body{
  padding:0;
  margin:0;
  background-color: #f0f0f0;
  font-family: 'Roboto Condensed','Poiret One', arial;
  font-size: 16px;
}

/*loading bar*/
.animated {
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.yt-loader {
    -webkit-animation-name: horizontalProgressBar;
    animation-name: horizontalProgressBar;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    background: red;
    height: 3px;
    left: 0;
    position: fixed;
    top: 0;
    width: 0%;
    z-index: 9999;
}

@keyframes horizontalProgressBar
{
    0%   {width: 0%;}
    25%  {width: 22%;}
    50%  {width: 55%;}
    75%  {width: 83%;}
    100% {width:100%;}
}

@-webkit-keyframes horizontalProgressBar /* Safari and Chrome */
{
    0%   {width: 0%;}
    25%  {width: 22%;}
    50%  {width: 55%;}
    75%  {width: 83%;}
    100% {width:100%;}
}
/*end loading*/

#illuminate-splash{
  margin:0 auto;
}

#illuminate-splash .panel{
  background-color: transparent !important;
  border:0px;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.05);
    box-shadow: 0 0 0 rgba(0,0,0,.05);
}

#illuminate-button-list{
  max-width: 500px;
  margin:0 auto;
  text-align: center;

}
#illuminate-button-list .logo{
  margin:0 auto;
  margin-top: 20%;
  margin-bottom: 30px;
}
#illuminate-button-list .btn{
  width: 300px;
  font-size: 22px;
}

#illuminate-login{
  width: 500px;
  margin:0 auto;
  font-size: 20px;
}
#illuminate-login .logo{
  text-align: center;
  margin-bottom: 50px;
  margin-top: 15%;
}
#illuminate-login input[type='text'],
#illuminate-login input[type='password'],
#illuminate-login input[type='email'],
#illuminate-fill-form input[type='text'],
#illuminate-fill-form input[type='password'],
#illuminate-fill-form input[type='email']{
  font-size: 18px;
  font-family: 'Roboto Condensed','Poiret One', arial;
  height: 50px;
}
#illuminate-login textarea,
#illuminate-fill-form textarea{
  font-size: 18px;
  font-family: 'Roboto Condensed','Poiret One', arial;
}

#illuminate-login .btn{
  font-size: 20px;
}

#illuminate-fill-form{
  margin:0 auto;
  font-size: 20px;
  background-color: #fff;
}
#illuminate-fill-form .logo img{
  width: 20%;
}
#illuminate-fill-form .btn{
  width: 300px;
  font-size: 22px;
}

#illuminate-spalash-load .loading-splash{
  display: none;
  position: fixed; /* Stay in place */
    z-index: 99; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(255,255,0255); /* Fallback color */
    background-color: rgb(255,255,255); /* Black w/ opacity */
    text-align: center;
}
#illuminate-spalash-load .loading-splash > .content{
  margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 0px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/*button*/
.btn-gold:hover,
.btn-gold:focus,
.btn-gold.focus,
.btn-gold:active,
.btn-gold.active,
.btn-gold {
  color: #fff;
  background-color: #ff6600;
  border-color: #c35206;
}
/*end button*/

/*navbar*/
.navbar-inverse{
  background-color:#8d7c68;
  font-family: 'Roboto Condensed','Poiret One', arial;
  font-size: 20px;
  border-color:#574c3e;
}
.navbar-inverse .navbar-brand{
  font-size: 20px;
  color:#fff;
  border-right: 0px solid #574c3e;
}
.navbar-inverse .navbar-nav>li>a{
  color:#fff;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
  background-color:#574c3e;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
  background-color: #574c3e;
  color: #fff;
}
.navbar-inverse .only-admin{
  border-left: 1px solid #574c3e;
}

#illuminate-content{
  margin-top: 65px;
}

#illuminate-nav-customer .navbar-inverse,
#illuminate-doctor-nav .navbar-inverse{
  background-color:#fff;
  font-family: 'Roboto Condensed','Poiret One', arial;
  font-size: 24px;
  border-color:#574c3e;
}
#illuminate-nav-customer .navbar-inverse .dropdown li > a,
#illuminate-doctor-nav .navbar-inverse .dropdown li > a{
  font-size: 20px;
}
#illuminate-nav-customer .navbar-inverse .navbar-brand,
#illuminate-doctor-nav .navbar-inverse .navbar-brand{
  font-size: 22px;
  color:#8d7c68;
}
#illuminate-nav-customer .navbar-inverse .navbar-nav>li>a,
#illuminate-doctor-nav .navbar-inverse .navbar-nav>li>a{
  color:#8d7c68;
}
#illuminate-nav-customer .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover,
#illuminate-doctor-nav .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
  background-color:#574c3e;
}
#illuminate-nav-customer .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover,
#illuminate-doctor-nav .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
  background-color: #574c3e;
  color: #fff;
}


