/* -----------------------------------------
   OCEANSIDE, Copied from https://cdn.cdt.ca.gov/cdt/statetemplate/6.3.2/css/colortheme-oceanside.css. 
   Reference: https://template.webstandards.ca.gov/visual-design/color.html
   Reference (CDN): https://template.webstandards.ca.gov/cdn.html
----------------------------------------- */
:root {
    --color-p1: #fdb81e;
    --color-p1-dark: #fdb20a;
    --color-p1-darker: #f5aa02;
    --color-p1-darkest: #d29102;
    --color-p1-light: #fdc64b;
    --color-p1-lighter: #fed478;
    --color-p1-lightest: #fee3a5;
    --color-p2: #046b99;
    --color-p2-dark: #035d85;
    --color-p2-darker: #035376;
    --color-p2-darkest: #023a53;
    --color-p2-light: #3689ad;
    --color-p2-lighter: #68a6c2;
    --color-p2-lightest: #9bc4d6;
    --color-p3: #323a45;
    --color-p3-dark: #293039;
    --color-p3-darker: #232930;
    --color-p3-darkest: #14171c;
    --color-p3-light: #5b616a;
    --color-p3-lighter: #84898f;
    --color-p3-lightest: #adb0b5;
    --color-s1: #eef8fb;
    --color-s1-darker: #e2f3f8;
    --color-s1-lighter: #f7fcfd;
    --color-s2: #87b8ce;
    --color-s2-dark: #6ea9c4;
    --color-s2-darker: #549ab9;
    --color-s3: #4993b5;
    --color-s3-dark: #3f7e9c;
    --color-s3-light: #92bed3;
    --color-s3-lighter: #b6d4e1;
    --sub-nav-bg: var(--color-s1-lighter);
    --mobile-drawer: var(--color-p2-darker);
    --mobile-drawer-active: var(--color-p2);
}

:root {
    /*Self-defined colors*/
    --color-emphasized: #CC0000;
}

:root {
    --panel-header-font-color: white;
    --panel-header-background-color: var(--color-p2);
    --panel-body-font-color: #333333;
    --panel-body-background-color: white;
    --list-group-item-header-sm-background-color: var(--color-p2);
    --list-group-item-border-color: #ddd;
    --customer-tab-unselected-background-color: var(--color-p2);
    --customer-tab-unselected-font-color: white;
    --customer-tab-selected-background-color: #323A45;
    --customer-tab-selected-font-color: white;
    --form-control-font-color: #555555;
    --form-control-background-color: white;
    --form-control-disabled-font-color: var(--form-control-font-color);
    --form-control-disabled-background-color: #eeeeee;
    --alert-warning-background-color: #fcf8e3;
    --alert-warning-font-color: var(--color-emphasized);
    --alert-warning-border-color: var(--color-emphasized);
    --field-validation-error-message-font-color: var(--color-emphasized);
    --input-validation-error-border-color: var(--color-emphasized);
    --option-button-background-color: var(--color-s1);
    --option-button-font-color: #555;
    --options-bar-background-color: white;
    --catalog-tab-unselected-background-color: var(--color-s1);
    --catalog-tab-selected-background-color: var(--color-p2);
    --catalog-tab-hovered-background-color: #f5f5f5;
    --catalog-tab-unselected-font-color: #555;
    --catalog-tab-selected-font-color: white;
    --catalog-tab-hovered-font-color: #555;
    --alert-success-background-color: var(--color-s1);
}

html, body {
    /*font: 12px/1.42857 arial,helvetica,clean,sans-serif;*/
    font-size: 12px;
    line-height: 1.42857;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    *font-size: small; /* for IE */
    *font: x-small; /* for IE in quirks mode */
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    font-weight: bold;
}

h1, .h1 {
    font-size: 190%;
}

h2, .h2 {
    font-size: 160%;
}

h3, .h3 {
    font-size: 140%;
}

a {
    color: var(--color-p2);
    text-decoration: underline;
    font-weight: normal;
}

    a:hover {
        color: var(--color-p2);
    }

    a.btn {
        text-decoration: none;
    }

input[type=submit] {
    font-size: 14px;
    outline: none !important;
}

input[type=button] {
    outline: none !important;
}

button {
    outline: none !important;
}



.form-inline a.btn {
    margin-top: 0;
}

.form-group {
    clear: both;
}

.form-group-inline {
    clear: none;
}

    .form-group-inline.checkbox {
        margin-top: 25px;
    }

.form-control {
    color: var(--form-control-font-color);
    background-color: var(--form-control-background-color);
    height: 30px;
    font-size: 12px;
}

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: var(--form-control-disabled-background-color);
        color: var(--form-control-disabled-font-color);
    }

.control-label {
    font-weight: normal;
    display: block;
}

.btn {
    min-height: 48px;
    width: 100%;
    line-height: 2.4;
    margin-top: 20px;
}

.btn-success {
    color: #222222;
    background-color: var(--color-p1);
    border-color: var(--color-p1);
}

    .btn-success:hover, .btn-success:focus, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .btn-success .show > .dropdown-toggle, .open > .dropdown-toggle .btn-success {
        color: #222222;
        background-color: var(--color-p1-darker);
        border-color: var(--color-p1-darker);
    }

    .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
        background-color: var(--color-p1) !important;
        border-color: var(--color-p1);
    }

    .btn-success.unavailable {
        color: #222222;
        background-color: var(--color-p1);
        border-color: var(--color-p1);
        opacity: 0.7;
    }

.btn-primary {
    color: #222222;
    background-color: var(--color-p1);
    border-color: var(--color-p1);
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-primary {
        color: #222222;
        background-color: var(--color-p1-darker);
        border-color: var(--color-p1-darker);
    }

    .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
        background-color: var(--color-p1) !important;
        border-color: var(--color-p1);
    }

    .btn-primary.unavailable {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
        opacity: 0.7;
    }

.btn-on-header {
    background-color: #87AD73;
    margin-top: 0px;
}

    .btn-on-header:hover {
        background-color: #94BA80;
    }

    .btn-on-header:focus {
        background-color: #7AA066;
    }

#FixedScreenBottomButtons .btn {
    margin-top: 10px;
}

.header {
    background-color: #fff;
}




.menu-group-header {
    border-radius: 0;
    min-height: 48px;
    margin-bottom: 2px;
}

    .menu-group-header a {
        color: #fff;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        line-height: 2.2;
        outline: none;
    }

        .menu-group-header a span.glyphicon-chevron-down,
        .menu-group-header a.collapsed span.glyphicon-chevron-up {
            display: inline-block;
        }

        .menu-group-header a span.glyphicon-chevron-up,
        .menu-group-header a.collapsed span.glyphicon-chevron-down {
            display: none;
        }

