/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------## IMPORTANT ##---------------------------------------*/
/*If there are any styles that are shared between solutions, move them Here:
  - This is the style sheet that contains all the Common / Duplicated Styles that are shared among Solutions. */
/*--------------------------------------------------------------------------------------------------*/




/*-------------------------------------------------*/
/*Css Styles - Varialbes*/
/*-------------------------------------------------*/

/*#region Css Varialbes*/

:root {
    /* To use these Variables just Type it in the attr like this - var(--CarvantBlue); */

    --CarvantBlue: #012255;
    --Gold: #ffc107;
    --Green: #1a5944;
}

/*#endregion Css Varialbes*/

/*-------------------------------------------------*/
/*Important - for all the forms that have alot of input fields and make the screen 
  height to big rap the entire body in a div with attr id="Large_Form"*/
/*-------------------------------------------------*/

/*-------------------------------------------------*/
/*Large Form Styles*/
/*-------------------------------------------------*/

/*#region Large Form Element Styles*/

#Large_Form textarea {
    height: 50px !important;
}

#Large_Form .form-control {
    height: 23px;
    padding: 2px 6px;
}

#Large_Form .marg-Top-s {
    margin-top: 5px;
}

#Large_Form .marg-Bot-s {
    margin-bottom: 0px;
}

#Large_Form h1 {
    line-height: 30px;
}

#Large_Form .marg-Bot-ms {
    margin-bottom: 10px;
}

#Large_Form .marg-Bot-Line {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px black solid;
}

#Large_Form .row-xs {
    margin-bottom: 5px !important;
}

/*#endregion Large Form Element Styles*/

/*-------------------------------------------------*/
/*Padding Styles*/
/*-------------------------------------------------*/

/*#region Padding Styles*/

.pad-Top-s {
    padding-top: 5px
}

.pad-Top-sm {
    padding-top: 7px
}

.pad-Top-m {
    padding-top: 15px
}

.pad-Top-md {
    padding-top: 20px
}

.pad-Top-l {
    padding-top: 30px
}

.pad-Top-lg {
    padding-top: 45px
}

.pad-Bot-m {
    padding-bottom: 15px;
}

.pad-Top-Bot-s {
    padding-bottom: 5px;
    padding-top: 5px;
}

.pad-Top-Bot-sm {
    padding-bottom: 10px;
    padding-top: 10px;
}

.pad-Top-Bot-m {
    padding-bottom: 15px;
    padding-top: 15px;
}

.pad-Bot-md {
    padding-bottom: 15px
}

.pad-Bot-m {
    padding-bottom: 10px
}


.pad-Bot-sm {
    padding-bottom: 5px
}

.pad-Bot-s {
    padding-bottom: 3px
}