@media (min-width: 768px) {
    #illuminate-nav-doctor .navbar-nav,
    #illuminate-nav-customer .navbar-nav {
        display: inline-block;
        float: none;
    }
    
    #illuminate-nav-doctor .navbar-collapse,
    #illuminate-nav-customer .navbar-collapse {
        text-align: center;
    }
}

/*end navbar*/

#illuminate-apps{
  margin: 10px auto;  
}
#illuminate-apps > .panel-apps.head{
  background: url("../images/bg.jpg") #fff;
  /*background-size: 33% 200px;*/
  margin:0px;
  height: 210px;
  -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.5);
  text-align: center;
  padding: 10px;
}
#illuminate-apps > .panel-apps{
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.05);
  box-shadow: 1px 1px 1px rgba(0,0,0,.05);
  margin: 20px auto;
}

#illuminate-apps > .panel-apps.head > .icon > img{
  width: 180px;
  margin-bottom:10px;
}
#illuminate-apps > .panel-apps.head > .btn-group .btn{
  font-size: 20px;
}
#illuminate-apps > .panel-apps.mylist > .content{
  margin-bottom: 20px;
  background-color: #fff;
}
#illuminate-apps > .panel-apps.mylist > .content > .head,
#illuminate-apps > .panel-apps.mylist > .content > .foot{
  padding: 20px;
}
#illuminate-apps > .panel-apps.mylist > .content > .head > h1{
  margin: 0px;
}
#illuminate-apps > .panel-apps.mylist > .content > .head > h1 > span{
  font-size: 20px;
}
#illuminate-apps > .panel-apps.mylist > .content > .head > h1 > span .fa{
  background-color: #3498db;
  color: #fff;
  padding: 10px;
}
#illuminate-apps > .panel-apps.mylist > .content > .body img{
  width: 100%;
  max-height: 300px;
}
#illuminate-apps > .panel-apps.filter{
  background-color: #fff;
  margin-bottom: -20px;
  border-bottom: 1px solid #ddd;
  padding: 20px;
}
#illuminate-apps > .panel-apps.filter input[type="text"]{
  height: 50px
}



#illuminate-panel{
  background: #fff;
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.05);
  box-shadow: 1px 1px 1px rgba(0,0,0,.05);
  margin: 20px auto;
} 
#illuminate-panel > .search {
  padding: 20px;
  margin: 0px 0px -20px 0px;
  border-bottom: 1px solid #ddd;
  font-family: 'Roboto Condensed','Poiret One', arial;
}
#illuminate-panel > .search input[type='text'],
#illuminate-panel > .profile input[type='text']{
  height: 50px;
  font-size: 18px;
}
#illuminate-panel > .blog {
  font-family: 'Poiret One', arial;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}
#illuminate-panel > .blog > .head,
#illuminate-panel > .blog > .body,
#illuminate-panel > .blog > .foot{  
  padding: 20px;
}
#illuminate-panel > .blog > .head h1{
  margin: 0px;
  font-family: 'Roboto Condensed',arial;
}
#illuminate-panel > .blog > .head h1 > span{
  font-size: 20px;
}
#illuminate-panel > .blog > .head h1 > span > i{
  color: orange;
}
#illuminate-panel > .blog > .foot .btn-remove > i{
  color: red;
}
#illuminate-panel > .blog > .head h1 > .info{
  font-size: 16px;
  color: #964b00;
  font-family: 'Roboto Condensed',arial;
}
#illuminate-panel > .blog > .head img{
  width: 40px;
  height: 40px;
  border:1px solid #574c3e;
  margin-right: 10px;
}

#illuminate-panel > .blog > .foot{ 
  border-top: 1px solid #ddd; 
}
#illuminate-panel > .blog > .foot > .img-list{
  
}

#illuminate-panel > .blog > .foot > .img-list img{
  width: 100%;
  height: 500px;
}

#illuminate-panel > .blog > .foot > .img-list .info-pic{
  background-color: #ddd;
  text-align: center;
  padding: 10px;
  font-size: 20px;
}

#illuminate-staff #illuminate-panel{
  padding: 20px;
  font-family: 'Roboto Condensed',arial;
}

.photo-profile{
  /* Rotate div */
  -ms-transform: rotate(270deg); /* IE 9 */
  -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
  transform: rotate(270deg);
}
#illuminate-panel > .profile > .head{
  font-size: 18px;
  font-family: 'Roboto Condensed', arial;
  padding: 10px 20px;
}
#illuminate-panel > .profile > .head h1{
  font-weight: bolder;
}