#user-options-bar, #item-catalog-tabs .list-group {
    /*border: 2.4px solid #aec1a4;*/
    background-color: var(--options-bar-background-color);
    border-radius: 3px;
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
}

#item-catalog-tabs .list-group {
    border-width: 2px;
}

#item-catalog-tabs-mobile .list-group {
    margin: -15px;
}

#customer-menu-mobile .list-group {
    margin-bottom: 0px;
}

    #item-catalog-tabs .list-group .list-group-item,
    #item-catalog-tabs-mobile .list-group .list-group-item,
    #customer-menu-mobile .list-group .list-group-item {
        background-color: var(--catalog-tab-unselected-background-color);
        color: var(--catalog-tab-unselected-font-color);
        margin: 3px;
        border-radius: 3px;
    }

    #item-catalog-tabs-mobile .list-group .list-group-item,
    #customer-menu-mobile .list-group .list-group-item {
        min-height: 48px;
        line-height: 2.2;
    }

        #item-catalog-tabs .list-group .list-group-item:hover,
        #item-catalog-tabs-mobile .list-group .list-group-item:hover,
        #customer-menu-mobile .list-group .list-group-item:hover {
            background-color: var(--catalog-tab-hovered-background-color);
            color: var(--catalog-tab-hovered-font-color);
        }

        #item-catalog-tabs .list-group .list-group-item.active,
        #item-catalog-tabs-mobile .list-group .list-group-item.active,
        #customer-menu-mobile .list-group .list-group-item.active {
            /*background-color: #648c50;
            color: #fff;*/
            color: var(--catalog-tab-selected-font-color);
            background-color: var(--catalog-tab-selected-background-color);
        }

            #item-catalog-tabs .list-group .list-group-item.active .glyphicon-chevron-right,
            #item-catalog-tabs-mobile .list-group .list-group-item.active .glyphicon-chevron-right {
                color: var(--catalog-tab-selected-font-color);
            }

.table {
    display: block;
}

.table-row {
    display: block;
}

.table-cell {
    display: block;
    vertical-align: middle;
    min-height: 30px;
    padding: 3px;
    clear: both;
}

.list-group.answer-grid-model {
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
    max-width: initial;
}

    .list-group.answer-grid-model .list-group-item {
        border: none;
    }

    .list-group.answer-grid-model .table-cell {
        min-height: 38px;
    }

        .list-group.answer-grid-model .table-cell .row-no {
            margin: 0;
        }

.input-xs {
    /*height: 24px;*/
    padding: 3px 5px;
    /*font-size: 12px;*/
    line-height: 1.5;
    border-radius: 3px;
    display: inline;
}

.logo img {
    width: 100%;
    /*max-width: 442px;*/
    _width: auto; /*IE6 hack*/
    min-width: 200px;
}

.hamburger-container {
    padding-right: 0px;
    width: 50px;
    text-align: center;
    background-color: #648C50;
}

.logo-mobile {
    height: 50px;
}


.header-mobile {
    display: flex;
    align-items: center;
}



header {
    width: 100%;
}

.utility-header {
    background-color: var(--color-p2);
    color: #fff;
    padding: 4px 0;
}

.header-bottom {
    background-color: #f9f9f9;
    border-bottom: 4px solid var(--color-p1-light);
}


.header-bottom-dfw-logo-center {
    line-height: 94px;
}

.header-logo {
    height: 32px;
}

.header-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
    margin: 0;
}

.header-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.header-nav-item {
    margin-bottom: -4px;
    padding: 10px 20px;
    border-bottom: 4px solid transparent;
    min-width: 100px;
}

    .header-nav-item:hover {
        border-bottom: 4px solid var(--color-p2);
    }

.header-nav-item-icon {
    color: var(--color-p2-lighter);
}

.header-nav-item-text {
    color: #5c5c5c;
    text-align: center;
}

.header-nav-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    flex-direction: column;
}

    .header-nav-link:hover {
        color: unset;
        text-decoration: none;
    }

    .header-nav-link:visited {
        color: unset;
    }

    .header-nav-link i {
        font-size: 3.5rem;
        margin: 10px 0;
    }

.utility-header-link {
    color: #fff;
    font-size: 1.25rem;
    text-decoration: none;
}

    .utility-header-link:hover {
        text-decoration: underline;
        color: white;
    }

    .utility-header-link:visited {
        color: white;
    }

    .utility-header-link:focus {
        color: white;
        text-decoration: none;
    }

.utility-header-link-dropdown:hover {
    text-decoration: none;
}

.dropdown-menu a {
    text-decoration: none;
}

.utility-header-vertical-align {
    line-height: 36px;
}


.utility-header-splitter {
    margin: 0 7px;
    border: 1px solid white;
    color: transparent;
    user-select: none;
    height: 20px;
    align-self: center;
}

.footer-links {
    background-color: #061217;
}

.footer-links-link {
    color: #fff;
    line-height: 30px;
    vertical-align: middle;
}


.customer-header-mobile {
    background-color: var(--color-p2);
    color: #fff;
    font-weight: bold;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px 10px;
    overflow: hidden;
}


button .navbar-toggle collapse text-left {
    min-width: 70px;
}

.navbar .navbar-default .transparent .navbar-header {
    background: rgba(0,0,0,0.4);
}

.nav-tabs {
    margin-bottom: 15px;
}

.content {
    padding: 10px 0px 15px 0px;
    border: 1px solid #ccc /*#a8a8a8*/;
    border-radius: 2px;
}

.footer {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #eee;
}

    .footer .app-version {
        text-align: center;
        font-size: 110%;
    }

.group > li {
    width: 33.33%;
    float: left;
}

.alert-success {
    /*background-color: #dff0d8;
    border-color: #d2ebc8;
    color: #4b7637;*/
    color: #333333;
    background-color: var(--alert-success-background-color);
    border-color: var(--alert-success-background-color);
}

.panel-success > .panel-heading {
    /*background-color: #648c50;
    border: 1px solid #648c50;
    color: #fff;*/
    color: var(--panel-header-font-color);
    background-color: var(--panel-header-background-color);
    border-color: var(--panel-header-background-color);
}

    .panel-success > .panel-heading a {
        color: var(--panel-header-font-color);
    }

.list-group-item {
    border-color: #ddd;
}

    .list-group-item.no-border-radius {
        border-radius: 0;
    }

a.list-group-item {
    text-decoration: none;
    min-height: 34px;
}

.option-buttons a.list-group-item {
    background-color: var(--option-button-background-color);
    color: var(--option-button-font-color);
}

a.list-group-item.active {
    background-color: #f5f5f5;
    border: none;
    color: #333;
}

    a.list-group-item.active:hover {
        background-color: #f5f5f5;
        color: #333;
    }

