/**--HEAD NAV CSS--**/
@media (min-width: 768px){
    .headnav .navbar-nav>li>a {
        padding: 3px 10px;
        color: #fbfbfb;
    }
    .headnav .nav>li>a:focus, .headnav .nav>li>a:hover{
        color: #2f353b;
        background-color: #E1E1E1 !important; 
    }
}
select.sq-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .5em 1.5em .65em .5em;
    border-radius: 0;
  }
  
.headnav{
    position: fixed;
    top: 50px;
    width: 100%;
    height: auto;
    z-index: 99;
}
.loc1:not(.no-subnav) .page-content-wrapper,.loc2:not(.no-subnav) .page-content-wrapper,.loc3:not(.no-subnav) .page-content-wrapper,.loc4:not(.no-subnav) .page-content-wrapper,.loc5:not(.no-subnav) .page-content-wrapper{
    margin-top: 24px;
}
.exportDiv{
    position: relative;
}
@media (max-width: 991px){
    .headnav{
        position: relative;
        top: 0;
        overflow: hidden;
        display: none;
    }
    .loc1:not(.no-subnav) .page-content-wrapper,.loc2:not(.no-subnav) .page-content-wrapper,.loc3:not(.no-subnav) .page-content-wrapper,.loc4:not(.no-subnav) .page-content-wrapper,.loc5:not(.no-subnav) .page-content-wrapper{
        margin-top: 0;
    }
}
/**--END--**/
.scroll-box,.cal-scroll{
    overflow-x:auto;overflow-y:hidden; white-space:nowrap;
}
.scroll-box .scroll-bar{
    height: 1px;
}
.cursor-pointer {cursor: pointer; }
.dashboard-stat.dashboard-stat-v2 .visual{
    padding-top: 5px;
    margin-bottom: 10px;
}
.dashboard-stat .details .number{
    padding-top: 15px;
}

.dashboard-stat2 .display .number{
    max-width: 85%;
}
.dashboard-stat2.feedx .display .number{
    max-width: 80%;
}
.dashboard-stat2.feedx{
    padding: 15px !important;
    cursor: pointer;
}
.dashboard-stat2.feedx:hover{
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25)
}
.dashboard-stat2.feedx .display{
    margin-bottom: 0;
    min-height: 45px;
}
.dashboard-stat2.feedL{
    padding: 15px !important;
}
.dashboard-stat2.feedL .fedit{
    display:none;
}
.dashboard-stat2.feedL:hover .fedit{
    display:block;
}
.dashboard-stat2.feedL .display{
    margin-bottom: 10px;
}
.dashboard-stat2.feedL .progress-info .progress{
    height: 5px;;
}
.dashboard-stat2.feedL .display .number h3{
    font-size: 24px;
    text-transform: uppercase;
}
.dashboard-stat2.feedL .progress-info .status{
    text-transform: none;
}
.dashboard-stat2.feedL .progress-info .status .status-number{
    float: left;
}
.poweredlogo{
    position: relative;
}
.poweredlogo::before{
    content: "powered by";
    position: absolute;
    top: -15px;
    left: 5px;
    color: #ccc;
    font-size: 12px;
}
/* Status Timeline */
.scan-timeline{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}
.scan-timeline::before{
    content: '';
    width: 92%;
    position: absolute;
    background: #525e64;
    height: 6px;
    top: 56%;
    left: 45px;
}
.scan-timeline .status-item{
    z-index: 1;
    text-align: center;
}
.scan-timeline .status-item:first-child{}
.scan-timeline .status-item:last-child{}
.scan-timeline .status-item span{
    display: block;
}
.scan-timeline .status-item .a-time{
    color: #525e64;
}
.scan-timeline .status-item .a-time .date{
    font-size: 12px;
    font-weight: 600;
}
.scan-timeline .status-item .a-time .time{
    font-size: 14px;
    font-weight: 900;
}
.scan-timeline .status-item .a-dur{
    background: #525e64;
    padding: 5px;
    border-radius: 50% !important;
    font-size: 16px;
    font-weight: bold;
    width: 50px;
    height: 50px;
    margin: 5px auto;
    color: #fff;
}
.scan-timeline .status-item .a-dur em{
    display: block;
    font-size: 12px;
    line-height: 12px;
}
.scan-timeline .status-item .a-dur i{font-size: 30px;}
.scan-timeline .status-item .a-dur.start{}
.scan-timeline .status-item .a-name{font-size: 14px;padding: 3px 6px;}

/** Override **/
.page-content-white h1.page-title, 
.page-content-white h3.page-title					{margin-top:0}
.portlet.light>.portlet-title						{height:48px; overflow:hidden}
.portlet.light.portlet-fit>.portlet-title{
    padding: 12px 0 40px 0;
    margin-top: -25px;
}
.portlet.box.default{
    border: 1px solid #e1e5ec !important;
}
.tab-content>.tab-pane{
    padding-top: 15px;
}
.mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-datetime{
    width: 80px !important;
}
.loc1 .tabbable-line>.nav-tabs>li.active{
    border-color: #8E44AD !important;
}
.loc1 .tabbable-line>.nav-tabs>li.open,.loc1 .tabbable-line>.nav-tabs>li:hover{
    border-color: #BF55EC ;
}

.purpleTab.nav-tabs{
    border: 1px solid #d4afe3 !important;
}
.purpleTab.tabs-left.nav-tabs{
    border-left: none !important;
}
.purpleTab.tabs-right.nav-tabs{
    border-right: none !important;
}
.purpleTab.nav-tabs>li{
    border-bottom: 1px solid #d4afe3 !important;
}
.purpleTab.nav-tabs>li>a {
    margin-bottom: 0;
    font-size: 16px;
    padding: 10px 8px !important;
}
.purpleTab.tabs-left.nav-tabs>li>a{
    text-align: right;
}
.purpleTab.nav-tabs>li>a>i{
    display: none;
}
.purpleTab.nav-tabs>li.active>a>i{
    display: inline;
    font-size: 24px;
    font-weight: bold;
}
.purpleTab.tabs-right.nav-tabs>li.active>a>i{
    padding-right: 5px;
}
.purpleTab.tabs-left.nav-tabs>li.active>a>i{
    padding-left: 5px;
}
.purpleTab.nav-tabs>li.active>a{
    font-size: 20px;
    border-width: 2px;
    color: #8E44AD;
    font-weight: bold;
    background-color: #f7e3ff;
}
.purpleTab.tabs-right.nav-tabs>li.active>a{
    border-color: #8E44AD #8E44AD #8E44AD transparent;
}
.purpleTab.tabs-left.nav-tabs>li.active>a{
    border-color: #8E44AD transparent #8E44AD #8E44AD;
}
.purpleTab.nav-tabs>li>a:hover{
    background-color: #f7e3ff !important;
    color: #8E44AD !important;
}
.purpleTab.tabs-right.nav-tabs>li>a:hover{
    border-color: #8E44AD #8E44AD #8E44AD #f7e3ff !important;
}
.purpleTab.tabs-left.nav-tabs>li>a:hover{
    border-color: #8E44AD #f7e3ff #8E44AD #8E44AD !important;
}

