body {min-width:320px;  height:100%; min-height:100%; background:#FFF; margin:0; padding:0; font-size:16px; font-family:'proxima_nova_rgregular', arial; color: #7d7d7d;}
html {height:100%;}
#wrapper{ width:100%; position:relative; min-height:100%; height:auto !important; }
#wrapper_UM {
    width: 100%;
    position: relative;
    min-height: 100%;
    height: auto !important;
}

@font-face {
	font-family: 'proxima_nova_rgregular';
	src: url('../New_Fonts/proximanova-regular-webfont.eot');
	src: url('../New_Fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../New_Fonts/proximanova-regular-webfont.woff2') format('woff2'),  url('../New_Fonts/proximanova-regular-webfont.woff') format('woff'),  url('../New_Fonts/proximanova-regular-webfont.ttf') format('truetype'),  url('../New_Fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
	font-weight: normal;font-style: normal;
}
@font-face {
	font-family: 'proxima_nova_rgbold';
	src: url('../New_Fonts/proximanova-bold-webfont.eot');
	src: url('../New_Fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../New_Fonts/proximanova-bold-webfont.woff2') format('woff2'),  url('../New_Fonts/proximanova-bold-webfont.woff') format('woff'),  url('../New_Fonts/proximanova-bold-webfont.ttf') format('truetype'),  url('../New_Fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
	font-weight: normal;font-style: normal;
}
@font-face {
	font-family: 'proxima_novalight';
	src: url('../New_Fonts/proximanova-light-webfont.eot');
	src: url('../New_Fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),  url('../New_Fonts/proximanova-light-webfont.woff2') format('woff2'),  url('../New_Fonts/proximanova-light-webfont.woff') format('woff'),  url('../New_Fonts/proximanova-light-webfont.ttf') format('truetype'),  url('../New_Fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
	font-weight: normal;font-style: normal;
}
@font-face {
	font-family: 'proxima_novasemibold';
	src: url('../New_Fonts/proximanova-semibold-webfont.eot');
	src: url('../New_Fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),  url('../New_Fonts/proximanova-semibold-webfont.woff2') format('woff2'),  url('../New_Fonts/proximanova-semibold-webfont.woff') format('woff'),  url('../New_Fonts/proximanova-semibold-webfont.ttf') format('truetype'),  url('../New_Fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
	font-weight: normal;font-style: normal;
}

a{ color:#4d95cc; text-decoration:none; outline:none !important;}
a:hover{ color:#4d95cc; text-decoration:underline;}
h1, h2, h3, h4, h5, h6, p{ margin:0; padding:0;}
strong, b{font-family: 'proxima_nova_rgbold', arial; font-weight:normal; color:#333; }
.clear{ clear:both; padding:0; margin:0; height:0;}
.clr{ clear:both;}

select.form-control{ padding-left:6px; padding-right:6px;}
.form-control{ border-radius:0px; box-shadow:none !important;}
.btn-default{background: #FFF !important; color:#444;}
.btn-default:after{background: #e6e6e6;}
.btn-primary{background: #3498db !important; color:#fff;}
.btn-primary:after{background: #2980b9;}
.btn-danger{background: #e74c3c !important; color:#fff;}
.btn-danger:after{background: #dc2f1d;}
.btn-info{background: #34495e !important; color:#fff;}
.btn-info:after{background: #2c3e50;}
.control-label{ font-size:16px; font-weight:normal;}
.control-label span{ color:#F00;}
.form-group{ margin-bottom:25px;}
.label2{ font-family: 'proxima_novasemibold', arial; color:#555; font-size:18px;}

/******************** SIDE BAR ************************/
.sidebar{ z-index:9999; background: #242d2f; height: 100%; overflow:auto; position: fixed; width: 300px; top:80px; left:0; transition: all ease 0.4s; -moz-transition: all ease 0.4s; -webkit-transition: all ease 0.4s;}
.sidebar_UM {
    z-index: 9999;
    overflow: auto;
    background: white;
    height: auto;
    position: fixed;
    width: 300px;
    top: 100px;
    left: 50px;
    transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -webkit-transition: all ease 0.4s;
}
body.collapsed-sidebar .sidebar {left:-300px; }
body.collapsed-sidebar_UM .sidebar_UM {
    left: -400px;
}

.content-liquid-full{ margin: 0 auto 0 280px; padding-top:80px; transition: all ease 0.4s; -moz-transition: all ease 0.4s; -webkit-transition: all ease 0.4s;}
.content-liquid-full_UM {
    margin: 0 80px 0 510px;
    padding-top: 60px;
    transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -webkit-transition: all ease 0.4s;
}
body.collapsed-sidebar .content-liquid-full { margin-left: 0;}
body.collapsed-sidebar_UM .content-liquid-full_UM {
    margin-left: 0;
}

.toggle-sidebar{ float:left; position:relative; width:50px; padding:31px 0 0 15px; height:60px; box-sizing: border-box; -moz-box-sizing: border-box;}
.toggle-sidebar_UM {
    float: left;
    position: relative;
    width: 50px;
    padding: 31px 0 0 15px;
    height: 60px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.menu-icon{ display:block; width:20px; height:18px; overflow:hidden; transition: all ease 0.2s; -moz-transition: all ease 0.2s; -webkit-transition: all ease 0.2s;}
.menu-icon .line1{ width:20px; background:#7f8c8d; height:2px; border-radius:2px; display:block; margin:2px 0 4px 0px;}
.menu-icon .line2{ width:20px; background:#7f8c8d; height:2px; border-radius:2px; display:block;}
.menu-icon .line3{ width:20px; background:#7f8c8d; height:2px; border-radius:2px; display:block; margin:4px 0 2px 0px;}
.collapsed-sidebar .menu-icon{transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}
.collapsed-sidebar .menu-icon .line1{ width:20px; margin:2px 0 4px 0; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg);}
.collapsed-sidebar .menu-icon .line2{ width:20px;}
.collapsed-sidebar .menu-icon .line3{ width:20px; margin:4px 0 2px 0; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg);}

.collapsed-sidebar_UM .menu-icon {
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

    .collapsed-sidebar_UM .menu-icon .line1 {
        width: 20px;
        margin: 2px 0 4px 0;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    .collapsed-sidebar_UM .menu-icon .line2 {
        width: 20px;
    }

    .collapsed-sidebar_UM .menu-icon .line3 {
        width: 20px;
        margin: 4px 0 2px 0;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }


@media (max-width:992px) {
.sidebar {left:-280px;}
    .sidebar_UM {
        left: -400px
    }
   
    .content-liquid-full {
        margin: 0 auto 0 0px;
        width: 100%;
    }
    .content-liquid-full_UM {
        margin: 0 5px 0 5px;
        width: 95%;
    }

body.collapsed-sidebar .sidebar {left:0px; }
 body.collapsed-sidebar_UM .sidebar_UM {
        left: 0px;
    }
body.collapsed-sidebar .content-liquid-full { margin-left:280px; width:100%;}

body.collapsed-sidebar_UM .content-liquid-full_UM {
        margin-left: 400px;
        width: 100%;
    }
body.collapsed-sidebar{ overflow:hidden;}
body.collapsed-sidebar_UM {
    overflow: hidden;
}
body.collapsed-sidebar .overlay{ z-index:9980; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.7);}
body.collapsed-sidebar_UM .overlay {
        z-index: 9980;
        position: fixed;
        width: 90%;
        height: 100%;
        top: 0;
        left: 10px;
        right:10px;
        background: rgba(0, 0, 0, 0.7);
 }
.toggle-sidebar{ display:block;}
.toggle-sidebar_UM {
        display: block;
    }
.menu-icon{transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}
.menu-icon .line1{ width:20px; margin:2px 0 4px 0;}
.menu-icon .line2{ width:20px;}
.menu-icon .line3{ width:20px; margin:4px 0 2px 0;}
.collapsed-sidebar .menu-icon{transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg);}
.collapsed-sidebar .menu-icon .line1{ width:20px; margin:2px 0 4px 0px; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg);}
.collapsed-sidebar .menu-icon .line2{ width:20px;}
.collapsed-sidebar .menu-icon .line3{ width:20px; margin:4px 0 2px 0px; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg);}
    collapsed-sidebar_UM .menu-icon {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    .collapsed-sidebar_UM .menu-icon .line1 {
        width: 20px;
        margin: 2px 0 4px 0px;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    .collapsed-sidebar_UM .menu-icon .line2 {
        width: 20px;
    }

    .collapsed-sidebar_UM .menu-icon .line3 {
        width: 20px;
        margin: 4px 0 2px 0px;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}

@media (max-width:767px) {
.content-liquid-full{ padding-top:114px;}
    .content-liquid-full_UM {
        padding-top: 114px;
       
    }
.sidebar{ top:114px;}
    .sidebar_UM {
        top: 114px;
        
    }
}


/*****************************************************************************************************
*****************************************************************************************************/
.header{ background:#f5f5f5; min-height:80px; position:fixed; width:100%; z-index:10000; min-width:320px;  box-shadow: 0 1px 0  rgba(0,0,0,.15);}
#footer{ background:#f5f5f5; width:100%; bottom:0; position:absolute; text-align:right; right:0; color:#a0a0a0; height:50px; font-size:14px; padding:16px 20px 0 0;}
.mhc{ background:#3498db; width:250px; height:80px; padding:5px; float:left;}
.mhc-item{ border:1px solid #3ca8f1; height:70px; padding:12px 20px;}
.mhc-item table{ color:#FFF; font-size:14px; font-family: 'proxima_nova_rgbold', arial;}
.logo{ float:left; padding:10px 0 0 25px;}
.userinfo{ float:right; }
.userinfo table{ width:100%; }
.userselect{ width:250px;}
/*.userselect.custName{ width:52%; float: right;}*/
.userselect.custName{ width:100%; float: right;}
.username{ padding:0 0 3px 0;}
.logout-btn{ border-left:1px solid #ddd; margin:0 0 0 20px; position:relative; }
.logout-btn a{padding:25px 0 0 0; text-align:center; display:block; height:80px; width:80px;}
.logout-btn a:hover, .logout-btn.open a{ background:#efefef;}
.logbutton{ width:40px;}
.logout-btn .dropdown-menu{ border:none; border-radius:0px; background:#303a3d; color:#acacac; margin:0; width:180px; padding:5px;}
.logout-btn .dropdown-menu li{ padding:0; margin:0;}
.logout-btn .dropdown-menu li a{ width:auto; height:auto; padding:8px 15px; margin:0; background:none !important; color:#acacac; text-align:left; font-family: 'proxima_novasemibold', arial; transition: all ease 0.4s; -webkit-transition: all ease 0.4s;}
.logout-btn .dropdown-menu li a:hover{ background:#000 !important; color:#FFF;}
.logout-btn.open :after{ content:""; position:absolute; bottom:0; left:50%; margin-left:-9px; background: url(../New_Images/popup-arrow.png); width:15px; height:7px;}
.btn{border-radius: 0; outline:none!important; box-shadow:none!important; border:0; position:relative; overflow:hidden;}
.btn span{position:relative; z-index: 2; font-family:"proxima_nova_rgbold"; font-size: 14px; text-transform: uppercase;}
.btn:after{position:absolute; width: 0; top: 0; height: 100%; content:""; left: 0; z-index: 1;transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.btn:hover:after{width: 100%;}
.btn i{position:absolute; left:0; top: 0; height: 100%; padding:13px; z-index: 2;}
.btn i img{display: block;}
.icon-btn{padding-left: 60px;}
.icon-btn:after{width: 44px;}
.contentarea{padding:30px 30px 80px 30px;}
.main-heading{color: #7d7d7d;  font-family: "proxima_nova_rgbold"; font-size: 30px; font-weight: normal; line-height: 24px; position: relative; margin-bottom: 30px;}
.main-heading span{display: inline-block; padding-right: 10px; background: #ffffff; position:relative; z-index: 2;}
.main-heading:before{border-bottom: solid 2px #e9f1f5; content: ""; position:absolute; left: 0; top: 50%; right: 0; z-index: 1;}
.step-outer{background: #f7f7f7; border-top: solid 1px #e9f1f4; border-bottom: solid 1px #e9f1f4; margin:0 -30px; padding:20px 0; margin-bottom: 40px;}
.steps{padding:0; margin:0; list-style: none; display: table; width: 100%;}
.steps li{display: table-cell; text-align: center; position:relative;}
.steps li:before{position:absolute; content:""; right: 50%; top: 10px; width: 100%; border-bottom: solid 2px #e8e8e8; z-index: 1;}
.steps li:after{position:absolute; content:""; width: 7px; height: 10px; background: url(../New_Images/gray-arrow.jpg) 0 0 no-repeat; top: 6px; left: 0;}
.steps li.active:before{ border-color:#4691ee;}
.steps li.active:after{ background: url(../New_Images/blue-arrow.jpg) 0 0 no-repeat; }
.steps li:first-child:before, .steps li:first-child:after{display: none;}
.steps li .circle{width: 22px; height: 22px; background: #ffffff; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; border:solid 1px #2bc0d8;z-index: 2; position:relative; margin:0 auto 10px;}
.steps li.active .circle{background: #4691ee; border-color: #4691ee;}
.steps li span{display: block; width: 130px; margin:0 auto; font-size: 18px; color: #444; font-family:"proxima_nova_rgbold", arial; line-height: 22px;}
.steps li em{font-style:normal; width: 130px; display: block; margin:0 auto; font-size:13px; color:#7d7d7d; line-height: 17px;}
/*hr{border-top: solid 1px #e2e9ed; margin:0 0 40px;}*/
.content-heading{padding-bottom: 20px;}
.sub-heading{text-transform: uppercase; color:#7d7d7d; font-family:"proxima_nova_rgbold", arial; float: left; font-size:24px;}
.content-heading .sub-heading{ padding:9px 0;}
.sub-heading span{color:#bfbfbf;} 
.content-heading .btn{float: right;}
.table thead th{padding:15px 10px!important; background: #1abc9c; border:0!important; color:#fff; text-transform: uppercase; box-shadow:none; font-weight:normal; font-family:"proxima_novasemibold";}
.valign-middle.table td{vertical-align: middle!important; padding:20px 10px!important; line-height: 20px; color:#7d7d7d;}
.custom-check-label{font-weight:normal; position:relative; padding-left: 30px; margin:0; cursor: pointer; font-size: 15px; color:#7d7d7d; line-height: 24px;}
.icheckbox{width: 22px; height: 22px; background: #fff; border:solid 1px #d3cfc8; position:absolute; left: 0; top: 0;}
.icheckbox.hover{border:solid 2px #008fe2;}
.icheckbox.checked{background: url(../New_Images/checked.png) center center no-repeat; border-color:#008fe2;}
.custom-radio-label, .custom-checkbox-label{font-weight:normal; position:relative; padding-left: 30px; margin:0; cursor: pointer; font-size: 16px; color:#7d7d7d; line-height: 24px;}
.iradio{width: 22px; height: 22px; background: #fff; border:solid 1px #d3cfc8; border-radius:50%; position:absolute; left: 0; top: 0;}
.iradio.hover{border:solid 2px #008fe2;}
.iradio.checked{background: url(../New_Images/checked.png) center center no-repeat; border-color:#008fe2;}
.table.no-border  tbody td{border:0!important;}
.table-striped > tbody > tr:nth-of-type(odd){background: #fff;}
.table-striped > tbody > tr:hover:nth-of-type(odd){background: #fdfdfd;}
.table-striped > tbody > tr:nth-of-type(even){background: #f5f5f5;}
.table-striped > tbody > tr:hover:nth-of-type(even){background: #f2f2f2;}
.tooltip.top{margin-top: -10px;}
.tooltip-inner{border-radius: 0; background:#000; padding:8px;}
.btn-outer{padding:0 0 40px;}
.btn-outer .btn-lg span{font-size:15px;}
.divnone{ display:none;}
.leftmenu { list-style:none; padding:0; margin:0; }
.leftmenu li.leftmenuli{ list-style-type:none; padding:0; margin:0; border-bottom:1px solid #2b3639; position:relative; }
.leftmenu li a.leftlink{ display:block; height:50px; color:#acacac; text-transform:uppercase; font-family: 'proxima_nova_rgbold', arial; text-decoration:none; font-size:14px; transition: all ease 0.4s; -webkit-transition: all ease 0.4s;}
.leftmenu li a.leftlink:hover, .leftmenu li a.leftlink.openheader{ background-color:#13191b; color:#FFF;}
.leftlink.expandable:after{position:absolute; content:""; width: 14px; height: 14px; top:18px; right:15px; background:url(../New_Images/ic-plus.png) 0px 0px no-repeat;}
.leftlink.expandable.openheader:after{ background:url(../New_Images/ic-min.png) 0px 0px no-repeat;}
.leftsubmenu{list-style:none; padding:6px 0px; margin:0; background:#13191b; border-top:1px solid #2b3639; display:none;}
.leftsubmenu a{ display:block; padding:7px 10px 7px 13px; color:#acacac; font-size:14px;}
.leftsubmenu a:hover, .leftsubmenu a.active{ background:#000; color:#FFF; text-decoration:none;}
.leftmenu a.leftlink span.icon{border-right:1px solid #2b3639; vertical-align:middle; margin-right:12px; display:inline-block; height:50px; width:50px; }
.leftmenu a.leftlink span.dashboard-icon{background:url(../New_Images/dashboard-icon.png) center no-repeat;}
.leftmenu a.leftlink span.settings-icon{background:url(../New_Images/settings-icon.png) center no-repeat;}
.leftmenu a.leftlink span.user-mngmt-icon{background:url(../New_Images/user-mngmt-icon.png) center no-repeat;}
.leftmenu a.leftlink span.reports-icon{background:url(../New_Images/reports-icon.png) center no-repeat;}
.leftmenu a.leftlink span.support-icon{background:url(../New_Images/support-icon.png) center no-repeat;}
.leftmenu a.leftlink span.video-icon{background:url(../New_Images/video-icon.png) center no-repeat;}
.leftmenu a.leftlink span.evaluations-icon{background:url(../New_Images/evaluations-icon.png) center no-repeat;}
.leftmenu a.leftlink span.orderong-icon{background:url(../New_Images/orderong-icon.png) center no-repeat;}
.leftmenu a.leftlink span.case{background:url(../New_Images/case.png) center no-repeat;}
.leftmenu a.leftlink span.active-log{background:url(../New_Images/active-log.png) center no-repeat;}

.blankli{ height:80px;}
.topbord{ border-top:1px solid #ddd; padding-top:20px;}
.table-responsive, .table{ margin-bottom:0;}
.pagerblock{ background:#eaeaea; padding:15px; margin-bottom:25px; border-top:1px solid #ddd;}
.pagination{ padding:0; margin:0; display:block;}
.pagination > li > a{ margin:0 2px !important; border-radius:0px !important; vertical-align:middle; background:#f7f7f7; color:#7e7e7e; font-size:13px;}
.pagination > li > a:hover, .pagination > li > a:focus{ background:#ddd;}
.pagerblock .pagination{ float:right}



/************************************************************/
.modal{ z-index:10050;}
.modal-backdrop{ z-index:10040;}
.modal-content{ border-radius:0px;}
.modal-header{ background:#1abc9c; color:#FFF; border-radius:0px; padding:20px 15px;}
.modal-title{ text-align:center; font-size:22px; text-transform:uppercase; color:#FFF; font-family: 'proxima_nova_rgbold', arial;}
.modal-body{ padding:30px; background:#f7f7f7;}
.modal-footer{ background:#eaeaea; border-radius:0px; text-align:center; padding:20px 15px;}
.modal-footer .btn{ min-width:120px;}
.modal-backdrop.in{ opacity:.7}
.extraspace{ padding:50px 80px;}


.grayboxbody{ padding:25px 25px 10px 25px;}
.graybox{ background:#f7f7f7; border:1px solid #e9f1f4; margin-bottom:25px; position:relative;}
.my-label{ padding-right:0px !important; font-size:16px; font-weight:normal;}
.grayboxfooter{ text-align:right; padding:20px; background:#f0f0f0;}
.inputspac{ margin-left:6px; margin-right:6px; min-width:130px;}
.greentitle{ background:#1abc9c; font-size:20px; padding:18px 60px 18px 20px; font-family: 'proxima_novasemibold', arial; color:#FFF;}
.pinktitle{ background:#9b59b6; font-size:20px; padding:18px 20px 18px 20px; font-family: 'proxima_novasemibold', arial; color:#FFF;}
.bluetitle{ background:#3498db; font-size:20px; padding:18px 20px 18px 20px; font-family: 'proxima_novasemibold', arial; color:#FFF;}
.assign-attending{ display:table; width:620px; margin:0 auto; padding:15px 0 30px 0; overflow:hidden;}
.asat-box, .asat-arrow{ display:table-cell;}
.asat-box{ width:280px;}
.asat-body{ background:#FFF; border:1px solid #ddd;}
.asat-arrow{ background:url(../New_Images/transfer1.png) center no-repeat;}
.asat-box h4{ text-align:center; font-size:16px; color:#535353; font-family: 'proxima_novasemibold', arial; margin:0 0 10px 0;}
ul.asat-list { margin:0; list-style:none; height: 298px; overflow-y: auto; padding: 0;}
ul.asat-list li{ list-style-type:none; padding:13px; margin:0; font-size:16px; cursor:pointer; border-bottom:1px solid #eeeeee; transition: all ease 0.4s; -webkit-transition: all ease 0.4s;}
ul.asat-list li:hover{ background:#0088cc; color:#FFF;}

@media (max-width:1200px) {
.logo{ padding:20px 0 0 20px;}
.logo img{ height:40px;}
.steps li span , .steps li em{width: 80px;}
}

@media (max-width:992px) {
.mhc{ display:none; }
.logo{ padding:20px 0 0 3px;}
.logo img{ height:40px;}
}

@media (max-width:767px) {
.contentarea{padding:15px 15px;}
.main-heading{margin-bottom: 20px;}
.content-heading .sub-heading{float: none;}
.content-heading .btn{float: none;}
.step-outer{padding:20px; margin:0 -15px 20px -15px;}
.steps{display: block;}
.steps li{display: block; text-align: left; padding:0 0 15px 35px;}
.steps li:last-child{padding-bottom: 0;}
.steps li span , .steps li em{width: auto; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.steps li .circle{position: absolute; left: 0; top: 7px;}
.steps li:before{height: 100%; width: auto; border:0; border-left: solid 2px #e8e8e8; left:10px; top:auto; bottom:100%; margin-bottom:-10px;}
.steps li:after{height: 7px; width: 10px; right: auto; top: auto; left: 6px; bottom:100%; margin-bottom:6px; background: none; background: url(../New_Images/gray-arrow-down.jpg) 0 0 no-repeat;}
.steps li.active:after{ background: url(../New_Images/blue-arrow-down.jpg) 0 0 no-repeat; }
.valign-middle.table td{padding:15px 10px!important;}
.userinfo{ float:none; border-top:1px solid #ddd;}
.divnone{ display:block;}
.logo{ padding:6px 0 6px 3px}
.toggle-sidebar{ padding:17px 0 0 15px; height:50px;}
.toggle-sidebar_UM {
        padding: 17px 0 0 15px;
        height: 50px;
    }
.logout-btn a{ width:60px; height:60px; padding-top:16px;}
.username{ padding-left:10px; max-width:230px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; font-size:14px;}
.userselect{ padding-left:10px;}
.userselect .form-control{ height:28px; font-size:12px;}
.blankli{ height:114px;}
#footer{  position:static; text-align:center; font-size:12px; padding:15px; height:auto;}
.main-heading{ font-size: 22px;}
.sub-heading{ font-size:18px;}
/***********************************/
.modal-header{ padding:15px 10px;}
.modal-title{ font-size:20px; }
.modal-body{ padding:15px;}
.modal-footer{ padding:15px;}
.modal-footer .btn{ min-width:80px;}
.modal-backdrop.in{ opacity:.7}
.extraspace{ padding:15px;}
.form-group{ margin-bottom:15px;}

.pagerblock{padding:15px 5px;}
.showing{ text-align:center; margin-bottom:12px;}
.pagerblock .pagination{ float:none; margin:0 auto; text-align:center;  display:inline-block;}
.pgr{ text-align:center;}

.my-label{ padding-right:15px !important;}
.grayboxbody{  padding:15px 15px 5px 15px;}
.grayboxfooter{ text-align:left; padding:15px;}
.inputspac{ margin-left:0; margin-right:0; min-width:130px;}
.greentitle{ font-size:16px; padding:15px 50px 15px 15px; }
.pinktitle, .bluetitle{ font-size:16px; padding:15px; }
.assign-attending{ display:block; width:auto; padding:10px 0 20px 0; }
.asat-arrow{ background:url(../New_Images/transfer2.png) center no-repeat; height:60px;}
.asat-box, .asat-arrow{ display:block; width:auto;}
}


/*****************************************************/
a.editlink{ position:absolute; top:5px;  right:5px; display:block; height:48px; padding-top:10px; width:48px; text-align:center; transition: all ease 0.4s; -webkit-transition: all ease 0.4s;}
a.editlink:hover{ background:rgba(0, 0, 0, 0.2);}
.form-control[disabled]{ color:#666;}
.gb-center{display:table; text-align:center; margin:0 auto;}
.gb-center .asat-box{ padding-bottom:20px;}
a.iconlink{ width:38px; height:38px; padding-top:5px; border-radius:4px; display:inline-block; text-align:center;}
a.iconlink:hover{ background:#eeeeee; }
.botpad{ padding-bottom:7px;}
.btn-center{ text-align:center !important;}
.btn-center .btn{ min-width:100px;}
.inputpadtop{ padding-top:39px;}
.btn-right{ text-align:right;}
.labelform { font-size:15px;}
.labelform .form-group{ margin-bottom:5px;}
.labelform .control-label{ padding-right:0; font-family: 'proxima_novasemibold', arial; color:#444; font-size:14px; }
.db-chart-spac{ padding-top:10px; padding-bottom: 10px;}
.db-chart-spac .img-responsive{ display:inline-block;}
.db-chart-spac .text-center{ padding-bottom:40px;}
.db-table{ font-size:14px; border-bottom:1px solid #ddd; margin-bottom:25px !important;}
.fl-left{ float:left;}
.fl-right{ float:right;}
.file-upload { overflow: hidden; position: relative;}
.btn-upload {background-color: #fff; border: 1px solid #3498db; color: #3498db; height: 50px; width: 165px; padding: 0px;}
.btn.file-upload {line-height: 50px;}
.file-upload input.upload { cursor: pointer;font-size: 15px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0;}
.browse-btn { float: left;margin-right: 20px;}
.browse-txt a { font-size: 15px;}
.browse-txt { padding: 5px;}
#uploadFile { background: #f7f7f7 none repeat scroll 0 0; border: 0 none; display: block; font-size: 15px;}
#refFile { background: #f7f7f7 none repeat scroll 0 0; border: 0 none; display: block; font-size: 15px;}
.btn.file-upload:after{position:static; }
.btn.file-upload span{ position:static;}

@media (max-width:1200px) {
.inputpadtop2{ padding-top:39px;}
}

@media (max-width:767px) {
a.editlink{ top:4px;  right:4px; height:40px; padding-top:6px; width:40px; text-align:center; transition: all ease 0.4s; -webkit-transition: all ease 0.4s;}
.gb-center{ display:block;}
.inputpadtop, .inputpadtop2{ padding-top:5px;}
.btn-right{ text-align:left;}
.labelform .control-label{ padding-right:15px;}
.labelform .form-control-static{ padding-top:0px;}
.mob-spac{ margin-bottom:10px;}
.fl-left{ float:none;}
.fl-right{ float:none; padding-top:10px;}
}



/************************** 06-Sep-2016 *********************************/
.main-heading span em{font-style:normal; font-family:"proxima_nova_rgregular";}
.question-detail .custom-radio-label{ color:#555; font-family: 'proxima_novasemibold', arial; }
.question-detail .radio-label{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.question-detail ul{list-style:none; margin:6px 0 0 0; padding-left: 30px; font-size:14px;}
.question-detail ul li{position:relative; padding-left: 15px; padding-bottom: 10px; line-height:1.2;}
.question-detail ul li em{position: absolute; left: 0; font-style:normal;}
.question-outer{background: #eeeeee; margin-bottom: 20px; position:relative;}
.question-outer .question-left{float: left; width: 65%; background: #f7f7f7;}
.question-left .question-heading {background: #e9e9e9; padding:10px 15px;}
.question-left .form-group{margin-bottom: 0;}
.question-left .question-heading h3{line-height: 34px;}
.question-left .question-heading .control-label{padding-right: 0;}
.question-left .question-detail{padding:15px;}
.question-left .question-detail .btn-outer{padding-bottom: 0;}
.question-outer h3{font-family: 'proxima_novasemibold', arial; font-size:24px; font-weight:normal;}
.question-outer .question-right{float: left; width: 35%; }
.question-outer .question-right .question-heading{background: #3498db; color:#fff; padding:10px 15px;}
.question-outer .question-right .question-heading h3{float: right; line-height: 34px;}
.question-outer .question-right .collepsed-btn{padding:5px 0; display: inline-block;}
.question-detail-table{padding:20px;}
.question-detail-table p{ font-size:14px;}
.question-detail-table table{width: 100%;}
.question-detail-table table td{vertical-align:top; background: #fafafa; border-bottom: solid 1px #ddd; padding:10px;}
.question-detail-table table tr:hover td{background: #FFFFFF;}
.question-detail-table table tr:last-child td{border-bottom: 0;}
.question-detail-table table td b{font-family:"proxima_nova_rgbold";}
.question-outer .vertical-block{position:absolute; right: 0; top: 0; bottom:0; width: 50px; background: #3498db; color:#fff; display: none;}
.question-outer .vertical-block p{text-align: center; white-space:nowrap; transform: rotate(270deg); left: -110px; top: 50%; position:absolute; font-size: 24px;}
.question-outer .vertical-block p img{margin:0 5px; position:relative; top: -3px;}
.bigfont{ font-size:18px; color:#333; padding:0 0 12px 0; margin:0;}
.orderlist{ margin:0 0 20px 0; padding:0 0 0 30px;}
.orderlist li{ margin:0 0 13px 0;}
.radio-checkbox-top{ margin-bottom:25px;}
.radio-checkbox-top .custom-radio-label, .radio-checkbox-top .custom-checkbox-label{ margin-right:50px;}
#overblue {	background: #00aeef url(../New_Images/demo2-bg.jpg) no-repeat left center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;	position: fixed;	z-index: 10039;	width: 100%;	height: 100%;	top: 0;	left: 0;}
.loginbox{ background:#FFF; position:absolute; width:500px; background:#FFF; top:50%; left:50%; margin:0 0 0 -250px;}
.loginlogo{ padding:40px 20px; text-align:center;}
.loginlogo img{ display:inline-block;}
.logincontent{ padding:0px 60px 60px 60px;}
.tpm1{ margin-top:-125px;}
.tpm2{ margin-top:-242px;}
.custom-tabs .nav-tabs{ border:none; padding:0; margin:0;}
.custom-tabs .nav-tabs li{ height:57px; margin-bottom:15px;}
.custom-tabs .nav-tabs li a{ background:#eee; border:none; border-radius:0px; height:50px; padding:10px 20px 0 20px; display:block; margin-right:5px; color:#777;}
.custom-tabs .nav-tabs li a:hover, .custom-tabs .nav-tabs li.active a{ background:#3498db; color:#FFF; border:none;}
.custom-tabs .nav-tabs li a span{ display:inline-block; background:rgba(0, 0, 0, 0.1); padding:4px 0; margin-left:5px; margin-right:-10px; width:34px; text-align:center; vertical-align:1px;}
.custom-tabs .nav-tabs li.active{ background:url(../New_Images/ar_bottom.png) center bottom no-repeat;}

@media (min-width:1200px){
.hide-right-block .question-left{float: none; width: auto; margin-right: 50px;}
.hide-right-block .question-right{display: none;}
.hide-right-block .vertical-block{display: block;}
}


@media (max-width:1200px){
.question-outer .question-left, .question-outer .question-right{float: none; width: auto;}
}


@media (max-width:767px){
.question-detail-table{padding:10px;}
.loginbox{  width:auto; left:0; margin:15px;}
.tpm1{ margin-top:-100px;}
.loginlogo{ padding:20px;}
.logincontent{ padding:10px 20px 40px 20px;}
.tpm2{ margin-top:-198px; }
.custom-tabs .nav-tabs li a{ font-size:13px; padding-top:12px}
.fpr, .fpr .custom-checkbox-label{ font-size:14px;}
}

@media only screen 
  and (max-device-width: 767px) 
  and (orientation: landscape) 
{
.tpm2{margin:0; position:static; }
#overblue{ position:static;}
}







/*******************************************************************/
.notification-list{ padding:0 !important; width:250px !important;}
.notification-list li{ padding:8px 10px !important; border-bottom:1px solid #434f52;}
.notification-list li.notititle{ text-align:center; color:#FFF; font-family: 'proxima_novasemibold', arial; text-transform:uppercase; letter-spacing:1px;}
.btn-right .username{ color:#3498db; font-family: 'proxima_novasemibold', arial;}
.db-chartbody{ padding:25px; border:1px solid #dee7eb; margin-bottom:25px;}
.btn-group .btn{ border:1px solid #ddd !important;}
h3.subtitle{ font-size:26px; font-family: 'proxima_novasemibold', arial; color:#666; padding:15px 0 0 0; margin:0; line-height:1;}
.wnrap { white-space:nowrap}
.modal-body .table-responsive{ border:1px solid #e4ebee;}
.redbg{ background:#ee6759;}
.bluebg{ background:#3498db;}
a.collapselink{ display:block; background:#1abc9c url(../New_Images/min.png) 97% 16px no-repeat; height:50px; color:#FFF; text-decoration:none; font-size:20px; padding:10px 10px 0 15px; font-family: 'proxima_novasemibold', arial;  }
a.collapselink.collapsed{ background:#1abc9c url(../New_Images/plus.png) 97% 16px no-repeat;  }
.exp-call{ padding-top:15px;}
.exp-call .well{ border-radius:0px; background:#f7f7f7; border:1px solid #e9f1f4;}
.exp-call .exp-call-box{ margin-bottom:30px;}
.icon-btn .glyphicon{ font-size:18px;}

.titlepad{ padding-bottom:10px !important;}
.resident-info{ background:#9b59b6; padding:20px; margin-top:10px; color:#FFF;}
.resident-info h3{ padding:0 0 10px 0; margin:0; font-size:24px; font-family: 'proxima_nova_rgbold', arial;}
.resident-info strong{ color:#FFF; font-size:18px;}
.resident-que{ background:#f7f7f7; padding:20px; border:1px solid #e6ebed; font-size:14px; margin-bottom:30px;}
.resident-que h3{ color:#555; padding:0 0 6px 0; margin:0; font-size:20px; font-family: 'proxima_nova_rgbold', arial;}
.resident-que span{ color:#555; font-family: 'proxima_nova_rgbold', arial;}
.resident-que .col-sm-4{ padding-bottom:5px;}
.resident-info-block{background:#f7f7f7; margin-bottom:30px;}
.rib-title{ background:#1abc9c; height:50px; color:#FFF; font-size:20px;}
.rib-body{ padding:20px;}
.rib-title span{ height:50px; width:50px; display:inline-block; text-align:center; font-family: 'proxima_nova_rgbold', arial; background:rgba(0, 0, 0, 0.15); padding-top:12px; margin-right:10px;}
ul.multy-list{ list-style:none; padding:0; margin:0; font-size:14px;}
ul.multy-list li{ list-style-type:none; padding:0; margin:0 0 10px 0;}
ul.multy-list .custom-radio-label, ul.multy-list .custom-checkbox-label{ font-size:14px;}
.ann-list{ list-style:none; padding:0; margin:0;}
.ann-list li{ list-style-type:none; padding:16px 20px 17px 20px; margin:0 0 20px 0; border:1px solid #dce1e3; border-top:3px solid #1abc9c; position:relative;}
.ann-list li h4{ font-size:20px; color:#555; font-family: 'proxima_nova_rgbold', arial; padding:0 90px 0 0; margin:0;}
.ann-list li span{ color:#999; font-size:14px; display:block; padding-bottom:6px;}
.ann-list li p{ color:#555;}
.ann-listicon{ position:absolute; top:0; right:0;}
.ann-listicon a{ display:inline-block; width:40px; height:40px; padding-top:8px; text-align:center; transition: all ease 0.4s; -webkit-transition: all ease 0.4s;}
.ann-listicon a img{ width:24px;}
.ann-listicon a:hover{ background:#f0f0f0;}



@media (max-width:1600px) {
    .btngroup-custom .btn-group{ float:left; width:50%; display:block;}
.btngroup-custom .btn span { font-size:12px; }
}

@media (max-width:767px){
.btn-right .username, .btn-right .userselect{ max-width:none !important; width:200px; font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
 .btngroup-custom .btn-group{ float:none; width:100%; display:block;}
 .btngroup-custom .btn span { font-size:10px; }
h3.subtitle{ padding:0; font-size:20px;}
a.collapselink{ font-size:17px; padding:14px 10px 0 15px; font-family: 'proxima_nova_rgregular';  }
.resident-info{ padding:15px;}
.resident-que{ padding:15px;}
.resident-info{ font-size:14px;}
.resident-info h3{font-size:20px;}
.resident-que h3{ font-size:17px; }
.resident-info strong{font-size:14px;}
.rib-title{ height:40px; font-size:18px;}
.rib-body{ padding:15px;}
.rib-title span{ height:40px; width:40px; padding-top:8px; margin-right:7px;}
.ann-list li{  padding:13px 15px 13px 15px; margin:0 0 15px 0; }
.ann-list li h4{ font-size:16px; padding-right:70px;}

}

/*************************************************************************************************************/
.total-row{ background:#f0f0f0 !important; border-top:1px solid #ddd !important; border-bottom:1px solid #ddd !important;}
.total-row td{ color:#333 !important; font-size:18px; font-family: 'proxima_novasemibold', arial;}
.ind-err{ font-size:18px; font-family: 'proxima_novasemibold', arial;}
.ind-err span{ color:#3498db; font-size:22px;}
.schedule-top{ padding-bottom:20px;}
.wh-left td{ padding-right:10px;}
.whl-title{ font-size:20px; color:#666;}
.btn-small{ padding-left:44px;}
.btn-small:after{width: 34px;}
.btn-small i{ padding:9px;}
.btn-small i img { display: block; width: 14px;}
.monthgrid{ width:100%;}
.monthgrid td, .monthgrid th{ border:1px solid #ddd; font-weight:normal;}
.monthgrid .monthTitle{  margin:0 auto; text-align:center; font-weight:normal; background:#3498db; color:#FFF; padding:8px 4px !important; text-transform:uppercase; font-size:14px; font-family: 'proxima_novasemibold', arial;}
.monthgrid th{ width:150px;}

@media (max-width:767px){
.schedule-top .col-sm-6{ text-align:center;}
.schedule-top .col-sm-6 table{ margin:0 auto;}
.schedule-top .col-sm-6.text-right{ padding-top:10px;}
.monthgrid .monthTitle{ min-width:95px;}
}


.modal-body .custom-tabs .nav-tabs li{ height:49px;}
.modal-body .custom-tabs .nav-tabs li a{ height:42px;}
.cus-form-h .control-label{ padding-right:0; }
.cus-form-h .form-group{ margin-bottom:15px;}
.cus-form{ border-top:1px solid #ddd; margin-top: -22px; padding-top: 23px;}



.paging { background:#eaeaea; padding:15px; margin-bottom:25px; border-top:1px solid #ddd;}
.pagination{float:right;}
.pagination  a{ margin:0 2px !important; border-radius:0px !important; vertical-align:middle; background:#f7f7f7; color:#7e7e7e; font-size:13px; border:solid 1px #ddd; padding:6px 12px;}
.pagination  a:hover, .pagination a:focus{ background:#ddd;}
.pagination strong.active {color:#fff!important; background:#337ab7; border-color:#337ab7;}