a.list-group-item.with-left-icon {
    padding-right: 25px;
}

a.list-group-item.active .glyphicon-chevron-right {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    color: #648c50;
}

.list-group-item-text {
    margin-top: 5px;
}

.multiChoice-item-row.list-group-item {
    padding-top: 0px;
    padding-bottom: 0px;
}

.multiChoice-item-row .list-group-item-text {
    height: 36px;
    padding: 10px 7px;
    margin-top: 0px;
}

    .multiChoice-item-row .list-group-item-text.unavailable {
        background-color: #f5f5f5;
        color: #333;
    }

a.list-group-item-nodisplay {
    display: none;
}

.list-group-item.selected,
.list-group-item.header3 {
    background-color: var(--color-s3-light);
}

.list-group-item.remove {
    background-color: lightgray;
}

.list-group-item.entered {
    background-color: gray;
}

.list-group-striped > .list-group-item:nth-of-type(odd):not(.header):not(.header2):not(.header3):not(.selected) {
    background-color: #F5F5F5;
}

.list-group-striped > .water-fowl-row > .row:nth-of-type(odd) {
    background-color: #fff;
}

.list-group-striped > .water-fowl-row > .row:nth-of-type(even) {
    background-color: #f5f5f5;
}

#bigGameDrawResultList.list-group-striped .big-game-draw-item-odd {
    background-color: #fff;
}

#bigGameDrawResultList.list-group-striped .big-game-draw-item-even {
    background-color: #f5f5f5;
}

.list-group-striped > .water-fowl-row > .row > .water-fowl-item:nth-of-type(odd) {
    background-color: #fff;
}

.list-group-striped > .water-fowl-row > .row > .water-fowl-item:nth-of-type(even) {
    background-color: #f5f5f5;
}

aside .navbar-toggle {
    margin-left: 15px;
    background-color: white;
}

.panel {
    position: relative;
    display: block;
    margin-bottom: 0.75rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    /*margin-bottom: 20px;
    border: none;*/
}

.right-panels .panel .panel-heading .panel-title {
    padding-left: 20px;
}

h2.panel-title {
    font-weight: normal;
}

.right-panels {
    margin-left: -15px;
    margin-right: -15px;
}

    .right-panels .panel-heading {
        color: var(--panel-header-font-color);
        background-color: var(--panel-header-background-color);
        border-color: var(--panel-header-background-color);
    }

        .right-panels .panel-heading b {
            position: absolute;
            left: 0px;
            top: 49%;
            color: #999999;
            padding: 11px 0;
            width: 41px;
            height: 41px;
            margin-top: -20px;
        }

            .right-panels .panel-heading b span {
                font-size: 12px;
                top: 0px;
                left: 12px;
            }

                .right-panels .panel-heading b span.glyphicon-minus {
                    left: 10px;
                }

                .right-panels .panel-heading b span.glyphicon-plus {
                    left: 11px;
                }

        .right-panels .panel-heading > .panel-title > a {
            display: inline-block;
            width: 100%;
            text-decoration: none;
        }

            .right-panels .panel-heading > .panel-title > a:hover,
            .right-panels .panel-heading > .panel-title > a:focus {
                text-decoration: none;
            }

    .right-panels .panel-body {
        color: var(--panel-body-font-color);
        background-color: var(--panel-body-background-color);
    }

.arrow_box {
    position: relative;
    background: #648C50;
}

.text-gray {
    color: gray;
}

.icon-plus-minus {
    color: var(--panel-header-font-color);
}

.image-header {
    margin: 5px 0;
}

.btn-text-wrap {
    white-space: normal;
}

.badge {
    background-color: #648c50;
}

.nav-tabs > li > a {
    background: #D2E9CC;
    color: #2D2E2D;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: #648c50;
    color: #fff;
}

/* tabs menu start */
.tabs-container.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background: #fff;
}

.tabs-container {
    background: #D2E9CC;
}

/* Modal */
.modal-header {
    /*color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;*/
    color: #fff;
    background-color: var(--color-p2);
    border-color: #ddd;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    /*border-top-left-radius: 3px;
    border-top-right-radius: 3px;*/
    min-height: 37px;
    height: 37px;
}

    .modal-header .close {
        color: #fff;
    }

.modal-footer {
    padding: 0px 15px 15px 15px;
}

    .modal-footer .btn + .btn {
        margin-left: 0px;
    }

.top-right-icon {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #D4E9C9;
    padding: 10px;
}

    .top-right-icon > div > a > img {
        max-width: 30px;
        min-height: 30px;
        float: right;
    }

/*select options dialog*/
.bootstrap-select, .bootstrap-select-multiple {
    cursor: pointer;
    white-space: nowrap;
    vertical-align: central;
    border: 1px solid #ccc;
    padding: 0;
}

select.input-validation-error + .bootstrap-select, select.input-validation-error + .bootstrap-select-multiple {
    border: 1px solid var(--input-validation-error-border-color);
}

.bootstrap-select[disabled], .bootstrap-select-multiple[disabled] {
    background-color: #eee;
    cursor: not-allowed;
}

.bootstrap-select .current {
    display: block;
    float: left;
    overflow: hidden;
    padding: 6px 12px;
    text-overflow: ellipsis;
    width: 100%;
    text-align: left;
}

.bootstrap-select .glyphicon,
.bootstrap-select-multiple .glyphicon {
    color: #ccc;
    font-size: 10px;
    line-height: 1.42857;
    margin-top: 1px;
    padding-top: 6px;
    pointer-events: none;
    width: 15px;
    right: 15px;
    position: relative;
}

