/* Minification failed. Returning unminified contents.
(351,12): run-time error CSS1031: Expected selector, found '!'
(351,12): run-time error CSS1025: Expected comma or open brace, found '!'
 */
/*
++++PALETTE ONE
-ks         #00447C [ks-blue]
-primary    #1C84C6 [blue]
-info       #23C6C8 [teal]
-success    #1AB394 [green]
-warning    #F8AC59 [orange]
-danger     #ED5565 [red]
-default    #D1DADE [gray]
-inverse    #2D353C [black]

-custom1    #727CB6 [purple]
-custom.d   #444A6D

-gray.d     #1A2229
.gray.l     #2D353C

background  #D9E0E7 [gray]

*/

@import url("//fonts.googleapis.com/css?family=Roboto:300,400,700");

html, body, form {
	margin:0;
	padding:0;
	height:100%;
	position:relative;
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

a, a:active, a:hover, a:focus {
    color:#1C84C6;
}

hr {
    border-color:#DDDDDD;
}

select, select > option {
    color:Black;
}

b {
    font-weight:700;
}

.checkbox label {
    display:block;
    margin-left:5px;
}


/* KS LOGO-BANNER [RULE: do not re-size]
---------------------------------------------------------------------------------------------------------------*/
.kslogo-container {
    position:absolute;
    width:264px;
    height:167px;
    top:0px;
    padding-top:10px;
    background:url('images/icon_ksbanner.png') no-repeat center top transparent;
}
@media (max-width:767px) {
.kslogo-container { left:0; right:0; margin:0 auto; }
}
@media (min-width:768px) {
.kslogo-container { left:0; right:0; margin:0 auto; }
}
@media (min-width:992px) {
.kslogo-container { left:0; right:0; margin:0 auto; }
}
@media (min-width:1200px) {
.kslogo-container { left:0; right:0; margin:0 auto; }
}


/* WELCOME PAGE STYLE
---------------------------------------------------------------------------------------------------------------*/
.welcome-container {
    background:url('images/bkg_default.jpg') no-repeat center center transparent; 
    background-size:cover;
    box-shadow:inset 0px 21px 8px 0px rgba(0, 0, 0, .7), inset 0px -11px 8px -10px rgba(0, 0, 0, .7);
}
.welcome-dotfilter {
    background-image:url('images/bkg_dot.gif');
}
.welcome-body {
    margin:0 auto; 
    width:80%; 
    text-align:center;
    padding: 120px 0 30px;
}
.welcome-header {
    margin-top: 20px;
    margin-bottom: 30px;
}
.welcome-header h1, welcome-header h2 {
    font-weight: 700;
    color: #fff;
    line-height: 1em;
}
@media (max-width:767px) {
.welcome-header h1 { font-size:400%; }
.welcome-header h2 { font-size:220%; }
}
@media (min-width:768px) {
.welcome-header h1 { font-size:500%; }
.welcome-header h2 { font-size:270%; }
}
@media (min-width:992px) {
.welcome-header h1 { font-size:600%; }
.welcome-header h2 { font-size:320%; }
}
@media (min-width:1200px) {
.welcome-header h1 { font-size:600%; }
.welcome-header h2 { font-size:320%; }
}
.welcome-content {
    padding: 20px 10px;
    position: relative;
    color: #eee;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* MASTER PAGE STYLE
---------------------------------------------------------------------------------------------------------------*/
#master-container {
    min-height:100%;
}
#master-content {
    overflow:auto;
    margin:0 auto 10px; 
    padding-bottom:60px; /* must be same height as footer */
}
#master-content-static-top {
    margin-top:-20px;
    padding:0 0 20px;
}
#master-content-fixed-top {
    margin-top:77px;
    padding:0 0 20px;
}
#master-footer {
    position:relative;
    margin-top:-60px; /* negative of height */
    padding-top:10px;
    padding-bottom:10px;
    width:100%;
    height:60px;
    text-align:center;
    clear:both;
    background-color:#222;
    color:#fff;
}
#master-footer a {
    color:#fff;
}


/* PAGES
---------------------------------------------------------------------------------------------------------------*/
.container {
    /* min-height:50px; */ /* this affects notice alerts from animating correctly */
}
@media (max-width:991px) {
.container.logo { padding-top:80px; }
}
@media (min-width:992px) {
.container.logo { padding-top:50px; }
}