.pad-TopBot-md {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.pad-TopBot-5 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pad-TopBot-sm {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.pad-TopBot-s {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.Remove_Pad {
    padding: 0px;
}

.remove-pad-l{
    padding-left:0px!important;
}

.remove-pad-r {
    padding-right: 0px !important;
}

/* -- [ these media tags are copied form the Bootstrap css file ] -- */
@media (max-width: 767px) {
    .padding-xs-none {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .padding-sm-none {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .margin-sm-none {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .padding-md-none {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }  
}

@media (min-width: 1200px) {
    .padding-lg-none {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}
/* -- [ these media tags are copied form the Bootstrap css file ] -- */

/*#endregion Padding Styles*/

/*-------------------------------------------------*/
/*Margin Styles*/
/*-------------------------------------------------*/

/*#region Margin Styles*/

.marg-Top-s {
    margin-top: 5px;
}

.marg-Top-sm {
    margin-top: 7px;
}

.marg-Top-m {
    margin-top: 10px;
}

.marg-Top-md {
    margin-top: 15px;
}

.marg-Bot-s {
    margin-bottom: 5px;
}

.marg-Bot-ms {
    margin-bottom: 20px;
}

.m-r-s {
    margin-right: 5px;
}

.m-r-m {
    margin-right: 10px;
}

.m-r-md {
    margin-right: 15px;
}

.m-r-l {
    margin-right: 20px;
}

.m-r-lg {
    margin-right: 25px;
}

.m-l-s {
    margin-left: 5px;
}

.m-l-m {
    margin-left: 10px;
}

.m-l-md {
    margin-left: 15px;
}

.m-l-l {
    margin-left: 20px;
}

.m-l-lg {
    margin-left: 25px;
}

.space-b {
    margin-bottom: 5px;
}

.row-b-s {
    margin-bottom: 1px !important;
}

/* spacing */
.spacing-xs label:not(:last-child),
.spacing-xs input:not(:last-child),
.spacing-xs select:not(:last-child),
.spacing-xs button:not(:last-child),
.spacing-xs a.btn:not(:last-child),
.spacing-xs > a:not(:last-child),
.spacing-xs.form-inline .form-group:not(:last-child) {
    margin-right: 5px;
}

.spacing-sm label:not(:last-child),
.spacing-sm input:not(:last-child),
.spacing-sm select:not(:last-child),
.spacing-sm button:not(:last-child),
.spacing-sm a.btn:not(:last-child),
.spacing-sm > a:not(:last-child),
.spacing-sm.form-inline .form-group:not(:last-child) {
    margin-right: 10px;
}

.spacing-m label:not(:last-child),
.spacing-m input:not(:last-child),
.spacing-m select:not(:last-child),
.spacing-m button:not(:last-child),
.spacing-m a.btn:not(:last-child),
.spacing-m > a:not(:last-child),
.spacing-m.form-inline .form-group:not(:last-child) {
    margin-right: 15px;
}

.spacing-md label:not(:last-child),
.spacing-md input:not(:last-child),
.spacing-md select:not(:last-child),
.spacing-md button:not(:last-child),
.spacing-md a.btn:not(:last-child),
.spacing-md > a:not(:last-child),
.spacing-md.form-inline .form-group:not(:last-child) {
    margin-right: 20px;
}

.spacing-lg label:not(:last-child),
.spacing-lg input:not(:last-child),
.spacing-lg select:not(:last-child),
.spacing-lg button:not(:last-child),
.spacing-lg a.btn:not(:last-child),
.spacing-lg > a:not(:last-child),
.spacing-lg.form-inline .form-group:not(:last-child) {
    margin-right: 25px;
}

.remove-marg-r{
    margin-right:0px!important;
}

.remove-marg-l {
    margin-left: 0px !important;
}

/*.spacing-m strong:not(:last-child),
.spacing-m a:not(:last-child),
.spacing-m.form-inline .form-group:not(:last-child) {
    margin-right: 15px;
}*/

/*#endregion Margin Styles*/

/*-------------------------------------------------*/
/*align Styles*/
/*-------------------------------------------------*/

/*#region Align styles*/

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

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

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

.f-r{
    float:right;
}

.f-l {
    float: left;
}

/*#endregion Align styles*/

/*-------------------------------------------------*/
/*Annoying Datatables Fixes*/
/*-------------------------------------------------*/

/*#region Datatables Fixes*/

div.dataTables_scrollBody thead {
    visibility: collapse;
}

div.dataTables_scrollBody tfoot {
    visibility: collapse;
}

.dataTables_scrollFootInner{
    padding-right:0px!important;
}

/*#endregion Datatables Fixes*/


/*-------------------------------------------------*/
/*Datatables Styles*/
/*-------------------------------------------------*/

/*#region Datatables Styles*/

.datatable-xs > thead > tr > th,
.datatable-xs > tbody > tr > th,
.datatable-xs > tfoot > tr > th,
.datatable-xs > tbody > tr > td,
.datatable-xs > tfoot > tr > td {
    padding: 2px !important;
    font-family: Calibri;
    font-size: 10px;
}

.datatable-s > thead > tr > th,
.datatable-s > tbody > tr > th,
.datatable-s > tfoot > tr > th,
.datatable-s > tbody > tr > td,
.datatable-s > tfoot > tr > td {
    padding: 3px !important;
    font-family: Calibri;
    font-size: 11px;
}

.datatable-sm > thead > tr > th,
.datatable-sm > tbody > tr > th,
.datatable-sm > tfoot > tr > th,
.datatable-sm > tbody > tr > td,
.datatable-sm > tfoot > tr > td {
    padding: 4px !important;
    font-family: Calibri;
    font-size: 12px;
}

.datatable-fake > thead > tr > th {
    border-bottom: 1px solid #dddddd !important;
}

.datatable-fake > tbody > tr > th,
.datatable-fake > tfoot > tr > th,
.datatable-fake > tbody > tr > td,
.datatable-fake > tfoot > tr > td {
    border-top: 1px solid #dddddd !important;
    border-right: 1px solid #dddddd !important;
    padding: 5px !important;
}

.datatable-fake > thead > tr > th {
    padding: 5px !important;
}

.datatable-fake > tbody {
    border-bottom: 1px solid #dddddd;
}

.HTML-Buttons {
    background-color: #012255 !important;
    border: 1px solid transparent !important;
    padding: 3px 16px !important;
    font-size: 11px !important;
    color: white !important;
    border-radius: 4px !important;
}

/*#endregion Datatables Styles*/

/*-------------------------------------------------*/
/*Navbar Styles*/
/*-------------------------------------------------*/

/*#region navbar Styles*/

.container {
    width: 100%!important;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

header {
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 0px;
    background: var(--CarvantBlue);
    width: 100%;
}

.header-top {
    background: #FFFFFF;
}

.header-top-dtls {
    padding: 18px 4px 22px 4px;
    margin: 0 -15px;
}

.logo a {
    display: inline-block;
    vertical-align: top;
}

/*header, nav, section, aside, article, figure {
    margin: 0;
    padding: 0;
    display: block;
}*/

.nav-tabs {
    border-bottom: 1px solid var(--CarvantBlue) !important;
}

    .nav-tabs li a {
        border: 1px solid var(--CarvantBlue) !important;
        background-color: lightblue;
    }

        .nav-tabs li a:hover {
            cursor: default !important;
            border: 1px solid var(--CarvantBlue) !important;
            background-color: #023687;
            color: white;
            border-bottom-color: transparent !important;
            font-weight: bold;
        }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        cursor: default !important;
        border: 1px solid var(--CarvantBlue) !important;
        background-color: #023687;
        color: white;
        border-bottom-color: transparent !important;
        font-weight: bold;
    }

.mobile-nav {
    display: none;
}

.navbar {
    margin-bottom: 0px;
}

.navbar-nav {
    font-size: 14px;
    font-weight: bold;
    background-color: var(--CarvantBlue);
}

.navbar-default {
    background-color: var(--CarvantBlue);
    border-color: var(--CarvantBlue);
}

    /* text decoration for a Menu item Text */
    .navbar-default .navbar-nav > li > a {
        color: white;
        text-decoration: none;
    }

    /* Background Color of Sub Menu of a Nav Menu Item */
    .navbar-default .navbar-nav .open .dropdown-menu {
        background-color: #022a68;
    }

    /* Hover For Main Nav Menu Item - Show Gold */
    .navbar-default .navbar-nav li a:hover {
        background-color: var(--Gold);
        color: white;
    }

    /* Text Color for Sub menu item Text */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    }

    /* After Sub Menu is Activated show the meny header as gold */
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: white;
        background-color: var(--Gold);
    }

.navbar-nav > li > a {
    padding-top: 10px 15px;
}

    .navbar-nav > li > a > span {
        margin-left: 7px;
    }

.navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
}

/*overwrite DDL menu Padding*/
.dropdown-menu {
    padding-top: 0px;
    padding-bottom: 0px;
}
/*-------------------------------------------------*/
/*Header Styles- Specifically for Larger Screens*/
/*-------------------------------------------------*/

@media (min-width: 1170px) {

    .navbar-nav {
        /*align the Nav items Center:*/
        width: 100%;
        display: flex;
        justify-content: center;
    }

    /*.navbar-nav div {
            display: block !important;
            clear: both;
        }

        .navbar-nav li {
            width: 200px;
        }*/


}

/*-------------------------------------------------*/
/*Header Styles- Specifically for Small Screens*/
/*-------------------------------------------------*/

@media (max-width: 760px) {

    .mobile-nav {
        color: white;
        float: left;
        margin: 10px;
        display: inline-block !important;
    }

    .navbar-nav {
        display: block !important;
        position: absolute;
        z-index: 99999;
        left: -200px;
        top: 42px;
        width: 200px;
        font-size: 14px;
        font-weight: bold;
        background-color: var(--CarvantBlue);
    }

        .navbar-nav > li {
            /*Give a Small Button Split Line*/
            border-bottom: 1px solid #ffffff26;
        }

            .navbar-nav > li:first-child {
                /*Give a Small Button Split Line*/
                border-top: 1px solid #ffffff26;
            }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-left: 30px;
                padding-right: 15px;
            }
}

/*#endregion navbar Styles*/

/*-------------------------------------------------*/
/*Common Element Styles*/
/*-------------------------------------------------*/

/*#region Common Element Styles*/

h1 {
    color: #11316a;
    font-size: 22px;
}

h2 {
    font-size: 18px !important;
    margin-top: 0px;
}

h3 {
    font-size: 16px !important;
    margin-top: 6px;
    color: var(--Green);
}

body, div {
    font-family: Calibri, Arial;
    font-size: 12px;
    line-height: 1.1em;
}

.Main-content-Div {
    min-height: 100%;
    min-width: 100%;
}

select, input {
    text-align: left !important;
    appearance: auto;
}

    input:disabled {
        background-color: #eee;
        border-color: rgba(118, 118, 118, 0.3);
    }

a {
    color: #11316a;
    text-decoration: underline;
}

th, td, tr {
    padding: 3px;
}

th {
    color: white;
    background-color: #012255 !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 5px !important;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 0px !important;
}

.modal-header {
    cursor: move;
}

.tab-content-Border {
    cursor: default !important;
    border: 1px solid var(--CarvantBlue) !important;
    border-top-color: transparent !important;
}

body {
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
@media (max-width: 760px) {
    .body-content {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (min-width: 1170px) {
    .body-content {
        padding-left: 80px;
        padding-right: 80px;
    }
}

/* 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: 280px;
}

.multiSelect {
    /*Keep multiselect from increasing width*/
    max-width: 100%;
}

input, textarea, button, select {
    /*Some sort of Styling is Making the Inputs not Visible*/
    appearance: auto;
}

@media (max-width: 900px) {
    div.pq-select-button {
        /* min-width: 100% !important;
        max-width: 100% !important;*/
        width: 100% !important;
    }
}

.pq-select-text {
    padding: 5px;
}

.dataTables_length {
    display: block;
}

button, input[type="submit"], a.btn {
    background-color: var(--CarvantBlue);
    color: white;
    font-weight: bold;
    text-decoration: none;
}

    button:hover, button:focus, input[type="submit"]:hover {
        color: white !important;
    }

.modal-header {
    cursor: move;
}

.btn-h-s {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.brd {
    border: 1px solid black;
    padding-top: 4px;
    padding-bottom: 0px;
/*    width: 100%;*/
}

.ListBoxBorder {
    border: 2px solid #dedede;
    border-color: #ccc;
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.liItem {
    padding: 5px;
    border-bottom: 2px solid #dedede;
    border-color: #ccc;
}

#PDF_Container {
    width: 100%;
    height: 100%;
}

.Max-W {
    max-width: 100%;
}

.W-100 {
    width: 100%;
}

/*#endregion Common Element Styles*/

/*-------------------------------------------------*/
/*Responsive Datatables Styles*/
/*-------------------------------------------------*/

/*#region Responsive Datatables Styles*/

table.dataTable > tbody > tr.child ul.dtr-details {
    display: block !important;
    list-style-type: disc !important;
    margin: 0px !important;
    padding-left: 30px !important;
}

@media (max-width: 900px) {   
    table.dataTable > tbody > tr.child ul.dtr-details > li {
        padding-left: 0px !important;
        list-style: none;
    }
}
    

/*#endregion Responsive Datatables Styles*/

/*-------------------------------------------------*/
/*Text sizes*/
/*-------------------------------------------------*/

/*#region Text sizes*/


.t-s {
    font-size: 10px;
}

.t-sm {
    font-size: 12px;
}

.t-m {
    font-size: 14px;
}

/*#endregion Text sizes*/

/*-------------------------------------------------*/
/*Google Maps Element Styles*/
/*-------------------------------------------------*/

/*#region Google-Maps-elements*/

#GoogleMaps_Map {
    width: 100%;
    height: 100%;
}

.Maps_Container {
    height: 700px;
}
/*REDUCE MAP SIZE WHEN IN MOBILE VIEW*/
@media (max-width: 760px) {
    .Maps_Container {
        height: 420px;
    }
}

.Map_Cont_l {
    width: 50%;
}

.Map_Cont_r {
    float: right;
    width: 50%;
}

.legend-container {
    padding-left: 15px;
    padding-right: 15px;
}

.legend-item {
    padding-left: 15px;
    padding-right: 15px;
    float:left;
}

.legend-item img{
    padding-right: 10px;
}

    .legend-item span {
        font-weight: bold;
        font-size: 12px;
    }

/* On Opening Markers Content window, Random link seems to be clicked?*/
a:active, a:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none;
}

/*#endregion Google-Maps-elements*/

/*-------------------------------------------------*/
/*Custom Spinner Styles Styles*/
/*-------------------------------------------------*/

/*#region Custom-Spinner-Styles*/

#loading {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 3px solid rgba(1,34,85.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

/*#endregion Custom-Spinner-Styles*/

/*-------------------------------------------------*/
/*Process-Guide Styles*/
/*-------------------------------------------------*/

/*#region Process-Guide*/

.process_guide_item {
    cursor: pointer;
    background-color: white;
    border: 1px gray solid;
    margin: 5px;
    padding: 5px;
}

.process_guide_close {
    float: right;
    width: 10px;
}

.proccess_guide_cardContainer {
    width: 100%;
    height: 275px;
    overflow-y: scroll;
    padding-bottom: 5px;
}

.proccess_guide_pop_up {
    display: none;
    background-color: rgb(222, 237, 247);
    border: 3px gray solid;
    width: 250px;
    height: 360px;
    position: absolute;
    z-index: 1000;
    text-align: center;
    top: -20px;
    left: -20px;
    border-radius: 5px;
    padding: 5px;
}

.process_guide_container {
    display: block;
    position: relative;
    margin-bottom: 5px;
}

    .process_guide_container h3 {
        font-size: 14px;
    }

#search {
    width: 95%;
    margin: 5px;
}

    #search input {
        width: 100%;
        padding: 5px;
    }

.ui-dialog-titlebar {
    background-color: var(--CarvantBlue);
    color: white;
}

.ui-dialog-titlebar-close {
    background: url("https://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-icons_888888_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);
    border: medium none;
}

    .ui-dialog-titlebar-close:hover {
        background: url("https://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-icons_222222_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);
    }

/*#endregion Process-Guide*/

/*-------------------------------------------------*/
/*Layout Name Menu Drop down*/
/*-------------------------------------------------*/

/*#region Name-Menu-DDL */

.Name-Menu-DDL {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 222px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    padding: 0px;
    z-index: 3;
    list-style: none;
    border-radius: 0px 0px 15px 15px;
    /*border: 1px solid #012255; - if border is required for drop-down visibility purposes*/
}

    .Name-Menu-DDL li {
        padding: 5px 10px;
        text-align: left;
    }

        .Name-Menu-DDL li:last-child {
            border-radius: 0px 0px 15px 15px;
        }

        .Name-Menu-DDL li:hover {
            background-color: #F2F2F2;
        }

        .Name-Menu-DDL li a {
            text-decoration: none;
        }

.Name-Menu-DDL-nav-icon {
    padding: 0px 10px;
}

.ShowName-Menu-DDL:hover .Name-Menu-DDL {
    display: block;
    right: 5px;
    position: absolute;
}

.ShowName-Menu-DDL:hover span {
    text-decoration: underline;
}

.c-maroon {
    color: maroon;
}

.nav-icon-b {
    padding-left: 23px;
}


@media print {
    a[href]:after {
        content: none;
    }
}

.btn {
    background-color: #012255;
}

/*#endregion Name-Menu-DDL */

/*-------------------------------------------------*/
/*Carvant_notify Styles*/
/*-------------------------------------------------*/

/*#region Carvant_notify */

.error_container {
    width: 100%;
    height: 30px;
}

.error_msg {
    font-size: 12px;
    color: white;
    padding: 8px 10px 5px 10px;
}

/*#endregion Carvant_notify */

/*-------------------------------------------------*/
/*Css Styles - input-widths*/
/*-------------------------------------------------*/

/*#region input-widths*/

.input-w-xs {
    width:100px !important;
}

.input-w-s {
    width: 150px !important;
}

.input-w-m {
    width: 200px !important;
}

.input-w-xm {
    width: 250px !important;
}

.input-w-l {
    width: 300px !important;
}

.input-w-xl {
    width: 350px !important;
}

/*#endregion input-widths*/

.ui-widget-header {
    border: 0px solid #dddddd;
    background: none;
    color: #333333;
    font-weight: bold;
}