.bootstrap-select-multiple.list-group.form-control {
    white-space: normal;
    min-height: 110px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.select-options-modal .modal-header {
    background-color: transparent;
    height: 48px;
    color: #333;
}

.select-options-modal .modal-body {
    padding-top: 0px;
}

.select-options-modal button.close {
    width: 35px;
    padding-left: 20px;
    color: #76838F;
}

.select-options-modal button.btn-Clear {
    float: left;
    width: 45%;
}

.select-options-modal button.btn-OK {
    float: right;
    width: 45%;
}

.select-options-modal .select-options {
    max-height: 400px;
    overflow: auto;
    margin-bottom: 0px;
    margin-left: -15px;
    margin-right: -15px;
}

    .select-options-modal .select-options .list-group-item,
    .bootstrap-select-multiple.list-group .list-group-item {
        background-color: transparent;
        color: var(--color-p2);
        border-left: none;
        border-right: none;
        border-top: none;
        margin: 0px;
        outline: none;
        padding-right: 35px;
        margin-left: 15px;
        margin-right: 15px;
    }

.bootstrap-select-multiple.list-group .list-group-item {
    margin: 0;
}

    .select-options-modal .select-options .list-group-item .glyphicon,
    .bootstrap-select-multiple.list-group .list-group-item .glyphicon {
        position: absolute;
        right: 10px;
        top: 40%;
        color: #323A45;
    }

    .bootstrap-select-multiple.list-group .list-group-item .glyphicon {
        right: 5px;
        padding-top: 0;
        top: 50%;
        margin-top: -7px;
    }

    .select-options-modal .select-options .list-group-item.active .glyphicon:before,
    .bootstrap-select-multiple.list-group .list-group-item.active .glyphicon:before {
        content: "\e013";
    }

    .select-options-modal .select-options .list-group-item .glyphicon:before,
    .bootstrap-select-multiple.list-group .list-group-item .glyphicon:before {
        content: "";
    }

    .select-options-modal .select-options .list-group-item:first-child,
    .bootstrap-select-multiple.list-group .list-group-item:first-child {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .select-options-modal .select-options .list-group-item:last-child,
    .bootstrap-select-multiple.list-group .list-group-item:last-child {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .select-options-modal .select-options .list-group-item.active,
    .bootstrap-select-multiple.list-group .list-group-item.active {
        background-color: var(--color-s3-lighter);
        color: #333;
    }

    .select-options-modal .select-options .list-group-item.disabled,
    .bootstrap-select-multiple.list-group .list-group-item.disabled {
        color: #333;
        opacity: 0.5;
    }

    .select-options-modal .select-options .list-group-item:not(.disabled):hover,
    .bootstrap-select-multiple.list-group .list-group-item:not(.disabled):hover {
    }

.select-options-dropdown {
    position: relative;
    top: 2px;
    height: 350px;
    overflow-x: visible;
    overflow-y: auto;
    z-index: 1;
    text-align: left;
    white-space: normal;
    width: 100%;
}

    .select-options-dropdown.list-group a.list-group-item {
        border: 1px solid #d2ebc8;
    }

/*select options dialog END*/

@media (max-width: 768px) {
    .top-right-icon > div > a > img {
        max-width: 22px;
        min-height: 22px;
        float: right;
        margin-top: -20px;
    }
}


.content {
    background-color: #F8F8F8;
}





.borderless td, .borderless th {
    border: none;
}


/* Modal END */

.list-group-item > .form-group {
    margin-bottom: 0px;
}

label.error {
    color: #C00000;
    font-weight: normal;
}

.error-title {
    font-weight: bold;
    padding-bottom: 10px;
}

.unavailable {
    background-color: #efefef;
    color: #6B6B6B;
}

.text-unavailable {
    color: #777;
}

.iconQueston {
    color: var(--color-p2);
}

.field-validation-error {
    /*padding-left: 10px;*/
    color: var(--field-validation-error-message-font-color);
}

.panel-heading,
.list-group-item.header {
    /*color: #fff;
    background-color: #648c50;*/
    color: var(--panel-header-font-color);
    background-color: var(--panel-header-background-color);
    border-color: var(--panel-header-background-color);
    font-weight: bold;
}

.list-group-item.header-sm {
    padding: 4px 15px;
    /*background-color: #D7E3D4;
    border-color: #D7E3D4;
    color: #333;*/
    background-color: var(--list-group-item-header-sm-background-color);
    border-color: var(--list-group-item-border-color);
}

.panel-success > .panel-heading.header2,
.list-group-item.header2 {
    color: #333;
    background-color: var(--color-s3);
    font-weight: bold;
}

    .list-group-item.header2 .list-group-item-text {
        font-weight: normal;
    }

.itemdisplayname {
    font-size: 120%;
    font-weight: bolder;
    padding-bottom: 5px;
}

.itempricedisplay {
    font-size: 110%;
    font-weight: bold;
}

.itemdisplayerror {
    color: #C00000;
    padding-bottom: 8px;
}

.mini-cart-item {
    padding-bottom: 5px;
    padding-top: 5px;
}

.Legend {
    font-size: 20px;
    color: #33CC99; /*#5cb85c;*/
}

.total {
    margin-top: 10px;
}

.option-buttons {
    margin-top: 3px;
    margin-bottom: 3px;
}

.col-option-button {
    padding-left: 3px;
    padding-right: 0px;
}

.option-buttons .col-option-button:last-child {
    padding-right: 3px;
}

.col-7th {
    width: 14.28571428%;
    padding-left: 7px;
    padding-right: 7px;
}

.col {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.full-width {
    width: 100% !important;
}

.no-border {
    border: none;
}

.dark-border {
    border-color: #ddd;
}

.duplicate-icon {
    padding-right: 5px;
    color: #333;
}

.vertical-align-middle {
    padding: 4%;
}

/* Tooltip */
.tooltip {
    opacity: 1;
}

    .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-top-color: #d4e9c9;
        border-width: 5px 5px 0;
    }

.tooltip-inner {
    color: #000;
    background: #F5F5F5;
    border: solid 1px #d4e9c9;
    opacity: 1;
}
/* Tooltip */

@media (min-width:950px) {

    .form-horizontal .control-label.text-align-left {
        text-align: left;
    }
}

@media (min-width: 1200px) {
}

.lastaccordion {
    margin-left: 335px;
}

.table th, .table td {
    border-top: none !important;
    font-size: 15px;
}


@media (max-width: 968px) {
    .table th, .table td {
        border-top: none !important;
        font-size: 13px;
    }
}


@media (max-width: 768px) {
    .table th, .table td {
        border-top: none !important;
        font-size: 11px;
    }
}

@media (max-width: 568px) {
    .table th, .table td {
        border-top: none !important;
        font-size: 9px;
    }
}

@media (max-width: 368px) {
    .table th, .table td {
        border-top: none !important;
        font-size: 12px;
    }
}


#no-more-tables th {
    /* Behave  like a "row" */
    font-weight: normal;
}



.vcenter {
    vertical-align: middle !important;
}

.padding_top_5 {
    padding-top: 4px;
}

.a_underline {
    text-decoration: underline;
}

.none-left-padding {
    padding-left: 0 !important;
}

.none-right-padding {
    padding-right: 0 !important;
}

.max_width {
    max-width: 725px;
}

.thead_bg_color {
    background-color: #669454;
}

.th_font_color {
    color: #FFFFFF;
}


.navbar-lists {
    width: 98%;
    margin: 0 auto;
    margin-bottom: 5px;
}

@media (max-width:540px) {
    .navbar {
        margin-bottom: 0px;
    }
}

@media (min-width:768px) {
    .navbar {
        margin-bottom: 0px;
        border-radius: 0 0 4px 4px;
    }
}

@media (min-width:992px) {
    .navbar {
        margin-bottom: 30px;
    }
}

@media (max-width: 1199px) {
    .header-nav-item {
        padding: 10px 10px;
    }
}

@media (max-width: 991px) {
    .header-nav-item {
        padding: 5px 0;
        width: 70px;
        min-width: 0px;
    }
}

@media (min-width:1200px) {
    .navbar {
        margin-bottom: 30px;
        min-width: 70px;
    }
}
/* tabs menu end */

/* Raynor@July 24, 2024, D640: ul.navigation is deprecated, replaced by new header.  */
ul.navigation {
    float: left;
    margin-left: -40px;
    margin-top: 30px;
}

    ul.navigation > li {
        display: inline-block;
        list-style-type: none;
        border-radius: 2px;
        padding-top: 10px;
        padding-bottom: 2px;
        padding-right: 5px;
        padding-left: 5px;
    }

        ul.navigation > li:hover {
            /*background-color: #D8E4D3;*/
        }

        ul.navigation > li > a {
            text-decoration: underline;
            color: #323A45;
        }


ul.navigation2 {
    margin: 5px 0;
    padding-left: 0;
    background-color: transparent;
    border-bottom: 1px solid #a8a8a8;
}

    ul.navigation2 > li {
        background-color: var(--customer-tab-unselected-background-color);
        display: inline-block;
        list-style-type: none;
        padding: 7px 10px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        text-align: center;
        min-width: 70px;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }

        ul.navigation2 > li:hover {
            border-top: 1px solid #d2ebc8;
            border-left: 1px solid #d2ebc8;
            border-right: 1px solid #d2ebc8;
        }

        ul.navigation2 > li.active {
            background-color: var(--customer-tab-selected-background-color);
            color: #fff;
            border-top: 1px solid #d2ebc8;
            border-left: 1px solid #d2ebc8;
            border-right: 1px solid #d2ebc8;
        }

            ul.navigation2 > li.active:hover {
                border-top: 1px solid #648C50;
                border-left: 1px solid #648C50;
                border-right: 1px solid #648C50;
            }

            ul.navigation2 > li.active > a {
                color: var(--customer-tab-selected-font-color);
            }

        ul.navigation2 > li > a {
            color: var(--customer-tab-unselected-font-color);
            text-decoration: none;
        }

.details-section {
    line-height: 3em;
    background: var(--color-p2);
    color: #fff;
    border-color: var(--color-p2);
}

    .details-section > span {
        margin-left: -15px;
    }

.whitehyperlink {
    color: white;
}

    .whitehyperlink:hover {
        color: white;
    }

.navbar-toggle {
    float: left;
    margin-left: 15px;
}


@media (min-width:768px) {
    .mobilemedia {
        display: none;
    }

    .desktopview {
        border-color: #ddd;
    }

    .borderless td {
        width: 150px;
    }

    .FindFalconerdivstyle {
        padding-right: 80px;
        padding-left: 0px;
    }

    .label-disposition {
        padding-left: 20px;
    }

    .btn-falconry {
        margin-top: 0px;
    }
}

@media (max-width:767px) {
    .desktopview {
        display: none;
    }

    .mobilemedia .navbar-header {
        background-color: #648C50;
    }

    .FindBirdSelectStyle {
        padding-bottom: 60px;
    }
}


.bordergreencolor {
    border: 1px solid #ddd;
    /*border-right-color: #AEC1A4;
    border-left-color: #AEC1A4;
    border-bottom-color: #AEC1A4;
    border-right-width: medium;
    border-left-width: medium;
    border-bottom-width: medium;*/
}


@media only screen and (max-width: 740px) {


    #no-more-tables td:before {
        content: attr(data-title);
        font-weight: normal;
    }

    .select-mobile {
        max-width: 250px;
    }

    .div-margin-top {
        margin-top: 115px;
    }

    .license-master-margin-top {
        margin-top: 115px;
    }

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }


    #no-more-tables td {
        /* Behave  like a "row" */
        position: relative;
        padding-left: 40%;
        white-space: normal;
        text-align: left;
        height: 40px;
        font-weight: bold;
    }

        #no-more-tables td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            text-align: left;
            padding-top: 5px;
        }

        #no-more-tables td.twolines {
            height: 3em;
        }

    #no-more-tables input {
        max-width: 140px;
    }
}


