html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, textarea {
    border: 0 none;
    font-family: "Montserrat",sans-serif;
    font-feature-settings: inherit;
    font-kerning: inherit;
    font-language-override: inherit;
    font-size: inherit;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-synthesis: inherit;
    font-variant: inherit;
    font-weight: 400;
    line-height: inherit;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
html, body {
    height: 100%;
}
body {
    line-height: 130%;
    overflow-y: inherit !important;
}
.loginbody {
    line-height: 130%;
    overflow: auto !important;
}
.wrapper {
    height: auto !important;
    margin: 0 auto;
    min-height: 100%;
}
ol, ul {
    list-style: outside none none;
}
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    text-decoration: none;
}
a:hover {
    color: #727375;
}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
a img {
    border: medium none;
}
.txtstyle {
    width: 164px;
}
.ddlstyle {
    width: 165px;
}
.ddlstyle200px {
    width: 200px;
}
.cf::before, .cf::after {
    content: " ";
    display: table;
}
.cf::after {
    clear: both;
}
.cf {
}
#register-link.logout a {
    background-image: url("../images/icon-sprite-colour-16x16.png");
    background-position: 0 -416px;
    background-repeat: no-repeat;
    padding-left: 20px;
    text-decoration: none;
}
.Menu_Holder {
    margin: 0 auto;
    position: relative;
}
.MenuTab {
    float: left;
    min-height: 32px;
    padding: 0 20px;
}
.MenuTab a, .MenuTab a:hover, .MenuTab a:active {
    display: block;
    font-size: 14px;
    line-height: 32px;
    padding-left: 5px;
    text-decoration: none;
}
.MenuHyperLink {
    float: left;
    text-align: left;
}
.Menu_Holder span.nav-icon {
    background-image: url("../images/icon-sprite-16x16.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 16px;
    margin-top: 7px;
    width: 16px;
}
#MenuNavigation1_Tab_a .nav-icon {
    background: rgba(0, 0, 0, 0) url("../images/icon-sprite-16x16.png") no-repeat scroll 0 0;
}
#MenuNavigation1_Tab_Menu .nav-icon {
    background: rgba(0, 0, 0, 0) url("../images/icon-sprite-16x16.png") no-repeat scroll 0 -32px;
}
#MenuNavigation1_Tab_Placement .nav-icon {
    background: rgba(0, 0, 0, 0) url("../images/icon-sprite-16x16.png") no-repeat scroll 0 -32px;
}
#MenuNavigation1_Tab_option .nav-icon {
    background: rgba(0, 0, 0, 0) url("../images/icon-sprite-16x16.png") no-repeat scroll 0 -64px;
}
#MenuNavigation1_Tab_Timesheet .nav-icon {
    background: rgba(0, 0, 0, 0) url("../images/icon-sprite-16x16.png") no-repeat scroll 0 -64px;
}
#MenuNavigation1_Tab_Administration .nav-icon {
    background: rgba(0, 0, 0, 0) url("../images/icon-sprite-16x16.png") no-repeat scroll 0 -96px;
}
#MenuNavigation1_Tab_reports .nav-icon {
    background: rgba(0, 0, 0, 0) url("../images/icon-sprite-16x16.png") no-repeat scroll 0 -128px;
}
#MenuNavigation1_Tab_Consolidation .nav-icon {
    background: rgba(0, 0, 0, 0) url("../images/icon-sprite-16x16.png") no-repeat scroll 0 -96px;
}
#MenuNavigation1_Tab_Configuration .nav-icon {
    background: rgba(0, 0, 0, 0) url("../images/icon-sprite-16x16.png") no-repeat scroll 0 -160px;
}
#MenuNavigation1_Tab_MyProfile .nav-icon {
    background: rgba(0, 0, 0, 0) url("../images/icon-sprite-16x16.png") no-repeat scroll 0 -192px;
}
.MenuItemLinkHolder {
    margin: 0 10px;
    padding: 5px 10px;
}
.MenuFloat {
    background-color: #009fe3;
    position: absolute;
    z-index: 999;
}
.MenuFloat a:link {
}
.MenuFloat a {
    text-decoration: none;
}
.MenuFloat a:visited {
}
.MenuFloat a:hover {
    text-decoration: none;
}
#submenu {
    height: 30px;
}
#submenu span {
    float: right;
    margin: 0 5px 0 0;
    text-align: right;
}
#focus .container {
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    height: 40px;
    margin-bottom: 12px;
    margin-top: 32px;
    padding: 6px 15px;
}
#footer {
    color: #454545;
    font-size: 12px;
    margin-top: 40px;
}
#footer .container {
    border-top: 1px solid #cccccc;
    padding: 10px 15px;
    text-align: center;
}
.modalBackground {
    position: static !important;
    background-color: #546071;
    opacity: 0.4;
}
.modalPopup {
    border-color: #009fe3;
    border-radius: 10px;
    border-style: solid;
    border-width: 5px;
    padding: 20px;
    text-align: center;
    z-index: 15000 !important;
}
.modalPopup input[type="submit"] {
    cursor: pointer !important;
}
.modalpopupheader {
    border: 0 none;
    color: #009fe3;
    font-size: 18px;
    font-weight: bold;
    width: auto;
}
.modalpopupicon {
    padding: 10px 0;
}
.modalpopupmessage {
}
.modalpopupbutton1 {
    float: left;
    margin-top: 10px;
}
.modalpopupnextbutton {
    display: inline-block;
    float: left;
    margin-top: 10px;
    padding-left: 4%;
}
.modalpopupblankrow {
    width: 5px;
}
.modalpopupfooter {
    display: inline-block !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: auto;
}
.modalpopupbody {
    width: auto;
}
#loginWrapper {
    margin: 0 auto;
}
#logoutWrapper {
    height: 379px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}
