/*******************************************************************************************************/
/* COMMON LAYOUT STYLES */
/*******************************************************************************************************/

html {
	position: relative;
	min-height: 100%;
	height: 100%;
}

body {
    /*position: relative;*/
    min-height: 100%;
	padding-bottom: 10px;
	/*height: 100%;*/
}

/*******************************************************************************************************/
/* MAIN LAYOUT STYLES */
/*******************************************************************************************************/

.main-header {
    margin-left: 0px;
    margin-right: 0px;
}
.main-header > div {
	background-color: rgb(255, 255, 255);
}

.main-footer {
	background-color: rgb(255, 255, 255);  
}

.main-footer-center {
	/*padding-top: 15px;*/
}
.main-footer-logo {
	padding-top: 15px;
    display: block;
}

.header {
	margin-left: 15px;
	margin-right: 15px;
}
.header > div {
	background-color: rgb(255, 255, 255);
}

.footer {
  	margin-top: 10px;    
	/*position: relative;
	height: 60px;
	clear: both;
	padding-top: 0px; 
    margin-left: 15px;
	margin-right: 15px;*/
}

.footer > div {
	background-color: rgb(255, 255, 255);
}
.footer-center {
	padding-top: 15px;
}
.footer-logo {
	padding-top: 15px;
    display: block;
}
/* Set padding to keep content from hitting the edges */
.body-content {
	padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 15px;
	margin-right: 15px;
} 

.page-content {
    min-width: 800px;  
    margin-left: auto;
    margin-right: auto; 
}


/* can user row-eq-height in bootstrap 4 */
.content-area {    
    display: table;       
    height: 100%;
    width: 100%;
    border-style: solid;
	border-width: 2px;
	border-spacing: 0;
	border-collapse: collapse;
}
.content-area .content-container {
    display: table-row;
    height: 100%;
}
.content-nav {
    display: table-cell;
    width: 20%;
    min-width: 180px !important;
    vertical-align: top;
    height: 100%;
}
.content-page {
    display: table-cell;
    /*width: 80%;*/
    vertical-align: top;
    text-align: left;   
    padding: 8px;
    height: 100%;
}

/*******************************************************************************************************/
/* LOGIN STYLES */
/*******************************************************************************************************/
.page-content.login {
    width: 1200px;
}
.content-area.login {
    border: none;
    /*border-width: 1px; 
    border-color: #cecece;*/
}
.login-header {
    border: none;
    /*border-style: solid;
    border-width: 1px;*/
    overflow: hidden;
    /*padding: 4px;*/
}
.btn-login {
  color: #ffffff;  
  background-color: #A5D3B8;
  border-color: #A5D3B8;
}
.btn-login:focus,
.btn-login.focus {
  color: #ffffff;
  background-color: #A5D3B8;
  border-color: #A5D3B8;
}
.btn-login:hover {
  color: #ffffff;
  background-color: #90B9A1;
  border-color: #90B9A1;
}
.btn-login:active,
.btn-login.active,
.open > .dropdown-toggle.btn-login {
  color: #ffffff;
  background-color: #90B9A1;
  border-color: #90B9A1;
}

/*******************************************************************************************************/
/* POPUP LAYOUT STYLES */
/*******************************************************************************************************/
.popup-header > div {
	background-color: rgb(255, 255, 255);
}
.popup-footer {
	margin-top: 10px;    
}
.popup-footer > div {
	background-color: rgb(255, 255, 255);
}
.popup-footer-center {
	padding-top: 15px;
}
.popup-body-content {
	
}

/*******************************************************************************************************/
/* SPLITTER LAYOUT STYLES */
/*******************************************************************************************************/
.split-body-content {
	padding-top: 10px;
    margin-left: 15px;
	margin-right: 15px;
}


.gs-background {
	background-color: rgb(255, 255, 255);
}