.leftnav {
    background-color: #D8E4D3;
    border: 1px solid;
    margin: 0px;
    padding: 0px;
    z-index: 1;
    display: none;
    left: 0px;
}



@media (max-width: 768px) {
    .fixedlogo {
        position: fixed;
        z-index: 2;
    }
}

.leftnavheader {
    margin: 0px;
    padding: 0px 5px;
    background-color: #699056;
    border-bottom: 1px solid;
    color: white;
    text-align: center;
}

    .leftnavheader > div {
        display: inline-block;
        padding: 5px 10px;
        height: 27px;
    }

        .leftnavheader > div.bar {
            min-width: 230px;
        }

        .leftnavheader > div.arrow {
            min-width: 20px;
            border-left: 1px solid black;
            cursor: pointer;
            text-align: center;
            padding: 0px;
        }

.leftnavitem {
    border-bottom: 1px solid;
    margin: 0px;
    padding: 2px 5px;
    min-height: 27px;
}

    .leftnavitem > a {
        text-decoration: none;
        text-decoration-style: none;
        color: black;
    }

.leftnavitemgroup {
}

.headerstrip {
    background-color: #699056;
    width: 100%;
    z-index: 2;
}

    .headerstrip > div {
        display: inline-block;
    }

        .headerstrip > div:first-child {
            padding: 0px 5px;
        }


#customer-menu-mobile {
    border: 1px solid #aec1a4;
    border-radius: 3px;
    padding: 2px 3px 1px 3px;
    /*margin: 24px -10px;*/
    margin-top: 0px;
    margin-bottom: 4px;
    z-index: 0;
}

    #customer-menu-mobile.collapsing {
        overflow-x: visible;
    }

    #customer-menu-mobile.collapse.in {
        border-top-left-radius: 0;
    }


.mybtnstyle {
    margin-left: -10px;
    float: left;
    background-color: transparent;
    background-image: none;
    border-radius: 4px;
    -webkit-appearance: button;
    outline: none;
    border: 1px solid transparent;
    padding: 0 13px;
    height: 38px;
}


    .mybtnstyle .icon-bar {
        background-color: var(--color-p2);
        display: block;
        width: 30px;
        height: 4px;
        border-radius: 1px;
    }

        .mybtnstyle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

.label-style {
    font-weight: normal;
    white-space: nowrap;
    margin-top: 6px;
    padding-left: 0px;
}

.long-label-style {
    font-weight: normal;
    white-space: normal;
    margin-top: 6px;
    word-wrap: break-word;
}

.label-style-new {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}