/* BS.MOD: Customized page header. */
.page-header {
    background:url('images/bkg_leaf.png') no-repeat 0px 10px transparent;
    background-size:cover;
    padding:9px 9px 0;
    margin:40px 0 20px;
    border-bottom: 1px solid #eee;
}
/* BS.ADD: */
.page-filter {
    margin-bottom:10px;
    padding:7px 15px;
    background-color:#666666;
    font-size:16px;
    color:#FFFFFF;
    text-shadow:0px 1px 0px #222;
    filter:dropshadow(color=#222, offx=0, offy=1);
}


/* PANEL STYLES
---------------------------------------------------------------------------------------------------------------*/
/* BS.MOD: Customized panel styling to suit original design. */
.panel {
    margin-top: 0px;
    margin-bottom: 15px;
    background-color: #fff;
    /*border: solid 0px transparent;
    border-bottom: solid 3px #ddd;*/
    border-bottom: solid 1px rgba(0,0,0,0.2);
    border-top-width: .0625rem;
    border-bottom-width: 0.2625rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*-webkit-box-shadow: 0 5px 5px -5px #999;
       -moz-box-shadow: 0 5px 5px -5px #999;
            box-shadow: 0 5px 5px -5px #999;*/
}
.panel-header {
    position: relative;
    padding: 15px 18px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #ffffff;
    z-index: 500;
    border-bottom: solid 1px rgba(255,255,255,0.5);
    border-bottom-width: 0.2825rem;
}
    .panel-header > .panel-title {
        margin: 0;
        font-weight: bold;
    }
    .panel-header > .panel-subtitle {
        margin:5px 0 0;
        padding:0;
        color: #eee;
    }
    .panel-header > .panel-links {
        position: absolute;
        top: 15px;
        right: 15px;
        list-style: none;
        display:flex;
    }
        .panel-links li { 
            margin-left:12px;
        }
        .panel-links a { 
            color: #fff; 
        }
.panel-notes {
    padding: 7px 15px;
    background-color: #f8f9fa;
    color: #333333;
    border-bottom: solid 3px #dedede;
}
    .panel-notes:before {
        padding-right: 10px;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "\f05a";
        color: #fb8c00;
    }
    
.panel-tabs {
    margin-top: 15px;
    margin-bottom: 0;
    padding-top: 12px;
    border-top: dashed 1px #ddd;
    color: #ffffff;
}

    .panel-tabs a {
        color: #ffffff;
    }

.panel-body {
    background-color: #f5f5f5;
    padding: 20px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
    .panel-body .panel-body-notes {
        margin-bottom: 15px;
        padding: 3px 12px;
        background-color: #FFFFFF;
        font-size: 100%;
        color: #1C84C6;
        font-weight:300;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
        .panel-body .panel-body-notes:before {
            padding-right:10px;
            font-family:"Font Awesome 5 Free";
            font-weight:900;
            content: "\f05a";
            color: #17a2b8;
        }
    /* BS.ADD: Style for a title in the middle of the body. */
    .panel-body .panel-body-title {
        margin: 20px -35px 20px;
        padding: 5px 28px;
        width: auto;
        background-color: #e5e5e5;
        font-weight: bold;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: solid 1px rgba(0,0,0,0.2);
        border-top-width: .0625rem;
        border-bottom-width: 0.2625rem;
    }
    /* BS.ADD: Style for a title in the middle of the body. */
    .panel-body .panel-body-subtitle {
        display: table;
        margin-top: -25px;
        margin-bottom: 10px;
        padding: 0 10px 5px 10px;
        background-color: #e5e5e5;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: solid 1px rgba(0,0,0,0.2);
        
        border-top-width: 0rem;
        border-bottom-width: 0.2625rem;
    }

.panel-body-divider {
    margin: 20px 0;
    border-top: solid 1px #cccccc;
}

.panel-footer {
    background-color: #e5e5e5;
    border-top: 1px solid #c5c5c5;
    padding: 5px 25px;
}
/* BS.MOD: By default panels have round corners. This solidify corners based on header. */
.panel-header + .panel-body, .panel-notes + .panel-body, .panel-filter + .panel-body, .tab-pane > .panel-body {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}
/* BS.MOD: By default panels have round corners. This solidify corners based on footer. (CS4 ONLY:DOESNT WORK YET) */
.panel-body! + .panel-footer {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}

/* BS.ADD: For confirm pages that contains an icon. */
.panel-body > .icon {
    float: left;
    margin: 10px 15px 0 0;
}

.panel-body > .content {
    float: left;
    margin-top: 10px;
    width: 85%;
}


/* CARD STYLES
---------------------------------------------------------------------------------------------------------------*/
/* BS.MOD: Add drop-shadow. */
.card {
    border: solid 1px rgba(0,0,0,0.2);
    border-bottom-width: 0.2625rem;
}


/* MODAL STYLES
---------------------------------------------------------------------------------------------------------------*/
@media (max-width: 991px) {
  .modal-xl {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-xl {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1170px;
  }
}


/* NAV STYLES
---------------------------------------------------------------------------------------------------------------*/
/* BS.MOD: Shorten height of header bar. */
.navbar {
    min-height:50px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
       -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    border-bottom: solid 1px #e8e8e8;
}
/* BS.MOD: Modified header bar style. */
.navbar-brand {
    font-weight: bold;
    color: #777777 !important;
}


/* NAV-TABS STYLES
---------------------------------------------------------------------------------------------------------------*/
/* MOD:Tabs background to match section_content background color */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color:#f5f5f5;
    font-weight:bold;
}
.nav-tabs a {
    padding:10px 10px;
    text-align:center;
}
.nav-tabs a span {
    display:block; 
    padding-top:5px; 
}
@media (max-width:767px) {
.nav-tabs a { width:150px; min-height:145px; }
}
@media (min-width:768px) {
.nav-tabs a { width:150px; min-height:145px; }
}
@media (min-width:992px) {
.nav-tabs a { width:200px; min-height:145px; }
}
@media (min-width:1200px) {
.nav-tabs a { width:250px; min-height:50px; }
}


/* NAV-PILLS STYLES
---------------------------------------------------------------------------------------------------------------*/
/* BS.MOD: SUPP. TO PANEL-TAB */
.nav-pills .nav-link {
    color: #cdcdcd;
}
    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        background-color: #9c27b0;
    }
.nav-pills > li > a {
    line-height: 24px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    min-width: 100px;
    text-align: center;
    color: #555555;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    padding: 5px 20px 5px;
    transition: all .3s;
}
    .nav-pills > li > a:focus,
    .nav-pills > li > a:hover {
        background-color: #eeeeee;
        background-color: rgba(255,255,255,0.25);
    }
    .nav-pills > li > a.active,
    .nav-pills > li > a.active:focus,
    .nav-pills > li > a.active:hover {
        background-color: #9c27b0;
        color: #ffffff;
        box-shadow: 0 16px 26px -10px rgba(156, 39, 176, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
    }
.nav-pills-lg > li > a {
    padding: 20px 10px 10px;
}
    .nav-pills-lg > li > a > p {
        margin-bottom: 10px;
    }

/* BREADCRUMB
---------------------------------------------------------------------------------------------------------------*/
.breadcrumb-steps.nav-pills {
    margin-bottom: 15px;
}
    .breadcrumb-steps.nav-pills > li {
        margin: 12px 0;
        padding: 10px 30px;
        width: 33.3333%;
        background-color: #dedbde;
        color: #ffffff;
        font-size: 100%;
        text-align: center;
    }
        .breadcrumb-steps.nav-pills > li > small {
            font-weight: 700;
            margin-right: 5px;
        }
        .breadcrumb-steps.nav-pills > li.active {
            background-color: #00acc1;
            background: linear-gradient(60deg, #26c6da, #00acc1);
            margin: 8px 0;
            padding: 12px;
            border: solid 1px rgba(0,0,0,0.2);
            border-bottom-width: 0.2625rem;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            /*-webkit-box-shadow: 0 5px 15px -5px rgba(0,0,0,1);
            -moz-box-shadow: 0 5px 15px -5px rgba(0,0,0,1);
            box-shadow: 0 5px 15px -5px rgba(0,0,0,1);*/
        }
    .breadcrumb-steps.nav-pills.nav-pills-2 > li {
        width: 50%;
    }
    .breadcrumb-steps.nav-pills.nav-pills-3 > li {
        width: 33.3333%;
    }
    .breadcrumb-steps.nav-pills.nav-pills-4 > li {
        width: 25%;
    }
    .breadcrumb-steps.nav-pills.nav-pills-5 > li {
        width: 20%;
    }


/* MENU
---------------------------------------------------------------------------------------------------------------*/
.menu_container {
    position: fixed;
    top:55px;
    left:0;
    right:0;
    z-index: 999;
}
    .menu_container ul {
        background-color: #f5f5f5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        border: solid 1px rgba(0,0,0,0.2);
        border-bottom-width: 0.1625rem;
       
    }
.menu_container .nav-link {
   color: #555555;
   margin-top:5px;
   padding-top:1px;
}
    .menu_container .nav-link.active {
        margin-top:0px;
        padding-top:1px;
        border: solid 1px rgba(0,0,0,0.2);
        border-bottom-width: 0.2325rem;
    }
    .menu_container .nav-link.disabled {
        color: #BBBBBB;
    }

/* BUTTON STYLES
---------------------------------------------------------------------------------------------------------------*/
/* BS.MOD: Add more horizontal pading to buttons. */
.btn {
    /*display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;*/
    padding: 0.375rem 1rem;
    /*font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
    border: solid 1px rgba(0,0,0,0.2);
    border-bottom-width: 0.2625rem;
}
    .btn:hover {
        border: solid 1px rgba(0,0,0,0.2);
        border-bottom-width: 0.2625rem;
    }

/* BS.MOD: Add more horizontal padding to lg buttons. */
.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1.25rem;
    /*font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;*/
}
/* BS.MOD: Add more horizontal padding to sm buttons. */
.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.875rem;
    /*font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;*/
}
/* BS.ADD: Add an xs size button. */
.btn-xs, btn-group-xs > .btn {
    padding: 0.2rem 0.7rem;
    font-size: 0.7rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
/* BS.MOD: Adjust padding for Split-Dropdown buttons */
.btn-group > .btn {
    padding-right: 0.75rem;
}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.btn-group > .btn-lg:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn-lg {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.btn-group > .btn-sm:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn-sm {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.btn-group > .btn-xs:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn-xs {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.btn-link {
    border: none !important;
    }
    .btn-link.cancel, .btn-link.cancel:active {
        color: #999;
        border-left: solid 1px #BBBBBB !important;
        margin-left: 25px;
        padding-left: 25px;
        text-decoration: none;
        border-radius: 0;
    }
        .btn-link.cancel:hover {
            color: #000000;
            text-decoration: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            transition: all 0.3s ease;
        }

/* BS.MOD: Fixes RBL.FLOW margin styling. */
.btn-group-toggle label { margin-bottom:0; }


/* FORM CONTROL STYLES : LABEL TEXTBOX DROPDOWNLIST 
---------------------------------------------------------------------------------------------------------------*/
/* BS.ADD: Label styling. */
.control-label {
    font-weight:bold;
}
/* BS.MOD: Increase label sizes for tablet devices and lower. */
@media (max-width:991px) {
    .control-label {
        font-size: 18px;
    }
    .form-horizontal .control-label {
        padding-top: 10px;
    }
}

/* BS.ADD: Required fields auto-add red asterisk. */
.control-label.required:after {
    color: #e53935;
    content: "*";
}

/* BS.ADD: Style for field validators. */
.form-validator {
    display:block;
    color: #dc3545;
    font-weight:bold;
}
.row .form-group .form-validator {
    padding-top:5px;
    font-size:80%;
}
.row.form-group .form-validator {
    padding-top:8px;
    font-size: 85%;
}






/* CHECKBOX STYLES
---------------------------------------------------------------------------------------------------------------*/
.cb-toggle {
    vertical-align:middle;
}
.cb-toggle label {
    cursor: pointer;
    color: rgba(0,0,0, 0.26);
}
.cb-toggle label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
}
/*input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px;
    line-height: normal;
}*/
.cb-toggle label input[type=checkbox]:checked + .toggle {
    background-color: rgba(156, 39, 176, 0.7);
}
.cb-toggle label .toggle, .cb-toggle label input[type=checkbox][disabled] + .toggle {
    content: "";
    display: inline-block;
    width: 30px;
    height: 15px;
    background-color: rgba(80, 80, 80, 0.7);
    border-radius: 15px;
    margin-right: 15px;
    transition: background 0.3s ease;
    vertical-align: middle;
}
.cb-toggle label .toggle {
    text-align: left;
    margin-left: 5px;
}
.cb-toggle label input[type=checkbox]:checked + .toggle:after {
    border-color: #9c27b0;
}
.cb-toggle label input[type=checkbox]:checked + .toggle:after {
    left: 15px;
}
.cb-toggle label .toggle:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #FFFFFF;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    left: -5px;
    top: -3px;
    border: 1px solid rgba(0,0,0, .54);
    transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}
.custom-checkbox > .custom-control-label::after {
    border:solid 1px #bbbbbb;
    border-radius:4px;
}
.custom-radio > .custom-control-label::after {
    border:solid 1px #bbbbbb;
    border-radius:12px;
}

/* ALERTS & NOTICE
---------------------------------------------------------------------------------------------------------------*/
.alert {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    border-style:solid;
    border-width:3px;
}
.alert-nostyle {
    border-style:none;
    border-width:0px;
    border-color:transparent;
}

.notice-container, .notice-container-header {
    position:fixed;
    left:0;
    right:0;
    margin:0 auto;
}
.notice-container {
    top: 0px !important;
    z-index:1500 !important;
}
.notice-container-header {
    top:56px !important;
    z-index:1020 !important;
}
    .notice-container > .notice {
        padding:12px 15px 10px;
    }
    .notice-container-header > .notice {
        padding:15px 15px 10px;
    }
.notice {
    margin:0 auto 10px;
    width:auto;
    text-align:left;
    font-weight:bold;
    font-size:100%;
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.215);
	   -moz-box-shadow:0 1px 4px rgba(0,0,0,0.215);
            box-shadow:0 1px 4px rgba(0,0,0,0.215);
}

.notice-primary { background-color:#1C84C6; background:linear-gradient(60deg, #3d90c5, #1C84C6); color:#ffffff; }
.notice-secondary { background-color:#6c757d; background:linear-gradient(60deg, #7c7c7c, #6c757d); color:#ffffff; }
.notice-success { background-color:#43a047; background:linear-gradient(60deg, #66bb6a, #43a047); color:#ffffff; }
.notice-danger { background-color:#e53935; background:linear-gradient(60deg, #ef5350, #e53935); color:#FFFFFF; }
.notice-warning { background-color:#fb8c00; background:linear-gradient(60deg, #ffa726, #fb8c00); color:#FFFFFF; }
.notice-info { background-color:#00acc1; background:linear-gradient(60deg, #26c6da, #00acc1); color:#ffffff; }


/* TABLE STYLES
---------------------------------------------------------------------------------------------------------------*/
.table-summary th {
    text-align: center;
    font-size: 125%;
    color: #fff;
    padding: 10px 10px;
}
.table-summary td {
    width: 50%;
}

.table-summary .section-title {
    background-color: #007bff;
    
}

.table-summary .group-title {
    border-bottom: solid 2px #666;
    text-align: center;
    font-weight: bold;
    background-color: #ccc !important;
}

.table-summary .subgroup-title {
    border-bottom: solid 1px #000;
    text-align: center;
    font-weight: bold;
    background-color: #FCF2B8 !important;
}

.table-summary .subgroup-item {
    border-bottom: solid 1px #999;
    text-align: center;
    font-weight: bold;
    background-color: #fcf8e3 !important;
}


/* MARGINS & PADDINGS 
---------------------------------------------------------------------------------------------------------------*/ 
.mt-0  {margin-top:0;}
.mt-5  {margin-top:5px !important;}
.mt-10 {margin-top:10px;}
.mt-15 {margin-top:15px;}
.mt-20 {margin-top:20px;}
.mt-25 {margin-top:25px;}
.mt-30 {margin-top:30px;}
.mt-40 {margin-top:40px;}
.mt-50 {margin-top:50px;}
.mr-0  {margin-right:0;}
.mr-5  {margin-right:5px !important;}
.mr-10 {margin-right:10px;}
.mr-15 {margin-right:15px;}
.mr-20 {margin-right:20px;}
.mr-25 {margin-right:25px;}
.mr-30 {margin-right:30px;}
.mr-40 {margin-right:40px;}
.mr-50 {margin-right:50px;}
.mb-0  {margin-bottom:0;}
.mb-5  {margin-bottom:5px !important;}
.mb-10 {margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-20 {margin-bottom:20px;}
.mb-25 {margin-bottom:25px;}
.mb-30 {margin-bottom:30px;}
.mb-40 {margin-bottom:40px;}
.mb-50 {margin-bottom:50px;}
.ml-0  {margin-left:0;}
.ml-5  {margin-left:5px !important;}
.ml-10 {margin-left:10px;}
.ml-15 {margin-left:15px;}
.ml-20 {margin-left:20px;}
.ml-25 {margin-left:25px;}
.ml-30 {margin-left:30px;}
.ml-40 {margin-left:40px;}
.ml-50 {margin-left:50px;}

.pt-0  {padding-top:0;}
.pt-5  {padding-top:5px !important;}
.pt-10 {padding-top:10px;}
.pt-15 {padding-top:15px;}
.pt-20 {padding-top:20px;}
.pt-25 {padding-top:25px;}
.pt-30 {padding-top:30px;}
.pt-40 {padding-top:40px;}
.pt-50 {padding-top:50px;}
.pr-0  {padding-right:0;}
.pr-5  {padding-right:5px !important;}
.pr-10 {padding-right:10px;}
.pr-15 {padding-right:15px;}
.pr-20 {padding-right:20px;}
.pr-25 {padding-right:25px;}
.pr-30 {padding-right:30px;}
.pr-40 {padding-right:40px;}
.pr-50 {padding-right:50px;}
.pb-0  {padding-bottom:0;}
.pb-5  {padding-bottom:5px !important;}
.pb-10 {padding-bottom:10px;}
.pb-15 {padding-bottom:15px;}
.pb-20 {padding-bottom:20px;}
.pb-25 {padding-bottom:25px;}
.pb-30 {padding-bottom:30px;}
.pb-40 {padding-bottom:40px;}
.pb-50 {padding-bottom:50px;}
.pl-0  {padding-left:0;}
.pl-5  {padding-left:5px !important;}
.pl-10 {padding-left:10px;}
.pl-15 {padding-left:15px;}
.pl-20 {padding-left:20px;}
.pl-25 {padding-left:25px;}
.pl-30 {padding-left:30px;}
.pl-40 {padding-left:40px;}
.pl-50 {padding-left:50px;}


/* BORDER STYLES
---------------------------------------------------------------------------------------------------------------*/
.border-solid { border-style: solid !important; }
.border-dashed { border-style: dashed !important; }
.border-dotted { border-style: dotted !important; }
.border-1x { border-width: 1px !important; }
.border-2x { border-width: 2px !important; }
.border-3x { border-width: 3px !important; }
.border-4x { border-width: 4px !important; }
.border-5x { border-width: 5px !important; }

.border-primary { border-color:#007bff !important; }
.border-secondary { border-color:#6c757d !important; }
.border-info { border-color:#17a2b8 !important; }
.border-success { border-color:#28a745 !important; }
.border-warning { border-color:#ffc107 !important; }
.border-danger { border-color:#dc3545 !important; }
.border-light { border-color:#f8f9fa !important; }
.border-dark { border-color:#343a40 !important; }
.border-none { border:none !important; }

.bg-transparent-custom {
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.4);
}
.bg-leaf {
    background: url('images/bkg_leaf.png') no-repeat -15px -35px transparent;
    -webkit-transition: all ease-in-out 0.45s;
    transition: all ease-in-out 0.10s;
}
    .bg-leaf:hover {
        background: url('images/bkg_leaf.png') no-repeat -15px -25px transparent;
        -webkit-transition: all ease-in-out 0.25s;
        transition: all ease-in-out 0.30s;
    }
.bg-glass {
    position: relative;
    margin: 0 auto;
    width: inherit; /* MUST DECLARE ON DIV YOU'RE WRAPPING */
    background-color: rgba(255,255,255,0.5);
    border: solid 1px rgba(30,30,30,0.8);
    border-bottom: solid 1px rgba(0,0,0,0.8);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 5px -5px #333;
    -moz-box-shadow: 0 5px 5px -5px #333;
    box-shadow: 0 5px 5px -5px #333;
}
    .bg-glass::before {
        background: url('images/bkg_login.jpg') no-repeat fixed center;
        background-size: cover;
        content: "";
        position: absolute;
        height: 100%;
        top: 0;
        right: 0;
        left: 0;
        filter: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22blur%22%3E%3CfeGaussianBlur%20stdDeviation%3D%225%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E#blur");
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);
    }

.bg-kaipu {
    background:url(../Content/images/bg_kaipu.png);
}

.bg-none { background: none; }


hr.custom {
    height:20px;
    background:url(../Content/images/bg_kaipu.png);
    border:0;
}


.no-round {
    border-radius:0 !important;
}

/* BS.MOD: Input placeholder color */
.form-control::-webkit-input-placeholder { opacity: .5; }
.form-control::-moz-placeholder { opacity: .5; }
.form-control:-ms-input-placeholder { opacity: .5; }
.form-control::-ms-input-placeholder { opacity: .5; }
.form-control::placeholder { opacity: .5; }

/* MISC FIXES
---------------------------------------------------------------------------------------------------------------*/
/* BS.ADD: Fixes mis-align bug in popper.js */
.tooltip { top:0; }

/* BS.ADD: For textbox notice popup. */
.form-control-tooltip {
    margin-top: 4px;
    width: 100%;
    padding: 10px 15px;
    font-size: 90%;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background-color: #444444;
    border-bottom: solid 1px #222222;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px rgba(0,0,0,0.6);
    border-top-width: .0625rem;
    border-bottom-width: 0.2625rem;
} 
    .form-control-tooltip .arrow {
        position: absolute;
        width: 0;
        height: 0;
        top: 31px;
        left: 50%;
        border-color: transparent;
        border-style: solid;
        margin-left: -5px;
        border-bottom-color: #444444;
        border-width: 0 8px 12px;
        z-index: 1000;
    }
.form-control-sm + .form-control-tooltip .arrow {
    top: 24px;
}
.form-control-lg + .form-control-tooltip .arrow {
    top: 40px;
}

/* BS.ADD: FOR ICON EXPAND */
.icon-expand span {
    opacity: 0;
    max-width: 0;
    display: inline-block;
    text-decoration: none;
    transition: max-width .5s ease-out .1s, opacity 1s ease-out .1s, color .2s, padding ease-out .5s;
}

.icon-expand:hover span {
    opacity: 1;
    max-width: 150px;
    padding-right: 5px;
    transition: max-width .5s ease-out .1s, opacity 1s ease-out .1s, color .2s, padding ease-out .5s;
}
/* BS.MOD: Validator Styling */
/*.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #e53935;
}

.has-error .form-control,
.has-error .form-control-mod {
    border-color: #e53935;
}
    .has-error .form-control:focus,
    .has-error .form-control-mod:focus {
        border-color: #B5414D;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #CC6564;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    }

.has-error .input-group-addon {
    color: #e53935;
    border-color: #e53935
}

.has-error .form-control-feedback {
    color: #e53935;
}*/


/* MISC: Scroll Link
--------------------------------------------------------------------*/
#scroll-container {   
    position:fixed; 
	bottom:10px; 
	right:10px; 
	z-index:100;
	padding:15px;
}
#scroll-container a {
    color:#aaa;
    text-decoration:none;
    opacity: .5;
}

.display-inline.collapse.show {
    display:inline !important;
}

/* MISC: JQuery UI Autocomplete
--------------------------------------------------------------------*/
/* BS.MOD: jQuery.autocomplete() styling */
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    overflow-y:scroll;
    max-height:200px;
}
.ui-menu-item > a.ui-corner-all, 
.ui-menu-item > .ui-menu-item-wrapper {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}
.ui-state-focus, .ui-state-active  {
    color:#ffffff !important;
    background: none !important;
    background-color: #1C84C6 !important;
    border: none !important;
}
.ui-helper-hidden-accessible { position: absolute; left: -999em; }