@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700");
.bg-light-dark {
  background-color: rgba(0, 0, 0, 0.1);
}
.white-bg {
  background: #fff;
}

   .synchronizeloader{
    display: none;
   }
   .res_prof.synchronizeloader{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    z-index: 9;
    left: 0;
    padding: 15px;
    margin: -18px 0;
    justify-content: center;
    align-items: center;
   }
   .show_flex{display: flex!important;}

     .lds-ripple {
      /*display: none;*/
display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
     background-color: black; 
     opacity: .5;}

.lds-hourglass {
    display: inline-block;
    position: fixed;
    width: 64px;
    z-index: 9999;
    margin: auto;
    height: 64px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;

}
.res_prof.synchronizeloader .lds-hourglass{
position: relative;
} 
.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 6px;
  box-sizing: border-box;
  border: 26px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}


.imgloader {
    margin: auto;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999;
  
}
.imgloader img {

   min-width: 100px;
     margin: auto;
position: absolute;
  
}

.bg-success {
  background-color: #4CAF50;
}
.text-danger{
  color: red;
}

.border-success {
  border-color: #4CAF50;
}
#upload-demo{
  background-size: contain!important;
  background-repeat: no-repeat!important;
  padding: 0!important;
}
 .no-image.profile_image img.delete_icon{display: block;}

body {
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  color: #777;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  overflow-x: hidden;
  background-color: #f5f5f5;
}

a {
  text-decoration: none;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /*color: #56afd7;*/
    color: #ec4640;
}
a:hover, a:focus {
  text-decoration: none;
  outline: 0 !important;
    color: #2C3E50;
}

a.text-muted:hover {
  color: #2C3E50;
}

.admin_login_btn{
  float:right !important;
  border-radius: 5px !important;
}

hr {
  margin-top: 15px;
  margin-bottom: 15px;
}

button:focus {
  outline: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  font-weight: 700;
}

.content-wrapper, .right-side{
  background-color: #fafafa;
}

.content-wrapper, .right-side, .main-footer{
  margin-left: 260px;
}

.main-sidebar, .left-side{
  width: 260px;
}

.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title{
  font-weight: 600;
}

.box-body{
  padding: 25px 15px;
}

.form-group{
  margin-bottom: 15px;
}
/************************ Login Page Style *******************************/
.misc-wrapper {
  width: 100%;
  height: 100%;
  display: table;
  position: relative;
  background-image: url(../images/pattern.png);
  background-color: #ebeef0;
  background-repeat: repeat;
  padding: 20px 0;
}

.misc-content {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  position: relative;
}

.misc-box {
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  padding: 15px;
  border-radius: 5px;

}

.misc-header {
    /*padding: 15px;*/
    /*border-bottom: 1px solid #eeeeee;
    margin-left: -15px;
    margin-right: -15px;*/
    margin-bottom: 25px;
}

.logoLogin {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}
/*#forgotForm a {
  background-color: #cb9337;  border: #cb9337;
}

#forgotForm a:hover {
  background-color: #cb9337;  border: #cb9337;
}

.pull-rightl a {
  background-color: #cb9337;
  border: #cb9337;
}
.pull-rightl .loginBtn {
  background-color: #cb9337;
}
.pull-rightl .btn-primary {
  border: #cb9337;
  background-color: #cb9337; 
}
.pull-rightl .btn:hover {
  background-color: #2C3E50; 
}

.btn-primary:active, .btn-primary:active:focus {
 background-color: #cb9337;  
}*/

.pad-v {
    padding: 10px 0;
}

.text-muted {
    color: #909fa7;
}

.group-icon {
    position: relative;
    overflow: hidden;
}

.form-control, input[type="text"], input[type="email"], textarea {
    font-size: 13px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid #dde6e9;
    transition-duration: .5s;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
}

label{
	font-weight: normal;
}

.group-icon .form-control {
    padding-right: 40px;
}

.group-icon .icon-input {
    position: absolute;
    right: 0px;
    top: 10px;
    width: 40px;
    text-align: center;
}
.btn{
	border-radius: 0;
}

label.error {
    color: #cc0000;
    display: block;
    margin-top: 5px;
}	