span.label-style-new.control-label {
    display: block;
}

.residency-label-style {
    font-weight: normal;
    white-space: nowrap;
}

.label-text {
    font-weight: normal;
}

.label-value,
.label-value-mobile-only {
    background-color: var(--form-control-disabled-background-color);
    opacity: 1;
    font-weight: bold;
    border: 1px solid #ccc;
    border-radius: 4px;
    min-height: 32px;
    padding: 6px 12px;
    margin-bottom: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: var(--form-control-disabled-font-color);
    word-wrap: break-word;
}

.label-value-noborder,
.label-value-mobile-only-noborder {
    opacity: 1;
    font-weight: bold;
    min-height: 30px;
    padding: 0px 12px 6px 12px;
    margin-bottom: 10px;
    vertical-align: top;
}

.label-value-no-border {
    margin-top: 20px;
}

.data-title:before,
.data-title-mobile-only:before {
    content: attr(data-title);
    position: absolute;
    width: 25%;
}

.special-permit-contact-list .data-title-mobile-only:before {
    overflow-wrap: anywhere;
}

.data-title .label-value,
.data-title .label-value-mobile-only,
.data-title-mobile-only .label-value-noborder,
.data-title-mobile-only .label-value-mobile-only-noborder,
.data-title-mobile-only .label-value,
.data-title-mobile-only .label-value-mobile-only {
    width: 70%;
    margin-left: 30%;
}

.data-title-mobile-only.harvest-report:before {
    width: 35%;
}

.data-title-mobile-only.harvest-report .label-value-mobile-only,
.data-title-mobile-only.harvest-report .field-validation-error,
.data-title-mobile-only.harvest-report .form-control {
    width: 55%;
    margin-left: 45%;
}

.data-title-mobile-only.harvest-report .field-validation-error {
    display: inline-block;
}

.data-title-mobile-only.harvest-report .field-validation-error,
.data-title-mobile-only.harvest-report .form-control {
    padding: 6px 5px;
}

    .data-title-mobile-only.harvest-report .form-control.bootstrap-select {
        padding: 0px;
    }

@media (max-width: 768px) {
    .label-style {
        white-space: normal;
    }

    .input-style {
        width: 102%;
    }

    .email-style {
        min-height: 70px;
    }

    .Select-Button-FindBird {
        padding-bottom: 100px;
    }
}


.checkbox-style {
    margin-top: 6px;
    padding-left: 6px;
}

.padding-top-5 {
    padding-top: 5px;
}

/*WaterFowl draw result --- begin */
.water-fowl-row {
    padding-bottom: 0px;
    padding-top: 0px;
}

.water-fowl-item {
    padding-top: 10px;
}
/*WaterFowl draw result --- end */

/* Checkbox --------- BEIGN */
label.checkbox {
    font-weight: normal;
    line-height: 10px;
    padding: 3px 3px;
    position: relative;
    margin: 0 0 0 28px;
    display: inline-block;
}

    label.checkbox.mini {
        min-width: 25px;
        border: solid 1px #ccc;
        border-radius: 20px;
        padding: 0px;
        margin-left: -4px !important;
        /*padding-left:-10px !important;*/
    }

    label.checkbox.mobile {
        min-width: 30px;
        border: solid 1px #ccc;
        border-radius: 10px;
        margin: 0;
    }

        label.checkbox.mini > .glyphicon:empty,
        label.checkbox.mobile > .glyphicon:empty {
            display: none;
        }

        label.checkbox.mini.selected,
        label.checkbox.mobile.selected {
            background-color: var(--color-p2);
            color: #fff;
            font-weight: bold;
        }

    label.checkbox > input[type=checkbox] {
        margin-top: 0px;
        margin-left: -20px;
    }

    label.checkbox > .glyphicon {
        border-radius: 4px;
        left: -28px;
        padding: 5px 8px;
        position: absolute;
        top: -3px;
        cursor: default;
    }

    label.checkbox > input[type=checkbox] {
        opacity: 0;
        margin-top: 0px;
        margin-left: 0px;
    }

        label.checkbox > input[type=checkbox]:checked + input + .glyphicon {
            background-color: var(--color-p1);
            color: #323A45;
        }

            label.checkbox > input[type=checkbox]:checked + input + .glyphicon:before {
                content: "\e067";
            }

        label.checkbox > input[type=checkbox]:not(:checked) + input + .glyphicon {
            background-color: transparent;
            color: #323A45;
        }

            label.checkbox > input[type=checkbox]:not(:checked) + input + .glyphicon:before {
                content: "\e157";
            }

        label.checkbox > input[type=checkbox].input-validation-error + input + .glyphicon {
            color: #C00000;
        }

label span.desc-info {
    line-height: 1.42857;
    margin-top: -3px;
    display: block;
}

/* Checkbox --------- END */
/*New Checkbox ADA*/
.customCheckbox {
    font-weight: normal;
    position: relative;
    display: inline-block;
}

    .customCheckbox.mini {
        min-width: 25px;
        border: solid 1px #ccc;
        border-radius: 20px;
        padding: 0px;
        margin-left: -4px !important;
        /*padding-left:-10px !important;*/
    }

    .customCheckbox.mobile {
        min-width: 30px;
        border: solid 1px #ccc;
        border-radius: 10px;
        margin: 0;
    }

        .customCheckbox.mini > .glyphicon:empty,
        .customCheckbox.mobile > .glyphicon:empty {
            display: none;
        }

        .customCheckbox.mini.selected,
        .customCheckbox.mobile.selected {
            background-color: var(--color-p2);
            color: #fff;
            font-weight: bold;
        }

    .customCheckbox > .glyphicon {
        border-radius: 4px;
        padding: 5px 8px;
        cursor: default;
    }

    .customCheckbox > input[type=checkbox] {
        opacity: 0;
        width: 0.1px;
        margin-top: 0px;
        margin-left: 0px;
    }

@-moz-document url-prefix() {
    .customCheckbox > input[type=checkbox] {
        opacity: 0;
        margin-top: 0px;
        margin-left: -12px;
    }
}

.customCheckbox > input[type=checkbox]:checked + input + .glyphicon {
    background-color: var(--color-p1);
    color: #323A45;
}

    .customCheckbox > input[type=checkbox]:checked + input + .glyphicon:before {
        content: "\e067";
    }

.customCheckbox > input[type=checkbox]:not(:checked) + input + .glyphicon {
    background-color: transparent;
    color: #323A45;
}

    .customCheckbox > input[type=checkbox]:not(:checked) + input + .glyphicon:before {
        content: "\e157";
    }

.customCheckbox > input[type=checkbox].input-validation-error + input + .glyphicon {
    color: #C00000;
}
/*New Checkbox ADA END*/

