.portlet.light.portlet-fit {
    
    overflow-x: auto;
}
.portlet.light>.portlet-title>.actions {
    
    margin-left: 1px;
}
.page-header .page-header-menu {
    background: #67809F;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li>a, .page-header .page-header-menu .hor-menu .navbar-nav>li>a>i {
    color: #fff;
}
#account-details{
	display: none;
}
#organization-details{
	display: none;
}
#org-btn-panel{
	margin-top: 60px;
}
.login .content {
    width: 800px;
    
}
.login .logo {
    margin: 50px auto 0;
}
.login .content .form-control {
	background-color: #ffffff;
    
    color: #131313;
}
.login {
    background-color: #eff3f8;
}
.login-registration-head{
    padding-bottom: 0px;
    margin-bottom: 30px;
}
.login .form-title {
    color: #b3a9a6;
}
.login .content {
    background-color: #fff;
    padding: 25px;
}
.login .btn-default:hover {
    color: #fff;
}
.login .content .hint {
    color: #b3a9ae;
}
.login .content .mt-checkbox {
    color: #b3a9ae!important;
    margin-top: 20px;
}
.login a {
    color: #3ecad7!important;
}
.font-grey {
    color: #c1a9a6!important;
}
.mt-element-step .step-thin .done .mt-step-number {
    color: #c1a9a6!important;
}
.font-grey-cascade {
    color: #ffffff!important;
}
.bg-custom-1{
    background: #67809f;
    border: 1px solid #fff;
}
.bg-custom-2{
    background: #32c5d2;
    border: 1px solid #fff;
}
.bg-custom-3{
    background: #32c5d2;
    border: 1px solid #fff;
}
.login .content .form-control::placeholder {
    color:#b3a9ae;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {

.login .content {
    width: auto;
    }
}

@media only screen and (min-width: 320px) and (max-width: 420px) {
.mt-element-step .step-thin .mt-step-number {
    font-size: 20px;
    padding: 4px 13px;
}
#edit-patient-panel {
 
    margin-left: 0px!important;
}
.prescribe-portlets {
    min-height: 720px!important;
}
}

.food-item-modal-body{
    padding: 30px;
}

.login .content .mt-checkbox>span:after {
    border-color: #000!important;
}

.login .form-subtitle {
    color: #67809f;
}
.login-content{
    margin-top: 70px!important;
}
.login .content .mt-checkbox {
    color: #000000!important;
}
.mt-element-step .step-line .mt-step-title {
    font-size: 17px;
    }

.noUi-handle:after, .noUi-handle:before {

   
     left: 0px; 

}
#table-food-list_filter{
    display: none;
}
.A-C-T-N-buttons{
  word-wrap:break-word;
}
.footer-nil-padding{
    padding: 0px;
}
.prescribe-portlets{
    min-height: 650px;
}
#patientbtn-Div{
    /*display: none;*/
}
.select2-results__option--highlighted[aria-selected]{
    background-color: #d7bc9e!important;
}
#edit-patient-panel{
    display: none;
   margin-left:60px;
}
#remove-patient-btn{
        border-radius: 16px!important;
}
#save-patient-btn{
        border-radius: 16px!important;
        margin-right:20px;
        margin-bottom: 20px;
}
.remove-patient-modal{
        margin-bottom: 30px;
}
.patient-details{
    margin-top: 12px!important;
}
.helper-text{
    font-weight: bolder;
}
.recent-patient-btns{
    margin: 5px;
}

.food-list-modal-search{
    width: 50%!important;
    height: 24px!important;
}
.page-logo {
  
    text-align: center;
    padding: 5px;
    margin-bottom:7px;
}
.page-lock {
    top: 40%!important;
}
.mt-element-step .step-line .active .mt-step-number {
    border-color: #39b54c!important;
}
.mt-element-step .step-line .active .mt-step-title:after, .mt-element-step .step-line .active .mt-step-title:before {
    background-color: #39b54c;
}
.edit-patient-panel-inputs{
margin-left:20px;
}
#patient{
    width:100%!important;
}
.dashboard-stat2 .display .number h3 {
    font-size: 27px;
}
.food-panel-cat {
    width: 240px!important;
}
#diet-types-options{
   margin-top:15px;
}

@media only screen and (min-width: 320px) and (max-width: 370px) {
.food-panel-cat {
    width: 180px!important;
}
.input-large {
    width: 180px!important;
}
.uneditable-input {
    min-width: 97px;
}
.input-medium {
    width: 100px!important;
}
#foodfiltersselected{
  margin-top:10px!important;
}
.dataTables_scrollHead{
   overflow:auto!important;
}
.portlet.light>.portlet-title>.actions {
    margin-left: 11px;
}
#table-food-list_paginate{
 overflow:auto;
}
}
@media only screen and (min-width: 375px) and (max-width: 415px) {

.input-large {
    width: 220px!important;
}
.uneditable-input {
    min-width: 150px;
}
.input-medium {
    width: 150px!important;
}
#foodfiltersselected{
  margin-top:10px!important;
}
.dataTables_scrollHead{
   overflow:auto!important;
}
#table-food-list_paginate{
 overflow:auto;
}
}
@media only screen and (min-width: 450px) and (max-width: 530px) {
.food-panel-cat {
    width: 300px!important;
}
.dataTables_scrollHead{
   overflow:auto!important;
}
#table-food-list_paginate{
 overflow:auto;
}
}