#loginInner {
    background: #e4f5fc none repeat scroll 0 0;
    border-radius: 10px;
    padding: 20px;
}
#MainPlaceHolder_cntLogin {
    width: 100%;
}
#MainPlaceHolder_cntLogin table {
    width: 362px;
}
input#MainPlaceHolder_cntLogin_UserName, input#MainPlaceHolder_cntLogin_Password {
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    width: 89%;
}
input#MainPlaceHolder_cntLogin_LoginButton {
    border: medium none;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    margin-right: 5px;
    text-shadow: 0 1px #000;
    vertical-align: middle;
    width: 200px;
}
input#MainPlaceHolder_cntLogin_LoginButton:hover {
    font-weight: bold;
    text-shadow: none;
}
#MainPlaceHolder_cntLogin_PasswordRequired, #MainPlaceHolder_cntLogin_UserNameRequired {
    color: red;
}
#loginWrapper.Resetpassword {
    width: 550px;
}
.DetailsViewNoBorder {
    border: medium none transparent;
}
.CompanyDetailsView {
    color: #333333;
    font-family: "segoe ui",Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 25px;
    margin: 0;
    padding: 0;
}
.imageEHRSmall {
    vertical-align: middle;
}
.resize-wrapper {
    float: right;
    margin-top: -5px;
    vertical-align: middle;
}
.numeric-alignment {
    text-align: right;
}
.text-right-alignment {
    padding-top: 60px;
    text-align: right;
}
.text-center-alignment {
    text-align: center;
}
.text-left-alignment {
    text-align: left;
}
.vertical-middle-alignment {
    vertical-align: middle;
}
.element-float-right {
    float: right;
}
.hlkdisplay {
    display: none;
}
.element-left {
    left: 0;
    top: 0;
}
#ErrorWrapper {
    background: #009fe3 none repeat scroll 0 0;
    border-radius: 10px;
    margin: 30px auto;
    padding: 5px;
}
#ErrorInner {
    background: #e4f5fc none repeat scroll 0 0;
    border-radius: 10px;
    padding: 20px;
}
.ErrorText {
    margin-bottom: 10px;
}
.logoImage {
    margin-left: 10px;
    margin-top: 5px;
}
.div-col-width-big {
    width: 25%;
}
.div-col-width-small {
    width: 15%;
}
.display-invisible {
    display: none;
}
#errorTechDetails {
    font-size: 12px;
    width: 98%;
}
#diagonasticstechDetails {
    font-size: 12px;
    width: 98%;
}
#tbdiagonasticstechDetails {
    border: 0 none;
    font-size: 12px;
    width: 100%;
}
.fieldCandidateEdit {
    width: 80%;
}
.legendCandidateEdit {
    font-weight: bold;
}
.PageDesignerZIndex {
    z-index: 1000;
}
.bgWhite {
}
.timesheetDivBorder {
    border: 1px solid;
}
.textarea-timesheetedit {
    height: 50px;
    width: 100%;
}
.divTimesheetGridwidth {
    width: 100%;
}
.login-span-font-1 {
    font-size: 1em;
}
.login-span-font-2 {
    font-size: 1.5em;
}
.login-span-font-3 {
    font-size: 2em;
}
.messagebox-header-width {
    width: 100%;
}
.width-hundred-percent {
    width: 100%;
}
.menu-navigation-td-width {
    width: 75%;
}
.txtRightalign {
    text-align: right;
}
fieldset {
    width: 80%;
}
legend {
    font-weight: bold;
}
.boldtext {
    font-weight: bold;
    padding-top: 10px;
}
.numeric {
    direction: rtl;
    text-align: right;
    width: 164px;
}
.blankrow {
    height: 10px;
}
.defaultcolorblankrow {
    height: 10px;
}
.usercontrol_overflow {
    width: 900px;
}
.field_usercontrol_overflow {
    overflow-x: scroll;
    width: 895px;
}
.field_usercontrol {
    width: 895px;
}
#MainPlaceHolder_RecoverPasswordDetail1_pnlQuestion_dynDivID {
    padding-left: 25px;
}
.content {
    font-size: 12px;
    height: 20px;
    width: 80px;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.clear {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
}
.top-line {
    background-color: #58595b;
    display: block;
    height: 24px;
    position: fixed;
    width: 100%;
}
.Menu_Container {
    border-top: 20px solid #58595b;
    bottom: 0;
    float: left;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 198px;
}
.left-nav {
    bottom: 0;
    float: left;
    left: 0;
    margin-top: 72px;
    position: fixed;
    top: 0;
    width: 200px;
}
.left-nav ul {
}
.left-nav > ul li {
    background-image: url("../images/sub-ul-bg.png");
    background-position: 20% center;
    background-repeat: repeat-y;
    border-bottom: 1px solid #54beef;
    cursor: pointer;
    display: table;
    width: 100%;
}
.left-nav ul li a {
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 60px;
    padding-left: 5%;
    text-decoration: none;
    width: 115px;
}
.left-nav ul li:hover {
    background-color: #00a8f5;
}
.active {
    background-color: #00a8f5;
}
.left-nav ul > li span {
    display: block;
    float: left;
    height: 60px;
    padding-left: 40px;
}
.left-nav ul li span.calendar {
    background: transparent url("../images/calendar-icon-white.png") no-repeat scroll center center;
}
.left-nav ul li span.candidate {
    background: transparent url("../images/candidate-icon-white.png") no-repeat scroll center center;
}
.left-nav ul li span.placement {
    background: transparent url("../images/placement-icon-white.png") no-repeat scroll center center;
}
.left-nav ul li span.scheduler {
    background: transparent url("../images/icon_transp/Scheduler.png") no-repeat scroll center center;
    background-size: 24px;
}
.left-nav ul li span.timesheet {
    background: transparent url("../images/timesheet-icon-white.png") no-repeat scroll center center;
}
.left-nav ul li span.consolidation {
    background: transparent url("../images/consolidation-icon-white.png") no-repeat scroll center center;
}
.left-nav ul li span.reports {
    background: transparent url("../images/reports-icon-white.png") no-repeat scroll center center;
}
.left-nav ul li span.configuration {
    background: transparent url("../images/configuration-icon-white.png") no-repeat scroll center center;
}
.left-nav ul li span.users-name {
    background: transparent url("../images/users-name-icon-white.png") no-repeat scroll center center;
}
.left-nav ul li span.vacancy {
    background: transparent url("../images/vacancy-icon-white.png") no-repeat scroll center center;
}
.left-nav ul li span.communicator {
    background: transparent url("../images/Communicator-icon-white.png") no-repeat scroll center center;
}
.left-nav ul li span.workflow {
    background: transparent url("../images/icon_transp/Workflows.png") no-repeat scroll center center;
    background-size : 20px 20px;
}
.left-nav ul li span.compliance {
    background: transparent url("../images/complianceicon.png") no-repeat scroll center center;
    background-size: 18px 18px;
}
.left-nav ul li span.onboarding {
    background: transparent url("../images/onboardingicon.png") no-repeat scroll center center;
    background-size: 18px 18px;
}
.left-nav ul li span.equipment {
    background: transparent url("../images/icon_transp/equipment icon.png") no-repeat scroll center center;
    background-size: 20px 20px;
}
ul.submenu {
    display: none;
    padding-bottom: 8px;
}
li.haschild {
    background-position: 20% center;
    background-repeat: repeat-y;
}
li.haschild a {
    background-position: 95% center;
    background-repeat: no-repeat;
}
ul.submenu li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    display: inline-block;
    padding-left: 40px;
    width: 120px;
}
ul.submenu li:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
ul.submenu li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    font-size: 10px;
    line-height: 24px;
    width: 95%;
}   
ul.submenu li a:hover {
    color: #c9eeff;
}
.header {
    border-bottom: 1px solid #e0e0e1;
    margin-top: 15px;
    width: 100%;
}
.logo {
    float: left;
    margin-right: 12px;
    margin-top: 8px;
    /*padding-bottom: 10px;
    padding-top: 4px;*/
    position: fixed;
    width: 185px;
}
 .logo1 {
		float: right;
        margin-top: -15px;
        width: 195px;       
        height:45px;      
	}
