body {
     
     }


@font-face {
    font-family: 'Cairo_Bold';
    src: url('/google_fonts/Cairo-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo-Light';
    src: url('/google_fonts/Cairo-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo_Regular';
    src: url('/google_fonts/Cairo-Regular.ttf') format('truetype');
}

/*  Rigth To Left*/
.textrtol {
    direction:rtl;
   }

/* html */
.menu-header-text {
color:black !important;
}

.menudlil {
    font-family: 'Cairo_Bold';
    /*color :purple !important;*/
    color:#160cf2;
    font-size: 0.91rem;
     /*font-weight: bold;*/
}

.dlil {
    font-family: 'Cairo_Bold';
    color :purple !important;
    font-size: 0.91rem;
     font-weight: bold;
}

.tf {
    font-family: 'Cairo_Bold';
    color :#0f05af !important ;
    font-size: 1.11rem;
     font-weight: bold;
}


.description {
    font-family: 'Cairo_Bold';
    color :green;
    font-size: 0.87rem;
}

.btn-label {
    font-family: 'Cairo_Bold';
    color :white;
    font-size: 0.87rem;
}
.btn-label-view {
    font-family: 'Cairo_Bold' !important;
    color :white !important;
    font-size: 0.71rem !important;
}

.card-header {
  padding: 10px;

  background-color: #0094ff;
  border-bottom: 0 solid #d9dee3;
  border-bottom-color: rgb(217, 222, 227);
  font-family: 'Cairo_Regular';
  font-size: 1.11rem;
  /*font-weight:bold;*/
  color :white;
  width:100%;
  height:50px;
  text-align:center;
  margin-bottom:30px;
  flex-item-align:center;
  
    
}
.form-label {
  float :right !important;
  margin-bottom: 0.5rem;
  font-family: 'Cairo_Regular';
  font-size: 0.81rem;
  /*font-weight: 700;*/
  color:black !important;
  
}

.user-label {
 
  font-family:'Cairo_Regular';
  font-size: 0.71rem;
  color:black !important;
  
}

.pagging td {
    
     padding-left: 7px; 
     padding-right:7px;    
     /*padding-right: 10px;*/   
     margin-bottom: 0.5rem;
    font-family: 'Cairo_Regular';
   font-size: 1.0rem;
   font-weight: bold;
   background-color:#e0dede;
  
}

/*---------------------------pages gridview-----------------------------*/
.gridviewPager {
            background-color: #fff;
            padding: 2px;
            margin: 2% auto;
           
        }

            .gridviewPager a {
                /*margin: auto 1%;*/
                border-radius: 50%;
                background-color: #545454;
                padding: 5px 10px 5px 10px;
                color: #fff;
                text-decoration: none;
                -o-box-shadow: 1px 1px 1px #111;
                -moz-box-shadow: 1px 1px 1px #111;
                -webkit-box-shadow: 1px 1px 1px #111;
                box-shadow: 1px 1px 1px #111;
            }

                .gridviewPager a:hover {
                    background-color: #337ab7;
                    color: #fff;
                }

            .gridviewPager span {
                background-color: #066091;
                color: #fff;
                -o-box-shadow: 1px 1px 1px #111;
                -moz-box-shadow: 1px 1px 1px #111;
                -webkit-box-shadow: 1px 1px 1px #111;
                box-shadow: 1px 1px 1px #111;
                border-radius: 50%;
                padding: 5px 10px 5px 10px;
                
            }
/*-----------------------------------------------------------*/

.msg {
   font-family: 'Cairo_Regular';
   font-size: 0.99rem !important;
   
}    

.upload-label {
  float :right !important;
  margin-bottom: 0.5rem;
  font-family: 'Cairo_Regular';
  font-size: 0.91rem;

  
}

.wifi-label {
  font-family: 'Cairo_Regular' !important;
  font-size: 0.99rem;
  /*font-weight: bold;*/
}

.menu-label {
  font-family: 'Cairo_Bold' !important;
  font-size: 0.85rem;
  font-weight: bold;
  color:black;
}

.submenu-label {
  font-family: 'Cairo_Regular' !important;
  font-size: 0.87rem  !important;
   color:black;
  /*font-weight: bold;*/
}

.alert-danger {
    float :right !important;
    background-color: #ffe0db;
    border-color: #ffc5bb;
    color: #ff3e1d;
    width: 100%;
    font-family: 'Cairo_Regular';
    font-size: 0.79rem;
}

.bx-ico {
   
    font-size: 1.53rem !important;
    font-weight:bold;
    color:red;
    line-height: 1;
}

.bx-ico-search {
   
    font-size: 1.0rem !important;
    font-weight:bold;
    color:blue;
    line-height: 1;
    vertical-align:central !important;
    width:100%;
    
}


.table-dark th {
    border-bottom-color: #e3e9ef !important;
}

.bx-ico-login {
   
    font-size: 1.1rem !important;
    /*font-weight:bold;*/
    color:black;
    line-height: 1;
}

.layout-navbar {
    height: 3.0rem !important;
}
#title {
color :green;
text-align :center;
}

.wifi {
    color :green;
    padding:5px;
    font-size:33px !important;
}

/*---------------------------- checkbox on/off---------------------------------------*/
 .switch
        {
            position: relative;
            display: inline-block;
            width: 17px;
            height: 17px;
        }
         
        .switch input
        {
            opacity: 0;
        }
         
        .slider
        {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
        }
         
        .slider:before
        {
            /*position: absolute;*/
            content: "";
            height: 17px;
            width: 17px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }
         
        input:checked + .slider
        {
            /*background-color: #2196F3;*/
            background-color:greenyellow;
        }
         
        input:focus + .slider
        {
            box-shadow: 0 0 1px #2196F3;
           
        }
         
        input:checked + .slider:before
        {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(26px);
        }
         
        /* Rounded sliders */
        .slider.round
        {
            border-radius: 34px;
        }
         
        .slider.round:before
        {
            border-radius: 50%;
        }


/*-------------------------------------------------------------------*/
#calendar {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index : 9999 !important;
}

#date_selected:focus ~ #calendar {
    visibility: visible;
    position: absolute;
    opacity: 1;
    color:red;
}