.form-control.error {
    border-color: #cc0000;
}
.btn,.btn:active,.btn:hover,.btn:active:focus {
    border-radius: 2px;
    font-weight: 500;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}
.btn-primary {
  background-color: /*#94342d*/ #ec4640;
  border-color: #ec4640;
  color: #fff;
    border-radius: 2px;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);}
}
.btn-primary:hover {
  color: #fff;
  opacity: 0.9;
  background-color: #ec4640;
  border-color: #ec4640;
}
.btn-primary:focus,.btn-primary:active {
  color: #fff;
  background-color: #ec4640;
  border-color: #ec4640;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);}
}

/**alerts*/
.alert-danger {
  color: #F44336 !important;
  background-color: transparent !important;
  border-color: #F44336 !important;
}

.alert-warning {
  color: #FF7043;
  background-color: transparent;
  border-color: #FF7043;
}

.alert-info {
  color: #56afd7;
  background-color: transparent;
  border-color: #56afd7;
}

.alert-success {
  color: #4CAF50 !important;
  background-color: transparent !important;
  border-color: #4CAF50 !important;
}

.alert>p, .alert>ul{
	padding-left: 15px;
}

.layout-boxed{
  position: relative;
  background-image: url(../images/pattern.png);
  background-color: #ebeef0;
  background-repeat: repeat;
}

.main-header .logo{
  height: 60px;
  line-height: 60px;
  font-size: 30px;
}

span.logo-lg img {
    max-height: 54px;
    margin-top: 3px;
}

.main-sidebar, .left-side{
  padding-top: 60px;
}
.sidebar-menu .treeview-menu > li > a > .icons,.sidebar-menu  > li > a > .icons{
  width: 20px;
  display: inline-block;
}

.skin-black-light .main-header>.logo{
  border-right: 0;
}
.content-header>h1{
  font-weight: normal;
}

.skin-black-light .treeview-menu>li.active>a {
    font-weight: 600;
    color: #94342d;
}
.label{
  font-weight: normal;
  width: 100px;
  text-align: center;
  font-size: 12px;
  text-transform: capitalize;
  display: block;
  line-height: 1;
  padding: 7px 0px 5px;
  margin: 0 auto;
}
.employee-table td{
  vertical-align: middle !important;
}
.table>tbody>tr>th {
    font-weight: 500;
    text-align: center;
    color: #000000;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
  background-color: #ec4640;
  border-color: #ec4640;
}
.popover.confirmation {
    width: 260px;
}
.content-header{
  padding-bottom: 15px;
}
.row-table {
  display: table;
  margin: 0;
}

.row-table > [class*=col-] {
  display: table-cell;
  float: none;
  table-layout: fixed;
  vertical-align: middle;
}
.clearfix:after{
  content: " ";
  display: table;
  clear: both;
}
.clearfix:before{
  content: " ";
  display: table;
  clear: both;
}
@media (max-width: 991px){
  .existing-slip tr td:nth-child(4),.existing-slip tr th:nth-child(4){
    display: none;
  }
  ._mobile_center{
    text-align: center;

  }
 
  .panel-banner-images .col-sm-3 {margin-bottom: 30px}
}
@media (max-width: 767px){
  ._mobile_center .btn{
    margin-bottom: 15px;
    font-size: 12px;
  }
  .main-header .sidebar-toggle {
    color: #333333 !important;
    font-size: 30px;
    position: absolute;
    top: 4px;
  }
  .skin-black-light .main-header>.logo{
    background-color: #ffffff;
  }
  .skin-black-light .main-header .navbar{
    display: none;
  }
  .main-sidebar, .left-side {
      -webkit-transform: translate(-260px, 0);
      -ms-transform: translate(-260px, 0);
      -o-transform: translate(-260px, 0);
      transform: translate(-260px, 0);
  }
  .content-wrapper, .right-side, .main-footer{
    margin-left: 0;
  }
  .content-header {
    padding-bottom: 0px;
  }
  .content-header>h1{
    font-size: 20px;
  }
  .box-body {
    padding: 15px 15px;
  }
  /*span.logo-lg img {
    max-height: 45px;
    margin-top: 7px;
  }*/
    span.logo-lg img {
    max-height: 30px;
    margin-top: 12px;
  }
  ._mobile_div{
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }
  ._mobile_div_btn{
    margin-bottom: 35px;
    margin-top: 5px;
  }
  ._mobile_div_btn .btn{
    display: block;
    width: 100%;
  }
  .sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer {
    -webkit-transform: translate(260px, 0);
    -ms-transform: translate(260px, 0);
    -o-transform: translate(260px, 0);
    transform: translate(260px, 0);
   }
   .row-table{
    display: block;
   }
   .form-groupp {
    margin-left: -15px;
    margin-right: -15px;
    }
   .row-table > [class*=col-] {
    display: block;
    float: left;
    table-layout: fixed;
    vertical-align: middle;
  }
}
@media (max-width: 479px){
  .existing-slip tr td:nth-child(4),.existing-slip tr th:nth-child(4){
    display: none;
  }
  ._mobile_center .btn {
    margin-bottom: 0px;
    font-size: 12px;
    display: block;
    width: 100%;
  }
}