.Item-panel-heading {
    background-color: #699056;
}

.active-menu-item {
    background-color: #A6C09A;
}

.profile-navbar {
    left: 15px;
}

.popover-content {
    word-wrap: break-word;
}

.address-Label-Style {
    font-weight: normal;
    padding-left: 0px;
}

.WaterfowlMultiChoicePurchased {
    text-align: center;
    font-size: smaller;
    font-weight: bolder;
    font-style: italic;
    color: #333;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.label-shiftdown-1 {
    padding-top: 10px;
}

.label-shiftdown-2 {
    padding-top: 5px;
}



@media (min-width:750px) {
    .nowrap {
        white-space: nowrap;
    }

    .table-border-color {
        border-color: #D7E3D4;
        border-radius: 4px;
    }

    .image-width {
        max-width: 400px;
    }

    .file-upload-title-width {
        max-width: 100px;
    }
}



@media(max-width:750px) {
    .nowrap {
        white-space: normal;
    }

    .table-border-color {
        border-color: #D7E3D4;
        border-radius: 4px;
    }

    .file-upload-title-width {
        max-width: 135px;
    }
}

.remove-leftpadding {
    padding-left: 0px;
}

.bold-uneditable {
    font-weight: bold;
    border-radius: 4px;
    padding-left: 4px;
    border: 1px solid #ccc;
}


@media (min-width:801px) {
    .image-width {
        max-width: 450px;
    }
}


@media(max-width: 750px) {
    .falconry-label-max-width {
        max-width: 140px;
    }

    .species-min-width {
        min-width: 180px;
    }

    .voucher-name-max-width {
        max-width: 250px;
    }
}

@media(min-width: 750px) {
    .file-upload-label-width {
        padding-left: 35px;
    }

    .attachment-remove-leftpadding {
        padding-left: 0px;
    }
}

@media(max-width: 750px) {
    .file-upload-label-width {
        padding-left: 0px;
    }
}

@media(max-width:780px) {
    .longitude-max-width {
        max-width: 145px;
    }
}

@media(min-width:780px) {
    .longitude-max-width {
        max-width: 190px;
    }
}


@media only screen and (max-width: 740px) {


    #no-more-tables2 td:before {
        content: attr(data-title);
        font-weight: normal;
    }

    .select-mobile {
        max-width: 250px;
    }

    .div-margin-top {
        margin-top: 115px;
    }

    .license-master-margin-top {
        margin-top: 115px;
    }

    /* Force table to not be like tables anymore */
    #no-more-tables2 table,
    #no-more-tables2 thead,
    #no-more-tables2 tbody,
    #no-more-tables2 th,
    #no-more-tables2 td,
    #no-more-tables2 tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables2 thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }


    #no-more-tables2 td {
        /* Behave  like a "row" */
        position: relative;
        padding-left: 43%;
        white-space: normal;
        text-align: left;
        height: 40px;
        font-weight: bold;
    }

        #no-more-tables2 td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            text-align: left;
        }

        #no-more-tables2 td.twolines {
            height: 3em;
        }

    #no-more-tables2 input {
        max-width: 140px;
    }
}

@media(min-width:768px) {
    .profile-margin-top {
        margin-top: 25px;
        white-space: nowrap;
    }

    .state-min-width {
        min-width: 50px;
    }
}

@media(min-width:750px) {
    .text-no-wrap {
        white-space: nowrap;
    }
}

@media(min-width:768px) {
    .sponsor-margin-top {
        margin-top: 27px;
    }
}

@media(max-width:768px) {
    .sponsor-margin-top {
        margin-bottom: 15px;
    }
}


@media(min-width:768px) {
    .Out-of-state-sponsor-margin-top {
        margin-top: 15px;
    }
}

@media(min-width:768px) {
    .create-app-padding {
        padding-left: 25px;
    }
}

@media(max-width:768px) {
    .create-app-padding {
        padding-left: 10px;
    }
}

@media(min-width:768px) {
    .continue-padding {
        padding-left: 50px;
    }
}

.checkbox-color {
    color: #323A45;
}


@media(min-width:768px) {
    .Intend-to-release-margin-top {
        margin-top: 25px;
    }
}