.user-login {
    float: right;
}
.credits {
    margin: auto;
    width: 38%;
}
.user {
    text-align: right;
}
.logout {
    background: transparent url("../images/logout-icon.png") no-repeat scroll right top;
    width: 105px;
}
.logout:hover {
    background-position: right -28px;
}
.user, .logout {
    color: #58595b;
    display: block;
    float: right;
    height: 28px;
    line-height: 28px;
}
.breadcrumbs {
    padding: 5px 0;
}
.breadcrumbs ul li {
    display: inline;
    font-size: 14px;
    height: 45px;
    padding-right: 12px;
}
.breadcrumbs ul li.haschild {
    background: transparent url("../images/breadcrumbs-arrow-bg.png") no-repeat scroll right center;
    height: 45px;
}
.table-container {
    background-color: #f3f4f4;
}
.table-container-action {
    background-color: #f3f4f4;
}
.table-container-action-header {
}
.table-container-tooltip-header {
    line-height: 37px;
    margin-bottom: 5px;
    padding-left: 18px;
}
.table-container-action-header h1 {
    font-size: 13px;
    font-weight: bold;
}
.table-container-tooltip-header h1 {
    font-size: 13px;
    font-weight: bold;
}
.table-container-header {
    line-height: 37px;
    margin-bottom: 5px;
    padding-left: 7px;
}
.table-container-header-activity {
    line-height: 37px;
    margin-bottom: 0;
    padding-left: 7px;
}
.table-container-header h1 {
    font-size: 13px;
    font-weight: bold;
}
.table-container-header h2 {
    font-size: 13px;
    font-weight: bold;
}
.table-container-content p {
    font-size: 12px;
    padding: 12px 150px 12px 15px;
}
.table-container-content h3 {
    font-size: 14px;
    margin-bottom: 12px;
    padding-left: 15px;
}
#tabbed-menu {
    width: 100%;
}
#tabbed-menu li {
    background-color: #58595b;
    border-right: 1px solid #767678;
    float: left;
    font-size: 14px;
    text-align: center;
    width: 25%;
}
#tabbed-menu li:last-child {
    border-right: medium none;
}
#tabbed-menu li:hover {
    background-color: #6f7073;
}
#tabbed-menu li.active {
    font-size: 14px;
}
#tabbed-menu li.active:hover {
    background-color: #00a8f5;
}
#tabbed-menu li a {
    display: inline-block;
    line-height: 37px;
    padding-left: 30px;
    text-align: center;
}
#tabbed-menu li a.placement {
    background: rgba(0, 0, 0, 0) url("../images/placement-icon-white.png") no-repeat scroll left center;
}
#tabbed-menu li a.rates {
    background: rgba(0, 0, 0, 0) url("../images/rates-icon-white.png") no-repeat scroll left center;
}
#tabbed-menu li a.timesheet {
    background: rgba(0, 0, 0, 0) url("../images/timesheet-icon-white.png") no-repeat scroll left center;
}
#tabbed-menu li a.purchase {
    background: rgba(0, 0, 0, 0) url("../images/purchase-icon-white.png") no-repeat scroll left center;
}
table.data {
    margin-bottom: 20px;
    width: 100%;
}
table.data td {
    font-size: 12px;
    line-height: 30px;
    padding-left: 15px;
    width: 25%;
}
td.center {
    padding-left: 0;
    text-align: center;
}
.actions {
    margin-left: 16px;
    padding-bottom: 10px;
    width: 100%;
}
a.button {
    display: block;
    float: left;
    font-size: 13px;
    margin-right: 20px;
    padding: 10px 0;
    text-align: center;
    width: 171px;
}
.actionbutton {
    display: block;
    float: left;
    font-size: 13px;
    margin-left: 1.5%;
    margin-top: 12px;
    text-align: center;
    width: 15.416%;
}
a.button:hover, a.actionbutton:hover {
    background-color: #00a8f5;
    color: #fff;
}
.time-sheet-view-editor-header, .time-sheet-action-header {
    background-color: #58595b;
    margin-bottom: 5px;
    position: relative;
}
.time-sheet-view-editor-header h2, .time-sheet-action-header h2 {
    padding: 8px 0 8px 24px;
}
.time-sheet-action-top {
    margin-top: 28px;
}
a.min, a.x {
    display: block;
    height: 28px;
    position: absolute;
    top: 0;
    width: 28px;
}
a.x {
    background: #434345 url("../images/a-x-bg.png") no-repeat scroll center center;
    right: 0;
}
a.min {
    background: #67696b url("../images/a-min-bg.png") no-repeat scroll center center;
    right: 28px;
}
a.more {
    background-color: #008bcb;
    display: inline-block;
    float: right;
    font-size: 14px;
    height: 37px;
    right: 0;
    text-align: center;
    top: 0;
    width: 68px;
}
a.more:hover {
}
.half-width {
    margin-top: 28px;
    width: 48%;
}
.full-width {
    margin-top: 28px;
    width: 100%;
}
.half-width table {
    width: 100%;
}
.half-width table td {
    border: 1px solid #e9e9e9;
    font-size: 12px;
    line-height: 30px;
    padding-left: 15px;
}
.full-width table {
    width: 100%;
}
.full-width table th {
    background-color: #58595b;
    border-left: 1px solid #6c6d6f;
    font-size: 13px;
    line-height: 16px;
    padding: 12px 0;
}
.full-width table td {
    border-left: 1px solid #e9e9e9;
    font-size: 12px;
    line-height: 16px;
    padding: 6px 15px;
}
.innerWrapper {
    position: relative;
}
.full-width table input {
    display: block;
    margin: 5px auto 5px 0;
    width: 98%;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.table-left-margin {
    margin-left: 4%;
}
.tiny {
    font-size: 9px;
}
.table-container-input {
    padding: 10px 15px;
}
.table-container-input textarea {
    background-color: #f3f4f4;
    color: #868686;
    font-size: 12px;
    height: 20px;
    padding: 5px 7px;
    width: 98.5%;
}
.table-container-comments {
    border-bottom: 4px solid #c0c3c7;
    border-left: 4px solid #c0c3c7;
    border-right: 4px solid #c0c3c7;
    color: #58595b;
    font-size: 12px;
    height: 155px;
    overflow: auto;
    padding: 10px 5px 10px 25px;
}
.table-container-comments hr {
    background-color: #e7e8e8;
    border: medium none;
    color: #e7e8e8;
    height: 1px;
    margin: 10px 0;
}
#scrollbar_container {
    position: relative;
}
#scrollbar_track {
    background-color: transparent;
    cursor: move;
    height: 100%;
    position: absolute;
    top: 0;
    width: 10px;
}
#scrollbar_handle {
    background-color: #5c92e7;
    cursor: move;
    opacity: 0.9;
    width: 10px;
}
#scrollbar_content {
    overflow: hidden;
}
.footer {
    border-top: 1px solid #e0e0e1;
    min-height: 40px;
    margin-top: 5px;
    padding-top: 10px;
    width: 100%;
}
.push {
    height: 40px;
}
.credits ul li a {
    color: #58595b;
    font-size: 12px;
}
.credits ul li {
    display: inline;
    font-size: 12px;
    height: 45px;
    padding-right: 12px;
}
.nomargin {
    margin: 0;
}
.block {
    display: block;
}
.no-right-margin {
    margin-right: 0 !important;
}
.acount-info input, .secret-questions input {
    border: 1px solid #ebecec;
    border-radius: 2px;
    color: #333333;
    display: block;
    float: left;
    font-family: "Montserrat",sans-serif;
    font-size: 11px;
    font-weight: 700;
    padding: 12px;
}
.secret-questions input {
    margin: 0 1.8% 20px;
    width: 96.5%;
}
.acount-info input {
    width: 93%;
}
.profile-info .actionbutton, .acount-info .actionbutton {
    margin-left: 3.5%;
    width: 44.65%;
}
.acount-info input.valid {
}
.secret-questions .actions {
    margin-left: 2%;
}
.secret-questions .actions a {
    margin-right: 0.5%;
}
.profile-info table {
    margin: 10px 0 20px;
}
.profile-info table td {
    border: medium none;
    margin: 5px 0;
}
.profile-info tr {
    background: #f3f4f4 none repeat scroll 0 0 !important;
}
.login-container {
    margin: 0 auto;
    padding-bottom: 20px;
    width:100%;
}
.login-top-line {
    height: 53px;
}
.register {
    margin-right: 20%;
    position: relative;
    width: 85%;
}
.register a {
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 27px;
    line-height: 27px;
    padding-right: 35px;
    position: absolute;
    right: 20px;
    top: 12px;
}
.register a:hover {
    background-position: right -27px;
    color: #e5e6e6;
}
.login-header {
    width: 100%;
}
.login-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*Commented code for THR-27594*/
    /*width: 205px;*/
}
.login-content {
    background: #f3f4f4 none repeat scroll 0 0;
    display: block;
    margin: 0 auto;
    visibility: visible;
    width: 360px;
    max-width:80%;
}
.login-content-header {
    margin-bottom: 35px;
    padding: 0 18px;
    position: relative;
}
.login-content-header h2 {
    line-height: 58px;
}
a.lock {
    border-right: 1px solid #0491d3;
    display: block;
    font-size: 14px;
    height: 58px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 76px;
}
.login-form input {
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    margin: 0 35px 27px;
    padding: 15px 12px;
    width: 88%;
}
.login-form p {
    font-size: 15px;
    padding-right: 35px;
    padding-top: 60px;
    text-align: right;
}
.login-controls {
    margin: 0 35px;
    position: relative;
    width: 516px;
}
.remember-me, .login-btn {
    font-size: 15px;
    height: 54px;
    position: absolute;
    width: 217px;
}
.login-btn .actionbutton {
    font-size: 15px;
    height: 54px;
    line-height: 27px;
    margin: 0;
    width: 217px;
}
.remember-me {
    left: 0;
    padding: 16px 0;
    text-align: left;
}
input.checkbox + label::before {
    content: "";
    display: inline-block;
    margin: 1px 4px 0 0;
    vertical-align: middle;
}
input.checkbox {
    margin: 0;
    padding: 0;
    width: 19px;
}
input.checkbox + label {
    cursor: pointer;
}
input.checkbox + label span {
    background: rgba(0, 0, 0, 0) url("../images/remember-icon.png") no-repeat scroll left top;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    margin: -1px 8px 0 0;
    vertical-align: middle;
    width: 22px;
}
input.checkbox:checked + label span {
    background: rgba(0, 0, 0, 0) url("../images/remember-icon.png") no-repeat scroll -23px top;
}
.login-btn {
    right: 0;
    text-align: right;
}
.timesheet-list {
    margin-top: 0;
}
a.gear {
    background: transparent url("../images/gear-icon.png") no-repeat scroll center center;
    display: block;
    height: 15px;
    margin: 0 auto;
    width: 15px;
}
.timesheets-nav {
    padding-bottom: 16px;
    padding-left: 15px;
    padding-top: 30px;
}
.timesheets-table tr {
    background: #f3f4f4 none repeat scroll 0 0 !important;
}
a.nav-larrow, a.nav-rarrow {
    display: inline-block;
    font-size: 22px;
    height: 30px;
    margin-left: 8px;
    padding: 6px 11px;
    width: 34px;
}
ul.pagination {
    padding: 6px 16px;
}
ul.pagination li {
    display: inline-block;
    margin: 0 5px;
    padding: 0 5px;
}
ul.pagination li a {
    color: #58595b;
    font-size: 16px;
}
.timesheets-actions {
    margin: 0;
}
.timesheets-actions a.actionbutton {
    margin-left: 0;
    margin-right: 27px;
    margin-top: 30px;
}
.dialog {
    border: 1px solid #39718c;
    position: absolute;
    right: 18px;
    top: 0;
    width: 150px;
    z-index: 10;
}
.dialog h3 {
    font-size: 14px;
    padding: 10px 25px 0;
    text-align: left;
}
a.close-dialog {
    background: #0081bd none repeat scroll 0 0;
    display: block;
    height: 29px;
    padding: 7px;
    position: absolute;
    right: 0;
    top: 0;
    width: 29px;
}
.dialog ul {
    padding-bottom: 10px;
}
.dialog li {
    text-align: left;
}
.dialog li a {
    font-size: 12px;
    padding: 10px 25px;
}
.dialog li a:hover {
    color: #dedede;
    font-size: 12px;
    padding: 10px 25px;
}
.modal-box-container {
    background-color: #f3f4f4;
    box-shadow: 0 0 10px #888;
    width: 593px;
}
.modal-box-header {
    line-height: 37px;
    padding: 0 18px;
    position: relative;
}
.modal-box-header h2 {
    font-size: 17px;
    padding: 13px 0 13px 15px;
    text-align: left;
}
a.modal-x {
    display: block;
    height: 25px;
    position: absolute;
    right: 25px;
    top: 10px;
    width: 20px;
}
a.modal-x-small {
    display: block;
    height: 25px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 25px;
}
.table-container-header h2 {
    font-size: 14px;
}
.modal-box-content {
}
.modal-box-content table {
    width: 100%;
}
.modal-box-content th {
    background: #7a7d7f none repeat scroll 0 0;
    font-size: 14px;
    padding: 5px 0 5px 33px;
    text-align: left;
}
.modal-box-content table tr {
    background: #f3f4f4 none repeat scroll 0 0 !important;
}
.modal-box-content table td {
    border: 1px solid #e9e9e9;
    font-size: 12px;
    line-height: 30px;
    padding-left: 33px;
    text-align: left;
}
@media only screen and (min-width: 1401px) {
.actions .actionbutton {
    margin-left: 1.5%;
    width: 13%;
}
.actions .actionbutton:nth-of-type(7n+1) {
    clear: left;
    margin-left: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
.actions .actionbutton {
    width: 15.416%;
}
.actions .actionbutton:nth-of-type(6n+1) {
    clear: left;
    margin-left: 0;
}
.profile-info .actionbutton, .acount-info .actionbutton {
    margin-left: 3.5% !important;
    width: 44.65%;
}
.table-container-content p {
    line-height: 18px;
    margin-bottom: 9px;
    padding-right: 75px;
}
}
@media screen and (min-width: 951px) and (max-width: 1199px) {
.actions .actionbutton {
    width: 18.8%;
}
.actions .actionbutton:nth-of-type(5n+1) {
    clear: left;
    margin-left: 0;
}
.profile-info .actionbutton, .acount-info .actionbutton {
    margin: 0 0 0 3.6% !important;
    width: 44.5%;
}
.table-container-content p {
    padding-right: 55px;
}
ul.pagination li {
    margin: 0 3px;
    padding: 0 3px;
}
}
@media screen and (min-width: 400px) and (max-width: 950px) {
.actions .actionbutton {
    width: 23.875%;
}
.actions .actionbutton:nth-of-type(4n+1) {
    clear: left;
    margin-left: 0;
}
.profile-info .actionbutton, .acount-info .actionbutton {
    margin: 0 0 0 3.7% !important;
    width: 44.4%;
}
.table-container-content p {
    padding-right: 35px;
}
ul.pagination li {
    margin: 0 2px;
    padding: 0 2px;
}
.PageDesignerPanel {
    background-color: #f7f7f7;
    border-bottom: 1px solid black;
    padding: 5px;
    width: 100%;
    z-index: 1;
}
div.topcontainer {
    background-color: #f2b100;
    height: 20px !important;
    padding-left: 10px;
    padding-top: 0 !important;
    position: relative;
    width: 100%;
}
.GridViewTr {
    background-color: #e6e6e6 !important;
}
}
.MyProfile {
    color: #000000;
    font-size: 12px;
    vertical-align: middle;
    white-space: nowrap;
}
.MyProfileWithoutPad {
    color: #000000;
    font-size: 12px;
    vertical-align: middle;
    white-space: nowrap;
}
.MyProfile label {
    width: 100% !important;
}
.MyProfile a {
    font-weight: normal !important;
}
.MyProfile a.hover {
    font-weight: normal !important;
}
.miChartsContainer {
    clear: both;
    padding: 0;
}
.miChartContainer {
    float: left;
    width: 100% !important;
}
.miChartContainerLeft {
    float: left;
    width: 50% !important;
}
.miChartContainerRight {
    float: left;
    width: 49.9% !important;
}
.EditorZone, .CatalogZone {
    position: relative;
    z-index: 999999;
}
.PartStyle {
}
.itemscontainer {
    margin: auto;
}
.EditorUIStyle {
}
.footerlogo {
    float: left;
}
.failureNotification {
    color: Red;
    float: left;
    font-size: 1.2em;
    margin-left: 5px;
    white-space: normal;
    width: 90%;
}
.tooltipHeader {
}
.errorMessage {
    color: red;
}
.blankstar {
    background-image: url("../images/blank_star.png");
    height: 16px;
    width: 16px;
}
.waitingstar {
    background-image: url("../images/half_star.png");
    height: 16px;
    width: 16px;
}
.shiningstar {
    background-image: url("../images/shining_star.png");
    height: 16px;
    width: 16px;
}
.ui-icons-sprite-star-user {
    background: rgba(0, 0, 0, 0) url("/app_themes/Dash/images/ui-icons_056b93_256x240.png") repeat scroll -147px -95px;
    display: inline-block;
    height: 15px;
    width: 15px;
}
.mandatory {
    color: red;
    font-weight: bold;
}
.widgetContainer {
    border-color: #009fe3;
    border-style: solid;
    border-width: 1px;
}
.UserAction {
    font-size: 12px;
    padding-left: 18px;
    vertical-align: middle;
    white-space: nowrap;
}
.UserAction label {
    width: 100% !important;
}
.UserAction a {
    font-weight: normal !important;
}
.UserAction a.hover {
    font-weight: normal !important;
}
.floatingUserPhoto {
    margin-right: 10px;
    margin-top: -220% !important;
}
.DivPaddinglefttop {
    padding-left: 10px;
    padding-top: 10px;
}
.CommonZone {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: block;
    height: auto;
    overflow-x: auto;
    position: fixed;
    width: 100%;
}
.CommonZone table {
    height: auto !important;
}
.ConfigurationTable {
    margin-left: 100px;
    table-layout: fixed;
    width: 100%;
}
.ConfigurationTableItem {
    margin-bottom: 25px;
    width: 100%;
}
.CustomWidgetBottomPadding {
    padding-bottom: 10px;
}
.CustomFieldTextBox {
    font-family: inherit;
    font-feature-settings: inherit;
    font-kerning: inherit;
    font-language-override: inherit;
    font-size: inherit;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-synthesis: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: normal;
    outline: 0 none;
    padding: 0 1px 0 0;
    width: 185px;
}
.ConfigurationTableItem a {
    border-bottom: 1px none;
    color: #009ee7;
    font-size: 12px;
}
.ConfigurationTableItem a:hover {
    border-bottom: 1px none;
    color: #727375;
    font-size: 12px;
}
.ConfigurationTableItem tr {
    height: 15px;
}
.ConfigurationTableItemImage {
    width: 25% !important;
}
.ConfigurationItemHeader {
    padding-bottom: 10px;
    width: 100% !important;
}
.custom-scroll {
    height: 100%;
    overflow: scroll;
}
.UserActionTooltip {
    font-size: 12px;
    padding-left: 5px;
    vertical-align: middle;
    white-space: nowrap;
}
.UserActionTooltip label {
    width: 100% !important;
}
.UserActionTooltip a {
    font-weight: normal !important;
}
.UserActionTooltip a.hover {
    font-weight: normal !important;
}
.contentSCroll {
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
    position: relative;
    width: 100%;
}
.contentSCroll.hidden {
    display: none;
}
.contentSCroll.light {
    background-color: #ddd;
    color: #333;
}
.contentSCroll hr {
    border-top: 1px solid rgba(0, 0, 0, 0.7);
    margin-bottom: -10px;
}
.contentSCroll.light hr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mCustomScrollbar {
}
.mCustomScrollbar.mCS_no_scrollbar {
}
.mCustomScrollBox {
    direction: ltr;
    height: 100%;
    max-width: 100%;
    outline: medium none;
    overflow: hidden;
}
.mCSB_container {
    height: 700px;
    overflow: hidden;
    width: auto;
}
.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-left: 30px;
    margin-right: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}