/*custom css*/
/*login*/
body{height: 100%;}
.content-header>h1{text-transform: capitalize;}
.center-login{margin: auto; float: none; max-width: 400px;}
.center-login .misc-box{ padding: 24px 24px 34px;}
.center-login .misc-box .btn-primary{margin-top:10px;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:active:focus,.btn[class*='bg-']:hover{background-color: #ec4640; border-color: #ec4640; color:#fff; outline-offset: 0px; border-radius: 2px; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);}
.btn-default,.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default:active:focus{background-color: #2C3E50; border-color: #2C3E50; color:#fff; outline-offset: 0px;}
.form-control:focus {
    border-color: #2C3E50;
    outline: 0;
    -webkit-box-shadow: 0 0px 0px transparent;
    box-shadow: 0 0px 0px transparent;
}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    text-transform: capitalize;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
    text-transform: capitalize;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
    text-transform: capitalize;
}
.form-control:-moz-placeholder { /* Firefox 18- */
    text-transform: capitalize;
}
.forgot-pass .misc-header{margin-bottom: 0px;}


/*.wrapper{background-color:#2c3e50 !important; }*/
/*Dashboard Page Custom*/
/*dashboard quick info block*/
    .dashboard-block + .box{float:left; border-top:1px; padding-top:15px; padding-bottom: 15px;}
    .dashboard-block a {color: #111;}
    .dashboard-block .fa {font-size: 3em;}
    .dashboard-block .fa-users {color: #F3BB45;}
    .dashboard-block .fa-cutlery {color: #7AC29A;}
    .dashboard-block .fa-spoon {color: #7AC29A;}
    .dashboard-block .fa-user {color: #EB5E28;}
    .dashboard-block .fa-android {color: #78c158;}
    .dashboard-block .fa-apple {color: #62cefc;}
    .dashboard-block .card .numbers{margin-left: -15px;}
    .dashboard-block .card{border-radius: 6px; padding:25px 13px; box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5); background-color: #FFFFFF; color:#252422; margin-bottom: 20px; position: relative; z-index: 1;}
    .dashboard-block .card:hover{box-shadow: 0 2px 2px rgba(204, 197, 185, 0.9);}
    .dashboard-block .card .numbers {font-size: 2em; text-align: right;}
    .dashboard-block .card .numbers p {font-size: 15px; margin-bottom: 3px;}
    /*dashboard user list*/
    .dashboard-user-list .user-list-group{margin-bottom: 0px;}
    .dashboard-user-list .user-list-group .user-image{display: inline-block; width:25%;}
    .dashboard-user-list .user-list-group .user-image img{width:60px; height: 60px; border-radius:50%; margin-right: 20px;}
    .dashboard-user-list .user-list-group{font-size: 18px; color:#333;}    
    .dashboard-user-list span.user-detail{display: inline-block; float: right; color:#da9a15; line-height: 24px; font-size: 16px; padding-top:5px; width:70%;}
    .list-group-item{background-color: #fafafa; border:1px solid #f4f4f4; margin-bottom: 0px !important; margin-top: 15px;  box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);}
    .dashboard-user-list .user-department{display: block; font-size: 14px; color:#999;}
    .dashboard-dishes-list .dish-name{ color:#7ac299; font-size: 16px; margin-bottom: 0px; line-height: 20px; margin-bottom: 5px;}
    .dashboard-dishes-list .dish-category li .fa{margin-right: 5px;}
    .dashboard-dishes-list .dish-category{ color: #999; font-size: 16px; margin:0px; padding:0px;}
    .dashboard-dishes-list .dish-category li:first-child{display:block; font-size: 15px;/* margin-bottom: 15px;*/}
    .dashboard-dishes-list .dish-category li{display:inline-block; padding-right:10px; font-size: 18px;}
    .dashboard-dishes-list .list-group-item{margin-bottom: 15px; box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);}
/*Dashboard Page*/
.dashboard-cuisine-list .cuisine-list img{display: block; margin: auto;}
.layout-boxed .wrapper{max-width: 100% !important; float: none !important;}
.dashboard-block .card{color:#2c3e50 !important;}
.skin-black-light .main-header{-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.05) !important; box-shadow: 0 0px 0px rgba(0,0,0,0.05) !important;}
.user-panel{padding-left: 15px;}
.user-panel.header-bar{width:200px; float: right; padding: 8px;}
.user-panel>.info>p{/*margin-top: 10px; !important;*/ line-height: 40px;}
.user-panel>.info{padding: 0px 5px 0 15px;}
.skin-black-light .main-header .navbar{background-color: #2C3E50; color: #fff; /*margin-left: 0px;*/ margin-left: 260px; height: 60px;}
.skin-black-light .main-sidebar{background-color: #2C3E50; color: #fff;}
.skin-black-light .user-panel>.info, .skin-black-light .user-panel>.info>a,.skin-black-light .sidebar a{color: #fff;}
.skin-black-light .main-header>.logo,.skin-black-light .main-header>.logo:hover{background-color: #fff;}
.skin-black-light .sidebar-menu>li.active{background: rgba(0,0,0,.35)!important;}
.skin-black-light .sidebar-menu>li:hover>a, .skin-black-light .sidebar-menu>li.active>a{background: #192531 !important; color: #fff;}
.skin-black-light .sidebar-menu>li>.treeview-menu{background: #192531 !important; color: #fff; margin: 0px; padding: 0px;}
.sidebar-menu .treeview-menu>li{padding-left: 30px;}
.sidebar-menu .treeview-menu>li.active{background-color:rgba(0,0,0,0.3)}
.skin-black-light .treeview-menu>li>a,.skin-black-light .treeview-menu>li.active>a, .skin-black-light .treeview-menu>li>a:hover{color: #fff;}
.skin-black-light .main-header .navbar>.sidebar-toggle{color: #fff; border: 0px;}
.skin-black-light .main-header .navbar>.sidebar-toggle:hover,.skin-black-light .main-header .navbar>.sidebar-toggle:focus,.skin-black-light .main-header .navbar>.sidebar-toggle:active{background-color: transparent;}
.sidebar-menu li>a>.fa-angle-left, .sidebar-menu li>a>.pull-right-container>.fa-angle-left{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: all .2s cubic-bezier(.35,0,.25,1);
    font-size: 18px;
}
.sidebar-menu li.active>a>.fa-angle-left, .sidebar-menu li.active>a>.pull-right-container>.fa-angle-left{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.box.box-default{border:0px; padding:15px; border-radius: 4px;}
.sidebar-menu li>a>.pull-right-container{margin-top: -10px;}
.sidebar-menu .treeview-menu>li>a .fa-circle-o{display: none;}
.sidebar-menu .treeview-menu>li>a{padding: 10px 5px 10px 15px;}
.skin-black-light .sidebar-menu>li>a,.skin-black-light .sidebar-menu>li.active>a{font-weight: normal;}
.main-header .logo{/*position: absolute; left: 0; right:0 ; float: none; margin: auto; z-index: 9999;*/ padding-top: 8px; width:260px;}
.content-header>h1,.red-bar{border:0px !important;  border-radius: 2px 2px 0 0; font-size: 22px !important; padding: 10px 15px 12px !important; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}
.red-bar .see-all,.see-all{display: inline-block; float: right; color: #fff; font-size: 16px; line-height: 24px;}
.see-all:hover,.see-all:focus,.see-all:active{color: #fff; text-decoration: underline;}
.pagination{margin-bottom: 0px; margin-top: 5px;}
.content-wrapper{background: #fafafa; padding: 5px; box-sizing: border-box;}
.content-header{padding-bottom: 0px;}
.content{padding-top: 0px !important;}
.content .box.box-default{border-radius: 0 0 4px !important;}
.content-header + .content .box.box-default{border-radius: 0 0 2px 2px !important; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);}
.box-content{border-radius: 2px !important; padding: 15px; box-shadow: 0 0 5px #ccc; background-color: #fff; margin-bottom: 25px;}
.section-title h3,h3.section-title{margin-top: -15px; margin-bottom: 15px; background-color: #2C3E50; color:#fff;  font-weight: normal; font-size: 20px; padding: 10px 15px; font-weight: normal;}
.dashboard-block{margin-top: 20px; margin-bottom: 5px;}
table>tbody>tr>th, table th{background-color: #2c3e50 !important; color: #fff !important; font-weight: normal; border: 1px solid #212e3c !important;}
.highcharts-credits{display: none;}

table th{white-space: nowrap; text-align: center;}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,
.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {vertical-align: middle;}
#search-btn {display: inline-block; margin-left: -5px;}
.btn-flat:hover,.btn-flat:focus{box-shadow: 0px 0px 0px transparent;}

/*custom radio*/
.custom-radio{display: inline;}
.custom-radio input[type=radio],
.custom-radio input[type=checkbox]{cursor:pointer; border: 0; height: 100%; margin: -1px; overflow: hidden; padding: 0; opacity: 0; position: absolute; width: 100%;}
    
.custom-radio input[type=radio] ~ label:before,
.custom-radio input[type=checkbox] ~ label:before{font-family: FontAwesome; display: inline-block; content: "\f1db"; letter-spacing: 10px; font-size: 1.2em; color: #535353; width: 20px; margin-top: 0px; float: left;}

.custom-radio input[type=radio]:checked ~ label:before,
.custom-radio input[type=checkbox]:checked ~ label:before{content: "\f058"; font-size: 1.2em; color: #ec4640; letter-spacing: 5px;}
.custom-radio input[type=checkbox] ~ label:before {content: "\f096";}
.custom-radio input[type=checkbox]:checked ~ label:before {content: "\f046"; color: #ec4640;}
.custom-radio input[type=checkbox]:checked ~ label,
.custom-radio input[type=radio]:checked ~ label{color: #ec4640;}
.custom-radio input[type=radio]:focus ~ label:before,
.custom-radio input[type=checkbox]:focus ~ label:before,
.custom-radio input[type=radio]:focus ~ label,
.custom-radio input[type=checkbox]:focus ~ label{color: #ec4640;}

.option-container{display: inline-block; margin-right: 10px; position: relative;}

.custom-form .form-group{margin-bottom: 10px;}
.custom-form label{margin-right: 5px;}
#showSearchingText,#showCategoryBox{display: inline-block; margin-right: 5px;}
table .btn-group i{cursor: pointer; display: inline-block; padding: 5px;}
table .btn-group .btn.btn-flat{background-color: transparent; color: #2C3E50; border: 0px; font-size: 16px;}
table.stripped>tbody>tr:nth-child(odd),.table-hover.stripped>tbody>tr:nth-child(odd):hover{background-color: #fafafa;}
.table-hover>tbody>tr:nth-child(even):hover{background-color: transparent;}
.export-csv{float: right;}
table.no-bordered th,table.no-bordered td{border: 0px !important;}
/*popup style*/
.modal-header{background-color: #2c3e50; border-radius: 4px 4px 0 0; color: #fff; border: 0px;}
.modal-title{font-weight: normal;}
.modal-content{border-radius: 4px !important;}
.modal-content table{margin-bottom: 0px;}
.modal-footer{text-align: center; border-top: 0px; padding-top: 0px;}
.modal-footer .btn-primary{width: 150px;}
button.close{text-shadow: 0px 0px 0px; color: #fff; opacity: 1; font-weight: normal;}
.blur{filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
        -webkit-filter: url(#blur-filter);
        filter: url(#blur-filter);
        -webkit-filter: blur(3px);
        filter: blur(3px);}
.progress-bar-green, .progress-bar-success{background-color: #ec4640;}

.modal-dialog {margin-bottom: 30px; margin-left: auto; margin-right: auto; margin-top: 30px;}

.pagination>li>a, .pagination>li>span{padding: 5px 10px;}
.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border:0px !important;}

/*fix design*/
.main-sidebar,.left-side{max-height: 100vh; height:100vh; position: fixed; overflow-y: auto;}
.sidebar-collapse .main-sidebar{overflow:unset;}
/*.main-sidebar .sidebar-menu,.left-side .sidebar-menu{height:90vh; overflow-y: auto !important;}*/
.main-header{position: fixed; width:100%; top:0px; left: 0px; right: 0px;}
.sidebar-menu>li>a{padding:10px 5px 10px 15px;}
body{padding-top: 60px;}

.main-sidebar::-webkit-scrollbar {
    width: 3px;
}
 
.main-sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}
 
.main-sidebar::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px){
    .dashboard-block .card .numbers p{font-size: 14px;}
    .dashboard-user-list .user-list-group .user-image{width: 40%;}
    .dashboard-user-list span.user-detail{width: 60%;}
    table .btn-group .btn.btn-flat{padding: 6px;}
    .pagination>li>a, .pagination>li>span{margin-bottom: 5px;}
    .pagination{float: left;}
}


@media (min-width: 768px){
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span{padding: 10px 5px 10px 20px;}
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{width:235px;}
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container{left: 220px !important;}
    .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini{max-width: 40px;}
    .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {margin-left: -10px; margin-right: -10px;}
}
@media screen and (max-width:767px){
    .main-sidebar,.left-side{padding-bottom: 60px;}
    .pagination{float: left;}
    .pagination>li>a, .pagination>li>span{margin-bottom: 5px;}
    .dashboard-block .card{padding: 25px 15px !important;}
    #showBCC{word-break: break-all;}
    .form-horizontal textarea.form-control{min-height: 150px !important; }
    .dashboard-block{padding: 0 15px;}
    .custom-table td{width: 100%;}
    .form-horizontal .form-control{margin-top: 0px;}
    form br{display: none;}
    .form-control, input[type="text"], input[type="email"], textarea{width:100% !important; max-width: 100% !important; margin-right: 0 !important;}
    #showSearchingText, #showCategoryBox{margin-right: 0px;}
    .export-csv{float: none; display: block; margin: auto; text-align: center;}
    .content{padding-left: 0px; padding-right: 0px;}
    .content-header{padding: 15px 0 0;}
    .custom-form .btn-primary{display: block; margin: auto;}
    .custom-form label{display: block;}
    .custom-form br{display:none;}
    .custom-table td{width:auto; display: inline-block;}
    .custom-table.add-admin-table td{width:100% !important; display: inline-block; text-align: left !important;}
    .content-wrapper{padding: 0px;}
    .main-header .logo{width:100%;}
    .main-header .logo{position:static; z-index: 1;}
    .skin-black-light .main-sidebar{z-index: 9999;}
    .main-sidebar, .left-side{margin-top: 60px; padding-top: 0px;}
    span.logo-lg img{margin-top: 5px;}
    #usersChart{min-width: 100% !important; box-shadow: border-box;}
    .dashboard-cuisine-list .cuisine-list img{width:100%;}
    .dashboard-cuisine-list .cuisine-list span.cuisine-name{font-size: 13px !important;}
    .dashboard-cuisine-list .cuisine-list img{}
    .center-login .misc-box{padding: 15px 15px 20px}
    .content-header>h1, .red-bar{font-size: 20px !important;}
}
tr.sort-handle{
    cursor: move;
}
tr.sort-handle.ui-sortable-helper{
    background-color: #f4f4f5;
    display: table;
    width: 100%;
}
.tr-placeholder{
    height: 67px;
    background: #f7f5f5;
}
.ui-sortable {
    min-height: 10px !important;
}
.ui-sortable-placeholder {
    border: 1px dotted black;
    height: 100% !important;
    visibility: visible !important;
}
.ui-sortable-placeholder * {
    visibility: hidden;
}
.sortable-box-placeholder {
    background-color: #f5f5f5;
    border: 1px dashed #dddddd;
    display: block;
    margin-bottom: 24px !important;
    margin-top: 0 !important;
}
.sortable-box-placeholder * {
    visibility: hidden;
}
.panel-banner-images .col-sm-3 a{display: block;}
.panel-banner-images .col-sm-3 a img{width: 100%}
 .profile-pictures:after{clear: both;content: "";display: block;}
.profile-pictures label:nth-child(odd){margin-right: 7%}
 .profile-pictures label{position: relative;min-height:200px;list-style-type: none;display: inline-block;box-sizing: border-box;margin-bottom: 28px;width: 40%;float: none;vertical-align: top;}
 .profile-pictures label img.profile-image{width: 100%;border-radius: 5px;height: auto!important;
    /*min-height: 200px;*/
    max-height: 200px;
  position: absolute;left: 0;top: 50%;
    transition: transform;
    transform: translateY(-50%);}
    .profile-pictures label img.profile-image_new{border-radius: 5px;position: absolute;left: 0;top: 50%;
    transition: transform;
    transform: translateY(-50%);}
 .profile-pictures label.no-image.profile_image img.profile-image ,  .profile-pictures label.no-image.profile_image img.profile-image_new{object-fit: contain;width: 100%;height: auto;/*min-height: 200px;*/max-height: 200px;position: absolute;left: 0
  ;vertical-align: middle;top: 50%;
    transition: transform;
    transform: translateY(-50%);
    border-radius: 5px;
  }
 .profile-pictures label.no-image img.profile-image ,  .profile-pictures label.no-image img.profile-image_new ,  .profile-pictures label.no_image img.profile-image_new{object-fit: cover;width: 100%;height: 100%;/*min-height: 200px;*/max-height: 200px}
 .profile-pictures label .add_icon{z-index: 8;width: 33px;position: absolute;top: 50%;left: 50%;cursor: pointer;transition: transform;transform: translate(-50%,-50%);}
 .profile-pictures label .delete_icon{z-index: 8;width: 33px;position: absolute;display:none;top: 7px;right:7px;cursor: pointer;}
 .profile-pictures label .edit_icon{width: 33px;position: absolute;top: 7px;right:45px;cursor: pointer;z-index: 8}
 .profile-pictures input[type="file"]{display: none!important;}
 .cropper-container{margin: auto!important;}
 .modal{display: block!important;z-index: -1;}
 .modal.fade.in{z-index: 1100}
.modal-body , .img-container{overflow: hidden;max-height: 500px;height: 100%;}
#category_form .modal-body{max-height: initial;}
@media(max-width: 1200px ) and (min-width: 991px)
{
  #event_form .col-md-6{width: 100%}
}
 @media(max-width: 550px)
 {
  .profile-pictures label{width: 100%}
 }
ul.multiselect-container label.checkbox {
    width: 100%;padding-left: 30px
}
ul.multiselect-container input[type="checkbox"] {
  width: auto;
}
.form-field-group:after {
    clear: both;
    content: "";
    display: block;
}
#event_form:after{
  clear: both;content: "";display: inline-block;
}
ul.multiselect-container li a{padding: 0}
ul.multiselect-container li a:after{clear: both;content: "";display: block;}

button.multiselect{text-transform: capitalize;background: #fff;border: 1px solid #ddd;
    line-height: 30px;
    padding-left: 15px;
    color: #555;}
ul.multiselect-container label{color: #000;font-size: 14px;text-transform: capitalize;}
ul.multiselect-container{padding: 10px;background: #fff;border: 1px solid #adadad;display: none;width: 100%;list-style-type: none;}
.status-message{
  color: #fff;
    background: #f39c12;
    text-align: center;
    padding: 6px;
    border-radius: 5px;
    display: none;
}