min-resolution: 2dppx@charset "utf-8";
/*
https://github.com/ivaynberg/select2/issues/1964  
min-resolution: 144dpi@charset "utf-8";  
*/


html {min-height: 100% !important;}
.IsOverallNps {background-color:#FBD106 !important;}
span.fb-nps {border-radius:3px;border:1px solid #ccc;background-color:#ccc;color:#fff;padding:0px 3px;}
span.fb-nps-sel {background-color:#495B79;color:#fff;}
.input_container.display-cont { border-bottom: 1px solid #ccc; font-size: 12px; font-weight: bold; line-height: 14px; }
.display-none {display: none !important;}
div.StdSubAllotClasData {margin-top:0px;text-align:left;white-space:nowrap;display:inline-block;overflow:hidden;text-overflow:ellipsis;width:100% !important;float:left;padding:3px;}
span.StdSubAllotClasCheck{background-color:#CCC;padding:0 4px;border-radius:2px;color:#495B79;margin-right:3px;}
span.StdSubAllotClasBan{background-color:#C00048;padding:0 4px;border-radius:2px;color:#FFF;margin-right:3px;}
span.StdSubAllotClasRadio{background-color:#CCC;padding:0 1px 2px 1px;border-radius:2px;color:#495B79;margin-right:3px;}
span.StdSubAllotClasRadio > input{margin-left:3px !important;margin-right:3px !important;vertical-align:middle;margin-top: -1px !important;}
.facPopMapping .popover-content{padding-top:3px !important;padding-bottom:3px !important;}
.facPopMapping{border:1px solid #495B79; }
.facPopMapping .popover-content .pop-head{background-color: #495b79;border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 3px;border-top-right-radius: 3px;color: #fff;font-size: 12px;font-weight: bold; margin-bottom: 5px;margin-left: -9px;margin-right: -9px;margin-top: -4px;padding-left: 7px;}
.facPopMapping .popover-content span.popFacContInput{font-size:12px;}
.facPopMapping .popover-content span.popFacCont{font-size:12px;font-weight:bold;}
.facPopMapping .popover-content span.popFacProc{font-size:14px;background-color:#495B79;color:#fff;padding:0 4px;border-radius:2px;cursor:pointer} 
.facPopMapping .popover-content span.popFacCanc{font-size:14px;background-color:#CCC;color:#495B79;padding:0 4px;border-radius:2px;cursor:pointer} 
table.map-fac-table{border:1px solid #ccc;margin-bottom:20px;}
table.map-fac-table-parallel{table-layout:fixed;margin-left:15px;}
span.mapped-fac-disp {color:#495B79;display:inline-block;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:120px !important}
table.map-fac-table tr td>div.fac-not-mapped{border:1px solid #ccc !important;}
table.map-fac-table tr td>div{display:inline;border:1px solid;border-radius:3px;padding:2px;margin-right:5px;}
table.map-fac-table tr td{line-height:26px !important;padding-left:10px;}
table.map-fac-table tr th.parallel-head{padding-left:40px; background-color: rgb(220, 225, 225); height: 16px; line-height: 16px ! important;}
table.map-fac-table tr td .assign{background-color:#495B79;padding:0 4px;border-radius:2px;cursor:pointer}
table.map-fac-table tr td .assign>i{color:#fff}
table.map-fac-table tr td .unassign{background-color:#CCC;padding:0 4px;border-radius:2px;cursor:pointer}
table.map-fac-table tr td .unassign>i{color:#495B79;}
table.map-fac-table tr td .replacefac{background-color:#CCC;padding:0 4px;margin-left:5px;border-radius:2px;cursor:pointer}
table.map-fac-table tr td .replacefac>i{color:#495B79;}
table.map-fac-table tr td:first-child,table.map-fac-table tr th:first-child{line-height:26px;width:190px;}

input {  outline: 0;}
input.NewLead, input.NewEntry {color: #666;font-size: 12px;}
.oasis-loader-overlay {background-color: #000000;bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index: 999999;background-image: url(../Images/loaders/oa-loader.gif);background-repeat: no-repeat;background-position: center center;opacity: 0.7;}
.oasis-loader-overlay-no-mask {background-color: rgba(0, 0, 0, 0) !important;height:100px;width:100px;left:50%;top:50%;margin-top:-50px;margin-left:-50px;}
.ui-icon.ui-icon-triangle-1-e {background-image: url(../images/custom-select.png);background-position: 4px 12px;width: 15px !important;height: 10px;}
.meal-type {padding-bottom: 15px;padding-left: 40px;}
.meal-type h4 {color: #222;font-size: 17px;}
.ui-subgrid td {background: #EFFEFF;}
.ui-icon.ui-icon-triangle-1-s {background-image: url(../images/custom-select.png);background-position: 3px -7px;width: 15px !important;height: 10px;}
select.form-control {padding: 8px !important;}
.btn.multiselect {padding-left: 0; background-color: transparent;}
.has-error .rval, .has-error .select2-container .select2-choice, .has-error .multiselect.dropdown-toggle.btn.btn-default {border: 1px solid #b94a48 !important;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;}
.multiselect.dropdown-toggle.btn.btn-default {text-align: left;width: 100% !important;}
.multiselect.dropdown-toggle.btn.btn-default .caret {position: absolute;right: 5px;top: 11px;}
.multiselect-container.dropdown-menu {width: 100% !important;border-radius:0!important;margin-top:-1px;max-height:120px!important;z-index:9999 !important;}
a, a:hover, a:focus {cursor: pointer;text-decoration: none;}
.modal {overflow-y: auto !important;}
.bg-light {background:#F7F8FC!important}
.bg-light-custom {background:#EAEDF2!important}
.margin-btm-10{margin-bottom:-10px!important}
.arrow-img{position:relative;z-index:9}
.arrow-img img {margin-bottom: -6px !important;margin-left: 25px;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
select {cursor: pointer;}
.border-top {border-top: 1px solid #ccc;}
.nomargin, .margin0 {margin: 0 !important;}
.border0, .noboder {border: none !important;}
.no-boder-bottom, .border-bottom-none {border-bottom: none !important;}
.module-wrapper > ul > li > a i, .drop-list .dl-wrap li.active:after, .campus-selection i, .alert-box i, .thumb-img-slider div.slide:hover:after, .thumb-img-slider div.slide.selected:after, .campus-selection .chosen-container-single .chosen-single div b {
background-image: url(../images/sprite_icon.png);}
.top2 {margin-top: 2px !important;}
.top3 {margin-top: 3px !important;}
.top5 {margin-top: 5px !important;}
.top7 {margin-top: 7px !important;}
.top10 {margin-top: 10px !important;}
.top15 {margin-top: 15px!important;}
.top17 {margin-top: 17px !important;}
.top30 {margin-top: 30px!important;}
.top135 {margin-top: 135px;}
.top4 {margin-top: 4px !important;}
.ptb0 {padding-top: 0 !important;padding-bottom: 0 !important;}
/*.border-left {border-left: 1px solid #ccc;}
.module-wrapper {width: 70%;margin: 0 auto 0;padding-top:45px;text-align: center;font-family: "RobotoCondensed";}
.module-wrapper > ul {padding: 0px;}
.module-wrapper > ul > li {position: relative;width: 164px;height: 164px;display: inline-block;vertical-align: top;border-width: 14px;border-style: solid;border-color: #7d7d7d;margin: 5px;background-color: #fff;-moz-transition: all 0.2s ease-out 0s;-webkit-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
.module-wrapper > ul > li.mod-ADMIN {border-color: #f47639;}
.module-wrapper > ul > li.mod-CMS {border-color: #a0288c;}
.module-wrapper > ul > li.mod-CRM {border-color: #9da536;}
.module-wrapper > ul > li.mod-ESS {border-color: #e24498;}
.module-wrapper > ul > li.mod-HELPDESK {border-color: #37B300;}
.module-wrapper > ul > li.mod-HRMS,.module-wrapper > ul > li.mod-HRMS_PR {border-color: #00acc4;}
.module-wrapper > ul > li.mod-LMS,.module-wrapper > ul > li.mod-LMS_PR {border-color: #ec1a59;}
.module-wrapper > ul > li.mod-PSS {border-color: #f0c807;}
.module-wrapper > ul > li.mod-FEEDBACK {border-color: #f0c807;}
.module-wrapper > ul > li.mod-CUSTOMERFEEDBACK {border-color: #7030a0;}
.module-wrapper > ul > li.mod-TRANSPORT, .module-wrapper > ul > li.mod-TRAN {border-color: #971e61;}
.module-wrapper > ul > li.mod-ADMIN:hover {background-color: #f47639;}
.module-wrapper > ul > li.mod-CMS:hover {background-color: #a0288c;}
.module-wrapper > ul > li.mod-CRM:hover {background-color: #9da536;}
.module-wrapper > ul > li.mod-ESS:hover {background-color: #e24498;}
.module-wrapper > ul > li.mod-HELPDESK:hover {background-color: #37b300;}
.module-wrapper > ul > li.mod-HRMS:hover,.module-wrapper > ul > li.mod-HRMS_PR:hover {background-color: #00acc4;}
.module-wrapper > ul > li.mod-LMS:hover,.module-wrapper > ul > li.mod-LMS_PR:hover {background-color: #ec1a59;}
.module-wrapper > ul > li.mod-PSS:hover {background-color: #f0c807;}
.module-wrapper > ul > li.mod-FEEDBACK:hover {background-color: #f0c807;}
.module-wrapper > ul > li.mod-CUSTOMERFEEDBACK:hover {background-color: #7030a0;}
.module-wrapper > ul > li.mod-TRANSPORT:hover, .module-wrapper > ul > li.mod-TRAN:hover {background-color: #971e61;}
.module-wrapper > ul > li, .module-wrapper > ul > li > a {-moz-border-radius: 164px;-webkit-border-radius: 164px;border-radius: 164px;}
.module-wrapper > ul > li > a {text-align: center;display: block;width: 138px;height: 138px;color: #000;font-size: 18px;position: relative;}
.module-wrapper > ul > li:hover > a {color: #fff;}
.module-wrapper > ul > li > a:hover {text-decoration: none;color: #fff;}
.module-wrapper > ul > li > a span {display: block;position: absolute;bottom: 10px;width: 100%;}
.module-wrapper > ul > li > a i {display: inline-block;background-repeat: no-repeat;margin: 25px 0 0;}
.module-wrapper > ul > li.mod-ADMIN > a i {background-position: -9px -34px;width: 60px;height: 48px;margin: 36px 0 0;}
.module-wrapper > ul > li.mod-ADMIN:hover > a i {background-position: -9px -116px;}
.module-wrapper > ul > li.mod-CMS > a i {background-position: -90px -28px;width: 60px;height: 59px;}
.module-wrapper > ul > li.mod-CMS:hover > a i {background-position: -90px -110px;}
.module-wrapper > ul > li.mod-CRM > a i {background-position: -183px -32px;width: 52px;height: 51px;}
.module-wrapper > ul > li.mod-CRM:hover > a i {background-position: -183px -114px;}
.module-wrapper > ul li.mod-ESS > a i {background-position: -268px -32px;width: 69px;height: 50px;}
.module-wrapper > ul > li.mod-ESS:hover > a i {background-position: -268px -114px;}
.module-wrapper > ul > li.mod-HELPDESK > a i {background-position: -362px -30px;width: 50px;height: 56px;}
.module-wrapper > ul > li.mod-HELPDESK:hover a i {background-position: -362px -112px;}
.module-wrapper > ul > li.mod-HRMS a i, .module-wrapper > ul > li.mod-HRMS_PR a i {background-position: -432px -33px;width: 64px;height: 50px;}
.module-wrapper > ul > li.mod-HRMS:hover a i, .module-wrapper > ul > li.mod-HRMS_PR:hover a i {background-position: -432px -115px;}
.module-wrapper > ul > li.mod-LMS a i, .module-wrapper > ul > li.mod-LMS_PR a i {background-position: -528px -32px;width: 44px;height: 52px;}
.module-wrapper > ul > li.mod-LMS:hover a i, .module-wrapper > ul > li.mod-LMS_PR:hover a i {background-position: -528px -114px;}
.module-wrapper > ul > li.mod-PSS a i {background-position: -597px -22px;width: 58px;height: 72px;margin: 10px 0 0;}
.module-wrapper > ul > li.mod-PSS:hover a i {background-position: -597px -104px;}
.module-wrapper > ul > li.mod-FEEDBACK a i {background-position: -528px -32px;width: 44px;height: 52px;}
.module-wrapper > ul > li.mod-FEEDBACK:hover a i {background-position: -528px -114px;}
.module-wrapper > ul > li.mod-CUSTOMERFEEDBACK a i {background-position: -505px -205px;width: 80px;height: 52px;}
.module-wrapper > ul > li.mod-CUSTOMERFEEDBACK:hover a i {background-position: -504px -288px;}
.module-wrapper > ul > li.mod-TRANSPORT a i, .module-wrapper > ul > li.mod-TRAN a i {background-position: -684px -28px;width: 51px;height: 59px;}
.module-wrapper > ul > li.mod-TRANSPORT:hover a i, .module-wrapper > ul > li.mod-TRAN:hover a i {background-position: -684px -110px;}
.module-wrapper > ul > li.mod-SSS a i {background-position: -929px -26px;width: 44px;height: 52px;}
.module-wrapper > ul > li.mod-SSS:hover a i {background-position: -929px -108px;}
.module-wrapper > ul > li.mod-SSS:hover {background-color: #950FD6;}
.module-wrapper > ul > li.mod-SSS {border-color: #950FD6;}



.module-wrapper > ul > li a i, .module-wrapper > ul > li a:hover i {transition: all ease 0.5s;-moz-transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-ms-transition: all ease 0.5s;}
.module-wrapper > ul > li.mod-CALENDAR, .module-wrapper > ul > li.mod-CALENDAR {border-color: #002054;}
.module-wrapper > ul > li.mod-CALENDAR:hover, .module-wrapper > ul > li.mod-CALENDAR:hover {background-color: #002054;}
.module-wrapper > ul > li.mod-CALENDAR a i, .module-wrapper > ul > li.mod-CALENDAR a i {background-position: -89px -198px;width: 63px;height: 65px;}
.module-wrapper > ul > li.mod-CALENDAR:hover a i, .module-wrapper > ul > li.mod-CALENDAR:hover a i {background-position: -88px -287px;}

.module-wrapper > ul > li.mod-DASHBOARD, .module-wrapper > ul > li.mod-DASHBOARD {border-color: #155a04;}
.module-wrapper > ul > li.mod-DASHBOARD:hover, .module-wrapper > ul > li.mod-DASHBOARD:hover {background-color: #155a04;}
.module-wrapper > ul > li.mod-DASHBOARD a i, .module-wrapper > ul > li.mod-DASHBOARD a i {background-position: -337px -201px;width: 150px;height: 81px;}
.module-wrapper > ul > li.mod-DASHBOARD:hover a i, .module-wrapper > ul > li.mod-DASHBOARD:hover a i {background-position: -337px -284px;}

@keyframes fade {0% {opacity: 0;}45% {opacity: 1;}55% {opacity: 1;}100% {opacity: 0;}}
@-webkit-keyframes fade {0% {opacity: 0;}45% {opacity: 1;}55% {opacity: 1;}100% {opacity: 0;}}
.module-wrapper > ul > li > a:hover i {animation-name: fade;-webkit-animation-name: fade;animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;animation-duration: 1s;-webkit-animation-duration: 1s;}*/

/* Base styles */
.module-wrapper {
  max-width: 800px;
  margin: 0 auto;
  padding: 4rem 1rem;
  /*font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif*/  
      /*'Roboto', sans-serif*/
}

.module-wrapper > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 1.2em;
  padding: 0;
  list-style: none;
}

/* Module item styles */
.module-wrapper > ul > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.5rem;
  border-radius: 0px 25px 0px 25px;
  border: 2px solid #000000;
  background-color: #F4F6EE;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70px;
  transition: all 0.3s ease;
}

/* Link styles */
.module-wrapper > ul > li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: #333;
  z-index: 2;
}

/* Text styles */
.module-wrapper > ul > li > a span {
  margin-top: 50px;
  font-size: 0.875rem;
  font-weight: 500;
  padding-top:50px;
  width:100px;
}



/* Module specific styles with hover effects */
.mod-ADMIN {
  background-image: url("/Content/Images/Admin.png");
  
}
/*rgba(10, 100, 3, 0.1)*/
.mod-ADMIN:hover {
  background-color: rgba(248, 177, 11, 0.9);
  
}
/*background-image: url("/Content/Images/Admin.png");*/

.mod-TRAN {
  background-image: url("/Content/Images/Trasnport.png");
}
.mod-TRAN:hover {
  background-color: rgba(248, 177, 11, 0.9);
}
  /*background-image: url("/Content/Images/Trasnport.png");*/


.mod-DASHBOARD {
  background-image: url("/Content/Images/Dashboard.png");
}
.mod-DASHBOARD:hover {
  background-color: rgba(248, 177, 11, 0.9);
  background-image: url("/Content/Images/Dashboard.png");
}

.mod-CMS {
  background-image: url("/Content/Images/CMS.png");
}
.mod-CMS:hover {
  background-color: rgba(248, 177, 11, 0.9);
  background-image: url("/Content/Images/CMS.png");

}

.mod-HELPDESK {
  background-image: url("/Content/Images/Helpdesk.png");
}
.mod-HELPDESK:hover {
  background-color: rgba(248, 177, 11, 0.9);
  background-image: url("/Content/Images/Helpdesk.png");
}

.mod-HRMS {
  background-image: url("/Content/Images/HRMS.png");
}
.mod-HRMS:hover {
  background-color: rgba(248, 177, 11, 0.9);
  background-image: url("/Content/Images/HRMS.png");
}

.mod-LMS {
  background-image: url("/Content/Images/LMS.png");
}
.mod-LMS:hover {
  background-color: rgba(248, 177, 11, 0.9);
  background-image: url("/Content/Images/LMS.png");
  
}

.mod-FEEDBACK {
  background-image: url("/Content/Images/Feedback.png");
}
.mod-FEEDBACK:hover {
  background-color: rgba(248, 177, 11, 0.9)
  /*background-image: url("/Content/Images/Feedback.png");*/
}

.mod-CRM {
  background-image: url("/Content/Images/CRM.png");
}
.mod-CRM:hover {
  background-color: rgba(248, 177, 11, 0.9)
}


.mod-CALENDAR {
  background-image: url("/Content/Images/Calander.png");
}
.mod-CALENDAR:hover {
  background-color: rgba(248, 177, 11, 0.9);
  transition:all .3s ease ;
}

.mod-BROADCAST {
  background-image: url("/Content/Images/Broadcast.png");
}
.mod-BROADCAST:hover {
  background-color: rgba(248, 177, 11, 0.9);
  transition:all .3s ease ;
}

.mod-PERMISSION {
  background-image: url("/Content/Images/Permissions.png");
}
.mod-PERMISSION:hover {
  background-color: rgba(248, 177, 11, 0.9);
  transition:all .3s ease ;
} 

.mod-PORTFOLIO {
  background-image: url("/Content/Images/Portfolio.png");
}
.mod-PORTFOLIO:hover {
  background-color: rgba(248, 177, 11, 0.9);
  transition:all .3s ease ;
}

.mod-MYFOLDER {
  background-image: url("/Content/Images/My-folder.png");
}
.mod-MYFOLDER:hover {
  background-color: rgba(248, 177, 11, 0.9);
  transition:all .3s ease ;
} 

.mod-LIBRARY {
  background-image: url("/Content/Images/Library.png");
}
.mod-LIBRARY:hover {
  background-color: rgba(248, 177, 11, 0.9);
  transition:all .3s ease ;
}


/* Hover effects */
.module-wrapper > ul > li:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  border: 2px solid #000000;
  color: #000000;
  font-weight:bold;
}

.module-wrapper > ul > li:hover > a {
  color: #000000;
}

/* Animation */
@keyframes moduleAppear {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.module-wrapper > ul > li {
  animation: moduleAppear 0.6s ease backwards;
}

/* Responsive */
@media (max-width: 768px) {
  .module-wrapper > ul {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
  }
  
  .module-wrapper > ul > li {
    padding: 1.5rem;
    background-size: 100px;
  }
  
  .module-wrapper > ul > li > a span {
    font-size: 0.8rem;
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  .module-wrapper > ul > li {
    animation: none;
    transition: none;
  }
}


 

.drop-list {min-width: 300px;transition: all ease 0.5s;-moz-transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-ms-transition: all ease 0.5s;opacity: 1;}
.drop-list .dl-wrap {background-color: #fff;text-align: left;font-size: 20px;padding: 20px 20px 20px 30px;position: relative;}
.drop-list .dl-wrap > ul > li {margin-bottom: 10px;cursor: pointer;text-transform: uppercase;padding-left: 15px;position: relative;}
.drop-list .dl-wrap li.active {color: #a0278c;}
.drop-list .dl-wrap li.active:after {content: "";display: inline-block;position: absolute;width: 18px;height: 14px;left: -15px;top: 0px;background-position: -9px -206px;}
.drop-list .dl-wrap li:last-child {margin: 0px;}
/*styles for buttons starts*/
.button-common {background: #3380db;padding: 8px 12px 4px;border: none;cursor: pointer;font: normal 16px/18px 'RobotoRegular', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;
color: #fff;-webkit-box-shadow: 0px 2px 0px 0px #206cc9;-moz-box-shadow: 0px 2px 0px 0px #206cc9;box-shadow: 0px 2px 0px 0px #206cc9;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;text-transform: uppercase;position: relative;margin-right: 5px;outline: none;}
.button-common:hover {background: #0865D6;}
.button-color {cursor:pointer;color: #fff;background: #9C9C9C;-webkit-box-shadow: 0px 2px 0px 0px #828282;-moz-box-shadow: 0px 2px 0px 0px #828282;box-shadow: 0px 2px 0px 0px #828282;}
/*.button-color:hover, .button-color:focus {background: #878787;color: #fff;}*/
.button-blue {background: #3380db;-webkit-box-shadow: 0px 2px 0px 0px #206cc9;-moz-box-shadow: 0px 2px 0px 0px #206cc9;box-shadow: 0px 2px 0px 0px #206cc9;}
.button-blue:hover {background: #0865D6;}
#modulechoose_chosen {padding-right: 0px; height:27px;min-width:180px}
#modulechoose_chosen .chosen-single div {width: 44px;background-image: url(../images/module-icon.png);background-repeat: no-repeat;background-position: 0 7px;background-color: transparent;border: 0px;}
#modulechoose_chosen .chosen-single div b {background: none;}
#modulechoose_chosen .chosen-single {border: none;/*line-height: 42px;*/}
.body-module-wrap .module-options, .body-module-wrap .campus- {display: none;}
.tab-first-section {background-color: #f8f8f8;padding: 15px;}
.row-bg {background-color: #f8f8f8;padding: 20px 0;}
.sub-heading {font-size: 18px;padding-left: 35px;margin-bottom: 25px;color: #000;}
.tab-heading {font-size: 18px;text-align: left;margin: 0px;padding: 5px 0px;}
.border-bottom {border-bottom: 1px solid #dbe0e3;padding-bottom: 20px;}
.border-btm {border-bottom: 1px solid #ccc !important;}
.input-group-btn {vertical-align: top !important;}
#modulechoose_chosen .chosen-results li {position: relative;padding-left: 25px; width: 180px}
#modulechoose_chosen .chosen-drop, .campus-selection .chosen-drop {margin-top: 21px;border: none;-webkit-box-shadow: 4px 5px 5px 3px rgba(77, 71, 71, 0.3);-moz-box-shadow: 4px 5px 5px 3px rgba(77, 71, 71, 0.3);box-shadow: 4px 5px 5px 3px rgba(77, 71, 71, 0.3);-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#modulechoose_chosen .chosen-drop:after, #modulechoose_chosen .chosen-container .chosen-drop:before, .campus-selection .chosen-drop:after {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
#modulechoose_chosen .chosen-drop:after, .campus-selection .chosen-drop:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #ffffff;border-width: 20px;margin-left: -20px;}
#modulechoose_chosen .chosen-drop:before, .campus-selection .chosen-drop:before {border-color: rgba(150, 149, 147, 0);border-bottom-color: rgba(0, 0, 0, 0.16);border-width: 26px;margin-left: -26px;}
#modulechoose_chosen .chosen-results li[data-option-array-index]:before {content: "";width: 12px;height: 12px;display: inline-block;position: absolute;left: 5px;top: 7px;}
#modulechoose_chosen .chosen-results li[data-choose-content="Admin"]:before {background-color: #F47639;}
#modulechoose_chosen .chosen-results li[data-choose-content="HelpDesk"]:before {background-color: #37B300;}
#modulechoose_chosen .chosen-results li[data-choose-content="CMS"]:before {background-color: #A0288C;}
#modulechoose_chosen .chosen-results li[data-choose-content="CRM"]:before {background-color: #9DA536;}
#modulechoose_chosen .chosen-results li[data-choose-content="LMS"]:before,
#modulechoose_chosen .chosen-results li[data-choose-content="LMS_PR"]:before {background-color: #EC1A59;}
#modulechoose_chosen .chosen-results li[data-choose-content="HRMS"]:before,
#modulechoose_chosen .chosen-results li[data-choose-content="HRMS_PR"]:before {background-color: #00ACC4;}
#modulechoose_chosen .chosen-results li[data-choose-content="TRAN"]:before {background-color: #971E61;}
#modulechoose_chosen .chosen-results li[data-choose-content="Transport"]:before {background-color: #971E61;}
#modulechoose_chosen .chosen-results li[data-choose-content="ESS"]:before {background-color: #E24498;}
#modulechoose_chosen .chosen-results li[data-choose-content="PSS"]:before {background-color: #F0C807;}
#modulechoose_chosen .chosen-results li[data-choose-content="Feedback"]:before {background-color: #F0C807;}
#modulechoose_chosen .chosen-results li[data-choose-content="SSS"]:before {background-color: #950FD6;}
#modulechoose_chosen .chosen-results li[data-choose-content="Helpdesk"]:before {background-color: #959595;}
#modulechoose_chosen .chosen-results li[data-choose-content="8"]:before {background-color: #971e61;}
#modulechoose_chosen .chosen-results li[data-choose-content="Calendar"]:before {background-color: #002054;}
#modulechoose_chosen .chosen-results li[data-choose-content="CUSTOMERFEEDBACK"]:before {background-color: #7030a0;}
#modulechoose_chosen .chosen-results li[data-choose-content="Dashboard"]:before {background-color: #155a04;}
#modulechoose_chosen .chosen-results li[data-choose-content="Permission"]:before {background-color: #d2f569;}
#modulechoose_chosen .chosen-results li[data-choose-content="Broadcast"]:before {background-color: #70e8fa;}
#modulechoose_chosen .chosen-results li[data-choose-content="Library"]:before {background-color: #33024f;}
#modulechoose_chosen .chosen-results li[data-choose-content="Portfolio"]:before {background-color: #fa82b2;}
#modulechoose_chosen .chosen-results li[data-choose-content="My Folder"]:before {background-color: #646a6b;}

.campus-selection > a > i {display: inline-block;width: 23px;height: 21px;background-position: -46px -198px;position: relative;top: 5px;margin-left: 10px;}

.campus-selection > a {display: inline-block;padding: 13px 15px 17px 15px;color: #444444;font-size: 18px;font-family: 'RobotoCondensed';}
.campus-selection .chosen-container-single .chosen-single div {background: none;border: none;}
.campus-selection .chosen-container-single .chosen-single {padding: 16px 15px 14px 15px;border: none;}
.campus-selection .chosen-container-single .chosen-single div b {display: inline-block;width: 23px;height: 21px;background-position: -46px -198px;position: relative;top: 15px;margin-left: 0px;}
.campus-selection > a:hover, .campus-selection > a:focus, .campus-selection > a:active {text-decoration: none !important;}
.campus-selection .chosen-container-single .chosen-single span {padding-right: 20px;}
.campus-selection .chosen-container {width: auto !important;min-width: 150px;}
.error_bg {background-color: #ff7978;border-bottom: 2px solid #ff7978;color: #000;}
.clearboth {clear: both;}
.dropmenu-overlay {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.52);height: 100%;left: 0;position: absolute;width: 100%;z-index: 999;}
.img-wrap-upload {width: 180px;}
.img-wrap-upload .uneditable-input {width: 112px;float: left;}
.img-wrap-upload .btn.btn-default.btn-file {width: 70px;float: left;font-size: 12px;padding: 6px 8px;}
.ev-details-upload.img-wrap-upload .input-append {display: table;width: 100%;}
.ev-details-upload.img-wrap-upload .btn.btn-default.btn-file {float: none;}
.ev-details-upload.img-wrap-upload {width: 230px;}
.bg-white {background: #fff;}
.left6 {margin-left: 6px;}
.padding-left15 {padding-left: 15px;}
.padding-left10 {padding: 0 0 0 10px;}
.padding-left25 {padding-left: 25px;}
.padding-left30 {padding-left: 30px;}
.padding-right25 {padding-right: 25px;}
.padding-right30 {padding-right: 30px;}
.padding-right10 {padding: 0 10px 0 0;}
.imgList {margin-top: 5px;}
label[name="File"], .imgList label {padding: 2px 4px;background: #eee;display: block;text-align: left !important;height: 23px;margin-bottom:2px;}
label[name="File"] span, .imgList label span {width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.modules_sidebar .module {margin: auto 5px 5px 0 !important;}
/*404 Page Not Found CSS_Start*/
.container-404 {background: url("../images/bg404.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);color: #fff;font-family: "RobotoCondensed";font-weight: bold;height: 368px;margin: 120px auto 0;padding: 60px 140px;position: relative;text-align: center;top: 10px;width: 566px;}
.container-404 h1 {font-size: 65px;border-bottom: 2px solid #3E8782;}
.container-404 p {font-size: 28px;line-height: 1.2em;}
.container-404 a, .container-404 a:hover, .container-404 a:focus {display: inline-block;text-decoration: none;text-transform: capitalize;}
/*404 Page Not Found CSS_End*/
.ui-slider .pipe {position: absolute;z-index: 0;top: 3px;margin-left: -1px;font-size: 7px;font-weight: bold;}
.ui-slider .pipe b {font-size: 14px !important;position: absolute;right: -42px;text-align: center;top: 14px;width: 90px;padding: 0 10px;}
.nav-container {width: 33%;margin: 0 auto;}

.pad-left10 {padding-left: 10px !important;}
.form-group .right-control-label {margin-top: 7px;text-align: left !important;}
/*CRM Dashboard _Start*/.stat-row {display:none;}/*CRM Dashboard _End*/
.subject {cursor: pointer;text-align: center;}
.tableId td.subject:nth-child(2) {padding-left: 0px !important;}
.tableId th, .tableId td {text-align: center;padding: 10px;text-transform: uppercase;}
.tableId tr:nth-child(odd) td {background: #efefef;}
.addRow, .delRow {padding: 2px 7px;}
.addRow span, .delRow span {font-size: 12px !important;}
.green {color: #008000;}
.black {color: #333;}
.yellow {color: #E0B900;}
.blue {color: #276AB0;}
.red {color: #b94a48;}
.light-gray {color: #c9c9c9;}
tr.has-error {outline: 1px solid #FF0000 !important;}
.btn-resume, .btn-resume:hover, .btn-resume:focus {border: none !important; outline: none !important;font-size: 14px;color: #333;background: #f7f7f7; 
background: -moz-linear-gradient(top, #f7f7f7 0%, #efefef 50%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(50%,#e2e2e2), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e2e2e2 50%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7f7f7 0%,#e2e2e2 50%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f7f7f7 0%,#e2e2e2 50%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom, #f7f7f7 0%,#e2e2e2 50%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
padding: 5px 10px;opacity: 0.8;}
.btn-resume.active {border-radius: 0 !important;border: 1px solid #999 !important;opacity: 1;}
.ui-icon {width: 10px;height: 10px;display: inline-block;}
.ui-widget-overlay {display: none;}
.nav.tabs li.tab-list {border-right: thin solid #666;}
.nav.tabs li a {color: #fff;padding-top: 15px;padding-bottom: 15px;}
.tabs li a:hover {background: #428bca;color: #fff;}
.tabs li.tab-list a {border-radius: 13px 0 0 13px;-moz-border-radius: 13px 0 0 13px;-webkit-border-radius: 13px 0 0 13px;}
.tabs li.last-tab a {border-radius: 0 13px 13px 0;-moz-border-radius: 0 13px 13px 0;-webkit-border-radius: 0 13px 13px 0;}
.nav.tabs li.tab-list {border-right: thin solid #666;}
.tabs li a:hover {background: #428bca;color: #fff;}
.tabs li.tab-list a {border-radius: 13px 0 0 13px;-moz-border-radius: 13px 0 0 13px;-webkit-border-radius: 13px 0 0 13px;}
.tabs li.last-tab a {border-radius: 0 13px 13px 0;-moz-border-radius: 0 13px 13px 0;-webkit-border-radius: 0 13px 13px 0;}
.add-col-sm-3 {margin: 10px 0 0;color: #06F;font-weight: bold;}
.button-template {margin: 0 3px 0 0;padding: 8px 36px;}
.heading {border-bottom: 1px solid #ccc;font-family: "RobotoCondensed";font-size: 16px;font-weight: normal;margin: 0;padding-bottom: 3px;padding-left: 15px; position: relative; overflow: hidden;}
/*font-family: "RobotoCondensed";font-size: 16px;font-weight: normal;margin:5px 0;  color: rgb(0, 125, 247); position: relative; overflow: hidden;*/
.heading-lined {font-family: "RobotoCondensed";font-size: 16px;font-weight: normal;margin: 0;overflow: hidden;padding-bottom: 10px;padding-left: 15px;position: relative;color:#00a6ff}
.heading-lined:after {border-bottom: 1px solid #9dcdef; bottom: 19px; content: ""; float: left; margin-left: 5px; position: absolute; width: 100%;}
.heading-lined.custom {padding-bottom:0}
.heading-lined.custom:after {bottom: 9px;}
.panel-heading-text {margin: 0 0 0 20px;}
.tab-list {margin: 0 0 0 0px;color: #000;}
.border-bottom {padding: 15px 0 20px 0;border-bottom: 1px solid #ccc; /*#dce0e2*/}
.left {margin: 0 0 0 60px;}
.left100 {margin: 0 0 0 100px;}
.left115 {margin-left: 115px;}
.top20 {margin-top: 20px !important;}
.top100 {margin: 100px 0 0 0;}
.pt4 {padding-top: 4px !important;}
.radio-inline {margin: 0 65px;}
.nav-tabs {border-bottom: 1px solid #dddddd;}
.nav-tabs-top {overflow: hidden;}
.nav-tabs-top li {padding-right: 5px;}
.nav-tabs-top li a p {color: #868686;padding: 0 5px 0 0;opacity: 1;font-size: 14px;margin-top: 4px;}
.basic-wizard .nav-tabs-top li a, .nav-tabs-top li a {border: 1px solid #ccc;}
.basic-wizard .nav-tabs-top li a:last-child, .nav-tabs-top li a:last-child {border-right: 1px solid #ccc;}
.basic-wizard .nav-tabs-top li.active a,
.basic-wizard .nav-tabs-top li.active a:focus,
.basic-wizard .nav-tabs-top li.active a:active,
.nav-tabs-top li.active a,
.nav-tabs-top li.active a:focus,
.nav-tabs-top li.active a:active {border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;}
.basic-wizard .nav-tabs-top li.active a p, .nav-tabs li.active a p {color: #FFF;font-family: 'RobotoBold';font-size: 14px;}
.basic-wizard .nav li a, .nav-tabs li a {border-bottom: none;border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;}
.nav-tabs > li > a:hover {border: 1px solid #ccc;border-bottom: none;}
.tab-list-bg {background-color: #f4e6ee;padding: 15px;}
.lead-info {width: 100%;}
.lead-info tr td {padding: 10px 0 10px 10px;}
.txt-tbl tr td:first-child {text-align: right;padding-right: 10px;}
.txt-tbl tr td:last-child {color: #000;}
.lead-info tr {border-bottom: 1px solid #dedede;-moz-border-bottom: 1px solid #dedede;-webkit-border-bottom: 1px solid #dedede;}
.border-radius {border-radius: 4px !important;}
.alt-people-item img {max-width: 100%;}
.alt-people-item,.alt-people-item2,.alt-table {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}
.alt-people-item2 .media-object {width: auto;height: auto;}
.alt-people-item2 .lead-info {width: 63%;margin: 0 0;}
.alt-table {margin-top: 2%;width: 100%;}
.table-primary.alt-table tr th {background: #dce0e2;border-bottom: 1px solid #b2d2f2;font: bold 16px/18px 'RobotoRegular', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;color: #000 !important;padding: 3% 5%;}
.table-primary.alt-table tr td {font-weight: normal;border: none;/*padding: 3% 5%;*/}
.table-primary.alt-table .table-event-last td {border-bottom: 1px solid #dce0e2;}
.alt-ends {padding: 2% 0;}
.button-only {margin-right: 1%;}
.alt-ends .tab-content {padding-bottom: 20px;}
.tss-close {font-size: 34px;color: #ABABAB;opacity: 0.4;}
.tss-close:hover {color: #ABABAB;opacity: 0.6;}
.eve-img-wrap {width: 30%;margin-left: 8px !important;}
.readable-tags .tagsinput {height: auto !important;}
.eventDetailsModal .modal-dialog {width: 900px;}
.w-section {background-color: #fff;}
.padding20 {padding: 20px;}
.padding25, .padding30 {padding: 30px;}
.tbl-border {border: 1px solid #ccc;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.tbl_wrapper .ui-paging-info {padding-right: 10px;}
.browse-file {margin-top: 20px;}
.browse-file label, .browse-file input {display: inline-block;padding: 0 10px;font-size: 18px;}
.browse-file .confirm-wrapper {margin-top: 10px;}
.browse-file .inblock {margin-left: 52px;}
.padleft0, .pad-left-none, .tags-wrap .filter-tags.padleft0 {padding-left: 0 !important;}
.pad-right-none {padding-right: 0px !important;}
.checkbox-inline span {margin-top: 3px;margin-left: 3px;}
#header {position: fixed;top: 0;width: calc(100% + 1px) !important;z-index: 1003;left: -1px;}/*z-index:100*/
.grey-tabs {background-color: #555555;border-radius: 13px;margin: 0 0 15px;display: inline-block;}
.grey-tabs li {float: none !important;display: inline-block !important;margin-left: -4px !important;border-right: 1px solid #707070;}
.grey-tabs li:nth-child(1) {margin-left: 0px !important;}
.grey-tabs li a {border-radius: 0px !important;font-family: "RobotoBlack" !important;font-size: 16px;}
.grey-tabs li.active a, .grey-tabs li a:hover, .grey-tabs li a:focus {background: #356aa0 !important;text-shadow: 1px 1px 1px #000;}
.grey-tabs.nav-disabled-click li a {cursor: default;}
.grey-tabs.nav-disabled-click li a:hover, .grey-tabs.nav-disabled-click li a:focus {background: none !important;text-shadow: none;}
.grey-tabs.nav-disabled-click li.active a:hover {background: #356aa0 !important;}
.grey-tabs li:first-child, .grey-tabs li:first-child a {border-radius: 13px 0 0 13px !important;}
.grey-tabs li:last-child, .grey-tabs li:last-child a {border-radius: 0px 13px 13px 0px !important;}
.tab-pane {padding-top: 0px;}
.LeadDetailsTabContent > div.tab-pane {padding-bottom:20px !important;}
.pad-top-none {padding-top: 0px !important;}
ul.wizard li {display: inline-block;}
.text-align-left {text-align: left !important;}
.text-align-right > div{text-align: right !important;}
.thumbnail {display: block;padding: 4px;margin-bottom: 20px;line-height: 1.42857143;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;border-radius: 0;border: none;background-color: none;}
.border-top {border-top: 1px solid #ccc;}
li.module-options{position:relative;}
.module-options .chosen-single:hover, .campus-selection a:hover {background: transparent;}
.email-campaign-wizard .wizard {margin-top: 15px;}
.tab-content {background: #fff;box-shadow: none;border-radius: 0px;padding-bottom: 20px; /*30*/margin-top: 10px;border: 1px solid #ccc;}
.alert-box {padding: 10px 10px 10px 40px;background-color: #fbf8e1;position: relative;}
.alert-box i {background-position: -85px -197px;width: 27px;height: 22px;display: inline-block;margin-right: 10px;position: absolute;left: 10px;}
.alt-form-control {background-color: #fff;padding: 15px;}
.email-db-tags-wrapper {margin-bottom: 15px;}
.email-db-tags-wrapper .nav-tabs {background: none;}
.email-db-tags-wrapper .nav-tabs > li > a {position: relative;}
.email-db-tags-wrapper .nav-tabs > li.active > a:after {bottom: 0;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-bottom-color: #ffffff;border-width: 12px;margin-left: -12px;}
.email-db-tags-wrapper .nav-tabs > li.active > a {background: none !important;color: #961e5e;border: none;}
.email-db-tags-wrapper .nav-tabs > li > a p {font: 16px 'RobotoBold';}
.email-db-tags-wrapper .nav-tabs > li.active > a p {color: #961e5e;}
.olp0 .oasis-left {padding-left: 0!important;}
.oasis-tabs .nav-tabs > li {margin-bottom: 0px;}
.oasis-tabs .nav-tabs > li.active {margin-bottom: -1px;}
.floatRight {float: right;}
.text-left {text-align: left !important;}
.brdrtabs .tab-content {border: 1px solid #ccc;margin-top: 1px;}
.brdrtabs .nav-tabs > li.active > a:after {width: 19px;height: 15px;border: none;bottom: -3px;background: url(../images/tabPointer.png) no-repeat center bottom;}
.bootstrap-timepicker > input {cursor: pointer;border-radius: 3px !important;}
.bootstrap-timepicker > input[disabled="disabled"], .bootstrap-timepicker > input[readonly="readonly"] {background: #EEEEEE url(../images/timepicker-icon.png) no-repeat right center !important;border-radius: 3px !important;}
.leftpanel {overflow-y: hidden;overflow-x: inherit;}
.inline-common-button {padding: 7px 16px 9px !important;}
.label-border > div {border-bottom: 1px solid #ccc;}
.wizard .previous.disabled {display: none;}
.border-left-right-none {border-left: 0 !important;border-right: 0 !important;}
span.customSelect {font-size: 13px;background-color: #fff;padding: 8px 7px;border: 1px solid #ccc;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
span.customSelect.changed {background-color: #fff;}
.customSelectInner {background: url(../images/drop-arrow.png) no-repeat center right;}
.datepicker {z-index: 9999 !important;}
.datepicker td, .datepicker th {  border-radius: 4px;height: 18px;text-align: center;width: 18px;font-size: 12px;font-weight: normal;cursor:default;}
.datepicker th {border-radius: 0 !important;  padding-bottom: 0px!important;  padding-top: 2px!important;  color: #fff;}

.bootstrap-timepicker-widget table td input {margin: 0;text-align: center;width: 35px !important;display: inline-block;}

.visitor-details:nth-child(2n+1) .add-visitor-details {text-align: center !important;}
.no-border, .no-border tr {border: none;}
.bootstrap-timepicker .dropdown-menu {background: #fff;}
.button-reset {background: none !important;border: none !important;padding: 0px !important;}
.hidden-file-type {height: 142px;opacity: 0;position: absolute;top: 0;width: 121px;z-index: 9;cursor: pointer;}
.upload-image-wrap {background-color: #f8f9fb;border: 1px solid #edeef0;position: relative;text-align: center;width: 160px;height: 160px;}
.upload-image-wrap > i {position: absolute;z-index: 0;left: 50%;font-size: 35px;color: #a7a5a6;top: 50%;margin-left: -16px;margin-top: -16px;}
.upload-image-wrap > img {position: relative;z-index: 2;}
.lead-info.txt-tbl tr {border: none !important;}
.search-icon i {font-size: 22px;color: #A7A5A5;}
.inline-btn-wrap.input-group .form-control:first-child, .inline-btn-wrap.input-group-addon:first-child, .inline-btn-wrap.input-group-btn:first-child > .btn, .inline-btn-wrap.input-group-btn:first-child > .dropdown-toggle, .inline-btn-wrap.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-radius: 4px !important;}
.inline-btn-wrap .input-group-addon {border: medium none;padding: 0 0 0 10px !important;background: none;}
.inline-btn-wrap .button-common {margin-left: 10px;}
.left45 {margin-left: 45px;}
.top12 {margin-top: 12px;}
ul.tags li {border: 0 !important;}
ul.tags li a, ul.tags li a:hover, ul.tags li a:focus {padding: 15px 15px !important;border: none !important;}
.border-right-radius {border-top-right-radius: 4px !important;border-bottom-right-radius: 4px !important;}
.showcase {margin-bottom: 40px;}
.tsscharts-container {width: 100% !important;background: #ededed;}
@media screen and (max-width: 1600px) {.uneditable-input {width: 120px !important;}}
@media screen and (max-width: 1280px) {.uneditable-input {width: 137px !important;}.attach-btn {padding: 6px 2px !important;font-size: 12px !important;}.respImg {max-width: 100%;}}
@media screen and (max-width: 1200px) {.two-col-upload .upload-image-wrap {margin-left: 43%;}}
.btn-color {background: none repeat scroll 0 0 #359533;border: medium none;border-radius: 8px;box-shadow: 0 5px 0 0 #378236;color: #fff;cursor: pointer;font: 16px/18px 'Roboto',sans-serif;padding: 8px 18px;position: relative;text-transform: uppercase;}
.btn-color:hover, .btn-color:focus {box-shadow: 0 2px 0 0 #828282;top: 2px;}
.navtabs {padding-left: 80px !important;}
.navtabs li a {padding: 10px 15px !important;line-height: normal !important;}
.navtabs .navtabs li a {line-height: normal !important;}
.navtabs li:last-child a {border-right: 1px solid #ccc !important;}
.navtabs li {margin-bottom: 0;}
.navtabs .active a p {color: #981d5c;opacity: 1;}
.navtabs > li.active > a, .navtabs > li.active > a:hover, .navtabs > li.active > a:focus {padding-bottom: 16px;}
.tb2-header {background-color: #fff;border-bottom: 1px solid #dce0e3;border-top: 1px solid #dce0e3;font-family: 'Roboto',sanserif;font-size: 20px;}
.tb2-header > p {display: inline-block;line-height: 19px;margin: 3px 0 0;padding: 19px;color: #000;}
.heading-txt {font: 14px/100% 'Roboto',sanserif;margin-top: 12px;padding: 10px;text-transform: capitalize;}
.padding-bottom25 {padding-bottom: 25px;}
.padding-bottom15 {padding-bottom: 15px;}
.padding-bottom10 {padding-bottom: 10px;}
.utility {padding-left: 2px !important;}
.radio-button {margin-left: 0;}
.checkbox-inline {margin-top: 3px !important;}
.first-section-bg {background-color: #f3f3f3;padding: 15px;}
.radio-btn {padding-right: 13px;padding-top: 10px;}
.radio-btn > span {padding-left: 2px;}
.inline-label {display: inline-flex;}
.inline-label .form-control {width: 100% !important;}
.tab-content-bg {background-color: #f3f3f3;margin-top: -20px;padding-bottom: 34px;}
.full-width {margin-left: -10px;margin-right: -10px;}
.top25 {margin-top: 25px !important;}
.button-common.btn-normal {padding: 8px 27px;}
.navtabs {padding-left: 80px !important;background-color: #dddddd !important;}
.img-responsive {width: 100%;}
.inner-tab-bg {background-color: #f2f2f2;padding: 0px 10px;}
.inner-tab-bg ul .active > a,
.inner-tab-bg ul li:hover > a {background: none repeat scroll 0 0 #fff !important;border: 1px solid #ccc !important;border-radius: 0;color: #000 !important;}
.inner-tab-bg ul li {padding: 13px 20px;float: none;display: inline-block;}
.inner-tab-bg ul li a {padding: 3px 10px;color: #787677;border: 1px solid transparent;}
.tb2-header {background-color: #fff;border-bottom: 1px solid #dce0e3;font-family: 'Roboto',sanserif;font-size: 20px;border-top: none;}
.chkbox {margin-left: -36px;}
.checkbx label {padding: 3px 10px 0 !important;}
.checkbox-inline input[type="checkbox"] {margin-right: 2px !important;}
.border-top {border-top: 1px solid #dce0e3;}
.inner-bg {background-color: #f5f5f5;}
.navtabs li.active a, .navtabs li:hover a {background: none repeat scroll 0 0 #fff !important;}
.navtabs li:hover {margin-bottom: 0px !important;}
.br-tp5 {border-radius: 5px 5px 0 0;overflow: hidden;}
.brdr-lft {border-left: 1px solid #ccc;}
.border-right {border-right: 1px solid #ccc;}
.right25 {margin-right: 25px !important;}
.optn-box {border: 1px solid #ccc;}
.optn-hdr {color: #8f8f8e;padding: 12px;background-color: #f5f5f5;font-size: 14px;overflow: hidden;}
.optn-cont {padding: 8px;}
.opcont-wrap > input[type="checkbox"] {margin-right: 24px;}
.chklist li {color: #535351;float: left;border: 1px solid #ccc;width: 11.1%;padding: 0.5% 1%;background: #fff;margin-left: -1px;line-height: 22px;font-size: 14px;text-transform: uppercase;white-space: nowrap;}
.chklist li.first {background: #f5f5f5;}
.chklist li input[type="checkbox"] {margin: 0 5px 0 0;vertical-align: middle;}
.chklist li input[type="text"] {width: 60%;border: 1px solid #ccc;font-size: 10px;font-weight: normal;line-height: 16px;margin: 0 0 0 5px;padding: 0 2px;}
.tab-pane {padding-top: 20px;}
.row.inner-tab-bg {margin-top: -20px;}
.form-group .control-label.mod-control-label {margin-top: 3%;}
.inner-tab-bg ul.nav-pills-mod li {padding-left: 1px;padding-right: 1px;}
.head-title {color: #000;display: inline-block;font: 18px 'Roboto',sans-serif;margin: 0;padding: 15px 18px;}
.top50 {margin-top: 50px;}
.top45 {margin-top: 45px;}
.left30 {margin-left: 30px;}
.left15 {margin-left: 15px;}
.left5 {margin-left: 5px !important;}
.bottom15 {margin-bottom: 15px !important;}
.product-txt {width: 200px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.htauto {height: auto !important;}
.blue-txt {color: #276ab0;}
.tiny-button {padding: 1px 8px;background-color: #3399FF;}
.icon-button {padding: 8px 13px !important;font: 18px/18px 'RobotoRegular','Lucida Grande','Lucida Sans Unicode',Helvetica,sans-serif !important;}
.grey-section {background-color: #eee;}
.group-button {background: none !important;border: none !important;padding: 0px 10px;}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {border-bottom-right-radius: 0 !important;border-top-right-radius: 0 !important;}
.text-box-wrap .form-group label:last-child {text-align: left !important;color: #000 !important;}
.text-box-wrap .form-group label:first-child {color: #999 !important;}
.border-box {border: 1px solid #ccc;text-align: center;margin-bottom: 20px;height: 235px;background: #f9f9f9;}
.padding0 {padding: 0 !important;}
.cust-chkbx label {text-align: left;white-space: nowrap;}
.cust-chkbx .error {position: relative;top: 8px;}
.chk-list-first-row > li > span {display: inline-block;width: 1px;}
.list-o-chk input[type="text"] {border-radius: 0px !important;}
.footrow td {border: none !important;}
.ws-nowrap {white-space: nowrap;}
.basic-wizard ul li.disabled {opacity: 0.6;}
.blue-btn {background-color: #3880d5;background-repeat: no-repeat;border-color: -moz-use-text-color -moz-use-text-color #2d66aa;border-radius: 5px;border-style: none none solid;border-width: medium medium 2px;display: inline-block;margin: 0 3px;position: relative;color: #fff;padding: 3px 8px 2px;}
.blue-btn:hover i, .blue-btn:focus i {color: #fff;opacity: 0.8;}
.tbl-common-actions .select2-container {width: 140px !important;margin-right: 5px;}
.tbl-common-actions .select2-container .select2-choice {height: 30px !important;line-height: 30px !important;}
.mini_img {width: 40px;height: 45px;overflow: hidden;text-align: center;display: inline-block;}
.xs_img {width: 25px;height: 25px;margin-right: 3px;text-align: center;display: inline-block;}
.mini_img > img, .xs_img > img {max-width: 100%;}
.add-visitor {width: 122px;height: 140px;border: 1px solid #dddddd;background-color: #f8f9fb;background-image: url(../images/plus-add.png);background-repeat: no-repeat;background-position: center center;display: block;}
.visitors {width: 122px;height: 140px;padding: 15px 0 0;text-align: center;border: 1px solid #dddddd;background-color: #f8f9fb;}
.button-sml {padding: 9px 12px 7px;line-height: 16px;}
.light-blue, .first-section-bg2 {background-color: #f8f9fb;}
.margin-btm {margin-bottom: 0 !important;}
.iconFnt28, .iconFnt22, .iconFnt18 {color: #b2b2b2;display: inline-block;font-size: 28px;}
.iconFnt28:before, .iconFnt22:before, .iconFnt18:before {position: relative;top: 2px;}
.iconFnt22 {font-size: 22px;} 
.iconFnt18 {font-size: 18px;}
.section-bg {background: none repeat scroll 0 0 #eeeff1;min-height: 40px;}
.comments-post {border-bottom: 1px solid #dce0e3;overflow: hidden;}
.comments-post:last-child {border-bottom: none;}
.comments-post .phtLft {text-align: center;}
.comments-post .cntRght > h4 {color: #000;margin-bottom: 0;}
.comments-post .cntRght .cmntRight {font-size: 12px;}
.font-11 {font-size: 11px;}
.font-12 {font-size: 12px;}
.font-13 {font-size: 13px;}
.font-14 {font-size: 14px;}
.font-16 {font-size: 16px;}
.font-18 {font-size: 18px;}
/*.download, .download:hover, .download:focus {background: #495b79 none repeat scroll 0 0;color: #fff;display: inline-block;margin-top: 0;padding: 4px 6px;}*/
.comments-post .cntRght p {margin-bottom: 5px;}
.header-custm-one {padding: 0 0 10px 5%;border-bottom: 1px solid #828282;}
.white-wth-brds {background: #fff;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-left: 1px solid #dce0e3;}
.white-wth-brds .header-custm-one {border-color: #dce0e3;}
.overflowHdn {overflow: hidden;}
.bg-gray {background: #EEEFF1;}
.document-list {margin: 20px 0;}
.document-list > li {display: inline-block;margin-right: 30px;vertical-align: top;margin-bottom: 10px;}
.document-list > li:first-child {margin-left: 0;}
.document-list li .filename {color: #3880d5;display: inline-block;font-size: 14px;font-weight: bold;margin-left: 10px;vertical-align: top;}
.document-list li .filename i {color: #777777;display: block;font-weight: normal;}
.lessheight {height: 30px;}
.distbl {display: table;}
.distbl100 , .tbleWdth, .wrapFloats, .opcont-wrap, .chklist {display: table;width: 100%;}
.wid100 {float: left;width: 100%;}
.disinblock {display: inline-block;width: 90%;}
.text-box-wrap .form-group .col-sm-5.top10.mod-align {text-align: center !important;display: block;}
.mod-align .glyphicon-eye-close {font-size: 45px;opacity: 0.3;}
.mod-align i {display: block;font-style: normal;margin: -8px 0 0;opacity: 0.3;}
.mod-eye i {display: inline-block;font-style: normal;margin: 0 0 0 4px;vertical-align: text-bottom;}
.mod-eye .glyphicon-eye-close {opacity: 0.25;}
.alt-addres,
.alt-address-mod {color: #636e7b;font-size: 14px;margin-left: 10px;}
.alt-address-mod {margin-left: 114px;}
.button-common.button-blue.lms-btn {padding: 1px 6px;}
.lms-btn .glyphicon.glyphicon-plus {font-size: 27px;}
.upload-image-wrap {margin-left: 10px;}
.bordertop-btm {border-top: 1px solid #dce0e3;border-bottom: 1px solid #dce0e3;}
.btn-inline-group div:first-child {margin-left: -10px;}
.btn-inline-group .button-common {margin-right: 0px;}
#org-chart .AddEditDeleteOrgDiagram {overflow: visible !important;position: relative !important;}
#org-chart .AddEditDeleteOrgDiagram li[data-buttonname="delete"] {top: 29px !important;}
#org-chart .AddEditDeleteOrgDiagram li[data-buttonname="edit"] {top: 12px !important;}
#org-chart .AddEditDeleteOrgDiagram li[data-buttonname="add"] {top: -5px !important;}
.pl40 {padding-left: 40px !important;}
.entity-logos > div{display:inline-block;}
.entity-logos > div > a{display:block; text-align:center}
.entity-logos > div > a > img{height:100px; padding: 5px 10px; border-right:1px solid #ccc;}
.cs-blocks {background: #D6D9EB;margin-bottom: 30px;padding-bottom: 0px;padding-left: 40px;}
.cs-blocks > div {border: 1px solid #9DA9EB;position: relative;width: 10%;margin-bottom: 32px;background: #fff;}
.cs-blocks .class-txt {position: absolute;height: 100%;left: 0px;top: 0px;line-height: 190px;font-size: 16px;left: 10px;}
.cs-blocks .class-txt.v-txt {-ms-transform: rotate(270deg);-moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg);left: 5px;width: 30px;height: auto;line-height: 21px;top: 100px;}
.cs-blocks .action-wrap {position: absolute;bottom: -22px;right: 0px;display: none;width: 100%;height: 21px;}
.cs-blocks .action-wrap .blue-btn {color: #2a6496;}
.cs-blocks .action-wrap .blue-btn i {color: #fff;}
.cs-blocks .block:hover .action-wrap {display: block;}
.cs-blocks .block:hover .action-wrap > .blue-btn {top: 4px;}
.cs-blocks .block p {margin-bottom: 2px;}
.cs-blocks .block h5 {margin: 4px 0;}
.cs-blocks .block .class-num {position: absolute;top: 0px;left: 5px;}
.cs-blocks .block {margin-right: 40px;font-size: 13px;}
#outLineChaptersTree ul li > span {padding: 2px;}
#outLineChaptersTree > ul li span {white-space: nowrap;padding-right: 10px;}
#outLineChaptersTree > ul li span div {float: none !important;}
.text-transform-none {text-transform: none !important;}
.document-list li {position: relative;padding: 0 15px;}
.document-list li a.doc-close {position: absolute;top: -5px;right: -5px;color: #f00;display: none;}
.document-list li:hover a.doc-close {display: block;}
.document-list li:hover a.filename[href="Javascript:;"]:hover {text-decoration: none;cursor: text;}
.document-list li .ext-img {width: 40px;height: 54px;display: inline-block;background-repeat: no-repeat;background-position: 0 0;}
.document-list li .ext-img.pdf {background-image: url(../images/pdf.png);}
.document-list li .ext-img.xls {background-image: url(../images/xls.png);}
.document-list li .ext-img.word {background-image: url(../images/word.png);}
.document-list li .ext-img.ppt, .document-list li .ext-img.odp {background-image: url(../images/ppt.png);}
.document-list li .ext-img.pptx {background-image: url(../images/pptx.png);}
.document-list li .ext-img.txt {background-image: url(../images/text.png);}
.document-list li .ext-img.png, .document-list li .ext-img.jpg, .document-list li .ext-img.JPG, .document-list li .ext-img.jpeg, .document-list li .ext-img.JPEG, .document-list li .ext-img.gif, .document-list li .ext-img.bmp {
background-image: url(../images/image.png);}
.subject-details-wrapper .grey-section {min-height: 208px;}
#imgparent {box-shadow: 0 0 10px 5px #ccc;margin: 10px 26px 30px 5px;display: inline-block;}
.profile-edit {font-size: 22px;border-left: 1px solid #fff;border-radius: 0 !important;padding: 11px 10px 12px;}
.small-select .select2-container .select2-choice {padding: 0px 0 0 3px !important;line-height: 28px !important;}
.small-select .select2-container .select2-choice .select2-arrow b {background-position: -1px 1px !important;}
.dropActions, .dropActions:hover, .dropActions:focus {position: relative;text-decoration: none;}
.dropActions .glyphicon {color: #3380db;}
.dropActionOpt {position: absolute;top: 17px;left: -4px;border: 1px solid #ccc;z-index: 999;padding: 10px;background: #eee;width: 160px;}
.dropUl {padding: 0 !important;}
.dropUl li {padding-top: 5px !important;}
.dropUl li a {text-decoration: none;}
.dropUl li::before {border: 0 !important;width: 0;}
.icon-adjust {padding: 4px 0;margin-left: -5px;}
.dropUl li::after {border: 0 !important;width: 0 !important;}
.pad-select {padding: 10px 26px 0 0;}
.pad-top10 {padding-top: 10px !important;}
.modal-header .right-opt {margin: 0px;}
.no-margin-left {margin-left: 0px !important;}
.multiple-checkbox-wrap {height: 120px;overflow: auto;box-shadow: 0px 0px 2px #999;padding: 6px 10px;margin-left: 10px;}
.multiple-checkbox-wrap > label {display: block;margin-left: 0px !important;text-align: left;}
.salary-matrix-tbl td .select2-container {margin-top: 10px;}
.salary-matrix-tbl td > a {position: relative;top: 3px;}
.left10 {margin-left: 10px !important;}
.left8 {margin-left: 8px !important;}
.left12 {margin-left: 12px !important;}
.left15 {margin-left: 15px !important;}
.left17 {margin-left: 17px !important;}
.employee-role-tbl td .select2-container {width: 50% !important;}
.employee-role-tbl td .select2-container .select2-chosen {text-align: left;}
.tbl-header-selectBox {width: 150px;}
.attach .uneditable-input {width: 180px !important;}
.img-wrap-upload .attach .uneditable-input {width: 112px !important;}
.attach .fileupload-exists {padding: 6px !important;margin-left: 1px !important;}
.subject-details-wrapper .select2-container {display: block;}
.subject-details-wrapper .select2-chosen {width: auto !important;}
.panel-btns {color: #828282;display: inline-block;float: right;}
.panel-btns:hover {background: #eee;color: #828282;transition: all ease-in-out 0.25s;}
.leftpanel, .leftpanelinner, #left-panel-main-menus-ul {backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;}
.full-wid {width: 100% !important;}
table.ssd tr:nth-of-type(even) {background: #eee;}
.fb-gr .select2-search-choice,.fb-gr .select2-input {font-size:10px !important;}
/*Auto complete css START*/
div.ac-section {position: absolute;border: 1px solid #7B6E6E;overflow: visible;padding-left:0!important;}
div.ac-section.positioned {position: absolute;top: 100px;left: 100px;width: 800px;box-shadow: 0 0 15px #333;}
div.ac-section {top: 30px;}
/*FIXED HEAD NOT ACHIVED :: div.ac-section .ac-container {max-height: 200px;overflow-x: hidden;overflow-y: auto;position: relative;z-index: 99;background:#fff;top:0;padding-top:30px;}*/
div.ac-section .ac-container {max-height: 200px;overflow-x: hidden;overflow-y: auto;position: relative;z-index: 99;background:#fff;top:0;}
div.ac-section table {border-spacing: 0;width: 100%;position: relative;z-index: 9;}
div.ac-section td {padding-top: 2px !important;padding-bottom: 2px !important;}
div.ac-section td + td {border-left: 1px solid #eee;line-height:16px;}
div.ac-section td, div.ac-section th {border-bottom: 1px solid #eee;background: #ddd;color: #495B79;padding: 10px 10px;font-size: 11px !important;}
div.ac-section th {background: #495b79;border: medium none;color: #fff;font-family: RobotoCondensed;font-size: 12px !important;font-weight: normal;padding: 5px 10px;white-space: nowrap;}
/*FIXED HEAD NOT ACHIVED :: div.ac-section th {line-height: 0;padding-top: 0;padding-bottom: 0;color: transparent;border: none;white-space: nowrap;}*/
div.ac-section tr.odd:hover td {background-color: #F2F2F2;}
div.ac-section tr.even:hover td {background-color: #F1F1F1;}
div.ac-section th div {position: absolute;color: #fff;padding: 7px 10px;top: -30px;margin-left: -11px;line-height: normal;border-left: 1px solid #fff;width: 100%;background: #495B79;font-size: 12px;font-weight: 100 !important;}
div.ac-section th:first-child div {border: none;}
.campus-top {padding: 5px 35px 0 0;}
.campus-top span {color: #fff;text-transform: uppercase;}
.select-grid-container {left: 75px !important;}
.left110 {left: 110px !important;}
.grid-select {width: 100px !important;position: absolute;top: 0;}
.ui-pg-table .ui-pg-selbox.select2-container .select2-choice {height: 28px;line-height: 28px;padding: 0 0 0 5px;}
.ui-pg-table .ui-pg-selbox.select2-container .select2-choice > .select2-chosen {margin-right: 18px;}
.ui-pg-table .ui-pg-selbox.select2-container .select2-choice .select2-arrow {top: -3px;right: 2px;}
body.leftpanel-collapsed #left-panel-main-menus-ul li a i.fa {font-size: 25px;margin-left: 5px;height: 24px;}
body.leftpanel-collapsed #left-panel-main-menus-ul li ul.children li i.fa {font-size: 16px;margin-top: -1px;}
#leftNav .mCSB_outside + .mCSB_scrollTools {right: 0;}
.form-horizontal .form-group {text-align: left !important;}
.sub-content-wrap .tbl-header {border: none;border-bottom: 1px solid #dce0e3;}
.sub-content-wrap .w-section {border-radius: 10px;}
.curriculam-list .class-names span {display: inline-block;}
.o-auto-box {max-height: 200px;overflow: auto;border: 1px solid #ccc;padding: 0 10px 10px 10px;}
.o-auto-box > *:first-child {margin-top: 10px;}
.ajaxSearching {list-style: none;padding-left: 10px;background-color: #fff;}
.popover table.tootltip-tbl td {padding: 4px;font-size: 13px;}
.popover table.tootltip-tbl td p {max-width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0px;margin: 0px;}
.popover table.tootltip-tbl td em {text-align: right;display: block;font-style: normal;}
.popover .popover-content {padding: 8px;}
.popover table.tootltip-tbl th {padding: 6px;font-size: 13px;font-weight: normal;}
.popover table.tootltip-tbl th:first-child, .popover table.tootltip-tbl th:last-child {padding-left: 4px;padding-right: 4px;}
#body-status {margin-top: 23%;text-align: center;}
#body-status i {font-size: 20px;}
.fbq-type, .fbp-sub-que {display: none;}
.margin-right10 {margin-right: 10px !important;}
.margin-right11 {margin-right: 11px !important;}
.margin-right20 {margin-right: 20px !important;}
.externalUsers li input {margin-right: 6px !important;}
.paginator a i, .paginator a:hover i {color: #fff;}
.paginator .carets {font-size: 22px;vertical-align: middle;}
#toggleExt {display: none;}
.top9 {margin-top: 9px !important;}
.top6 {margin-top: 6px !important;}
button[disabled="disabled"] {opacity: 0.6;}
.datepicker-switch, .dow {background: #495B79 !important;}
.radio-inline input[type="radio"] {margin-top: 4px;margin-right: 2px;}
.frame {position: relative;padding: 30px 15px;border: 1px solid #ccc;}
.frame .sub-heading {position: absolute;top: -30px;padding: 0 15px;background: #fff;}
.ui-slider-horizontal.ui-slider-pips {border: 1px solid #ccc;height: 20px;margin-bottom: 1.4em;position: relative;}
.ui-slider-pip-selected:before {background: none repeat scroll 0 0 #276AB0;content: "";height: 20px;left: 0px;position: absolute;border-radius: 6px;top: -20px;width: 22px;}
a.button-common:hover {color: #fff;text-decoration: none;}
a.button-common.tiny-button {font-size: 14px;}
.mailbody-txt {font-family: 'RobotoCondensed';}
.multi-icons + .btn-group .multiselect-search.form-control {margin-left: -4px !important;border-radius: 0 !important;height: 36px !important;border: 1px solid #ccc !important;}
.check-segment {margin-left: 0 !important;padding-left: 0 !important;margin-right: 20px !important;min-width: 25px;text-align: left !important;}
.table-modes th, .table-modes td {min-width: 80px !important;}
.table-modes tr:first-child th span {display: block;font-size: 10px;letter-spacing: 1px;line-height: 10px;text-align: center;}
.table-modes tr th:first-child {text-align: left;}
.table-modes tr th, .table-modes tr td {text-align: center;}
.table-modes tr td p {margin: 0;}
.border-radius-none {border-radius: 0 !important;}
.border-top0 {border-top: 0;}
.border {border: 1px solid #ccc;}
.fullpanel {padding-top: 80px;}
.fullpanel .content-wrapper {margin: 0 !important;}
.pss-tab-back, .pss-tab-back:hover, .pss-tab-back:focus {position: absolute;right: 20px;background: #3D0E66;color: #fff;padding: 5px 10px;top: 12px;border-radius: 5px;font-size: 14px;border: 2px solid #250045;}
.fc-tooltip {border: 1px solid #ccc;border-radius: 4px;z-index: 10000;background: #efefef;position: absolute;color: #333;bottom: 30px;padding: 9px 20px;left: 0;max-width: 500px;width: 350px;white-space: normal;}
.fc-tooltip:before {content: "";position: absolute;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #ddd;left: 40px;bottom: -6px;}
.LmsIndexHead{font-size: 12px !important;}
@media screen and (min-width: 1400px){.LmsIndexHead{font-size: 13px !important;}}
@media screen and (max-width: 1400px) {.chklist li input[type="text"] {width: 40%;}.cell-width {width: 104px;}}
@media screen and (max-width: 1320px) {
    .cust-chkbx > label {font-size: 13px;padding-left: 0px;}
    .inner-tab-bg ul li {margin-left: -3px;}
    .inner-tab-bg ul li a {font-size: 13px;padding: 3px 8px;}
    .LmsIndexHead{font-size:11px !important;}
}
@media screen and (max-width: 1265px) {.chklist li input[type="text"] {width: 30%;}}
@media screen and (max-width: 1260px) {.cust-chkbx > label span {display: block;}}
@media screen and (max-width: 1200px) {
.select-grid-container {position: absolute !important;left: auto !important;right: 30px !important;top: 35px !important;}
.margin-left20 {margin-left: 0;}
.md-top10 {margin-top: 10px;}
.md-top15 {margin-top: 15px;}
.cs-blocks > div {width: inherit;}
.md-top0 {margin-top: 0;}
.md-left20 {margin-left: 20px;}
}
@media screen and (max-width: 1024px) {.container-404 {top: 70px;}.datepicker-dropdown {margin-top: -75px;right: auto !important;z-index:99!important}}
@media screen and (max-width: 900px) {.nav-tabs > li > a {padding: 10px;}.modal-dialog {width: auto !important;}}
@media screen and (max-width: 800px) and (orientation: landscape) {.headerbar .logopanel {width: 210px;}.campus-selection .chosen-container {min-width: 85px;}.module-options, #modulechoose_chosen {width: 110px !important;}}
@media screen and (max-width: 1200px) {.cs-blocks .block {margin-bottom: 30px;}.cs-blocks .action-wrap {bottom: 0px;}}
.button-blue[disabled="disabled"], button[disabled="disabled"] {box-shadow: none !important\9;}
.leftpanel {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.modal1 {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.scrollTable {position: relative;padding-top: 37px;background: #ccc;}
section.positioned {position: absolute;top: 100px;left: 100px;width: 800px;box-shadow: 0 0 15px #333;}
.TableContainer {overflow-y: auto;height: 300px;}
table {border-spacing: 0;width: 100%;}
tr.fixedTableHeader td {padding: 10px 25px;}
tr.fixedTableHeader td {height: 0;line-height: 0;padding-top: 0;padding-bottom: 0;color: transparent;border: none;white-space: nowrap;}
tr.fixedTableHeader td div {padding: 10px 0;line-height: normal;position: fixed;background: #ccc;color: #666;top: 100px;}
tr.fixedTableHeader td:first-child div {margin-left: 10px;}
tr.fixedTableHeader td label {display: none !important;}
.TableContainer table tr:nth-child(n+2) {background: #fff;}
input[type="radio"] {margin-top: 4px !important;}
th.datepicker-switch:before {content: "«";text-indent:-4px;height: 23px;width: 31px;position: absolute;top: 4px;left: 4px;background: #495B79;z-index: -10;font-size: 12px;padding-top: 2px;color: #acacac;}
th.datepicker-switch:after {content: "»";text-indent:8px;height: 23px;width: 31px;position: absolute;top: 4px;right: 4px;background: #495B79;z-index: -10;font-size: 12px;padding-top: 2px;color: #acacac;}
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover{background:#495B79!important}
.pssStudents {display:none!important;}
body {overflow-x: hidden !important;}
input[type="radio"] {vertical-align: middle;margin: -2px 0 0 !important;}
.logopanel {
    padding: 5px 0px 0px 10px;
}
.logopanel img {height: 145px;position: relative;z-index: 9;}
#modulechoose_chosen .chosen-single div {width: 22px;margin-top: 14px;background-size: 70% 70%;height: 22px;background-position: 0 0;}
.headerbar {min-height: 65px;}
.school-post {margin-top: 4px;}
.school-post img {height: 31px;}
.campus-selection .chosen-container-single .chosen-single, #modulechoose_chosen .chosen-single {padding: 2px 6px;/*background:#3D4C65;*/color:#fff}
.campus-selection .chosen-container {min-width: 100px;}
.chosen-container-single .chosen-single div {top: -7px;left:3px;}
#modulechoose_chosen .chosen-single {border: none;/*line-height: 49px;*/height: 100%;    outline: 0; box-shadow: none;}
.chosen-container.chosen-container-single.chosen-container-single-nosearch {/*width: auto !important;*/min-width: 180px !important;}
.headermenu .dropdown-toggle {height: 37px;padding: 2px 0 2px 10px;}
.chosen-container-single .chosen-single span {padding-right: 24px;text-align: left;padding:3px 24px 0 16px;}
.campus-selection .chosen-container-single .chosen-single span {padding-right: 32px;}
#modulechoose_chosen .chosen-drop:after, .campus-selection .chosen-drop:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #ffffff;border-width: 10px;margin-left: -10px;display: none;}
#modulechoose_chosen .chosen-drop {background:#fff !important;  margin-top: -1px;border-top-left-radius: 0 !important;border-top-right-radius: 0 !important;width: 180px;-moz-box-shadow: 3px 3px 0 rgba(12,12,12,0.05);	-webkit-box-shadow: 3px 3px 0 rgba(12,12,12,0.05);	box-shadow: 3px 3px 0 rgba(12,12,12,0.05);}
.campus-selection .chosen-drop {margin-top: 0;border-top-left-radius: 0 !important;border-top-right-radius: 0 !important;}
.chosen-container-single .chosen-single span {font-size: 14px;}
.campus-top {padding-top: 3px !important;}
.campus-top span {font-size: 11px !important;}
#left-panel-main-menus-ul li a span {margin-left: 0;}
#left-panel-main-menus-ul li > ul.children li a span {margin-top: 0 !important;font-size: 12px;}
.children li a i.fa {line-height: 22px !important;}
#left-panel-main-menus-ul li a {font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ;font-weight: 300 !important;} /*height: 60px , 'RobotoCondensed'*/
#left-panel-main-menus-ul li.feedback-tutorial a {font-family: 'RobotoCondensed';font-weight: bold !important;}
#left-panel-main-menus-ul li.CUSTOMERFEEDBACK a {font-family: 'RobotoCondensed';font-weight: bold !important;}
#left-panel-main-menus-ul > li.active > a > span {font-size: 12px;color: #fff;margin-top: 0;}
#left-panel-main-menus-ul > li > a:hover > span, #left-panel-main-menus-ul > li.active > a > span, #left-panel-main-menus-ul > li.nav-active > a > span {color: #000000 !important;}
.leftpanel-collapsed #left-panel-main-menus-ul > li.nav-hover > a > span {margin-top:-10px!important;height:40px}
#left-panel-main-menus-ul > li > a > span {font-size: 12px;color: #bbb;margin-top:0px!important;}
.nav-bracket > li > a {} /*border-bottom: 1px solid rgba(242, 242, 242, 0.14); border-top: 1px solid rgba(3, 3, 3, 0.28);*/
.nav-bracket > li.active > a, .nav-bracket > li.active > a:focus, .nav-bracket > li.nav-active > a, .nav-bracket > li.nav-active > a:focus, .nav-bracket > li.nav-parent.nav-active > a, .nav-bracket > li.nav-parent.nav-active > a:focus {
/*background-color: rgb(39,106,176);*/ /* Old browsers */
background-color: -moz-linear-gradient(top, rgba(39,106,176,1) 0%, rgba(26,69,114,1) 100%); /* FF3.6+ */
background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(39,106,176,1) ), color-stop(100%,rgba(26,69,114,1))); /* Chrome,Safari4+ */
background-color: -webkit-linear-gradient(top, rgba(39,106,176,1) 0%,rgba(26,69,114,1) 100%); /* Chrome10+,Safari5.1+ */
background-color: -o-linear-gradient(top, rgba(39,106,176,1) 0%,rgba(26,69,114,1) 100%); /* Opera 11.10+ */
/*background-color: -ms-linear-gradient(top, rgba(39,106,176,1) 0%,rgba(26,69,114,1) 100%);*/ /* IE10+ */
background: linear-gradient(to bottom, rgba(39,106,176,1) 0%,rgba(26,69,114,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#276ab0', endColorstr='#1a4572',GradientType=0 ); /* IE6-9 */
color: #fff !important;}
.nav-bracket > li.nav-parent.active > a, .nav-bracket > li.nav-parent.nav-active > a {background-position: 96% center;color: #fff !important;}
.nav-bracket > li > a:active, .nav-bracket > li > a:focus {background-color: #1A4572 !important;}
.nav-bracket > li > a:hover {background-color: #3f3f3f !important;}
.nav-bracket li .fa, .nav-bracket li .glyphicon {color: #bbb;}
.nav-bracket li a:hover .fa, .nav-bracket li a:hover .glyphicon, .nav-bracket li.active a, .nav-bracket li.nav-active a {color:#000 !important;}
.nav-bracket li.feedback-tutorial a:hover .fa, .nav-bracket li.feedback-tutorial a:hover .glyphicon, .nav-bracket li.feedback-tutorial.active a, .nav-bracket li.nav-active.feedback-tutorial a {color: #f00 !important;}
/*.children li a:hover .fa, .children li a:hover .glyphicon, .children li.active a, .children li a:hover span {color: #3692F2 !important;}*/
#left-panel-main-menus-ul > li ul.children li a {background: transparent !important;border-bottom: 1px solid #4E4E4E;color: #bbb;padding: 3px 0 4px 20px;} /*border-radius: 25px; border : 1px solid #000000*/
#left-panel-main-menus-ul > li ul.children li.active a {background:#F6F4EE  !important;color:#C41230 !important;    border-radius: 12px;}/*#606060*/
#left-panel-main-menus-ul > li ul.children li a:hover {border-bottom: 1px solid #4E4E4E;color: #3692F2;padding: 3px 0 4px 20px;}/*background: transparent !important;*/
.leftpanelinner {padding-top: 0 !important;}
#left-panel-main-menus-ul > li ul.children {background: none repeat scroll #fff;box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2) ;border-radius:10px;}
#left-panel-main-menus-ul > li ul.children li a > i {color: #ababab;}
#left-panel-main-menus-ul > li ul.children li a:hover > i {color: #3692F2;}
.nav-bracket .children > li.active, .nav-bracket .children > li > a:hover, .nav-bracket .children > li > a:active, .nav-bracket .children > li > a:focus {background: transparent !important;}
.leftpanel-collapsed .leftpanel {width: 55px;top: 65px;z-index: 999999;overflow: visible;}
body.leftpanel-collapsed #left-panel-main-menus-ul li a i.fa {font-size: 20px !important;}
body.leftpanel-collapsed #left-panel-main-menus-ul li a i.fa.oa-students, body.leftpanel-collapsed #left-panel-main-menus-ul li a i.fa.oa-payment-gateway {font-size: 14px !important;}
.leftpanel-collapsed .nav-bracket li a {text-align: center;padding: 10px 9px 3px 11px;background-image: none !important;height:43px}
.leftpanel-collapsed .nav-bracket li.nav-hover ul.children li {padding-left: 0 !important;}
.leftpanel-collapsed .nav-bracket li.nav-hover ul.children li:hover {background: none !important;}
.leftpanel-collapsed .nav-bracket li.nav-hover ul.children li a {padding: 3px 0 0 10px !important;}
body.leftpanel-collapsed .nav-hover > a > span {display: none;}
/*Tabs UI*/
.oasis-tabs {border: 1px solid #ccc;}
.nav.nav-tabs.nav-tabs-top {padding: 0 !important;background: #fff;}
.nav.nav-tabs li {margin: 0 0 -1px !important;padding: 0 !important;border-radius: 0 !important;}
.nav.nav-tabs li a {margin: 0 !important;border-radius: 0 !important;border-left: 0 !important;border-top: 0 !important;padding: 4px 8px 6px !important;border-top: 2px solid transparent !important;}
.nav.nav-tabs li.active a, .nav.nav-tabs li.active a:hover {border-radius: 0 !important;}
.basic-wizard .nav li a, .nav-tabs li a {border-bottom: 1px solid transparent;}
.right-opt > div.dropdown:hover, .right-opt > div.dropdown.active, .right-opt div.active {background: none !important;}
.search-box:focus {background: #F0F0F0 !important;}
.basic-wizard .nav-tabs-top li.active a p, .nav-tabs li.active a p {font-weight: 300 !important;font-family: 'RobotoRegular', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif !important;}
.headerbar {border-bottom: none !important;}
.pageheader {background: #555556;border-top-left-radius: 50px;}
.pageheader select.no-sel2 {background: rgb(58,72,96);border: 0!important;outline: 0;color: #fff;padding: 4px 2px;}
.form-group input[type="text"], .form-group input[type="email"], .form-group input[type="password"], .select2-container .select2-choice, .form-group textarea {padding: 5px 8px 0 2px;border: 0;background: transparent;position: relative;z-index: 2;font-size: 12px;color: #495B79;font-weight: bold;display: inline-block;}
input.tagInput {padding-top: 2px!important;  font-size: 10px!important;}
.form-group .control-label {margin: 0 !important;padding: 0 !important;display: block;color : #000}
.form-group {margin-bottom: 0;}
.form-control {height: 26px;border: none;color: #495b79;font-size: 12px;font-weight: bold;}
.select2-container .select2-choice .select2-arrow b {background: url("../Images/custom-select.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;display: block;height: 100%;width: 100%;}
.select2-container, .select2-drop, .select2-choice {border-radius: 0 !important;}
.button-common, .button-color {padding: 3px 10px 2px;font-size: 14px;border-radius: 4px !important;display: inline-block; text-transform: capitalize;}
.button-color {border-bottom-color: #798695 !important;line-height: 18px;}
.button.button-common {line-height: 18px;  text-transform: none;}/*added*/
.round-fa {display: inline-block;border: 2px solid #aaa;border-radius: 80px;height: 30px;width: 30px;background: #aaa;margin-right: 10px;text-align: center;}
.round-fa .fa {margin: 4px 0 0 1px;font-size: 18px;color: #fff;display: inline-block;}
/*jQgrid*/
.tbl_wrapper .navtable .ui-icon, .tbl_wrapper .ui-pager-control > table.ui-pg-table > tbody > tr > td:nth-child(2) .ui-icon {width: 21px !important;height: 21px !important;}
.tbl_wrapper .ui-jqgrid .ui-jqgrid-pager {padding: 0 5px !important;}
.tbl_wrapper .ui-jqgrid tr.ui-row-ltr > td, .tbl_wrapper td {padding-top: 2px !important;padding-bottom: 1px !important;}
body[data-theme='change'] .leftpanel, body[data-theme='change'] .graph_header{box-shadow: none !important;}
body.leftpanel-collapsed ul.children .mCustomScrollBox {max-height: 140px !important;}
.logo-change {display: none;}
.headermenu {overflow: visible;}
body[data-page='module'] .school-post-change {display: none !important;}
.search-menu > a {border-top: none !important;}
.showSearch:hover, .showSearch:hover > i {background: none !important;}
/*AUTOCOMPLETE MENU*/
#left-panel-main-menus-ul .ui-autocomplete {width: 200px !important;overflow-x: hidden;position: fixed;top: 109px !important;left: 0px !important;width: 241px;background: #3B4D6A;color: #fff;border: 0;height: auto;max-height: 400px;overflow: auto;padding-left:0;}
#left-panel-main-menus-ul .ui-autocomplete li {font-size: 12px !important;font-family: 'RobotoCondensed';line-height: 22px !important;}
#left-panel-main-menus-ul .ui-autocomplete li a{ padding-left: 15px;   }
#left-panel-main-menus-ul .ui-autocomplete li:hover a, #left-panel-main-menus-ul .ui-autocomplete li:hover a:hover, #left-panel-main-menus-ul .ui-autocomplete .ui-menu-item.ui-state-focus a {
color: #fff;background: #333;padding-left: 15px;
}
#left-panel-main-menus-ul .ui-autocomplete li a {color: #fff;}
#left-panel-main-menus-ul .ui-state-hover, #left-panel-main-menus-ul .ui-widget-content .ui-state-hover, #left-panel-main-menus-ul .ui-widget-header .ui-state-hover, #left-panel-main-menus-ul .ui-state-focus, #left-panel-main-menus-ul .ui-widget-content .ui-state-focus, #left-panel-main-menus-ul .ui-widget-header .ui-state-focus {
border: 0 !important;
}
#left-panel-main-menus-ul .ui-menu .ui-state-focus, #left-panel-main-menus-ul .ui-menu .ui-state-active {margin: 0 !important;}
.ui-menu .ui-menu-item {list-style-image: none !important;}
.showSearch {display: none !important;float: left;}
.leftpanel-collapsed .showSearch {display: inline-block !important;float: left;padding: 0 !important;border: 0 !important;}
.leftpanel-collapsed li.search-menu .searchbox {display: none;}
.leftpanel-collapsed li.search-menu {width: 48px !important;}
.leftpanel-collapsed li.search-menu.nav-hover {width: 400px !important;padding:5px 48px 0 48px;height:24px}
.leftpanel-collapsed li.search-menu.nav-hover .searchbox {display: block !important;margin:0px 0 0 0}/*width: 18px !important;*/
li.search-menu input:focus {color: #fff;}
.leftpanel-collapsed li.search-menu.nav-hover .showSearch {margin-left: -40px;width: 50px !important;height: 35px}
.leftpanel-collapsed .nav-bracket .ui-autocomplete li a {text-align: left !important;padding-top: 0 !important;padding-bottom: 0 !important;}
.leftpanel-collapsed #left-panel-main-menus-ul .ui-autocomplete {left: 40px !important;}
/*a.showSearch, a.showSearch:hover {background-color: none !important;}*/
body.leftpanel-collapsed #left-panel-main-menus-ul li a.showSearch i.fa {height: 23px !important;padding: 2px 4px 2px 4px;}
.chosen-drop {background: #242424 !important;}
.padding-lr0 {padding-left: 0 !important;padding-right: 0 !important;}
.border-bottom-radius {border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.multiselect.dropdown-toggle {height: 26px;border-radius: 0 !important;font-size: 13px;line-height: 13px;border:0!important;border-bottom:1px solid #ccc!important;color: #495b79;font-size: 12px;font-weight: bold;font-family:'RobotoRegular'}
.multi-icons + .btn-group .multiselect-search.form-control, .multi-icons + .btn-group .input-group-addon, .multi-icons + .btn-group .input-group-btn {height: 26px !important;}
.input_container .select2-container.select2-dropdown-open, .input_container .select2-container.select2-container-active {background:#eceef1!important;transition:all 0.1s}
/**THEMES**/
.color-wheel {background: url('../images/color_wheel.png') 32px 0;height: 30px;width: 40px;display: block;}
.color-wheel:hover {background: url('../images/color_wheel.png') 0 0;}
/*MENU_SEARCH*/
li.search-menu {padding:8px 15px;position: fixed;top: 65px;left: 0;border-bottom: 1px solid #333;width: 200px !important;}
li.search-menu .searchbox {background: rgba(3,3,3,0.5);float: left;width: 180px;}
li.search-menu .searchbox input {border: 0 !important;outline: 0 !important;padding-left: 5px;font-size: 11px !important;width: 145px;height: 27px;     color: #000000;}
li.search-menu .searchbox i {margin-top: 5px !important;}
/*HEADER BUTTONS*/
.chosen-container-single .chosen-single {background: transparent;color: #efefef;}
.headermenu .themes .dropdown-menu-usermenu:after {right: 45px !important;}
.headermenu .themes .dropdown-menu.pull-right {left: 0;right: 0;min-width: 95px !important;}
.headermenu .themes .dropdown-menu li {border-bottom: 1px solid #333;border-radius: 0 !important;}
.headermenu .themes .dropdown-menu li a {padding: 7px 10px 0 !important;border-radius: 0 !important;}
.theme-colors {display: block;margin-top: -3px;padding-bottom: 5px;}
.full-logo {padding-top: 4px !important;}
.headermenu .themes .dropdown-menu li a:hover {background: #111;}
.headermenu .dropdown-toggle img {margin-right: 9px !important;height:45px;border: 1px solid #d2d2d2;border-radius:50%; margin-top: 2px;}
#tog {background: transparent !important;}
#toggleOptions {width: 400px;float: left;border-left: none !important;margin-top: 5px;text-align:right;}
p.in-logout a {text-transform: uppercase;font-size: 11px; margin-top: -4px;padding-left:15px;padding: 5px 5px;background: #ededed;}
#toggleOptions > p:first-child {font-size: 12px;margin: 1px 2px 0 !important;color: #999;}
.welcome-user {padding-left: 10px;}
.welcome-name {color: #fff;font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;text-transform: uppercase;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: -5px 2px 0 !important;font-size: 14px;}
.welcome-user:hover {padding-left: 10px;}
.welcome-name .dropdown-menu-usermenu {border-top: 1px solid #111;}
.headermenu > li:hover {background: #181818 !important;}
.headermenu > li:hover {background: #181818 !important;}
.headermenu > li:first-child {background: none !important;}
.welcome-user:hover .welcome-name {font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif ;text-transform: uppercase;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: -5px 2px 0 !important;font-size: 14px;} /*"RobotoCondensed"*/
.chosen-container .chosen-results {max-height: 300px !important;}
.tp-icon > i {color: #fff;}
li.search-menu {border-bottom: 0 !important;}
/*TOTAL THEME CHANGE - OAK*/
body[data-theme='change'] .school-post-change {width: 80% !important;height: auto !important;margin-top: 8px;margin-left: 35px;display: inline-block !important;}
body[data-theme="change"] .button-common, body[data-theme="change"] .button-common:focus {background-color: #3B4B67 !important;background: #3B4B67 !important;border-bottom: 2px solid #121C2C;box-shadow: none !important;color: #fff;}
body[data-theme="change"] .button-color, body[data-theme="change"] .button-color:focus {background-color: rgba(59,75,103,0.75) !important;background: rgba(59,75,103,0.6) !important;border: none;border-bottom: 2px solid #121C2C;box-shadow: none !important;}
body[data-theme="change"] .headermenu .dropdown-menu-usermenu li {border-bottom: 1px solid #E2E2E2 !important;}
body[data-theme='change'] li.search-menu .searchbox input, body[data-theme='change'] li.search-menu .searchbox input:focus {color: #000000 !important;}
body[data-theme='change'] .collapsed-logo {display: none;}
body[data-theme='change'] .pageheader {background: #1D193B;box-shadow: none !important;border-radius: 0 !important;height: 43px;padding-top: 8px;padding-right:5px ; top :60px}
body[data-theme='change'][data-page="module"] .pageheader {width: 100% !important;}
body[data-theme='change'] .headermenu .dropdown-menu li a:hover {background: #495B79 !important;border-radius: 0 !important;}
body[data-theme='change'] #left-panel-main-menus-ul > li {
    background-color: #1D193B; /*#B2DFDB*/
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  list-style: none;
  border-radius: 12px ;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body[data-theme='change'] #scollBox {background-color:#1D193B } /*#7FB3D5*/
body[data-theme='change'].leftpanel-collapsed .nav-parent.nav-active.nav-hover > a, body[data-theme='change'].leftpanel-collapsed .nav-bracket > li.active.nav-hover > a > span:last-child, body[data-theme='change'].leftpanel-collapsed .nav-bracket > li.nav-active.nav-hover > a > span:last-child, body[data-theme='change'] .nav-bracket > li.active > a, body[data-theme='change'] .nav-bracket > li.active > a:focus, body[data-theme='change'] .nav-bracket > li.nav-active > a, body[data-theme='change'] .nav-bracket > li.nav-active > a:focus, body[data-theme='change'] .nav-bracket > li.nav-parent.nav-active > a, body[data-theme='change'] .nav-bracket > li.nav-parent.nav-active > a:focus, body[data-theme='change'] .nav-bracket > li.active > a:hover, body[data-theme='change'] .nav-bracket > li.nav-active > a:hover, body[data-theme='change'] .nav-bracket > li.nav-parent.nav-active > a:hover {background: #F6F4EE   !important; border-radius : 12px; color:#000;border: 1px solid #000} /*#303F56  background-color: none   !important;height: 50px;*/
body[data-theme='change'].leftpanel-collapsed .nav-parent.nav-active.nav-hover > a > i, body[data-theme='change'] #left-panel-main-menus-ul > li.nav-active.nav-hover > a:hover > span, body[data-theme='change'] #left-panel-main-menus-ul > li.active.nav-hover > a:hover > span, body[data-theme='change'] #left-panel-main-menus-ul > li.active > a:hover > span, body[data-theme='change'] #left-panel-main-menus-ul > li.nav-active > a:hover > span, body[data-theme='change'] #left-panel-main-menus-ul > li.nav-active > a:hover > i, body[data-theme='change'] #left-panel-main-menus-ul > li.nav-active > a > i, body[data-theme='change'] #left-panel-main-menus-ul > li.active > a > span, body[data-theme='change'] #left-panel-main-menus-ul > li.nav-active > a > span, body[data-theme='change'] .nav-bracket > li.active > a .fa, body[data-theme='change'] .nav-bracket li.active .glyphicon {color:#C41230  !important;} /*height: 35px; #000000*/
/*body[data-theme='change'] #left-panel-main-menus-ul > li > a:hover > span, .nav-bracket > li:hover > a .fa, body[data-theme='change'] .nav-bracket li:hover .glyphicon {color: #EBEFF2 !important;}*/
body[data-theme='change'] #left-panel-main-menus-ul > li.feedback-tutorial > a:hover > span, .nav-bracket > li.feedback-tutorial:hover > a .fa, body[data-theme='change'] .nav-bracket li.feedback-tutorial:hover .glyphicon {color: #f00 !important;}
body.leftpanel-collapsed[data-theme='change'] #left-panel-main-menus-ul > li ul.children {margin-top: 5px !important;}/*background: none repeat scroll 0 0 #212E46*/
/*body[data-theme='change'] #left-panel-main-menus-ul > li.active, body[data-theme='change'] #left-panel-main-menus-ul > li.nav-active, body[data-theme='change'] #left-panel-main-menus-ul > li.nav-active-sm {background: #7FB3D5 !important; border-radius:12px}*/ /*#7FB3D5  #1D193B  padding:2px 10px 2px 5px;*/


body[data-theme='change'] #left-panel-main-menus-ul > li ul.children li a {border-bottom: 1px solid rgba(78, 78, 78, 0.44);}
body[data-theme='change'] .children li a:hover .fa, body[data-theme='change'] .children li a:hover .glyphicon, body[data-theme='change'] .children li.active a, body[data-theme='change'] .children li a:hover span {color: #000000 !important;} 
body[data-theme='change'] .nav-bracket > li > a:hover, body[data-theme="change"] .nav-bracket > li.nav-hover > a {
    background-color: #F6F4EE !important; /*#7FB3D5*/
    border-radius:12px;
}

body[data-theme='change'] .tbl_wrapper .navtable .ui-icon, body[data-theme='change'] .tbl_wrapper .ui-pager-control > table.ui-pg-table > tbody > tr > td:nth-child(2) .ui-icon {border: 1px solid transparent !important;border-radius: 0;padding:3px 4px;}
body[data-theme='change'] .tbl_wrapper .navtable .ui-icon:hover, body[data-theme='change'] .tbl_wrapper .ui-pager-control > table.ui-pg-table > tbody > tr > td:nth-child(2) .ui-icon:hover {background-color: #efefef !important;border: 1px solid #cdcdcd !important;border-radius: 4px;}
body[data-theme='change'] .nav.nav-tabs li.active a, body[data-theme='change'] .nav.nav-tabs li.active a:hover, body[data-theme='change'] .nav.nav-tabs li.active a:focus {color: #fff !important;}
body[data-theme='change'] .basic-wizard .nav-tabs-top li.active a p, body[data-theme='change'] .nav-tabs li.active a p {color: #fff !important;}
body.leftpanel-collapsed[data-theme='change'].leftpanel-collapsed .nav-bracket > li.nav-hover > a > span:last-child {border-top: 1px solid rgba(3,3,3,0.4);border-bottom: 1px solid rgba(252,252,252,0.4);margin-top: 1px !important;background-color:#D1C4E9;}
body[data-theme='change'] .headerbar {background: #fff;}
body[data-theme='change'] #header {box-shadow: none !important;width:100%;}/*height: 106px !important;*/
body[data-theme='change'] .welcome-name {color: #4D4C4C;}
body[data-theme='change'] .headermenu .tp-icon .glyphicon, body[data-theme='change'] .chosen-single {color: #3F3F3F;}
body[data-theme='change'] .headermenu li:hover, body[data-theme='change'] .headermenu li:focus, body[data-theme='change'] .chosen-drop {background: transparent !important;}
body[data-theme='change'] .headermenu .dropdown-menu-usermenu {background: #efefef !important;min-width: 195px;}
body[data-theme='change'] .headermenu .dropdown-menu-usermenu > li > a {}
body[data-theme='change'] .headermenu .dropdown-menu-usermenu > li > a:hover {color: #fff !important;}
body[data-theme='change'] .color-wheel {background: url('../images/color_wheel.png') 0 0;}
body[data-theme='change'] li.search-menu {top: 60px !important; } /*62px*/
body[data-theme='change'] .nav-bracket > li > a {border-bottom: 1px solid rgba(0, 0, 0, 0.14);height:43px;} /*border-bottom: 1px solid rgba(0, 0, 0, 0.14); border-top: 1px solid rgba(165, 165, 165, 0.28) !important;*/
body[data-theme='change'] .nav-bracket > li > a.showSearch {border-top: 0 !important;}
body[data-theme='change'] li.search-menu {border-bottom: none !important; left: -8px;}
body[data-theme='change'] #left-panel-main-menus-ul .ui-autocomplete {top: 105px !important;}
body[data-theme='change'] .campus-selection {padding-bottom: 3px;}
body[data-theme='change'] .headermenu .dropdown-toggle {height: 65px !important;}
body[data-theme='change'] .tp-icon .badge {position: absolute;font-size: 10px;font-weight: normal;right: 3px;top: 3px;line-height: 10px;background-color: #D9534F;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 22px;padding: 3px 5px 2px 4px;}
body[data-theme='change'] .round-fa {border: 2px solid #495B79;background: #495B79;}
body[data-theme='change'] .headermenu > li:last-child {padding-right: 0 !important;}
body[data-theme='change'] .leftpanel {background: #1D193B }/*#D1C4E9*/
body[data-theme='change'] .pageheader .breadcrumb li.active, body[data-theme='change'] .pageheader #campus-name {color: #fff !important;}
body[data-theme='change'] .menutoggle, body[data-theme='change'] .menutoggle:hover {background: url('../images/menu_icon.png') no-repeat 25px 4px;position: fixed;top: 19px;left: -18px;z-index: 10;}
body[data-theme="change"] .pageheader .menutoggle {  background-position: center center;  height: 62px;  left: 0;  top: 0;  width: 40px;}
body[data-theme="change"] .pageheader .menutoggle:hover{opacity:0.5}
body[data-theme='change'] .pageheader .breadcrumb {margin-left: 23px;}
body[data-theme='change'] .headermenu > li:first-child {display: none;}


.logo-change-container {display: inline-block;left: 50%;position: absolute;width: auto;z-index: 0;padding:0 30px 44px;height:35px;top:62px;background:#fff;min-width:160px}
body[data-theme='change'] .logo-change {display: inline-block;padding:0 20px 10px;margin-left:0!important;max-width:120px;margin-top:-15px;}
.dark_curve{border-bottom: 1px solid rgb(255, 255, 255);bottom: 0;height: 44px;left: 0;position: absolute;width: 100%;}


body[data-theme='change'] .headermenu > li:first-child {border: 0 !important;}
body[data-theme='change'] .pageheader .breadcrumb li a {color: #2A95C6;}body[data-theme='change'] .pageheader .breadcrumb li a:hover {color:#2A95C6;text-decoration:underline;}
#mCSB_1_container {padding: 0 0 60px;}
.footer-logo {clear: both;display: inline-block;float: right;margin: 10px 10px 10px;}
body[data-theme='change'] .mainpanel {top: 106px ;overflow-x: hidden;overflow-y: auto;position: relative; }
body[data-theme='change'] .leftpanel {top: 103px ;overflow-x: hidden;overflow-y: auto;  } /*width : 250px margin-left:8px margin-top: 1px;*/
body[data-theme='change'] .tsscharts-container {background: #fff;}
body[data-theme='change'].leftpanel-collapsed .nav-hover > a > span, body[data-theme='change'].leftpanel-collapsed .nav-hover > ul.children {margin-top: -2px !important;}
body[data-theme='change'].leftpanel-collapsed #left-panel-main-menus-ul > li > a > span, body[data-theme='change'] #left-panel-main-menus-ul > li > a > span, body[data-theme='change'].leftpanel-collapsed #left-panel-main-menus-ul > li > a > i, body[data-theme='change'] #left-panel-main-menus-ul > li > a > i {color: #e8e8e8;}
body[data-theme='change'].leftpanel-collapsed #left-panel-main-menus-ul > li.feedback-tutorial > a > span, body[data-theme='change'] #left-panel-main-menus-ul > li.feedback-tutorial > a > span, body[data-theme='change'].leftpanel-collapsed #left-panel-main-menus-ul > li.feedback-tutorial > a > i, body[data-theme='change'] #left-panel-main-menus-ul > li.feedback-tutorial > a > i {color: #FF0000;font-size: 14px;}




body[data-theme='change'] li.search-menu .searchbox {background: rgba(0, 0, 0, 0.2);}
.contentHeader {overflow: hidden;padding: 10px 15px;position: relative;}
.contentHeader h3 {margin: 0 !important;display: inline-block;float: left;font-family: "RobotoCondensed";font-weight: normal;letter-spacing: 1px;text-transform: uppercase;color:#495D78}
.contentHeader input.contentInput{border: 0;border-bottom: 1px solid #ccc;background-color: transparent;font-size: 17px;line-height: 12px;color: #666;width:80px;}
.new-input-container {float: left;position: relative;}
.new_input {border: 0 !important;border-bottom: 1px solid #CAD0DA !important;background: transparent !important;font-size: 12px;font-weight: bold;line-height: 17px;width: 100px;transition: all 1s;margin-left: 20px;margin-top: 0;}
.new_input:focus {background: #ECEEF1 !important;font-size: 12px;font-weight: bold;line-height: 17px;width: 100px;outline: 0;transition: all 1s;}
.state {font-size: 10px;background: red;padding: 0px 3px 0;border-radius: 2px !important;color: #fff;position: absolute;top: 3px;right: -33px;line-height: 14px;}
.view_input{margin-bottom:10px;}
.view_input > label {font-size: 11px;/*color: #a1abbd;*/margin: 5px 0 0 0;line-height: 13px;display: block;}
.view_input > p {font-size: 12px;color: #495B79;font-weight: bold;line-height: 14px;margin-bottom: 0 !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.remider > a {display: inline-block;height: 45px;width: 35px;background: url('../Images/time.png') no-repeat 0 6px;}
.view_input .select2-container .select2-choice > .select2-chosen {font-size: 12px;line-height: 12px;}
.show-lead-stage {padding-left: 15px;}
.show-lead-stage li {list-style-type: none;background: #8A8A8A;width: 30px;height: 30px;text-align: center;margin-bottom: 5px;position:relative}
.show-lead-stage li a {color: #fff;}
.show-lead-stage li a > i.fa {font-size: 20px;margin-top: 5px;}
.show-lead-stage li.activeStage:nth-of-type(1) {background: #009AFE;}
.show-lead-stage li.activeStage:nth-of-type(2) {background: #29AD62;}
.show-lead-stage li.activeStage:nth-of-type(3) {background: #EB503C;}
.show-lead-stage li.activeStage:nth-of-type(4) {background: #F39B15;}
.show-lead-stage li.activeStage:nth-of-type(5) {background: #D65706;}
.show-lead-stage li.activeStage:nth-of-type(6) {background: #8C45AF;}
.grid-details-table-header {padding: 0 0 0 10px;background: #fffcfc; /* Old browsers */background: -moz-linear-gradient(top, #fffcfc 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffcfc), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fffcfc 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fffcfc 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fffcfc 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom, #fffcfc 0%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */}
.grid-details-table-header h3 > i { margin-right:5px; }
.grid-details-table {border: 1px solid #ccc;}
.grid-details-table-header {border-bottom: 1px solid #ccc;background:#1D193B ;color: #fff}
.grid-details-table-header > h3 {margin: 0;font-weight: bold;font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;font-size: 21px;display: inline-block;position:relative} /*font-family: "Robotocondensed";*/
.grid-details-table-header > h3:first-child {padding: 7px 0 3px;font-weight: normal !important;line-height: 23px;font-size: 16px;}
.grid-details-table-header > h3:first-child > i {font-size: 18px;}
.grid-details-table-header > h3 > a, .grid-details-table-header > h3 > div, .grid-details-table-header > h3 > div > a {color: #666;padding: 6px 8px 6px;font-size: 18px;display: inline-block;float:left;}
.grid-details-table-header > h3 > div {  padding: 0;}
.grid-details-table-header > h3:first-child > i.arrow-sub {font-size: 12px!important;margin-left: 5px;margin-right: 5px;}
.grid-details-table-content {padding: 10px 15px 10px 15px;}
.sibilings, .attachments, .sibilings:hover, .attachments:hover, .sibilings:focus, .attachments:focus {display: inline-block;float: right;height: 30px;width: 30px;border-radius: 50px;background: #495B79;color: #fff;text-align:center;}
.sibilings > i, .attachments > i {margin: 7px;font-size: 16px;}
.grid-details-table-content {background: #fff;}
.custom-nav-tabs {border-top: 1px solid #bcc6d5;border-bottom: 0;overflow: visible !important;margin-bottom: 0;  background: #e0e4ee none repeat scroll 0 0 !important; box-shadow: 0 -4px 14px 0 #8995b0 inset;}
.nav.nav-tabs.custom-nav-tabs > li > a:hover{background-color:transparent!important;color:#495b79!important;cursor:pointer}
.nav.nav-tabs.custom-nav-tabs > li.active > a:hover{background-color:#526483 !important;color:#fff!important}
.nav.nav-tabs.custom-nav-tabs > li > a {  height: 35px;  padding-left: 10px !important;border-top:0!important;border-bottom:0!important;border-right:1px solid #bcc6d5}
.nav.nav-tabs.custom-nav-tabs > li > a > p{color:#495b79;font-size:13px;font-family:"RobotoCondensed"!important} 
.nav.nav-tabs.custom-nav-tabs > li.active > a > p{color:#fff;font-size:13px;font-family:"RobotoCondensed"!important} 
.nav.nav-tabs.custom-nav-tabs li.check-right > a, .nav.nav-tabs.custom-nav-tabs > li.check-right.active > a, .nav.nav-tabs.custom-nav-tabs > li.check-wrong > a {padding-left: 22px !important;padding-right:3px!important;}
.custom-nav-tabs > li.active > a , .custom-nav-tabs > li.active:hover > a {background: #526483!important;}
.custom-nav-tabs > li.check-right > a, .custom-nav-tabs > li.check-right > a:hover, .custom-nav-tabs > li.check-right > a:focus {background: transparent url('../images/check-right.png') no-repeat 3px 9px/ 16px 16px;}
.custom-nav-tabs > li.check-wrong > a, .custom-nav-tabs > li.check-wrong > a:hover, .custom-nav-tabs > li.check-wrong > a:focus {background: transparent url('../images/check-wrong.png') no-repeat 3px 9px/ 16px 16px;}
.custom-nav-tabs > li.check-right.active > a {background: #526483 url('../images/check-edit.png') no-repeat 4px 9px/ 15px 15px!important;}
.custom-nav-tabs > li.check-wrong.active > a {background: #526483 url('../images/check-edit.png') no-repeat 4px 9px/ 15px 15px!important;}
.custom-nav-tabs .active > a:after {content: "";position: absolute;width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 10px solid #526483;bottom: -9px;left: 50%;margin-left: -15px;}
.leads .view_input p {margin-top: 3px;float: right;text-align: right;}
.view_input .select2-container .select2-choice {height: 16px !important;}
.view_input .select2-container .select2-choice .select2-arrow {top: -5px !important;}
.reminder {color: #242424;}
.reminder > span {display: inline-block;margin-left: 5px;}
.ui-pager-control table tr td {border: 0 !important;}
.stage-count {height: 18px;width: 26px;border-radius: 9px;background: #fff;color: #000000;display: inline-block;position: absolute;font-size: 9px;font-weight: bold;padding: 3px 1px;text-align: center;line-height: 9px;border: 2px solid #000000;cursor: pointer;}
.count {height: 20px;width: 20px;border-radius: 50px;background: #ff0000;color: #fff;display: inline-block;position: absolute;font-size: 9px;padding: 0px 2px;text-align: center;border: 1px solid #cdcdcd;right: 4px;top: -10px;cursor: pointer;line-height: 18px;}
span.new, table-condensed :not(span.new) {background: #ff0000;color: #fff;padding: 1px 3px 0px;display: inline-block;font-size: 10px;cursor: pointer;}
.searchInput, .searchInput:focus {width: 0;background: transparent;border: 0 !important;height: 32px;display: inline-block;vertical-align: top;border-left: 1px solid #ccc !important;font-size: 12px;outline: 0 !important;padding: 0px;color: #888;float:left;}
.searchInput-noOpen, .searchInput-noOpen:focus {width: 0;background: transparent;border: 0 !important;height: 32px;display: inline-block;vertical-align: top;border-left: 1px solid #ccc !important;font-size: 12px;outline: 0 !important;padding: 0px;color: #888;float:left;}
.status-container {position: relative;display: inline-block;width: auto;}
.tbl_wrapper .status-container {display:block;}
.showStatus li {list-style-type: none;margin-bottom: 5px;}
.showStatus {position: fixed;background: #495B79;padding: 5px;margin-top: -15px;z-index: 10;right: 0;}
.view_input .showStatus li {margin-bottom: 0;line-height:15px;}
.view_input .showStatus {position: absolute;background: #495B79;padding: 5px;margin-top: -15px;z-index: 10;right: auto;left: 100%;}
.showStatus:before {content: "";position: absolute;width: 0;height: 0;border-top: 8px solid #495B79;border-left: 8px solid transparent;left: -8px;top: 0;}
.showStatus.inGridLeft:before {display:none;}
.inGridLeft:after {content: "";position: absolute;width: 0;height: 0;border-top: 8px solid #495B79;border-right: 8px solid transparent;right: -8px;top: 0;}
.inGridLeft {text-align: right;}
.showStatus li > a {color: #efefef;font-size: 11px;line-height: 11px;}
.showStatus li > a:hover {color:#95ff34;}
.status, .status:hover, .status:focus {padding: 3px 10px;color: #fff;border-radius: 2px;font-size: 10px;}
.status.current, .green-btn {background: green;}
.status.dropped, .red-btn {background: red;}
.status.future, .blue-btn {background: #009AFE;}
.status.lost, .orange-btn {background: #D65706;}
.default-btn {background: #495b79;}
.groupActions {width: 120px !important;border-bottom:1px solid #ccc!important;margin-top: -34px!important;position: absolute!important;}
.groupActions .select2-choice {padding-left: 6px !important;}
.groupActions-btn {left: 160px;margin-top: -30px !important;padding: 0 5px;position: absolute !important;}
/*Form animations*/
.slide_input_bg {background: #eceef1;height: 25px;position: absolute;top: 0;left: 0;width: 0;opacity:0;z-index: -1;}
.animateBg {left: 0;width: 100%;opacity:1;transition: all 0.2s;z-index: -1;}
.view_input .select2-container {border-bottom: 1px solid #ccc !important;}
.master-selected {padding:0!important;}
.input_container { border-bottom: 1px solid #ccc;position: relative;z-index: 1;margin-top: 15px;padding:0}
.input_container + label {padding:0!important;float:left;width:100%}
.input_container > input[type="text"]{width:100%}
.error-msg + .multi-select-container{  background: rgba(255, 158, 158, 0.4) !important;}
.multi-select-container {margin-top:15px;}
li .tabs-msg {clear: both;color: #004F0C;display: block;font-size: 9px;line-height: 9px;margin-top:-3px;}
li.active .tabs-msg {clear: both;color: #baffc4;display: block;font-size: 9px;line-height: 9px;margin-top:-3px;}
span.error-msg {font-size: 10px;float: right;color: red;line-height: 10px;margin-top: -10px;position: relative;z-index: 10;}
#postDataDivErrorMsg{font-size: 10px;float: right;color: red;line-height: 10px;margin-top: -10px;position: relative;z-index: 10;padding-right: 12px;}
.radio-container {padding-bottom: 4px !important;}
.link {color: #009AFE;cursor: pointer;text-decoration: none;}
.link:hover {color: #009AFE;cursor: pointer;text-decoration: underline;}
.grid-heading {font-size: 18px;color: #333;margin: 0;padding: 10px 5px 2px;}
.grid-heading > i {margin-right: 10px;}
/*POP-Styles*/
.panel input, .panel textarea {border-radius: 0;}
.form-heading {margin: 5px 0 15px;border-bottom: 1px solid #ccc;}
.section-heading {font-family: "RobotoCondensed";font-weight: normal;margin: 0 0 10px;padding: 5px 15px 0;}
.err-bg {background: rgba(255, 158, 158, 0.4) !important;}
.count.check {position: relative;right: -18px;top: -24px;background: #F9D900;}
.count.check > i {font-size: 14px;margin: 2px 0 0;color: rgb(0, 145, 208);}
.btn-file, .btn-file:hover, .btn-file:focus {background: #495B79 !important;color: #fff;text-decoration: none;border-radius: 0 !important;}
/*Reminder CSS*/.reminder.today > i {color: #FF6666;}
.reminder.tomorrow > i {color: #7FCEA1;}
.reminder.one-week > i {color: #65C2FF;}
.reminder.two-week > i {color: #BA8FCF;}
.reminder.three-week > i {color: #F8C373;}
.reminder.four-week > i {color: #A9AEC1;}
.reminder.month > i {color: #666666;}
.panel-btns > a, .panel-btns > a:hover, .panel-btns > a:focus {color: #6D6D6D;background: transparent;}
.reminder-btn {text-align: center;}
.reminder-btn > a {padding: 2px 4px;background: red;float: left;margin-left: 5px;font-size: 12px;color: #fff;border-radius: 3px;position: relative;z-index: 999;}
.reminder-btn > a.today {background: #FE6666;}
.reminder-btn > a.tomorrow {background: #80CFA2;}
.reminder-btn > a.one-week {background: #65C2FF;}
.reminder-btn > a.two-week {background: #B98FCE;}
.reminder-btn > a.three-week {background: #F8C373;}
.reminder-btn > a.four-week {background: #A9AEC1;}
.reminder-btn > a.month {background: #666666;}
/*Fee Structure Styles*/
.entity {color: #aeaeae;display: inline-block;font-size: 34px;font-weight: bold;margin-top: -17px;vertical-align: middle;}
.fee-amount-details > div, .select-term > div {display: inline-block;font-size: 10px;line-height: 21px;margin: 0 10px;}
.fee-amount-details > div:first-child {margin-left: 0;}
.fee-amount-details > div > span {font-size: 14px;display: block;font-weight: bold;line-height: 8px;}
.select-term > div > span {font-size: 11px;display: block;font-weight: bold;line-height: 8px;}
[data-term="term"]{float:left;}
.select-term {margin:0 0 15px;}
.select-term > div {background: #eee;border-top: 1px solid #ccc;cursor: pointer; margin: 0;padding:5px 25px;position: relative;width: 100%;float:left;}
.select-term .td {float: right;font-size: 11px;line-height: normal;}
.select-term .td:first-child {float: left;}
.select-term .td > span:last-child {display: block;padding: 3px 0 0;}
.select-term .td > .paid {display: block;color: #29AD62;}
.select-term .td > .due {display: block;color: #EB1B57;}
.term-arrear {color:#ff0000;}
.select-term > div.selected-term-to-pay, .select-term > div.selected-term-to-pay:hover {background: rgb(232, 245, 170);}
.select-term > div.selected-term-to-pay-arrear {background-color: #FFD5D5;font-weight: bold; }
.select-term > div:hover {background: #ededed;}
span.term-date {line-height: 17px!important;font-size: 10px!important;font-family: "RobotoCondensed";color: #8B8B8B;font-weight: normal!important;margin-top: -5px;}
.showTerms {color: green;font-size:11px;}
.term-pay-details {background: #fff;border:1px solid #ccc;display: none;right: -146px;position: absolute;top: 0;width: 140px;z-index: 10;padding: 7px;}
.select-term > div:hover > .term-pay-details {display: block;}
.term-pay-details > p {margin-bottom: 0;line-height:16px;}
.term-pay-details > p > span {display: inline-block;font-size: 10px;font-weight: bold;line-height: 11px;}
.term-pay-details:before{position:absolute;content:"";left:-7px;top:10px;width: 0; height: 0; border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 6px solid #ccc;}
.term-pay-details > p > span:first-child {width: 50%;font-size: 11px;line-height: 11px;}
.check-term {left: 4px;position: absolute;top: 12px;width: 16px;display: none;}
.term-data-bottom-align .form-group:first-child {margin-top:0;}
.add-term {display: inline-block;vertical-align: middle;width:140px;margin-top:15px;}
.add-term > span.entity {width:30px;margin-left:-15px;}
[data-term="term"].readonly *{color:#bbb;}
[data-term="term"].readonly-fc *{color:#bbb;}
.term-data-bottom-align .form-group{width:100px;}
.add-term .form-group{display: inline-block;font-size: 12px;line-height: 15px;vertical-align: middle;width: 100px;}
.add-term .form-group > span {display: block;font-size: 14px;font-weight: bold;}
.terms-container {display:inline-block;}
.payment-info {margin-top: 15px;}
.payment-info > div {display: inline-block;margin-right: 20px;}
.payment-info > div {font-weight: bold;font-size: 14px;color: #636e7b;}
.payment-info > div > input {font-weight: bold;font-size: 14px;color: #636e7b;border: 0;outline: 0;border-bottom: 1px solid #CAD0DA;}
.focus-bg:focus{background:#ECEEF1!important;}
.payment-info > div > span {display: block;font-size: 11px;font-weight: normal !important;line-height: 11px;}
.ui-accordion .ui-accordion-header:first-child {margin-top: 5px !important;}
.ui-accordion .ui-accordion-header:hover, .ui-accordion .ui-accordion-header-active {cursor: pointer;background: #EAEDF2;}
.ui-accordion .ui-icon {display: none !important;}
.ui-accordion > h3 {border: 1px solid #aeaeae;font-size: 15px;font-weight: bold;margin-bottom: 0;padding: 3px 5px 5px;}
.ui-accordion .ui-accordion-content {padding: 10px 0;border: 1px solid #aeaeae;border-top: 0 !important;}
.company-table table tr th {font-size: 12px !important;color: #636e7b;border-bottom: 1px solid #C9C9C9;padding-left: 15px;}
.company-table table tr td {color: #636e7b;font-size: 12px !important;padding-left: 15px;}
.company-table table tr td > input {background: none repeat scroll 0 0 #eaedf2;border: 0 none;color: #636e7b;font-size: 12px !important;}
.ui-accordion-header img {height: 18px;margin-top: -2px;}
.company-table.ui-accordion-content {height: auto !important;}
.head-amount {border: 0;outline: 0;font-family: 14px;color: #636e7b;text-align: right;background: transparent;font-size: 15px;width: 80px;padding: 2px 5px 2px 20px;border-bottom: 1px solid #ccc;}
.editInput {margin-right: -20px;}
.showFilterStatus {background: none repeat scroll 0 0 #495B79;list-style: outside none none;padding: 0;position: fixed;top: 23px;right: 0;z-index: 4;width: 150px;}
.showFilterStatus::before {content: "";position: absolute;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #495B79;right: 6px;top: -5px;}
.showFilterStatus li, .showFilterStatus li:hover {padding: 0 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.14);}
.showFilterStatus li a, .showFilterStatus li a:focus {font-size: 12px;color: #eee;}
.showFilterStatus li:hover {background: #eee;}
.showFilterStatus li:hover > a {font-size: 12px;color: #495B79;background: #eee;}
.ui-jqgrid .ui-jqgrid-htable th.filterOpt div, .filterOpt {overflow: visible !important;}
/*Touchpoints*/
.tp-container {clear: both;margin: 30px auto 20px;padding: 0 10px !important;position: relative;width: 100%;}
.tp-container::before {background: #435472;content: "";height: 100%;left: 40px;position: absolute;top: 0;width: 4px;}
.tp-container .tp-row {clear: both;margin: 0 0 40px;width: 100%;}
.tp-container .start-row {margin: 0;}
.tp-header {padding: 10px 0 0 10px;}
.top-wrap {display: table;margin: 0 0 5px;width: 100%;}
.tp-type {float: left;}
.tp-type > a {background: none repeat scroll 0 0 #009afe;box-shadow: 1px 1px 1px #bcbcbc;color: #fff;display: inline-block;margin-left: 3px;min-width:30px;padding: 4px 5px 5px;text-align: center;font-size: 18px;}
.tp-type > a:first-child {margin-left: 0;}
.tp-type > a:hover {background: none repeat scroll 0 0 #495b79;}
.tp-futalrts{overflow:hidden;margin-top:15px;}
.tp-futalrts > h6 {color: #636363;font-size: 14px;margin: 0 0 5px;font-family:"RobotoCondensed";width: 100px;font-weight:normal;float:left;display:inline-block;width:75px}
/*.tp-futalrts > h6:after {content:" : "}*/
.tp-futalrts > ul {list-style-type: none;padding: 0;margin: 0;float:left;width:90%}
.tp-futalrts > ul > li {background-color: #ebedec;border: 1px solid #ccc;border-radius: 5px;display: inline-block;font-size: 10px;line-height: 20px;margin-bottom: 5px;margin-left: 5px;padding: 0 30px 0 5px;position: relative;}
.tp-futalrts > ul > li.tp-remainder {background-image: url("../images/red_dot.gif");background-position: 5px center;background-repeat: no-repeat;margin-left: 0;padding-left: 15px;}
.tp-futalrts > ul > li .cls {border-left: 1px solid #ccc;color: #6c6c6c;display: inline-block;font-size: 13px;font-weight: bold;padding: 0 6px;position: absolute;right: 0;top: -1px;line-height: 21px;}
.tp-futalrts > ul > li .cls:hover {background: none repeat scroll 0 0 #dbdddc;}
.tp-container .tp-content .tp-pointer {background: none repeat scroll 0 0 #009afe;border-radius: 2px;box-shadow: 1px 1px 2px #a8a8a8;color: #ffffff;display: inline-block;font-size: 20px;padding: 13px 25px;position: relative;}
.tp-pointer::before {content: '';position: absolute;top: 16px;right: 100%;height: 0;width: 0;border: 8px solid transparent;border-right: 8px solid #009afe;}
.tp-row .tp-date {background: none repeat scroll 0 0 #435472;border-radius: 10px;color: #fff;display: inline-block;font-size: 14px;line-height: 16px;margin: -10px 0 0 0;padding: 8px;position: absolute;text-align: center;min-width: 62px;max-width: 75px;z-index: 1;}
.tp-date > span {display: block;}
.tp-row .tp-content {display: inline-block;margin: 0;padding: 0 0 0 80px;position: relative;top: -10px;width: 100%;}
.tp-row .tp-content > .tp-content-wrap {background: none repeat scroll 0 0 #eaedf2;border-radius: 4px;color: #4b5a77;font-size: 14px;padding: 8px 40px 8px 8px;position: relative;margin: 0 0 10px;}
.tp-content-wrap:before {position: absolute;display: inline-block;border-top: 0 solid transparent;border-right: 18px solid #EAEDF2;border-bottom: 20px solid transparent;left: -10px;top: 0;content: '';}
.tp-admin::before {border-right-color: #FCF1E7;}
.tp-content .tp-edit-btns {position: absolute;right: 0;top: 0;width: 40px;}
.tp-edit-btns > a {display: block;margin: 3px 0;text-align: center;width: 100%;}
.tp-edit-btns > a > i {color: #626667;}
.tp-edit-btns > a > i:hover {color: #000;}
.tp-content p {font-size: 12px;margin: 0 0 0 20px;color:#000}
.tp-content p:first-child {font-size: 10px;margin: 0;color:#8f8f8f}
.tp-content-wrap > p:first-child > span > i {font-size: 13px;}
.tpp-edit > span {display: none;}
.tp-pointer > textarea {color: #626667;background: none repeat scroll 0 0 #F8F7F7;border: medium none;border-radius: 5px;display: none;padding: 10px;width: 100%;}
.tpp-edit > textarea {display: block;}
.tp-container .tp-content .tp-pointer.tpp-edit {background: none repeat scroll 0 0 rgb(234, 237, 242);display: block;transition: all 0.5s ease 0s;padding: 0;}
.tp-container .tp-content .tp-pointer.tpp-edit:before {border-right-color: rgb(234, 237, 242);}
.tp-row .tp-content > .tp-admin {background:#FCF1E7;}
.typeConversation {display: inline-block;text-align: center;}
.tp-admin .typeConversation > i {color: #fd776d;}
.tp-content-wrap.current textarea, .tp-content .inptTxt {border: medium none;color: #4b5d7e;font-size: 12px;margin: 6px 0;min-height: 50px;padding: 5px;width: 100%;}
.tp-content .typeConversation > i {display: inline-block;width: 16px;}
.fnt20 {font-size: 20px;}
/* verticle tabs */
.verticle-tabs ul.tabs-left {border: 1px solid #C8C8C8 !important;border-bottom: none !important;border-right: none;padding: 0;position: relative;z-index: 1;}
.tabs-left {border-bottom: none;padding-top: 2px;}
.tabs-left {border-right: 1px solid #ddd;}
.tabs-left > li {margin-right: -1px;float: none;}
.tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus {border-bottom-color: #ddd;border-right-color: transparent;}
.tabs-left > li > a {color: #868FA0;border-radius: 0;margin-right: 0;display: block;background: #EAEDF2;border-right: 1px solid #C8C8C8;border-bottom: 1px solid #C8C8C8;padding: 10px 15px 11px 35px;line-height: normal;font-size: 12px;}
.verticle-tabs .tabs-left li.active > a {background-color: #fff;}
.verticle-tabs .tabs-left li.success > a {background-image: url("../images/check-right.png");background-position: 7px center;background-repeat: no-repeat;font-size: 14px;font-family: "RobotoCondensed"; color: #495b79;}
.verticle-tabs .tab-content {margin-left: -1px;margin-top: 0;padding-bottom: 22px;min-height: 57px;}
.verticle-tabs ul li a > strong {display: block;padding-right: 100px;font-weight: bold;font-family: "RobotoCondensed";}
.verticle-tabs .tabs-left > li > a .green-txt {display: none;}
.verticle-tabs .tabs-left > li.success > a .green-txt {color: rgb(41, 173, 98);display: inline-block;float: right;font-size: 11px;margin-top: -6px;}
.present-tag-wrap {background: none repeat scroll 0 0 #fff;display: none;width: 100%;overflow: hidden;border-bottom: 1px solid #ccc;}
.present-tag-wrap .leftText {float: left;margin-right: 10px;}
.present-tag-wrap .tags-wrap {width: 100%;}
.tags-wrap .filter-tags {margin: 0 2px;padding: 0 10px 0 5px;}
.position-Rel {position: relative;}
.tag-filter-wrap {position: absolute;top: 45px;right: 0;width: 350px;border: 1px solid #8898b2;background: #eaedf2;padding: 3px 8px 8px;z-index: 10;display: none;}
.contact-filter-wrap {position: absolute;top: 45px;right: 0;width: 160px;border: 1px solid #8898b2;background: #eaedf2;padding: 8px;z-index: 10;display: none;}
.contact-filter-wrap > ul {margin:5px 0 0;padding: 0;}
.contact-filter-wrap ul li { line-height: 14px;list-style-type: none;padding-bottom: 3px;}
.contact-filter-wrap ul li:hover {background:#D8E0EE;}
.contact-filter-wrap ul li > a {font-family: "RobotoRegular";font-size: 12px;}
.top-filter {display: table;margin: 0 0 10px;width: 100%;}
.tag-filter-wrap::before {background: url("../images/blue-tip.png") no-repeat scroll center top rgba(0, 0, 0, 0);content: "";height: 12px;position: absolute;right: 4px;top: -12px;width: 20px;}
.contact-filter-wrap::before {background: url("../images/blue-tip.png") no-repeat scroll center top rgba(0, 0, 0, 0);content: "";height: 12px;position: absolute;right: 4px;top: -12px;width: 20px;} 
.togContacts, .togTags {position:relative;}
.right5:before {right: 5px;}
.right36:before {  right: 36px;}
.right72:before {  right: 72px;}
.tag-filter-wrap .top-filter > .button-common, .contact-filter-wrap .top-filter > .button-common {background: none repeat scroll 0 0 #7e94b7 !important;border-radius: 0 !important;font-size: 12px;margin: 5px 0 0;padding: 2px 6px 0;text-transform: none;}
.tag-filter-wrap .top-filter > .button-common:hover, .contact-filter-wrap .top-filter > .button-common:hover {background: none repeat scroll 0 0 #495b79;}
.posRel {  position: relative;}
.filter-tags input {background: none repeat scroll 0 0 transparent;border: 0 none;box-shadow: none;color: #495b79;font-size: 11px;outline: 0 none;}
.clsBox {color: #aab3c2;font-size: 12px;line-height: 12px; margin-right: -5px; margin-top: -7px;padding: 1px 4px 1px 6px;}
.tag-filter-wrap .clsBox, .contact-filter-wrap .clsBox {  position: absolute;  right: 10px;  top: 12px;z-index:10}
.search-filter {display: table;width: 100%;margin: 0 0 10px;}
.search-filter > span:first-child {display: inline-block;float: left;padding-left: 20px;position: relative;width: 300px;}
.search-filter > span button {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: medium none;color: #495b79;font-size: 16px;left: 0;position: absolute;top: 0;padding: 0;}
.search-filter > span .form-control {background: none repeat scroll 0 0 transparent;height: 22px;line-height: 18px;}
.addTags {background: none repeat scroll 0 0 #7e94b7;color: #fff;display: inline-block;float: right;font-size: 12px;padding: 0 7px;}
.addTags:hover {background: none repeat scroll 0 0 #495b79;color: #fff;}
.search-results {max-height: 150px;overflow: auto;}
.filter-tags {background: none repeat scroll 0 0 #fff;border: 1px solid #c0c0c0;border-radius: 5px;display: inline-block;font-size: 10px;margin: 0 2px 4px;overflow: hidden;padding: 0 12px 0 15px;position: relative;vertical-align: middle;}
.filter-tags > i {color: #9f9f9f;cursor: pointer;padding: 4px 2px;position: absolute;top: 0;}
.filter-tags > i:first-child {border-right: 1px solid #c0c0c0;left: 0;padding-right: 1px;}
.filter-tags > span {color: #495b79;cursor: pointer;display: block;line-height: 18px;margin: 0;overflow: hidden;padding: 0 4px 0 3px;text-overflow: ellipsis;vertical-align: top;width: 100%;}
.filter-tags > span:hover {/*background: #dedede;*/color: #354765;}
.filter-tags > i.last {border-left: 1px solid #c0c0c0;font-style: normal;font-weight: bold;line-height: 11px;padding-left: 2px;right: 0;}
.filter-tags > i:hover {background: #b1cbd9 ;color: #7f7f7f;}
.filter-tags:hover {    background: #daebff;}
.Icon-orange {color: #ff786d;vertical-align: middle;}
.Icon-green {color: #00a651;vertical-align: middle;}
.mod-srch .input_container > a {color: #495b79;margin-right: -22px;}
.mod-srch .form-control.rval {display: inline-block;padding-left: 25px;vertical-align: bottom;width: 100%;}
.selection-wrapper {display: inline-block;}
.selection-wrapper li {list-style-type: none;float: left;margin-left:10px;margin-right: 0 !important;}
.selection-wrapper .select2-container{width:180px!important}
.selection-wrapper .select2-container .select2-choice {color: #fff;border-bottom: 0 !important;padding-left: 8px !important;}
.selection-wrapper .select2-container .select2-choice > .select2-chosen {color: #fff; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif ; }
.selection-wrapper .select2-container .select2-choice .select2-arrow {right: 5px;top: -1px;}
.even-odd .select2-results li:not(.select2-highlighted):nth-child(2n) {  background: #c9d0d9;color:#000}
.chosen-container .chosen-results li:not(li.highlighted):nth-child(2n) {background: #c9d0d9;color:#000} 
.readonly {pointer-events: none;}
body[data-theme="change"] .basic-wizard .horizontal-tabs .nav-tabs-top li.active a p, body[data-theme="change"] .horizontal-tabs .nav-tabs li.active a p {color: #333 !important;}
.horizontal-tabs .nav-tabs {border-top: 0 !important;border-bottom: 0 !important;margin-bottom: 0;}
.horizontal-tabs .nav.nav-tabs li > a {border-bottom: 1px solid #ccc !important;}
.horizontal-tabs .nav.nav-tabs li.active > a {border-bottom: 1px solid transparent !important;}
.horizontal-tabs .tab-content {border: 0 !important;border-top: 1px solid #ccc !important;border-left: 1px solid #ccc !important;margin-top: -1px;padding: 0 20px 10px;min-height: 78px;}
.section-wrap {border: 1px solid #0095FF;padding: 10px 0;}
.selectSection i {margin-right:10px;}
.glow-btn, .glow-btn:hover, .glow-btn:focus {color: #fff;background: #333;padding: 5px 10px;margin-right: 5px;}
.glow {    background: none repeat scroll 0 0 #0095ff !important;    color: #ebebeb !important;    position:relative;}
.glow::before {  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 10px solid #0095ff;  bottom: -5px;  content: "";  height: 0;  left: 50%;  margin-left: -10px;  position: absolute;  width: 0;}
.closeEntity > a {position: absolute;right: 10px;top: 5px;}
.entityDetails:before {content: "";position: absolute;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #ebebeb;left: -8px;top: 50%;margin-top: -10px;}
.entityDetails {background: #ebebeb;}
.note {color: #a4a4a4;font-size: 12px;font-weight: bold;letter-spacing: 1px;}
.selectSection > span {color: #495B79;}
.selectSection > a {color: #9d9d9d;display: inline-block;padding: 2px 6px;margin-right: 4px;border: 1px solid transparent;}
.selectSection > a.active {color: #000;background: #B0DE27;border: 1px solid #7ca800;border-radius: 2px;}
.subjectSelect {background: none repeat scroll 0 0 #dcdcdc;border: 0 none;float: left;height: 31px;padding: 0;width: 0;}
.animate-subject-select {width: 200px;padding: 5px 10px;transition: all 0.5s;}
.addSubject, .addSubject:hover, .addSubject:focus {background: none repeat scroll 0 0 #495b79;color: #fff;float: left;font-size: 14px;padding: 5px 10px;}
.addSection > .addSubject, .addSection > .addSubject:hover, .addSection > .addSubject:focus {padding: 0 6px;}
.show-mapped-subject {background: none repeat scroll 0 0 #e1e8f2;font-family: "RobotoCondensed";font-size: 16px;margin-top: 15px;padding: 25px 10px;text-align: center;}
.subject-header {background: #E1E8F2;padding: 5px 10px;font-family: "RobotoCondensed";margin: 0;border-bottom: 1px solid #ccc;font-size: 16px;font-weight: normal;}
.subject-details {border: 1px solid #ccc;margin-top: 10px;}

.red-bg, .bg-red {background: #FF150E;}
.gray-bg {background: #BCBCBC ;}
.purple-bg {background: #99007F ;}
.black-bg {background: #242424 ;}
.yellow-bg{background: #D5CC06}
.blue-bg{background:#0296DE;}
.bg-blue {background: #244cbe !important;}
.bg-green {background: #3EB22D !important;}
.bg-light-red{background:#ed6865}
.bg-light-green{background:#7ce0a7}
.table-grid-view {border: 0;}

.table-grid-view input[type="checkbox"] {display: inline-block;vertical-align: middle;}
.table-grid-view tr td table tr td{border:0!important;background:transparent!important}

.table-grid-view tr td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.table-grid-view tr th{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.table-grid-view .form-control{ font-size:11px;line-height:24px;}
.table-grid-view tr th {color: #3a4961;font-size: 12px;font-weight: bold;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;padding: 2px 6px;background:#D8E0EE;height:30px;}
.table-grid-view tr th:first-child {border-left: 0;}
.table-grid-view tr td {color: #636e7b;font-size: 11px;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;padding: 0px 6px;}
.table-grid-view tr td:first-child {border-left: 0;}
.table-grid-view tr:nth-last-child(1) td {border-bottom: 0 !important;}
.table-grid-view tr td, .table-grid-view tr th {margin-top: 0;vertical-align: middle;}
.table-grid-view tr:nth-child(even) td {background:#F8F9FA;}
table.table-grid-view input {  border: 1px solid #ccc!important; line-height: 19px;}
#professionalInfo table.table-grid-view input, #FamilyDetails table.table-grid-view input {border: 1px solid #ccc!important; line-height: 19px; width:100%;}
.table-grid-view a.select2-choice {  border: 1px solid #ccc !important;  margin: 0;}
.table-grid-view .select2-container {height:21px}/*Merge with SVN*/
.table-grid-view .select2-container .select2-choice > .select2-chosen {line-height: 20px; padding-left: 5px;}
.table-grid-view .select2-container .select2-choice .select2-arrow b{background:url("../Images/custom-select.png") no-repeat scroll 0 -3px rgba(0, 0, 0, 0) !important}
/*Table Grid View _End*/
.editImage , .editImage:hover, .editImage:focus{position:absolute;bottom:0;left:25px;background:rgba(0,0,0,0.5);color:#fff;padding:5px 10px;z-index:2;width:160px;text-align:center}
/*TSS_TABS*/
.tss-tab-oasis {background: #fff;}
.tss-tab-oasis > .oasis-left {padding: 0 0 0 15px;}
.tss-tab-oasis > .oasis-left > .tss-oasis-tabs-left {padding: 0;list-style-type: none;border: 1px solid #ccc;border-right: 0;position: relative;z-index: 1;}
.tss-oasis-tabs-left .fa-space{margin-right:6px;}
.olp0 .oasis-left {padding-left: 0;}
.tss-tab-oasis > .oasis-left > .tss-oasis-tabs-left > li b {color: #697b99;font-size: 12px;font-weight: normal;margin-left: 5px;}
.tss-tab-oasis > .oasis-left > .tss-oasis-tabs-left > li {background: #efefef;padding: 5px 5px 5px 15px;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;color: #3a4961;cursor: pointer;font-size: 14px;}
.tss-tab-oasis > .oasis-left > .tss-oasis-tabs-left > li.active {border-right: 1px solid #fff;background: #fff;}
.tss-tab-oasis > .oasis-left > .tss-oasis-tabs-left > li:last-child {border-bottom: 0;}
.tss-tab-oasis > .oasis-right {padding: 0;border: 1px solid #ccc;margin-left: -1px;position: relative;background: #fff;min-height:250px;}
.oasis-right > .tss-oasis-tabs-right {list-style-type: none;margin: 0;display: table;width: 100%;padding: 0;border-bottom: 1px solid #ccc;background: #fcfcfc;
background: -moz-linear-gradient(top,  #fcfcfc 0%, #ececec 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ececec));
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ececec 100%);
background: -o-linear-gradient(top,  #fcfcfc 0%,#ececec 100%);
background: -ms-linear-gradient(top,  #fcfcfc 0%,#ececec 100%);
background: linear-gradient(to bottom,  #fcfcfc 0%,#ececec 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ececec',GradientType=0 );}
.oasis-right > .tss-oasis-tabs-right > li {float: left;padding: 5px 10px;font-size: 14px;color: #495b79;margin-bottom: -1px;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.oasis-right > .tss-oasis-tabs-right > li.active {background: #fff;border-bottom: 1px solid transparent;position: relative;}
.oasis-right > .tss-oasis-tabs-right > li.active::before {border-bottom: 1px solid #fff;bottom: -1px;content: "";left: 0;position: absolute;width: 100%;}
.oasis-right .oasis-tss-right-tabs-content {padding:10px;min-height:63px;}/*DP*/
.class-grpGlw {display: table;padding: 30px 10px 20px;text-align: center;width: 100%;}
.class-grpGlw > a {display: inline-block;margin-bottom: 5px;vertical-align: top;}
.class-grpGlw > a:hover {background: #737373;}
.inGrid{padding-left:2px;margin-right:2px;margin-top:3px;padding-right:16px;}
.more {margin-right:2px;}.fa.fa-space {width: 9px;}
.grid-tags-container {position:relative;}
span[data-is-public="false"], input[data-is-public="false"] {color:#f60;}
.present-tag-wrap input.tagInput {pointer-events:none;cursor:pointer;}
.file-upload-message-div {text-align:center;margin-top:-10px;}
.success-message {border-right: 1px solid #ccc;color: #02b800;padding: 2px 10px;margin-bottom:5px;}
.failure-message {border-right: 1px solid #ccc;color: #B83100;padding: 2px 10px;margin-bottom:5px;}
.duplicate-message {color: #b89900;padding: 2px 10px;margin-bottom:5px;}
.file-upload-message-div span {margin-left:10px;}
.tag-count {padding:5px;color:#000;background:#eaedf2;display:inline-block;font-size:11px;}
.tags-container-ingrid {display: inline-block;vertical-align:middle;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 80%;}
[aria-describedby="contact-grid_ContactTags"] {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tags-container-ingrid .filter-tags.inGrid, .tags-container-ingrid .filter-tags.inGrid:hover,
.tags-container-ingrid .filter-tags.inGrid span, .tags-container-ingrid .filter-tags.inGrid:hover span {background:transparent;padding:1px!important;overflow:visible!important;line-height: 12px;}
.tags-container-ingrid .filter-tags.inGrid .fa {display:none;}
.tag-action {display: inline-block;margin-top: 8px;vertical-align: top;margin-right:4px;}
.overflow-visible {overflow:visible!important;}
/*Assign Role CSS _Start*/
.list-container, .employee-list {border-right: 1px solid #ccc;padding: 10px 0 0;width: 250px;float:none;vertical-align: top;}
.list-details-area , .employee-list-search {  margin: 0 auto;  padding: 0 10px;  position: relative;  width: 100%;}
.list-details-area > h3, .employee-list-search > h3 {color: #454545;font-family: "RobotoCondensed";font-size: 16px;font-weight: normal;margin: 5px 0;}
/*Assign Roles Radios*/
.elis-wrap, .elis-top {border: 1px solid #ccc;border-radius: 5px;margin: 10px 0;padding: 0 0 0 22px;position: relative;}
.elis-top {margin: 10px 0 0;padding-bottom: 4px;}
.elis-wrap {margin: 0 0 10px;}
.elis-wrap .elis-two, .elis-top .elis-one {background: none repeat scroll 0 0 #eee;border-right: 1px solid #ccc;display: inline-block;height: 100%;left: 0;position: absolute;top: 0;width: 22px;}
.elis-wrap .elis-two > input[type="radio"] {margin: 45px 0 0 4px !important;}
.elis-top .elis-one > input[type="radio"] {margin: 16px 0 0 4px !important;}
.elis-form {padding: 5px 0;}
.elis-form .input_container {margin: 0;}
.assign-role-wrap {  float: none;  vertical-align: top;}
.assign-role-wrap .contentHeader {margin: 0;}
.assign-role-wrap h3 {font-family: "RobotoCondensed";font-size: 16px;font-weight: normal;margin: 0 10px 10px 15px;}
.assign-role-wrap .assign-role {border-bottom: 1px solid #ccc;display: table;margin: 0 0 10px;width: 100%;}
.assign-role-wrap .assign-role input[type="radio"], .assign-role-wrap .assign-role input[type="checkbox"] {line-height: normal;margin: 0 4px 0 0 !important;vertical-align: middle;}
.assign-role-wrap .ckbox label::before {top: 0;   }
.assign-role-wrap .ckbox label {font-size: 12px;margin: 2px 0 0;vertical-align: top;}
.employee-list-search-field {padding-left:2px;}
.employee-list-search-field .input_container {margin-top:5px;}
.employee-list-search-icon , .jsonSuggest-search-icon {color: #495b79;left: 2px;position: absolute;z-index: 4;}
.elis-top .input_container > input[type="text"], .inp_srch {padding: 5px 5px 0 20px !important;}
.select-all {margin: 10px 0;}
.select-all input[type="checkbox"] {display:inline-block;vertical-align:middle;margin:-2px 0 0 5px;}
.move-to-selected-list , .move-to-selected-list:focus, .move-to-selected-list:hover{background: none repeat scroll 0 0 #008000;color: #fff;float: right;font-size: 14px;line-height: 14px;padding: 2px 5px 4px;}
.show-list, .admission-list, .show-all-employees, .responsible-emp {list-style-type: none;height: 440px;overflow: auto;padding: 0;}
.show-list > li, .admission-list > li, .show-all-employees > li, .responsible-emp > li{border-top: 1px solid #eee;padding:5px 10px 0;position: relative;}
.show-list > li:hover, .admission-list > li:hover, .admission-list > li.active, .show-all-employees > li:hover, .show-all-employees > li.active, .responsible-emp > li:hover, .responsible-emp > li.active {background:#EFF3FA}
.show-list > li > a, .admission-list > li > a, .show-all-employees > li > a, .responsible-emp > li > a {color: #454545;display: block;margin: 0 0 5px;overflow: hidden;}
.show-all-employees > li > i {display: none;}
.show-list > li > a.remove-from-list{display:none;position:absolute;right:5px;top:5px;}
.show-list > li:hover > a.remove-from-list{display:inline-block;position:absolute;right:5px;top:5px;}
.show-all-employees > li > a > span.emp-img, .responsible-emp > li > a > span.emp-img, .show-list > li > a > span.list-img {height:40px;width:40px;margin-right:5px;overflow: hidden;text-align: center;background:#ccc;}
.show-all-employees > li > a > span, .responsible-emp > li > a > span {float:left;width: 165px;}
.student-details > b , .emp-details > b, .list-details > b {  display: block;  font-size: 12px;  line-height: 14px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
span.student-details label, span.emp-details label, span.list-details label {cursor: pointer;  display: block;  font-size: 10px;  line-height: 14px;  overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
span.student-details > label > span:nth-child(2) {margin-left:15px;}
.list-container {margin-left:15px;border:1px solid #ccc;margin-bottom:10px;background:#fff;float:left}
.details-wrap {float:left;margin-left:15px;}
/*Show-selected*/
.selected-list {border-right: 1px solid #ccc;padding: 15px 0 0;width: 250px;background:#EFF3FA;float:none;position:relative;vertical-align: top;}
.selected-list > h3 {font-family: "RobotoCondensed";font-size: 16px;font-weight: normal;margin: 0 10px;}
.selected-list > b {font-size: 14px;font-family: "RobotoCondensed";font-weight: normal;margin: 0 10px;line-height:14px;}
.close-all-selected {color: #9ca7b9;display: inline-block;font-size: 18px;position: absolute;right: 8px;top: 5px;}
.show-selected {height: 640px;list-style-type: none;overflow: auto;padding: 0;}
.show-selected > li{border-top: 1px solid #dee4ed;padding:5px 10px 0;position: relative;}
.cmr-wrap label {font-size: 12px;}
.show-selected > li:hover {background:#fff}
.show-selected > li > a {color: #454545;display: block;margin: 0 0 5px;overflow: hidden;}
.show-selected > li > i, .responsible-emp > li > i {display: none;font-size: 12px;font-style: normal;position: absolute;right: 6px;text-transform: uppercase;top: 2px;cursor: pointer;}
.show-selected > li:hover > i, .responsible-emp > li:hover > i {display: block;}
.show-selected > li > a > span.emp-img{height:40px;width:40px;margin-right:5px;overflow: hidden;text-align: center;background:#ccc;}
.show-selected > li > a > span{float:left;width: 165px;}
.lnhgt30 {line-height: 30px;}
/* cash counter setup styles */
.right-drop {padding-right: 50px;position: relative;}
.right-drop-setng .btn-group {position: absolute;top: 0;}
.right-drop-setng .btn-group .dropdown-menu {left: inherit;right: 0;}
.srch-field input[type="text"] {padding: 5px 8px 0 25px;}
.srch-field .employee-list-search-icon, .srch-field .jsonSuggest-search-icon {top: 4px;}
.responsible-emp > li:first-child {border-top: medium none;}
.responsible-emp > li {border-top: 1px solid #e7e7e7;}
.responsible-emp > li > a {margin: 0;padding: 3px 0;}
.table-IsResult {list-style-type: none;padding: 0;text-align:center;}
.table-IsResult > li {display: inline-block;font-size: 11px;line-height: normal;margin: 0 2px;vertical-align: middle;}
.table-IsResult > li:first-child {  margin-right: 14px;  text-align: left;}
.table-IsResult > li > strong {  display: block;font-weight: bold;margin: 0 0 2px;}
.table-IsResult > li > strong label {    background: #eee;  border: 1px solid #ccc;  border-radius: 5px;  display: inline-block;  font-weight: bold;  padding: 0 5px;}
.table-IsResult > li:first-child > strong label {  border: medium none;  border-radius: 0;  padding: 0;  background: none;}
/* cash counter setup styles ends */
.custm-dd .dropdown-toggle {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);font-size: 16px;}
.custm-dd .dropdown-menu {background: none repeat scroll 0 0 #f7f8fc;border-bottom-width: 3px;border-color: #a9b0c0;border-radius: 0;}
.custm-dd .dropdown-menu::before {background: none repeat scroll 0 0 transparent;border-color: #a9b0c0 transparent transparent;border-style: solid;border-width: 12px 12px 0 0;content: "";height: 0;position: absolute;right: 13px;top: -6px;transform: rotate(43deg);-moz-transform: rotate(43deg);-webkit-transform: rotate(43deg);-ms-transform: rotate(43deg);-apple-transform: rotate(43deg);width: 0;}
.custm-dd .dropdown-menu > li > a {color: #4b5a77;font-size:12px;}
.custm-dd .dropdown-menu > li > a:hover, .custm-dd .dropdown-menu > li > a:focus {background: none repeat scroll 0 0 #a9b0c0;color: #fff;}
.custm-dd .dropdown-toggle:active {box-shadow: none;opacity: 0.6;}
.blued-tabs .nav.nav-tabs {background: #fff; padding-left: 15px !important; padding-top: 20px !important;}
.blued-tabs .nav.nav-tabs > li:first-child {border-left: 1px solid #ccc;}
.blued-tabs .nav > li {border-top: 1px solid #ccc;margin-bottom: 0 !important;}
.blued-tabs .nav > li.active {border-top: medium none transparent;}
.horizontal-tabs.blued-tabs .nav.nav-tabs > li > a {background: none repeat scroll 0 0 #eee;border-top: 5px solid transparent !important;color: #adb3c1;}
.horizontal-tabs.blued-tabs .nav.nav-tabs > li.active > a {background: none repeat scroll 0 0 #fff;border-top-color: #16a0de !important;}
.horizontal-tabs.blued-tabs .nav.nav-tabs > li > a::after {border-bottom: 1px solid #ccc;bottom: -2px;content: "";left: 0;position: absolute;width: 100%;}
.horizontal-tabs.blued-tabs .nav.nav-tabs > li.active > a::after {border-bottom-color: #fff;}
.horizontal-tabs.blued-tabs .tab-content {border-left: medium none !important;}
.left-grid-img {margin: 10px 0;text-align: center;}
.btn-sml {line-height: normal;padding: 2px 8px;font-size: 10px;}
/* Create modify styles */
.cmr-wrap {border-top: 1px solid #ccc;display: table;padding: 0 0 20px;width: 100%;}
.cmr-wrap .cmr-menu {background: none repeat scroll 0 0 #fff;float: none;display: table-cell;vertical-align: top;height: 800px;width: 200px;}
.menu-list-wrap {height: 500px;overflow: auto;width: 100%;}
.menu-list-wrap > div {border-top: 1px solid #f3f4f6;overflow: hidden;padding: 5px 0 0 5px;position: relative;}
.menu-list-wrap > div:first-child {border-top: medium none;}
.menu-list-wrap label {display: block;font-size: 12px;overflow: hidden;padding-bottom: 7px;padding-right: 33px;padding-top: 4px;text-overflow: ellipsis;white-space: nowrap;}
.menu-list-wrap input[type="checkbox"] {margin-top: -2px;vertical-align: middle;}
.menu-list-wrap > div > i {cursor: pointer;display: none;padding: 8px 10px;position: absolute;right: 0;top: 0;}
.menu-list-wrap > div:hover > i, .menu-list-wrap > div > i:hover, .menu-list-wrap > div.active > i {display: block;}
.menu-list-wrap > div > i:hover, .menu-list-wrap > div.active > i {background: none repeat scroll 0 0 #f3f4f6;}
.menu-list-wrap .menu-list-edit {background: none repeat scroll 0 0 #f3f4f6;display: none;padding: 10px 0;}
.menu-list-edit .input_container .iconSrch {padding-left: 35px;}
.menu-list-edit .input_container .add-icon {background: none repeat scroll 0 0 #fff;border: 1px solid #ccc;border-radius: 2px;color: #999999;cursor: pointer;display: inline-block;height: 26px;position: absolute;text-align: center;top: 0;width: 30px;z-index: 4;}
.cmr-wrap .cmr-subMenu {background: none repeat scroll 0 0 #eff3fa;float: none;display: table-cell;vertical-align: top;height: 800px;width: 300px;}
.cmr-subMenu > h3 > .cls {float: right;color: #9ca7b9;}
.cmr-wrap h3 {color: #495b79;font-family: "RobotoCondensed";font-size: 18px;font-weight: normal;margin: 0;padding: 10px 15px 10px 26px;position: relative;border-bottom: 2px solid transparent;}
.cmr-menu > h3 {border-color: #eaecef;}
.cmr-subMenu > h3 {border-color: #d2d8e2;}
.cmr-assignRole > h3 {  padding-left: 5px;}
.cmr-wrap .assign-role > h3 {  font-size: 16px;  padding-left: 6px;}
.subMenu-list {height: 500px;overflow: auto;width: 100%;}
.subMenu-list > ul {list-style-type: none;padding: 0;}
.subMenu-list > ul > li {border-bottom: 1px solid #d2d8e2;padding: 7px 5px 6px;}
.subMenu-list > ul > li label {display: block;font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.subMenu-list > ul > li label input[type="checkbox"] {margin: 3px 4px 3px 0;vertical-align: bottom;}
.noChk > div label input[type="checkbox"] {visibility: hidden;}
.view-menu-list > div:hover, .view-menu-list > div.active  {background: none repeat scroll 0 0 #f3f4f6;border-color: #dedfe1;}
.hr-gray {border-color: #ccc;}
.cmr-assignRole {display: table-cell;vertical-align: top;width: 100%;}
.cmr-assignRole .assign-role-wrap {padding: 0;}
.cmr-assignRole .assign-role-wrap .assign-role:last-child {border-bottom: medium none;}
.default-table {border: 1px solid #ccc;margin: 0 15px;}
.default-table th {border-bottom: 1px solid #ccc;font-size: 11px;padding: 5px 8px;}
.default-table td {border-bottom: 1px solid #ccc;font-size: 11px;padding: 5px 8px;}
.default-table td .Row-clr {color: #a1aab9;text-transform: uppercase;}
.request-panel textarea {  font-weight: normal;  height: auto !important;  padding: 5px 5px 0;}
.request-panel p {font-size: 15px;padding: 5px 0 0 15px;}
.templates-view .temp-img {float: left;margin-right: 20px;}
.templates-view .temp-content {float: left;}
.temp-content > p {margin: 0;padding: 0;}
.resp-user table {margin: 0;}
.rdoSet {min-height: 85px;padding: 0 0 0 20px;}
.rdoSet > label {  display: block;  margin: 0 0 6px;}
.rdoSet input {  margin-right: 3px !important;}
.resp-user h6 {font-family: "RobotoCondensed";font-size: 20px;font-weight: normal;margin: 0 0 5px;padding: 0 0 0 20px;position: relative;}
.resp-user h6 > input[type="checkbox"] {left: -8px;position: absolute;top: -2px;}
.disabled-overlay {overflow: hidden;position: relative;}
.disabled-overlay::before {bottom: 0;content: "";height: 100%;left: 22px;position: absolute;right: 0;top: 0;width: 100%;z-index: 100;}
.resp-user p > strong {font-size: 14px;}
.tbl_wrapper .ui-jqgrid .ui-pg-table .ui-pg-selbox {margin-left: 2px;vertical-align: top;border:1px solid #ccc;width:40px!important;font-size:10px;}
.tbl_wrapper .ui-pg-table .ui-pg-selbox a.select2-choice {border: 1px solid #ccc !important;height: 22px;line-height: 21px;margin: 7px 0 0;}
.left-stage-align {float: left;clear: both;padding-left: 70px;position: relative;width: 100%;}
.left-stage-align > .stages {left: 0;position: absolute;}
.left-stage-align > .col-sm-12 {padding:0!important;}
/* Accordians */
.accordians > h3, .accordian-sortable > .group > h3 {background: #fff;border: 1px solid #ccc;font-family: "RobotoCondensed";font-size: 16px;font-weight: normal;margin: 10px 0 0;padding: 6px 10px 6px 25px;position: relative;cursor: pointer; overflow: hidden;}
.accordian-sortable > .group > h3 {  background: #f1f1f1 none repeat scroll 0 0;}
.accordians > h3::before, .accordian-sortable > .group > h3::before {background: url("../images/pagination-arrows.png") no-repeat scroll 4px 2px rgba(0, 0, 0, 0);content: "";height: 20px;left: 4px;position: absolute;width: 20px;top: 8px;}
.accordians > h3.acco-active::before, .accordian-sortable > .group > h3.acco-active::before {background-position: 4px 0;transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-apple-transform: rotate(90deg);}
.accordians > h3.acco-active, .accordian-sortable > .group > h3.acco-active {background: #eee;}
.accordians > .accordian-content, .accordian-sortable .ui-accordion-content {border: 1px solid #ccc;border-top: none;display: none;font-size: 14px;padding: 10px;height: auto !important;}
.sortable li {border: 1px solid #ccc;list-style-type: none;margin-bottom: 10px;padding: 5px;cursor:move;background:#F1F1F1;overflow: hidden;}
.sortable{padding:0}
.sortable li i.fa-arrows-v{margin-right:5px}
.sortable li label input[type="radio"]{margin-right:5px!important;}
.sortable li label input[type="checkbox"] {display: inline-block;margin-right: 5px !important;margin-top: -2px!important;vertical-align: middle;}
/* Accordians ends */
/* Create modify styles ends */
@media only screen and (max-width: 1430px) {.cmr-wrap .cmr-menu {width: 180px;}.cmr-wrap .cmr-subMenu {width: 200px;}}
@media only screen and (max-width: 1165px) {
    .border-right {border-bottom: 1px solid #ccc;border-right: medium none;margin: 0 0 10px;padding: 2px 0px 30px 4px;/*overflow: hidden;*/}
    .border-right.ticket-info-border {border-bottom: medium none;border-right: 1px solid #ccc;margin: 0;padding: 0;}
}
.btn-sml {line-height: normal;padding: 2px 8px;font-size: 10px;}
.pt0 {padding-top: 0;}
.pb0 {padding-bottom: 0;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.slide-wrap {position: relative;display: inline-block;}
.slide-wrap > a {margin-top: -8px;position: absolute;top: 45%;}.slide-wrap .tbl-prev {left: 0;}.slide-wrap .tbl-next {right: 0;}
.table-container {box-sizing: unset;height: auto;overflow: hidden;margin: 0 20px;/*width: 540px;*/}
.fixed-right-tbl-head {width:125px;float:left}
.width-container {float:left;}
.sliding-window {width:760px; /* Total width of all columns in sliding-window + border widths */height:auto;overflow:hidden;}
.sliding-window div {float:left;width:150px;height:auto;}
.custom-table tr th {border-bottom: 2px solid #dedede;color: #636e7b;font-size: 12px !important;line-height: normal;padding-bottom: 6px;padding-top: 6px;padding-left: 15px;text-transform: capitalize;}
.custom-table tr td {border-bottom: 1px solid #dedede;font-size: 12px;padding: 6px 15px;}
.custom-table {border: 1px solid #dedede;}
.custom-table tr th span {display: block;font-weight: normal;}
.table-slider {display: table;width: 100%;}
.custom-table {float: left;margin: 0 5px;width: 170px;}
.custom-table tr td input[type="text"] {padding: 2px 5px;width: 100%;background: #eaedf2;border: 0 none;color: #636e7b;font-size: 12px;}
.slide-col {display: table;width: 100%;}
.position-Rel > .fa-search {position:absolute;top:5px;left:2px;}
.position-Rel > .fa-search + input {padding-left:20px;}

/*.lead-num {position:absolute;bottom:0;background:#000;color:#fff;display:block;text-align:center;width:110px;font-size:13px;text-transform:uppercase;}
.student-pic {  display: inline-block;  height: 74px;  margin-top: 10px;  overflow: hidden;  position: relative;  text-align: center;  vertical-align: middle;  width: 110px;}*/
.lead-num {position:absolute;bottom:0;background:#000;color:#fff;display:block;text-align:center;width:100%/*88px*/;font-size:13px;text-transform:uppercase;}
.student-pic {  border:1px dashed #495B79;display: inline-block;  height: 108px;  margin-top: 10px;  overflow: hidden;  position: relative;  text-align: center;  vertical-align: middle;  width: 88px;}
.bulk-std-image-updt {position: relative;white-space: initial;}
.student-pic-sml {    display: inline-block;  height: 43px;  margin-top: 10px;  overflow: hidden;  position: relative;  text-align: center;  vertical-align: middle;  width: 45px;}
.student-pic > img, .student-pic-sml > img {  max-width: 100%;}
.payment-section {display:none;}
.match-not-match {margin-top:10px;}
.match-not-match img {margin-top:-4px;}
.match-not-match b {margin-left:10px;}
.match-not-match b span {display: inline-block;margin-right: 15px;margin-left: 5px;vertical-align: middle;position:static!important;}
span.legends {font-size: 11px;display: inline-block;vertical-align: middle;position: absolute;right: 18px;bottom: 0;}
span.legends > i {  margin-top: -2px;  display: inline-block;  border-left: 1px solid #ccc;  padding-left: 5px;  margin-left: 4px;}
span.legends > i:first-child {  border: none;}
textarea {height:40px!important;resize: none;padding-top: 5px;}
.fcur, .lcur {padding: 0 0 0 12px;position: relative;display: inline-block;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.lcur {padding: 0 12px 0 0;}
.fcur:before, .lcur:after {content: "\f156";position: absolute;top: 1px;left: 0;font-family: FontAwesome;}
.lcur:after {left: inherit;right: 0;}
#classChkBoxes input[type="checkbox"] {  margin: 0 0 8px;}
.bg-image {  background-position: 0 0;  background-repeat: no-repeat;  background-size: cover;  height: 100%;  left: 0;  margin: 0;  position: fixed;  top: 0;  width: 100%;  border: none;}
.letter-box {font-size: 14px;  padding: 20px 30px;}
.letter-box > h6 {  font-size: 14px;  margin: 0 0 10px;}
.left-check {  display: inline-block;  margin-top: 10px;  vertical-align: top;  width: 20px;}
.radio-box {  height: 43px;  padding-top: 14px;  text-align: center;}
.widget-box {background:#fff;padding:10px;border:1px solid #ccc; margin: 0 15px;}
.align-step {  line-height: normal;}
.align-step > span {  display: block;}
.pageheader .select2-container {background:rgba(0, 0, 0, 0.17);border: 1px solid #fff;}
.pageheader .select2-container .select2-choice > .select2-chosen {line-height:17px;}
.pageheader .selection-wrapper .select2-container .select2-choice .select2-arrow {top:-5px;}
.three-panel-widget {  display: table;  margin: 0;  padding: 0;  width: 100%;}
.three-panel-widget .tp-panel {background: none repeat scroll 0 0 #fff;  border: 1px solid #ccc;  padding: 0;}
.three-panel-widget > div {padding: 0 0 0 15px;}
.three-panel-widget > div:first-child {padding-left: 0;}
.tp-panel > h3 {  border-bottom: 1px solid #ccc;  font-family: "RobotoCondensed";  font-size: 18px;  font-weight: normal;  margin: 0;  padding: 15px;}
.tp-panel h6 {  font-family: "RobotoCondensed";  font-size: 16px;  font-weight: normal;  margin: 0 0 10px;}
.tp-panel .view_input {  margin: 0 0 15px;}
.tp-panel.widget-active {  border-color: #29ad62;}
.tp-panel.widget-active > h3 {  background: none repeat scroll 0 0 #29ad62;  color: #fff;}
.tp-panel.widget-active > h3 > img {    display: none;}
/*Alert styles start By Jagadeesh*/
.alertify {background: #FFF;border: 10px solid #333;border: 10px solid rgba(0,0,0,.7);border-radius: 8px;box-shadow: 0 3px 3px rgba(0,0,0,.3);-webkit-background-clip: padding;-moz-background-clip: padding; background-clip: padding-box;}
.alertify-text {border: 1px solid #CCC;padding: 10px;border-radius: 4px;}
.alertify-button {border-radius: 4px;color: #FFF;padding: 6px 15px;text-decoration: none;text-shadow: 1px 1px 0 rgba(0,0,0,.5);box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
}
.alertify-button:hover,	.alertify-button:focus {outline: none;
background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
background-image:    -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
background-image:     -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
background-image:      -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
background-image:         linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
}
.alertify-button:focus {box-shadow: 0 0 15px #2B72D5;}
.alertify-button:active {position: relative;box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
.alertify-button-cancel, .alertify-button-cancel:hover, .alertify-button-cancel:focus {background-color: #FE1A00;border: 1px solid #D83526;}
.alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus {background-color: #5CB811;border: 1px solid #3B7808;}
.alertify-log {background: #1F1F1F;background: rgba(0,0,0,.9);padding: 8px 8px 8px 45px;border-radius: 4px;color: #FFF;font-size:12px;}
.alertify-log-error {background: #E32056;}
.alertify-log-success {background: #3CB878;}
.alertify-log-info{background: #4A90FF;}
.alertify-log-warn{background: #FBD107;color:#000 !important;}
.alertify, .alertify-show, .alertify-log {
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.alertify-hide {
-webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-log-hide {
-webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-cover {position: fixed; z-index: 99999;top: 0; right: 0; bottom: 0; left: 0;	background-color:white;	filter:alpha(opacity=0);opacity:0;}
.alertify-cover-hidden {display: none;}
.alertify {	position: fixed; z-index: 99999;	top: 50px; left: 50%;	width: 550px;	margin-left: -275px;	opacity: 1;}
.alertify-hidden {-webkit-transform: translate(0,-150px);-moz-transform: translate(0,-150px);-ms-transform: translate(0,-150px);-o-transform: translate(0,-150px);transform: translate(0,-150px);opacity: 0;	display: none;	}
:root *> .alertify-hidden {	display: block;	visibility: hidden;	}
.alertify-logs {position: fixed;z-index: 5000;bottom: 10px;	right: 10px;max-width: 460px;min-width: 200px;}
.alertify-logs-hidden {	display: none;}
.alertify-log {display: block;margin-top: 10px;position: relative;right: -300px;opacity: 0;	}
.alertify-log-show {right: 0;opacity: 1;	}
.alertify-log-hide {-webkit-transform: translate(300px, 0);-moz-transform: translate(300px, 0);-ms-transform: translate(300px, 0);-o-transform: translate(300px, 0);transform: translate(300px, 0);opacity: 0;	}
.alertify-dialog {padding: 25px;}
.alertify-resetFocus {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.alertify-inner {text-align: center;}
.alertify-text {margin-bottom: 15px;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 100%;}
.alertify-button, .alertify-button:hover, .alertify-button:active, .alertify-button:visited {background: none;text-decoration: none;border: none;line-height: 1.5;font-size: 100%;display: inline-block;cursor: pointer;margin-left: 5px;}
@media only screen and (max-width: 1420px) {.employee-list, .selected-list {width: 200px;}.show-all-employees > li > a > span, .responsible-emp > li > a > span, .show-selected > li > a > span {width: 125px;}}
@media only screen and (max-width: 680px) {.alertify, .alertify-logs {width: 90%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;	}.alertify {left: 5%;margin: 0;}}
.alertify-log-error:before {content: "\f057";font-family: FontAwesome;margin-left:-20px;margin-right:5px;font-size:14px}
.alertify-log-success:before {content: "\f058";font-family: FontAwesome;margin-left:-20px;margin-right:5px;font-size:14px}
.alertify-log-info:before{content: "\f05a";font-family: FontAwesome;margin-left:-20px;margin-right:5px;font-size:14px}
.alertify-log-warn:before{content: "\f06a";font-family: FontAwesome;margin-left:-20px;margin-right:5px;font-size:14px}/*for triangle - \f071*/
/*Alert styles end*/
.table-row {display:table-row;background:#F7F8FC}
.table-cell {display:table-cell;}
.table-row .table-cell > span {background:#495b79;border-radius: 100px;display: inline-block;padding: 5px;}
.table-cell .Icon-green {margin-right: 5px;}.table-cell .fa-space {width:15px;}
.ui-jqgrid-bdiv .Icon-green {line-height:0;}
.table-cell > input {width:120px;}
.text-trans-normal {  text-transform: inherit;}
.searchInput {  background: none repeat scroll 0 0 #eee;  box-shadow: 0 0 5px #ccc inset;}
.page{margin:15px 0 15px 15px;padding:10px;background:#fff;border:1px solid #ccc;overflow:hidden; }
.list-boxes {padding-left:15px;}
.list-boxes > a {border: 1px solid #ccc;float: left;font-size: 12px;padding: 2px 6px;}
.list-boxes > a.active {border: 1px solid #ccc;float: left;font-size: 12px;padding: 2px 6px;background:#D4FFE1}
.fee-amount-details > .entity, .add-term > span.entity {  bottom: 5px;  display: inline-block;  position: relative;  vertical-align: bottom;}
.fee-amount-details > div:first-child {  display: inline-block;  font-size: 12px;  vertical-align: middle;}
.terms-container-par {  display: inline-block;  vertical-align: middle;}
.fee-amount-details > .entity, .add-term > span.entity {  bottom: 5px;  display: inline-block;  position: relative;  vertical-align: bottom;}
.fee-amount-details > div:first-child {  display: inline-block;  font-size: 12px;  vertical-align: middle;}
.terms-container-par {  display: inline-block;  vertical-align: middle;}
.row-view {background: #fff; border: 1px solid rgb(204, 204, 204);  margin: 0 0 8px;  padding: 10px 30px 10px 10px;  position: relative;}
.row-view .ec {  background: url("../images/pagination-arrows.png") no-repeat scroll 5px 4px rgba(0, 0, 0, 0);  content: ""; height: 24px;  position: absolute;  right: 0;  top: 8px;  width: 25px;}
.row-view.active > .ec {  transform: rotate(90deg);  -moz-transform: rotate(90deg);  -webkit-transform: rotate(90deg);  -ms-transform: rotate(90deg);  -apple-transform: rotate(90deg);}
.row-view.active {  border-color: rgb(41, 173, 98);}
.row-view > h2 {  display: table;  font-family: "RobotoCondensed";  font-size: 16px;  font-weight: normal;  margin: 0;  padding: 0 6px;  text-transform: capitalize;  width: 100%;}
.row-view > .row-view-content {  display: none;  font-size: 12px;  margin: 5px 0 0;  padding: 0 6px 5px;}
.row-view h2 input[type="checkbox"] {  margin-top: 0;  vertical-align: top;}
.row-view h2 label {font-size: 12px;  margin-right: 8px;}
.panel .jsonsuggest-container.input_container .table-striped{position:relative;z-index:1002!important}
.jsonsuggest-container.input_container.current {
    z-index:1003!important
}
.input_container.bootstrap-timepicker.timepicker_container {
  z-index: 1002!important;
}
/*Reports Table*/
.dues-report {margin:15px 0}
.dues-report > table > tbody > tr > td {border:0} 
.dues-report tr td{font-size:13px;border:1px solid #bbb;border-left:0;vertical-align:bottom ;height: 25px;line-height: 21px;text-align: center;}
.dues-report table tr td:first-child {border-left:1px solid #bbb!important}
.dues-report > table > tbody > tr:first-child > td , .report-cells > table > tbody > tr:first-child > td {border:0!important}
.bootstrap-timepicker.input_container, .jsonsuggest-container.input_container {z-index: 1001;}
.bootstrap-timepicker-widget .slide_input_bg {display: none;}
.fee-collection .fee-amount-details > div:first-child {font-size: 10px; vertical-align: top;}
.oasis-report-table .mCSB_container {padding:0 !important;margin:0 !important;}
.oasis-report-table div.cell  {font-size:13px;vertical-align:top ;height: 24px;line-height: 23px;border:1px solid #ccc;background-color:#fff;float:left;}
.oasis-report-table div.cell-container {display: table;table-layout: fixed;float:left;}
.oasis-report-table div.cell-container > div.cell:not(:first-child) {border-top:none}
.oasis-report-table div.cell-container > div.cell:first-child {border-bottom:1px solid #ccc}
.oasis-report-table .overview-label-cont > div.cell {border-left:none;}
.oasis-report-table .cell.x-head {border:none;background-color: inherit;text-align:center;}
.oasis-report-table div.mid-body-data  div.x-cel-row .cell.cell-x {border-top:none;}
.oasis-report-table div.mid-body-data  div.x-cel-row .cell.cell-x {border-left:none;}
.oasis-report-table div.mid-body-data  div.x-cel-row .cell.cell-x:last-child {border-right:none;}
.oasis-report-table div.mid-body-data  div.x-cel-row.first .cell.cell-x {border-top:1px solid #ccc}
.oasis-report-body-cell {height: 23px;line-height: 24px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding:0;margin:0;}
.oasis-report-head-cell {background-color:#495b79;font-weight:bold;color:white;width:100%;height: 23px;line-height: 24px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding:0;margin:0;}
.ellipsis, .oasis-report-table div.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cell.bg-green {background: #009F09!important;color: #fff;display: block;height: 100%;padding: 2px;}
.cell.bg-red {background: #D50000!important;color: #fff;display: block;height: 100%;padding: 2px;}
.mid-body-data.cell-container .x-cel-row .cell.cell-x {text-align:center}
.y-label-cont .cell {padding-left:5px;}
/*Notification Timer*/
.timer-wrapper, .timer-wrapper * {box-sizing:border-box;}
.timer-wrapper {background: none repeat scroll 0 0 transparent;height: 16px; position: absolute;width: 16px;left:5px;top:50%;margin-top:-7px}
.pie {width: 50%;height: 100%;transform-origin: 100% 50%;position: absolute;background: #08C;border: 1px solid #232323;}
.timer-wrapper .spinner {border-radius: 100% 0 0 100% / 50% 0 0 50%;z-index: 200;border-right:none;/*animation: rota 10s linear infinite;*/}
.timer-wrapper .spinner:after {position:absolute;width:10px;height:10px;background:#fff;border:1px solid rgba(0, 0, 0, 0.5);box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);border-radius:50%;top:10px;right:10px;content:"";display:none;}
.filler {border-radius: 0 100% 100% 0 / 0 50% 50% 0;left:50%;opacity: 0;z-index: 100;/*animation: fill 10s steps(1, end) infinite;*/    border-left: none;}
.mask {width: 50%;height: 100%;position: absolute;background: inherit;opacity: 1;z-index: 300;background:#ccc;/*animation: mask 10s steps(1, end) infinite;*/}
.alertify-log-error  .mask{background: #E32056;}
.alertify-log-success .mask {background: #3CB878;}
.alertify-log-info .mask{background: #4A90FF;}
.alertify-log-warn .mask{background: #FBD107;color:#000 !important;} 
@keyframes rota {    0% {transform: rotate(0deg);}    100% {transform: rotate(360deg);}}
@keyframes mask {    0% {opacity: 1;}    50%, 100% {opacity: 0;}}
@keyframes fill {    0% {opacity: 0;}    50%, 100% {opacity: 1;}}
@-webkit-keyframes rota {    0% {-webkit-transform: rotate(0deg);}    100% {-webkit-transform: rotate(360deg);}}
@-webkit-keyframes mask {    0% {opacity: 1;}    50%, 100% {opacity: 0;}}
@-webkit-keyframes fill {    0% {opacity: 0;}    50%, 100% {opacity: 1;}}
@-moz-keyframes rota {    0% {-moz-transform: rotate(0deg);}    100% {-moz-transform: rotate(360deg);}}
@-moz-keyframes mask {    0% {opacity: 1;}    50%, 100% {opacity: 0;}}
@-moz-keyframes fill {    0% {opacity: 0;}    50%, 100% {opacity: 1;}}
@-ms-keyframes rota {    0% {-ms-transform: rotate(0deg);}    100% {-ms-transform: rotate(360deg);}}
@-ms-keyframes mask {    0% {opacity: 1;}    50%, 100% {opacity: 0;}}
@-ms-keyframes fill {    0% {opacity: 0;}    50%, 100% {opacity: 1;}}
@-o-keyframes rota {    0% {-o-transform: rotate(0deg);}    100% {-o-transform: rotate(360deg);}}
@-o-keyframes mask {    0% {opacity: 1;}    50%, 100% {opacity: 0;}}
@-o-keyframes fill {    0% {opacity: 0;}    50%, 100% {opacity: 1;}}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {::i-block-chrome, .timer-wrapper {display:none}}
/*Notification Timer Ends*/
#contact-save-popupForm .error-msg, .span-err-pos .error-msg{margin-top: 4px;}
.rotate45 {transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.transition03 {transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s;}
.sibilings-wrap {display: inline-block; padding: 0 15px 0 0;  position: relative;}
.warning-box {background: none repeat scroll 0 0 #fff;  color: #f15822;  font-size: 12px;  padding: 10px;}
.ptp-wrap {color: #495b79;  font-size: 14px;}
.ptp-row {border-top: 1px solid #dcdcdc;  padding: 0;}
.ptp-row:first-child {border: none;}
.ptp-wrap h5 {color: #495b79; font: 600 14px/21px "RobotoCondensed"; margin: 0;}
.ptp-wrap h5 > span {display: block;  font: normal 14px "RobotoRegular";}
.ptp-wrap input[type="text"] {font-weight: normal;}
.ptp-wrap .form-group .control-label {font-size: 12px;}
.ptp-wrap h5 > span > img {display: inline-block; vertical-align: middle;}
.ptp-wrap h5.iconic {padding-right: 30px;  position: relative;}
.ptp-wrap h5.iconic > img {position: absolute; right: 0; top: 10px;}
.tiny-btn {font-size: 16px; position: absolute; right: 0;bottom: -20px;}
.normal-hdng {overflow: hidden;  padding: 0 0 10px;  position: relative;}
.normal-hdng h3 {display: inline-block;  float: left;  font-family: "RobotoCondensed";  font-size: 16px;  font-weight: normal;  letter-spacing: 1px; margin: 0;  text-transform: none;}
.elemSet {border: 1px solid #ccc;  padding: 10px;}
.elemSet:hover {background: none repeat scroll 0 0 #f8f8f8;  border-color: #9c9c9c;box-shadow: 2px 2px 3px 0px #dcdcdc;-moz-box-shadow: 2px 2px 3px 0px #dcdcdc;-webkit-box-shadow: 2px 2px 3px 0px #dcdcdc;-ms-box-shadow: 2px 2px 3px 0px #dcdcdc;}
.elemSet, .elemSet:hover {transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;}
.full-covered .nav-tabs > li:first-child::before {border-left: 1px solid #ccc; content: ""; height: 5px; left: 0; position: absolute; top: 32px; z-index: 2;}
.full-covered .nav-tabs > li {margin: 0 0 0 -1px !important;}
.full-covered .nav-tabs > li:first-child {margin-left: 0 !important;}
.full-covered .nav.nav-tabs li a {background: #f6f6f6;  border-bottom: 1px solid #ccc !important;  border-left: 1px solid #ccc !important;  border-top: 1px solid #ccc !important;}
.full-covered .nav.nav-tabs li.active > a {  background: #fff;}
.full-covered .tab-content {border: 1px solid #ccc !important;}
.legend-square {display: inline-block;  height: 12px;  margin: -3px 5px 0;  vertical-align: middle;  width: 12px;}
.bg-sky-blue {background:#27B4E9}
.bg-yellow {background:#FFC732}
.bg-orange {background:#FE4F10}
.bg-light-orange{background:#f6a958}
.custom-head {background:#F1F1F1 !important;font-family:"RobotoCondensed"; padding:5px 10px;border:1px solid #ccc}
.custom-head > h3{color:#545454;margin:0;font-weight:normal;font-size:16px;}
.custom-head > h3 > a{color:#545454;}
.add-new span, .add-new-span { background:#d5d5d5; color: #121c2c; font-size: 12px; padding: 3px 5px 3px 5px;}
.add-new span > a > i, .add-new-span > a > i{font-size:10px;background:#3B4B67;color:#fff;padding:2px 3px;margin-left:2px;}
.blocks-table {background:#fff;padding:4px;}
.blocks-table th {color: #000;  font-size: 12px;}
.blocks-table > table > tr > td {border:2px solid #fff;}
.blocks-table td, .blocks-table td span, .blocks-table td label {font-size: 11px!important;vertical-align: top;color:#000}
.blocks-table td:first-child:not(.add-new) span:first-child {font-weight:bold;}
.blocks-table td:first-child:not(.add-new) span {display:block;}
.blocks-table td:first-child:not(.add-new) {background:#cfe67a;  border-top: 6px solid #fff;  padding: 20px;  vertical-align: middle;}
.blocks-table table td > table tr td:first-child:not(.add-new) {background:#A2D3F3; padding: 0 5px;vertical-align: top;border-top: 0 solid #fff;}
.blocks-table table td > table {border-top:0!important;border-collapse: separate;}
.blocks-table table td > table tr td:last-child:not(.add-new) {padding: 0 5px;vertical-align: top;border-top: 2px solid #fff;white-space:normal}
.blocks-table table td > table tr td:last-child:not(.add-new) > span {background:#ffc732;  float: left;  margin:-1px 5px 0 -4px;  overflow: hidden;  padding: 0 5px 2px;  text-overflow: ellipsis;  white-space: nowrap;  width: 60px;color:#000;}
.view-infra .blocks-table table td > table tr td:last-child:not(.add-new) > span {width: 102px;}
.add-new-span {background:#d5d5d5!important; color: #121c2c!important; font-size: 12px; padding: 3px 5px 3px 10px;width:auto!important}
.add-new-span > a > i{font-size:10px;background:#3B4B67!important;color:#fff!important;padding:2px 3px;margin-left:2px;}
.alert {font-size: 12px;  padding: 5px 10px;}
.remaining-width{float:left;}
.left-before-arrow{background:#E8EAF5;position:relative}
.left-before-arrow:before{border-right:10px solid #E8EAF5;position:absolute;content:"";left:-10px;top:50%;margin-top:-10px; width: 0;height: 0; border-top: 10px solid transparent;	border-bottom: 10px solid transparent; }
.lined-box {background: none repeat scroll 0 0 #f8f8f8;  border: 1px solid #ccc; border-left: none;  padding: 0;}
.boxed-tags {overflow: hidden;  font-size: 12px;  padding-top: 5px; padding-left: 2px; width: 100%;}
.boxed-tags > a {border: 1px solid #acacac;  color: #4c4c4c;  display: inline-block;  float: left;  margin-left: -1px;  margin-top: -1px; margin-right:2px; padding: 0 5px; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;height:21px!important;font-size:11px;}
.boxed-tags > a.active {background:#F6F4C8   }/*#d4ffe1;*/
.boxed-tags > a.inactive {background: #d4ffe1;  pointer-events: none;}
.boxed-tags .select-box{border: 0 none !important;margin: -8px 0 0 !important;padding-left: 2px;}
.boxed-tags .select-box b[role="presentation"]{background-position:0 -2px!important;}
.boxed-tags input.tssDatepicker {  margin-top: -6px!important;  padding-left: 1px!important;cursor:pointer}
.tssDatepicker{text-transform:uppercase}
.tableCell {display: table-cell;  float: none;  vertical-align: bottom;}
.lined-box .view_input > p {font-size: 15px;}
.lined-box .view_input > label {font-size: 12px;  padding-top: 3px; color:#6c6c6c;}
.font-14 {font-size: 14px;}
.height150 {height: 150px;}
.lables-set {font-size: 12px;  padding: 10px 0;}
.lables-set > div {margin-bottom: 10px;}
.lables-set > div > span {border-left: 1px solid #b3b3b3;  padding: 0 6px;}
.lables-set > div > span:first-child {border-left: medium none;  padding-left: 0;}
.align-btm > div, .align-top > div {display: inline-block;  float: none;  margin-left: -4px;  vertical-align: bottom;}
.align-top > div {vertical-align: top;}
#classChkBoxes .slide_input_bg {  height: 18px !important;}
a[data-toggle="popover"], a[data-toggle="popover"] > b {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;}
.popover table.tootltip-tbl td {padding: 4px;font-size: 13px;}
.popover table.tootltip-tbl td p {max-width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0px;margin: 0px;}
.popover table.tootltip-tbl td em {text-align: right;display: block;font-style: normal;}
.popover .popover-content {padding: 8px;}
.popover table.tootltip-tbl th {padding: 6px;font-size: 13px;font-weight: normal;}
.popover table.tootltip-tbl th:first-child, .popover table.tootltip-tbl th:last-child {padding-left: 4px;padding-right: 4px;}
/*.form-box {border: 1px solid #ccc;box-shadow: 0 0 10px 2px #ebebeb;width: 400px;margin: 100px auto 0;background: #FCFCFC;padding-bottom:20px;}
.form-box label {margin-top: 4px;}
.form-box input.form-control {padding-top: 0 !important;padding: 2px 5px !important;background: rgb(250, 255, 189) !important;border-radius: 4px;border: 1px solid #ccc;}
.form-box .form-group {margin-bottom: 10px;}
.form-box .select2-container{background: #faffbd none repeat scroll 0 0;border: 1px solid #d3d2d2;border-radius: 4px !important;}
.form-box .select2-container .select2-choice{margin-top:1px;padding-left:5px;}
.form-box .select2-container .select2-choice .select2-arrow b{background:rgba(0, 0, 0, 0) url("../Images/custom-select.png") no-repeat scroll 0 -1px !important}*/
.print_reciept .wrapper { width: 748px;min-height: 18.750em;padding: 0;margin: 0 auto;position: relative;font-family: Arial, Helvetica, sans-serif;background: transparent;}
.print_reciept .wrapper h1 {text-align: center;font-size: 21px;color: #000;margin: 15px auto 2px;margin-bottom: 2px !important;/*width: 480px;*/}
.print_reciept .wrapper p {text-align: center;font-size: 14px;color: #000;text-transform: uppercase;margin-top: 0;}
.print_reciept .wrapper table {width: 100% !important;}
.print_reciept .wrapper:nth-child(2n+2) {margin-top: 200px !important;}
.print_reciept .wrapper .campus {font-size: 24px;font-weight: bold;letter-spacing: 3px;color: #000;position: absolute;top: 95px;right: 150px;}
.print_reciept .studentDetails tr td, .feeDetails tr td, .total tr td {font-size: 14px;}
.print_reciept .feeDetails tr td:nth-child(n+3) {text-align: right;}
.print_reciept .wrapper:nth-child(2n+2) {page-break-after: always !important;}
.table-wrap {width: 100%;}
.table-wrap .td-left {  display: inline-block;  position: fixed;  top: 147px;  vertical-align: top;  width: 255px;}
.table-wrap .td-right {  display: inline-block;  padding-left: 240px;  vertical-align: top;  width: 100%;}
.components {  color: #676869;  font-size: 13px;  list-style: outside none circle;  padding-left: 15px;}
.components > li a {  display: block; color: #676869; border-top: 1px solid #ececec;  cursor: pointer;  padding: 3px;}
.components > li:first-child a {  border-top: medium none;}
.components > li a:hover, .components > li a.active {  background: #f7f7f7;}
.nav.nav-tabs.custom-nav-tabs {border-radius: 0 0 3px 3px;}
.nav.nav-tabs.custom-nav-tabs > li {margin-bottom: 0 !important;}
.poster-wrap {  padding-right: 22px;  position: relative;}
.poster-img {  height: 150px;  overflow: hidden;  width: 106px;}
.poster-img > img {  max-width: 100%;}
.edit-poster {  position: absolute;  right: 0;  top: 0;z-index: 10;}
.edit-poster > a {  color: #c2c9d4;  display: block;  font-size: 16px;  line-height: 15px;  margin-bottom: 7px;}
.edit-poster > a:hover {  color: #727984;}
.pad0 {padding: 0 !important;}
.multi-tables > .first {  padding-right: 35px;}
.multi-tables > .second {  padding-left: 35px;}
.transfer-btns {  float: left;  margin-top: -55px;  padding: 0 10px;  position: absolute;  right: -25px;  top: 50%;  width: 50px;z-index: 1;}
.transfer-btns > a {  color: #c1c7d1;  display: block;  font-size: 60px; text-align: center;}
.transfer-btns > a:hover {  color: #717781;}
.transfer-btns > a:active {  color: #414751;}
.mod-fileupload .uneditable-input {width: 100px !important;}
.has-error .uneditable-input { background: #ffd9d9 !important;}
.input_container .multiselect {border-bottom: medium none !important;}
/*Custom-popover _START*/
[data-custom="true"]{background:#495B79;border-radius:0!important;max-width: inherit;}
[data-custom="true"] .arrow:after{  border-right-color: #495B79!important;}
.popover-content-wrap > div {margin-bottom:4px;}
.popover-separator{width:calc(100% + 18px);height:1px;background:#333;display:block;margin-left:-9px;margin-bottom:2px;}
.popover-img-container{height:40px;width:40px;overflow:hidden;}
.popover-img-container >img {max-width:100%}
.popover-label{color:#fff;font-size:12px;}
.popover-label:after{content:":";margin-right: 4px;}
.popover-label-input {color: #fff;font-size: 12px;}
.popover-button-container a {color: #fff;background:#888;font-size: 12px;margin-right: 15px;padding: 2px 4px;text-align: center;text-transform: uppercase;}
.btn-green , .btn-green:focus {background: #017400!important;color: #fff;padding: 4px 7px;font-size: 12px;margin-right:10px}
.btn-red, .btn-red:focus{background: #ED0000!important;color: #fff;padding: 4px 7px;font-size: 12px;margin-right:10px}
.btn-green:hover {background: #015C00;color:#fff}
.btn-red:hover{background: #C40000;color:#fff}
.blue-box {  background: rgb(247, 248, 252);  border-bottom: 1px solid rgb(201, 205, 214);  border-top: 1px solid rgb(201, 205, 214);}
.light-border{border: 1px solid #a0aabb;}
.hints {  font-size: 12px;  list-style-type: none;  margin: 0;  padding: 0;}
.hints > li {  display: inline-block;  margin-left: 12px;font-size:11px;}
.hints > li:first-child {  margin-left: 0;}
.hints > li > i {  display: inline-block;  height: 9px;  margin-right: 5px;  width: 9px;}
.orange-bg {background: #F78F3A;}
.green-bg {background: #16893C;}
.red-bg {background: #FF150E;}
.gray-bg {background: #BCBCBC ;}
.colored-box {  background: none repeat scroll 0 0 rgb(247, 248, 252);  border: 1px solid rgb(201, 205, 214);  padding: 10px 10px 10px 20px;  position: relative;}
.cross {  color: rgb(176, 185, 200);  font-size: 18px;  font-weight: normal;  position: absolute;  right: 8px;  top: 5px;  z-index: 1;}
.gridbox {display:inline-block;width:100%;height:100%;text-align:center;vertical-align:middle;}
.td-span-bg{display:inline-block;width:100%;height:100%;text-align:center;}
.lnHgt16 {line-height:16px;}
.closeThisPopover, .closeThisPopover:hover {background: #212121;border-radius: 50px;color: #C5C5C5;display: inline-block;font-size: 10px;font-weight: bold;height: 15px;line-height: 14px;position: absolute;right: -7px;text-align: center;top: -7px;vertical-align: middle;width: 15px;}
.input_container.multiselect-wrap {z-index: 2;}
.head-label{font-family:"RobotoCondensed";font-size:14px;color:#4A5B79;}
.checkbox-text-label > input[type="checkbox"]{ height: 19px; width: 15px;  display: inline-block;  vertical-align: bottom;}
.checkbox-text-label{  color: #AAAAAA;  font-size: 13px;  line-height: 18px;}
.table-report{width:120px;float:left;}
.table-report thead th {  font-size: 13px;  color: #000;  padding: 2px 5px;}
.table-report tbody td {  border: 1px solid #C8CCD7;  font-size: 13px;  color: #000;  padding: 2px;}
.table-reports-separate{margin-right:40px}
.table-reports-separate:last-child{margin-right:0!important}
.table-reports-separate tbody td{padding:0!important}
.table-report.table-reports-separate span:first-child {border-right: 1px solid #ccc;display: block;float: left;padding: 2px;width: 75%;text-align:right}
.table-report.table-reports-separate span:nth-child(2){display: block;float: left;padding: 2px;width: 25%;text-align:center;color:#fff}
.gray-round {background: #d5d3d3;border-radius: 50px;display: inline-block;font-size: 10px !important;line-height:10px;height: 15px;padding: 2px 4px 3px 4px;text-align: center;vertical-align: top;width: 15px;}
.space-gray {background: #f2f2f4;}
.p-now > td {background-color:rgb(232, 245, 170)}
/*Multiselect _start*/
.multiselect-item.filter {background: #eee;height: 28px;margin-top: -8px;}
.multiselect-item.filter .input-group-addon{border:0;background:none}
.multiselect-item.filter .input-group-addon .fa.fa-filter {display: block;margin-top: -4px;}
.multiselect-item.filter .input-group-btn:last-child > .btn {background: transparent;border: 0 none;margin-left: -1px;}
.custom-multi-styles .multiselect-container.dropdown-menu {background: none repeat scroll 0 0 #eaedf2; border: 1px solid #495b79;}
.custom-multi-styles .multiselect-container.dropdown-menu li a {color: #495b79;}
.custom-multi-styles .multiselect-item.multiselect-group {color: #495b79;clear: both;text-align: center;border-top: 1px solid #495b79;background: #eaedf2;
    background: -moz-linear-gradient(top,  #eaedf2 0%, #babfc9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaedf2), color-stop(100%,#babfc9));
    background: -webkit-linear-gradient(top,  #eaedf2 0%,#babfc9 100%);
    background: -o-linear-gradient(top,  #eaedf2 0%,#babfc9 100%);
    background: -ms-linear-gradient(top,  #eaedf2 0%,#babfc9 100%);
    background: linear-gradient(to bottom,  #eaedf2 0%,#babfc9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaedf2', endColorstr='#babfc9',GradientType=0 );}
.custom-multi-styles .multiselect-container .multiselect-item.multiselect-group > label {padding: 5px 20px; display: block;}
.custom-multi-styles .multiselect-container .input-group{margin:0 5px!important;padding-bottom:4px;}
.custom-multi-styles li.multiselect-item.filter, .custom-multi-styles li.multiselect-item.multiselect-all {width:50%!important;float:left!important;background:#485B79!important;margin-top:0;height:100%}
.custom-multi-styles li.multiselect-item.filter .input-group-addon{background:transparent;border:0;margin-left:5px;  padding: 0 5px 0 0px;margin-top:0!important}
.custom-multi-styles li.multiselect-item.filter .input-group-addon > i{color:#fff;}
.custom-multi-styles li.multiselect-item.filter .multiselect-search{margin-top: 5px;background: #626D83 ;border-radius: 0!important;height: 24px;color: #fff!important;padding: 2px;font-size: 12px;font-weight: normal;}
.custom-multi-styles button.btn.btn-default.multiselect-clear-filter {background: #626D83 !important;border: 0 !important;height: 24px;margin-top: 5px;border-radius:0!important;padding-top:2px;}
.custom-multi-styles button.btn.btn-default.multiselect-clear-filter > i{top:-2px;color:#313F56;}
.custom-multi-styles a.multiselect-all, .custom-multi-styles a.multiselect-all:hover, .custom-multi-styles a.multiselect-all:focus {padding: 6px 0 5px !important;background:transparent!important;}
.custom-multi-styles a.multiselect-all label {color:#fff;font-weight:normal!important;}
/*--Multi-select in Header with filter Icon--*/
.custom-multi-styles .multi-select-container.msField {  width: 29px;  margin-left: -29px;  margin-top: 9px;position:relative;z-index:1;}
.custom-multi-styles .multi-select-container.msField button.multiselect.dropdown-toggle.btn.btn-default {  text-indent: -999px;  overflow: hidden;  background: transparent;height:25px;border:0!important}
.custom-multi-styles .multi-select-container.msField button.multiselect.dropdown-toggle.btn.btn-default  b{display:none!important}
.custom-multi-styles .multi-select-container.msField .multiselect-container.dropdown-menu{  right: 0!important;  left: auto;  width: 250px!important;  max-height: 200px!important;}
/*Multiselect _end*/
/*PRINT CSS*/
.show-only-for-print{display:none}
.panel-btns > a[data-dismiss="modal"], .panel-btns > a[data-dismiss="modal"]:focus {background: transparent;border: 1px solid transparent;border-radius: 3px;padding: 4px 3px 0;display:inline-block;margin-top:-2px;}
.panel-btns > a[data-dismiss="modal"]:hover {background: #eee none repeat scroll 0 0;border: 1px solid #ccc;border-radius: 3px;padding: 4px 3px 0;display:inline-block;}
.font-bold{font-weight:bold!important}
.font-normal{font-weight:normal!important}
.cust-valid-err-msg .error{ color: red;position: absolute;right: 44px;top: -15px;}
/*RECEIPT PRINTABLE*/
.receipt-printable {min-height:450px; width:788px;border-left:4px solid #ED4141; border-bottom:4px solid #ED4141;border-right:5px solid #E78D41;border-top:5px solid #E78D41;background:#F5E1C0; margin: 0 auto;}
.receipt-header{height:56px;background:#F4AD45;}
.left-logo{float:left}
.right-logo{background: #fff;float: right;height: 52px;width: 115px;text-align:center;position:relative;z-index:1}
.right-logo img {max-height: 100%;max-width: 100%;padding: 2px;position:relative;z-index:2}
.right-logo:before {background: #fff;content: "";height: 42px;left: -5px;position: absolute;top: 5px;width: 5px;}
.right-logo:after {background: #fff;content: "";height: 52px;left: 0;top:0;position: absolute;width: 115px;z-index: 0;}
span.text-header {width: 540px;margin: 0 auto;display: inline-block;text-align: center;color: #000;}
.receipt-printable .wrapper td{vertical-align:top;color:#000}
.receipt-printable table.total{color:blue;}
@media print {
/*@media (max-width:750px){TEST MEDIA QUERY*/

@page {margin:20px 0;}

    .view_input p, .input_container > * {
        font-size:11px
    }
    p, label, span, h1, h2, h3, h4, strong, a, li {
        white-space:normal!important;
    }
    .textarea_container + label.control-label {
    margin-top: -45px!important;
    }
    .textarea_container textarea {
    padding-top: 10px!important;
    overflow: hidden;
    padding-left: 0;
}

.heading-lined.print-heading {border-bottom: 1px solid #ccc;color: #a0a0a0;padding: 0;}
.heading-lined.print-heading::after,  .heading-lined.print-heading:after {content:"";display:none!important;visibility:hidden!important;position:absolute;z-index:-999}
.acord-h3 {border:0!important;padding:5px 5px 0 25px!important;margin-left:-10px!important;margin-bottom:-8px!important}
.border.print-border-none {border:0!important}
.acord-h3 > span.ellipsis-text {width:100%!important}
.accordian-content {border:0!important;}
.accordians > h3.acco-3::before {display:none!important}
.break-avoid{page-break-inside: avoid;}
.input_container + label {position: relative;z-index: 999;}
.print-12 {float: left;padding: 0;width: 100%;}
.print-10 {float: left;padding: 0;width: 80%;}
.print-6 {float:left;width:50%;padding:0}
.print-4 {float:left;width:33%;padding:0}
.print-2 {float: left;padding: 0;width: 20%;}
.print-pb10 {padding-bottom:10px!important}
.print-border-none { border:0!important;border:none!important}
.mCSB_container {margin:0!important}
.print-mt-0 {margin-top:0!important}
.showLabelForPrint {display: block;font-weight:bold;font-size:12px;}
.hideInPrint {display:none!important}
.accordians > h3.acco-h3::before {background-position: 4px 0!important;}
.accordians > .acord-h3 + .accordian-content {display:block!important}
.hideLabelForPrint {display: none;}
input[type="checkbox"], input[type="radio"] {display:none!important;}

.receipt-printable {display:block!important;min-height:450px;margin:0 auto; width:788px;border-left:4px solid #ED4141; border-bottom:4px solid #ED4141;border-right:5px solid #E78D41;border-top:5px solid #E78D41;background-color:#F5E1C0!important;
-webkit-print-color-adjust: exact; position:relative;page-break-after: always;}
.receipt-header{height:56px;background-color:#F4AD45!important;overflow:hidden;-webkit-print-color-adjust: exact; }
.left-logo{float:left}
.right-logo{background: #fff;float: right;height: 52px;width: 115px;text-align:center;position:relative;z-index:1}
.right-logo img {max-height: 100%;max-width: 100%;padding: 2px;position:relative;z-index:2}
.right-logo:before {background: #fff;content: "";height: 42px;left: -5px;position: absolute;top: 5px;width: 5px;}
.right-logo:after {background: #fff;content: "";height: 52px;left: 0;top:0;position: absolute;width: 115px;z-index: 0;}
span.text-header {width: 540px;margin: 0 auto;display: inline-block;text-align: center;color: #000;}
.receipt-printable .wrapper td{vertical-align:top;}
table.total{-webkit-print-color-adjust: exact;color:blue;}

.show-only-for-print{display:block}
.hide-in-print{display:none!important}
body{font-family: Arial , serif!important;}
.fcur, .lcur {padding: 0 0 0 12px;position: relative;display: inline-block;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.lcur {padding: 0 12px 0 0;}
.fcur:before, .lcur:after {content: "\f156";position: absolute;top: 1px;left: 0;font-family: FontAwesome;}
.lcur:after {left: inherit;right: 0;}    
.oasis-report-table > div{width:100%!important;padding-bottom:0!important}
.mainpanel{top:0!important;padding-left:0!important}
#drs-report.oasis-report-table div.mid-body-cont.cell-container{width:600px!important;float:left;}
#drs-report.oasis-report-table div.mid-body-cont.cell-container .x-cel-row-head, #drs-report.oasis-report-table div.mid-body-cont.cell-container .x-cel-row{width:100%!important}
#drs-report.oasis-report-table div.mid-body-cont.cell-container .cell.x-head, #drs-report.oasis-report-table div.mid-body-cont.cell-container .cell.cell-x{width:33.33%!important}
#deposit-report.oasis-report-table div.mid-body-cont.cell-container{width:auto!important;float:left;}
#deposit-report.oasis-report-table div.mid-body-cont.cell-container .x-cel-row-head, #deposit-report.oasis-report-table div.mid-body-cont.cell-container .x-cel-row{width:100%!important}
#deposit-report.oasis-report-table div.mid-body-cont.cell-container .cell.x-head, #deposit-report.oasis-report-table div.mid-body-cont.cell-container .cell.cell-x{width:33.33%!important}
.oasis-report-table{clear:both}
.grid-details-table, .drs-report-area{border:0!important}
.grid-details-table-header{border-bottom:1px dashed #ccc!important}
.mCustomScrollBox, body[data-theme='change'] .mainpanel, .mCSB_container {overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important }
.tbl_wrapper{border:1px solid #ccc!important;}
#mCSB_1_container{padding-bottom:0!important}
.input_container{border:0!important}
.contentHeader{text-align:center;}
.contentHeader h3{float:none;}
.form-group input[type="text"], .form-group input[type="email"], .form-group input[type="password"], .select2-container .select2-choice, .form-group textarea{font-family: Arial , serif!important;font-weight:normal;}
.view_input > label{margin-left:5px;margin-top:1px}
.boxed-tags > a{border:0;border-left:1px solid #ccc}
.boxed-tags > a:first-child{border:0!important}
/*display none elements*/
title, #header, .leftpanel, .footer-logo, .boxed-tags a:not(.active), .button-common, .print-btn, .mCSB_scrollTools, .tooltip, .popover, .ui-jqgrid-pager{display:none!important}
}
.double-header-table > table{font-weight:normal;}
.double-header-table > table td{vertical-align:top!important;border:1px solid #ccc;padding:5px 10px;font-size:12px;}
.double-header-table > table tbody tr:nth-child(odd){background:#fff}
.double-header-table > table tbody tr:nth-child(even){background:#F9F9FB;}
.double-header-table > table th {  background: #E7E7EF;  border: 0!important;  color:#3C4B64;text-align:center;font-size:14px;font-weight:normal!important;font-family:"RobotoCondensed"!important;}
.double-header-table > table .td-bg-color td{background:#F0EFF5;}
.double-header-table > table thead{  border: 1px solid #ccc;  border-bottom: 0;}
.double-header-table > table span {    width: 50%;    float: left;    text-align: center;}
.double-header-table > table .two-column-content{padding:0!important}
.double-header-table > table thead span {color:#9396A4;font-size:12px}
.double-header-table > table p{margin:0!important}
.double-header-table > table tbody span,.double-header-table > table tfoot span {width: 50%;float: left;text-align: center;height: 31px;display: inline-block;vertical-align: middle;padding: 7px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.double-header-table > table tbody span input{width:80px;}
.double-header-table > table tbody span:first-child,.double-header-table > table tfoot span:first-child{border-right:1px solid #ccc;}
.toggle-green-btn .btn.btn-default {background: none repeat scroll 0 0 #f5f5f5;}
.toggle-green-btn .btn-default:hover, .toggle-green-btn .btn-default.active {color: #fff;background: #619612;border-color: #477c00;}
.xpand {position:relative;}
.xpand .btn.btn-default {bottom: -40px;height: 24px;left: 20px;padding: 0 6px;position: absolute;}
.custm-btn {padding-right: 20px;position: relative;}
.togtbl_btn {background:#eaedf2;display: inline-block;height: 15px;line-height: inherit;padding: 0 5px;position: absolute;right: 4px;top: 5px;}
.togtbl_btn i {margin: 1px 0 0;vertical-align: top;}.form-control.textArea {border: 1px solid #ccc;border-radius: 4px;font-weight: normal;height: auto !important;line-height: normal;opacity: 0.65;padding: 6px 12px;}
.form-control.textArea:focus {opacity: 1;}
.public-view {margin: 0 auto;max-width: 1200px;}
.public-view #header {background: #fff;border: 1px solid #ccc !important;margin: 10px 0;position: relative;}
.public-view .headerbar .logopanel > a {color: #333;font-size: 18px;}
.bg-fixed {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-image: url(../Images/bg-image.png);background-repeat: no-repeat;background-position: 0 0;background-size: cover;}
.event-content {font-size: 12px;}
.price-box {border: 2px solid red;color: #333;font-size: 12px;padding: 2px 2px 2px 5px;}
.price-box label {background: none repeat scroll 0 0 #e5e5e5;display: inline-block;font-size: 12px;font-weight: bold;padding: 3px 8px 2px;}
.book-wrap {max-width: 169px;max-height: 250px;overflow: hidden;margin: 0 auto;text-align: center;}
.book-wrap > img {max-width: 100%;}
.cursor-pointer {cursor: pointer;}
.mod-pl0 > .oasis-left {padding-left: 0;}
.mod-fda > table {border: 1px solid #ccc;}
.mod-fda .acord-h3 > span:first-child {padding-top: 4px;}
.mod_view_input .view_input {margin-bottom: 0;}
.mod_view_input .view_input > p {border-bottom: 1px solid #ccc;line-height: 22px;}
.mod_view_input .view_input > label {line-height: 16px;margin: 0;}
.place-err-msg .error-msg {margin-right: 95px !important;margin-top: -16px;}
.upload-err-msg .error-msg {display: block;float: left;margin-left: 185px;margin-top: -15px;}
.mod-fda > table {border: 1px solid #ccc;}
.mod-fda .acord-h3 > span:first-child {padding-top: 4px;}

.cell.x-head[cell-type="x-axis-xov-co"] { background:#303f56;  color: #fff; position:relative}
.cell.x-head[cell-type="x-axis-xov-co"]:after{content:'';position:absolute;right:0;height:24px;width:1px;background-color:#fff;}
.cell.x-head[cell-type="x-axis-xov-co"] .sub-formatter-div {background: #5d6d87;color: #eee;}
.nav.nav-tabs.custom-nav-tabs.revenu-projection2 > li > a{height:50px;width: 150px;}
.nav.nav-tabs.custom-nav-tabs.revenu-projection2 > li > a{height:50px}
.sub-formatter-div.oasis-report-head-cell.custm-btn {border-color: #fff; padding-right: 5px;}
.sub-formatter-div.oasis-report-body-cell {border-left: 1px solid #ccc; color: #495b79; font-size: 12px; padding-right: 5px; text-align: right;background:#f0f2f5}
#roles-and-permissions-chbx-row-subMenu td { background: #efefef none repeat scroll 0 0;}
.non-editable, .non-editable label {opacity: 0.6;}
.list-options {list-style-type: none;}
.list-options > li {padding: 0 0 5px;}
.list-options input[type="radio"], .list-options input[type="checkbox"] {margin-right: 3px !important;}
.custm-dd.left-dd .dropdown-menu {margin-top: 8px;}
.custm-dd.left-dd .dropdown-menu::before {left: 13px;right: inherit;}
.button-set > a {border: 1px solid transparent;color: #939393;display: inline-block;padding: 0 5px;border-radius:3px;}
.button-set > a:hover {color: #969696;border:1px solid #ccc;border-radius:3px}
.button-set > a.active {color: #29AD62;border:1px solid transparent}
.accordian-sortable .sort-order {margin-right: 10px;}.accordian-sortable .sort-order:after{content:"."}
.inputTrans-wrap > a {display: block;margin: -3px 0 0 -1px;padding: 0;width: 100%;}
.inputTrans {font-size: 11px;font-weight: normal;height: auto;margin: 0;padding: 1px 4px;}
.accordian-sortable.atq > div > h3 {padding: 0 0 0 35px;}
.accordian-sortable.atq > div > h3 > span {vertical-align: middle;}
.accordian-sortable.atq > div > h3 > strong {display: inline-block;font-family: "RobotoCondensed";padding: 6px 0 0;}
.accordian-sortable.atq > div > h3 .button-set > a {padding: 5px 8px;}.button-set > a:hover .fa-comment {color: #29ad62;}
.category-wrap {display: table;width: 100%;}
.category-wrap > .catLeft {float: left;left: 15px;margin-right: 30px;min-height: 200px;position: absolute;top: 25px;width: 30%;}
.category-wrap > .catRight {float: right;padding-left: 35%;width: 100%;}
.catOptions {position: absolute;right: -30px;text-align: center;top: 0;width: 30px;}
.catOptions > a {color: #8c8c8c;display: block;margin: 5px 0 0;}
.catOptions > a:hover {color: #333;}
.category-wrap > .catLeft > img {max-width: 100%;}
.img-thumbnails {background: rgba(78, 88, 112, 0.95) none repeat scroll 0 0;left: 195px;padding: 10px;position: absolute;top: 166px;z-index: 2;}
.img-thumbnails > div {overflow-x: auto;height: 195px;white-space: nowrap;width: 425px;}
.img-thumbnails::before {border-bottom: 10px solid rgba(78, 88, 112, 0.95);border-left: 10px solid transparent;border-right: 10px solid transparent;content: "";height: 0;left: 5px;position: absolute;top: -10px;width: 0;}
.img-thumbnails > div span {display: inline-block;margin: 0 2px;vertical-align: top;width: 100px;}
.img-thumbnails > div span image:hover {border: 1px solid #fff;cursor:pointer}.img-thumbnails > div span img {max-width: 100%;display:block;margin-bottom:10px;cursor:pointer}
.desk-upload, .desk-upload:hover {background: #fff !important;color: #8f8f8f;font-size: 14px !important;}
/* spinner*/
.ui-spinner {  display: inline-block;  overflow: hidden;  padding: 0;  position: relative;  vertical-align: middle;  background: #fff none repeat scroll 0 0;  border: 1px solid #ccc;  border-radius: 2px;}
.ui-spinner-input {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  border: medium none;  color: inherit;  vertical-align: middle; text-align: center; margin: 0 25px;  padding: 10px;  width: 80px;}
.ui-spinner-button {  cursor: default;  display: block; font-size: 0.5em;  height: 50%;  margin: 0;  overflow: hidden;  padding: 0;  position: absolute;  right: 0;  text-align: center;  width: 16px;}
.ui-spinner-up {  height: 38px;  right: 0;  top: 0;}
.ui-spinner-down {  border-right: 1px solid #ccc;  bottom: 0;  height: 38px;  left: 0;}
.ui-spinner-button {  background-color: #e4e7ea;  cursor: pointer;  width: 26px;}
.ui-spinner-up {border-left: 1px solid #ccc !important;}
.ui-spinner a.ui-spinner-button {  border-bottom: medium none; border-top: medium none;}
.ui-spinner-button:hover {  background-color: #f3f3f3;}
.custom-spinner .ui-icon {  background-repeat: no-repeat;  display: block;  overflow: hidden;  text-indent: -99999px;}
.ui-spinner .ui-icon {  left: 0;  margin-top: -8px;  position: absolute;  top: 50%;}
.custom-spinner .ui-icon.fa.fa-plus {  font-size: 16px;  height: 15px;  left: 6px;  text-indent: inherit;  width: 13px;}
.custom-spinner .ui-icon.fa.fa-minus {  font-size: 16px;  height: 15px;  left: 6px;  text-indent: inherit;  width: 13px;}
/* spinner ends*/
.table-list td {font-size: 15px;padding: 5px 10px;}
.table-list td > span {font-size: 13px; color: #989696;}
.table-list a {color: #939393;}
.table-list a:hover {color: #434343;}
.table-list a.button-common:hover, .table-list a.button-color:hover {color: #cecece;}
/* For image zoom */
#screenshot {background: none repeat scroll 0 0 #333333;border: 1px solid #CCCCCC;color: #FFFFFF;display: none;padding: 5px;position: absolute;}
/* For image zoom ends */
.ui-accordion .roc[type="radio"] {float: left;margin: 6px 6px 0 0 !important;}
.box32 {width:32px; height: 20px; display: inline-block; vertical-align: middle;}
.table-chart {color: #535353;font-size: 14px;}
.table-chart tr:last-child {border-top: 1px solid #ccc;}
.table-chart tr td {padding: 3px 5px;}
.table-view {display: table;width: 100%;}
.table-view > div {display: table-cell;float: none;vertical-align: middle;}
.blue-button, .blue-button:hover, .blue-button:focus {background: #495b79;color: #a3a3b2;display: block;padding: 6px 10px;text-align: center;clear: both;}
.blue-button > span {color: #fff;	}
.toggle-success .toggle-slide{border-radius: 10px;}
.toggle-success .toggle-slide.active{border-color: #3cb029;}
.toggle-success .toggle-slide .toggle-on, .toggle-success .toggle-select .toggle-inner .active { background: #3cb029;}
.goback {color: #666;display: inline-block;float: right;font-size: 14px;padding: 6px 8px;background: #eee;margin-bottom: -10px;}
[data-show-grid1] {display: none;}
.mitag > i {bottom: 5px;position: absolute;right: 6px;}
/* Transport menu */
.transport-menu {list-style-type: none;padding: 0 0 0 12px;}
.transport-menu > li {margin: 0 0 10px;position: relative;}
.transport-menu > li > a {background-image: url("../Images/transport-sprite.png");background-position: 0 0;background-repeat: no-repeat;display: block;height: 45px;width: 45px;}
.transport-menu > li.vehicle > a {background-position: -58px 0;}
.transport-menu > li.vehicle.disabled > a {background-position: -2px 0;}
.transport-menu > li.travel-log > a {background-position: -58px -54px;}
.transport-menu > li.travel-log.disabled > a {background-position: -2px -54px;}
.transport-menu > li.attendance > a {background-position:-58px -109px;}
.transport-menu > li.attendance.disabled > a {background-position: -2px -109px;}
.transport-menu > li.fuel-maintenance > a {background-position: -58px -164px;}
.transport-menu > li.fuel-maintenance.disabled > a {background-position: -2px -164px;}
.transport-menu > li.route-mapping > a {background-position: -58px -219px;}
.transport-menu > li.route-mapping.disabled > a {background-position: -2px -219px;}
.transport-menu > li.driver > a {background-position: -58px -273px;}
.transport-menu > li.driver.disabled > a {background-position: -2px -273px;}
.transport-menu > li.tyres > a {background-position: -58px -330px;}
.transport-menu > li.tyres.disabled > a {background-position: -2px -330px;}
.transport-menu > li.repaires > a {background-position: -58px -385px;}
.transport-menu > li.repaires.disabled > a {background-position: -2px -385px;}
.transport-menu > li.statutory > a {background-position: -58px -440px;}
.transport-menu > li.statutory.disabled > a {background-position: -3px -440px;}
.transport-menu > li.disabled > a {cursor: default;}
.transport-menu > li.alerts:after {content: "";width: 19px;height: 17px;background: url("../Images/alerts.png") no-repeat 0 0;position: absolute;top: -5px;right: -5px;}
.transport-menu > li:hover > a {transform: rotate(-360deg)}
.transport-menu > li > a, .transport-menu > li:hover > a {transition: all ease 1s; -moz-transition: all ease 1s; -ms-transition: all ease 1s; -webkit-transition: all ease 1s;}
.transport-menu > li.disabled > a, .transport-menu > li.disabled:hover > a {transition: none;}
.oldIcon, .presentIcon, .futureIcon {border-radius: 100%;color: #fff;font-family: "RobotoCondensed";font-size: 11px;font-weight: bold;height: 15px;line-height: 11px;margin-right: 3px;padding: 2px 4px;text-align: center;text-transform: uppercase;width: 15px;}
.oldIcon {background: #ef5a37;}
.presentIcon {background: #3dad4b;}
.futureIcon {background: #947E37;}
.gray-color {color: #a2a9b5;}
.bus, .mini, .mini-bus, .van , .car, .jeep, .generator, .tractor, .auto, .tanker, .lorry, .default, .ambulance {background-image: url("../Images/vehicles-sprite.png");background-repeat: no-repeat;display: inline-block;height: 20px;margin-right: 3px;vertical-align: middle;width: 55px;}
.bus {background-position: 0 0;}
.van {background-position: 0 -30px;}
.mini.bus , .mini-bus{background-position: 0 -335px;}
.car {background-position: 0 -55px;}
.jeep {background-position: 0 -86px;}
.generator {background-position: 0 -116px;}
.tractor {background-position: 0 -236px;}
.auto {background-position: 0 -146px;}
.tanker {background-position: 0 -176px;}
.lorry {background-position: 0 -206px;}
.ambulance {background-position: 0 -302px;}
.default {background-position: 0 -266px !important;}
.tbl_wrapper.tble-td-ptb8 .ui-jqgrid tr.ui-row-ltr > td, .tbl_wrapper.tble-td-ptb8 td {padding-bottom: 8px !important;padding-top: 8px !important;}
.first-box {vertical-align: top;}
.second-box {margin: 0 30px;vertical-align: top;}
.third-box {vertical-align: top;}
.fourth-box {vertical-align: top;width: 100%;}
.gray-heading {background: #CBD2DE ;color: #495b79;font-family: "RobotoCondensed";font-size: 16px;margin: 0;font-weight:normal;padding: 6px 6px;}
.table-style {background: #f6f8fb;color: #495b79;}
.table-style tr:hover td {background: #fff;}
.second-box .table-style tr:hover td {background: none;}
.table-style th {border-bottom: 1px solid #e3eaf3;font-size: 14px;padding: 5px;}
.table-style td {border-bottom: 1px solid #e3eaf3;font-size: 12px;padding: 2px 5px;}
.table-style td a {color: #495b79;}
.table-style .select2-container .select2-choice {background: #fff;border: 1px solid #ccc !important;height: 24px;margin: 0;}
.table-style input[type="text"] {width: 100%;}
.table-style tr a i.fa-trash-o, .table-style tr a i.fa-trash-o {display: none;}
.table-style tr:hover a i.fa-trash-o, .table-style tr:hover a i.fa-trash-o, .table-style tr.active a i.fa-trash-o {display: block;}
.second-box .table-style tr:hover, .second-box .table-style tr.active {background: #8e9aad none repeat scroll 0 0;color: #fff;}
.second-box .table-style tr:hover a, .second-box .table-style tr.active a {color: #fff;}
.second-box .table-style tr.active {position: relative;}
.second-box .table-style tr.active td::before, .second-box .table-style tr.active td::after {color: #a4adbc;content: "<";font-size: 30px;font-weight: normal;height: 30px;left: -25px;position: absolute;top: 2px;width: 20px;}
.second-box .table-style tr.active td::after {content: ">";left: inherit;right: -28px;}
/* Transport menu */
.align-error .error-msg {margin-top: 4px;}
.aemt-10 .error-msg {margin-top: -10px;}
.button-common:active, .button-color:active{border-bottom:2px solid transparent !important;display:inline-block;vertical-align:bottom;background:#303F56!important;}
body[data-theme="change"] .button-common:hover{background:#4C6085!important;transition:all 0.25s}
body[data-theme="change"] .button-color:hover{background:#6F6F6F!important;color:#fff;transition:all 0.25s}
body.leftpanel-collapsed[data-theme="change"] #leftNav .mCSB_outside + .mCSB_scrollTools{left:0;right:inherit}
.grid-details-table-header > h3 > a:active, .grid-details-table-header > h3 > div:active, .grid-details-table-header > h3 > div > a:active {box-shadow: 0 0px 12px #cacaca inset;-moz-box-shadow: 0 0px 12px #cacaca inset;-webkit-box-shadow: 0 0px 12px #cacaca inset;-ms-box-shadow: 0 0px 12px #cacaca inset;}
.grid-details-table-header a:hover i.fa-file-pdf-o {color: #e73035;}
.grid-details-table-header a:hover i.fa-file-excel-o {color: #43b333;}
.grid-details-table-header > h3  > a:hover, .grid-details-table-header > h3 > div > a:hover {background-color: #F4F4F4;}
.accordian-sortable > .group > h3 {padding: 6px 10px 6px 35px;}
.accordian-sortable > .group > h3:before {background: none;}
.accordian-sortable > .group > h3 > .ui-icon {background: none; cursor: move; display: block !important; height: 100%; left: 0; position: absolute; top: 0; width: 35px !important;}
.accordian-sortable > .group > h3 > .ui-icon:before {content: "\f07d"; color: #848484; font-size: 14px; left: 11px; position: absolute; top: 9px; transform: scale(1.8, 1); -moz-transform: scale(1.8, 1); -webkit-transform: scale(1.8, 1); -ms-transform: scale(1.8, 1);}
.accordian-sortable > .group > h3.acco-active {background: #eee;}
.accordian-sortable .ui-accordion-content-active{height:auto!important}
.vm {vertical-align: middle;}
.non-editable {cursor: not-allowed; opacity: 0.5;}
body[data-theme="change"] .button.readonly, body[data-theme="change"] .button.readonly:hover, body[data-theme="change"] .button.readonly:active {background: #dadada !important; border-color: #bcbcbc !important; cursor: default;}
.button.button-common.btn-success, .button.button-common.btn-success:focus {  background-color: #5cb85c !important;  border-color: #2c8e2c;  color: #ffffff;}
.button.button-common.btn-success:hover {  background-color: #4ca84c !important;}
/*Online Stores*/
.product-category > div{width:100%; height:160px;position:relative;border:1px solid transparent}
.product-category > div:hover{border:1px solid #1C2739}
.product-category > div > p{font-family:"RobotoCondensed";color:#1C2739;font-size:16px;position:absolute;top:10px;left:10px;} 
.product-category > div > img{height:100%;width:100%;}
.no-product-category {background: #eaedf2;border: 1px solid #4d5566;font-family: RobotoCondensed;margin-bottom: 30px;padding: 10px;text-align: center;}
.product-category > div > span {position: absolute;display: none;width: 100%;bottom: 0;left: 0;text-align: right;}
.product-category > span {position: absolute;display: none;width: 100%;bottom: 0;right: 20px;text-align: right;font-size:0}
.product-category:hover > span{position: absolute;display: inline-block;width: 100%;bottom: 0;right: 20px;text-align: right;font-size:0}
.product-category > span > a{background:#004B93;margin-right:2px;padding:2px 5px;font-size:14px}.product-category > div > span > a:hover{background:#0562BC;margin-right:2px;padding:2px 5px;font-size:14px}
.product-category > span > a > i{color:#fff}.product-category > div > span > a:hover > i{color:#ccc}
.product-div > h3 {  font-family: "RobotoCondensed";  font-size: 16px;  font-weight: normal;  margin: 0 0 4px;  padding: 4px;}
.product-div > p {  font-family: "RobotoCondensed";  font-size: 13px;   margin: 0;  padding:4px; line-height: 14px;}
.product-div:hover {border:1px solid #485C77;margin-bottom:20px}
.product-div {border:1px solid transparent;margin-bottom:20px}
.product-div > div > a, .product-div > div > a:hover {display: inline-block;font-size: 13px;height: 20px;padding: 0 4px;}
.product-div:hover > h3 {  font-family: "RobotoCondensed";  font-size: 16px;  font-weight: normal;  margin: 0 0 4px;  padding: 4px;background:#485C77;color:#fff;}
.cbtn{background:#034B95;color:#fff; border-radius: 3px;padding: 3px 5px;}
.cbtn:hover{background:#1C6BBF ;color:#ccc; border-radius: 3px;padding: 3px 5px;}
.product-div > label {font-size: 16px;font-weight: bold;margin-left: 4px; line-height: 32px;}
.product-div > label:before{content:'Rs.'}
.add-feild {border: 1px solid #b6bdc9;border-radius: 3px 0 0 3px;width: 30px; height:21px;}

.product-div .product-footer-div .fa-inr {color: #a1a9b6;padding-right: 3px;}
.product-footer-div .cbtn.add-to-cart {background: #495b79 none repeat scroll 0 0;margin-left: -6px;margin-right: 8px;border-radius: 0 3px 3px 0;}
.product-footer-div .cbtn {margin-left: -4px;}
.product-footer-div {border-top: 1px solid #dce0e3;display: table;padding: 5px;width: 100%;margin-top:8px;}




.list-aside{padding-left:200px}
.list-aside-static{width:185px;position:absolute}
.products-list {padding: 0;margin:0}
.products-list > li { border-bottom: 1px solid #ccc; cursor: pointer;font-size: 14px; list-style-type: none;  padding: 4px 7px;}
.aside-btn{left: 38px;position: relative;top: -2px;z-index: -1;}
.dropdown-menu.cart-drop{width:220px;border-radius:5px!important;background:#fff}
.cart-drop h4 {color: #000;font-size: 14px;line-height: 18px;margin: 0;padding: 2px 0 0px 4px;border-bottom: 1px solid #ccc;overflow: hidden;background:#eaedf2 }
.cart-drop h4 span {color:#f60; }
.cart-drop h4 a {border-left: 1px solid #ccc;color: #aaa;display: inline-block;font-size: 14px;margin-top: -2px;padding: 4px 6px;}
.dropdown-menu.cart-drop p {font-size: 13px;line-height: 13px;margin: 0;}
.dropdown-menu.cart-drop td{vertical-align:top;padding: 5px 5px 2px;background:transparent;}
.dropdown-menu.cart-drop tr{background:#fff;position:relative}
.dropdown-menu.cart-drop tr:hover{background:rgba(3,3,3,0.2);}
.dropdown-menu.cart-drop tr:hover .showDel{display:block!important;position:absolute;bottom:5px;right:5px;color:#000}
.dropdown-menu.cart-drop tr.total td, .dropdown-menu.cart-drop tr.total:hover td{background:#EAEEF7; height:40px;pointer-events:none}

/*Feedback*/
.ui-accordion input[type="radio"] {display: inline-block;vertical-align: middle;margin-top: -5px!important;}
.commented .answer-comment{display:block!important}
.input-with-btn {border:1px solid #3b4b67;border-right:none;height: 25px;margin-right: -3px;padding-right:40px;padding-left:5px;}
.input-with-btn + .button-common, .input-with-btn + .button-color{border-radius:0!important;margin-left: -28px;margin-right: 0;}
.questions .ui-state-highlight, .accordian-sortable .ui-state-highlight {background: #4aa2ff none repeat scroll 0 0;border: 2px dashed #373737;color: #fff;font-size: 12px;line-height: 26px;min-height: 30px;text-align: center;}
.matrix-preview{background:transparent}
.matrix-preview .heading-lined {margin-left: -20px;}
.matrix-preview > table tr td{text-align:center;border:1px solid #ccc;background:#fff;padding:5px;}
.body-sm-td .matrix-preview > table tr td {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  max-width: 90px !important;
  padding: 5px;
  text-align: center;
  width: 90px !important;
}
.matrix-preview > table {border-collapse: separate;border-spacing:0 5px;background:transparent;font-size:12px;}
.accordian-sortable.questions .group{background:#f9fafc}
.matrix-select {background: #eee;border:1px solid #dedede;outline: 0 none;padding: 2px;width: 100%;}
.question-category > div{list-style-type:none;width:81px;height:64px;cursor:pointer;display:inline-block;font-size:0;margin-right:15px;background-image:url('../Images/question-categories.png');background-repeat:no-repeat;opacity:0.5}
.question-category > div:hover{opacity:1};
.question-category > div.show-radio {background-position: -175px 0}
.question-category > div.show-matrix-radio {background-position: -350px 0}
.question-category > div.show-rating-scale {background-position: -614px 0;}
.question-category > div.show-nps {background-position: -614px 0}
.question-category > div.show-checkbox {background-position: -88px 0px}
.question-category > div.show-matrix-checkbox {background-position: -263px 0}
.question-category > div.show-dropdown {background-position:-439px 0}
.question-category > div.show-rating-scale {background-position: -614px 0}
.question-category > div.show-textarea {background-position:-526px 0}
.npsQues {width:400px;}
.npsQues .helpSpan {font-size: 10px; float: right; padding-bottom: 5px; padding-right: 14px;}
.npsQues table th {border: 0px none !important; line-height: 12px ! important; font-size: 12px ! important;}
.npsQues table td {text-align: center;width:10%;vertical-align:top;border: 0px none;}
.question-category > div > .group{display:none;}
.ui-accordion .roc[type="radio"] {float: left;margin: 6px 6px 0 0 !important;}
table tr.matrix-head th.col-head {border: 1px solid #ccc;}
.ui-accordion-header input[type="checkbox"] {margin:4px 5px 0 -3px}
.question-category > div:active {display: inline-block;height: 62px;}
.question-category > div:hover {border-radius: 3px;box-shadow: 0 -1px 5px 1px #a4b4bf inset;}
.answers-in-categories{list-style-type:none;padding-left:0!important; margin-top: 10px;}
.not-sortable.accordian-sortable > .group > h3 > .ui-icon{display:none!important}
.not-sortable.accordian-sortable > .group > h3{cursor:pointer;}
.not-sortable.accordian-sortable > .group .answers-in-categories li input[type="checkbox"]{display: inline-block;vertical-align: top;margin: 0;}
.not-sortable.with-checkbox .ui-accordion-header input[type="checkbox"] {position:absolute;left:15px;}
.not-sortable.with-checkbox .ui-accordion-header {padding-left:35px!important}
label.is-required-question input[type="checkbox"] {vertical-align: top;margin: 0;}
/*PREVIEW FEEDBACK QUESTIONS*/
.preview-html{background:#f9fafc;}
.preview-html .qa-wrap{padding:10px;border:1px solid #ccc; border-radius:4px; width:80%;margin:10px auto }
.preview-html .heading-lined, #preview .input-with-btn, #preview .input-with-btn + .button-common {display:none}
.preview-html .preview-question {color: #273446;font-size: 14px;font-weight: bold;}
.preview-answer .matrix-preview{background:transparent}
.preview-answer .matrix-preview > table tr td , .preview-answer td {text-align:center;border:1px solid #ccc;background:#fff;padding:5px;font-size:12px; max-width:200px;}
.body-sm-td .preview-answer .matrix-preview > table tr td , .preview-answer td {text-align:center;border:1px solid #ccc;background:#fff;padding:5px;font-size:12px; max-width:90px;}
.preview-answer .matrix-preview > table {border-collapse: separate;border-spacing:0 5px;background:transparent;font-size:12px;}
#preview{margin-top:-100px;}
#preview .panel-body {height:100%!important;max-height:100%!important;overflow-y: auto;padding: 15px;background:#f9fafc}.preview-answer .col-head {font-size: 12px;border: 1px solid #cecece;}
#preview .sortable li {background:transparent;border:0;list-style-type: none;margin-bottom: 3px;padding: 0 5px;}
.preview-answer > table {border-collapse: separate;border-spacing: 0 6px;}

[data-area="new-questions"] > div.group > h3{padding-left:10px!important}
[data-area="new-questions"] > div.group > h3 + div{border: 1px solid #ccc; border-top: none;}
.question-category > div[data-question="active"]{opacity:1}
[data-area="questions"] .sort-order{display:inline-block!important}

.legend-text {position: absolute;bottom: 0px;right: 5px;font-size: 10px;line-height: 12px;padding: 2px;color: #fff;}
.boxLi > li {background: #e3e3e3;border-radius: 4px;color: #000;display: inline-block;font-size: 11px;line-height: 12px;list-style-type: none;margin: 4px;padding: 4px;}
.span-rounded {border-radius: 50px;color: #fff;display: inline-block;font-size: 10px;height: 15px;padding: 5px;text-align: center;width: 15px;line-height: 5px;}
.req-str{margin-right:3px;color:red;}
.tab-content.open-area-tab{background:transparent!important;border:0!important}
.tab-content.open-area-tab > .tab-pane{padding:0!important}
.tab-content.open-area-tab > .tab-pane .tss-tab-oasis > .oasis-left{padding-left:0!important}
.tab-content.open-area-tab > .tab-pane .tss-tab-oasis > .oasis-left .fa-space{display:none!important}
/*Privacy policy in tabs*/
.fc-nb h3 {color: #c84141;font-family: "RobotoCondensed";font-weight: normal;margin: 15px 0 5px;}
.fc-nb p, .fc-nb ul, .fc-nb  ol {color: #212121;margin: 10px 0 0;font-family: 'RobotoRegular';color: #495b79;font-size: 12px;}
.fc-nb .wrapper {box-shadow: 0 0 0px 0px #495b79;background: #fff;margin: 0px auto;padding: 0px 10px;}
.fc-nb a {color: #0098df;text-decoration: none;}
.fc-nb a:hover {color: #0098df;text-decoration: underline;}
/*gray-table*/
.gray-table th.table-heading {font-size: 12px;text-align: center;color: #fff;background-color: #95A0B2;  padding: 4px 0}
.gray-table th {font-size: 12px;text-align: left;color: #29364D;background-color: #F7F8FC;padding:2px 4px;  border-bottom: 0!important;}
.gray-table td {font-size: 11px;text-align: left;color: #29364D;background-color: #EAEAF0;padding:2px 4px}
table.table-grid-view input.read-mode-input{border:1px solid transparent!important;background:transparent!important}
.uppercase{text-transform:uppercase}
table.td-align-top tr td{vertical-align:top!important}
table.td-align-middle tr td{vertical-align:middle!important}
table.td-align-bottom tr td{vertical-align:bottom!important}
.showDel{position:absolute;right:10px;bottom:0px!Important;}
.custom-spinner .spinner.ui-spinner-input{border-radius:0!important;width: 80px!important;text-align: center;padding: 2px 20px;}
.custom-spinner .ui-icon.ui-icon-triangle-1-s{background-image:none}
.mk-minus{position: absolute;left: 1px;background-color: #E0E0E0;top: 1px;height: 19px;padding: 0 4px;}
.mk-plus{position: absolute;right: 1px;background-color: #E0E0E0;top: 1px;height: 19px;padding: 0 4px;}
.max-disabled .mk-plus{pointer-events:none;opacity:0.5}
.min-disabled .mk-minus{pointer-events:none;opacity:0.5}
.disabled-spinner .spinner{border:0!important;pointer-events:none;color:#636e7b;padding:0!important;}
.disabled-spinner a{display:none;}
.fa.rounded-bg {background-color: rgba(255,255,255,0.4);border-radius: 40px;padding: 3px 0;display: inline-block;width: 20px;height: 20px;text-align: center;}
.main-row p > span {color: #999;}
.text-on-image{bottom: -12px;left:0;position: absolute;background-color: #222;color: #fff;padding: 0 4px;font-size: 11px;width: 100%;text-align: center;  line-height: 15px;}
.align-top{vertical-align:top}
.align-middle{vertical-align:middle}
.align-bottom{vertical-align:bottom}
.contentHeader h3 .select2-container{width:100px!important}
.contentHeader h3 .select2-container .select2-choice{margin-top:0!important}
.contentHeader h3 .select2-container .select2-choice .select2-arrow{top:-2px!important}
.font-condensed{  font-family: RobotoCondensed;}
.font-white{color:#fff!important}
.period-state{padding:0;margin-top:5px;}
.period-state label{padding: 2px 4px 0 4px;  line-height: 13px;  font-size: 12px;}
.period-state b{line-height: 18px;display: inline-block;font-size: 16px;vertical-align: bottom;}
.scroll-body .table-heading{position: absolute;width: 100%;top: 0;margin: 0;}
.scroll-body .header{border-bottom:1px solid #dedede}
.scroll-body {position: relative;border: 1px solid #D8D8D8;padding-top: 56px;background: #F7F8FC;}
.scroll-container {overflow-y: auto;height: 120px;}
.scroll-body table {border-spacing: 0;width:100%;}
.scroll-body td + td {border-left:1px solid #eee;}
.scroll-body td, .scroll-body th {border-bottom:1px solid #eee;background: #F9F9F9;color: #000;padding: 2px 10px;}
.scroll-body td{font-size:11px;}
.scroll-body th {height: 0;line-height: 0;padding-top: 0;padding-bottom: 0;color: transparent;border: none;white-space: nowrap;border-bottom: 1px solid #eee;}
.scroll-body th div{position: absolute;background: transparent;color:#29364D;padding: 9px 25px;top: 27px;margin-left: -25px;line-height: normal;font-size:12px;}
.scroll-body th:first-child div{border: none;}
.input_text > span {font-size: 12px;}
.input_text > strong {color: #495b79;font-size: 12px;}
.edit-input {padding-right: 20px;position: relative;}
.edit-input > a {display: inline-block;position: absolute;right: 5px;}
/*ZONE MASTER CSS*/
.zone-list{padding: 0 0 10px;background-color: #ffffff;position:relative;margin-bottom:15px;}
.zone-list ul{padding:0;display:block;margin:0;}
.zone-list ul li {list-style-type: none;float: left;padding:0px 4px 2px;border: 1px solid #B5B3B3;margin-right: 10px;border-radius: 6px;}
.zone-list ul li input[type="text"]{font-size:11px;min-width:60px;width:60px}
.zone-list ul li label{font-size:11px;min-width:60px}
.zone-list ul li .fa{font-size:11px;margin-left:4px;cursor:pointer}
.zone-list ul li .btn {line-height: 17px;}
.zone-list ul li.add-zone{position:absolute;right:-10px;bottom:0;border:0;}
.zone-list ul li.active {background-color: #CEF9F0;}
.header-area-btn {font-size:10px; background:#FFBA60;border:0;padding:5px 8px;color:#334356;border-radius:4px;border-bottom:2px solid #e7a800;font-weight: bold;display:inline-block;vertical-align:bottom}
.header-area-btn:hover {opacity:0.9}
.header-area-btn:active {border-bottom:0;margin-bottom:-2px;display:inline-block;vertical-align:bottom;opacity:0.9}
/*=================STYLES END=====================*/
/*KEEP THIS STYLE AT BOTTOM*/
/*INPUT HOVER EFFECT _ TESTING IN PROGRESS*/
/*.input_container:hover + label, .multi-select-container:hover + label{color:#afafaf;transition:all ease 0.3s}
.input_container:hover, .multi-select-container:hover{outline:1px solid #d8dfeb;}
/*For multiselect tab index*/
/*.multi-select-container .btn-group-vertical > .btn:active, .multi-select-container .btn-group-vertical > .btn:focus, .multi-select-container .btn-group > .btn.active,
.multi-select-container  .btn-group > .btn:active, .multi-select-container .btn-group > .btn:focus {background:#eceef1}*/

.panel-body.align-popovers {overflow-y: inherit;}
.right-links {font-size: 12px;list-style-type: none;padding:0;margin:0;}
.right-links > li {border-left: 1px solid #ccc;display: inline-block;margin-left: -3px;}
.right-links > li > a {border-bottom: 3px solid transparent;padding: 7px 10px 3px;display: block;}
.right-links > li > a.active {background: rgba(249, 250, 250, 0.8);color: #333;border-bottom: 3px solid #495b79;}
.img-view {display: inline-block;height: 25px;overflow: hidden;width: 25px;margin-right: 5px;vertical-align: middle;}
.img-view > img {max-width: 100%;}
.image-details {list-style-type: none;margin: 0;padding: 0;}
.image-details > li {display: inline-block;font-size: 12px;vertical-align: top;width: 210px;}
.image-details > li .img-view {display: inline-block;text-align: center;vertical-align: top;width: 90px;height: 120px;}
.image-details > li .img-view .imgSpan {background: #eee none repeat scroll 0 0;border: 1px solid #ccc;display: block;padding: 5px;vertical-align: top;}
.image-details > li .img-view .imgSpan i {display: block;height: 84px;overflow: hidden;width: 77px;}
.image-details > li .custm-dtls {display: inline-block;width: 100px;}
.image-details > li .custm-dtls > p {margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.image-details > li .img-view .imgSpan img {max-width: 100%;}
.image-details > li.attach-details a {background: #eee none repeat scroll 0 0;border: 1px solid #dedede;display: inline-block;height: 95px;padding: 10px;position: relative;vertical-align: top;width: 90px;}
.image-details > li.attach-details a::after {color: #bebebe;content: "+";font-family: "RobotoBold";font-size: 60px;left: 31%;position: absolute;top: 36%;}
.image-details > li .img-view .sign > img {max-width: 100%;}
.mtb{margin-top:5px; margin-bottom:5px;}
.mag-color {color:#A4659A;}

/*TIMETABLE*/
.timetable > table{border-collapse:separate}
.timetable > table > thead > tr > th {color: #3E5273;text-align:center;}
.timetable > table > thead > tr > th, .timetable > table > tbody > tr > td{padding:4px 8px}
.timetable > table > tbody > tr > td{border-right: 2px solid #fff;border-bottom: 2px solid #fff;font-size:14px;}
.timetable > table > thead > tr > th > span{font-size: 10px;font-weight: normal;display:block;text-align:center;line-height:normal}
.timetable > table [data-col="period-time"]{opacity:1!important}
.timetable > table [data-col="period-time"] span {display:inline-block!important;line-height:10px;}
.timetable > table [data-col="period-time"] span:first-child {line-height:10px;font-size:21px;}
.timetable > table [data-col="period-time"] span > p{margin-bottom:0;font-size:13px;line-height:13px;}
.timetable > table [data-col="period-time"] span > label{margin-bottom:0;font-size:11px;line-height:11px;}
.timetable > table [data-class*=type] p{  font-size: 12px;margin-bottom: 0;line-height: 14px;text-transform:uppercase;}
.timetable > table [data-class*=type] p:first-child{  font-size: 12px;margin-bottom: 0;line-height: 14px;font-weight:bold}
.timetable > table [data-class="present-type"]{background:#16893C;color:#fff}
.timetable > table [data-class="absent-type"]{background:#FF150E;color:#fff}
.timetable > table [data-class="holiday-type"]{background:#F78F3A;color:#fff}
.timetable > table [data-class="weekend-type"]{background:#999;color:#fff}
.timetable > table [data-class="regular-type"], .timetable > table [data-class="upcoming-type"]{background:#0296DE;color:#fff}
.timetable > table [data-class="rest-type"]{background:#99007F;color:#fff}
.timetable > table [data-class="activity-type"]{background:#3EB22D;color:#fff}
.timetable > table [data-class="substitute-type"]{background:#9BCEE8;color:#333}
.timetable > table [data-class="substitute-alloted-type"]{background:#D5CC06;position:relative;color:#333}
.timetable > table [data-finished="true"]{opacity:0.6}
.timetable > table .red-bar,  .timetable > table .yellow-bar, .timetable > table .orange-bar, .timetable > table .purple-bar{position:relative;}
.timetable > table .red-bar:before{background:#FF150E;height:100%;width:4px;content:'';position:absolute;left:0;top:0;}
.timetable > table .yellow-bar:before{background:#FBF91B;height:100%;width:4px;content:'';position:absolute;left:0;top:0;}
.timetable > table .orange-bar:before{background:#F78F3A;height:100%;width:4px;content:'';position:absolute;left:0;top:0;}
.timetable > table .purple-bar:before{background:#99007F;height:100%;width:4px;content:'';position:absolute;left:0;top:0;}
.presentColumn{position:relative; color: #16893c !important;}
.presentColumn:before {width: 0; height: 0; border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #16893C;position:absolute;top:-10px;left:50%;margin-left:-5px;content:''}
.presentRow td[data-col="period-time"]{position:relative}
.presentRow td[data-col="period-time"]:before {width: 0; height: 0; border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #16893C;position:absolute;top:35%;left:-10px;margin-left:-5px;content:''}
.custom-striped-table th, .custom-striped-table td{font-size:12px; border-bottom:1px solid #ccc;padding-left:25px;position:relative;background:none!important}
.custom-striped-table > tbody > .selectedSubject td{background-color:#D6E4F2!important}
.drop-hover-bg{background:#244cbe!important}
.drop-hover-bg[data-class="substitute-alloted-type"]{background:#f00!important}
td[data-class="absent-type"] a[name="resetSubstitution"]{display:none!important}
.tta-allot{background-color:#4D5A78;}
.tta-allot .btn-default {background: #4d5a78;border: medium none;border-radius: 0;color: #fff;font-family: "RobotoCondensed";padding: 8px 25px;border-right: 1px solid #39435D;margin-left: 0px!important;}
.tta-allot .btn-default:hover{background:#35466E}
.tta-allot .dropdown-toggle {background: #354056 none repeat scroll 0 0;padding-right: 20px;}
.tta-allot .btn-default > span {font-size: 12px;font-weight: normal;}
.tta-allot .btn-default .caret {border-top-color: #fff;position: absolute;right: 8px;top: 18px;}
.tta-allot .btn-default.active::before {border-color: #3eb22d transparent transparent;border-style: solid solid dotted;border-width: 10px 8px 0;bottom: -9px;content: "";height: 0;left: 50%;margin-left: -10px;position: absolute;width: 0;}
.tta-allot .btn-default.active {background: #3eb22d!important;}
.tta-allot .dropdown-menu {background: #303F56;margin: 0;border-radius: 0;padding: 0;}
.tta-allot .dropdown-menu li a {    border-bottom: 1px solid rgb(34, 46, 64);color: #fff;font-size: 12px;padding: 2px 12px;}
.tta-allot .dropdown-menu li a:hover {color: #4d5a78;}
.tta-allot .dropdown-menu li.active a:hover{color:#fff;opacity:0.6}
.tta-allot .btn-group .btn-group .btn-default:focus, .tta-allot .btn-group .btn-group .btn-default:active, .tta-allot .btn-group .btn-group .btn-default.active, .tta-allot .btn-group .btn-group.open .dropdown-toggle.btn-default {background: #102652; color:#fff;}
.tta-allot a.btn.btn-default.red-top:after {content:'';position:absolute;top:0;left:0;height:4px;width:100%;background:red}
.list-items {border-bottom: 1px solid #cecece;padding: 12px 10px 10px;}
.list-items > ul {list-style-type: none;margin: 0;padding: 0;font-size: 0;}
.list-items > ul > li {background: #f2f2f2;display: inline-block;font-size: 13px;margin: 0 10px 10px 0;padding: 10px 10px 3px 10px;text-align: center;width: 70px; position: relative; z-index: 99;}
.list-items > ul > li .photo {display: inline-block;height: 55px;overflow: hidden;width: 100%;}
.list-items > ul > li .photo > img {max-width: 100%;}
.list-items > ul > li p {line-height: normal;margin: 0 0 5px;font-size: 10px;text-align: left;}
.list-items > ul > li p strong {color: #374154;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 11px;}
.list-items > ul > li i{display: inline-block; float: right;color:#4D5A78;font: bold 16px/16px 'RobotoCondensed';}
.list-items > ul > li i.green {color: #43B130;}
.list-items > ul > li i.red {color: #FA1A19;}
.span-danger, .span-success, .span-default {font-weight: normal;border-radius: 0;font-family: 'RobotoCondensed';color: #ffffff;display: inline;font-size: 14px;line-height: 1;padding: 3px 6px 2px;text-align: center;vertical-align: baseline;white-space: nowrap;margin-right: 5px;}
.span-danger {background-color: #FB1919;}
.span-success {background-color: #3EB22D;}
.span-default {background-color: #354056;}
.tt-wrap .tt-content {border-collapse: separate;padding-top: 15px;}
.tt-wrap .tt-content th[scope="col"] {font-family: "Robotocondensed";text-align: center;}
.tt-wrap .tt-content th[scope="col"] > span {display: inline-block;font-size: 14px;line-height: 16px;text-align: left;vertical-align: middle;font-weight:bold;}
.tt-wrap .tt-content th[scope="col"] > span:first-child {font-size: 22px;line-height: normal;padding-right: 2px;}
.tt-wrap .tt-content th[scope="col"] > span > i {display: block;font-size: 12px;font-style: normal;font-weight: normal;text-align: center;}
.tt-wrap .tt-content th[scope="row"] {font: 16px "RobotoCondensed";text-align: center;position:relative;background:#eee;border-right:2px solid #fff;border-bottom:2px solid #fff}
.tt-wrap .tt-content > tbody > tr > td.blank-space {background: #808aa0 none repeat scroll 0 0;width: 40px;}
.tt-wrap .tt-content td > p {font-size: 12px;line-height: 12px;margin: 0;text-align: left;text-transform: none;}
.room-wise.tt-content td{background:#E6F4FF}
.room-wise.tt-content td > p{line-height:15px;}
.tt-wrap .tt-content td.activity {font-size: 16px;font-weight: bold;text-align: center;color:#fff;}
.tt-input {color: #4c5b78;font-size: 13px;}
.tt-input thead {border-bottom: 3px solid #b4b4b4;border-top: 3px solid #b4b4b4;}
.tt-input thead th[scope="col"] {border-right: 1px solid #b4b4b4;padding: 6px 12px;}
.tt-input thead th[scope="col"]:first-child {border-right: medium none;}
.tt-input thead th > span {color: #4c5b78;display: inline-block;font-size: 18px;vertical-align: bottom;}
.tt-input thead th > strong {color: #0f83d6;font-size: 12px;}
.tt-input thead th > i {color: #fff;font-size: 12px;font-style: normal;margin: 3px 0 0;}
.tt-input tbody th[scope="row"] {background: #ededf2;border-bottom: 1px solid #b4b4b4;border-right: 1px solid #b4b4b4;font-size: 14px;padding: 6px 12px;width: 150px;text-transform: uppercase;}
.tt-input tbody td {border-bottom: 1px solid #b4b4b4;border-right: 1px solid #b4b4b4;padding: 6px 12px;}
.tt-input tbody td a {font-family: "RobotoBold";font-size: 12px;text-transform: uppercase;}
.tt-input tbody td[data-class="special-class"] {background: #e5ffeb;border-right: medium none;}
.tt-input tbody tr[data-class="activities"] > td {background: #e5ffeb;}
.tt-input tbody td > p {margin: 0 0 2px;}
/*popover input styles*/
.popover-form-wrap input[type="text"] {border: 1px solid #bcbcbc;border-radius: 3px;box-shadow: 1px 3px 2px #eee inset;color: #636363;line-height: 21px;vertical-align: middle;}
.popover-form-wrap i.fa {margin:0 !important; font-size: 12px !important;}
.editorInput {width: 120px;}
.countInput {text-align: center;width: 40px;}
.popover-content .btn-default {background: #e4e7ea;color: #636e7b;}
/*input[type="text"]:disabled {background: #e6e6e6!important;}*/
.dark-btn{background-color: #002948!important;}
.room-actions, .floor-actions, .block-actions, .bed-actions{position:absolute;left:0;top:0;background:rgba(3,3,3,0.6)!important;width:100%;text-align:center;height:100%;display:inline-block;vertical-align:middle;padding:2px;}
.room-actions i, .floor-actions i, .block-actions i, .bed-actions i{color:#fff;cursor:pointer;margin:0 2px;display:inline-block;vertical-align:middle;}
.room-actions i:hover, .floor-actions i:hover, .block-actions i:hover, .bed-actions i:hover{color:#4FBDFF}
.align-label > label {margin-right: 5px;}
.align-label > label input[type="checkbox"] {margin: 0;vertical-align: top;}
span[data-infrastructure="bed"] {float: left;background-color: #A1FDAC;margin-left: 0px;margin-right:1px;padding: 1px 3px 1px;min-width:40px;margin-top:-1px!important}
[data-infrastructure="floor"], [data-infrastructure="room"], [data-infrastructure="bed"]{vertical-align:middle!important;font-weight:normal!important}
[data-infrastructure="room"]{background:#FFC732!important}
[data-infrastructure="room"][data-ac="true"]{background:#85FAFF!important}

/*Room Allocation _start*/
[allocated="false"] {background: #f2f2f2!important;color: #939393 !important;}
[allocated="false"] label span {color: #939393 !important;}
.view-infra [data-infrastructure="floor"] {overflow: visible !important;}
.view-infra .blocks-table table td > table tr td:last-child:not(.add-new) > span {border: 1px solid #ccc;margin: 0 6px 2px -4px !important;}
.view-infra [data-infrastructure="floor"]::after {background: #fff none repeat scroll 0 0;content: "";height: 4px;left: 0;position: absolute;top: -2px;width: 100%;}
.view-infra [data-infrastructure="floor"] {width: 100px !important;}
[room-type="class"]:before {position: absolute;content: "";width: 4px;height: 100%;background: #FF06D4;left: 0;top: 0;}
[room-type="language"]:before {position: absolute;content: "";width: 4px;height: 100%;background: #0300FF;left: 0;top: 0;}
[room-type="lab"]:before {position: absolute;content: "";width: 4px;height: 100%;background: #FC0303;left: 0;top: 0;}
[room-type="activity"]:before {position: absolute;content: "";width: 4px;height: 100%;background: #598400;left: 0;top: 0;}
[room-type="ground"]:before {position: absolute;content: "";width: 4px;height: 100%;background: #45a6f5;left: 0;top: 0;}
[room-type="conference"]:before {position: absolute;content: "";width: 4px;height: 100%;background: #105857 ;left: 0;top: 0;}
[room-type="other"]:before {position: absolute;content: "";width: 4px;height: 100%;background: gray;left: 0;top: 0;}

.view-infra [data-ac="true"][allocated="true"] {background:#ffc732 !important}
.view-infra [data-ac="true"][allocated="false"] {background: #f2f2f2!important;color: #939393 !important;}
.view-infra [data-ac="true"]::after {background: #008DFF;color: #FFFFFF;content: "A/C";font-size: 8px;height: 9px;line-height: 4px;padding: 2px 2px 1px;position: absolute;right: 0;top: 0;}
/*Room Allocation End*/

.legend-boxes {list-style-type: none;padding: 0;}
.legend-boxes > li {display: inline-block;font-size: 11px;margin: 0 10px 0 0;vertical-align: top;text-align: center;}
.legend-boxes > li > span {color: #fff;display: inline-block;font-family: "RobotoBold";font-size: 14px;max-width: 65px;min-width: 65px;padding: 3px;}
.legend-boxes > li > p {margin: 0;}
.legend-boxes > li.working > span {background: #383b4e;}
.legend-boxes > li.present > span {background: #7ce0a7;}
.legend-boxes > li.absent > span {background: #ed6865;}
.legend-boxes > li.holiday > span {background: #30c7fe;}
.legend-boxes > li.vacation > span {background: #faa2fd;}
.legend-boxes > li.leave > span {background: #f6a958;}
.legend-boxes > li.no-school > span {background: #eae9f2; color: #636e7b;font-size: 12px;}
.legend-boxes > li.no-of-holidays > span {background: #6cf0dd;color: #636e7b;}
#academic-attendance tr th:first-child {border-bottom: 1px solid #333;border-right: 1px solid #333;}
.scroll-table-with-fixed-cols, .bordered-table table {border: 5px solid #ccc;border-radius: 5px;font-size: 12px;}
.scroll-table-with-fixed-cols  tr:nth-child(2n+1), .fixed-column tr:nth-child(2n+1) td, .fixed-column-right tr:nth-child(2n+1) td{background: #ebebf3 !important;}
.scroll-table-with-fixed-cols tr td, .scroll-table-with-fixed-cols tr th {border-bottom: 1px solid #bdbdbd;}
.fixed-column th {max-width: 120px;min-width: 120px;}
.scroll-table-with-fixed-cols th {background: #313a59 none repeat scroll 0 0;border-right: 1px solid #fff;color: #b7b7b7;cursor: auto;font-size:11px;height: 40px;line-height: 18px;text-align: center;width: 25px;}
.scroll-table-with-fixed-cols > tbody > tr > td {padding: 0;}
.scroll-table-with-fixed-cols td {border-right: 1px solid #ccc;border-bottom-color: #ccc;padding: 0 5px;text-align: center;width: 60px;}
th[data-original-title="Sunday1"], .weekend {background: #eae9f2 !important;color: #A9A9A9;}
th[data-original-title] {background: #777f9c;text-align: center;}
.no-date {background: rgba(231, 211, 44, 0.21);}
.fixed-column td {background: #fff none repeat scroll 0 0;color: #636e7b !important;overflow: hidden;text-align: left;text-overflow: ellipsis;white-space:nowrap;}
.table-scrolldiv{border: medium none;height: auto;overflow-x: auto;padding: 0;}
.table-scrolldiv tr:nth-child(2n) {background: #fff none repeat scroll 0 0;}
.table-scrolldiv td {padding: 0 !important;}
.table-scrolldiv td, .table-scrolldiv th {max-width: 60px;padding: 0 5px;}
.table-scrolldiv .mCSB_container{padding:0!important}
.sat-sun {background: #495b79 none repeat scroll 0 0 !important;color: #fff !important;}
td.week-end {background: #768aad none repeat scroll 0 0 !important;color: #fff;cursor: auto;}
.bg-dull-green {background: #bbc28c none repeat scroll 0 0 !important;}
.worked-days {background-color: #2f3855;}
.fixed-column-right {background: #fff none repeat scroll 0 0;color: #636e7b !important;max-width: 100px;min-width: 100px;overflow: hidden;text-align:center;text-overflow: ellipsis;white-space: nowrap;}
.fixed-column tr td:first-child,  .scroll-table-with-fixed-cols tr td:first-child{background: #fff;color: inherit;width: auto;}
.table-scrolldiv tr th p {margin: 0;}
.scroll-table-with-fixed-cols p {margin: 0;}
.worked-days th {padding: 0 7px 1px;}
.top-header > th {height: 27px;padding: 0 7px;}
.fixed-column th {padding: 0 7px;}
.table-scrolldiv tr td:first-child {background: transparent none repeat scroll 0 0;}
.scroll-table-with-fixed-cols th.space {background: #dddde5;border-bottom: medium none;border-right-color: #dddde5;}
.scroll-table-with-fixed-cols td.space {background: #768aad;border-bottom: medium none;border-right-color: #dddde5;}
.fixed-column tr > td:first-child ,  .fixed-column tr > th:first-child {max-width: 80px;min-width: 80px;}
.dark-header-table thead tr th{text-align: left;background-color: #313a59 ;color: #fff;font-size: 10px;font-weight:normal}
.time-slot{display:block}
.dark-header-table{border-radius: 1px; box-shadow: 0 0 0 4px #ccc;-moz-box-shadow: 0 0 0 4px #ccc;-webkit-box-shadow: 0 0 0 4px #ccc;-ms-box-shadow: 0 0 0 4px #ccc;}
.dark-header-table .sub-head th, .scroll-table-with-fixed-cols .sub-head th {background: #495b79 none repeat scroll 0 0;}
.scroll-table-with-fixed-cols .Edinput, .scroll-table-with-fixed-cols .Edinput:first-child, .dark-header-table .Edinput {background: #FBE58F !important;color: #333;}
.dark-header-table .Edinput .time-slot{color: #686868;}
.scroll-table-with-fixed-cols .fa{cursor: pointer;}
.save-mode .fa, .edit-mode {font-size: 14px;margin: 0 6px;}
.dark-header-table .edit-row .inTable, .dark-header-table .edit-row .fa, .scroll-table-with-fixed-cols .fixed-column .edit-row .fa, .scroll-table-with-fixed-cols .fixed-column .edit-row .inTable {color: #b7b7b7;}
.save-mode .fa:hover, 
.edit-mode:hover, 
.dark-header-table .edit-row .inTable:hover, 
.dark-header-table .edit-row .fa:hover,
.dark-header-table .edit-row th:first-child:hover .inTable, 
.dark-header-table .edit-row th:first-child:hover .fa, 
.scroll-table-with-fixed-cols .fixed-column .edit-row:hover .fa, 
.scroll-table-with-fixed-cols .fixed-column .edit-row:hover .inTable {color: #fff;}
.dark-header-table thead tr th {text-align: center;background-color: #313a59 ;color: #fff;font-size: 13px;font-weight: normal;line-height: normal;padding: 4px;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.time-slot{display:block;font-size:9px;color: #ccc;}
.dark-header-table tbody td{border-right:1px solid #ededed;border-bottom:1px solid #ededed;font-size:11px;padding: 2px 4px;}
.dark-border-right{border-right: 1px solid #3A4961;}
/*.dark-header-table .check-all{margin: 0;float: right;margin-right: 10px;border: 0!important;}*/
.dark-header-table .check-all {border: 0 none !important;display: inline-block;margin-bottom: 2px;vertical-align: bottom;margin-top:0;margin-right:0;float:left}
.dark-header-table thead tr.edit-row th{color: #b7b7b7;text-align:center;height:18px;padding:0;line-height:18px}
.dark-header-table thead tr.edit-row th i{cursor:pointer}
td.td-mark{text-align:center}
td.td-mark input[type="checkbox"], td.td-mark select{display:none;;float:left}
td.td-mark select{width: 65px!important;display: inline-block;float: left;font-size: 11px;height: 18px;border: 1px solid #ccc;border-radius:0;display:none}
td.td-mark select.readonly {background-color: #E4E4E4;opacity: 0.5;}
td.td-mark.edit-mark input[type="checkbox"], td.td-mark.edit-mark select{display:inline-block;float:left}
[data-attendance="leave"]{background:#f6a958}
[data-attendance="absent"]{background:#ed6865}
[data-attendance="present"]{background:#7ce0a7}
.dark-header-table tfoot td {background-color: #EAEDF2;font-size:12px;text-align:center}
.dark-header-table tfoot td span {margin: 2px;padding: 2px 4px;font-size: 11px;color: #fff;cursor:default}
.dark-header-table tfoot td span[data-total="present"]{background:#7ce0a7}
.dark-header-table tfoot td span[data-total="absent"]{background:#ed6865}
.dark-header-table tfoot td span[data-total="leave"]{background:#f6a958}
.dark-header-table tfoot td[data-attendance="hide"] span{display:none}
.inTable{background:transparent;color:#fff;position:relative;z-index:1;padding-left:10px;cursor:pointer}
.inPicker{color: #fff;position: absolute;right: 20px;top: 5px;z-index: 0;}
tr.col-head th, tr.col-foot td {background-color: #CED8E8!important;color: #333;height: 26px!important;line-height: 27px!important;}
.small-head tr th{height: 29px; line-height: 14px;}
.input-text-show-hide input[type="text"] {height: 18px;width: 60px;text-align:center}
.input-text-show-hide input[type="text"].readonly {height: 18px;width: 60px;border:0;background:transparent}
.non-teaching{position:relative;height:13px;width:13px;border-radius:50px;background:#9DD37F;display:inline-block;vertical-align:middle;margin-right:5px}
.teaching{position:relative;height:13px;width:13px;border-radius:50px;background:#8FB6D7;display:inline-block;vertical-align:middle;margin-right:5px}
.non-teaching:before{position:absolute;left:0;top:0;content:"N";font-size:9px;width:13px;text-align:center;height:13px;line-height:14px;color:#333;}
.teaching:before{position:absolute;left:0;top:0;content:"T";font-size:9px;width:13px;text-align:center;height:13px;line-height:14px;color:#333;}
#academic-attendance tbody td:first-child {background: #495b79 none repeat scroll 0 0;}
#GroupNames .sub-head th {height: 40px;}
.align-img {position: relative;top: 50%;}
.line-hgt25 {line-height: 25px;}
table.table-grid-view#periodInputs input[type="text"]{border-radius:0!important;padding:0 2px;}
td.Break-Period {background-color: #ECE5E5!important;}
td.Lunch-Period {background: #eaf99d!important;}
.c-bttn{position: absolute;right: 10px;top: 7px;color: #13967E;}
.acr-plus, .acr-minus {color: #9C9C9C;padding:3px;}
.preview-answer li{list-style-type:none}

.select-choice-margin0 .select2-choice{margin:0!important}
.for-reports.input_container{margin:0!important;height:28px;padding:0;border:1px solid #ccc;height:22px!important;}
.for-reports.input_container input[type="text"]{padding-top:0!important;height:19px;}
.for-reports.input_container.srch-field .employee-list-search-icon, .for-reports.input_container.srch-field .jsonSuggest-search-icon {top: 0!important;}
.remove-plitems .product-div .plAmt, .remove-plitems .product-div .recQty {display: none;}
.remove-plitems .product-div .plAmt, .remove-plitems .product-div .recQty {display: none;}
.femaleBlock{background:#FFFC94!important}
.maleBlock{background:#C6DBFF!important}
.panel-body.align-popovers {overflow-y: inherit !important;}
/*grids editable styles*/
.ui-jqgrid tr td[role="gridcell"] .input-fld[type="text"] {background: transparent;border-color: transparent;}
.ui-jqgrid tr td[role="gridcell"] .input-fld.edit-input[type="text"] {background: #fffcd2;border-color: #c6c6c6;}
/*grids editable styles ends*/
#academic-attendance .mCSB_container, #StudentTimetable .mCSB_container, #facultyTimetable .mCSB_container, #student-attendance .mCSB_container {margin-bottom: 0px;padding-bottom: 0;}
#academic-attendance .mCSB_scrollTools_horizontal, #StudentTimetable .mCSB_scrollTools_horizontal, #facultyTimetable .mCSB_scrollTools_horizontal, #student-attendance .mCSB_scrollTools_horizontal {bottom: 35px;}
#QuestionContent .sortContainer .roc {  float: left;  margin: 6px 6px 0 0 !important;}
.view_textarea p{white-space:normal}
.view_textarea .text-space {border: 1px solid #dcdcdc;margin-top: 5px;min-height: 100px;padding: 5px;}
.not-sortable.accordian-sortable > .group > h3 {padding: 7px 10px 5px 15px;}

/*Infrastructure Issue Fixes*/
div.blocks-table table[data-table="sub-inner"] {border-collapse:separate;margin-left: -4px;}
.show-pagination-only .ui-jqgrid-view {display:none!important;}
.show-pagination-only .ui-jqgrid {width:100%!important}
.show-pagination-only .ui-jqgrid-pager {width:100%!important;}


body.PublicLayout.custom-public-bg {background:rgba(217, 228, 237, 0.68) url("../Images/login_bg.png") repeat scroll 0 0;}
.custom-widget-head {background: #f3f6fb none repeat scroll 0 0;font-family: "RobotoCondensed";font-size: 16px;letter-spacing: 1px;margin: 0 0;padding: 5px 10px;text-align: center;text-transform: uppercase;color:#3B4B64; text-transform: uppercase;}
.custom-button {  background: #40506a;  border: 0 none;  color: #fff;  cursor: pointer;  display: inline-block;  font-family: "RobotoCondensed";  font-size: 13px;  line-height: 13px;  outline: 0 none;  padding: 5px 10px 6px;}
.custom-button:hover {background:#2D3B52 ;transition:background 0.25s;-webkit-transition:background 0.25s;-moz-transition:background 0.25s;-o-transition:background 0.25s;-ms-transition:background 0.25s;-khtml-transition:background 0.25s;}
.entity-group {float:right;margin-right:45px}
.entity-group li {list-style-type:none;float:left;margin-left:10px;}
.custom-widget{box-shadow: 0 0 10px 2px #ebebeb;width: 520px;margin: 100px auto 0;background: #FCFCFC;}
.custom-widget-foot {border-top:1px solid #e8e8e8; padding-bottom: 0 !important;}
.custom-widget .input_container {    border-bottom: 1px solid #e4e4e4;}
.text-right.pInt.border {border: 1px solid #ccc;}
.sel-top2 .select2-choice {margin-top:2px!important}
/*.table-grid-view .error-msg {display:none!important}*/
.Select2inGrid.select2-container {height:21px;}
.Select2inGrid.select2-container .select2-choice {margin-top:0!important;font-size:11px;font-weight:normal!important;padding-left:2px;}
.Select2inGrid.select2-container .select2-choice .select2-arrow b {background-position:0 -2px!important}
.print-custom-btn, .print-custom-btn:focus {position:absolute;right:10px;top:5px;font-size:18px;color:#777;z-index:9;}
.print-custom-btn:hover {color:#0069E8;}

.change-pic {cursor:pointer;}
.change-pic p.cam{opacity:0;left: 0;position: absolute;top: 0;height:100%;width:100%;background:rgba(0,0,0,0.5);text-align:center;}
.change-pic p.cam a:first-child {margin-right:5px;}
.change-pic p.cam a > i.fa {margin-top:50%; color:#fff}
.change-pic:hover p.cam {opacity:1;transition:opacity 0.15s ease-in;}
.head-isprimaryContact {font-weight: normal;padding-left: 20px;font-size:12px;}
.head-isprimaryContact label {padding-left: 10px;}
.heading-lined .sameasAddressTest {color: #636e7b !important;font-size: 12px !important;line-height: 3px;margin-top: -7px;}
.heading-lined .sameasAddressTest input{display: inline-block;margin-top: -4px !important;vertical-align: top;}
    
input[name="file-name"] {border: 1px solid #495b79  !important;height: 28px;padding: 4px !important;margin-right: -5px;border-right: none;}
.height60 {height:60px!important}

.view_input p > label {font-size: 13px;font-weight: normal!important;line-height: 13px;margin-left:15px}
.tfpad2 > tr > td{padding:2px!important;}
.sml-txt-input {font-size: 11px;height: 21px;color:#707070;padding: 2px;width: 100%;}
#logInputs > td {max-width: 120px !important;padding: 2px !important;width: 60px !important;}
.edit-option {background: rgba(255,255,255,0.5);border: 1px solid #CBCBCB;color: #666;cursor: inherit;font-size: 11px;width:95%;}
.readonly.edit-option {background: transparent;border: 0 none;color: #666;cursor: inherit;font-size: 11px;}

.inline-check{position: relative; top: 2px;}
.ui-state-default .preview-view{ margin-top: 2px !important;    float: left }
.ui-state-default input[type="checkbox"].preview-view {    margin-top: 2px !important;}
.ac-engine-legends i {border-radius: 5px;font-style: normal;}
.view_input > p > span.right-lbl {display: inline-block;text-align: right;width: 50%;}
.gray-table .table-heading {font-size: 12px;text-align: center;color: #fff;background-color: #95A0B2;  padding: 4px 0}
.gray-table th {font-size: 12px;text-align: left;color: #29364D;background-color: #F7F8FC;padding:2px 4px;  border-bottom: 0!important;}
.gray-table td {font-size: 11px;text-align: left;color: #29364D;background-color: #F9F9F9;padding:2px 4px}

.for-reports.input_container .slide_input_bg{display:none!important}
.form-control.address-area {height: 75px !important;resize: none;}
.overflow-inherit {overflow:inherit!important;max-height:inherit!important}
.select2-drop.list-width {width: auto !important;}
.questionheader {font-family: RobotoCondensed;font-size: 16px;font-weight: normal;margin: 0;padding: 5px;}
.questionheader > span:first-child::after {content: ".";margin-right: 3px;}
.ext-link {float: right;font-size: 13px;}
.questionheader + .answer {font-size: 12px;line-height: 17px;padding: 0 20px 10px;}
.more-link {clear: both;display: block;width: 80px!important;color: #008DFF;}
.view_input > label > a > i.fa {color: #2f3a4b;font-size: 12px;margin-left: 5px;position: relative;top: 1px;}
.inc-form > li {line-height: 14px;}
.inc-form .multiselect-search {border: 0 none !important;position: relative;top: 4px !important;}
.inc-form .multiselect-item.filter .input-group-addon {padding: 6px 3px 0;}
.inc-form .multiselect-item.filter .input-group-btn .multiselect-clear-filter {padding: 4px 0 3px;}
.heading .inc-form .multiselect-container.dropdown-menu {margin-top: -5px;}
.inc-form .multiselect-container.dropdown-menu {margin-top: -24px;background: #fff}
.inc-form .multiselect-container.dropdown-menu li.active a {color:#fff!important}
.inc-form .multiselect-container.dropdown-menu li.active a:hover {color:#333!important}
.inc-form .multiselect-container.dropdown-menu li a label{padding:0!important}
.filter-container {display: inline-block;float: right;position: relative;top: -1px;}
.filter-container .dropdown-menu.inc-form {left: auto;right: 0;top:20px}
.showInTop .dropdown-menu.inc-form {border-bottom: 1px solid #ccc;border-radius: 0;bottom: 100% !important;box-shadow: none;top: auto !important;}
.inc-form.dropdown-menu {background: #f8f8f8;box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.25) !important;padding: 5px !important;border-radius: 0 !important;}
.inc-form.dropdown-menu li a{color:#666;font-size:10px;}
.inc-form.dropdown-menu li.li-4{width:32%!important;float:left}
.inc-form.dropdown-menu li.li-4.mid{margin:0 1.5%}
.inc-form.dropdown-menu li.li-left-6, .inc-form.dropdown-menu li.li-right-6{width:49.25%!important;float:left}
.inc-form.dropdown-menu li.li-left-6{margin-right:0.75%}
.inc-form.dropdown-menu li.li-right-6{margin-left:0.75%}
.inc-form.dropdown-menu input[type="text"] {  border: 1px solid #C8C8C8;background:#ECEEF1;  font-size: 10px;  line-height: 12px;  padding: 2px;  position: relative;  top: -1px;  width: 100%;height:20px;}
.inc-form.dropdown-menu li > label{color:#666!important}
.inc-form.dropdown-menu input[type="checkbox"] {margin: 0 !important;position: relative;top: 2px;width: 18px;}
.inc-form.dropdown-menu input[type="radio"] {margin: 0 !important;position: relative;top: -2px;width: 18px;}
.inc-form.dropdown-menu textarea {border: 1px solid #C8C8C8;background:#ECEEF1;font-size: 10px;line-height: 12px; margin-bottom: 2px; padding: 2px;height:30px; max-height:30px; width:100%; font-family:RobotoRegular;resize:none;color: #495B79;outline: none;}
.inc-form .select2-container .select2-choice {border: 1px solid #ccc !important;margin: 0 0 4px;padding: 0 2px;}
.inc-form .select2-chosen {font-size: 11px !important;font-weight: normal;height: 20px;line-height: 18px;}
.inc-form .select2-container .select2-choice .select2-arrow {top: -3px;}
.inc-form .multiselect.dropdown-toggle.btn {border: 1px solid #ccc !important;color: #465885;font-size: 11px;font-weight: normal;height: 20px;margin-bottom: 4px;padding: 0 15px 0 3px;overflow:hidden;text-overflow:ellipsis}
.inc-form .multiselect.dropdown-toggle.btn.btn-default .caret {top: 8px;}
.okay-btn {background: #2F3F62;border: 1px solid #ccc;display: inline-block!important;padding: 3px 10px!important;color: #fff!important;margin-top: 5px;font-size:12px!important}
.cancel-btn {background: #828996;border: 1px solid #ccc;display: inline-block!important;padding: 3px 10px!important;color: #fff!important;margin-top: 5px;font-size:12px!important}
.dropdown-menu li a.okay-btn:hover {  background-color: #48536D !important;}.dropdown-menu li a.cancel-btn:hover {  background-color: #535B6A !important;}
.sm-help-text {color: #9d9d9d;display: inline-block;font-size: 10px;line-height: 12px;position: relative;top: -6px;}
.trait-ul {list-style: outside none none;padding: 0;}
.auto-btn {background: #e7e7e7;border: 1px solid #a0a0a0;border-radius: 4px;color: #515151;font-size: 11px;padding: 2px 4px;text-decoration: none!important;}
.sm-select{border:1px solid #ccc;width:40px!important}

.subject-list > ul {border: 1px solid #ccc;list-style: outside none none;padding: 10px;overflow:hidden;}
.subject-list > ul > li{float:left;margin-right:30px;}
.dropdown-menu li a.okay-btn:hover {background-color: #48536D !important;}
.dropdown-menu li a.cancel-btn:hover {background-color: #535B6A !important;}
.em-checkbox {display: none;position: relative;top: 2px;}
.edit-plan .em-checkbox{display:inline-block;}
.grid-details-table-header .link {border-left: 1px solid #ccc;color: #007cc9;font-size: 12px;text-decoration: none!important;}
.heading.link {border-bottom: 1px solid #b5e3ff;padding-bottom: 0;text-decoration: none!important;cursor: default;}
[name="poa-content"] .no-color .attached-item {background: #ebebeb;color: #333;overflow: hidden;padding-bottom: 5px;padding-left: 5px;padding-right: 20px !important;padding-top: 5px;text-overflow: ellipsis;width: 100%;}
[name="poa-content"] .no-color .attached-item:hover {background: #DBE7EF;}
[name="poa-content"] a.delete-attached {font-size: 14px;position: absolute;right: 10px;top: 0;}
[name="poa-content"] .no-color .view_input {padding-left: 5px;padding-right: 5px;}
.points-list li.point-done{
background:transparent url("../images/check-right.png") no-repeat scroll 1px 2px / 16px 16px;
padding-left:20px;
}
.points-list li.point-not-done{
background:transparent url("../images/check-wrong.png") no-repeat scroll 1px 2px / 16px 16px;
padding-left:20px;
}
.edit-plan .points-list li.point-done, 
.edit-plan .points-list li.point-not-done{
background-image:none!important;padding-left:0!important
}
[name="poa-content"] .ui-accordion-header {font-size: 14px;}
.legend-circle {border-radius: 50px;display: inline-block;height: 20px;line-height: 20px;margin: -3px 5px 0 0;text-align: center;vertical-align: middle;width: 20px;background: #C5C5C5;color: #fff;}
td.sub-name{white-space:normal!important;line-height:16px!important;min-height: 24px;height: 24px;max-height: inherit;min-width: 160px;   padding-top: 4px !important;}
td .legend-circle {display: inline-block;margin-top: 1px !important; position: relative;left: 5px;}
.seats-input {color: #676666;font-size: 11px;height: 17px;line-height: 17px!important;margin-left: 10px;position: relative;top: -1px;width: 60px;vertical-align:middle;display:inline-block}
.table-grid-view .section-tbdy tr td {vertical-align:middle;}
.table-grid-view tr td:first-child {border-left: 0!important;}
.pad5 {padding:5px!important;}
.mlr-5 {margin-left: -5px!important;margin-right: -5px!important;}
.sm-input {border: 1px solid #ccc;color: #828282;float: left;font-size: 12px;height: 20px;margin: 3px 0 2px;padding: 2px;width: 80px !important;}
.day-label {line-height: 10px;width: 100%;}
.day-label > input[type="checkbox"] {display: inline-block;margin: 0 !important;position: relative;top: 2px;}

body[data-theme="change"] .button-common.button-green, body[data-theme="change"] .button-color.button-green {
background: #018200 !important;
border-bottom: 2px solid #014800!important;
}
body[data-theme="change"] .button-common.button-red, body[data-theme="change"] .button-color.button-red {
background: #a70000 !important;
border-bottom: 2px solid #690000 !important;
}
body[data-theme="change"] .button-common.button-green:hover, body[data-theme="change"] .button-color.button-green:hover {
  background: #016000  !important;
}
body[data-theme="change"] .button-common.button-red:hover, body[data-theme="change"] .button-color.button-red:hover {
  background: #8c0000 !important;
}
.table-input {color: #555;font-size: 11px;height: 20px;margin-bottom: 2px;margin-top: 2px;width: 100%;}
/*Firefox CSS Hack*/
@-moz-document url-prefix() { 
  td .legend-circle {
      position: relative;
      left: 5px;
    }
  }

/*TOC STYLE _START*/
.toc-tree ul.dynatree-container{}/*height:250px;width:100%;overflow:auto;*/
.f12{font-size:12px}
.upload-container ul{
 padding:0;margin:0 0 0 10px;
}
.upload-container ul li{position:relative;list-style-type:none;float:left;width:100px;border:1px solid #eee;margin-right:10px;font-size:12px;}
.head-legend{margin-top:7px;font-size:12px;}
.head-legend i.fa {
  font-size: 11px !important;
  position: relative;
  top: 0;
}
.toc-tree .status,  .toc-tree .status:hover {
  background: transparent;
  border: 0!important;
  color: #fff;
  font-family:'RobotoRegular';
  font-size:14px;
  padding:2px 4px;
  margin:0 2px;
}

.toc-tree  .status-container{
	bottom: 0;
    display: inline-block;
    float: right;
    position: absolute;
    right: 0;
}

.toc-tree .showStatus a, .toc-tree .showStatus a:hover, span.dynatree-active .showStatus a{
color:#fff;border:none!important;background:none!important
}
.delete-attachment {
  bottom: 0;
  position: absolute;
}
.toc-tree  ul.dynatree-container li{position:relative;white-space:normal}
.toc-tree  ul.dynatree-container li span{white-space:normal;display:inline;position:relative;}
.toc-tree ul.dynatree-container li ul::before {
 /* border-left: 1px dotted #ccc;*/
  content: "";
  height: 85%;
  left: 8px;
  position: absolute;
  top: 7px;
  width: 1px;
}
.toc-tree .dyna-topic .topic-name {
  display: inline-block;
  font-family: RobotoRegular;
  font-size: 12px;
  line-height: 16px;
  margin-top: 2px;
  vertical-align: top;
  width: 75%;
}
.toc-tree .dyna-topic .topic-name:hover{text-decoration:underline}
.toc-tree span.dynatree-empty, .toc-tree span.dynatree-vline, .toc-tree span.dynatree-connector, .toc-tree span.dynatree-expander, .toc-tree span.dynatree-icon, .toc-tree span.dynatree-checkbox, .toc-tree span.dynatree-radio, .toc-tree span.dynatree-drag-helper-img, .toc-tree #dynatree-drop-marker {
  /*background-image: url("tree-icons.png") !important;*/
  margin-right: 4px;
  position: relative;
  top: 2px;
  z-index: 1;
  display:inline-block!important;
}

.toc-tree span.dynatree-expander, .toc-tree span.dynatree-expander:hover {
 /* background-position: -61px -14px;*/
  cursor: pointer;
}
.toc-tree .dynatree-exp-e span.dynatree-expander, 
.toc-tree .dynatree-exp-ed span.dynatree-expander, 
.toc-tree .dynatree-exp-el span.dynatree-expander, 
.toc-tree .dynatree-exp-edl span.dynatree-expander,
.toc-tree .dynatree-exp-e span.dynatree-expander:hover, 
.toc-tree .dynatree-exp-ed span.dynatree-expander:hover, 
.toc-tree .dynatree-exp-el span.dynatree-expander:hover, 
.toc-tree .dynatree-exp-edl span.dynatree-expander:hover {
 /* background-position: -14px -13px;*/
}
.toc-tree span.dynatree-connector {
  position:relative;
  background-image: none !important;
}
.toc-tree span.dynatree-connector::before {
  /*border-top: 1px dotted #ccc;*/
  content: "";
  height: 1px;
  position: absolute;
  width: 22px;
  top: 7px;
  left: -7px;
}
.toc-tree .dynatree-container > li.dynatree-lastsib  span.dynatree-connector:before {
display:none!important;
}
.toc-tree .dynatree-container > li.dynatree-lastsib  span.dynatree-connector {
	/*background-image: url("tree-icons.png") !important;*/
	margin-right: 4px;
	position: relative;
	top: 2px;
	z-index: 1;
	background-position: -14px -13px;
	position:relative;
	z-index:1
}
.toc-tree ul.dynatree-container a{border:0px none;}
.toc-tree .showStatus li {
  line-height: 12px;
  padding: 1px 5px!important;
}
.toc-tree .showStatus{width: 80px; display: none; position: absolute; right: auto;top:5px;left:100%;  padding: 5px 0;}
.toc-tree .showStatus li:before, .toc-tree .showStatus:before{display:none!important}
.toc-tree .showStatus li:hover{background:#333}
.toc-tree .dyna-topic{position:relative;padding-left:8px;/*color: #199ad7;*/cursor:pointer}
.dyna-topic::before {
  content: "";
  height: 10px;
  left: -4px;
  position: absolute;
  top: 3px;
  width: 10px;
}
.toc-tree [attr-status="completed"]:before{background:#093}
.toc-tree [attr-status="progress"]:before{background:#C60}
.toc-tree [attr-status="pending"]:before{background:#333}

.toc-tree .dynatree-active .dyna-topic .topic-name, .toc-tree .dynatree-active .dyna-topic .topic-name:hover {
  color: #202A52;
  font-weight: bold;
  text-decoration:none;
}
.change-opt {
  display: inline-block !important;
  position: relative;
  top: 4px;
text-transform:capitalize;
}
.change-opt-list {
  background: #036;
  display: none;
  left: 15px;
  padding:0;
  position: absolute;
  right: auto;
  top: 24px;
  width: 100px;
  z-index: 2;
}
.change-opt-list:before{content:"";position:absolute;top:-4px;;left:10px;margin-left:-2px;border-bottom:4px solid #036;border-left:4px solid transparent;border-right:4px solid transparent}
.change-opt-list li {color:#fff;font-size:11px;padding:0 5px;}
.change-opt-list li:hover {background:#333}

.stat-drop > h3 {
  background: #adb5c3 none repeat scroll 0 0;
  color: #fff;
  font-family: "RobotoRegular";
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 4px;
  position:relative;
}
.stat-drop > h3:after{
content:"";
position:absolute;
height:0;
width:0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
right:10px;
top:50%;
margin-top:-3px;
transition:transform 0.25s;
-webkit-transition:transform 0.25s;
-moz-transition:transform 0.25s;
-o-transition:transform 0.25s;
-ms-transition:transform 0.25s;
}
.stat-drop > h3.opened:after{
transform:rotate(-180deg);
-webkit-transition:transform 0.25s;
-ms-transition:transform 0.25s;
-moz-transition:transform 0.25s;
-o-transition:transform 0.25s;
}
.stats {
  background: #f5f5f5;
  display:none;
}
.stats > table{margin:0}
.stats > table tr td{width:33%;max-width:33%;vertical-align: middle;}
.stat-count {
  display: block;
  font-family: RobotoCondensed;
  font-weight: bold;
  text-align: center;
}
.stat-label {
  display: block;
  text-align: center;
  line-height:12px;
}
.lb-btn{background:#199ad7;color:#fff;padding:2px 4px;margin: 2px 4px;font-size:12px;display:inline-block;
transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;-webkit-transition:all 0.2s;
}
.lb-btn:hover{color:#fff;background:#0175AA }
.lb-text {color: #199ad7 ;display: inline-block;font-size: 12px;margin: 2px 4px;padding: 2px 4px;transition: all 0.2s ease 0s;text-decoration: underline;}
.lb-text:hover{color:#0175AA;text-decoration: underline;}
.search.topic {  border: 1px solid #ccc;  display: inline-block;  margin: 2px 6px 0 0;  padding: 1px 2px;  position: relative;  width: 100%;}
.search.topic > input {border: 0 none;margin:0;width: 100%;}
.search.topic > input + a {position: absolute;right: 4px;}
.blue-heading {display: inline-block;font-size: 16px;font-weight: normal;margin: 0;white-space: normal;width: 100%;word-break: normal;}
.attached-item{  color:#008DFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap !important;width: 100%;}
#main{
   float: right;
   height:auto;
   width: 75%;
	position: relative;
}
#main::before {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: -3px;
  position: absolute;
  top: 0;
  width: 3px;
}
#sidebar{
   width:25%;
   float: left;
   height:auto;
   overflow-y: hidden;
   position:relative;
}

#dragbar {
  background-color: black;
  cursor: col-resize;
  float: right;
  height: 100%;
  position: absolute;
  right: 0;
  width: 3px;
  z-index:1;
}
#ghostbar{
    width:3px;
    background-color:#000;
    opacity:0.5;
    position:absolute;
    cursor: col-resize;
    z-index:999}
	
	.tree-div{padding:8px;}
.mk-spinner input {
  border: 0 none;
  color: #495b79;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  height: 24px !important;
  padding: 0 5px !important;
  position: relative;
  text-align: left !important;
  top: 1px;
  width: 50px !important;
}
.mk-spinner .mk-minus, .mk-spinner .mk-plus {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: transparent;
  height: 8px;
  left: auto;
  right: 0 !important;
  width: 12px;
}
	.mk-spinner .mk-minus{top:3px!important}
	.mk-spinner .mk-plus{ bottom: 1px !important; top: auto !important;}
	.mk-spinner .mk-minus:before{
		content:"";
		position:absolute;
		top:3px;
		left:0;
		height:0;
		width:0;
		border-bottom:6px solid #495b79;
		border-left:6px solid transparent;
		border-right:6px solid transparent;
	}
	.mk-spinner .mk-plus:before{
		content:"";
		position:absolute;
		bottom:0px;
		left:0;
		height:0;
		width:0;
		border-top:6px solid #495b79;
		border-left:6px solid transparent;
		border-right:6px solid transparent;
	}
	
.dyna-tss-actions {
  margin-left: 10px;
  position: absolute;
  top: 2px;
}
.week-plan {
  min-height: 80px;
  overflow: hidden;
  padding: 65px 0px 15px 45px;
  position: relative;
}
.week-plan::before {
  background: #3a4961 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 33px;
  position: absolute;
  top: 0;
  width: 4px;
}
.date-box {
  background: rgb(61, 76, 101) none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 60px;
  left: 4px;
  line-height: 55px;
  position: absolute;
  text-align: center;
  top: 0;
  vertical-align: middle;
  width: 60px;
}
.date-box label {
  display: block;
  font-weight: normal;
  line-height: 0;
  margin-top: -15px;
}
.content-box {
  background: #f9f9f9 none repeat scroll 0 0;
  border: 1px solid #dedede;
  font-size: 12px;
  margin: 5px 0 0;
  padding: 5px 10px 10px;
  position: relative;
}
.content-box::after {
  border-bottom: 7px solid transparent;
  border-right: 7px solid #dedede;
  border-top: 7px solid transparent;
  content: "";
  left: -7px;
  position: absolute;
  top: 4px;
  z-index: 0;
}
.content-box::before {
  border-bottom: 6px solid transparent;
  border-right: 6px solid #f9f9f9;
  border-top: 6px solid transparent;
  content: "";
  height: 0;
  left: -6px;
  position: absolute;
  width: 0;
  z-index: 1;
}
.help-text {
  color: #888888;
  font-size: 11px;
}
.content-box p {margin:0}

.action-btns {
  display: none;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
}
.action-btns > a {
  border:1px solid #ccc;
  color: #333;
  display: inline-block;
  height: 25px;
  line-height: 23px;
  text-align: center;
  width: 25px;
}
.toc-tree .dynatree-checkbox {
    display: inline-block;
    left: -5px;
    position: relative !important;
    top: 1px!important;
}
.title-span{font-weight:bold;font-size:12px!important}
.title-span + label{color:#ededed;font-size:11px;line-height:12px;}
.title-span + label > i{color:#bcbcbc;font-style:normal;text-decoration:underline}

.toc-tree .dynatree-active .dyna-topic .topic-name {
  font-size: 12px;
  line-height: 15px;
}
.add-poa {
  border: 1px solid #ccc;
  display: inline-block;
  float: right;
}
.add-poa > input {
  border: 0 none;
  color: #888;
  font-size: 12px;
}
.add-poa > a {
    background: #3a4961 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 100%;
    padding: 2px 6px 1px;
    z-index: 9;
    right: 0;
    position: absolute;
    top: 0;
}
.poa-details {
  background: #f8f8f8 none repeat scroll 0 0;
  border: 1px solid #ccc;
  margin-top: 15px;
  padding-bottom: 15px;
}
.poa-details .heading {
  background: #3d4c65 none repeat scroll 0 0;
  color: #fff;
  padding: 2px 0;
  text-align: center;
}
.add-btn, .add-btn:hover {
  background: #3d4c65 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  padding: 1px 7px;
  position: absolute;
  right: 0;
  z-index: 9;
  cursor:pointer;
  top:0;
}



#pointsList {
    font-size: 12px;
    line-height: 17px;
    list-style: outside none none;
    padding: 5px 0;
    max-height: 180px;
    overflow: auto;
}
#pointsList > li {
  border-top: 1px solid #e3e3e3;
  margin-bottom: 2px;
  padding: 2px 8px 2px 2px;
}
.points-list {
    font-size: 12px;
    padding: 0 20px 0 30px;
}
/*.points-list > li {
  transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;
}*/
.points-list > li:hover {
  /*background: #efefef;*/
  color: #006fe4;
  /*padding: 0 10px 0 5px;*/
}
.form-control.edit-area {
  background: #f7f7f7 none repeat scroll 0 0;
  height: 60px !important;
  position: relative;
  top: -3px;
  width: 90%;
}
.plan-desc {
    font-size: 12px;
    line-height: 16px;
    padding: 0 15px;
}
.no-plan {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ccc;
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
    width: 98%;
}
#pointsList li .edit-list, #pointsList li .edit-list:hover, #pointsList li a, #pointsList li a:hover{
color:#666
}
#pointsList li input.edit-list {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ccc;
  font-size: 12px;
}
#pointsList li .edit-list, .points-list li .edit-list{
display:none;
}
ol.points-list .form-control.edit-area {
  top: -19px;
}
[name="poa-content"] .accordion-content {
  height: auto !important;
  overflow: auto !important;
}

.toc-tree {
  max-height: 300px !important;
}
.toc-tree .mCSB_scrollTools {
  right: 0 !important;
}

.status-update, .status-update:hover {
  background: #3c446c none repeat scroll 0 0;
  border-radius: 3px;
  color: #ffffff;
  cursor: pointer;
  font-size: 12px;
  margin-right: 10px;
  padding: 2px 8px;
  position: relative;
}
.status-update > ul {
  background: #3c446c;
  border-radius: 2px;
  display: none;
  list-style: outside none none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 26px;
  width: 80px;
  z-index: 999;
}
.status-update > ul::before {
  border-bottom: 6px solid #3c446c;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 10px;
  top: -5px;
  width: 0;
}
.status-update.open > ul{
display:block;
}
.status-update ul li {
  padding: 0 6px;
}
.status-update ul li:hover {
  background:#242424;
}

/*.content-box:hover .action-btns {display:block}*/
.edit-action{display:block;}
.edit-plan .action-btns.edit-action{display:none}
.action-btns.save-action{display:none;}
.edit-plan .action-btns.save-action{display:block}


.em-checkbox {
  display: none;
  position: relative;
  top: 2px;
}
.edit-plan .em-checkbox{display:inline-block;}

.grid-details-table-header .link {
  border-left: 1px solid #ccc;
  color: #007cc9;
  font-size: 12px;
  text-decoration: none!important;
}
.heading.link {
  border-bottom: 1px solid #b5e3ff;
  padding-bottom: 0;
  text-decoration: none!important;
  cursor: default;
}
[name="poa-content"] .no-color .attached-item {
  background: #ebebeb;
  color: #333;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 20px !important;
  padding-top: 5px;
}
[name="poa-content"] .no-color .attached-item:hover {
  background: #DBE7EF;
}
[name="poa-content"] a.delete-attached {
  font-size: 14px;
  position: absolute;
  right: 10px;
  top: 0;
}
[name="poa-content"] .no-color .view_input {
  padding-left: 5px;
  padding-right: 5px;
}
.points-list li.point-done{
background:transparent url("../images/check-right.png") no-repeat scroll 1px 2px / 16px 16px;
padding-left:20px;
}
.points-list li.point-not-done{
background:transparent url("../images/check-wrong.png") no-repeat scroll 1px 2px / 16px 16px;
padding-left:20px;
}

/*.content-box [name="poa-content"] {
  margin-top: 20px;
}*/
.edit-plan .points-list li.point-done, 
.edit-plan .points-list li.point-not-done{
	background-image:none!important;padding-left:0!important
}
[name="poa-content"] .ui-accordion-header {
  font-size: 14px;
}
/*TOC STYLE _END*/
/*DASHBOARD WIDGETS*/
.widget-container {margin: 5px auto;overflow: hidden;width: 986px;text-align:center;font-size: 0;padding-top:6px;}
.leftpanel-collapsed .widget-container {width: 1240px;}
.widget-tab-container {padding:5px 0 5px 250px;position: relative;width: 972px;}
.widget-tab-content {border:1px solid #ccc;padding:5px;}
.widget-tabbed {width: 240px;margin-left:-250px;}
.widget-tabbed .widget {border-radius: 0;clear: both;margin: 0px 0 2px;}
.widget-tabbed .widget-snapshot {height: 22px;margin: 0 0 0 -4px;text-align: left;}
.widget-tabbed .widget-snapshot .snap-label {font-size: 9px;max-width:45px;display: none;}
.widget-tabbed .snap-count {font-size: 11px !important;height: 18px;line-height: 18px;margin: 0;min-width: 26px;}
.widget-tabbed .widget.active .snap-label {color:#fff;}
.widget-tabbed .widget-img {  height: 35px;  top: 4px;  width: 35px;  left: 4px;}
.widget-tabbed .widget.active .widget-img{background:rgba(216, 223, 238, 0.36)}
.widget-tabbed .widget-head {font-size: 14px;margin: 0;}
.widget {background: rgba(255, 255, 255, 0.4);border: 1px solid #ccc;/*display: inline-block; */float:left;margin: 0 6px 6px 0;padding: 0;width: 240px;border-radius: 10px;position:relative;vertical-align:top;cursor:pointer;transition:all 0.15s; -webkit-transition:all 0.15s;-moz-transition:all 0.15s;-ms-transition:all 0.15s;-o-transition:all 0.15s;}
.widget *{cursor:pointer;}
.widget:hover, .widget.active{background: rgba(255, 255, 255, 1);border: 1px solid #7F7F7F;cursor:pointer;box-shadow: 0 0 8px 0 rgba(72, 128, 174, 0.33) inset;}
.widget.active {background: #586a87;border-right: 0 none;}
.widget.active::after {border-bottom: 12px solid transparent;border-left: 4px solid #485871;border-top: 12px solid transparent;content: "";margin-top: -11px;position: absolute;right: -4px;top: 50%;}
.widget.active::before {border-bottom: 14px solid transparent;border-left: 6px solid #ccc;border-top: 14px solid transparent;content: "";margin-top: -14px;position: absolute;right: -6px;top: 50%;}
.widget:hover .widget-head{color:#4880ae}
.widget.active .widget-head {color: #fff;}
.widget-content {padding-left: 70px;position: relative;min-height: 45px;}
.widget-tabbed .widget-content {min-height: 40px;padding-left: 48px;position: relative;}
.widget-img {background: rgba(43, 64, 96, 0.27);border-radius: 50px;/*box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.18);*/font-size: 30px;height: 50px;left: 0;line-height: 50px;position: absolute;text-align: center;width: 50px;left: 7px;top: 2px;}
.widget:hover .widget-img {background: #4880ae;}
.widget-head {font-family: RobotoCondensed;font-size: 16px;font-weight: bold;margin: 5px 0 2px;text-align: left;color: #3A4961;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.widget-desc {color: #969696;font-size: 10px;line-height: 11px;margin: 0;text-align: left;font-style: italic;padding-right:2px;}
.snap-count {border-radius: 5px;color: #fff;display: inline-block;clear:both;font-size: 14px;font-style: normal;font-weight: bold;height: 21px;line-height: 21px;margin: 0 10px;text-align: center;min-width: 40px;/*box-shadow: 0 0 6px 0 rgba(0,0,0,0.5);*/}
.default-count {background:  none!important;border: 1px solid #858484;color: #000;line-height: 18px;}
.widget-snapshot {margin:10px 0 0;text-align: center;height: 40px;}
.widget-snapshot.text-right {text-align: right;}
.widget-snap {max-width: 90px;padding: 0 5px;text-align: center;}
.snap-label{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.widget.overlay{pointer-events:none}
.widget.overlay::after {background: rgba(0, 0, 0, 0.5);border-radius: 10px;color: #fff;content: attr(overlaytext);display: inline-block;font-size: 20px;font-weight: bold;height: 100%;left: 0;line-height: 24px;padding: 15% 20%;position: absolute;text-align: center;top: 0;vertical-align: middle;width: 100%;text-shadow: 0 0 2px #000;} 
.widget.overlay > * {opacity: 0.75;}
fieldset.pss-box {border-radius: 10px !important;}
.pss-box.overlay{pointer-events:none}
.pss-box.overlay::after {background: rgba(0, 0, 0, 0.5);border-radius: 10px;color: #fff;content: attr(overlaytext);display: inline-block;font-size: 20px;font-weight: bold;height: 100%;left: 0;line-height: 24px;padding: 15% 20%;position: absolute;text-align: center;top: 0;vertical-align: middle;width: 100%;text-shadow: 0 0 2px #000;} 
.pss-box.overlay > * {opacity: 0.75;}
    .pss-box.overlay.overlay-pad0::after {padding: 10% 20% 0%;}

.snap-count.wid-black{background:#969696}
.snap-count.wid-orange{background:#C85959}
.snap-count.wid-yellow{background:#FBD107;color:#434343!important}
.snap-count.wid-green{background:#9FA73A}
.widget-img > .fa{background-image:url('../Images/tran-sprites.png');width: 48px;height: 48px;background-repeat:no-repeat}
.widget-img > .fa:before, .widget-img > .fa:after{content:""!important}
.widget-img >.fa.fa-driver-license{background-position:7px 6px }
.widget-img >.fa.fa-vehicle-fitness{background-position:-173px 6px }
.widget-img >.fa.fa-vehicle-insurance{background-position:-235px 6px }
.widget-img >.fa.fa-vehicle-puc{background-position:-288px 6px }
.widget-img >.fa.fa-vehicle-permit{background-position:-346px 6px }
.widget-img >.fa.fa-vehicle-road-tax{background-position:-405px 6px }
.widget-img >.fa.fa-vehicle-green-tax{background-position:-457px 6px }
.widget-img >.fa.fa-travel-log-pending{background-position:-509px 6px }
.widget-img >.fa.fa-student-request{background-position:-555px 6px }
.widget-img >.fa.fa-bus{background-position:-604px 6px }
.widget-img >.fa.fa-car{background-position:-657px 6px }
.widget-img >.fa.fa-audit-attendance{background-position:-712px 6px }
.widget-img >.fa.fa-audit-attendance-closure{background-position:5px -69px }
.widget-img >.fa.fa-attendance-marking{background-position:-113px -68px }
.widget-img >.fa.fa-driver-allotment{background-position:-110px 6px }
.widget-img >.fa.fa-unalloted-points{background-position:-53px -69px }
.widget-img >.fa.fa-fee-defaulters{background-position:-170px -66px }
.widget-img >.fa.fa-workflow{background-position:-231px -68px}

.widget-img > .fa.fa-sm {background-image:url('../Images/tran-sprites-sm.png');width: 33px;height: 33px;background-repeat:no-repeat}
.widget-img >.fa.fa-vehicle-fitness.fa-sm{background-position:-138px -1px }
.widget-img >.fa.fa-vehicle-insurance.fa-sm{background-position:-182px -1px }
.widget-img >.fa.fa-vehicle-puc.fa-sm{background-position:-227px -2px }
.widget-img >.fa.fa-vehicle-permit.fa-sm{background-position: -274px  -2px  }
.widget-img >.fa.fa-vehicle-road-tax.fa-sm{background-position:-317px -2px }
.widget-img >.fa.fa-vehicle-green-tax.fa-sm{background-position: -360px -2px }
.widget-img >.fa.fa-audit-attendance-closure.fa-sm {background-position: 0 -45px;}

.snap-label.show {max-width:inherit!important}
.heading .export-btn {display: inline-block;float: right;margin-right: 25px;margin-top: -1px;position: relative;}
.export-btn ul {background: #3d4c65;border: 1px solid #30354E;padding: 0;width: 120px;position: absolute;right: 0;top: 22px;z-index: 9;display:none}
.export-btn ul li {border-bottom: 1px dashed #1B212D;color: #fff;display: block;font-size: 11px;list-style: outside none none;padding: 0 4px;cursor:pointer;}
.export-btn ul li:hover {color:#2A95C6;}
.export-btn ul li:last-child {border-bottom:0}
.export-btn .add-btn:hover ul {display:block;}
.export-btn ul li .fa {margin-right: 4px;font-size:14px;}
.roundHighlight {height:13px;overflow:visible!important;}
.roundHighlight span {position:absolute;top:-5px;left:0;height:18px;width:18px;line-height:18px;text-align:center;border-radius:20px;background:#f26522;color:#fff;}

.level-bread-crumb {padding:0}
.level-bread-crumb li {display:inline-block;margin:0 40px 0 0;list-style-type:none;border:1px solid #bdbdbd;padding:5px 10px;position:relative;}
.level-bread-crumb li:last-child {margin-left:0;}
.level-bread-crumb li:after {content:">>";position:absolute;color:#495b79;font-size:14px;font-weight:bold;right:-28px;top:7px;}
.level-bread-crumb li:last-child:after {content:""}
.level-bread-crumb li .view_input {margin:0}
.level-bread-crumb li .view_input label {margin:0}

.grid-details-table-header .showInTop::before {display:none!important}
.sprite-anchors li:hover {background-color:#000}
.sprite-anchors li > a {background-image: url("../Images/tickets-icon.png") ;background-repeat:no-repeat;display: block;height: 30px;width: 30px;}
.sprite-anchors li > a.all {background-position:-4px -3px}
.sprite-anchors li > a.my.emp{background-position:-67px -5px}
.sprite-anchors li > a.emp {background-position:-4px -67px}
.sprite-anchors li > a.dept {background-position:-67px -67px}
.sprite-anchors li > a.cat {background-position:-4px -35px}
.sprite-anchors li > a.target {background-position:-67px -36px}
.sprite-anchors li > a.sub {background-position:-125px -37px}
.sprite-anchors li > a.contacted {background-position:-125px -68px}
.sprite-anchors li > a.notcontacted {background-position:-5px -100px}

.print_reciept .wrapper img.logo {max-height: 60px;max-width: 120px;display: inline-block;vertical-align: middle;float: right;}

/*.inc-form*/
/*Helpdesk Dashboard*/
.hd-snap {background:#fff;padding: 5px;}
.hd-snap h3 {color: #485b79;font-size: 14px;font-weight: normal;margin: 0;}
.hd-snap h3 > i.fa {color: #1586e2;font-size: 16px;font-weight: normal;margin-right:4px;}
.hd-snap-blocks {margin-top: 2px;}
.hd-snap-blocks table {text-align:center;vertical-align:middle;}
.hd-snap-blocks table tr td {border-bottom: 1px solid #dad9e7;border-right: 1px solid #dad9e7;padding: 4px;}
.hd-purple {background-color:#ABA5E1;}
.hd-green {background-color:#15CC4E;}
.hd-orange {background-color:#FF882A;}
.hd-pink {background-color:#E797B4;}
.hd-blue {background-color:#31BFFF;}
.hd-green-dark {background-color:#90C5B3;}
.hd-red {background-color:#EE1C25;}
.hd-red-light-1 {background-color:#E9424A;}
.hd-red-light-2 {background-color:#E66873;}
.hd-red-light-3 {background-color:#E08D97;}
.hd-red-light-4{background-color:#DDB3BF;}
.fa-lg-white {color: #fff;font-size: 17px;}
.hd-label {color: #000;display: block;font-size: 14px;line-height: 14px;margin-top: 4px;}
.hd-count {color:#fff;font-size:18px}
.hd-snap-blocks table tr td {border:0;max-width: 25px;padding:0!important;border:0!important}
.inner-snaps table tr:first-child td:first-child {border-right: 2px solid rgba(255, 255, 255, 0.5) !important;}
.inner-snaps table tr:last-child td {/* border-top: 2px solid rgba(255, 255, 255, 0.5) !important;*/}
.inner-snaps td {background:rgba(0,0,0,0.12)}
.inner-snaps .hd-label {font-size:11px;padding-left: 10px;}
.inner-snaps .hd-count {font-size: 14px;padding-left: 10px;position: relative;top: -4px;}
.display-block {display:block}
.filter-wrap {display:inline-block;float:left; padding: 0 20px;}
.filter-box .multiselect.dropdown-toggle {border: 0 none !important;font-weight: normal;}
.filter-box .multiselect.dropdown-toggle.btn.btn-default .caret {right:auto!important;margin-left:10px;}
.multiselect-clear-filter {outline:0!important;}
.custom-caret {position: absolute;/* margin-left: 5px; */top: 0;right: -6px;}
.custom-caret::before {border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 6px solid #888888;content: "";height: 0;position: absolute;top: 11px;width: 0;right: -9px;}
.filter-applied {padding:5px 5px 0;min-height: 30px;}
.filter-applied > label {line-height: 17px;margin-right: 10px;}
.filter-list {list-style: outside none none;margin: 0;padding: 0;width: 70%;}
.filter-list li {background: #eceaf7 ;float: left;margin-right: 5px;margin-bottom: 5px;padding: 0 5px;height: 18px;line-height: 14px;}
.filter-list li label {font-size:10px;line-height:13px;}
.filter-list li a {cursor: pointer;display: inline-block;font-size: 11px;text-align: center;width: 15px;}
.filter-list li.actions {background:none!important}
.filter-list li.actions a {width:auto; line-height: 17px;}
body[data-theme="change"] .button-common-sq, body[data-theme="change"] .button-common-sq:focus {background: #3b4b67 !important;box-shadow: none !important;color: #fff;border-radius:0!important;display: inline-block;font-size: 11px;padding: 0 10px 2px;}
body[data-theme="change"] .button-color-sq, body[data-theme="change"] .button-color-sq:focus {background: #666 none repeat scroll 0 0 !important;box-shadow: none !important;color: #fff;border-radius:0!important;display: inline-block;font-size: 11px;padding: 0 10px 2px;}
.inc-form li.selected, .inc-form li.selected:hover , .inc-form li.selected > a, .inc-form li.selected > a:hover {background: #d2dfed;padding-left:2px;}
.row10 {margin-right: -10px;margin-left: -10px;}
.row10:before, .row10:after {display: table;content: " ";}
.row10:after {clear: both;}


.show-lead-stage.sprite-anchors li:nth-of-type(1) {background: #009AFE;}
.show-lead-stage.sprite-anchors li:nth-of-type(2) {background: #29AD62;}
.show-lead-stage.sprite-anchors li:nth-of-type(3) {background: #EB503C;}
.show-lead-stage.sprite-anchors li:nth-of-type(4) {background: #F39B15;}
.show-lead-stage.sprite-anchors li:nth-of-type(5) {background: #D65706;}
.show-lead-stage.sprite-anchors li:nth-of-type(6) {background: #8C45AF;}
.show-lead-stage.sprite-anchors li:nth-of-type(7) {background: #AB550A;}
.show-lead-stage.sprite-anchors li:nth-of-type(8) {background: #29ad62;}
.show-lead-stage.sprite-anchors li:nth-of-type(9) {background: #eb503c;}
.show-lead-stage.sprite-anchors li.activeStage:before{content:"";position:absolute; height:0;width:0;right:-6px;top:50%;margin-top:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;}
.show-lead-stage.sprite-anchors li.activeStage:nth-of-type(1):before {border-left:6px solid #009AFE;}
.show-lead-stage.sprite-anchors li:nth-of-type(2):before {border-left:6px solid #29AD62;}
.show-lead-stage.sprite-anchors li:nth-of-type(3):before {border-left:6px solid #EB503C;}
.show-lead-stage.sprite-anchors li:nth-of-type(4):before {border-left:6px solid #F39B15;}
.show-lead-stage.sprite-anchors li:nth-of-type(5):before {border-left:6px solid #D65706;}
.show-lead-stage.sprite-anchors li:nth-of-type(6):before {border-left:6px solid #8C45AF;}
.show-lead-stage.sprite-anchors li:nth-of-type(7):before {border-left:6px solid #AB550A;} 
.show-lead-stage.sprite-anchors li.activeStage{width:36px}
.show-lead-stage.sprite-anchors li.activeStage a{margin-left: 3px;}
.help-text {color: #888888;font-size: 11px;}
.blue-text {color: #0196dc;}
label.block-f12 {display: block;line-height: 12px;}
.x-font {font-size: 11px;font-weight: normal;padding: 5px;}
.follow-ups .tp-date {border: 2px solid #ccc;border-radius: 100%;height: 30px !important;min-width: 30px !important;padding: 0;width: 30px !important;}
.add-btn, .add-btn:hover {background: #3d4c65;color: #fff;cursor: pointer;display: inline-block;font-size: 12px;padding: 1px 7px;position: absolute;right: 0;top: 0;z-index: 9;}
.table-grid-view .filter-list{width:100%;margin-top:5px;}
.with-btns {padding-right:80px!important;position:relative}
.with-btns .rt-btns {position:absolute;top:5px;right:5px;}
.with-btns .rt-btns.btn2 {right:30px;}
.ui-accordion-header > p {margin:0}
        
.multiline-ellipsis {margin: 0;max-height: 28px;overflow: hidden;position: relative;white-space: normal;}
.multiline-ellipsis::after {content: "...";margin-left: 4px;position: absolute;top: 14px;width: 20px;}
.hd-snap{overflow:hidden}
.chart-relative{position:relative;padding-right:180px}
.chart-relative > div:first-child{margin-left:-15px!important}
.chart-legends{position:absolute;left:160px;top:10px;width:155px}
.chart-legends ul {font-size: 12px;list-style: outside none none;padding: 0 10px 0 0;}
.chart-legends ul li ul{padding: 0;}
.chart-legends > ul p {font-weight: bold;margin-top: 10px !important;text-transform: uppercase;}
@media (max-width:1280px) {
.chart-relative{position:relative;padding-right:120px}
.chart-legends{position:absolute;left:160px;top:10px;width:155px}
}
@media only screen and (max-height:767px) {
    div.ac-section .ac-container {
        max-height:140px!important
    }
}
.status-bg-span {color: #000;display: block;padding: 4px 10px;text-shadow: 1px 1px 4px #fff;text-align: center;}
.header-links{ padding:0 6px;display:inline-block;font-size:12px;position:relative;margin-left:4px;cursor:pointer}
.header-links::before {background: #555;content: "";height: 18px;left: -4px;position: absolute;top: 6px;width: 1px;}
.header-links:first-child::before{display:none}
.header-links input[type="checkbox"] {position: relative;top: 2px;}
.modal-header > h3 {  margin: 0!important;  padding: 10px 0!important;font-size:16px!important}
.modal-header .close {  margin-right: 10px!important;  margin-top: 7px!important;}
.modal-content{border-radius:0!important}
.modal-header {background-color: #f5f5f5;border-bottom: 1px solid #dddddd !important;}
.modal-footer {text-align:center!important}
body[data-theme="change"]  .modal-body .tabbable.tabs-left{position:relative;padding-left:100px}
body[data-theme="change"]  .modal-body .tabbable.tabs-left .nav.nav-tabs{position:absolute;left:0;top:0;z-index: 9;}
body[data-theme="change"]  .modal-body .tabbable.tabs-left .nav.nav-tabs li {border-right:1px solid #ccc;background:#e7e7e7;height:26px}
body[data-theme="change"]  .modal-body .tabbable.tabs-left .nav.nav-tabs li.active{border-right:0 none;background:none}
body[data-theme="change"]  .modal-body .tabs-left > .nav-tabs{border-right:none!important;border-left:1px solid #ccc;border-top:1px solid #ccc}
body[data-theme="change"]  .modal-body .tabbable.tabs-left > .tab-content{margin:-2px 0 0 1px!important}
body[data-theme="change"]  .modal-body .tabbable.tabs-left .input-group {border: 1px solid #ccc;display: block;left: 50%;margin-left: -200px;padding-right: 40px;position: relative;width: 400px !important;}
body[data-theme="change"]  .modal-body .tabbable.tabs-left .input-group .btn.btn-success {border-radius: 0 !important;height: 33px;right: 6px;}
body[data-theme="change"]  .modal-body .tabbable.tabs-left  .input-group [type="url"]{width:350px}
body[data-theme="change"]  .modal-body .tabbable.tabs-left .inline-form-control {background: rgba(55, 153, 87, 0.93);color: #fff;margin-left: 40px;}
body[data-theme="change"]  .modal-body .form-control.form-control-link {border: 1px solid #ccc !important;height: 30px;line-height: 30px;padding: 4px !important;}
body[data-theme="change"]  .modal-body .tabbable.tabs-left .input-group .input-group-btn{position:absolute;right:0;top:0;width:40px!important}
body[data-theme="change"]  .modal-body .tabbable.tabs-left li a{color:#02C3FF!important;font-size:12px!important;line-height:12px!important}
body[data-theme="change"]  .modal-body .tabbable.tabs-left li.active a{color:#a0a0a0!important;font-size:12px!important;line-height:12px!important}
.time-wrap{font-size:16px!important;font-weight:normal;font-family:"RobotoCondensed";line-height:32px!important;margin-right:10px!important}
.daterangepicker td.active, .daterangepicker td:hover{ background: #495b79 !important;}

table.table-fixed-cols.table-grid-view{width:auto!important;border-right:1px solid #ccc}
table.table-fixed-cols.table-grid-view tr td{width:190px!important;min-width:190px!important;max-width:190px!important;}
table.table-fixed-cols.table-grid-view input {border: 1px solid #ccc !important;line-height: 15px!important;width: 100%!important;}
.horizontal-scroll-enabled{overflow-x:auto!important;overflow-y:hidden}
.showInTop .dropdown-menu::before {display:none!important}
.sprite-anchors .stage-count {left: -14px;top: -4px;z-index: 1;}
.table-grid-view.table-grid-view-bordered {border-collapse:separate;}
.table-grid-view.table-grid-view-bordered tfoot tr td{border:1px solid #ccc!important;border-left:0!important}
.table-grid-view.table-grid-view-bordered tfoot tr td:first-child{border-left:1px solid #ccc!important}
.table-grid-view.table-grid-view-bordered tbody tr td:last-child{border-right:1px solid #ccc!important}
.table-grid-view.td-visible td {overflow: visible !important;}
textarea.txt-area-auto {height: inherit !important;} 
#overallChart .chart-legends > ul{padding:0 !important;}
#myTicketChart .chart-legends > ul{padding:0!important;}
#parentHelpdesk > div {animation-name: fade;-webkit-animation-name: fade;animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;}
/*Help Desk Dashboard*/
.help-desk-db-heading {text-align:center;font-size:30px;color:#eb7123;text-transform:uppercase;font-weight:normal;margin:30px 0 0;}
.help-desk-db-subheading {text-align:center;font-size:21px;color:#051c2a;font-weight:normal;margin-top:10px;font-family: "RobotoCondensed";}
.help-db-icon-wrap{width:50px;height:50px;/*background-color:#eeeff1;*/border-radius:50%; text-align:left;display:block;line-height:50px;margin:0px auto 10px;/*background-image: url(../images/pss/help-deskicons.png);*/
 position:absolute;top:0;left:0;}
.help-db-icon-wrap > span.fa {font-size:40px;color:#0b80df;margin-top:15px;}
.help-db-icon-txt {text-align:left;font-size:15px;font-weight:normal;color:#051c2a;font-family: "RobotoCondensed";line-height: inherit;display:inline-block;}
.help-db-icon-wrap-container{position:relative;min-height:40px;padding-left:52px;margin: 11px;}

.ico1{background: url(../images/pss/help-deskicons.png) no-repeat -8px -8px;width: 34px;height: 34px;display:inline-block;}
.ico2{background: url(../images/pss/help-deskicons.png) no-repeat -54px -13px;width: 45px;height: 31px;display:inline-block;}
.ico3{background: url(../images/pss/help-deskicons.png) no-repeat -107px -16px;width: 40px;height: 25px;display:inline-block;}
.ico4{background: url(../images/pss/help-deskicons.png) no-repeat -161px -11px;width: 31px;height: 31px;display:inline-block;}
.ico5{background: url(../images/pss/help-deskicons.png) no-repeat -10px -62px;width: 29px;height: 29px;display:inline-block;}
.ico6{background: url(../images/pss/help-deskicons.png) no-repeat -60px -59px;width: 33px;height: 33px;display:inline-block;}
.ico7{background: url(../images/pss/help-deskicons.png) no-repeat -112px -60px;width: 33px;height: 33px;display:inline-block;}
.module-options {background: rgba(0, 0, 0, 0.17);margin-right: 4px;display:inline-block;height:28px;border:1px solid #fff}
.module-options span.caret{position:absolute;right: 14px;top: 8px;}
.chosen-drop .chosen-results li.active-result {text-align:left !important; } /*color:rgb(85,85,85)!important;*/
.module-options .chosen-single:focus,.module-options a.chosen-single:active,.module-options a.chosen-single:visited,.module-options a.chosen-single:hover,.module-options a.chosen-single{background-color:transparent;}
.testing-category > table {border-collapse: separate;border-spacing: 0 5px;font-size: 12px;}
.testing-category> table tr th {background:#efefef;}
.testing-category > table tr td:not(:first-child) {background: #fff;border: 1px solid #ccc;padding: 5px;text-align: center;width: 30px !important;font-size:12px;height:24px;line-height:normal;}

/*.ddlyr{display:none;min-width:125px;border:1px solid #fff; }

.ddlCalAcyr{display:none;min-width:125px;border:1px solid #fff; }*/





/*Display list for options in all modules*/

.basic{
    margin-right:20px;
    border: 1px solid #fff;
}



.nav.nav-tabs.custom-nav-tabs.custom-nav-flowtabs > li > a {
    height: 35px;
    padding-left: 20px !important;
    border-top: 0!important;
    border-bottom: 0!important;
    border-right: 1px solid #bcc6d5;
}
.custom-nav-tabs.custom-nav-flowtabs .active > a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-right: 15px solid transparent;
    border-top: 19px solid transparent;
    border-bottom: 15px solid transparent !important;
    left: inherit;
    right: -25px !important;
    border-left: 10px solid #526483;
    top: 0;
}
.table-grid-view.form-style tr td {
    padding: 5px;
}
/*.overflow-auto {overflow:auto;}
.download-true {float:right; cursor:pointer;vertical-align:middle;}
.download-false {float:right; pointer-events:none; vertical-align:middle;}
.vertical-align-bottom {vertical-align:bottom;}
.border-top-dark {border-top:1px solid #ccc;}*/
/*bootstrap-duallistbox*/
    .bootstrap-duallistbox-container select,
    .bootstrap-duallistbox-container input.form-control {
        border: 1px solid #ccc;
    }
    .bootstrap-duallistbox-container select {
        height:90px !important;
        padding:2px 0px !important;
    }
    .bootstrap-duallistbox-container select option {
      font-size: 11px;
      font-weight: normal;
      text-transform: capitalize;
      padding:3px;
    }
    .bootstrap-duallistbox-container .box1 > label,
    .bootstrap-duallistbox-container .box2 > label {
        display:inline-block !important;
    }
    .bootstrap-duallistbox-container .info-container .label-warning {   
        font-size: 10px;
        padding: 2px 4px;
    }
    .bootstrap-duallistbox-container > label {
        font-size: 12px;
    }
   .box1 .moveall, .box1 .move,
   .box2 .removeall, .box2 .remove {
        padding:0px !important;
    }
   .bootstrap-duallistbox-container .box1 {
        padding-right: 5px;
    }
   .bootstrap-duallistbox-container .box2 {
        padding-left: 5px;
    }
   .bootstrap-duallistbox-container .btn-xs {
        padding: 0 5px;
    }
   .bootstrap-duallistbox-container i {
        color: #636e7b;
        font-size:11px;
    }
/* rakesh custom styles*/
.go-box{width:100%;position:relative;}
.floatLeft{float:left;}
.mt20{margin-top:20px;}
.go-button{border:none;position:absolute;bottom:4px;left:46%;}
.mt10{margin-top:10px;}
.mt5{margin-top:5px;}
.position-Rel{position:relative;}
.position-abs{position:absolute;}
.search-key{top:4px;right:4px;color:#999;font-size:13px;}
.bordr-btm-none{border-bottom:none;}
.bordr-top-none {border-top: none;}
.mrg0{margin:0px;}
.padd-chng{padding:4px 0px 4px 15px;}
.tbl-styl .ui-jqgrid .ui-jqgrid-hbox{padding-right:0px!important;}
.tbl-styl .ui-jqgrid-htable{width:100%!important;}
.tbl-styl table tr td{border:none !important;}
.tbl-styl table tr{border-bottom:1px solid rgba(204,204,204,0.4) !important;}
.tbl-styl table tr:first-child{border-bottom:none !important;}
.tbl-styl table th{background-color:rgba(204,204,204,0.5) !important;border-bottom : none !important;color:rgba(99,110,123,0.8);font-weight:bold;}
.tbl-styl table th input[type="checkbox"] {margin:6px 0 0 4px !important;}
.bg-ash{background-color:#CCC;}
.go-box-font .grid-details-table-header {background:rgba(204,204,204,0.4) !important;border-radius:4px 4px 0px 0px;}
.grid-details-table-header-inner h3{font-size:13px!important;}
.go-box .input_container{margin-top:4px;}
.go-box .select2-container.form-control,.go-box input{height:24px;}
.go-box-font .transfer-btns{top:75%;}
.go-box-font .transfer-btns a{font-size:38px;}
.go-button input{background: #ccc none repeat scroll 0 0;border: medium none;height: 20px;line-height: 14px;width: 35px;border-radius:2px;}
.col-sm-6.go-box-font .grid-details-table{border-radius: 4px 4px 4px 4px;}
.border-top-none{border-top:none;}

/*Anil styles*/

.written_table input {border: transparent;}

.ui-accordion .ui-jqgrid .ui-icon {display:block !important;}
.qus-span{display:inline-block;}
.sel-ques-lab{width:100%;}
#QuestionsDiv .ui-accordion .ui-icon {display:inherit !important;}
/*#QuestionsDiv .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {}*/
#QuestionsDiv h3.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_888888_256x240.png");
  cursor: pointer;
  height: 20px !important;
  overflow: hidden;
  width: 20px !important;
  top:2px;
}
    #QuestionsDiv h3.ui-state-default .ui-icon::before {
    content:"" !important;}
#QuestionsDiv h3 .ui-icon-triangle-1-e {
  background-position: -32px -13px;
}
#QuestionsDiv h3 .ui-icon-triangle-1-s {
  background-position: -64px -12px;
}

#EmployeesDiv .ui-accordion .ui-icon {display:inherit !important;}
#EmployeesDiv h3.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_888888_256x240.png");
  cursor: pointer;
  height: 20px !important;
  overflow: hidden;
  width: 20px !important;
  top:2px;
}
#EmployeesDiv h3.ui-state-default .ui-icon::before {
content:"" !important;}
#EmployeesDiv h3 .ui-icon-triangle-1-e {
  background-position: -32px -13px;
}
#EmployeesDiv h3 .ui-icon-triangle-1-s {
  background-position: -64px -12px;
}
#chart-container .orgchart {width:100% !important;background-image:none !important;overflow-x: scroll;margin-bottom: -5px;}
.orgchart .node .content {height:auto !important;}
/*jobclass styles*/
/*.myTable_class{
        border-collapse:collapse;
    }
    .myTable_class,.myTable_class th,.myTable_class td{
        border:1px solid #000;
    }*/
    .myTable_class{
        border:1px solid #CCC;
    }
    .myTable_class thead{
        background-color:rgb(216,224,238);
    }
    .myTable_class td{
        padding:5px!important;
    }
    .myTable_class td label{
        border:1px solid rgba(225,225,225,0);
        padding:1px 4px;
    }
    .myTable_class td label:hover{
        border:1px solid #999;
        background-color:rgb(216,224,238);
    }
    .myTable_class thead{
        font-size:13px;
    }
    .myTable_class tbody{
        font-size:12px;
    }
    #myTable_title{
        border:1px solid #CCC;
        border-bottom:none;
        background-color:rgba(73,91,121,0.2);
    }
    #myTable_title td h3{
        margin:5px 5px;
        font-size:16px;
        font-weight:normal;
    }
    .close_btn{
        font-size:14px!important;
    }
    .edit_btn,.edit_value_noticeperoid{padding:0 0 0 3px;color:rgb(73,91,121)}
    .edit_notice_per{cursor:pointer;}
    .notice{
        font-size:12px;
        display:none;
    }
    .notice em{font-size:11px;}
    .list_box{
        height:150px;
        overflow:auto;
        margin-bottom:5px;
    }
    .mt2{
        margin-top:2px;
    }

/****Anil styles ellipsis start****/
.ShiftTimings { background-color: rgb(253,253,254); border-radius: 5px; padding: 10px; }
.ShiftTimings h3 { margin: 2px 0; font-size: 14px; }
.ShiftTimings .ellipsis { display: block; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; width: 90%;}
.ess-widget-mid { background-color: rgb(253,253,254); border-radius: 5px; padding: 0; border: 1px solid #ccc; box-shadow: 3px 3px 3px #888888;}
.ess-widget { border: 1px solid #ccc; border-radius: 5px; overflow: hidden; margin-bottom: 0; box-shadow: 5px 5px 5px #888888;}
.minHeight { min-height: 420px; }
.ess-widget {border: 1px solid #ccc; border-radius: 5px; box-shadow: 3px 3px 3px #888888 !important;}
.dashboard-widget-head {background: rgb(253,253,254) none repeat scroll 0 0;border-radius: 5px; padding: 10px 25px 5px 10px; position: relative; border: 1px solid #ccc; box-shadow: 3px 3px 3px #888888;}
.ShiftTimings {background-color: rgb(253,253,254); border-radius: 5px; padding: 10px; height: 100px; border: 1px solid #ccc; box-shadow: 3px 3px 3px #888888; }
.ess-widget1 { background-color: rgb(253,253,254); border-radius: 5px; border: 1px solid #ccc; box-shadow: 3px 3px 3px #888888; }
 .padding-left0 { padding-left: 0; } 
.ess-widget-header { padding: 5px 0 0 10px; }
.dashboard-widget-head1 { background: #f2e0e0 none repeat scroll 0 0; padding: 10px 25px 15px 100px; position: relative; }
.dashboard-widget-head1::before { background-image: url("/Content/Images/head-logo.png"); content: "";display: inline-block;height: 60px;left: 25px; position: absolute; top: 11px; width: 60px;}
.refernce-wrap span { display: block;}
.refernce-wrap { display: inline-block; }
.referBtn { background-color: rgb(18,28,44); padding: 2px 5px; border-radius: 5px; border: green; position: absolute; color: #fff; right:10px; top:17px; }
.red-bg-dash{background-color:rgba(236,26,89,0.4); padding:5px; margin-bottom:2px; color:#fff !important; border-radius:5px;margin-right:6px;}
.blue-bg-dash{background-color:rgba(8,152,221,0.4); padding:5px 10px;margin-bottom:2px; color:#fff !important; border-radius:5px;margin-right:6px;}
.crm-bg-dash{background-color:rgba(157,165,54, 0.4); padding:5px;margin-bottom:2px; color:#fff !important; border-radius:5px;margin-right:6px;}
.yellow-bg-dash{ background-color:rgba(176,64,143,0.4);padding:5px; padding:5px;margin-bottom:2px; color:#fff !important; border-radius:5px;margin-right:6px;}
.PositionsWrap1 {width: 30px;height: 30px;border-radius: 50%;background-color: rgb(121,124,128);text-align: center;color: #fff !important;padding-top: 8px;}
.PositionsWrap span { padding: 10px; }
.green-clr { color: green;}
.red-clr {color: #0898DD;font-size: 26px;width: 100%;text-align: center;}
.blue-clr {color: blue;}
.bg-clr-green {background-color: rgba(0,128,0,0.5) !important;}
.m0 {margin: 0 !important;padding: 0;}
.wishing button {background-color: rgb(18, 28, 44);border: medium none blue;border-radius: 5px;color: #fff;margin: 2px 5px;padding: 2px 5px;}
.pr10 {padding-right: 10px;}
.pl10 {padding-left: 10px;}
.dasboard-widget {font-family: "RobotoRegular",sans-serif;padding-left: 15px;padding-top: 15px;}
.dashboard-widget-head {background: rgb(253, 253, 254);border: 1px solid #ccc;border-radius: 5px;box-shadow: 3px 3px 3px #888888;padding: 10px 25px 5px 10px;position: relative;}
.dashboard-widget-head p {color: #586b7e;font-size: 14px;margin: 0;}
.ellipsis, .oasis-report-table div.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dashboard-head-content {display: inline-block;width: 85%;}
.dashboard-widget-head h3 {color: #2c3e50;font-size: 16px;margin: 3px 0 5px;}
.ess-widget-head{background-color:#EDEDED;text-align:center;font-size:14px;color:#364967;font-weight:bold;margin-bottom:5px !important;border-top-right-radius:3px;border-top-left-radius:3px;padding:3px 12px !important;text-transform:uppercase}
.dasboard-widget{font-family: 'RobotoRegular', sans-serif;padding-left:15px;padding-top:15px;}
.dashboard-widget-head {padding: 10px 25px 15px 100px;position: relative;}
.dasboard-widget .dashboard-widget-head{margin:0 0 7px 0;}
.dashboard-widget-head h3 {margin: 3px 0px 5px;font-size: 16px;color: #2c3e50;}
.dashboard-widget-head p{margin: 0px;color: #586b7e;font-size: 14px;}
.dashboard-head-content{display: inline-block;width: 85%;}
.dashboard-widget-head button {background: #f05757;float: right;margin-top: 15px;}
/*calendar plugin*/
#calendar_basic{width: 900px;margin: 0 auto;height: 190px;}
#calendar_basic svg g text:first-child, #calendar_basic svg g text:nth-child(2), #calendar_basic svg g text:nth-child(3), #calendar_basic svg g text:nth-child(4) {display: none;}
#calendar_basic svg g path:first-child, #calendar_basic svg g path:nth-child(3), #calendar_basic svg g path:nth-child(4) {display: none;}
/*ess-widget*/
.ess-widget .grid-details-table {box-shadow:none;}
.ess-widget{background:#fff;padding:10px 20px;box-shadow:0 2px 10px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);-moz-box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom: 7px;font-family: 'RobotoRegular', sans-serif;}
.ess-widget-header{font-size: 15px;color:#2c3e50;margin-top: 0px;display: inline-block;margin-bottom:5px;}
.ess-widget-data{padding: 5px  0 2px;border-bottom: 1px solid #c8ced5;}
.ess-widget-data label{color:#675858;display: block;font-size: 12px;}
.ess-widget-data p{color: #34474f;font-size: 13px;margin-bottom: 5px;}
.ess-widget-data p, .ess-widget-data label{line-height:14px;}
.btn-ash{background: #b7bfc7;padding: 0px 10px;color: #fff;opacity:0.8;}
.btn-ash:hover{color: #fff;opacity:1;}
.btn-light-green{background: #a8e292;padding: 0px 10px;color: #fff;opacity:0.8;}
.btn-light-green:hover{color: #fff;opacity:1;}
.ess-widget .ess-widget-data:last-child{border-bottom: none;}
.ess-widget-data h6{margin: 0px;color: #35c4f9;font-size: 14px;font-weight: normal;}
.pending-status{color:#ff8400;text-transform: uppercase;}
.approve-status{color:#81c868;text-transform: uppercase;}
.redject-status{color:#ff0000;text-transform: uppercase;}
.approve-table{font-size: 12px;color: #34474f}
.approve-table table tbody tr td{vertical-align: middle !important;border-top:none !important;border-bottom: 1px solid #f4f4f4; }
.approve-table table tbody tr:last-child td{border-bottom: none;}
.approve-table table td p{max-width: 290px;}
.employee-img{width: 47px;height: 47px;}
.employee-img > img {width: 100%;}
.employee-img img{margin:10px 0px;}
.approve-table table td > label{color:#35c4f9;font-size: 14px;}
.ash-color{color:#a7a7a7;}
.btn-skyblue{background: #35c4f9;padding: 0px 10px;color: #fff;opacity:0.8;}
.btn-skyblue:hover{opacity:1;color:#fff;}
.widget-height{height:420px;overflow-y: auto;}
.chart-table{font-size: 12px;background: #f3f3f3;}
.chart-table td, .chart-table th{border: 1px solid #ccc;padding:3px;text-align: center;color:#2c3e50;}
.chart-table td:nth-child(1){border: 1px solid #ccc;padding:3px;text-align: left;color:#2c3e50;}
.ess-widget-data2{padding:15px;background:#e9eff6;margin-bottom:5px;}
.ess-icon, .ess-text {display:inline-block;}
.ess-icon {float: left;margin-right: 15px;margin-top: 4px;}
.ess-text p{font-size:14px;}
.ess-text span{font-size:12px;}
.ess-icon i {font-size:32px;color:#35c4f9;}
.ess-text p {color: #2c3e50;margin-bottom: 0;}
.bg-sky-blue {color:#0095dc;}
.ess-text span a {color: #0095dc;}
/*confication*/
.ess-widget-list {padding:0px;list-style:none;}
.ess-widget-list li {padding:3px 10px;border-bottom:2px solid #ebf0f7;color:#2c3e50;font-size:14px;}
.ess-widget-list li:last-child {border-bottom:none;}
.ess-widget-list li i {color:#298fe3;font-size:18px;margin-right:5px;width:20px;}
/*e-dropdown*/
.e-dropdown{position: relative;display: inline-block;}
.e-dropdown .dropbtn {padding: 5px;font-size: 24px;border: none;cursor: pointer;color: rgb(102, 102, 102);}
.e-dropdown .dropdown-content {display: none;position: absolute;right: 0px;top:25px;min-width: 120px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);background: #eceef1;opacity: 0;transition: all 0.3s ease-in-out 0s;}
.grid-details-table .dropdown-content {top:34px; right:0;}
.e-dropdown .dropdown-content a {color: black;padding: 7px 16px;text-decoration: none;display: block;color: #586b7e;font-size: 14px;}
.e-dropdown .dropdown-content a:first-child {padding-right: 11px;font-size: 14px;}
.e-dropdown .dropdown-content a:hover {background-color: #cbd1d8;}
.e-dropdown:hover .dropdown-content {display: block;z-index:1;padding-bottom: 5px;opacity: 1;}
.ess-present,.ess-absent,.ess-leave,.ess-on-site {margin-right:10px;}
.ess-present span {width: 12px;height: 12px;background: #008000;display: inline-block;border:1px solid rgba(0,0,0,0.2);}
.ess-weekoff span {width: 12px;height: 12px;background: #797C80;display: inline-block;border:1px solid rgba(0,0,0,0.2);}
.ess-holiday span {width: 12px;height: 12px;background: #F37838;display: inline-block;border:1px solid rgba(0,0,0,0.2);}
.minHeight-small {min-height: 206px;}
.mt7{margin-top:7px;}
.EmployeeDetails-wrap span{ overflow: hidden; padding-left: 10px; text-overflow: ellipsis; white-space: nowrap; width: 100% !important; }
.ImgMT {margin-top: -10px;}
#textAreaID{border: 1px solid #ccc;border-radius: 5px;box-shadow: 3px 3px 3px #666;height: 70px !important;margin: 0 16px;resize: none;width: 94%;}
body.leftpanel-collapsed .monthly-day::before {padding-top: calc(64% - 1.2em);}
.monthly-day::before {padding-top: calc(78% - 1.2em);}
#my-table td.drop{
    background-image: url(../images/pattern2.png);
    background-repeat: repeat;
    background-position: center;
    position: relative;
}
#my-table td.dataNone{
    background-image: url(../images/pattern2.png);
    background-repeat: repeat;
    background-position: center;
    position: relative;
    cursor: no-drop;
}
#my-table td.drop.backNone{
    background-color: #FFF;
    background: none;
    position: relative;
    min-width:180px;
}
#my-table td.drop.backNone:after{
    content:'';
    display: none;
}
#my-table td.drop:hover{
    background-color: #bedcec;
    cursor: pointer;
}
#my-table td.drop.backNone:hover{
    background-color:#f8ddd7;
}
#my-table td.drop:after{
    content:'\f067';
    display:block;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 24px;
    color: #FFF;
    font-family:'FontAwesome';
    padding: 10px 12px;
    border-radius: 50px;
    background-color: rgba(197,197,197,1);
    margin-left: -15px;
    margin-top: -18px;
}
#my-table td.dataNone:after{
     content: '\f00d';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 24px;
    color: #FF0000;
    font-family: 'FontAwesome';
    padding: 10px 12px;
    border-radius: 50px;
    background-color: rgba(197,197,197,1);
    margin-left: -15px;
    margin-top: -18px;
}
#my-table td.drop:after{
    background-color: #0196dd;
}
.EditDeleteDive {
    position: absolute;
    bottom: 33px;
    left: -5px;
    width: 100%;
}
.editSubject{
    background-color: #7cb9da;
    padding: 5px;
    color: #FFF;
    font-size: 12px;
    margin-right: 5px;
}
.editSubject:hover{
    background-color: #0196dd;
}
.deleteSubj {
    background-color: #7cb9da;
    padding: 5px;
    color: #FFF;
    font-size: 12px;
    margin-right: 5px;
}
.deleteSubj:hover{
    background-color: #0196dd;
}
/*#dynamicTable tr td {
    width: 150px;
}*/
.leftCls {
    display: block;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: bold;
}
/*.rightCls {
    float: left;
    width: 69%;
}*/
.textEllipsisSpan {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 140px;
}
.sectionData{
    border-right:1px solid #ccc;
}
.sectionData:last-child{
    border-right:none;
}
.timetableHead th, .timetableHead td {
    padding: 20px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    background-color: #4d5a78;
}
td.drop ._parentDiv {max-width: 100%;}
.timeSpanCls{
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    background: #4d5a78;
    color: #FFF;
    padding: 3px;
}





/***meadia queries***/
@media screen and (min-width: 1400px) {
    #dynamicTable tr td {width: 250px;}
    .textEllipsisSpan {max-width: 200px;}
    #my-table td.drop {height: 120px;}
    .timetableHead th, .timetableHead td {min-width: 220px;}
    td.drop ._parentDiv {max-width: 100%;}
    td.drop.backNone{max-width: 230px !important;}
}
@media screen and (max-width: 1400px) {
    .EmployeeDetails-wrap span{overflow: hidden;padding-left: 10px;text-overflow: ellipsis;white-space: nowrap;width: 78% !important;}
}
@media screen and (max-width: 1367px) {
    .dashboard-head-content {display: inline-block;width: 75%;}
    .minHeight{min-height:374px !important;}
    #scrollMarque{height:320px !important;}
    .chart-table td{padding:2px 5px !important;}
    .ShiftTimings {height: 97px;}
    .dashboard-head-content {display: inline-block;width: 75% !important;}
    .minHeight-small {min-height: 192px !important;}
    .mt7{margin-top:7px;}
    #UpcomingID p{line-height:9px;}
    .ess-widget-data label{font-size:9px;}
    .ess-widget.minHeight2 {height: 390px;}
    .minHeight2 #scrollMarque{height:360px !important;}
    .textEllipsisSpan {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 190px;}
    #my-table td.drop {height: 120px;min-width: 170px;}
    #my-table td.drop.backNone {height: 150px;min-width: 180px;}
}
@media screen and (max-width: 1320px) {
    .EmployeeDetails-wrap span{overflow: hidden;padding-left: 10px;text-overflow: ellipsis;white-space: nowrap;width: 70% !important;}
}
.panel-body .input_container textarea {height: 80px !important;}
/****Anil styles ellipsis start****/
@media screen and (max-width: 1281px){
    .tableData-wrapper table td span, .tableData-wrapper table th span {overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;width: 90px !important;display:block;}
    .dashboard-head-content {display: inline-block;width: 75%;}
    .minHeight{min-height:303px !important;}
    #scrollMarque{height:220px !important;}
    .chart-table td {line-height: 19px;padding: 0 !important;}
    .dasboard-widget .dashboard-widget-head {margin: 0 ;}
    .red-clr{font-size:22px !important;}
    .monthly-day::before {padding-top: calc(71% - 1.2em) !important; }
    body.leftpanel-collapsed .monthly-day::before {padding-top: calc(62% - 1.2em) !important; }
    #textAreaID{margin:0 8px;}
    .Timing-line p{font-size:10px;}  
    .ess-widget-data label {font-size: 9px;width: 90px;}  
    .ess-widget.minHeight2 {height: 390px;}
    .minHeight2 #scrollMarque{height:330px !important;}
    #dtpFrom{width:100px;}
    .EmployeeDetails-wrap{width:107px !important;}
    .WidthResp{width:87px !important;}
}
@media screen and (max-width: 1025px) {
    .EmployeeDetails-wrap{width:97px !important;}
    .WidthResp{width:77px !important;}
    #dtpFrom{width:80px;}
    .monthly-day::before {padding-top: calc(90% - 1.2em) !important;}
    body.leftpanel-collapsed .monthly-day::before{padding-top: calc(90% - 1.2em) !important;}
    .minHeight{height:328px !important;}
    #LocationDashID .input_container + label{text-overflow:ellipsis; white-space:nowrap;}
}
.mod-HELPDESK .iconOnWidget{display:none;}
@keyframes blinker {  
    50% { opacity: 0; }
}