.t-progress{
    position: relative;
}
.t-progress .t-line{
    position: absolute;
    width: 2px;
    height: 100%;
    border-left: 2px dashed #dedede;
    top: 0;
}

/*.loc2 .tabbable-line>.nav-tabs>li.active{
    border-color: #8E44AD !important;
}
.loc2 .tabbable-line>.nav-tabs>li.open, .tabbable-line>.nav-tabs>li:hover{
    border-color: #BF55EC ;
}*/

.slimScrollBar{width:5px !important;}
.input-group-addon, .input-group-btn{ vertical-align: top !important;}
.list-inline>li{
    vertical-align: top;
}
.list-inline.l-block>li.list-info{display: block;}

.portlet.calendar .fc-event .fc-content{
    padding: 2px 4px !important;
}
.portlet.calendar .fc-event .fc-content .fc-time{
    font-size: 11px !important;
}
.portlet.calendar .fc-event .fc-content .fc-title{
    white-space: nowrap !important;
    font-size: 12px !important;
    font-weight: 600;
}
.fc-event .fc-content .fc-badge{
    position: absolute;
    right: 3px;
    top: 3px;
}
.portlet.calendar .fc-button{
    height: 25px;
}
/* .fc-event .fc-content .fc-badge span{
    text-shadow: 1px 2px 2px rgba(0,0,0,0.4);
} */
.modal .modalmove{
    position: fixed;
    width:800px;
    max-width: 90%;
    margin: 0;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.75);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.75);
    background: #ffffff;
}
.docRotate{
    position: absolute;
    width: 40px;
    height: 40px;
    top:10px;
}
.docRotate.left{
    left: 25px;
}
.docRotate.right{
    right: 20px;
}
.movebox{
    display: none;
    position: fixed;
    top:30px;
    left:50%;
    margin-left: -300px;
    /* transform: translateX(-50%); */
    width:600px;
    max-width: 90%;
    min-width: 400px;
    min-height: 400px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background: #ffffff;
    z-index: 999999;
}
.portlet.calendar .fc-event .fc-content .fc-title .appt-cal-st{
    display: inline;
    text-align: center;
    background: #565656;
    color: #fff;
    margin-left: 5px;
    padding: 0 3px;
}
.portlet.calendar .fc-toolbar{margin-bottom:0;}
.portlet.calendar .fc-widget-header{font-weight: 600;}
.portlet.calendar.brow .fc table tbody tr{height: 40px;}
.mac-block{background: #565656;color: #fff;padding: 2px;}

.modal .modal-header				{padding-top:5px; padding-bottom:5px; position:relative}
.portlet.light.portlet-lgt{padding: 0 0 0px !important;}
/*.md-checkbox label					{padding-left:15px}*/

#datatable_ajax_paginate,#datatable_ajax_length,#datatable_ajax_info{display: none !important;}
#datatable_visit_paginate,#datatable_visit_length,#datatable_visit_info{display: none !important;}
#datatable_exm_paginate,#datatable_exm_length,#datatable_exm_info{display: none !important;}
#datatable_booking_paginate,#datatable_booking_length,#datatable_booking_info{display: none !important;}
#datatable_insCase_paginate,#datatable_insCase_length,#datatable_insCase_info{display: none !important;}
#datatable_claim_paginate,#datatable_claim_length,#datatable_claim_info{display: none !important;}
#datatable_docs_paginate,#datatable_docs_length,#datatable_docs_info{display: none !important;}

/** Animation **/
.page.ng-enter 				{z-index:8888;}
.animate-view.ng-enter 		{-webkit-animation:scaleUp 0.5s both ease-in; -moz-animation:scaleUp 0.5s both ease-in; animation:scaleUp 0.5s both ease-in;}

@keyframes scaleUp 			{from 	{ opacity: 0.3; transform: scale(0.99); }}
@-moz-keyframes scaleUp 	{from 	{ opacity: 0.3; -moz-transform: scale(0.99); }}
@-webkit-keyframes scaleUp 	{from 	{ opacity: 0.3; -webkit-transform: scale(0.99); }}

i.fa.ng-animate 			{-webkit-animation: none 0s}

/** Widths **/
.w16, .form-control.w16		{width:16px}
.w20, .form-control.w20		{width:20px}
.w32, .form-control.w32		{width:32px}
.w40, .form-control.w40		{width:40px}
.w60, .form-control.w60		{width:60px}
.w80, .form-control.w80		{width:80px}
.w100, .form-control.w100	{width:100px}
.w120, .form-control.w120	{width:120px}
.w150, .form-control.w150	{width:150px}
.w200, .form-control.w200	{width:200px}
.w250, .form-control.w250	{width:250px}
.w300, .form-control.w300	{width:300px}

/* Logo Size */
.logo-default{max-height: 40px; max-width: 140px;}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
    padding: 16px 6px 13px 40px;
    position: relative;
}
/* Circulat image */
.circular {
    display: inline-block;
    border-radius: 50% !important;
    background-size: cover;
    overflow: hidden;
    vertical-align: middle;
    position: absolute;
    top: 10px;
    left: 5px;
}
.circular img {
    width: 100%;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.circular img:hover{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.wh30{width:30px;height:30px}
.wh40{width:40px;height:40px}
.wh50{width:50px;height:50px}
.wh60{width:60px;height:60px}
.wh75{width:75px;height:75px}
.wh100{width:100px;height:100px}
.wh150{width:150px;height:150px}
.wh200{width:200px;height:200px}
.circular2 {
    display: inline-block;
    border-radius: 50% !important;
    background-size: cover;
    overflow: hidden;
    vertical-align: middle;
}
.circular2 img {
    width: 100%;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.circular2 img:hover{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/** \ **/

/** Custome CSS **/
a.dis					{opacity:0.4; pointer-events: none}
a.tabdis				{pointer-events: none}
.req::after				{content:' *'; color:#f3565d !important}
.posrel					{position:relative}

/* .alertmsg				{position:fixed; z-index:11000; width:100%; right:0; top:5px; text-align:center}
.alertmsg .green		{background:#009D4F; color:#fff; padding:8px 15px; display:inline-block}
.alertmsg .red			{background:#ff0000; color:#fff; padding:8px 15px; display:inline-block} */

.alertmsg			    {position:fixed; z-index:100003; top:5px; left:50%; transform: translateX(-50%); text-align:center}
.alertmsg .green		{background:#009D4F; color:#fff !important; padding:8px 15px; display:inline-block;border-radius:50px !important; box-shadow: 0 0 10px 1px black}
.alertmsg .red			{background:#df4658; color:#fff !important; padding:8px 15px; display:inline-block;border-radius:50px !important; box-shadow: 0 0 10px 1px black}

.bodycover_wrap			{position:fixed; z-index:11001; width:100%; height:100%; left:0; background:#fff}
.bodycover				{position:fixed; z-index:11000; width:100%; height:100%; left:0; background:#888; opacity:0.2}
.ajaxloader_old				{width:150px; height:50px; line-height:50px; text-align:center; border:1px solid #eee; border-radius:2px; position:fixed; z-index:11001; 
                left:calc(50% - 75px); top:20%; background:#fff; font-size:14px;}
.ajaxloader				{width:60px; height:50px; line-height:50px; text-align:center; border:1px solid #8E44AD; border-radius:2px; position:fixed; z-index:11001; 
						left:calc(50% - 30px); top:20%; background:#eee; color:#555; font-size:30px;}
.modaltabbtns .btn		{margin-right:5px}

.dmin					{position:absolute; z-index:100; left:50px; top:8px}
.redbdr, .redbdr:focus	{border:1px solid #ff0000 !important;}

.note-text				{font-size:11px; color:#777; clear: both;}

.psearch-loader			{position:absolute; z-index:100; right:6px; top:9px}
.psearchlistbx{
    position: absolute;
    background: #fcfcfc;
    width: 100%;
    max-height: 300px;
    overflow: auto;
    z-index: 10051;
    margin-top: 4px;
    list-style: none;
    -webkit-box-shadow: 0px 6px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 6px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25)
}
.psearchlistbx .rw{padding:5px 10px; cursor:pointer; border-bottom:1px solid #f1f1f1}
.psearchlistbx .rw:last-child	{border:none}
.psearchlistbx .rw .t			{font-weight:bold}
.psearchlistbx .rw .d			{font-size:11px; color:#777; clear: both}

.psearchlistbx .rw:hover,.psearchlistbx .rw:focus{background:#00BFBF; color:#fff}
.psearchlistbx .rw:hover .d,.psearchlistbx .rw:focus .d{color:#fff}

.booked-slots					{margin-top:15px}

/*Text in wrap*/
.text-wrap{
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Discount */
.discount-label{
    border-left: 4px solid #e7505a!important;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
}   
.discount-body{
    padding: 6px 12px;
    border: #e1e5ec solid 1px;
}
/* Table row Link */
.tr-link{
    cursor: pointer !important; 
}

/*PDF BOX */
.pdf-viewbox{
    width: 110px;
    float: left;
    padding-bottom: 5px;
    background: #f2f2f2;
}
.pdf-viewbox.small{
    width: 60px;
    float: right;
}
.pdf-viewbox.name-only{
    width: auto;
    padding: 5px;
}
.pdf-viewbox a:hover{
    text-decoration: none !important;
}
.pdf-viewbox .tag-text{
    padding-left: 5px;
}
.attach-doc-size{
    width: 80px;
    height: 80px;
    border: 1px solid #fbfbfb;
    position: relative;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    margin: 3px auto;
}

.pdf-viewbox.small .attach-doc-size{
    width: 40px;
    height: 40px;   
}

.forumDtl .mt-comments{
    position: relative;
}

.forum_docs{
    position: absolute;
    right: 0;
    top:0;
    width: 50%;
}

.profile-img{
    width: 45px;
    height: 45px;
    border: 1px solid #fbfbfb;
    position: relative;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    margin: 3px;
}
.attach-text-tag label{
    border: 1px solid #eee;
    background-color: #eee;
    padding: 10px 20px;
    color: #000;
    margin: 12px 3px;
}
.fileinput-filename{
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-group.form-md-line-input .form-control.input-xlg {
    font-size: 40px;
    padding: 30px 0;
}
.form-group.form-md-line-input.form-md-floating-label .form-control.input-xlg~label {
    font-size: 40px;
    top: 15px;
    font-weight: normal;
}
.form-group.form-md-line-input.form-md-floating-label .form-control.input-xlg.edited~label{
    top: 0;
    font-size: 13px;
}
@media (max-width: 768px){
    .input-xlg,.input-lg {
        width: 100%!important;
    }
}
/* Tab */
.tabbable-custom>.tab-active >li.active>a{
    font-weight: 800 !important;
}

/* Tabbable */
.tabbable-button li.active i{
    background-color: #9B59B6 !important;
    color: #fff !important;
}
.tabbable-button li.active a{
    background-color: #8E44AD !important;
    border-left: solid 2px #9B59B6 !important;
    color: #fff !important;
}
.tabbable-button li.active:after{
    border-left: 6px solid #8E44AD !important;
}
.tabbable-button li i{
    background-color: #eee !important;
    color: #aaa !important;
}
.tabbable-button li a{
    background-color: #fbfbfb !important;
    border-left: solid 2px #eee !important;
    color: #333 !important;
    font-weight: 500;
}
.tabbable-button li:after{
    border-left: 6px solid #fbfbfb !important;
}

.doc-counter-color{
    color: #e7505a;
    padding-top: 5px;
    font-weight: bold;
}
.doc-counter-color .badge{
    background-color: #e7505a;
    margin-right: 5px;
}

/* Fancy Box */
.fancybox-opened{
    z-index: 9999999 !important;
    top: 50px;
}
.fancybox-overlay-fixed{
    z-index: 10053 !important;
}
.tabbed .active{
    display: none;
}

/* Toggle radio Button */
#toggle_radio label {
    float:left;
    overflow:auto;
}

#toggle_radio label span {
    text-align:center;
    padding: 4px 12px !important;
    margin: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    background-color: #8E44AD;
    display:block;
    box-shadow: 1px 2px 2px #aaa !important;
    border-radius: 20px !important;
    cursor: pointer;
}
.loc2 #toggle_radio label span{
    background-color: #1ba39c;
}

.loc3 #toggle_radio label span{
    background-color: #1ba39c;
}

.loc4 #toggle_radio label span{
    background-color: #2f6096;
}

#toggle_radio label input {
    display: none;
}
#toggle_radio .blue + input:checked {
    color: #FFF;
    background-color: #32c5d2;
    display: none;
}

#toggle_radio input:checked + span {
    background-color:#404040;
    color:#F7F7F7;
    display: none;
}

/* Datepicker Design change */
.date-ui{
    width: 140px !important;
    font-weight: 600;
}
.date-ui .form-control{
    border: 0px;
    background-color: transparent;
    padding-left: 0px;
}
.date-ui .btn {
    background-color: transparent !important;
    border-color: transparent !important;
}
.datepicker-center{
    margin-left: auto;
    margin-right: auto;
    width: 0px;
}


/* Dropdown Size Change */
.dropdropSize-Dcrs{
    height: 30px;
    padding: 2px 4px;
    font-size: 13px;
}

/* Checkbox-size */
.mt-checkbox-inline{
    padding: 10px 0px 0px;
    text-decoration: none;
}
.checkbox-size{
    font-size: 12px;
    margin-bottom: 2px;
    padding-left: 18px;
}
.mt-checkbox-inline .checkbox-size{
    margin-right: 8px;
}
.checkbox-size >span{
    width: 14px;
    height: 14px;
}
.checkbox-size > span:after{
    left: 3px;
    top: 0px;
}

/* Bottom */
.mt-setting-bottom{
    bottom: 0px;
    position: relative;
    top: 2px;
}
.mt-examination label{
    margin-bottom: 0px !important;
}

/* Table */
.table-book tbody{
    border-top: 1px solid #F2F5F8 !important;
}
.table-book th{
    background-color: #ffffff !important;
}

/* Appointment Popup Title */
.appointment-title{
    /*position: absolute;*/
    padding: 12px 20px;
}
.appointment-title span{
    font-weight: 800;
    font-size: 14px;
}

/* Label Sup */
.label-sup{
    font-size: 10px !important;
    position: absolute;
    margin: 3px 5px;
    padding: 3px !important;
}
.list-info{
    min-width: 12%;
    min-height: 50px;
}
.profile-info li{
    margin-right: 0px;
    vertical-align: top;
}
.list-info p{
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
}

/** Satyendra Start **/
.form-control.sinpt					{background:url(../img/search-icon.svg) calc(100% - 5px) 6px no-repeat; padding-right:24px;background-size: 16px 16px;}
.form-control.input-sm.sinpt		{background:url(../img/search-icon.svg) calc(100% - 5px) 6px no-repeat; padding-right:24px;background-size: 16px 16px;}

.cal								{background:url(../img/calendar.svg) calc(100% - 5px) 7px no-repeat; padding-right:24px;background-size: 16px 16px;}
.calsm								{background:url(../img/calendar.svg) calc(100% - 5px) 4px no-repeat; padding-right:24px;background-size: 13px 13px; border: 1px solid rgb(169, 169, 169)}

table.mytbl							{width:100%}
table.mytbl td						{padding:4px}
table.table tbody tr.vmid td		{vertical-align:middle}

.mypaging							{text-align:left}
.mypaging a							{display:inline-block; padding:6px 12px; border:1px solid #ddd; cursor:pointer}
.mypaging a:hover					{text-decoration:none; color: #23527c; background-color: #eee; border-color: #ddd;}
.mypaging a.act						{background:#8E44AD; color:#fff;  border:1px solid #8E44AD;}

.table td .btn:last-child			{margin-right:0}
/*.table-scrollable { border: .5px solid #e7ecf1 !important;}*/

.table.sm > thead > tr > th			{padding:4px 5px; color:#222; border-bottom:none; font-size:13px}
.table.sm > tbody > tr > td			{padding:4px 5px}
.table.sm .fa						{font-size:1.3em}

.table.md > thead > tr > th			{padding:7px 5px; color:#222; border-bottom:none; font-size:13px}
.table.md > tbody > tr > td			{padding:6px 5px}
.nolistinfo							{text-align:left; font-size:14px; color:#333; padding:10px 0px;}
input.normal, select.normal			{padding:2px 5px; width:100%}
input.normal:focus					{outline:none}
/** Satyendra End **/

.tablebdr{
    border: 1px solid #e7ecf1;
}

/*Overwriting CSS */
.page-sidebar .page-sidebar-menu .sub-menu li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li>a{
    padding: 6px 15px 6px 22px !important;
}
.page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu{
    margin: 0px !important;
}
.loc2 .page-sidebar .page-sidebar-menu .sub-menu, .loc2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu{
    background-color: #5e6672 !important;
}
.loc3 .page-sidebar .page-sidebar-menu .sub-menu, .loc3.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu{
    background-color: #364150 !important;
}
.loc4 .page-sidebar .page-sidebar-menu .sub-menu, .loc4.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu{
    background-color: #364150 !important;
}
.loc1 .page-sidebar .page-sidebar-menu>li.open>a,.loc1 .nav-list-head{
    background: #d6d6d6;
    font-weight: 600 !important;
}
.loc2 .page-sidebar .page-sidebar-menu>li.open>a,.loc2 .nav-list-head{
    background: #434f5d;
    font-weight: 600 !important;
}
.loc3 .page-sidebar .page-sidebar-menu>li.open>a,.loc3 .nav-list-head{
    background: #434f5d;
    font-weight: 600 !important;
}
.loc4 .page-sidebar .page-sidebar-menu>li.open>a,.loc4 .nav-list-head{
    background: #434f5d;
    font-weight: 600 !important;
}
.page-sidebar .page-sidebar-menu .sub-menu>li>a{font-style: italic;}
.loc1 .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a,.loc1 .page-sidebar .page-sidebar-menu .sub-menu>li.active>a{background: #e2e2e2 !important;}

.loc1 .page-sidebar .page-sidebar-menu>li.active.open>a, .loc1 .page-sidebar .page-sidebar-menu>li.active>a, .loc1.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .loc1.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
    background: #8E44AD !important;
}
.loc1 .block-spinner-bar>div, .loc1 .page-spinner-bar>div {
    background: #8E44AD !important;
}
.page-header.navbar .menu-toggler>span, .page-header.navbar .menu-toggler>span:after, .page-header.navbar .menu-toggler>span:before{
    height: 1.6px !important;
}
.loc2 .page-sidebar, .loc2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
    background-color: #5e6672 !important;
}
.loc2 .page-sidebar .page-sidebar-menu>li>a, .loc2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a {
    border-top: 1px solid #697380;
    color: #efefef;
}
.loc2 .page-sidebar .page-sidebar-menu>li.open>a, .loc2 .page-sidebar .page-sidebar-menu>li:hover>a, .loc2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, .loc2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a {
    background: #535f6d;
    color: #efefef;
}
.loc2 .page-sidebar .page-sidebar-menu>li.active.open>a, .loc2 .page-sidebar .page-sidebar-menu>li.active>a, .loc2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .loc2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
    background: #1ba39c;
    border-top-color: transparent;
    color: #fff;
}
.loc2 .page-sidebar .page-sidebar-menu .sub-menu>li>a, .loc2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li>a {
    color: #eee;
}
.loc2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li>a {
    color: #eee;
}
.loc2 .page-sidebar .page-sidebar-menu .sub-menu>li.active>a, .loc2 .page-sidebar .page-sidebar-menu .sub-menu>li.open>a, .loc2 .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a, .loc2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a, .loc2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a, .loc2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a {
    background: #566170!important;
}
.loc2 .page-sidebar .page-sidebar-menu>li.heading>h3, .loc2.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.heading>h3 {
    color: #b4b4b4;
}
.loc3 .page-sidebar, .loc3.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
    background-color: #364150 !important;
}
.loc3 .page-sidebar .page-sidebar-menu>li>a, .loc3.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a {
    border-top: 1px solid #3d4957;
    color: #efefef;
}
.loc3 .page-sidebar .page-sidebar-menu>li.open>a, .loc3 .page-sidebar .page-sidebar-menu>li:hover>a, .loc3.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, .loc3.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a {
    background: #3598DC;
    color: #efefef;
}
.loc3 .page-sidebar .page-sidebar-menu>li>a>i,.loc3 .page-sidebar .page-sidebar-menu>li:hover>a>i,.loc3 .page-sidebar .page-sidebar-menu>li.open>a>i{
    color: #efefef;
}
.loc3 .page-sidebar .page-sidebar-menu>li.active.open>a, .loc3 .page-sidebar .page-sidebar-menu>li.active>a, .loc3.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .loc3.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
    background: #3598DC;
    border-top-color: transparent;
    color: #fff;
}
.loc3 .page-sidebar .page-sidebar-menu .sub-menu>li>a, .loc3.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li>a {
    color: #eee;
}
.loc3.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li>a {
    color: #eee;
}
.loc3 .page-sidebar .page-sidebar-menu .sub-menu>li.active>a, .loc3 .page-sidebar .page-sidebar-menu .sub-menu>li.open>a, .loc3 .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a, .loc3.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a, .loc3.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a, .loc3.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a {
    background: #566170!important;
}
.loc3 .page-sidebar .page-sidebar-menu>li.heading>h3, .loc3.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.heading>h3 {
    color: #b4b4b4;
}
/*-- Branch-4 setup-start --*/
.loc4 .page-sidebar, .loc4.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
    background-color: #364150 !important;
}
.loc4 .page-sidebar .page-sidebar-menu>li>a, .loc4.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a {
    border-top: 1px solid #3d4957;
    color: #efefef;
}
.loc4 .page-sidebar .page-sidebar-menu>li.open>a, .loc4 .page-sidebar .page-sidebar-menu>li:hover>a, .loc4.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, .loc4.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a {
    background: #2f6096;
    color: #efefef;
}
.loc4 .page-sidebar .page-sidebar-menu>li>a>i,.loc4 .page-sidebar .page-sidebar-menu>li:hover>a>i,.loc4 .page-sidebar .page-sidebar-menu>li.open>a>i{
    color: #efefef;
}
.loc4 .page-sidebar .page-sidebar-menu>li.active.open>a, .loc4 .page-sidebar .page-sidebar-menu>li.active>a, .loc4.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .loc4.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
    background: #2f6096;
    border-top-color: transparent;
    color: #fff;
}
.loc4 .page-sidebar .page-sidebar-menu .sub-menu>li>a, .loc4.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li>a {
    color: #eee;
}
.loc4.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li>a {
    color: #eee;
}
.loc4 .page-sidebar .page-sidebar-menu .sub-menu>li.active>a, .loc4 .page-sidebar .page-sidebar-menu .sub-menu>li.open>a, .loc4 .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a, .loc4.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a, .loc4.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a, .loc4.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a {
    background: #566170!important;
}
.loc4 .page-sidebar .page-sidebar-menu>li.heading>h3, .loc4.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.heading>h3 {
    color: #b4b4b4;
}
.loc4 .page-header.navbar .page-logo .logo-default{
    margin-top: 10px;
}
/*-- Branch-4 setup-end --*/
.bg-blue-hard {
background: #2f6096 !important; }

.bg-blue-hard-opacity {
background: rgba(47, 96, 150, 0.8) !important; }

.bg-hover-blue-hard:hover {
background: #2f6096 !important; }

.font-blue-hard {
color: #2f6096 !important; }

.bg-font-blue-hard {
color: #FFFFFF !important; }

.btn.blue-hard:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #2f6096;
  border-color: #2f6096; }
  .btn.blue-hard:not(.btn-outline):focus, .btn.blue-hard:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #217ebd;
    border-color: #15527c; }
  .btn.blue-hard:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #217ebd;
    border-color: #1f78b5; }
  .btn.blue-hard:not(.btn-outline):active, .btn.blue-hard:not(.btn-outline).active,
  .open > .btn.blue-hard:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #217ebd;
    border-color: #1f78b5; }
    .btn.blue-hard:not(.btn-outline):active:hover, .btn.blue-hard:not(.btn-outline):active:focus, .btn.blue-hard:not(.btn-outline):active.focus, .btn.blue-hard:not(.btn-outline).active:hover, .btn.blue-hard:not(.btn-outline).active:focus, .btn.blue-hard:not(.btn-outline).active.focus,
    .open > .btn.blue-hard:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-hard:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-hard:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #1c699f;
      border-color: #15527c; }
  .btn.blue-hard:not(.btn-outline):active, .btn.blue-hard:not(.btn-outline).active,
  .open > .btn.blue-hard:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.blue-hard:not(.btn-outline).disabled:hover, .btn.blue-hard:not(.btn-outline).disabled:focus, .btn.blue-hard:not(.btn-outline).disabled.focus, .btn.blue-hard:not(.btn-outline)[disabled]:hover, .btn.blue-hard:not(.btn-outline)[disabled]:focus, .btn.blue-hard:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.blue-hard:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-hard:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-hard:not(.btn-outline).focus {
    background-color: #2f6096;
    border-color: #2f6096; }
  .btn.blue-hard:not(.btn-outline) .badge {
    color: #2f6096;
    background-color: #FFFFFF; }

.btn.btn-outline.blue {
  border-color: #2f6096;
  color: #2f6096;
  background: none; }
  .btn.btn-outline.blue:hover, .btn.btn-outline.blue:active, .btn.btn-outline.blue:active:hover, .btn.btn-outline.blue:active:focus, .btn.btn-outline.blue:focus, .btn.btn-outline.blue.active {
    border-color: #2f6096;
    color: #FFFFFF;
    background-color: #2f6096; }

.btn.blue-hard-stripe {
  border-left: 4px solid #2f6096 !important; }

.btn.blue-hard.btn-no-border:not(.active) {
  border-color: transparent; }

/*-- Branch-5 setup-start --*/
.loc5 .tabbable-line>.nav-tabs>li.active{
    border-color: #2c3e50 !important;
}
.loc5 .tabbable-line>.nav-tabs>li.open,.loc5 .tabbable-line>.nav-tabs>li:hover{
    border-color: #2c3e50 ;
}
.loc5 .page-sidebar .page-sidebar-menu>li.open>a,.loc5 .nav-list-head{
    background: #d6d6d6 !important;
    font-weight: 600 !important;
}
.loc5 .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a,.loc5 .page-sidebar .page-sidebar-menu .sub-menu>li.active>a{background: #e2e2e2 !important;}

.loc5 .page-sidebar .page-sidebar-menu>li.active.open>a, .loc5 .page-sidebar .page-sidebar-menu>li.active>a, .loc5.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .loc5.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
    background: #1c2362 !important;
}
.loc5 .block-spinner-bar>div, .loc5 .page-spinner-bar>div {
    background: #1c2362 !important;
}
.loc5.page-sidebar-fixed:not(.page-footer-fixed) .page-footer{
    background: #F6F6F6 !important;
}

.bg-blue-medwhite {
    background: #1c2362 !important; }
    
    .bg-blue-medwhite-opacity {
    background: rgba(28, 35, 98, 0.8) !important; }
    
    .bg-hover-blue-medwhite:hover {
    background: #1c2362 !important; }
    
    .font-blue-medwhite {
    color: #1c2362 !important; }
    
    .bg-font-blue-medwhite {
    color: #FFFFFF !important; }
    
    .btn.blue-medwhite:not(.btn-outline) {
      color: #FFFFFF;
      background-color: #1c2362;
      border-color: #1c2362; }
      .btn.blue-medwhite:not(.btn-outline):focus, .btn.blue-medwhite:not(.btn-outline).focus {
        color: #FFFFFF;
        background-color: #2f398f;
        border-color: #232752; }
      .btn.blue-medwhite:not(.btn-outline):hover {
        color: #FFFFFF;
        background-color: #2f398f;
        border-color: #2530a8; }
      .btn.blue-medwhite:not(.btn-outline):active, .btn.blue-medwhite:not(.btn-outline).active,
      .open > .btn.blue-medwhite:not(.btn-outline).dropdown-toggle {
        color: #FFFFFF;
        background-color: #2f398f;
        border-color: #2530a8; }
        .btn.blue-medwhite:not(.btn-outline):active:hover, .btn.blue-medwhite:not(.btn-outline):active:focus, .btn.blue-medwhite:not(.btn-outline):active.focus, .btn.blue-medwhite:not(.btn-outline).active:hover, .btn.blue-medwhite:not(.btn-outline).active:focus, .btn.blue-medwhite:not(.btn-outline).active.focus,
        .open > .btn.blue-medwhite:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.blue-medwhite:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.blue-medwhite:not(.btn-outline).dropdown-toggle.focus {
          color: #FFFFFF;
          background-color: #2530a8;
          border-color: #232752; }
      .btn.blue-medwhite:not(.btn-outline):active, .btn.blue-medwhite:not(.btn-outline).active,
      .open > .btn.blue-medwhite:not(.btn-outline).dropdown-toggle {
        background-image: none; }
      .btn.blue-medwhite:not(.btn-outline).disabled:hover, .btn.blue-medwhite:not(.btn-outline).disabled:focus, .btn.blue-medwhite:not(.btn-outline).disabled.focus, .btn.blue-medwhite:not(.btn-outline)[disabled]:hover, .btn.blue-medwhite:not(.btn-outline)[disabled]:focus, .btn.blue-medwhite:not(.btn-outline)[disabled].focus,
      fieldset[disabled] .btn.blue-medwhite:not(.btn-outline):hover,
      fieldset[disabled] .btn.blue-medwhite:not(.btn-outline):focus,
      fieldset[disabled] .btn.blue-medwhite:not(.btn-outline).focus {
        background-color: #1c2362;
        border-color: #1c2362; }
      .btn.blue-medwhite:not(.btn-outline) .badge {
        color: #1c2362;
        background-color: #FFFFFF; }
    
    .btn.btn-outline.blue {
      border-color: #1c2362;
      color: #1c2362;
      background: none; }
      .btn.btn-outline.blue:hover, .btn.btn-outline.blue:active, .btn.btn-outline.blue:active:hover, .btn.btn-outline.blue:active:focus, .btn.btn-outline.blue:focus, .btn.btn-outline.blue.active {
        border-color: #1c2362;
        color: #FFFFFF;
        background-color: #1c2362; }
    
    .btn.blue-medwhite-stripe {
      border-left: 4px solid #1c2362 !important; }
    
    .btn.blue-medwhite.btn-no-border:not(.active) {
      border-color: transparent; }
    

/*-- Branch-5 setup-end --*/

.bg-purple-light{
    background-color: #f9d9ff !important;
}

.bg-red-light{
    background-color: #fae4e4 !important;
}

.nav-tabs{
    margin-bottom: 0px !important;
}
.font-size15 {
    font-size: 14px !important;
}
.nav-pills>li>a, .nav-tabs>li>a {
    font-size: 14px;
    padding: 6px !important;
    overflow-x: hidden;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li>a{
    padding: 45px 15px 8px !important;
}
.portlet{
    margin-bottom: 0px !important;
}
.loc1.page-sidebar-fixed:not(.page-footer-fixed) .page-footer{
    background: #F6F6F6 !important;
}
.page-content-wrapper .page-content{
    padding: 25px 20px 0px 20px !important;
}
.portlet.light.portlet-fit:not(.bordered)>.portlet-body {
    padding: 0px !important;
}
.table.cursor td{cursor: pointer;}
.point-cursor{cursor: pointer}
.input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
}
.table td, .table th{
    padding: 5px 4px !important;
    vertical-align: middle !important;
}
.table:not(.bg) th{
    /* padding: 3px !important; */
    background-color: #e1e5ec;
}
.label{
    font-size: 13px;
    padding: 1px 6px 3px;
}

/* Text box size less */
.textbox-less{
    height: 24px !important;
    padding: 2px 6px !important;
    font-size: 12px !important;
}
.height16{
    height: 16px !important;
}

/* Portlet Title */
.portlet-title-heightpd{
    min-height: 34px !important;
    height: auto !important;
    padding: 6px 12px 0 !important;
}
.portlet-title-heightpd .caption{
    padding: 5px 0px 10px !important;
}
.portlet-title-heightpd .actions{
    padding: 0px !important;
}

.portlet-lgt .mt-comment,.tab-pane .mt-comment{
    padding: 4px 8px 6px;
    margin: 6px auto;
    border-left: 2px solid #1BBC9B;
    background: #fdfdfd;
    position: relative;
}
.portlet-lgt .mt-comment .arrow,.tab-pane .mt-comment .arrow{
    left: -2px;
    width: 0;
    height: 0;
    border-left: 6px solid #1BBC9B;
    display: block;
    position: absolute;
    top: 5px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

/*Patient Info */
.patient-info ul{
    padding-left: 0px;
}
.patient-info li{
    list-style-type: none;
    display: inline-block;
    border-bottom: 1px solid #eee;
    padding: 2px;
}
.patient-label{
    color: #9eacb4;
    font-size: 12px;
}
.patient-data{
    color: #333;
    font-size: 13px;
    font-weight: 600;
}


/*Report Insurance button design */
.button-info{
    padding: 10px 8px;
    border: 1px solid #eee;
    border-radius: 3px !important;
    margin-bottom: 15px;
    background-color: #fbfbfb;
    overflow: hidden;
}
.button-info:hover{
    background-color: #eee !important;
}
.button-ui a:hover{
    text-decoration: none !important;
}
.button-info i{
    color: #333 !important;
}
.button-icon{
    float: left;
    padding: 0px 10px;
    font-size: 36px;
    width: 14%;
}
.button-details{
    float: left;
    vertical-align: middle;
    font-size: 13px;
    width: 85%;
    max-height: 50px;
}
.button-title{
    color: #060606;
    font-weight: 600;
    font-size: 15px;
}
.button-desc{
    margin-bottom: 0;
    color: #999b9b;
}


/* Examination Insurance Details */
.more-less {
    float: right;
    color: #212121;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.ins-detail a.accordion-toggle{display: block;}



/** mt-comments-profile **/
.mt-profile{
    font-size: 16px !important;
    margin-bottom: 5px !important;
}

/* Full Height */
.fullborderL:before{
    content: '';
    width: 0px;
    height: 100%;
    position: absolute;
    border: 1px solid #eee;
    left: 0px;
    z-index: 999;
    top: 0px;
}
.bodyh100{
    height:100% !important;
}
.borderNone-lrb{
    border-left: none !important;
    border-bottom: none !important;
    border-right: none !important;
}

/* autocomplete Style */
.autocomplete-style{
    width: 100% !important;
    left: 0px !important;
}


/* show button hover */
.tasks-widget .task-list>li>.hover-btn {
    top: 30px !important;
}
.tasks-widget .task-list>li.pulse{
    background-color: #F4F6F9;
}
/** Table **/
.table-nowrap th{
    white-space: nowrap !important;
}
.table-scrollable .table-custom{
    border-bottom: 1px solid #eee !important;
    color: #333 !important;
}
.table-custom th{
    color: #333 !important;
}
.table-custom td{
    color: #333 !important;
}
.border-bottom-0{
    border-bottom: 0px !important;
}
.portlet-height{
    height: 36px !important;
    min-height: 36px !important;
}
.pdL0{
    padding-left: 0px !important;
}
.pdR0{
    padding-right: 0px !important;
}
select option{
    z-index: 999999;
}
.pd0{
    padding: 0px !important;
}
.border0{
    border: 0px !important;
}
.pdT0{
    padding-top: 0px !important;
}
.padding10{
    padding: 10px !important;
}
.margin-left0{
    margin-left: 0px !important;
}
.margin-bottom0{
    margin-bottom: 0px !important;
}
.white-space{
    white-space: nowrap !important;
}
.margin-top0{
    margin-top: 0px !important;
}
.margin-right0{
    margin-right: 0px !important;
}
.mtn10{margin-top: -10px !important;}
.hr-line{
    border-top: 1px solid #eee;
}

.nav-heading{
    padding: 14px;
    position: absolute;
    font-size: 16px;
}

/* Profile Left */
.profile-name{
    font-weight: 700;
}
.profile-info{
    color: #9eacb4;
    font-size: 13px;
}
.profile-more-info{
    font-size: 10px;
    width: 100%;
    text-align: left;
    margin-top: 5px;
}

/* Report Button Style */
.btn-report{
    height: 24px !important;
    font-size: 12px !important;
    padding: 3px 8px !important;
}

/* Payment Box */
.payment-box ul{
    padding-left: 0px;
}
.payment-box li{
    display: inline-block;
    min-width: 100%;
    list-style-type: none;
    padding: 5px;
    margin-bottom: 5px;
}
.payment-box li:hover{
    background: #fbfbfb;
}
.payment-box .pdate-time{
    color: #060606;
    font-weight: 600;
    padding-bottom: 4px;
}
.payment-box .pdetail{
    color: #999;
}

/*Refresh Button*/
.refresh-btn{
    top: -22px;
    position: absolute;
    float: right;
    right: 19px;
}

/** Invoice and Receipt **/
.invoice-cnt{
    padding: 40px;
    margin: 5px auto;
    border: 1px solid #eee;
    background: #fff;
    max-width: 840px;
    box-shadow: 0 0 6px #ddd;
    -moz-box-shadow: 0 0 6px #ddd;
    -webkit-box-shadow: 0 0 6px #ddd;
}
.invoice-history .text-right{
    padding-right: 20px;
}
.invoice-content-2 .invoice-title{
    letter-spacing: 6px !important;
}
.table-invoice-info table{
    vertical-align: top;
}
.table-invoice-info th{
    border-left: 1px solid #eee !important;
    padding:3px 3px 3px 8px !important;
}
.table-invoice-info td{
    padding:3px 8px 3px 3px !important;
}
.table-invoice-content tbody td{
    border: 0px !important;
}
.payment-title span{
    font-size: 16px !important;
    padding: 10px 0;
    display: block;
}
.payment-title h2{
    margin: 20px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.invoice-amt{
    background-color: #eee;
    padding: 20px 20px 10px 20px;
}
.invoice-amt h3{
    margin-top: 0px;
    font-weight: bold;
}
.ch-pwd{
    padding: 10px 0px 15px;
    font-size: 18px;
}
.alert.alert-list{padding: 6px 15px;}

.title-patient{
    position: absolute;
    text-align: center;
    width: 95%;
    font-size: 24px;
    font-weight: 500;
    top: 54px;
}
.red-checkbox .md-checkbox label, .red-checkbox.md-checkbox label {
    color: #e73d4a;
}
.red-checkbox .md-checkbox label>.box, .red-checkbox .md-checkbox label>.check, .red-checkbox.md-checkbox label>.box, .red-checkbox.md-checkbox label>.check {
    border-color: #e73d4a;
}

.selecting .select2-container{
    width: 220px !important;
}
.selecting .select2-dropdown{
    width: 194px !important;
}
.selecting .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder{
    padding: 2px 15px 2px 2px !important;
}
.selecting .select2-container--bootstrap .select2-selection--single{
    height: 24px !important;
    padding: 2px 15px 2px 2px !important;
}
.selecting-custom .select2-dropdown{
    width: 190px !important;
}


.selecting-full .select2-container{
    width: 100% !important;
}
.selecting-full .select2-dropdown{
    width: 100% !important;
}



.image-size{
    width: 45px;
    height: 45px;
}

.notifcnbtn:hover > .badge{
    background-color: #fff;
    color: #f36a5a;
}
.notifcnbtn.active > .badge{
    background-color: #fff;
    color: #f36a5a;
}
.capitalize {
    text-transform: capitalize;
}
.star-rating{padding: 10px 0;}
.star-rating i{color: #e9edef; }
.star-rating i:hover{color: #f7ca18;}
.star-rating i.stick{color: #f7ca18;}
#star-rate{}

.form-horizontal .md-checkbox-inline{
    margin-top: 5px;
}
.md-checkbox label{
    cursor: pointer;
    padding-left: 24px;
}
.md-checkbox label>.check{
    top: -2px;
    left: 6px;
    width: 8px;
    height: 18px;
}
.md-checkbox label>.box{
    height: 16px;
    width: 16px;
}

/*--Queue List--*/
.mt-element-list .list-default.mt-list-container,.tasks-widget .task-list>li{
    border-color: #CCC !important;
}
.mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-author{color:#999 !important;}
.mt-comments .mt-comment .mt-comment-body .mt-comment-text{color: #060606 !important;}

.count-btn:not(.collapsed) .s{display:none}
.count-btn.collapsed .h {display:none}

/*-- WebView iCheckin --*/

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.checkBox{
    position: relative;
    height: 100%;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.footLogo{
    position: fixed;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    background: #fafafa;
    box-shadow: 0 0 40px #fafafa;
}
.checkBox .list-info{
    padding-left: 20px;
    padding-right: 20px;
}
.translate{
    position: absolute;
    top: 5px;
    width: 100%;
}
.mform table td{font-size: 12px}
.engLang{padding: 3px 10px !important;}
.arbLang{padding: 1px 10px 5px !important;}
.arb,.fedit{display:none;}
.deliverySigBx					{width:100%}
.deliverySigBx canvas			{width:100%; height:140px}
.invoiceSigBx					{width:100%}
.invoiceSigBx canvas			{width:100%; height:300px}

.doceSigBx					{width:100%}
.doceSigBx canvas			{width:100%; height:300px}

/*-- CheckIn List View --*/

.checkinList{
    width: 320px;
    height: 100%;
    min-height: 640px;
    position: absolute;
    right: -320px;
    top: 26px;
    z-index: 9999;
    background: rgba(29, 29, 29, .75);
    box-shadow: -2px 2px 6px #333;
    transition: position 1s linear;
    -webkit-transition: position 1s linear;
    -moz-transition: position 1s linear;
    -o-transition: position 1s linear;
}

.comntHtml p{
    margin-bottom: 5px !important;
}

.reportHtml p{
    margin: 10px 0 !important;
}

.blinkVbx{
    position: relative;
}
#camera-feed{
    width: 100%;
}
#camera-feedback{
    position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;
}
/** EOF **/
.d-flex                     {display: flex;}
.ml0                        {margin-left: 0px!important;}
.pl0                        {padding-left: 0px!important;}
.ml-auto                    {margin-left: auto;}
.my-auto                    {margin-top: auto; margin-bottom: auto;}
.fx-grow1                   {flex-grow: 1;}
.ffc                        {flex-flow: column;}
.w100per                    {width: 100%!important;}
.border-bottom              {border-bottom: 1px solid #eee;}
.px20, td.px20              {padding-left: 20px!important; padding-right: 20px!important;}
.flex-container             { 
    position: relative; display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: center;
}
.flex-item                  {flex: 1;}
.flx-inp-grp                {display: flex; flex-flow: row;}
.flx-inp-grp label          {margin-top: auto; margin-bottom: auto; margin-right: 5px;}
.flx-inp-grp .form-control  {flex-grow: 1;}
.editForum{ position: absolute;right: 10px;top: 30px;}

.bg-light-danger{
    background-color: #ffe2e5!important;
  }
  .bg-light-primary{
    background-color: #e1f0ff!important;
  }
  .bg-light-success{
    background-color: #c9f7f5!important;
  }
  .bg-light-warning{
    background-color: #fff4de!important;
  }
  
  .shadow {
    box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075) !important;
  }
  .shadow-sm {
    box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05) !important;
  }
  .shadow-xs {
    box-shadow: 0 0.1rem 0.75rem 0.25rem rgb(0 0 0 / 5%);
  }

  .rounded-6 {
    border-radius: 6px !important; }
  
  .rounded-8 {
    border-radius: 8px !important; }
  
  .rounded-xl {
    border-radius: 1.25rem !important;}
.mt-n1{
    margin-top: -1rem !important;
}
.mt-n2{
    margin-top: -2rem !important;
}    
.mt-n3{
    margin-top: -3rem !important;
}    
.mt-n4{
    margin-top: -4rem !important;
}    
.mt-n5{
    margin-top: -5rem !important;
}
.position-relative{
    position: relative !important;
}
.data-dim{
    position: absolute;
    bottom:20px;
    left: 20px;
    opacity: 0.4;
    transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
}
.h30{
    height: 30px !important;
}
@media (max-width:450px){
    .data-dim{ left:5px; }
}


@media (max-width:780px){
    .flex-item{ flex-basis: 50%; }
}

@media (max-width:1024px){
    .flx-inp-grp                {flex-flow: column;}
    .flx-inp-grp .form-control  {width: 100%;}
}