/*.panel-body {
	padding-left: 0;
	padding-right: 0;
}*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
	max-width: 380px;
}
#TBL_FORM input, #TBL_FORM select, #TBL_FORM textarea {
    max-width: 100%;
}
.fill-height {
	height: 100%;
}

/*******************************************************************************************************/
/* ICONS */
/*******************************************************************************************************/
/* http://fontawesome.io/cheatsheet/ Codes for font awesome icons*/
.plus-icon:after {
    content: "\f067";   /* fa-plus */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.minus-icon:after {
    content: "\f068";   /* fa-minus */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.plus-square-icon:after {
    content: "\f0fe";   /* fa-plus-square */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.minus-square-icon:after {
    content: "\f146";   /* fa-minus-square */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.remove-icon:after {
    content: "\f00d";   /* fa-remove */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.attachment-icon:after {
    content: "\f016";   /* fa-file-o */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.calendar-icon:after {
    content:"\f073";    /* fa-calendar */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.deliverable-icon:after {
    content:"\f0b1";    /* fa-briefcase */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.filelock-icon:after {
    content:"\f023";    /* fa-lock */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.milestone-icon:after {
    content:"\f04d";   /* fa-stop */
    font-family: 'FontAwesome';
    font-size: .75em;
    display: inline-block;      
    padding-left: 3px;
    vertical-align: middle;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.newflag-icon:after {
    content: "\f024";   /* fa-flag */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.note-icon:after {
    content:"\f24a";    /* fa-sticky-note-o */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.predecessor-icon:after {
    content:"\f0c1";    /* fa-link */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.predecessor-complete-icon:before {
    content:"\f00c";    /* fa-check */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}
.predecessor-incomplete-icon:before {
    content:"\f00c";    /* fa-check */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    opacity: 0.0
}
.printer-icon-centered:after {
    content:"\f02f";    /* fa-print */
    font-family: 'FontAwesome';
    display: block;
    padding-right: 3px;
    padding-left: 3px;
    vertical-align: middle;
}
.printer-icon-before:before {
    content:"\f02f";    /* fa-print */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}
.printer-icon:after {
    content:"\f02f";    /* fa-print */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.view-icon:after {
    content:"\f1e5";    /* fa-binoculars */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.email-icon:after {
    content: "\f0e0";   /* fa-envelope */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.angle-left-icon:after {
    content: "\f104";   /* fa-icon-angle-left */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.angle-right-icon:after {
    content: "\f105";   /* fa-icon-angle-right */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.double-left-icon:after {
    content: "\f100";   /* fa-icon-double-angle-left */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}
.double-right-icon:after {
    content: "\f101";   /* fa-icon-double-angle-right */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}

.bullet-icon:after {
    content: "\f111";   /* fa-circle */
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
    font-size: 0.4rem;
}

.book-icon:after {
    content: "\f02d";   
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}

.lock-icon:after {
    content: "\f023";   
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}

.table-icon:after {
    content: "\f0ce";   
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}

.db-edit-check-icon:after {
    content: "\f00c";
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
}



/*.spellcheck-icon:after {
    content:"\e045";    
    font-family: 'Glyphicons Halflings';
}*/

/* hourglass content: "\231b"; */
/* square content:"e074"; */
/* asterisk content:"\2a"; */
/* stop content:"\e074"; */
/* leaf content:"\e103"; */

/*******************************************************************************************************/
/* GENERAL STYLES */
/*******************************************************************************************************/

/* USED TO ALIGN TEXT RESPONSIVELY */
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}
/* MIN SIZE OF PAGE (instead of spaclear */
.pageMinWidth
{
    min-width: 800px !important;
}

/* LABELS FOR DASHBOARD */
.label-discussion {
    background-color: #842021;
}
.label-event {
    background-color: #945900;
}
.label-file {
    background-color: #BD9629;
}
.label-item {
    background-color: #107142;
}	
.label-page {
    background-color: #4A757B;
}
.label-database {
    background-color: #4A557B;
}
.label-task {
    background-color: #842052;
}	
.label-file-attachment {
    background-color: #000000;
}
.label-targetepq {
    background-color: #f4860f;
}
.label-targetepq-discussion {
    background-color: #8f4e07;
}
.label-targetepq-sample {
    background-color: #653808;
}

/* table-condensed-sm to make rows smaller in height and remove border */
.table-condensed-sm > thead > tr > th,
.table-condensed-sm > tbody > tr > th,
.table-condensed-sm > tfoot > tr > th,
.table-condensed-sm > thead > tr > td,
.table-condensed-sm > tbody > tr > td,
.table-condensed-sm > tfoot > tr > td {
  padding: 2px 5px;
  border-top: none;
}

/* active row */
.table-condensed-sm > tbody > tr.active > td {
    background-color: #FFE7A2;
}

.radio-sm {
    margin-top: 2px;
    margin-bottom: 2px;
}

tr.trDark {
    background-color: darkgrey;
}
tr.trMed {
    background-color: lightgray;
}

/* table-condensed-oa to make rows smaller in height and remove border for orgadmin */
.table-condensed-oa > thead > tr > th,
.table-condensed-oa > tbody > tr > th,
.table-condensed-oa > tfoot > tr > th,
.table-condensed-oa > thead > tr > td,
.table-condensed-oa > tbody > tr > td,
.table-condensed-oa > tfoot > tr > td {
  padding: 2px 5px;
  border-top: none;
  font-size: 86%;  
}
.table-condensed-oa > thead > tr > td,
.table-condensed-oa > tbody > tr > td,
.table-condensed-oa > tfoot > tr > td {
  white-space: nowrap;
}

/* org admin - selected site */
.table-condensed-oa > tbody > tr.active > td {
    background-color: #FFE7A2;
}

.extra-bottom-spacing {
    margin-bottom: 100px;
}


.table-borderless > thead > tr > th,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > tbody > tr > td,
.table-borderless > tfoot > tr > td {
    padding: 2px 5px;
    border-top: none;
 
}


/*******************************************************************************************************/
/* BOOTSTRAP OVERRIDE STYLES */
/*******************************************************************************************************/
/* OVERRIDE bootstrap setting of underline for table links */
table a:not(.btn),
.table a:not(.btn) {
  text-decoration: none;
}

/* active row */
.table > tbody > tr.active > td {
    background-color: #FFE7A2;
}



/* OVERRIDE BTN-DEFAULT colors */
.btn-default {
    color: #373a3c;
    background-color: #f5f5f5;
    border-color: #dddddd;
}
.btn-default:focus,
.btn-default.focus {
    color: #373a3c;
    background-color: #f5f5f5;
    border-color: #bbbbbb;
}
.btn-default:hover {
    color: #ffffff;
    background-color: #bbbbbb;
    border-color: #bbbbbb;    
}

a.btn-default:hover {
    text-decoration: none;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #000000;
  background-color: #bbbbbb;
  border-color: #bbbbbb;
}

.help-inline {
  display: inline;
  color: #737373;
}

.form-sm div.form-group  {
    margin-bottom: 0px;
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 26px;
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 5px;
}

legend {    
    margin-bottom: 10.5px;
    border-bottom: 0;
}

/* used on /dbtable/copyRecord and /dbtable/copyRecords to highlight hidden items */
tr.hiddenRecord {
  background-color: #A4A2BD !important;
}

.panel-sm > .panel-heading {
    padding-top: 5px;
    padding-bottom: 5px;
}
.panel-sm > .panel-body {
    padding-top: 5px;
    padding-bottom: 5px;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'FontAwesome';  
    content: "\f107";    /* side arrow */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f105";    /* down arrow */
}

blockquote {
    border-left: 0px;
}
.content-page hr {
    margin-top: .5em;
    margin-bottom: .5em;
    border-top: 1px solid #bbbbbb;
}
.nav1sel hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top-color: inherit;
}

.nav1 hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top-color: inherit;
}

/* Bootstrap 4 tag borrowing for use in 3.3 */
.font-weight-bold {
    font-weight: 700!important;
}

/* DISCUSSION PAGE NESTED COMMENTS */
ul.comments-nested {
    padding-left: 0px;    
}

ul.comments-nested li {
    list-style: none;    
}
ul.comments-nested li>ul>li {
    margin-left: 3em;    
}
div.comment {
    border: 1px solid #ccc;
    padding: 1em;
    margin-bottom: 1em;
}
ul.comments-nested li ul {
    border-left: 1px solid #ccc;
    position: relative;    
    padding-left: 0px;
}
ul.comments-nested li ul::before {
    content: '';
    border-bottom: 1px solid #ccc;
    position: absolute;
    width: 2em;
    top: 2em;
}

.panel-title-custom > a {
    color: #2780e3;
}

h4.standard {
    font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;    
    font-size: 19px;
    color: inherit;
}
.form-group.required .control-label:after {
  content:" *";
  color:red;
}

/*******************************************************************************************************/
/* CALENDAR STYLES */
/*******************************************************************************************************/


.calendar {
    width: 100%;    
}
.calendar a {
    /*color: #8e352e;*/
    text-decoration: none;
}
.calendar div.weekdays {
    height: 40px;
    background-color: #494d50;
    width: 100%;
    display: table;
}
.calendar div.weekdays div.day {
    display: table-cell;
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
    border: none !important;
    padding: 10px 5px;
    color: #fff;
    font-size: 13px;
    width:14.285%;
}
.calendar div.monthdays {
    min-height: 150px;
    height: 1px;
    width: 100%;
    display: table;
}
.calendar div.monthdays div.day {
    display: table-cell;
    width:14.285%;
    padding: 5px;
    border: 1px solid #ccc;
    border-collapse: collapse; 
    background-color: #ffffff; 
}
.calendar div.monthdays div.day {
    border-right: 0;
}
.calendar div.monthdays div.day:last-child {
    border-right: 1px solid #ccc;
}
.calendar div.monthdays div.day {
    border-bottom: 0;
}
.calendar div.monthdays:last-child div.day {
    border-bottom: 1px solid #ccc;
}
.calendar div.monthdays div.other-month {
    background: #ebebeb;
}
.calendar div.monthdays div.day:hover {
    background: #d3d3d3;
}


/*.calendar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}*/
/*.calendar li {
    display: block;
    float: left;
    width:14.285%;
    padding: 5px;
    box-sizing:border-box;
    border: 1px solid #ccc;
    border-collapse: collapse; 
    
} */
/*.calendar li {
    border-right: 0;
}
.calendar li:last-child {
    border-right: 1px solid #ccc;
}*/

/*.calendar ul.weekdays {
    height: 40px;
    background-color: #494d50;
}

.calendar ul.weekdays li {
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
    border: none !important;
    padding: 10px 5px;
    color: #fff;
    font-size: 13px;
}*/

/*.calendar ul.days li {
    border-bottom: 0;
}
.calendar ul.days:last-child li {
    border-bottom: 1px solid #ccc;
}*/
/*.calendar ul.days li {
    min-height: 150px;
    background-color: #ffffff;       
}*/
/*.calendar ul.days li.other-month {
    background: #ebebeb;
}
.calendar ul.days li:hover {
    background: #d3d3d3;
}*/

.calendar .month-header {
    background-color: #ccc;
    padding-top: 3px;
    padding-bottom: 3px;
}
.calendar .date {
    /*text-align: center;*/
    width: 100%;
    text-align: right;
    margin-bottom: 5px;
    padding: 4px;
    /*background: #333;*/
    color: #000;
    /*width: 20px;*/
    /*border-radius: 50%;*/
    /*float: right;*/
}
/*.calendar ul.days li.other-month .date {
    color: #7f7f7f;
}*/
.calendar div.monthdays div.other-month .date {
    color: #7f7f7f;
}

.calendar .event {
    /*clear: both;*/
    display: block;
    font-size: 13px;
    border-radius: 4px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 14px;
    background: #e4f2f2;
    border: 1px solid #b5dbdc;
    color: #009aaf;
    text-decoration: none;
}

.calendar .event-desc {
    color: #666;
    margin: 3px 0 7px 0;
    text-decoration: none;  
}








/* ============================
                Mobile Responsiveness
   ============================*/


/*@media(max-width: 768px) {

    .calendar .weekdays, .calendar .other-month {
        display: none;
    }

    .calendar li {
        height: auto !important;
        border: 1px solid #ededed;
        width: 100%;
        padding: 10px;
        margin-bottom: -1px;
    }

    .calendar .date {
        float: none;
    }
}*/


/*.gsLinks {
    border-bottom: solid 1px #DFDFDF;
    margin-top: 5px;
    margin-bottom: 5px;
}*/

.gsLinks {
    /*border-bottom: 0;*/
    /*background-color: #f3f3f3; */
    /*border-top: 1px solid #dee2e6;*/
    /*background-color: #f3f3f3;*/
    /*border-bottom: 1px solid #dee2e6;  */  
    padding-left: 1rem;
    padding-top: .5rem;
    margin-bottom: 1.5rem;
}
    .gsLinks .nav-item {
        /*border-right: solid 1px #DFDFDF;     */
        /*margin-bottom: 0px;  */   
        /*margin-left: .5rem;*/
        margin-right: .5rem;
    }
    /*.gsLinks .nav-item:not(:last-child) {
        border-right: 1px solid #dee2e6;        
    }*/
    .gsLinks .nav-item .nav-link {
        padding-left: 20px;
        padding-right: 20px;
        /*border: solid 1px #DFDFDF;*/
        /*border-bottom: solid 1px #DFDFDF;*/
        /*border-right: solid 1px #DFDFDF;
        border-left: solid 1px #DFDFDF;
        border-top: solid 1px #DFDFDF;
        border-bottom: solid 1px #DFDFDF;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;*/
        border-bottom: solid 1px #DFDFDF;
        color: #2780E3;
        font-weight: 400;
        /*background-color: #f3f3f3;*/
        font-size: .9375rem;
        line-height: 1.2;                
        /*border: 0;   */     
        /*font-size: 12pt;*/
    }
        .gsLinks .nav-item .nav-link:hover, .gsLinks .nav-item .nav-link:focus {
            /*background-color: #E6E6E6;*/
            /*background-color: #A0A0A0;*/
            background-color: #f3f3f3;
            /*color: #ffffff;*/
            border-right: solid 1px #DFDFDF;
            border-left: solid 1px #DFDFDF;
            border-top: solid 1px #DFDFDF;
            border-top-left-radius: .25rem;
            border-top-right-radius: .25rem;
            /*background-color: #f3f3f3;  */
            /*color: #2780e3;*/
            /*color: #484848;*/
        }

        .gsLinks .nav-item .nav-link.active {
            background-color: #ffffff;
            color: #484848;
            border-bottom: solid 1px #ffffff;
            font-weight: 600;
            border-right: solid 1px #DFDFDF;
            border-left: solid 1px #DFDFDF;
            border-top: solid 1px #DFDFDF;
            /*border-bottom: solid 1px #DFDFDF;*/
            border-top-left-radius: .25rem;
            border-top-right-radius: .25rem;
            /*border-bottom: 0;*/
            /*font-weight: bold;*/
            /*border-top:0;
        border-left:0;
        border-right: 0;*/
            /*border-bottom: solid 3px #90B9A1;*/
        }
        .gsLinks .nav-item .nav-link.active:hover, .gsLinks .nav-item .nav-link.active:focus {
            background-color: white;
            color: #484848;
        }

.divActions {
    margin-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    /*border-bottom: solid 1px #DFDFDF;*/
}
    .divActions a:hover {
        text-decoration: none;
    }
.divActions a.link-action {
    font-size: .875em;
}
    .divActions a.link-action:hover {
        color: #2780e3;
        text-decoration: underline;
    }

.form-switch .form-check-input {
    border-radius: 2em;
}
.btn-action {
    color: #484848;
    background-color: #ffffff;
    border-color: #cccccc;
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition-property: box-shadow, background-color;
    -moz-transition-property: box-shadow, background-color;
    -o-transition-property: box-shadow, background-color;
    transition-property: box-shadow, background-color;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-tap-highlight-color: transparent;
}

    .btn-action:focus,
    .btn-action.focus {
        color: #484848;
        background-color: #ffffff;
        border-color: #cccccc;
    }

    .btn-action:hover {
        color: #ffffff;
        background-color: #A0A0A0;
        border-color: #cccccc;
        -moz-box-shadow: 0px 5px 6px rgba(0,0,0,0.2);
        box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.2);
    }

    .btn-action:active,
    .btn-action.active,
    .open > .dropdown-toggle.btn-action {
        color: #ffffff;
        background-color: #A0A0A0;
        border-color: #cccccc;
    }


/*label.dxeCaption_MaterialGroveSite {
    min-width: 50px;
}*/



/* With arrow tabs */

.with-arrow .nav-link.active {
    position: relative;
}

    .with-arrow .nav-link.active::after {
        content: '';
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #2780e3;
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        display: block;
    }

.divLinks .nav-pills .nav-link {
    color: #555;
}
.divLinks .lockHeaders {
    border-bottom: 1px solid #dee2e6;
}
/* lined tabs */
.lined .nav-link {
    border: none;
    border-bottom: 3px solid transparent;
}

    .lined .nav-link:hover {
        border: none;
        border-bottom: 3px solid #dee2e6;
        /*border-bottom: 3px solid transparent;*/
    }

    .lined .nav-link.active {
        background: none;
        /*color: #555;*/
        color: #2780e3;
        border-color: #2780e3;
    }



.nav-uppercase {
    text-transform: uppercase;
    /*letter-spacing: 0.1em;*/
}