.closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo .logo-src {display: block !important;}
.closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo {width: auto !important;}
.vertical-nav-menu li a i{color: #95989b;}
.vertical-nav-menu i.metismenu-state-icon, .vertical-nav-menu i.metismenu-icon {font-size: 1.2rem;}
.form-build-icons{
/*  display: none;*/
}
.text-black{
  color: #000;
}
.text-box{
   width: 50%
}
.modal{
  background: rgba(0, 0, 0, 0.72);
}
.modal-backdrop, .blockOverlay {
    position: unset !important;}

/*.list-box ul{
  columns: 2;
}*/
.no-decor{
  text-decoration: none !important;
  color: unset;
}
.message-box{
  border: 1px solid #f0f3f5;
    margin: 20px;
}
.m-title{
      border-bottom: 1px solid #f0f3f5;
    padding: 12px;
}
.mail-page .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar {
     width: unset !important;
     flex: 0 0 220px !important; 

   }
.form-box:hover .form-build-icons{
  display: block;
}
.title-form{
      background: #dbdce6;
    padding: 9px;
    color: #3d54ad;
    margin: 15px;
}
.field_detail input::placeholder{
    font-size: 12px;
}
.form-build{
  height: 120px;
    border: 1px solid #ccc;
    padding: 20px;
}
.clone_icon {
    margin-top: -24px !important;
    margin-left: 6px !important;
    display: none;
}
.nav-custom .nav-pills .nav-link.active{
  background: #794c8a !important;
    box-shadow: 0 0.125rem 0.625rem rgba(121,76,138,.4), 0 0.0625rem 0.125rem rgba(121,76,138,.5);
    color: #fff !important;
}
.nav-custom .nav-pills .nav-link {
  color: #794c8a !important;
}
.fixed-header .app-main {
    padding-top: 38px !important;
}
.btn-icons button{
  width: 130px;text-align: left;    padding-left: 23px;
}
.btn-icons{
  text-align: center;
}
.dropable-div{
  height: 300px;            border: 1px solid #ccc;    padding: 20px;
}



.subject-info-box-1,
.subject-info-box-2 {
    float: left;
    width: 45%;
}
  .subject-info-box-1 select ,
.subject-info-box-2 select {
        min-height: 200px !important;
        padding: 0;
}
       .subject-info-box-1 select option,
.subject-info-box-2 select option {
            padding: 4px 10px 4px 10px;
        }

.subject-info-box-1 select option:hover,
.subject-info-box-2 select option:hover {
            background: #EEEEEE;
        }


.subject-info-arrows {
    float: left;
    width: 10%;
}
    .subject-info-arrows input {
        width: 50%;
        margin-bottom: 5px;

    }
.show-patient{
   width: 80%;margin: 0 auto;
}
.rotate-icon{float: right;}

/*.card .card-header button.collapsed .fa-angle-down.rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}*/
.custom-toggle .card .card-header button.btn-block .rotate-icon:after
{
   content: '\f106';
    font-family: 'Font Awesome 5 Free';
}
.custom-toggle .card .card-header button.collapsed .rotate-icon:after
{
   content: '\f107';
    font-family: 'Font Awesome 5 Free';
}
/*.card .card-header button .fa-angle-up.rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}*/
.mobile-tab{display: none;}


       #que-tab li.active{
         background: #794c8a;
         color: #fff;
         }
         #que-tab li {
         border-bottom: 1px solid #ccc;
         padding: 6px;
         }

@media(max-width: 991px){
  .mobile-tab{display:block;}
.tab-h a {
    font-size: 12px !important;
    padding: 5px !important;
}

}
@media(max-width: 767px){
  .subject-info-arrows input {
    width: 42px;}
.show-patient{
   width: 100%;margin: 0 auto;
}
.mail-page .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar {
    width: unset !important;
    flex: 0;
    position: absolute;
    right: -1px;
    width: 100% !important;
    top: 53px;
    background: #e7eaec;
    padding: 6px 0 20px;
}
.mail-page .pane-left{
margin-right: 8px;
}
}
@media(max-width: 480px){

.text-box{
   width: 100%
}
  .message-box {
     margin: 0;padding: 6px !important
}
           .mobile-h{height: auto !important;}
    .card-header h3 {
    font-size: 18px;
}
  .text-center-mobile{
    text-align: center;margin-top: 5px;
  }
  .subject-info-box-1, .subject-info-box-2 {
    float: none;
    width: 100%;
}
.subject-info-arrows {
     float: none; 
    display: flex;
     justify-content: center;
     width: 100%;

}
.subject-info-arrows input {
    margin-bottom: 18px;
    transform: rotate(90deg);
}
.search-wrapper.active .input-holder {
    width: 265px;}
}