#illuminate-panel > .profile > .head img{
  width: 200px;  
  height: 200px;
}
#illuminate-panel > .profile > .body{
  font-family: 'Roboto Condensed', arial;
  font-size: 18px;
}
#illuminate-panel > .profile > .body .panel > .panel-heading{ 
}
.profile > .body .panel > .panel-heading > .panel-title{
  font-size: 24px;  
} 
#illuminate-panel > .profile .btn{
  padding: 10px 50px 10px 50px;
  font-size: 22px;
}
#form-add-treatment{
  padding: 30px;
}
.fileContainer {
    overflow: hidden;
    position: relative;
    padding: 20px;
    margin-bottom: 10px;
    font-size: 20px;
}
.fileContainer.active {
  background-color: red;
}
.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
.fileContainer img{
  width: 400px !important;
  height: 400px!important;
}
#illuminate-content .message {
    width:200px;
    height:20px;
    height:auto;
    position:absolute;
    left:50%;
    z-index: 999;
    margin-left:-100px;
    background-color: #383838;
    color: #F0F0F0;
    font-family: 'Roboto Condensed','Poiret One', arial;
    font-size: 20px;
    padding:10px;
    text-align:center;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
}


#form-upload-pic-before,
#form-upload-pic-after{
    border:0px solid #ff6600;
}
#form-upload-pic-before .addNewPic,
#form-upload-pic-after .addNewPic {
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}
#form-upload-pic-before .addNewPic [type=file],
#form-upload-pic-after .addNewPic [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
#form-upload-pic-before .addNewPic p,
#form-upload-pic-after .addNewPic p{
  text-align: center;
  font-weight: bold;
  color: #c35206;
  padding-top: 15px;
}


#form-upload-pic-before button,
#form-upload-pic-after button{
  width: 100%;
  -webkit-border-radius: 0; 
  -moz-border-radius: 0; 
  border-radius: 0;
}

.panel-new-pic{
  padding: 0px 30px;
}
.panel-new-pic > .addNewPic{
  margin-bottom: 20px;
  border:1px solid #ff6600;
  text-align: center;
  font-size: 28px;
  padding-top: 10px;
  color: #ff6600;
}

#form-add-treatment{
  font-family: 'Roboto Condensed', arial;
}
#form-add-treatment img{
  width: 150px;
  height: 150px;
  display: none;
}

#modalTreatment .modal-body{
  overflow: auto;
  max-height: 400px;
}
#modalTreatment .modal-body img{
  width: 100%;
  max-height: 500px;
}
#modalTreatment .modal-body .btn-delete-pic{
  position: absolute;
  left: 20;
}


#modalTreatment .modal-tabs #before,
#modalTreatment .modal-tabs #after{
  overflow: auto;
  max-height: 400px;
  padding: 20px;
}
#modalTreatment .modal-tabs #before .item-pic,
#modalTreatment .modal-tabs #after .item-pic{
  margin-bottom: 10px;
  border:1px solid #ddd;
  padding: 0px;
}
#modalTreatment .modal-tabs #before .item-pic p,
#modalTreatment .modal-tabs #after .item-pic p{
  margin: 0 auto;
}
#modalTreatment .modal-tabs #before .item-pic p img,
#modalTreatment .modal-tabs #after .item-pic p img{
  height: 250px;
  
}

#modalTreatment .modal-tabs #before .item-pic p:nth-child(1),
#modalTreatment .modal-tabs #after .item-pic p:nth-child(1){
  background-color: #fff;
  padding: 10px;
  font-size: 18px;
}



.table-cust-merge td.active{
  background-color: #8d7c68 !important;
  color: #fff;
}

.info-radius{
  color: #fff;
  background-color: #337ab7;
  padding: 5px 12px;
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  border-radius: 50%;
  
}
#doctor-tabs{
  margin: 0 auto;
}
#doctor-tabs > ul{
  margin: 0 auto;
}
#doctor-tabs > ul > li{
  margin: 0 auto;
}
#doctor-tabs > ul > li > a{
  font-size: 24px;
}
#doctor-tabs > .tab-content{
  padding: 20px;
}
#doctor-tabs > .tab-content .table tr:nth-child(1) > td{
  border-top: 0px;
}

/*MOBILE APPS*/
#mobile-content > .head-single{
  background: url("../images/bg.jpg") #fff top;
  background-size: 100%;
  margin:0px;
  height: auto;
  /*-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.5);*/
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