@media(min-width:768px) {
    .weight-max-width {
        max-width: 100px;
    }

    .year-of-hatch {
        text-align: center;
    }

    .no-wrap-desktop {
        white-space: nowrap;
    }

    .lat-long-remove-padding {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media(max-width:768px) {
    .item-space-mobile-only {
        margin-bottom: 15px;
    }

    .Application-Recieved-Date {
        margin-bottom: 20px;
    }

    .line-width-mobile {
        line-height: 17.1428px;
    }
}


.content-align-center {
    text-align: center;
}

@media(max-width:767px) {
    .mobile-header-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}



@media(max-width:800px) {
    .drag-and-drop-display {
        display: none;
    }
}




.placeholder {
    color: #aaa;
}

.col-xs-1-24th, .col-xs-2-24th, .col-xs-3-24th, .col-xs-4-24th, .col-xs-5-24th, .col-xs-6-24th,
.col-xs-7-24th, .col-xs-8-24th, .col-xs-9-24th, .col-xs-10-24th, .col-xs-11-24th, .col-xs-12-24th,
.col-xs-13-24th, .col-xs-14-24th, .col-xs-15-24th, .col-xs-16-24th, .col-xs-17-24th, .col-xs-18-24th,
.col-xs-19-24th, .col-xs-20-24th, .col-xs-21-24th, .col-xs-16-22th, .col-xs-23-24th, .col-xs-24-24th,
.col-sm-1-24th, .col-sm-2-24th, .col-sm-3-24th, .col-sm-4-24th, .col-sm-5-24th, .col-sm-6-24th,
.col-sm-7-24th, .col-sm-8-24th, .col-sm-9-24th, .col-sm-10-24th, .col-sm-11-24th, .col-sm-12-24th,
.col-sm-13-24th, .col-sm-14-24th, .col-sm-15-24th, .col-sm-16-24th, .col-sm-17-24th, .col-sm-18-24th,
.col-sm-19-24th, .col-sm-20-24th, .col-sm-21-24th, .col-sm-16-22th, .col-sm-23-24th, .col-sm-24-24th {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-xs-1-24th, .col-xs-2-24th, .col-xs-3-24th, .col-xs-4-24th, .col-xs-5-24th, .col-xs-6-24th,
.col-xs-7-24th, .col-xs-8-24th, .col-xs-9-24th, .col-xs-10-24th, .col-xs-11-24th, .col-xs-12-24th,
.col-xs-13-24th, .col-xs-14-24th, .col-xs-15-24th, .col-xs-16-24th, .col-xs-17-24th, .col-xs-18-24th,
.col-xs-19-24th, .col-xs-20-24th, .col-xs-21-24th, .col-xs-16-22th, .col-xs-23-24th, .col-xs-24-24th {
    float: left;
}

.col-xs-1-24th {
    width: 4.16666667%;
}

.col-xs-2-24th {
    width: 8.33333333%;
}

.col-xs-3-24th {
    width: 12.5%;
}

.col-xs-4-24th {
    width: 16.66666667%;
}

.col-xs-5-24th {
    width: 20.83333333%;
}

.col-xs-6-24th {
    width: 25%;
}

.col-xs-7-24th {
    width: 29.16666667%;
}

.col-xs-8-24th {
    width: 33.33333333%;
}

.col-xs-9-24th {
    width: 37.5%;
}

.col-xs-10-24th {
    width: 41.66666667%;
}

.col-xs-11-24th {
    width: 45.83333333%;
}

.col-xs-12-24th {
    width: 50%;
}

.col-xs-13-24th {
    width: 54.16666667%;
}

.col-xs-14-24th {
    width: 58.33333333%;
}

.col-xs-15-24th {
    width: 62.5%;
}

.col-xs-16-24th {
    width: 66.66666667%;
}

.col-xs-17-24th {
    width: 70.83333333%;
}

.col-xs-18-24th {
    width: 75%;
}

.col-xs-19-24th {
    width: 79.16666667%;
}

.col-xs-20-24th {
    width: 83.33333333%;
}

.col-xs-21-24th {
    width: 87.5%;
}

.col-xs-22-24th {
    width: 91.66666667%;
}

.col-xs-23-24th {
    width: 95.83333333%;
}

.col-xs-24-24th {
    width: 100%;
}

.input-validation-error {
    border: 1px solid #C00000;
}



.hfdesktop .dw .dwwb {
    background-color: var(--color-p1) !important;
    border-color: var(--color-p1) !important;
}

.hfdesktop .dw .dwb,
.hfdesktop .dw .dwb:focus,
.hfdesktop .dw .dwb:hover {
    background-color: var(--color-p1) !important;
    border-color: var(--color-p1) !important;
}

.hfdesktop .dw-bubble-top .dw-arr {
    border-color: var(--color-p1) transparent transparent transparent !important;
}

.hfdesktop .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent var(--color-p1) transparent !important;
}

/*#googleMap {
  width: 100%;
  height: 300px;
  margin-bottom: 15px;
  border: 2px solid #fff;
}*/
@media (min-width:768px) {
    .googleMapCanvas {
        width: 100%;
        height: 450px;
    }
}
/*@media (min-width:620px) and (max-width: 767px)
{
      .googleMapCanvas{
        width:100%;
        height:450px;
    }
}
@media (min-width:500px) and (max-width: 619px)
{
      .googleMapCanvas{
        width:100%;
        height:380px;
    }
}
@media (min-width:360px) and (max-width: 499px)
{
      .googleMapCanvas{
       width:100%;
        height:240px;
    }
}*/
@media (max-width: 767px) {
    .googleMapCanvas {
        width: 100%;
        height: 300px;
    }
}

.header-align-center {
    display: flex;
    flex-direction: column;
    font-weight: bold;
    font-size: 11pt;
}

.noShadow {
    -webkit-box-shadow: none;
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover {
    background-image: -webkit-linear-gradient(top, var(--color-p1), var(--color-p1));
    background-image: -moz-linear-gradient(top, var(--color-p1), var(--color-p1));
    background-image: -ms-linear-gradient(top, var(--color-p1), var(--color-p1));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--color-p1)), to(var(--color-p1)));
    background-image: -o-linear-gradient(top, var(--color-p1), var(--color-p1));
    background-image: linear-gradient(top, var(--color-p1), var(--color-p1));
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover {
    background-image: -webkit-linear-gradient(top, var(--color-p2), var(--color-p2));
    background-image: -moz-linear-gradient(top, var(--color-p2), var(--color-p2));
    background-image: -ms-linear-gradient(top, var(--color-p2), var(--color-p2));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--color-p2)), to(var(--color-p2)));
    background-image: -o-linear-gradient(top, var(--color-p2), var(--color-p2));
    background-image: linear-gradient(top, var(--color-p2), var(--color-p2));
}

.text-success {
    color: var(--color-p1);
}

.hf .dwwr {
    background-color: var(--color-p2) !important;
    color: white !important;
}

.hf .dwbg .dwb {
    border-color: var(--color-p2) !important;
    color: white !important;
}

.hf .dw .dwb {
    background-color: var(--color-p2) !important;
    color: white !important;
}

.alert-warning {
    color: var(--alert-warning-font-color);
    background-color: var(--alert-warning-background-color);
    border-color: var(--alert-warning-border-color);
}

.disabledItem {
    color: gainsboro !important;
}

.error {
    /* Raynor@June 24, 2024 D640: 
    didn't find where it's used, so just follow field-validation in here.  */
    color: var(--field-validation-error-message-font-color);
}

.form-control:focus {
    border-color: var(--color-p2-lighter);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px var(--color-p2-lighter);
}

@media (max-width: 768px) {
    .btnContainer {
        display: table;
        width: 100%;
    }

    .cancelBtn {
        display: table-footer-group;
    }

    .nextBtn {
        display: table-header-group;
    }
}

.control-span {
    font-weight: normal;
    display: inline-block;
    margin-bottom: 5px;
}

.mapboxgl-ctrl-attrib.mapboxgl-compact {
    display: none !important;
}

.mapboxgl-ctrl-attrib.mapboxgl-compact {
    display: none !important;
}

@media (max-width: 768px) {
    #CommonDlg_BB0E2877-5826-494B-92FA-BBBBB9203519 .modal-body {
        padding: 3px
    }

    #CommonDlg_BB0E2877-5826-494B-92FA-BBBBB9203519 .modal-footer .btn {
        margin-top: 5px;
    }

    [data-dialog-name="customer-profile-email-empty"] .modal-body {
        padding: 3px;
    }


    [data-dialog-name="customer-profile-email-empty"] .modal-footer {
        padding: 4px;
    }

        [data-dialog-name="customer-profile-email-empty"] .modal-footer .btn {
            margin-top: 5px;
        }

    [data-dialog-name="customer-profile-email-empty"] p {
        margin: 0px;
    }

    [data-dialog-name="customer-profile-email-empty"] ul {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    [data-dialog-name="customer-profile-email-empty"] br + br {
        display: none;
    }
}

@media (max-width: 768px) {
    [questionnairefor="Lands Pass Details"] .media-left {
        display: inline-block;
        max-width: 30px;
    }

    [questionnairefor="Lands Pass Details"] .media-body {
        display: inline-block;
        max-width: calc(100% - 35px);
    }
}


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