/*vertical menu*/ 
.nav-side-menu {
      top: 63px;
      overflow: auto;
      background-color: #fff;
      position: fixed; 
      width: 134px;
      height: 100%;
      color: #5a5a5a; 
      border-top: 1px solid #edf0f5;
      margin-right:0px;
}

.nav-side-menu .brand {
          background-color: rgb(2, 2, 3);
          line-height: 30px;
          display: block;
          text-align: center;
          font-size: 14px;
          cursor: pointer;
          height: 42px;
          padding-top: 7px;
}
.nav-side-menu .brand i{
        font-size: 21px;
        float: left;
        margin-top: 5px;
        margin-left: 7px;
        color: #5a5a5a;
}
.nav-side-menu .toggle-btn {display: none;}
.nav-side-menu ul,
.nav-side-menu li {
    list-style: none;
    padding:19px 0px;
    margin: 0px;
    min-height: 115px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
} 
.nav-side-menu ul{
  padding: 0px;
}
.nav-side-menu li .sub-menu li{
    min-height: 13px !important;
    line-height: 1 !important;
    padding-right: 12px !important;
}
.nav-side-menu #menu-content>li>a span{
  width: 100%;
  display: block;
  text-align: center;
  font-weight: bold;
  margin-top: 4px;
  color: #B5BDC5;
  font-size: 13px;
}
.nav-side-menu ul .collapsed .arrow:before,
.nav-side-menu li .collapsed .arrow:before {
    font-family: FontAwesome;
    content: "\f104";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: left;
    color: transparent;
    margin-left: 10px;
    background: url(../../../icons/arrow.png) 9px 15px no-repeat;
}

.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
    font-family: FontAwesome; 
    content: "\f107"; 
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: left;
    margin-left: 10px;
    color: transparent;
    background: url(../../../icons/arrow_bottom.png) 9px 15px no-repeat;
}

.nav-side-menu ul .active,
.nav-side-menu li .active {
    border-left:3px solid #ef2525;
    background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
    background-color: #f4f8fc;
    border: none;
    line-height: 28px;
    border-bottom: 1px solid #e5effc;
    margin-left: 0px;
    height: 45px;
    padding-top: 10px;
    padding-right: 38px;
    font-size: 14px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: rgb(237, 242, 246);
}
.nav-side-menu li ul.sub-menu li a{
  width: 100%;
  color:#919191;
  text-align: center;
}
.saved_items .select2-container, .order_header  .select2-container ,.search_meal_form .select2-container{
  z-index: 12 !important;
}
/*.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f104";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}*/
.submenu_active{
    position: absolute;
    width: 256px;
    display: block;
    z-index: 90000000;
    top: 0;
    right: 76px;
}
.nav-side-menu li {
  padding-left: 0px;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
  width: 98%;

}
.nav-side-menu li a {
  text-decoration: none;
  color: #5a5a5a;
  width: 100%;
  display: inline-block;
}
.nav-side-menu #menu-content>li>a{
  padding-top: 5px;
}
.nav-side-menu li a i {
    padding-right:7px;
    padding-left:25px !important;
    color: transparent;
    min-height: 20px;
}
#menu_toggle{
      position: absolute;
      top: 12px;
      right: 15px;
      color: #000;
      cursor: pointer;
}
#menu_toggle i{font-size:21px;}
.nav-side-menu li:first-child a i{background: url(../../../icons/Dashboard.png) 9px 0 no-repeat}
.nav-side-menu li[data-target="#groups"] a i {
   background: url(../../../icons/Groups.png) 9px 0 no-repeat;
}
.nav-side-menu li[data-target="#gbook"] a i {
   background: url(../../../icons/group_booking.png) 9px 0 no-repeat;
}
.nav-side-menu li[data-target="#tickets"] a i {
   background: url(../../../icons/Tickets.png) 9px 0 no-repeat;
}
.nav-side-menu li[data-target="#reports"] a i {
   background: url(../../../icons/Reports.png) 9px 0 no-repeat;
}
.nav-side-menu li[data-target="#Company"] a i {
   background: url(../../../icons/Companies.png) 9px 0 no-repeat;
}
.nav-side-menu li[data-target="#groupPlus"] a i {
   background: url(../../../icons/Branches.png) 9px 0 no-repeat;
}
.nav-side-menu li[data-target="#settings"] a i{
   background: url(../../../icons/usetting.png) 5px 0 no-repeat;
}
.nav-side-menu li[data-target="#controllsettings"] a i {
   background: url(../../../icons/Settings.png) 9px 0 no-repeat;
}
.nav-side-menu li[data-target="#box_activity"] a i {
   background: url(../../../icons/Accounting.png) 9px 0 no-repeat;
}

