/* DEFAULTS
----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');

@font-face {
    font-family: "BebasNeue";
    src: url(../../fonts/BebasNeueRegular.eot);
    src: url(../../fonts/BebasNeueRegular.eot?#iefix) format('embedded-opentype'),
         url(../../fonts/BebasNeueRegular.woff) format('woff'),  
         url(../../fonts/BebasNeueRegular.otf) format("truetype");
}
@font-face {
    font-family: "Harmonia";
    src: url(../../fonts/HarmoniaSansStd-SemiBd.eot);
    src: url(../../fonts/HarmoniaSansStd-SemiBd.eot?#iefix) format('embedded-opentype'),
         url(../../fonts/HarmoniaSansStd-SemiBd.woff) format('woff'),  
         url(../../fonts/HarmoniaSansStd-SemiBd.otf) format("truetype");
   
}

/* full font names for Reporting Server reports */
@font-face {
    font-family: "Bebas Neue Regular";
    src: url(../../fonts/BebasNeueRegular.eot);
    src: url(../../fonts/BebasNeueRegular.eot?#iefix) format('embedded-opentype'),
         url(../../fonts/BebasNeueRegular.woff) format('woff'),  
         url(../../fonts/BebasNeueRegular.otf) format("truetype");
}
@font-face {
    font-family: "Harmonia Sans Std Semi Bd";
    src: url(../../fonts/HarmoniaSansStd-SemiBd.eot);
    src: url(../../fonts/HarmoniaSansStd-SemiBd.eot?#iefix) format('embedded-opentype'),
         url(../../fonts/HarmoniaSansStd-SemiBd.woff) format('woff'),  
         url(../../fonts/HarmoniaSansStd-SemiBd.otf) format("truetype");
   
}

html {width:100%; height:100%;}
body {padding:0; margin:0; width:100%; height:100%; font-family: Helvetica,"Trebuchet MS", Arial, Helvetica, sans-serif; }

.main-col { background-color:#e5e5e5; padding:10px 10px 10px 10px;}
.side-col  {width:122px; min-height:500px; padding:5px 5px 5px 5px;  font-family: Helvetica, Arial, Verdana, Tahoma; font-size:12pt;}
.content { padding:20px 20px 23px 20px; vertical-align:top;}

/*ul li {list-style-type:none;}*/
img {border:none;}

.page{ height:100%; width:100%; background-color: #fff;margin: 0px auto 0px auto;border:1px solid #D8D8D8;height:auto;font-size:14pt;}
.page_noborder{height:100%; width:100%; } 

.pageHeader { font-family: 'Open Sans Condensed', sans-serif; font-size:20pt; font-weight:bold;}
.pageHeaderSmall { font-family: 'Open Sans Condensed', sans-serif; font-size:18pt; font-weight:bold;}
.pageHeaderSmaller { font-family: 'Open Sans Condensed', sans-serif; font-size:14pt; font-weight:bold;}
.pageTitle {font-family: 'Open Sans Condensed', sans-serif; font-size:20pt; font-weight:bold;}

#topInfo{  text-align:right; position:relative; top: -95px;right:10px;}

.footer {font-size:10pt; margin-top:10px; z-index:10000;}
.footer .left-col {float:left; margin-top:0;}
.footer .right-col {float:right; margin-top:15px; }
.footer ul {list-style:none; padding-top:0; padding-left:0;}
.footer li {list-style-type: none; display:inline; padding:2px 2px 2px 0px}
.footer  li a {text-decoration:none; color:#888;}
.footer  li a:hover {text-decoration:underline;}

.main-col-left{ float: left; /*padding-left:20px;*/ width: 250px; }
.main-col-right { background-color: #e6e7e8; padding: 10px 20px 20px 20px; }
.main-col-right{ float: right; /*padding-right:20px;*/ width: auto; }

.divLevel-fixed{width: 250px; min-height: 50px; padding: 0.5em; float: left; margin: 0 10px 5px 0; border:1px solid #000000; background:#000000; color:#FFFFFF;}
.level-moved{width: 250px; min-height: 50px; padding: 0.5em; float: left; margin: 0 10px 5px 0; border:1px solid #000000; background:#0071bc; color:#FFFFFF;}
.content {padding-left:30px; padding-right:30px; }

.inputtabs {font:12px Helvetica, Arial,"Trebuchet MS", sans-serif; zoom:1; display:table;}
.inputtabs span {margin-right: 2px; width: 23px; height: 18px; text-align: center; cursor: pointer; margin-bottom:-1px; float: left; }
.inputtabs span a {width: 23px; height: 17px; text-align: center; cursor: pointer; position: relative; background:#EBECED url(../images/tabs.png) -23px 0 no-repeat; float: left; }
.inputtabs span .active  {background-color:#fff; background-position: 0 0; height:18px; position: relative; z-index:2;}
.inputtabs .focus span.active span {background-position: -46px 0;}
.inputtabs span.active .error {background-position: -92px 0 !important; color:#BD0000;}
.inputtabs span .error {background-position: -115px 0; color:#BD0000;}

/*.inputtabs input {width:400px; display:none; border:1px solid #D7D7D7; color:#000000; padding:2px 3px 1px; font:12px "Trebuchet MS",Arial,Helvetica,sans-serif; background:#fff; height:20px;}*/
.inputtabs input { width: 400px; display: none; border: 1px solid #d7d7d7; padding: 2px 3px 1px; font: 14px Helvetica, Arial, "Trebuchet MS", sans-serif; background: #fff; }
.inputtabs input.active, .inputtabs textarea.active {display: block; position:relative;}
.inputtabs input.focus {border-color: #fcbf31; background-color: #fef9e8; outline: 0;}
.inputtabs input.error {background-color: #ffe2e2; border-color: #d60a10;}
/*.inputtabs textarea {display: none; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;}*/
.inputtabs textarea { display: none; font: 14px Helvetica, Arial, "Trebuchet MS", sans-serif; background: #fff; }

.clear{clear: both;}
.bold{font-weight: bold;}
.whitebar{text-align: right;margin-left: auto;	margin-right: auto;height: 12px;background-color: #e5e5e5;background-repeat: no-repeat;}
.orangebar{margin-left: auto;margin-right: auto;height: 12px;background-color: #F7941E;background-repeat: no-repeat;}
.whitebarshort {text-align: right; margin-left: auto; margin-right: auto; height: 6px;background-color: #e5e5e5;background-repeat: no-repeat;}

a:link{	text-decoration:none; }
a:visited{text-decoration:none;  }
a:hover{text-decoration:none;  }
a:active{text-decoration:none; }

.hide{display:none;}
/*h1 { font-size:30px; font-weight:normal; color:#fff;}
h2 { font-size:18px; font-weight:normal; color:#000;}
h3 { font-weight:bold; color:#000;}
h4 { font-size:13px; font-weight:bold; color:#000;}*/

#sortable1, #sortable2 { /*border: 1px solid #eee;*/ width: 250px;min-height: 50px; list-style-type: none; margin: 0;padding: 0;float: left;margin-right: 10px; } 
        
#sortable1 li, #sortable2 li { margin: 0 0px 5px 0px;padding: 5px;font-size: 1.2em;width: 250px; min-height:50px;  }  
#sortable1 li img:hover, #sortable2 li img:hover { cursor: pointer;} 
 
.blueDiv  {width: 250px; min-height: 70px; padding: 0.5em; float: left; margin: 0 10px 5px 0; border:1px solid #000000; background:#0071bc; color:#FFFFFF;}  
.right{float:right; padding-right:0;}
.left {
    float:left; padding-left:0px;
}
  
.msgFloat{position:relative;top: -50px;left: 20px;	border: solid 1px  #04B45F;width:350px;height:200px;  font-size:11pt; }                
.darkDiv  {width: 230px; min-height: 70px; padding: 2px; float: left; margin: 0 10px 5px 0; border:1px solid #000000; background:#585858; color:#FFFFFF;}  
.msgFloat{position:relative;top: -50px;left: 20px;border: solid 1px  #04B45F; width:350px; height:200px; background:#FFF380; font-size:11pt; }
.grid { margin-bottom:10px;}
.grid th { text-align:left; white-space:nowrap; color:#fff; font-weight:bold; background: #585858;  padding:8px 1px 8px 9px;}
.grid td { background:#FFFFFF; }
a.linkButton {color:#0071bc; font-size:12pt; font-weight:bold;}
.popupDiv{display: none;  position: absolute!important; width: 280px;margin: -80px 0 0 0;  padding: 10px; background: #F5D0A9; color: #000000; border: 1px solid #1a1a1a; font-size: 90%;}
.smallerFont{font-size:8pt;}
.popupDivShort{display: none;  position: absolute; width: 220px; padding: 10px; background: #F5D0A9; color: #000000; border: 1px solid #1a1a1a; font-size: 90%;}
.side-colShort  {width:60px; min-height:400px; font-size:smaller;}
.mnLeft  {width:122px; min-height:500px;} 
 
.selectedNodeStyle { font-weight: bold; color:#6799D1; display:block; padding:2px 0 2px 3px; }

.error-font {
    color: #d9534f;
}
.error { color: #c00; }
.field-error {
    border: 1px solid #d9534f !important;
}

.option-error {
    color: #d9534f !important;
}

    .option-error input[type="checkbox"] {
        outline: 2px solid #d9534f;
        outline-offset: -1px;
    }

.bold{font-weight:bold;}
.topright{position:absolute;top:0px; right:0px}
.popupPanel{ position: absolute!important; z-index: 15; top: 70%; left: 50%; margin: -100px 0 0 -150px; width: 400px; height: 500px; font-size: smaller;}

#mvc_iframe{
    width:100%;
    height:100%;
    position: absolute; 
    height: 100%; border: none;
    top:-30px;
}







/* overrides and additions for revised layout */
/* main layout */
@media screen { .noScreen, .noScreen * { display: none !important; } }
@media print { .noPrint, .noPrint * { display: none !important; } }
@media (max-width: 767px)
{
    .widget .widget-body div[id$=pnlMonthlyTalk] > div:first-child { width: 100% !important; }
    .widget .widget-body div[id$=pnlMonthlyTalk] > div:not(:first-child) { display: none; } 
    .widget .widget-body div[id$=plQuestion] > div:nth-child(2) { width: 100% !important; }
    .widget .widget-body div[id$=plQuestion] > div:not(:nth-child(2)) { display: none; } 
    ul[id=monthlyTalkList] li { margin: 20px 0; width: 100% !important; text-align: center; }
    #gvTraining th, #gvTrainingComplete th { font-size: 90% !important; font-weight: 400 !important; }
    #gvTraining th:nth-child(n+3), #gvTrainingComplete th:nth-child(n+3) { white-space: initial !important; }
    #gvTraining .sortableHeader th:after, #gvTrainingComplete .sortableHeader th:after { content: " "; }
    #divFooterContainer div:first-child { width: 55% !important; }
    #divFooterContainer div:nth-child(2) { width: 45% !important; text-align: right; }
}
@media (min-width: 768px) and (max-width: 991px)
{
    ul[id=monthlyTalkList] li { margin: 20px 0 !important; /*width: 50% !important;*/ text-align: center; }
}

html, body, body form:first-child { height: 100%; /*min-width: 950px;*/ /*min-width: 700px;*/ }
body form:first-child { overflow: hidden; }
body { font-size: 140%; }

/* size down Licensee, Company and Language DDLs */
select[id$=ddlLicensee], select[id$=lbLicensee], select[id$=ddlCompany], select[id$=lbCompany], select[id$=ddlLang], select[id$=ddlDefaultLang] { width: 250px !important; }
.width-250px { width: 250px !important; }

/* size admin 1st column and 2nd column inputs and selects - one level deep only to avoid interfering with Chosen styling */
.standardAdminTable td:first-child { width: 175px; }
.standardAdminTable td:nth-child(2) > input[type=text], .standardAdminTable td:nth-child(2) > input[type=password], .standardAdminTable td:nth-child(2) > textarea, .standardAdminTable td:nth-child(2) > select { width: 250px !important; }

a, a:link, a:visited, a:hover, a:active { text-decoration: none; }
/*a.default, a.default:link, a.default:visited, a.default:hover, a.default:active { text-decoration: none; color: #000; }
.aInactive { color: #000 !important; }*/
.pageTitleLg { font-family: 'Open Sans Condensed', sans-serif; font-size: 350%; font-weight: 700; }
h1.pageTitle, h2.pageTitle { margin-bottom: 20px; }
h1.pageTitle { font-size: 305%; }
h2.pageTitle { font-size: 190%; }
.indexTable { margin-right: 10px; }

/* mimic chosen for padding and height of text and password inputs and padding of textareas */
/*input[type=text], input[type=password] { padding-left: 8px; height: 25px; border: 1px solid #d7d7d7; }*/
input[type=text], input[type=password], input[type=number] {
    padding-left: 8px;
    min-height: 25px;
    border: 1px solid #d7d7d7;
}
textarea { padding: 5px 0 0 8px; border: 1px solid #d7d7d7; }

/*#divBannerPublic, #divBanner { margin: 0 auto; padding: 0 20px; height: 115px; background-repeat: no-repeat; background-position: top left; background-size: auto 115px; overflow: auto; }*/
#divBannerPublic, #divBanner { margin: 0 auto; padding: 0 45px 0 0; /*height: 115px;*/ overflow: hidden; height: auto; background-repeat: no-repeat; background-position: top left; background-size: auto 115px; }
#divBannerPublic a img, #divBanner a img { height: 115px; /*height: auto;*/ width: auto; /*max-height: 115px;*/ }
#divBannerPublic #divTopInfo { float: right; }
#divBannerPublic > a:first-child, #divBanner > a:first-child { float: left; /*height: 115px;*/ height: auto; width: auto; max-width: 400px; overflow: visible; }
#divBanner a:not(:first-child), #divTopInfo > a { margin-left: 10px; margin-top: 25px; display: flex; float: right; width: 125px; height: 50px; text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 115%; /*color: #fff;*/ }
#divBanner a:not(:first-child) > span, #divTopInfo > a > span { width: 100%; align-self: center; }
#divBanner a:not(:first-child) > span > span, #divTopInfo > a > span > span { display: block; font-weight: 700; }
#divBanner { overflow-y: auto; overflow-x: hidden; }
#divTopInfo > div { float: left; }
#divTopInfo > div { margin: 40px 0 0 20px; }
.spanCenter {width: 100%; align-self: center;}
.flexRowBetween {display: flex;justify-content: space-between; flex-direction: row}
.flexColumn {display: flex; flex-direction: column;}
.flexRowEnd {display: flex;justify-content:flex-end; flex-direction: row}
.flexEnd {
    display: flex;
    align-items: flex-end;
}
.flexRow {display: flex;flex-direction: row;}
.topLink {margin-left: 10px;margin-top: 25px;display: flex;width: 125px;height: 50px;text-align: center;font-family: Helvetica, Arial, sans-serif;font-size: 115%;}
.hamburger-icon {
    font-size: 27px;
    float: left;
    cursor:pointer;
    z-index: 1;
}
.mobile-menu-text {
    /*margin-left: 10px;
    margin-bottom: 10px;
    margin-left: 10px;*/
    margin: 0 0 0 10px;
    float: none;
    position: relative;
    font-size: 20px;
}
.mobile-menu-text label {
    font-weight: bold;
}
#UserFullName, #divTrainingNavLabel { padding-left: 10px; overflow: hidden; max-width: 45%; display: inline-block; text-overflow: ellipsis; }
#divTrainingNavLabel { float: right; }
#divMobileMenu {
    /*padding-left: 10px;*/
    height: 50px !important;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    white-space: nowrap;
    /*padding-top: 12px;*/
    padding: 10px;
}
ul#ulMiniMenu {
    position: static;
    display: none;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
ul#ulMiniMenu > li {
    /*padding-bottom: 10px;
    padding-top: 10px;
    font-size: 24px;
    border-bottom: 1px solid white;*/
    padding-left: 20px;
}
ul#ulMiniMenu li.mini-menu-feature { border-bottom: 1px solid white; }
ul#ulMiniMenu li:hover {
    background-color: grey;
}
ul#ulMiniMenu > li, ul#ulMiniMenu > li > a {
    display: inline-block;
    line-height: 40px;
}
ul#ulMiniMenu > li, ul#ulMiniMenu > li > a:not(.mini-menu-top-links) {
    width: 100%;
}
ul#ulMiniMenu > li > a.mini-menu-top-links {
    padding: 0 15px;
}
ul#ulMiniMenu > li > a.mini-menu-top-links:first-child {
    padding-left: 0;
}
.show-menu {
    display: block;
}
#divWelcome { height: 80px !important; text-transform: uppercase; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; white-space: nowrap; padding-top: 20px; }
/*#divWelcome div { float: left; line-height: 30px; width: 50%; vertical-align: middle; padding: 5px 20px; }*/
#divWelcome span { float: left; line-height: 30px; width: 50%; vertical-align: middle; padding: 5px 20px; padding-right: 45px; }
#divWelcome div:first-child { font-size: 190%; }
#divWelcome div:nth-child(2) { font-size: 135%; text-align: right; }

#divNav { position: relative; float: left; padding-top: 15px; overflow: auto; width: 140px; height: -webkit-calc(100% - 115px - 80px); height: -moz-calc(100% - 115px - 80px); height: calc(100% - 115px - 80px); text-align: center; }
/*#divNavPlaceholder { position: relative; float: left; overflow: auto; width: 0; height: -webkit-calc(100% - 115px - 50px); height: -moz-calc(100% - 115px - 50px); height: calc(100% - 115px - 50px); text-align: center; }*/

/*#divNavWrapper {
    margin-left: -15px;
    float: left;
    width: 120px;
    height: -webkit-calc(100% - 115px - 80px) !important;
    height: -moz-calc(100% - 115px - 80px) !important;
    height: calc(100% - 115px - 80px) !important;
}
#divNav {
    position: relative;
    padding-top: 15px; /*font-size: 75%;* /
    overflow: auto;
    width: 120px;
    height: 100%;
    text-align: center;
}*/
#divNav img { max-width: 75px; max-height: 75px; height: auto; margin-top: 10px; }
#divNavContainer { width: 100%; word-wrap: break-word; font-size: 12px; }
#divNavContainer p:first-child a { display: inline-block; padding-bottom: 5px; width: 75px; }
#divNav p.verticalText, #divCollapsedSidebar p.verticalText { position: relative; width: 20px; font-size: 140%; text-align: left; white-space: nowrap; top: 100px; }
/*#divCollapsedSidebar p.verticalText { font-size: 120%; top: 90px; margin: 0; }
#divCollapsedSidebar p.verticalText.calendar-entry { font-size: 100%; top: 200px; }*/
#divNav p:first-child { display: inline; }
#divNav p:nth-child(2) { display: none; }
.divNavTextShadow { text-shadow: 2px 2px #666; }
/*#divMenuArrow { position: absolute; width: 20px; height: 20px; top: 160px; left: 90px; cursor: pointer; border-radius: 0 5px 5px 0; }
#divMenuArrow p { text-align: center; margin: 0; / * center and remove BootStrap's paragraph bottom margin * / }*/

/*#divContentLoadingContainer { position: absolute; margin: -45px 0 0 -45px; overflow: hidden; width: -webkit-calc(100% + 90px); width: -moz-calc(100% + 90px); width: calc(100% + 90px); height: -webkit-calc(100% + 90px);  height: -moz-calc(100% + 90px); height: calc(100% + 90px); background-color: rgba(0, 0, 0, 0.25); cursor: wait; display: none; z-index: 10001; }*/
#divContentLoadingContainer { position: absolute; left: -45px; top: -45px; overflow: hidden; width: -webkit-calc(100% + 90px); width: -moz-calc(100% + 90px); width: calc(100% + 90px); height: -webkit-calc(100% + 90px);  height: -moz-calc(100% + 90px); height: calc(100% + 90px); background-color: rgba(0, 0, 0, 0.25); cursor: wait; display: none; z-index: 10001; }
#divContentLoading { position: fixed; top: calc(50% - 20px); left: calc(50% - 20px); height: 100%; }
#divContentContainer.contentMobilePadding #divContentLoadingContainer { left: -15px; width: calc(100% + 30px) !important; }
#divContentContainer.contentMobileDBPadding #divContentLoadingContainer { left: 0; width: 100% !important; }

#divContentContainer { float: left; width: -webkit-calc(100% - 140px); width: -moz-calc(100% - 140px); width: calc(100% - 140px); height: -webkit-calc(100% - 115px - 80px - 40px);  height: -moz-calc(100% - 115px - 80px - 40px); height: calc(100% - 115px - 80px - 40px); overflow: auto; padding: 45px; /*text-align: justify;*/ }
#divContent { height: 100%; position: relative; }
#divContent td { padding: 2px; text-align: left; }

#divFooter { float: left; width: -webkit-calc(100% - 140px); width: -moz-calc(100% - 140px); width: calc(100% - 140px); overflow: hidden; background-color: #fff; color: #000; }
#divFooterContainer { margin: 0 20px 0 20px; border-top: 1px solid #000; }
#divFooterContainer div { float: left; line-height: 25px; vertical-align: middle; padding: 5px; }
#divFooterContainer div:first-child { width: 70%; }
#divFooterContainer div:nth-child(2) { width: 30%; text-align: right; }
/* end main layout */

/* CompanyLevelCategoryAssignment User Control */
.divAssignment { display: inline-block; margin: 20px; padding: 20px; background-color: #fff; border: 1px solid #999; }
.divAssignmentTitle { float: left; width: 50%; text-transform: uppercase; font-size: 140%; padding: 10px 0 10px 0; }
.divDelete { float: left; width: 50%; text-align: right; }
[id$=divEditButton] input, [id$=divSaveButton] input { border: 0; background: none; color: #fff; }

/* login page */
div[id$=divStandardLogin] { overflow: hidden; }
#divLoginFields, #divLoginLinks, div[id$=divLoginForm] div[id$=lblMsgContainer] { margin: 0 auto; max-width: 400px; }
div[id$=divLoginForm] { margin-top: -25px; }
#divLoginLinks { margin: 10px auto; }
#divLoginFields div:first-child { margin-bottom: 10px; padding: 5px 10px; font-family: 'Open Sans Condensed', sans-serif; font-size: 14pt; }
#divLoginFields div:not(:first-child) { background-color: #eee; padding: 5px 10px; }
#divLoginFields div:not(:first-child) span { width: 100px; display: inline-block; }
#divLoginFields div:nth-child(2) { padding-top: 20px; }
#divLoginFields input { width: 200px; }
[id$=divSSOLogin] a { margin: 0 10px 20px 10px; display: inline-flex; font-size: 115%; height: 50px; text-align: center; width: 125px; }
[id$=divSSOLogin] a span { align-self: center; width: 100%; }

/* Dashboard */
table[id$=gvDashboard], table[id$=gvWidgetList] { border-collapse: separate !important; }

/* Library */
table[id$=tblLibraryList] { width: 100%; }
table[id$=gvLibraryFileHistory], table[id$=gvLibrarySignOffs], table[id$=gvLibraryNewResources] { border-collapse: separate !important; }
ul[id$=lstServiceTypes] { padding-left: 0; list-style: none; }
ul[id$=lstServiceTypes] li { float: left; margin-right: 40px;  font-family: 'Open Sans Condensed', sans-serif; font-size: 140%; font-weight: 700; text-transform: uppercase; }
/*ul[id$=lstServiceTypes] li { float: left; margin-right: 20px; min-width: 100px; font-family: BebasNeue, Impact; font-size: 120%; }*/
/*ul[id$=lstFeatureTypes] { padding-left: 0; }
ul[id$=lstFeatureTypes] li { float: left; margin-right: 20px; text-transform: uppercase; }*/
.divLibraryHeader { width: 100%; overflow: hidden; margin-bottom: 10px; padding: 10px; font-family: 'Open Sans Condensed', sans-serif; font-size: 140%; font-weight: 700; }
.divLibraryHeader > div { display: inline-block; float: left; width: 50%; }
.divLibraryFiles { margin-bottom: 10px; width: 100%; background-color: #e6e7e8; overflow: hidden; padding: 10px; }
.divLibraryFiles > div { display: inline-block; float: left; width: 50%; }
.divLibraryFiles > div:first-child { padding-right: 10px; }

div[id$=libraryFileDetails] { background-color: #fff; padding: 10px; border: 1px solid #e6e7e8; }
div[id$=divLibraryFileName] { font-family: 'Open Sans Condensed', sans-serif; }
div[id$=divLibraryFileName] h2 { font-size: 200%; }
div[id$=divLibraryFileDates] { text-align: right; overflow: hidden; padding-left: 25px; }
div[id$=divLibraryFileDates] > span { text-align: left; float: right; line-height: 25px; }
div[id$=divSignOffPrompt] { color: #c00; }
div[id$=divSignOff], div[id$=divAgreeButton] { background-color: #e6e7e8; padding: 10px; }
div[id$=divSignOff] > h2 { font-family: 'Open Sans Condensed', sans-serif; font-size: 190%; }
div[id$=divAgreeButton] { text-align: center; }
div[id$=divAgreeButton] button { padding: 5px 20px; font-size: 100%; cursor: pointer; border: 0; border-radius: 3px; }
#lstLinkedResources { list-style: none; margin-left: -40px; cursor: pointer; }



/* EditCompanyTier.aspx */
#divNewTier #btnSaveTier { background-color: transparent; border: 0; }

/* /Training/Default & /Training/ModuleList.aspx */
.divTrainingType { position: relative; z-index: 1; padding: 5px; font-family: 'Open Sans Condensed', sans-serif; font-size: 140%; font-weight: 700; }
#gvTraining, #gvTrainingComplete { margin-top: -10px; border-collapse: separate !important; } /* negative margin butts TrainingType DIV up against these gridviews */
#gvTraining th, #gvTrainingComplete th { font-family: Helvetica, Arial, sans-serif; font-size: 100%; }
#gvTraining > tbody > tr > td:not(:nth-child(2)), #gvTrainingComplete > tbody > tr > td:not(:nth-child(2)) { text-align: center; }
table[id$=gvProgress] { border-collapse: separate !important; }
table[id=rblAnswer]{ width: 100%; }

/*#divCourseWrapper, #divCourseNavWrapper { padding: 10px 45px 0 0; text-align: center; background-color: #fff; }
#divCourseWrapper { text-align: center; background-color: #fff; }*/
/*.roundCorner { width: 100% !important; }*/

#divModuleListHeader { padding: 0 10px 5px 10px; }
#divModuleListHeader table td:nth-child(2) { position: relative; top: -65px; }
#divModuleListHeader span { display: block; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; overflow: hidden; }
#divModuleListHeader span:first-child { font-size: 200%; }
#divModuleListHeader span:nth-child(2) { font-size: 150%; }
#divModuleListHeader span:nth-child(3) a { float: left; display: inline-block; width: 25%; }
#divModuleListHeader #lblCourseName { white-space: normal; text-align: left; }
#divCurrent { text-shadow: -1px -1px 0px #666, 1px -1px 0px #666, -1px 1px 0px #666, 1px 1px 0px #666; } /* add shadow to percentage value */

#divModuleListLeft, #divModuleListRight { float: left; }
#divModuleListLeft { width: 250px; }
#divModuleListRight { width: auto; }

div#tvModule > table { margin: 5px auto; width: 90%; background-color: #fff; display: none; }
div#tvModule td { vertical-align: top; }
div#tvModule td:first-child { width: 15px; }
div#tvModulen0Nodes > table { margin: 5px auto; width: 92%; }
div#tvModulen0Nodes td:nth-child(2) { width: 15px; }
div#tvModulen0Nodes > table tr:first-child { background-color: #fff; }
div#tvModulen0Nodes td:first-child { display: none; }
div#tvModulen1Nodes tr td:first-child { display: none; }
a[id^=tvModule] { white-space: normal; }

/* Administration */
div[id$=divAdminIcons] { background-color: #e6e7e8; }
div[id$=divAdminIcons] span { margin: 10px; width: 125px; display: inline-block; text-align: center; vertical-align: top; font-size: 75%; }
div[id$=divAdminIcons] span a { display: inline-block; width: 100%; padding-bottom: 1px; }
#divAdminTopMenuBar { margin-bottom: 10px; position: absolute; top: -30px; left: 0; font-size: 75%; }


@media (min-width: 1700px) {
    .admin-block-wrapper {
        width: 25%;
    }
}

@media (max-width: 1700px) {
    .admin-block-wrapper {
        width: 25%;
    }
}

@media (max-width: 1625px) {
    .admin-block-wrapper {
        width: 33.33333336%;
    }
}

@media (max-width: 1400px) {
    .admin-block-wrapper {
        width: 50%;
    }
}

@media (max-width: 800px) {
    .admin-block-wrapper {
        width: 100%;
    }
    .admin-block-item {
        height:250px !important;
    }
}

.admin-block-wrapper {
    padding-left: 5px;
    padding-right: 5px;
}
.admin-block-item {
    text-align: center;
    display: inline-block;
    margin-top: 5px;
    margin: 5px;
    width: 100%;
    height: 285px;
    vertical-align: top;
    background-color: #e6e7e8;
}
.adminSectionHeader {
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 130%;
    font-weight: 700;
}
.admin-block-header {
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 130%;
}
.admin-block-image {
    margin-top:5px;
}
.admin-block-description {
    
    padding-left: 5px;
    padding-right: 5px;
    color:#333 !important;
}
.admin-block-header-wrapper {
    height:40px;
}

.admin-toolbox {
    height: 100vh;
    width: 250px;
    background-color: #e6e7e8;
}

/* SSOLogin */
table[id$=gvSSOMappings] {
    border-collapse: separate !important;
}
table[id$=gvSSOMappings] td { vertical-align: top; }

.divPermBlock { margin-bottom: 10px; }
.divPermBlock div { background-color: #e6e7e8; padding: 5px 10px; }

/* blanket gridview mods */
/*table[id^=gv] th, table[id^=gv] tr, table[id^=gv] td { padding: 5px !important; }*/
table[id*=gv] { width: 100%; background-color: #fff; border-spacing: 0 10px; }
table[id*=gv] tr:first-child { white-space: nowrap; }
table[id*=gv] tr:not(:first-child) td { background-color: #e6e7e8; }
table[id*=gv] th, table[id*=gv] td { padding: 10px !important ; }
table[id*=gv] .yesno-option th, table[id*=gv] .yesno-option td {
    padding: 0px !important;
}
table[id*=gv] .feature-details th, table[id*=gv] .feature-details td {
    padding: 2px !important;
}
table[id*=gv] .feature-details tbody{
    vertical-align:top;
}
table[id*=gv] th { font-family: 'Open Sans Condensed', sans-serif; font-size: 140%; vertical-align: top; }

/* System Settings */
table[id$=gvTier], table[id$=gvLang] { border-collapse: separate !important; }

/* Add Company Wizard/Edit Company Pages */
table[id$=gvFeature] { border-collapse: separate !important; }
table[id$=gvProfileByCourse], table[id$=gvProfileByLevel], table[id$=gvProfileByCategory], table[id$=gvProfileByAdminLevel] { border-collapse: separate !important; }
ul[id=rblTier], ul[id=rblType], ul[id=rblViewType] { list-style: none; padding: 0; }
ul[id=rblTier] li, ul[id=rblType] li, ul[id=rblViewType] li { float: left; padding-right: 10px; }
ul[id=rblTier] label, ul[id=rblType] label, ul[id=rblViewType] label { font-weight: 700; }
table[id$=gvFeatureOff] { border-collapse: separate !important; }
table[id$=gvEntityList] { border-collapse: separate !important; border-spacing: 0 10px !important; }
table[id$=gvCategory] { border-collapse: separate !important; border-spacing: 0 10px !important; }

/* Employee Settings */
#gvEmp, table[id$=gvEmp], table[id$=gvProfiledResources], table[id$=gv_ProfileCourse], table[id$=gvAdditionalCourses], table[id$=gvReportitSummary], table[id$=gvReportitSamplesSummary], table[id$=gvReportitReports], table[id$=gvPending] {
    border-collapse: separate !important;
}
#gvEmp td, table[id$=gvEmp] td, table[id$=tblEdit] td, table[id$=gvSummary] td {
    vertical-align: top;
}

/* Employee Search */
.empSearchCompletionList { border: solid 1px #444444; margin: 0px; padding: 2px; height: 100px; overflow: auto; background-color: #FFFFFF; }
.empSearchListItem { color: #1C1C1C; }
.empSearchItemHighlighted { background-color: #F3E2A9; }
.ac-loading { /*background-image: url(/Content/Images/Systems24-7-Animated-Logo_2016-06-22.gif);*/ background-image: url(/Content/Images/loader.gif); background-position: right; background-repeat: no-repeat; /*background-size: 20px;*/ }

/* Course Settings */
#gvCourse { border-collapse: separate !important; table-layout: fixed; }
#gvCourse th:nth-child(2), #gvCourse td:nth-child(2) { width: 150px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
table[id$=gvEdit] { border-collapse: separate !important; }
table[id$=gvAdd] { border-collapse: separate !important; }
table[id$=gvSecAdd] { border-collapse: separate !important; }
table[id$=gvSection] { border-collapse: separate !important; }
table[id$=gvItem] { border-collapse: separate !important; }
table[id$=gvLang] { border-collapse: separate !important; }
table[id$=gvQuestion] { border-collapse: separate !important; }
table[id$=gvAnswer] { border-collapse: separate !important; }


/*Reportit User*/
.divItemList {
    margin-bottom: 10px;
    width: 100%;
    background-color: #e6e7e8;
    overflow: hidden;
    padding: 10px;
}

.divItemList > div {
    display: inline-block;
    float: left;
}

.divItemList > div:first-child {
    padding-right: 10px;
}



/* Reportit Settings */
.reportitDesignContentSection {
    width: 100%;
    padding-left: 5px;
    padding-right: 10px;
    min-width: 400px;
}

/*Manage Reportit grid*/
#gvReportitSummary, #gvReportitReports {
    table-layout: fixed;
}
.ReportItTable {
    table-layout: auto;
}
.ReportItTable td {
    width: auto !important;
}
#gvReportitSummary th:nth-child(2), #gvReportitSummary td:nth-child(2)
{
    width: 175px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#gvReportitSummary .authColumn, table[id$=gvReportitReports] .authColumn {
    width: 30%;
}
table[id$=gvReportitSummary] th, table[id$=gvReportitReports] th {
    padding: 5px;
}
table[id$=gvReportitSummary] td, table[id$=gvReportitReports] td {
    vertical-align: top;
}

.reportitAuth {
    width: 70px !important;
}

div .reportitAuth .caption {
    font-size: 7pt !important;
}

/* ReportitQuestion Settings */
#gvReportQuestion,
#gvReportitOptionList,
#gvUserDetailItems {
    table-layout: fixed;
    border: none;
}

table[id$=gvReportQuestion] td,
table[id$=gvReportitOptionList] td,
table[id$=gvUserDetailItems] td {
    background-color: #e6e7e8;
    padding: 0px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    /*vertical-align: top;*/
}

table[id$=gvReportQuestion] tr > td:last-of-type,
table[id$=gvReportitOptionList] tr > td:last-of-type,
table[id$=gvUserDetailItems] tr > td:last-of-type {
    padding-top: 5px !important;
}

table[id$=gvReportitOptionList],
table[id$=gvUserDetailItems] {
    border-collapse: separate !important;
    border-spacing: 0px 3px;
}
table[id$=gvReportQuestion] {
    border-collapse: separate !important;
    border-spacing: 0px 10px;
}

table.gvReportQuestion input[type=text],
table.gvReportQuestion .reportitSelect {
    min-width: 250px;
}

table.gvReportQuestion {
    width: 100%;
}

table.gvReportQuestion td {
    padding-left: 5px !important;
    padding-right: 5px !important;
    text-align: left;
}

table.gvReportQuestion input[type=text] {
    min-width: 250px;
}

td.tdContext input[type=text] {
    min-width:unset;
}

table.gvReportQuestion {
    border-collapse: separate;
    border-spacing: 0px 10px;
}

.flexJustify {
    display: flex;
    justify-content: space-between;
}

/*Tabstrip repeater*/
.pageTabContainer {
    display: inline-block;
    min-height: 25px;
    padding: 1px;
}

.pageTab {
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
}

.pageTab > * {
    margin: 1px;
}

/*ToolBox*/
.divToolBoxHeader {
    width: 100%;
    overflow: hidden;
    margin-bottom: 4px;
    margin-top: 4px;
    padding: 5px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 140%;
    font-weight: 700;
}

.divToolBoxHeader > div {
    display: inline-block;
    float: left;
}

.toolBoxItemContainer {
    display: inline-block;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 1px solid black;
    background: #fff;
    width: 48%;
    border-radius: 3px;
    min-height: 25px;
    padding: 1px;
    cursor: grab;
}

.toolBoxItem {
    /*height: 100%;*/
    width: 100%;
    align-items: center;
    display: flex;
}

.toolBoxItemCenter {
    justify-content:center;
}

.toolBoxItemContainerFull {
    width: 99%;
}

.dvImgPrevContainer {
    align-items: center;
    justify-content: center;
    display: flex;
    height: 385px;
    width: 600px;
    overflow: auto;
}

.galleryItemContainer {
    display: inline-block;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 1px solid black;
    background: #fff;
    width: 48%;
    border-radius: 3px;
    min-height: 25px;
    padding: 1px;
}

.galleryItem {
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
}

.galleryImageThumb {
    height: 50px;
    width:50px;
}

/*Image Properties*/
.smallImage {
    height: 25px;
    width: 25px;
}

.smallerImage {
    height: 20px;
    width: 20px;
}

.xSmallImage {
    height: 15px;
    width: 15px;
}

/* System/Training Reports */
table[id$=gvDefault] { border-collapse: separate !important; }
span[id$=rv_ReportViewer] table { border-collapse: separate !important; }
table[id$=gvEntity] { border-collapse: separate !important; border-spacing: 0 5px !important; }
table[id$=gvEntity] td { padding: 0 !important; }
table[id$=gvEntity] td:nth-child(2) { width: 175px; }
table[id$=gvEntity] tr:not(:first-child) td { background-color: #fff; }
table[id=tblReportFilters] td { padding-left: 0 !important; }
table[id=tblReportFilters] select, table[id=tblFilters] select, table[id=tblEmp] select { width: 250px; }
table[id$=gvEntityEmp] { border-collapse: separate !important; border-spacing: 0 5px !important; }
table[id$=gvEntityEmp] td { padding: 0 !important; }
table[id$=gvEntityEmp] td:nth-child(2) { width: 175px; }
table[id$=gvEntityEmp] tr:not(:first-child) td { background-color: #fff; }
input[id$=btnGenerateReport] { border-radius: 15px; color: #fff; background-color: #333; font-size: 10pt; border: 1px solid #333; width: 80px; height: 25px; }

/* gridview main "name" column width */
#gvTraining th:nth-child(2), #gvTrainingComplete th:nth-child(2), #gvTraining td:nth-child(2), #gvTrainingComplete td:nth-child(2),
table[id$=gvLibraryList] th:nth-child(5), table[id$=gvLibraryList] td:nth-child(5),
/*table[id$=gvHeaderList] th:nth-child(3), table[id$=gvHeaderList] td:nth-child(3),*/
table[id$=gvGlossaryItems] th:nth-child(2), table[id$=gvGlossaryItems] td:nth-child(2),
table[id$=gvGlossaryDG] th:nth-child(2), table[id$=gvGlossaryDG] td:nth-child(2),
table[id$=gvLibraryFileHistory] th:nth-child(2), table[id$=gvLibraryFileHistory] td:nth-child(2),
table[id$=gvLibrarySignOffs] th:nth-child(2), table[id$=gvLibraryNewResources] th:nth-child(2)
    { width: 100%; } /*vertical-align: top; }*/

/* minimize other gridview columns */
#gvTraining th:not(:nth-child(2)), #gvTrainingComplete th:not(:nth-child(2)), #gvTraining td:not(:nth-child(2)), #gvTrainingComplete td:not(:nth-child(2)),
table[id$=gvLibraryList] th:not(:nth-child(5)), table[id$=gvLibraryList] td:not(:nth-child(5)),
table[id$=gvHeaderList] th:not(:nth-child(5)), table[id$=gvHeaderList] td:not(:nth-child(5)),
table[id$=gvGlossaryItems] th:not(:nth-child(2)), table[id$=gvGlossaryItems] td:not(:nth-child(2)),
table[id$=gvGlossaryDG] th:not(:nth-child(2)), table[id$=gvGlossaryDG] td:not(:nth-child(2))
table[id$=gvLibraryFileHistory] th:not(:nth-child(2)), table[id$=gvLibraryFileHistory] td:not(:nth-child(2)),
table[id$=gvLibrarySignOffs] td:not(:nth-child(2)), table[id$=gvLibraryNewResources] td:not(:nth-child(2))
    /* { max-width: 150px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: top; }*/
    /*{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: top; }*/
    { vertical-align: top; }

/* center align authoring options */
table[id$=gvLibraryList] td:last-child, table[id$=gvHeaderList] td:last-child, table[id$=gvGlossaryItems] td:last-child
    { text-align: center !important; }

.gvHeaderAlign th { text-align: left; }
/*.gvOtherCol td:nth-child(n+3) { max-width: 150px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.gvNameCol { width: 100%; }*/

/* Glossary */
table[id$=gvGlossaryItems], table[id$=gvGlossaryDG] { border-collapse: separate !important; }
#divGlossaryLinksContainer {padding: 0 10px; min-height: 50px; line-height: 50px; overflow: hidden; font-family: 'Open Sans Condensed', sans-serif; font-size: 150%; }
#divGlossaryLinksContainer div { float: left; }
#divGlossaryLinksContainer input { padding: 0 5px; min-width: 25px; color: inherit; background-color: inherit; border: 0; }
#divGlossaryLinksContainer img { margin-right: 5px; width: 35px; height: 35px; background-color: #fff; }

/* SDS */
table[id$=gvSDS] { border-collapse: separate !important; }

/* Monthly Talks */
table[id$=gvMonthlyTalks] { border-collapse: separate !important; }
ul[id=monthlyTalkList] { padding-left: 0; overflow: hidden; }
ul[id=monthlyTalkList] li { display: inline; float: left; margin-left: 0px; padding: 0 2px; margin: 0 10px 20px 10px; width: 250px; height: 425px; text-align: left; overflow: auto; /*border: 1px solid rgba(255, 255, 255, 0.00);*/ }
/*ul[id=monthlyTalkList] li:hover { border: 1px solid #e6e7e8; }*/
ul[id=monthlyTalkList] li > div { text-align: center; }
#monthlyTalkList div[id*=plThumbnail] { min-height: 200px; }
table[id=gvOutstandingMT], table[id=gvCompletedMT] { border-collapse: separate !important; }

/* Surveys */
table[id$=gvSurvey] { border-collapse: separate !important; }

/* Events */
table[id$=gvEvents], table[id$=gvEventParticipants], table[id$=gvEventWaitlist], table[id$=gvEventEmail] { border-collapse: separate !important; }

/* EquipmentInventory */
table[id$=gvEquipmentManufacturers], table[id$=gvEquipment], table[id$=gvEquipmentAll] { border-collapse: separate !important; }
table[id$=gvEquipmentManufacturers] td.name { width: 100%; }
/*select[id$=ddlEquipmentManufacturerName], select[id$=ddlEquipmentName], select[id$=ddlLocationTier], select[id$=ddlLocationEntity] { width: 250px !important; }*/
table[id$=tblEquipment] input[type=text], table[id$=tblEquipment] input[type=file] { width: 250px; }
table[id$=tblEquipment] input[id$=txtBoxLifeExpectancyCount] { width: 125px; }
table[id$=tblEquipment] select[id$=ddlLifeExpectancyTimeFrameType] { width: 120px; }
table[id$=tblEquipment] textarea[id*=txtEquipmentWarrantyDetails], table[id$=tblEquipment] textarea[id*=txtEquipmentComments], table[id$=tblEquipment] textarea[id*=txtEquipmentDecommissionComments] { width: 350px !important; }
table[id$=tblEquipment] span[id$=rblIsEquipmentInsured] label, table[id$=tblEquipment] span[id$=rblStatus] label { margin-right: 15px; }
span#currencySymbol { position: absolute; padding-top: 2px; padding-left: 5px; }
input[id$=txtBoxEquipmentValue] { padding-left: 15px; }

/* Contractor */
table[id$=tblContractor] td:first-child { vertical-align: top; }
table[id$=tblContractor] textarea[id*=txtAdditionalDetails] { width: 350px !important; }
table[id$=tblContractor] input[type=text], table[id$=tblContractorUser] input[type=text], table[id$=tblContractorUser] input[type=password] { width: 250px; }
table[id$=gvContractorUsers], table[id$=gvContractorUsersAll] { border-collapse: separate !important; }

/* Preventative Maintenance */
table[id$=gvPreventativeMaintenance], table[id$=gvPreventativeMaintenanceAll] { border-collapse: separate !important; }
table[id$=tblMaintenance] textarea { width: 350px !important; }
table[id$=tblMaintenance] input[type=text] { width: 250px; }
table[id$=tblMaintenance] input[id$=txtBoxDurationCount] { width: 125px; }
table[id$=tblMaintenance] select[id$=ddlDurationTimeFrameType] { width: 120px; }
table[id$=tblMaintenance] select[id$=ddlTimeZone] { width: 250px; }
table[id$=gvPreventativeMaintenance] { border-collapse: separate !important; }
div[id$=divPreventativeMaintenanceDetails] { margin-top: 10px; }
.summary-header { padding-left: 15px; height: 30px; line-height: 30px; font-family: 'Open Sans Condensed', sans-serif; font-size: 20px; font-weight: 700; margin-bottom: 10px; overflow: hidden; text-align: left; }
.summary-info { margin-bottom: 10px; }

/* Configuaration Setitings */
table[id$=gvCustomerAdmin] { border-collapse: separate !important; }

/* classes */
.outer-container-fluid { height: 100%; padding: 0; overflow: auto; }
/*.fullWidth { width: 100% !important; }*/
.fullWidth { width: calc(100% - 20px) !important; }
.fullWidthMobile { width: 100% !important; }
/*.contentNavMenuWithoutScroll { width: calc(100% - 120px) !important; }
.contentNavMenuWithScroll { width: calc(100% - 140px) !important; }*/
.contentMobileHeight { height: -webkit-calc(100% - 115px - 50px - 40px) !important;  height: -moz-calc(100% - 115px - 50px - 40px) !important; height: calc(100% - 115px - 50px - 40px) !important; min-height: 250px; }
.contentMobilePadding { padding: 45px 15px !important; }
.contentMobileDBPadding { padding: 45px 0 !important; }

/* full modal overlay */
.display-flex { display: flex !important; }
.s247-modal-container { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.25); z-index: 1000; display: none; }
.s247-modal { position: relative; align-self: center; margin: 0 auto; padding: 10px; background-color: #fff; box-shadow: 0 0 10px #666; }
.s247-img-close-modal { float: right; margin-top: -20px; margin-right: -20px; cursor: pointer; }
.s247-modal-action-buttons { margin: 0 auto; margin-top: 20px; width: 175px; }
.s247-modal-action-buttons a { display: block; width: 100%; margin-bottom: 5px; }
.s247-modal-action-buttons-vertical a { display: inline-block; width: auto; min-width: 75px; margin: 5px; }

/* confirmation modal */
.confirmationModalContainer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); z-index: 1000; display: none; }
.confirmationModalContainer.display-flex { display: flex; }
.confirmationModal { position: relative; align-self: center; margin: 0 auto; width: 50%; max-width: 500px; min-width: 300px; height: 100%; max-height: 200px; background-color: #fff; box-shadow: 0 0 10px #666; }
.confirmationModalCustom {
    position: relative;
    align-self: center;
    margin: 0 auto;
    width: 50%;
    max-width: 500px;
    min-width: 300px;
    background-color: #fff;
    box-shadow: 0 0 10px #666;
}
.confirmationModalContent { padding: 15px; text-align: center; }
.closeConfirmationModal { position: relative; top: -10px; right: -10px; float: right; cursor: pointer; }
.confirmationModalTitle { padding: 5px 5px 5px 15px;  }

/* report-it Dialog */

@media (max-width: 800px) {
    .reportitModal {
        width: 100% !important;
        max-width: unset !important;
        min-width: unset !important;
    }
}

    .btnReportItSearch {
        padding: 4px;
        border-radius: 3px;
    }

    .divSampleItem {
        width: 125px;
        /*height: 215px;*/
        padding: 7px;
        margin-top:5px;
        display: inline-block;
        text-align: center;
        vertical-align: top;
    }

    .SampleReportDiv {
        height: 285px;
        /*text-align: center;*/
        overflow:auto;
    }

    .SampleReportDiv a.Selected div {
        border: groove 1px #333;
    }

    .sample-block-name {
        color: #333 !important;
    }

    .reportitModalContainer {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.25);
        z-index: 500;
        display: flex;
    }

.reportitModalContent .chosen-container .chosen-drop {
    position: fixed;
}

    .reportitModalContainer.display-flex {
        display: flex;
    }

    .reportitModal {
        position: relative;
        align-self: center;
        margin: 0 auto;
        width: 50%;
        max-width: 460px;
        min-width: 375px;
        background-color: #fff;
        box-shadow: 0 0 10px #666;
    }

.reportitModalDraggable {
    max-width: 460px;
    min-width: 375px;
    background-color: #fff;
    box-shadow: 0 0 10px #666;
    z-index:200;

}
.positionFixedRight {
    position: fixed;
    right: 10%;
}
.reportitModalWide {
    max-width: 625px;
    min-width: 625px;
}
.reportitModalExtraWide {
    max-width: 675px;
    min-width: 675px;
}
.reportitModalUltraWide {
    max-width: 800px;
    min-width: 800px;
}

.reportitModalContent {
    padding: 15px;
    padding-top: 5px;
    max-height: 90%;
    overflow: auto;
    background-color: #e6e7e8;
}

.reportitPreview .reportitModalContent {
    max-height: 675px;
}

.reportitModalContentNoLRPadding {
    padding-top: 5px;
    max-height: 625px;
    overflow: auto;
    background-color: #e6e7e8;
}
.reportitModalEmulatorHeaderActive {
    padding: 15px;
    padding-top: 5px;
    max-height: 625px;
    overflow: auto;
    background-color: #e6e7e8;
    top: 50%;
    right: 10%;
}
.reportitModalEmulatorHeaderInactive {
    position: fixed;
    bottom: 0px;
    right: 20%;
    min-width:200px;
    max-width:200px;
}
.reportitModalEmulatorMinimizeButton {
    background-color: #e6e7e8;
    font: bold;
}

[id$=dvPagePreview] .reportitModalContent {
    background-color: white;
}

.staticTopRightButton{
    position:absolute;
    top:10px;
    right:25px;
}
.reportitModalLongContent {
    max-height: 700px;
}

.AddSample {
    text-align: right;
    padding-right: 25px;
    padding-bottom: 5px;
    background-color: white;
}
.reportitModalContent .chosen-single,
.reportitModalContent .chosen-choices {
    background-color: white !important;
}



.whiteControlGroup {
    background-color: white;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

        .whiteControlGroup .chosen-single,
        .whiteControlGroup .chosen-choices,
        .whiteControlGroup input[type=text],
        .whiteControlGroup input[type=number],
        .reportitModalContent .divAssignment .chosen-single,
        .reportitModalContent .divAssignment .chosen-choices,
        .reportitModalContent .divAssignment input[type=text] {
            background-color: #e6e7e8 !important;
        }

    .dialogHeader {
        font-weight: bold;
        padding: 3px;
        vertical-align: middle;
    }

    .dialogHeaderLeft {
        text-align: left;
    }

    .dialogHeaderCenter {
        text-align: center;
    }

.ddlFloatOver {
    /*
    
        position: absolute;
        overflow: visible;
            */
}
.ddlFloatOverRelative .chosen-container .chosen-drop {
    position: relative !important;
}
.centerText {
    text-align: center !important;
}

    .dialogHeaderLabel {
        width: 75%;
        vertical-align: middle;
    }

    .dialogHeaderImg {
        cursor:pointer;
        text-align: right !important;
        width: 24%
    }

    /* delete confirm */
    #divDeleteConfirmationModalContainer {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.25);
        z-index: 1000;
        display: none;
    }

        #divDeleteConfirmationModalContainer.display-flex {
            display: flex;
        }

    #divDeleteConfirmationModal {
        position: relative;
        align-self: center;
        margin: 0 auto;
        width: 50%;
        max-width: 500px;
        min-width: 300px;
        height: 100%;
        max-height: 175px;
        background-color: #fff;
        box-shadow: 0 0 10px #666;
    }

    #divDeleteConfirmationModalContent {
        padding: 15px;
        text-align: center;
    }

    #divImgCloseDeleteConfirmationModal {
        position: relative;
        top: -10px;
        right: -10px;
        float: right;
        cursor: pointer;
    }


    .content {
        padding: 0;
    }

    .s247-chosen-ddl {
        width: 250px !important;
    }

    .s247-rblist label {
        margin-right: 15px;
    }
    /*table[id$="tblEquipment"] span[id$="rblIsEquipmentInsured"] label, table[id$="tblEquipment"] span[id$="rblStatus"] label*/
    #tblPagingControls td.taRight input, #tblPagingControls td.taRight span {
        vertical-align: middle;
    }

    #tblPagingControls {
        width: 100%;
    }

.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }
.vaTop { vertical-align: top; }
.vaBottom { vertical-align: top; }
.vaMiddle { vertical-align: middle; }
    .paging-controls td:first-child, .paging-controls td:last-child {
        width: 150px;
    }

    .paging-controls td.taRight input, .paging-controls td.taRight span {
        vertical-align: middle;
    }

    .paging-controls {
        width: 100%;
    }


    .taLeft {
        text-align: left !important;
    }

    .taCenter {
        text-align: center !important;
    }

    .taRight {
        text-align: right !important;
    }

    /*.verticalText { float: left; transform: rotate(-90deg); transform-origin: right top 30px; }*/
    .verticalText {
        transform: rotate(-90deg);
    }

    .border-collapse-separate {
        border-collapse: separate !important;
    }

    .msg {
        border: 1px solid #c00;
        border-radius: 5px;
        margin: 20px 0;
        padding: 10px;
        font-size: 100%;
        text-align: left;
    }

    .error {
        border: 1px solid #d43f3a;
        color: #fff;
        background-color: #d9534f;
    }

    .success {
        border: 1px solid #4cae4c;
        color: #fff;
        background-color: #5cb85c;
    }

    .default {
        border: 1px solid #ccc;
        color: #000;
        background-color: #e6e7e8;
    }

    .status-message-img {
        float: left;
        width: 25px;
        height: 25px;
        margin: -2px 10px 5px 5px;
    }

    div[id$=Container][class*='msg'], div[id$=divMsg][class*='msg'] {
        opacity: 0.0;
    }

        div[id$=Container][class*='msg'] span {
            display: table-cell;
        }

    .customHr {
        font-size: 1px;
        height: 1px;
        line-height: 1px;
        background-color: #e6e7e8;
        margin-bottom: 10px;
    }

    .nobr {
        white-space: nowrap;
    }

    .defaultCursor {
        cursor: default !important;
    }

    .required:after {
        content: " *";
        color: #c00;
    }

    .required-before:before {
        content: " *";
        color: #c00;
    }

    .sortableHeader th:not(.sortableHeader-off):after {
        content: url("/Content/Images/sorter-arrows.gif");
    }

    .lightYellowBG {
        background-color: #faf7b4 !important;
    }

    .dashboardWidgetContainer {
        float: left;
        padding: 0 20px 20px 0;
    }

        .dashboardWidgetContainer tr:not(:first-child) {
            cursor: pointer;
        }

            .dashboardWidgetContainer tr:not(:first-child) td {
                padding: 5px !important;
            }

    .coloured-dot {
        margin: 0 5px 0 0;
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 5px;
    }

/* admin authoring option buttons */
div.authItem { vertical-align: top; display: inline-block; text-align: center; min-width: 40px; max-width: 50px; }
div.authItem .caption { display: block; font-size: 8pt; }
    /* admin authoring option buttons */
    div.authItem {
        vertical-align: top;
        display: inline-block;
        text-align: center;
        width: 40px;
    }

        div.authItem .caption {
            display: block;
            font-size: 8pt;
        }

    /* My Links */
    .my-links-container {
        height: 100%;
        text-align: left;
    }

        .my-links-container > div.widget-body {
            overflow-y: auto;
            height: calc(100% - 40px) !important;
        }

        .my-links-container img {
            max-width: 125px;
            max-height: 125px;
            margin: 0 10px 10px 0;
        }

    .float-left {
        float: left;
    }

    .float-right {
        float: right;
    }

    .width-25-percent {
        width: 25%;
    }

    .width-33-percent {
        width: 33%;
    }

    .width-50-percent {
        width: 50%;
    }

    .width-75-percent {
        width: 75%;
    }

    .width-100-percent {
        width: 100%;
    }

    .width-175px {
        width: 175px;
    }

    .d-inline {
        display: inline;
    }

    .d-block {
        display: block;
    }

    .d-inline-block {
        display: inline-block;
    }

    .align-self-center {
        align-self: center;
    }

    .align-self-flexbottom {
        align-self: flex-end;
    }

    .mt-1 {
        margin-top: 1rem;
    }

    .mt-2 {
        margin-top: 1.5rem;
    }

    .mt-3 {
        margin-top: 2rem;
    }

    .mt-4 {
        margin-top: 2.5rem;
    }

    .mt-5 {
        margin-top: 3rem;
    }

    .mb-1 {
        margin-bottom: 1rem;
    }

    .mb-2 {
        margin-bottom: 1.5rem;
    }

    .mb-3 {
        margin-bottom: 2rem;
    }

    .mb-4 {
        margin-bottom: 2.5rem;
    }

    .mb-5 {
        margin-bottom: 3rem;
    }

    .ml-1 {
        margin-left: 1rem;
    }

    .ml-2 {
        margin-left: 1.5rem;
    }

    .ml-3 {
        margin-left: 2rem;
    }

    .ml-4 {
        margin-left: 2.5rem;
    }

    .ml-5 {
        margin-left: 3rem;
    }

    .mr-1 {
        margin-right: 1rem;
    }

    .mr-2 {
        margin-right: 1.5rem;
    }

    .mr-3 {
        margin-right: 2rem;
    }

    .mr-4 {
        margin-right: 2.5rem;
    }

    .mr-5 {
        margin-right: 3rem;
    }

    .p-1 {
        padding: 1rem;
    }

    .p-2 {
        padding: 1.5rem;
    }

    .p-3 {
        padding: 2rem;
    }

    .p-4 {
        padding: 2.5rem;
    }

    .p-5 {
        padding: 3rem;
    }

    .bg-e6e7e8 {
        background-color: #e6e7e8;
    }

    /* Toggle Password Visibility */
    img.password-eye-toggle {
        position: relative;
        left: -28px;
        height: 20px;
        cursor: pointer;
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
    }

    input.password-eye {
        position: relative;
        padding-right: 30px;
    }

    /* FileUpload styling */
    input[id*=fuResourceFileUpload], input[id*=fuMonthlyTalkFileUpload], input[id*=fuWidgetFileUpload], input[id$=fuEquipmentPhotograph] {
        padding: 10px;
    }
    /* add some padding to FileUpload controls */
input[id*=fuResourceFileUpload], input[id*=fuMonthlyTalkFileUpload], input[id*=fuWidgetFileUpload], input[id$=fuEquipmentPhotograph], input[id*=MultiLangFileUpload], input[id*=fuReportitUpload] {
    position: relative;
    z-index: 2;
    min-width: 100px;
    width: 100%;
    height: 50px;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    cursor: pointer;
}

    .fileUploadLayover {
        display: none;
        position: absolute;
        top: 18px;
        left: 0;
        min-width: 100px;
        text-align: left !important;
        padding: 10px;
        background-color: #fff;
        height: 50px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border: 1px solid #d7d7d7;
        margin-top: -1px;
    }

        .fileUploadLayover[id$=lblEquipmentPhotograph] {
            top: 1px;
            width: 250px;
            padding: 7px;
        }

    span[id*=lblFileUpload] button, span[id$=lblEquipmentPhotograph] button {
        margin-right: 10px;
    }

    /* Library Admin drag and drop */
    .selectedItem {
        display: table;
    }

        .selectedItem td {
            border-width: 1px 0 1px 0;
            border-style: dotted;
            border-color: #0c0;
        }
    /* end classes */

    /* chosen mods */
    [id$=_chosen] {
        min-width: 90px;
    }
    /*.chosen-container-single .chosen-single, .chosen-container-single .chosen-drop, .chosen-container-active.chosen-with-drop .chosen-single, .chosen-container-multi .chosen-choices
    { box-shadow: none; background: #fff; border-radius: 0; border: 1px solid #d7d7d7; } /* remove chosen gradient, shadow and rounded corners, and match border to lang tab img border color */
    .chosen-container-single .chosen-single, .chosen-container-single .chosen-drop, .chosen-container-active.chosen-with-drop .chosen-single, .chosen-container-multi .chosen-choices {
        box-shadow: none;
        background: #e6e7e8;
        border-radius: 0;
        border: 1px solid #d7d7d7;
    }
    /* remove chosen gradient, shadow and rounded corners, and match border to lang tab img border color */
    [id$=gvFeature] .chosen-single, [id$=gvFeature] .chosen-choices {
        background-color: #fff;
    }

    .chosen-container .chosen-drop {
        box-shadow: none;
        background-color: #fff;
        border-color: #d7d7d7;
    }

    .chosen-container .chosen-results {
        margin: 0 4px 4px 0;
        padding: 0 0 0 4px;
    }

    .chosen-container-multi .chosen-choices li.search-choice {
        background-color: #fff;
        background-image: none;
        border-radius: 0;
    }

    /* CKEditor mods */
    .cke_top {
        background: #cfd1cf linear-gradient(to bottom, #fff, #f5f5f5) repeat scroll 0 0 !important
    }

    /* BootStrap mods */
    label {
        font-weight: 400;
        padding: 0 5px 0 2px;
    }

    .h1, .h2, .h3, h1, h2, h3 {
        margin-bottom: 0;
        margin-top: 0;
    }

    #divContent p {
        margin-bottom: 20px;
    }
    /*input, textarea { color: #000; }*/
    input, textarea {
        color: #333;
    }

    .tooltip {
        z-index: 9999999;
    }

    .btn.focus, .btn:focus, .btn:hover {
        color: inherit;
    }

    /* AJAX ColorPicker mods*/
    .ajax__colorPicker_container {
        width: auto !important;
    }

        .ajax__colorPicker_container table td div {
            cursor: pointer !important;
        }

    .cpe-color-swatch {
        margin: 0 10px;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        border: 1px solid #ccc;
    }

    /* PrintArea overrides */
    /*.PrintArea { margin: inherit !important; width: inherit !important; padding: 0 !important; }*/

    /* Bootstrap buttons -- REMOVE WHEN BOOTSTRAP OFFICIALLY INTEGRATED */
    /*button { font-family: inherit; text-transform: none; overflow: visible; box-sizing: border-box; border-style: solid; border-width: 1px; }
.btn { -moz-user-select: none; border-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal;
       line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap; }
.btn-default { background-color: #ffffff; border-color: #cccccc; color: #333333; }
.btn-default.focus, .btn-default:focus { background-color: #e6e6e6; border-color: #8c8c8c; color: #333; }
.btn-default:hover { background-color: #e6e6e6; border-color: #adadad; color: #333; }*/

    /* copy to clipboard toaster */
    .clipboard-toast {
        position: fixed;
        left: 50%;
        bottom: 20px;
        background-color: black;
        border-radius: 10px;
        color: #fff;
        font-size: 16px;
        padding: 10px;
        user-select: none;
        text-align: center;
    }

    .clipboard-toast {
        bottom: -50px;
        -webkit-transition: bottom 350ms;
        -moz-transition: bottom 350ms;
        -o-transition: bottom 350ms;
        -ms-transition: bottom 350ms;
        transition: bottom 350ms;
    }

        .clipboard-toast.active {
            bottom: 50px;
        }

    .chart-legend li span {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-right: 5px;
    }

    .turn-all-on-link {
        font-size: 60%;
        padding-left: 10px;
        cursor: pointer;
        display: inline-block;
        width: 65px;
    }

    .user-edit-dashboard-buttons {
        float: right;
    }

        .user-edit-dashboard-buttons a {
            margin-left: 10px;
            margin-top: 30px;
            display: flex;
            float: right;
            width: 125px;
            height: 50px;
            text-align: center;
        }

            .user-edit-dashboard-buttons a span {
                width: 100%;
                align-self: center;
                font-size: 115%;
            }

    .fullWidthElement {
        width: 100%;
    }
    .fullHeightElement {
        max-height:100px;
    }
    .halfWidthElement {
        width: 50%;
    }

    /* Scheduler */
    ul[id$=divRequestLinks] {
        padding-left: 0;
        list-style: none;
    }

        ul[id$=divRequestLinks] li {
            float: left;
            margin-right: 40px;
            font-family: 'Open Sans Condensed', sans-serif;
            font-size: 140%;
            font-weight: 700;
            text-transform: uppercase;
        }

    .calendar-entry {
        color: #000 !important;
        font-weight: 700 !important;
        font-size: 12px !important;
        font-family: Arial,sans-serif !important;
        line-height: normal !important;
    }

    .js-shift-rule {
        align-self: flex-end;
    }

    .verticalCenterWrapper {
        align-items: center;
        display: flex;
    }

    .dvThemeArea {
        padding-bottom: 5px;
    }

    .twoDigitSelect {
        width: 60px;
        min-width: 60px !important;
    }

.NotAllowed,
.NotAllowed a{
    cursor: not-allowed !important;
}

.ActionModelButtonPadding{
    padding-bottom:10px;
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

.ui-widget-header {
    background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}