@import url('/webfiles/css/web-frames.css');
@import url('/webfiles/css/web-colors-2.0.css');
@import url('/webfiles/css/web-navigation-2.0.css');
@import url('/webfiles/css/web-footer.css');
@import url('/webfiles/css/ndmc-bootstrap-ext.css');

/* title bar styles */

#title-bar {color: white;background-color: var(--webtool-gray-600);}

/* navigation styles */

#navmenu > li > a {color: var(--navbar-link-color);}

#navigationbar {box-shadow: 0 3px 7px 1px var(--webtool-gray-600)}

/* maint content styles */

a{text-decoration:var(--body-link-decoration);font-weight:var(--body-link-weight);}

#title-txt a{font-weight:var(--title-font-weight)!important;}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: var(--heading-font-weight)!important;}

b, strong{font-weight:var(--bold-font-weight)!important;}

/* icons */
.icon-32{height:32px;}
.icon-28{height:28px;}
.icon-24{height:24px;}
.icon-20{height:20px;}
.icon-16{height:16px;}

svg.icon-32{height:32px;width:36px;}
svg.icon-28{height:28px;width:31.5px;}
svg.icon-24{height:24px;width:27px;}

.fa{margin-right: var(--font-awesome-margin-right);}

.legend-list{padding-left:0!important;}
.legend-list li{list-style:var(--legend-list-style);}
.legend-list li span{border: var(--legend-list-border);width: var(--legend-list-width);height: var(--legend-list-height);margin-right: var(--legend-list-margin-right);margin-bottom: var(--legend-list-margin-bottom);display: var(--legend-list-display);}

ul.horiz-legend li span {
    border: 1px solid #ccc;
    width: 24px!important;
    height: 20px!important;
    margin-right: 5px;
    margin-bottom: -5px;
    display: inline-block;
}

ul.horiz-legend li {
    display: inline;
    list-style: none;
    margin-right: 15px;
}

@media(max-width:520px){
    ul.horiz-legend li {
        display: block;
    }
}

.large-font{font-size:1.5rem;}

.h1.normal-weight, .h2.normal-weight, .h3.normal-weight, .h4.normal-weight, .h5.normal-weight, .h6.normal-weight{font-weight:normal!important;}

.max-width-50{max-width:50px!important;}
.max-width-75{max-width:75px!important;}
.max-width-100{max-width:100px!important;}
.max-width-125{max-width:125px!important;}
.max-width-150{max-width:150px!important;}
.max-width-175{max-width:125px!important;}
.max-width-200{max-width:200px!important;}
.max-width-250{max-width:250px!important;}
.max-width-300{max-width:300px!important;}
.max-width-350{max-width:350px!important;}
.max-width-400{max-width:400px!important;}
.max-width-450{max-width:450px!important;}
.max-width-500{max-width:500px!important;}

.min-width-50{min-width:50px!important;}
.min-width-75{min-width:75px!important;}
.min-width-100{min-width:100px!important;}
.min-width-125{min-width:125px!important;}
.min-width-150{min-width:150px!important;}
.min-width-175{min-width:125px!important;}
.min-width-200{min-width:200px!important;}
.min-width-250{min-width:250px!important;}
.min-width-300{min-width:300px!important;}
.min-width-350{min-width:350px!important;}
.min-width-400{min-width:400px!important;}
.min-width-450{min-width:450px!important;}
.min-width-500{min-width:500px!important;}

/* row content area margins */
/*#page-title-inner{max-width: 100%; margin-left: calc(50% - 512px); margin-right: calc(50% - 512px);clear: both;padding: 10px 0;}
#page-title-inner.xxl{max-width: 100%; margin-left: calc(50% - 700px); margin-right: calc(50% - 700px);clear: both;padding: 10px 0;}
#page-title-inner.xl{max-width: 100%; margin-left: calc(50% - 600px); margin-right: calc(50% - 600px);clear: both;padding: 10px 0;}
#page-title-inner.lg{max-width: 100%; margin-left: calc(50% - 496px); margin-right: calc(50% - 496px);clear: both;padding: 10px 0;}
#page-title-inner.md{max-width: 100%; margin-left: calc(50% - 384px); margin-right: calc(50% - 384px);clear: both;padding: 10px 0;}
#page-title-inner.sm{max-width: 100%; margin-left: calc(50% - 288px); margin-right: calc(50% - 288px);clear: both;padding: 10px 0;}

/*@media only screen and (max-width: 1024px) {
    #page-title-inner, .row {margin-left: 10px;margin-right: 10px;}
}

@media only screen and (max-width: 1400px) {
    #page-title-inner.xxl, .row.xxl{margin-left: 10px;margin-right: 10px;}
}

@media only screen and (max-width: 1200px) {
    #page-title-inner.xl, .row.xl{margin-left: 10px;margin-right: 10px;}
}

@media only screen and (max-width: 992px) {
    #page-title-inner.lg, .row.lg{margin-left: 10px;margin-right: 10px;}
}

@media only screen and (max-width: 768px) {
    #page-title-inner.md, .row.md{margin-left: 10px;margin-right: 10px;}
}

@media only screen and (max-width: 576px) {
    #page-title-inner.sm, .row.sm{margin-left: 10px;margin-right: 10px;}
}*/