.nav-side-menu li[data-target="#visas"] a i {
   background: url(../../../icons/svisa.png) 9px 0 no-repeat;
}
.nav-side-menu li[data-target="#onlineReservation"] a i {
   background: url(../../../icons/svisa.png) 9px 0 no-repeat;
}


.nav-side-menu li:hover {
  background-color: #edf4f8;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.active_menu_item{
  background-color: #edf4f8;
}


/*Horizontal menu*/
/*menu*/
.navbar-brand{padding:0}
nav{    
    border: none !important;
    margin-bottom: 0px !important;
    padding:0px 15px;
    height: 100%; 
}
nav .container-fluid,nav .container-fluid .navbar-header,nav .container-fluid #myNavbar,nav .container-fluid .navbar-brand{
  height: 100%;
}
nav .container-fluid .navbar-brand{
    color: #47d3a4;
    font-weight: bold;
    font-size: 35px;
    padding: 35px 0px;
    width: 131px; 
}


nav .container-fluid .navbar-header{

}
.dropdown:hover .dropdown-menu{display: block;}
nav ul li a{color:#000 !important;}
nav .dropdown-menu {
    background-color: rgba(3, 128, 176, 0.71);
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    border: none;
    text-align: right;
}
nav .dropdown-menu > li > a {
    padding: 9px 20px;
    color: #eee;
    border-bottom: 1px solid rgba(3, 128, 176, 0.25);
}
nav .dropdown-menu > li > a:hover{
  background-color:#0380b0;
}
.navbar-default .navbar-nav > .open > a,
 .navbar-default .navbar-nav > .open > a:hover, 
 .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: rgba(66, 93, 103, 0.33) !important;
}
.navbar-right .dropdown-menu {
    left: auto;
    right: 0;
}
.navbar-right > li > .dropdown-menu {
    background-color: #444d58;
    margin-top: 10px;
    margin-left: 10px;
    min-width: 165px;
    border-radius: 4px;
    margin-right: -5px;
    z-index: 9999;
}
.form-horizontal .control-label {text-align:right !important;padding-bottom:0px;}
.nav_menu {
    float: left;
    background: #fff;
    width: 100%;
    position: relative;
    height: 91px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.toggle {
    float: right;
    margin: 0;
    padding-top: 14px;
    width: 70px;
    padding-right: 14px;
    cursor: pointer;
}

.toggle a i {
    font-size: 19px;
    font-weight: 100;
    color: #FFF;
}
.top_nav .navbar-right {
    margin: 0;
    width: 70%;
    float: right;
}
.user-profile img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 10px;
}
.navbar-nav > li {
      padding-right: 18px;
    padding-left: 18px ;
    transition: 0.4s all;
}
.navbar-nav > li > a {
    padding: 35px 0px;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    transition: 0.4s all;
}
.navbar-nav .header_add_new_btn{
        width: 116px;
    color: #fff;
    background: #43d5a1;
    padding: 7px 0px !important;
    border: none;
    border-radius: 4px;
    box-shadow: 1px 1px 9px #43d5a138;
    font-size: 15px;
    font-weight: bold;
}

.navbar-nav .user_profile {
padding:10px 0px !important;

}
.navbar-nav .user_profile:hover{
  background:transparent;
}
.navbar-nav .user_profile:hover a{
  color: inherit;
  border:none;
}
.navbar-nav .header_add_new_btn span{
     background-color: #fff;
    color: #43d5a1;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    line-height: 1.7;
}

.navbar-nav > li.active, .navbar-nav > li:hover{
  background: #fcfcfc; 
}
.navbar-nav > li.active a, .navbar-nav > li:hover > a{
  color: #43d5a1 !important;
  border-bottom: 2px solid #43d5a1;
}
.profile_section > li >a{
        padding: 16px !important;
}
.profile_section >li> a .fa-angle-down,.lang_arrow{
    position: absolute;
    background: url(../../../icons/arrow_bottom.png) 7px 3px no-repeat;
    width: 23px;
    height: 10px;
    display: block;
    color: transparent;
    top: 31px;
    left: 5px;
}
.lang_arrow{right:-9px;}
.balance{margin-top: 15px;}
.balance li b{
      color: #818181;
    float: left;
    font-weight: 100;
}
.balance span{
      color: #40c6a7;
    padding-left: 10px;
    float: right;
    font-size: 16px;
}
.balance:after{
    display: none;
}
.balance:before{
    display: none;
}