.mCSB_scrollTools {
    bottom: 0;
    height: auto;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
}
.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: 0;
    right: auto;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}
.mCSB_scrollTools .mCSB_draggerContainer {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 16px;
    height: 100%;
    margin: 0 auto;
    width: 2px;
}
.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    height: 30px;
    width: 100%;
    z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 16px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 4px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
    cursor: pointer;
    display: block;
    height: 20px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}
.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 30px;
    margin-right: 0;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    height: 16px;
    left: 0;
    right: 0;
    top: auto;
    width: auto;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 2px;
    margin: 7px 0;
    width: 100%;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    height: 100%;
    left: 0;
    width: 30px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 4px;
    margin: 6px auto;
    width: 100%;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    cursor: pointer;
    display: block;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    width: 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}
.mCSB_container_wrapper {
    bottom: 0;
    height: auto;
    left: 0;
    margin-bottom: 30px;
    margin-right: 30px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.mCSB_container_wrapper > .mCSB_container {
    padding-bottom: 30px;
    padding-right: 30px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-left: 30px;
    margin-right: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    box-sizing: border-box;
    padding-right: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    box-sizing: border-box;
    padding-bottom: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
    margin-right: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    transition: opacity 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
}
.mCSB_scrollTools {
    opacity: 0.75;
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, 0.4);
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.75);
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.85);
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.9);
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url("mCSB_buttons.png");
    background-repeat: no-repeat;
    opacity: 0.4;
}
.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}
.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}
.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}
.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
}
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 1px;
    width: 4px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 1px;
    width: 4px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 4px;
    margin: 6px auto;
    width: 100%;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    width: 4px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 2px;
    width: 6px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    width: 100%;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px auto;
    width: 100%;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, 0.1);
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 2px;
    margin: 7px auto;
    width: 100%;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, 0.15);
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    margin: 0 1px;
    width: 14px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    margin: -1px 0;
    width: 16px;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    margin: 0 -1px;
    width: 16px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-repeat: repeat-x;
    height: 4px;
    margin: 6px 0;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-y;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-x;
}
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}
.mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 16px;
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 1px 0 1px rgba(0, 0, 0, 0.5) inset, -1px 0 1px rgba(255, 255, 255, 0.2) inset;
    width: 8px;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 1px rgba(255, 255, 255, 0.2) inset;
    height: 8px;
    margin: 4px 0;
    width: 100%;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 8px;
    margin: 4px auto;
    width: 100%;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1) inset;
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
}
.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    border-radius: 7px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px;
}
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}
.mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1) inset, 0 0 14px rgba(0, 0, 0, 0.5) inset;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 14px rgba(0, 0, 0, 0.5) inset;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    bottom: 0;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.4) inset;
    height: auto;
    left: 0;
    margin: 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 12px;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 16px rgba(0, 0, 0, 0.1) inset;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.2) inset;
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 14px rgba(0, 0, 0, 0.2) inset;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.4) inset, -1px 0 0 rgba(0, 0, 0, 0.2) inset;
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 16px rgba(0, 0, 0, 0.1) inset;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    margin: 12px 0;
    right: 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.2);
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.5);
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.2);
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.5);
}
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, 0.2);
    width: 6px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 6px;
    margin: 5px 0;
    width: 100%;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, 0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, 0.2);
    width: 12px;
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    bottom: 0;
    height: auto;
    left: 0;
    margin: 3px 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 6px;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    bottom: 0;
    height: 6px;
    left: 0;
    margin: 5px 3px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
    width: 100%;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, 0.1);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, 0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, 0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.9);
}
.ellipsis {
    -moz-binding: url("ellipsis.xml#ellipsis");
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.headerellipsis {
    -moz-binding: url("ellipsis.xml#ellipsis");
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight:bold;
}
.tabellipsis {
    -moz-binding: url("ellipsis.xml#ellipsis");
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.RedCheckBox span {
    outline: 2px solid red;
}
.literal {
    font-size: 9pt;
}
.MyProfileWithoutLeftPadding {
    color: #000000;
    font-size: 12px;
    padding-left: 7px;
    vertical-align: middle;
    white-space: nowrap;
}
.SetWidthToTimesheetTooltipDefault {
    width: 400px;
}
.dx-scrollable-content {
    position: static !important;
    transform: none !important;
}
.dx-widgetItem {
    position: static !important;
}
.dx-scrollable-container {
    position: static !important;
}
.dx-dashboard-title {
    height: 25px !important;
}
.dx-icon-dashboard-export {
    margin-top: -10px;
}
.dx-widget-viewer-container .dx-cardItem {
    box-shadow: none !important;
}
.dx-dashboard-splitter-pane {
    box-shadow: none !important;
}
.DivTopPaddingClass {
    padding-top: 10px;
}
.MessageBoxUpdatePanel {
    position: fixed;
    z-index: 99999999;
}
.itemscontainerForGridInTabs {
    padding-top: 1px;
}
.AspButton {
    border-color: #f3f4f4 !important;
    border-style: solid !important;
    border-width: 2px !important;
}
.AspButton:focus {
    border-color: #009fe3 !important;
    border-style: solid !important;
    border-width: 2px !important;
}
.TextBoxWaterMark {
    color: grey;
    opacity: 0.5;
}
.LoginPageForgotPasswordImageDIV {
    background-color: white;
    background-image: url("../images/icon-18b-question mark.png");
    background-position: 5px 3px;
    background-repeat: no-repeat;
    border-color: red;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    margin-left: -4px;
    margin-top: -1px;
    width: 7.5%;
}
.RememberCheckbox {
    /*Comment this line for login page*/
    /*margin-left: -3px;*/
}
.registerlinkRightPane {
    float: right;
    font-size: 13px;
    margin-top: -10px;
    padding-right: 12%;
}
.resetlinkRightPane {
    float: right;
    font-size: 13px;
    margin-top: 0px;
    margin-left: 38%;
    margin-right: 13%;
    white-space: nowrap;
    padding-left: 20%;
}
.logincontainerRightPane {
    margin-top: 65% !important;
    width: 100% !important;
}
.loginbodyRightPaneDiv75 {
    float: left;
    height: 100%;
    width: 75%;
}
.loginbodyRightPaneDiv75Image {
    max-height: 100%;
    max-width: 100%;
    object-fit: scale-down;
}
/*----THR-19081----*/
.loginbody .loginbodyRightPaneDiv25 {position:relative;right:0;}
.loginbody .loginbodyRightPaneDiv25 #footer {position:relative;bottom:50px;}
.loginbodyRightPaneDiv25 {
    float: right;
    width: 25%;
}
.loginbodyRightPaneDiv100 {
    height: 100%;
    width: 100%;
}
.loginbodyRightPaneDiv100Image {
    max-height: 100%;
    max-width: 100%;
    object-fit: scale-down;
}
.loginbodyRightPaneDivCenter25 {
    height: 25%;
    margin-left: 37%;
    margin-right: 38%;
    margin-top: -35%;
    width: 26%;
}
.registerlinkCenterPane {
    float: right;
    font-size: 13px;
    margin-top: 0;
    padding-right: 12%;
    position: relative;
}
.logincontainerCenterPane {
    margin-top: 65% !important;
    width: 100% !important;
}
.LoginButtonCenterPane {
    position: relative;
}
.loginCenterThemeBox {
    background-color: white;
    border-color: grey;
    border-style: solid;
    border-width: 2px;
    height: 40%;
    margin-left: 35%;
    margin-top: -51%;
    position: relative;
    width: 30%;
}
.PositionRelative {
    position: relative;
}
.margin-top-10{
    margin-top: 10px;
}
.divwithoverflowandborder{
    border: solid; 
    border-width: 1px; 
    overflow-y: auto; 
    height: 100px;
    margin-left:10px;
    margin-right:10px;
    margin-top:10px
}

.divwithoverflowandborderwithoutmargin{
    overflow-y: auto; 
    height:100%;
}


/*---------------BATCH1 CSS---------------*/
.top-line {z-index:99999999;}
.left-nav ul > li span {cursor: pointer;}

#splitter_upHeadLoginName {margin-right: 10px;}
.user, .logout {line-height: 18px !important;margin-right: 10px;}

.dxsplS {margin-left: -2px;overflow: hidden;padding-top: 20%;position: fixed;width: 8px !important; z-index: 11;}
.dxsplS > table {border: 1px solid #009ee7;}
img[class^="dx"] {padding-right: 0 !important;}
.left-nav {z-index: 10;}

#cntPageDesigner_ezReportSettings.EditorZone {display: block;height: 500px !important;overflow-y: scroll;position: absolute;top: 22px;}
#ToolTipLoaderMaster_lpTooltipLoadingPanel , #LoadingPanel {z-index: 99999999 !important;}

#back-top {z-index: 1;}
.dxWeb_edtCheckBoxChecked_Office2003Blue , .dxWeb_edtCheckBoxUnchecked_Office2003Blue , .dxICheckBox_Office2003Blue{cursor:default !important;}

#accordion #fir.accordionli.AccorFixHeight.Active > div.div-table-row .div-table-col.Haccordion-content > .WebPartContainer {/*display: block !important;overflow-y: auto !important;padding-right:1px;max-height: 580px !important;min-height:500px !important;overflow-x: auto !important;max-width:1240px !important; width:inherit !important;padding-bottom:0 !important;*/}
#accordion #fir.accordionli.AccorFixHeight.Active > div.div-table-row .div-table-col.Haccordion-content > .WebPartContainer,
#accordion #sec.accordionli.AccorFixHeight > div.div-table-row .div-table-col.Haccordion-content > .WebPartContainer ,
#accordion #thi.accordionli.AccorFixHeight > div.div-table-row .div-table-col.Haccordion-content > .WebPartContainer {display: block !important;overflow-y: auto !important;padding-right:1px;max-height: 580px !important;min-height:500px !important;overflow-x: auto !important;max-width:100% !important; width:inherit !important;padding-bottom:0 !important;}
#accordion #fir.accordionli.AccorFixHeight.Active > div.div-table-row .div-table-col.Haccordion-content > .WebPartContainer .clearfix, 
#accordion #fir.accordionli.AccorFixHeight.Active > div.div-table-row .div-table-col.Haccordion-content > .WebPartContainer .WebPart100p {height: auto !important;}
 

/*-----batch2-----*/

html {direction:ltr !important;}

.WebPartContainer fieldset legend{position: relative;}
.WebPartContainer fieldset legend .div-show {float: none;margin-right: auto;margin-top: auto;position: absolute;right: 50px;top: 13px;}
#Div7 .WebPartsContainer > .WebPart50p {display: none;}
#footer {margin-top: 20px}
.dxWeb_edtCheckBoxChecked_Office2003Blue, .dxWeb_edtCheckBoxUnchecked_Office2003Blue, .dxWeb_edtCheckBoxGrayed_Office2003Blue, .dxWeb_edtCheckBoxCheckedDisabled_Office2003Blue, .dxWeb_edtCheckBoxUncheckedDisabled_Office2003Blue, .dxWeb_edtCheckBoxGrayedDisabled_Office2003Blue {height: 13px !important;margin-top: 0px !important;}

.dxsplS {padding: 0 !important;top: 350px;}

body.popup-active {overflow-y:hidden !important;}

/*---actions hover popup position on screen resize---*/
.logo{z-index:11;}

/*----zoom-out side bar cutting----*/
#form1 > div#container {height: 100%;left: auto;position: absolute;width: 100%;}
#form1 > div#container table#splitter {height: 100% !important;}

.dxgvControl_Office2003Blue, .dxgvDisabled_Office2003Blue {border-collapse: collapse !important;}

input.tabButton {margin: 0 -3px -2px -1px !important;}
.tabButton , .tabButtonSelected{padding: 0 7px;}

/*#WebPartManager1_wp144174676_wp758397681_upEntityStatusBar > div#divWebPartContainer {border-left: none;border-right: none;}*/
.splitter_MainPlaceHolder_PlacementZone1_1 div#divWebPartContainer {border:1px solid #009ee7 !important}    /*----THR-17519----*/
.WebPart50pleft .TabbarVertical {min-height: 270px;}
.user #divIcon {margin-top:3px;} 

#accordion #fir.accordionli.AccorFixHeight.Active > div.div-table-row .div-table-col.Haccordion-content > .WebPartContainer .WebPart50pleft .PanelPadding , #accordion #fir.accordionli.AccorFixHeight.Active > div.div-table-row .div-table-col.Haccordion-content > .WebPartContainer .WebPart50pright .PanelPadding {height: auto !important;overflow: visible !important;}
ul#accordion .AccorFixHeight {height: 600px !important;}
ul#accordion li .active_cla:focus {position:relative;top:0;}
ul#accordion {height:600px !important;overflow:hidden !important;}


/*------ dropdown page scroll------*/
.dropdown-active {position:fixed;overflow-y:scroll !important;width:100%;}

#WebPartManager1_wp1992928633_wp2071693023_pnlTimesheetList .div-table-col {position: relative;}

#WebPartManager1_wp343450882_wp212509827_grdAddressList_tccell0_5 {width: 55px !important;}
#splitter_1_S.dxsplVSeparator_Office2003Blue {height: auto;max-height:1000px;}

.dxgvTable_Office2003Blue , .dxsplCC {overflow: visible !important;}   /*.dxsplLCC*/
#splitter_0_CC.dxsplLCC {overflow: hidden !important;}

#Div7 > div > div.WebPartContainer {overflow: visible !important;}

#popUpNotesnTasksEdit_PW-1 .dxeMemo_Office2003Blue {border: 1px solid #009ee7 !important;padding: 1px;border-collapse: separate !important;}

/*div#div2.WebPartContainer , div#div4.WebPartContainer , div#div6.WebPartContainer , .itemscontainer .WebPartContainer , #splitter_MainPlaceHolder_PnlSalesInvoiceList .WebPartContainer {overflow:visible;}*/
div#div2.WebPartContainer , div#div4.WebPartContainer , div#div6.WebPartContainer , #splitter_MainPlaceHolder_PnlSalesInvoiceList .WebPartContainer {overflow:visible;}

.itemscontainer .WebPartContainer fieldset legend, .accountInfo fieldset legend {width:99%;padding-left:1%;}



/*----------------Batch3-----------------*/

#divtop .user-login {height: 30px;padding-top: 12px;}
#splitter #splitter_1 .dxsplLCC {height: auto !important;overflow:visible;}  /*----THR-17867----*/ 

#divCommonZone {z-index:999999999;} 
#divtop.top-line .top-line {background-color:transparent !important;}
#frmCommon #divtop{background-color:transparent !important;}

a.more , a.modal-x-small {cursor:pointer;} /*THR-10084*/

.actionlink {display: inline-block;padding-left: 18px !important;text-indent: -10px;}
div.WebPart50pleft , div.WebPart50pright {padding-left:0 !important; padding-right:0 !important;padding-bottom: 10px !important;}

#CreateForm .dxpcDropDown_Office2003_Blue.dxpc-ddSys {z-index: 99999999 !important;} /* THR-16926 */

/*----THR-16609----*/
.WebPartContainer .WebPart50pleft div.WebPartContainer , .WebPartContainer .WebPart50pright div.WebPartContainer { overflow: visible;background:#fff !important;}
.WebPartContainer div.WebPartContainer fieldset legend {padding: 0 !important;text-indent: 18px !important;width: 100% !important;}
.DetailsViewFieldHeader .dxeListBox_Office2003Blue div.dxlbd {height: auto !important; max-height:120px !important;}

table.dxgvControl_Office2003Blue, table.dxgvDisabled_Office2003Blue , .tabButtonContainer .tabButtonSelected {border-color: #009ee7 !important;} 

/*----THR-16984----*/
#accordion .div-table .div-table-row .div75p {overflow: visible;position: relative !important;}
#accordion .div-table .div-table-row .div75p .dxpcDropDown_Office2003Blue.dxpc-ddSys {position: absolute !important;right: 0 !important;top: 24px !important;}

.loginbody .loginbodyRightPaneDiv100Image {height: auto;object-fit: inherit;width: 100%;}

/*----THR-16608----*/
.left-nav ul.submenu {padding-bottom: 0;}
/*-----------------*/	

/*----THR-15763----*/
.disable-modal-scroll {overflow-y:hidden !important;} 
/*-----------------*/	

/*----THR-12917----*/	
.widgetDDL > .div-table-row > .div-table-col {position: relative !important;}	
.widgetDDL > .div-table-row > .div-table-col .dxpcDropDown_Office2003Blue.dxpclW.dxpc-ddSys {top: 23px !important;}
/*-----------------*/	

/*----THR-11366----*/
.dxgvFilterRow_Office2003Blue .dxgv {overflow: visible !important;position: relative;}
.dxgvFilterRow_Office2003Blue .dxgv .dxpc-ddSys {left: 2px;top: 25px !important;}
/*-----------------*/

/*----to make dropdowns fully visible overlapping the widget - Timesheets > Unsubmitted Timesheets page*/
.itemscontainer .WebPartContainer {overflow:visible !important;} /*---edited 10Oct2016---*/
.itemscontainer .setWidthToTimesheetEditContent .WebPartContainer {overflow:visible;}
.WebPartContainer.setWidthToTimesheetEditGridWhenScrollIsOff {overflow:hidden !important;}
/*----*/

/*----THR-17870----*/
.DetailsViewFieldHeader .dxeValidStEditorTable .dxeErrorFrameSys > .dxpcDropDown_Office2003Blue {z-index: 99999999 !important;}
/*-----------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
.div-table-row .lblInlinebold {margin-right: 10px !important;float:left;} /*----THR-17507----*/
.divmargin .div-table-row {display:table;width:100%;}

#divDocumentUpload .div-table-row .lblInline {width: auto;margin-right: auto;} /*----THR-17514----*/
}

/*----THR-17536 , THR-17531----*/
.PanelPadding #divItemsContainer .div-table-row > .div-table-col {padding-bottom: 7px;padding-top: 0;}
.PanelPadding #divItemsContainer .div-table-row > .div-table-col .dxbButtonSys {margin-top: -4px;}

.ellipsis a , .PanelPadding .itemscontainer .GridViewRow .dxgv > a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.PanelPadding .itemscontainer .GridViewRow .dxgv > a {max-width:200px;display: inline-block;}
.PanelPadding #divWebPartContainer .itemscontainer .GridViewRow .dxgv > a {max-width:150px;}
/*-----------------*/

/*----THR-17587----*/
.PanelPadding #divItemsContainer .DivPaddingClass .div-table-row > .div-table-col > div {padding-left: 0 !important; padding-right: 0 !important;text-align: center !important;}
.PanelPadding #divItemsContainer .DivPaddingClass .div-table-row > .div-table-col > div .dxbButtonSys {float: none;margin: 0 auto !important;}
/*-----------------*/

tr.GridViewRow td.dxgv {max-width: 180px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /*----THR-17520----*/
.itemscontainer .WebPartContainer fieldset legend, .accountInfo fieldset legend {width: 100% !important;padding-left: 0 !important;text-indent: 10px;}

/*----THR-14936----*/
.tabButtonContainer {padding-left: 11px;}
.tabButtonContainer .tabButtonSelected {margin: 0 -1px -1px;}
/*-----------------*/

.div20p .dxichCellSys {padding: 1px 3px 1px 0px !important;}

.popup-table-wrapper {height:350px !important;}


.PanelPadding .MyProfile {width: auto !important;}   /*---- THR-18056 ----*/
h2.liheader {margin-bottom: auto;margin-top: 310px;}  /*---- THR-9646 ----*/

/*----THR-17990----*/
ul#accordion #fir.accordionli.AccorFixHeight.Active > div.div-table-row .div-table-col.Haccordion-content > .WebPartContainer,
ul#accordion #sec.accordionli.AccorFixHeight > div.div-table-row .div-table-col.Haccordion-content > .WebPartContainer,
ul#accordion #thi.accordionli.AccorFixHeight > div.div-table-row .div-table-col.Haccordion-content > .WebPartContainer {max-width: 100% !important;}
/*-----------------*/


#Div7 > div > div.WebPartContainer div > .WebPart50pleft {overflow: hidden !important;}  /*---- THR-17525 ----*/
.DetailsViewFieldHeader .feildContainer > span {display: block;max-width: 270px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}  /*---- THR-17534 ----*/
#divItemsContainer .buttonContainer .dxbButton_Office2003Blue.dxbButtonSys {margin-left: 4px;} /*---- THR-17537 ----*/

.loginbodyRightPaneDiv25 #footer {position:absolute;bottom:40px;} /*---- THR-18760 ----*/

/*----THR-19081----*/
.loginbody .loginbodyRightPaneDiv25 {position:relative;right:0;}
.loginbody .loginbodyRightPaneDiv25 #footer {position:relative;bottom:50px;}


@media only screen and (max-width: 1700px){
ul#accordion #fir.accordionli.AccorFixHeight.Active > div.div-table-row .div-table-col.Haccordion-content > .WebPartContainer,
ul#accordion #sec.accordionli.AccorFixHeight > div.div-table-row .div-table-col.Haccordion-content > .WebPartContainer,
ul#accordion #thi.accordionli.AccorFixHeight > div.div-table-row .div-table-col.Haccordion-content > .WebPartContainer {max-width: 100% !important;}
}

@media only screen and (max-width: 1560px){
ul#accordion #fir.accordionli.AccorFixHeight.Active > div.div-table-row .div-table-col.Haccordion-content > .WebPartContainer {/*max-width: 1150px !important;*/}
/*----floating-box----*/
div .floating-box {height: 280px;min-width: 290px;width: 22.94%;}
/*--------------------*/
}


@media only screen and (max-width: 1439px){

ul#accordion .tabButton, ul#accordion .tabButtonSelected {width: auto !important;}

.DetailsViewFieldHeader span.labelbold {width:205px !important;} /*----THR-17521----*/

/*----THR-17505----*/
.AlignCenter.TopLargeMargin > img {width: 100%;}
.AlignCenter.TopLargeMargin {width: auto !important;}
.div-TimesheetHome-Upper {height: 80px;min-width: 75% !important;width: 75%;}
.div-TimesheetHomeLabel {padding-left: 5px;white-space: nowrap;}
.div-TimesheetHome {font-size: 40px;}
.miChartsContainer .dxeButtonEditSys {width: auto !important;}
.WebPartsContainer #divWebPartContainer fieldset .div-table-col > table.dxeButtonEditSys {width: auto !important;}
/*-----------------*/

/*----floating-box----*/
div .floating-box {height: 272px;min-width: 270px;width: 22.94%;}
/*--------------------*/
} 

@media only screen and (max-width: 1365px){
.PanelPadding .itemscontainer .GridViewRow .dxgv > a {max-width:150px;}

/*----floating-box----*/
div .floating-box {min-width: 247px;width: 21.94%;}
/*--------------------*/
}

@media only screen and (max-width: 1280px){
tr.GridViewRow td.dxgv {max-width: 150px;}
}
#splitter_HeadLoginName{
    vertical-align:middle;
}

.progressbarmargin {
    margin-left: 10px;
}

.progressbarmarginwithtop {
    margin-top: 10px;
    margin-left: 10px;
}

.dxprogress, .progress-indicator {
    border-radius: 20px;
}
.inlinetable{
    display:inline-table;
}

.itemText {
    text-align: center;
    text-align: -webkit-center;
    
}