#mobile-content > .head-single > .logo{
  text-align: center;
  padding: 20px;
}
#mobile-content > .head-single > .logo > img{
  width: 200px;
  margin-bottom:0px;
}
#mobile-content > .head-single > .info-profile,
#mobile-content > .head-single > .panel-search{
  margin: 0 auto;
  /*background-color: rgba(165, 164, 160, 0.85);*/
  background: #fff;
  color: #000;
  font-size: 28px;
}
#mobile-content > .head-single > .info-profile{
  border-top:0px solid #eeebe9;
  border-bottom: 3px solid #eeebe9;
  padding: 10px 0;
}
#mobile-content > .head-single > .panel-search .fa,
#mobile-content > .head-single > .info-profile .info-nav .fa{
  color:#8e7d69;
}
#mobile-content > .head-single > .info-profile .info-nav{
  text-align: center;
}
#mobile-content > .head-single > .info-profile .info-nav > p{
  padding: 0px;
  margin: 0px;
  border-left: 2px solid #eeebe9;
}
#mobile-content > .head-single > .info-profile .info-nav a{
  color: #000;
  text-decoration: none;
}
#mobile-content > .head-single > .info-profile .info-nav a:hover,
#mobile-content > .head-single > .info-profile .info-nav a:active,{
  text-decoration: none;
}
#mobile-content > .head-single > .info-profile .info-nav:nth-child(1) > p{
  border-left: 0px;

}

#mobile-content > .head-single > .panel-search{
  padding: 10px 15px;
  border-top:0px solid red;
}
#mobile-content > .head-single > .panel-search .input-group-addon{
  background-color: #fff;
  border:1px solid #f0f0f0;
  border-right: 0px;
}
#mobile-content > .head-single > .panel-search .addon-right{
  padding: 0px;
  border:1px solid #f0f0f0;
}
#mobile-content > .head-single > .panel-search .addon-right > button{
  padding: 13px 12px;
  background: transparent;
  border: 0px solid red;
  font-size: 20px;
}
#mobile-content > .head-single > .panel-search input[type='text']{
  border:1px solid #f0f0f0;
  border-left: 0px;
  border-right:0px;
  width: 100%;
  color: #8e7d69;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  -webkit-box-shadow: -200px -200px 0px -200px rgba(0,0,0,0.75);
  -moz-box-shadow: -200px -200px 0px -200px rgba(0,0,0,0.75);
  box-shadow: -200px -200px 0px -200px rgba(0,0,0,0.75);
} 
#mobile-content > .head-single > .panel-search input[type='text']:active,
#mobile-content > .head-single > .panel-search input[type='text']:focus
{
  outline: none;
  
}
#mobile-content > .head-single > .panel-search input{
  height: 50px;
  font-size: 20px;
}
#mobile-content > .body-content{
  padding: 20px;
}

.panel-box{
  /*-webkit-box-shadow: rgba(0,0,0,0.15) 0px 0 15px;
  -moz-box-shadow: rgba(0,0,0,0.15) 0 0 15px;
  box-shadow: rgba(0,0,0,0.15) 0 0 15px;*/
  margin-bottom: 20px;
  background-color: #fff;
}
.panel-box > .head,
.panel-box > .body{
  padding: 20px;
  cursor: pointer;
}
.panel-box > .head img.photo-profile{
  width: 100px;
  height: 100px;
}
.panel-box > .head img{
  border:1px solid #8e7d69;
  padding: 5px;
  width: 100px;
}
.panel-box > .head h2{
  font-size: 50px;
  margin: 0px;
}
.panel-box > .head p{
  font-size: 22px;
  color: #8e7d69;
}
.panel-box > .foot .icon{
  margin-right: 5px;
}
.panel-box > .foot .icon.info-radius{
  font-size: 16px;
  background-color: #337ab7;
  padding: 3px 10px;
  /*padding: 10px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 20px;*/
}
.panel-box > .foot > .row > div:nth-child(1){
  padding-left: 30px;
  color: #337ab7;
}
.panel-box > .foot > .row > div:nth-child(2){
  border-left: 2px solid #e8e8e8;
  color: #01c596;
}
.panel-box > .foot{
  border-top:2px solid #e8e8e8;
  font-size: 20px;
  font-weight: 100;
}
.panel-box > .foot .info{
  padding: 10px;
}

.nav-filter > .dropdown-menu > li > a{
  font-size: 22px;
}
/*end*/

#msg-maintance{
  position: fixed;
  font-size: 18px;
  text-align: center;
  left: 0;
  right: 0;
}

#list-image-treatment {
  border-top: 1px solid #ddd;
  margin-top: 30px;
}
#list-image-treatment h2{
  color: #8d7c68;
}
#list-image-treatment .image-treatments > .images > div > a > img{
  width: 100%;
  border: 1px solid #8d7c68;
}
#list-image-treatment .image-treatments > .images > div > a >.title{
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: rgba(0,0,0,0.6);
  position: absolute;
  padding: 10px;
  bottom: -10px;
}

#form-search-patiens{
  
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: inherit !important;
}
/*responsive*/
@media only screen and (max-width: 500px) {
    
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    body{
      
    }
}

@media only screen and (min-width: 768px) {
    body{
      
    } 
}
/*end responsive*/