.lang_section > li >a:before{
       content: "";
    width: 1px;
    height: 14px;
    background-color: #c2c2c2;
    position: absolute;
    top: 15px;
    left: 5px;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none !important;
    background-color: transparent !important;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent !important;
    border-color: transparent !important;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent !important; 
    border-color: transparent !important;
        background-image: none !important
}
.dt-button-collection>li>a:hover, 
.dt-button-collection>li>a:focus{
     background-color: #6c757d !important;
}

/*div.main-content{
  position: relative;
  z-index: -1;
} */

.mini-submenu{
        position: absolute;
        right: 45px;
        top: 0;
        background-color: #000;
        width: 224px;
        z-index: 9000;
        display: none !important;
}

.nav-side-menu li:hover .mini-submenu{
   display:block !important;
}
.main_menu_link{
        padding-right: 10px;
        color: transparent !important;
        line-height: 0;
        height: 31px;
        padding-top: 9px;
}
.mini-submenu a{
  color: #e1ffff !important;
}
.brand_active{
  line-height:0px !important;
    color: rgb(2, 2, 3) !important;
}
.brand_inactive{
    line-height: 30px !important;
    color: #e1ffff !important;
}
.dropdown-menu:before, .dropdown-toggle>.dropdown-menu:before, .dropdown>.dropdown-menu:before {
    position: absolute;
    top: -8px;
    left: 75px;
    right: auto;
    display: inline-block!important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    content: '';
} 
.dropdown-menu1:before, .dropdown-toggle>.dropdown-menu1:before, .dropdown>.dropdown-menu1:before {
    position: absolute;
    top: -8px;
    left: 138px!important;
    right: auto;
    display: inline-block!important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #444d58;
    border-left: 8px solid transparent;
    content: '';
}
.colse_nav_side_menu{width:70px !important;}
.colse_nav_side_menu .menu-list{}
.colse_nav_side_menu .menu-list ul{}
.colse_nav_side_menu .menu-list ul li{}
.colse_nav_side_menu .menu-list ul>li>a{
          color: #000;
          font-size: 0;
          line-height: 0;
          margin-top: -33px;
          float: right;
          padding-right: 8px;
          padding-top: 0 !important
}
.colse_nav_side_menu .menu-list>ul>li>ul{display: none;}
.make_content_fullwidth{
padding: 10px 30px !important;;
}


.sidebar_logo {
    float: right;
    min-height: 60px;
    border: none;
    width: 220px;
    position: relative;
}
.sidebar_logo img {
    width: 70%;
    float: left;
    height: 40px;
}

/*sidebar style*/
.nav-side-menu #menu-content>li>a{
  padding: 7px 20px; 
   color:#717171; 
}
.nav-side-menu #menu-content li a span.fa.fa-caret-left{
  float: left;
  margin-top: 10px; 
  color:#bcbcbc;
}
.nav-side-menu li img{
  /*margin-left: 10px; */
  width: 30px;
}

/*end of sidebar style*/

.sidebar {
    display: block;
    background-color: #fff;
    padding: 0;
    display: none;
}


.sidebar ul.nav a:hover, 
.sidebar ul.nav li.parent ul li a:hover {
    text-decoration: none;
    background-color: #e9ecf2;
}

.sidebar ul.nav .active a, .sidebar ul.nav li.parent a.active,
.sidebar ul.nav .active > a:hover, .sidebar ul.nav li.parent a.active:hover,
.sidebar ul.nav .active > a:focus, .sidebar ul.nav li.parent a.active:focus {
    color: #fff;
    background-color: #30a5ff;
}

.sidebar ul.nav ul,
.sidebar ul.nav ul li {
    list-style: none;
    list-style-type: none;
}

.sidebar ul.nav ul.children {
    width: auto;
    padding: 0;
    margin: 0;
    background: #f9f9f9;
}

.sidebar ul.nav ul.children li a {
    height: 40px;
    background: #f9f9f9;
    color: #30a5ff!important;
}

.sidebar ul.nav li.current a {
    background-color: #30a5ff;
    color: #fff!important;
}

.sidebar ul.nav li.parent ul li a {
    border: none;
    display:block;
    padding-left: 30px;
    line-height: 40px;
}


.sidebar span.glyphicon {
    margin-right: 10px;
}

.sidebar ul.nav li.divider {
    border-bottom: 1px solid #eee;
    margin: 20px 0;
}

.sidebar .attribution {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 15px;
    text-align: center;
    border-top: 1px solid #eee;
    font-size: 12px;
}
 



.sidebar .glyph, .user-menu .glyph {
    height: 16px;
    width: 16px;
    margin: 0 10px 0 0;
    stroke-width: 3px;
}
#mobile_menu_toggle{
      position: absolute;
    top: 12px;
    right: 15px;
    color: #000;
    cursor: pointer;
}

#mobile_menu_toggle i{
  font-size: 21px; 
}

#mobile_menu_toggle{
  display: none; 
}
#menu_toggle{
  display: block;
}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }

}

@media(max-width: 992px){
#mobile_menu_toggle{
  display: block; 
}
#menu_toggle{
  display: none;
}
.make_content_fullwidth{
  /*padding-right: 0px !important; */
}
.nav-side-menu {
  z-index: 33; 
  display: none;
}
#addNewDrugModal .modal-lg{
  width: 100%;
}
}
@media (max-width: 767px) {
  .make_content_fullwidth .pharmacy_search_area .col-md-3, .make_content_fullwidth .pharmacy_search_area .col-md-2, .make_content_fullwidth .pharmacy_search_area .col-md-1{
      width: 100% !important;        
    }
    .make_content_fullwidth .pharmacy_search_area{
        height: auto !important; 
    }
    nav .container-fluid{
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
   .navbar-nav .user_profile{
    padding-right:10px !important; 
    padding-left:10px !important; 
   }
   .nav_menu ul.nav.navbar-nav.navbar-right li{
    float: left;
   }
    .make_content_fullwidth{
    /*padding-right: 0px !important; */
  }

  .nav_menu ul.nav.navbar-nav{
    float: left; 
  }
  .nav-side-menu {
    position: fixed;
    /*width: 100%;*/
    margin-bottom: 10px;
  }
  .nav-side-menu ul#menu-content{
    display: block;
  }
  .mobile_close_button.visible-xs{
    display: none !important;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}


@media(max-width: 498px){
  .sidebar_logo img{
    display: none;
  }
  .sidebar_logo{
    width: 32px; 
  }
}

@media(max-width:1120px){
.navbar-nav > li{
    padding-right: 7px !important; 
    padding-left: 7px !important; 
}
.navbar-nav .header_add_new_btn{
  width: 101px !important;
}
nav{
  padding: 0px;
}
nav .container-fluid{
  padding-right: 0px ;
  padding-left: 0px ;
}

}

@media (max-width: 993px){
  .navbar-nav > li > a{
  font-size: 13px !important;
}
 
.make_content_fullwidth .pharmacy_search_area .col-md-3,.make_content_fullwidth .pharmacy_search_area .col-md-2,.make_content_fullwidth .pharmacy_search_area .col-md-1{
      width: 33% ;
    margin-top: 9px;
    margin-bottom: 0 !important;
    float: left;
}

.make_content_fullwidth .pharmacy_search_area .col-md-3 label,.make_content_fullwidth .pharmacy_search_area .col-md-2 label,.make_content_fullwidth .pharmacy_search_area .col-md-1 label{
  display: block;
}
.make_content_fullwidth .datatable_area .defaul_table_style td a{
  display: block;
}
.make_content_fullwidth .pharmacy_search_area input{
      height: 34px;
      margin-bottom: 0px;
}

.make_content_fullwidth .pharmacy_search_area{
  height: 200px ;
}
}

@media(max-width: 478px){
  .navbar-toggle{
    float: left;
    margin: 0px !important;
    margin-top: 4px;
  }
  nav .container-fluid .navbar-brand{
    padding:10px 0px !important; 
  }
  .profile_section > li >a{
    padding: 3px !important;
  }
  .navbar-header .navbar-brand{
    width: 108px !important;
  }
  .navbar-nav .header_add_new_btn{
    font-size: 13px !important;
  }
  .navbar-nav .user_profile{
    padding-right: 2px !important;
    padding-right: 2px !important;
  }
  .navbar-nav .open .dropdown-menu{
    position: absolute !important; 
  }
  .make_content_fullwidth .datatable_area{
    padding:20px 5px; 
  }
  .make_content_fullwidth{
        padding: 10px 14px !important;
  }
}