body {
}

.text-storagered {
    color: #8E2800;
}

.text-mellowyellow {
    color: #F1A400
}

a.text-storagered:hover, a.text-storagered:focus {
    color: #c22d20 !important;
}



.solution-header {
    font-family: "Kanit";
    color: #ffc107;
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    font-style: italic;
    padding: 5px 0 5px 20px;
    line-height: 1 !important;
}

.solution-header_sub {
    font-family: "Kanit";
    color: #ffc107;
    font-size: 24px;
    font-weight: 600;
    font-style: italic;
    padding: 5px 0 5px 20px;
    line-height: 1 !important;
}

.solution-desc {
    font-family: "Poppins", sans-serif;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    padding: 0px 0 10px 0px;
    font-style: italic;
    line-height: 1.15 !important;
}



.custom-dropdown {
    padding: 15px 40px !important;
}

/*----------------------------------
Custom For Acorn
----------------------------------*/


.bg-custom-nav {
    background-color: #45637F;
}

.bg-custom {
    background-color: #6A757F;
}

.bg-custom2 {
    background-color: #7f776a;
}

.bg-custom3 {
    background-color: #056571;
}
/*Green Shade Color */
.bg-custom4 {
    background-color: #468966;
}

.bg-custom7 {
    background-color: #A66F3F;
}


.bg-custom_Red {
    background-color: #A30212 !important;
}

.bg-custom_Dgreen {
    background-color: #003C3C !important;
}

.bg-GreenGrey{
    background-color: #c3c4a7 !important;
}

.bg-custom_Yellow {
    background-color: #ffc107;
}


.table-custom_Yellow {
    --bs-table-bg: #ffc107;
}

.bg-warning-new {
    background-color: #f5ca99 !important;
}

.table-warning-new {
    --bs-table-bg: #f5ca99;
}

.bg-infobar {
    background-color: #59514F;
}

.bg-Indigo2 {
    background-color: #30415D;
}

.bg-Iceland1 {
    background-color: #2A4759;
}

.bg-Iceland2 {
    background-color: #325A73;
}

.bg-Iceland3 {
    background-color: #688EA6;
}

.bg-Iceland4 {
    background-color: #9AC7D9;
}

.bg-Iceland5 {
    background-color: #0D0D0D;
}

.text-storagered {
    color: #8E2800;
}

a.text-storagered:hover, a.text-storagered:focus {
    color: #c22d20 !important;
}

.text-Exchange {
    color: #009900 !important;
}

.bg-divider {
    background-color: #F1E9D7;
}

.bg-divider2 {
    background-color: #F1F4F8;
}



/*This is the btn-menu1 colors */
.btn-menu1 {
    color: #FFFFFF;
    background-color: #25616E;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu1:hover, .btn-menu1:focus, .btn-menu1:active, .btn-menu1.active, .open > .dropdown-toggle.btn-menu1 {
        color: #000000;
        background-color: #81B7FF;
        border: solid thin black;
        text-decoration: none;
    }




/*This is the reverse colors of btn-menu3 colors */
.btn-menuY2G {
    color: #000000;
    background-color: #F1A400;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menuY2G:hover, .btn-menuY2G:focus, .btn-menuY2G:active, .btn-menuY2G.active, .open > .dropdown-toggle.btn-menuY2G {
        color: #000000;
        background-color: #99BE7F;
        border: solid thin black;
        text-decoration: none;
    }

/*This is the btn-menu2 colors */
.btn-menu2 {
    color: #FFFFFF;
    background-color: #6f714f;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu2:hover, .btn-menu2:focus, .btn-menu2:active, .btn-menu2.active, .open > .dropdown-toggle.btn-menu2 {
        color: #000000;
        background-color: #99BE7F;
        border: solid thin black;
        text-decoration: none;
    }


/*This is the btn-menu2b colors */
.btn-menu2b {
    color: #FFFFFF;
    background-color: #6A8F63;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu2b:hover, .btn-menu2b:focus, .btn-menu2b:active, .btn-menu2b.active, .open > .dropdown-toggle.btn-menu2b {
        color: #000000;
        background-color: #99BE7F;
        border: solid thin black;
        text-decoration: none;
    }

/*This is the btn-menu2c colors */
.btn-menu2c {
    color: #FFFFFF;
    background-color: #754d05;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu2c:hover, .btn-menu2c:focus, .btn-menu2c:active, .btn-menu2c.active, .open > .dropdown-toggle.btn-menu2c {
        color: #000000;
        background-color: #99BE7F;
        border: solid thin black;
        text-decoration: none;
    }

/*This is the btn-menu3 colors */
.btn-menu3 {
    color: #FFFFFF;
    background-color: #780000;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu3:hover, .btn-menu3:focus, .btn-menu3:active, .btn-menu3.active, .open > .dropdown-toggle.btn-menu3 {
        color: #000000;
        background-color: #F1A400;
        border: solid thin black;
        text-decoration: none;
    }

/*This is the reverse colors or btn-menu3 colors */
.btn-menu3r {
    color: #ffffff;
    background-color: #F1A400;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu3r:hover, .btn-menu3r:focus, .btn-menu3r:active, .btn-menu3r.active, .open > .dropdown-toggle.btn-menu3r {
        color: #FFCC66;
        background-color: #780000;
        border: solid thin black;
        text-decoration: none;
    }

/*This is the reverse colors or btn-menu3 colors - used on updates page where updates are required*/
.btn-menu3rb {
    color: #000000;
    background-color: #F1A400;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu3rb:hover, .btn-menu3rb:focus, .btn-menu3rb:active, .btn-menu3rb.active, .open > .dropdown-toggle.btn-menu3rb {
        color: #ffffff;
        background-color: #5B7E41;
        border: solid thin black;
        text-decoration: none;
    }

/*This is the reverse colors or btn-menu3q colors */
.btn-menu3q {
    color: #ffffff;
    background-color: #A59C01;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu3q:hover, .btn-menu3q:focus, .btn-menu3q:active, .btn-menu3q.active, .open > .dropdown-toggle.btn-menu3q {
        color: #000000;
        background-color: #C0C651;
        border: solid thin black;
        text-decoration: none;
    }


/*This is the reverse colors or btn-menu3x colors */
.btn-menu3x {
    color: #fff;
    background-color: #F1A400;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu3x:hover, .btn-menu3x:focus, .btn-menu3x:active, .btn-menu3x.active, .open > .dropdown-toggle.btn-menu3x {
        color: aqua;
        background-color: #780000;
        border: solid thin black;
        text-decoration: none;
    }

/*This is the btn-menu4 colors */
.btn-menu4 {
    color: #FFFFFF;
    background-color: #454755;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu4:hover, .btn-menu4:focus, .btn-menu4:active, .btn-menu4.active, .open > .dropdown-toggle.btn-menu4 {
        color: #FFCC66;
        background-color: #F06F3E;
        border: solid thin black;
        text-decoration: none;
    }

/*This is the btn-menu4q colors */
.btn-menu4q {
    color: #ffffff;
    background-color: #728EA6;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu4q:hover, .btn-menu4q:focus, .btn-menu4q:active, .btn-menu4q.active, .open > .dropdown-toggle.btn-menu4q {
        color: #000000;
        background-color: #53B6C4;
        border: solid thin black;
        text-decoration: none;
    }


/*This is the btn-menu5 colors */
.btn-menu5 {
    color: #FFFFFF;
    background-color: #6a757f;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu5:hover, .btn-menu5:focus, .btn-menu5:active, .btn-menu5.active, .open > .dropdown-toggle.btn-menu5 {
        color: #000000;
        background-color: #D8D0C5;
        border: solid thin black;
        text-decoration: none;
    }
/*This is the btn-menu6 colors */
.btn-menu6 {
    color: #FFFFFF;
    background-color: #153e5c;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu6:hover, .btn-menu6:focus, .btn-menu6:active, .btn-menu6.active, .open > .dropdown-toggle.btn-menu6 {
        color: #000000;
        background-color: #87aeb4;
        border: solid thin black;
        text-decoration: none;
    }
/*This is the btn-menu6a colors */
.btn-menu6a {
    color: #FFFFFF;
    background-color: #015E8F;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu6a:hover, .btn-menu6a:focus, .btn-menu6a:active, .btn-menu6a.active, .open > .dropdown-toggle.btn-menu6a {
        color: #000000;
        background-color: #87aeb4;
        border: solid thin black;
        text-decoration: none;
    }
/*This is the btn-menu7 colors */
.btn-menu7 {
    color: #FFFFFF;
    background-color: #A66F3F;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu7:hover, .btn-menu7:focus, .btn-menu7:active, .btn-menu7.active, .open > .dropdown-toggle.btn-menu7 {
        color: #000000;
        background-color: #FFB426;
        border: solid thin black;
        text-decoration: none;
    }
/*This is the btn-menu8 colors */
.btn-menu8 {
    color: #FFFFFF;
    background-color: #454755;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu8:hover, .btn-menu8:focus, .btn-menu8:active, .btn-menu8.active, .open > .dropdown-toggle.btn-menu8 {
        color: #000000;
        background-color: #FFB426;
        border: solid thin black;
        text-decoration: none;
    }

/*This is the btn-menu8T Transperany forecolor */
.btn-menu8T {
    background-color: transparent;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu8T:hover, .btn-menu8T:focus, .btn-menu8T:active, .btn-menu8T.active, .open > .dropdown-toggle.btn-menu8T {
        color: #000000;
        background-color: #FFB426;
        border: solid thin black;
        text-decoration: none;
    }

.btn-T2Warning {
    background-color: transparent;
    border: solid thin black;
    text-decoration: none;
}

    .btn-T2Warning:hover, .btn-T2Warning:focus, .btn-T2Warning:active, .btn-T2Warning.active, .open > .dropdown-toggle.btn-T2Warning {
        color: #000000;
        background-color: #ffa700;
        border: solid thin black;
        text-decoration: none;
    }


.btn-T2DBlue {
    background-color: transparent;
    border: solid thin black;
    text-decoration: none;
}

    .btn-T2DBlue:hover, .btn-T2DBlue:focus, .btn-T2DBlue:active, .btn-T2DBlue.active, .open > .dropdown-toggle.btn-T2DBlue {
        color: #ffffff;
        background-color: #003b80;
        border: solid thin black;
        text-decoration: none;
    }


/*This is the btn-menuT2A Transperany forecolor */
.btn-menuT2A {
    background-color: lightgrey;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menuT2A:hover, .btn-menu8:focus, .btn-menuT2A:active, .btn-menuT2A.active, .open > .dropdown-toggle.btn-menuT2A {
        color: #ffffff;
        background-color: #45637F;
        border: solid thin black;
        text-decoration: none;
    }


/*This is the btn-menu6 colors */
.btn-menu9 {
    color: #FFFFFF;
    background-color: #555515;
    border: solid thin black;
    text-decoration: none;
}

    .btn-menu9:hover, .btn-menu9:focus, .btn-menu9:active, .btn-menu9.active, .open > .dropdown-toggle.btn-menu9 {
        color: #000000;
        background-color: #ACAC5C;
        border: solid thin black;
        text-decoration: none;
    }



.border-acorn {
    border-color: #45637F !important;
}

.border-acornLight {
    border-color: #d1d1e0 !important;
}

* {
    box-sizing: border-box;
}

li.b:hover {
    background-color: #E5E5E5;
    cursor: pointer;
}


#resultsTable {
    border-radius: 5px !important;
    border-width: 2px !important;
    border-style: solid !important;
    /* border-color: rgba(0, 128, 255, 0.9) !important; */
    width: 96%; /*Tested and working as expected: */
    padding-top: 1%;
    margin: 0px auto;
    float: none;
}

.addBorder {
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
}

.addBorder-light {
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    background-color: #f8f5f0;
}



.text-calendar-check {
    color: #447f70;
}

    .text-calendar-check:hover {
        color: #f59b14;
    }



.btn-acorn {
    color: #fff;
    background-color: #45637F;
    border: solid thin black;
    text-decoration: none;
}

    .btn-acorn:hover {
        color: #fff;
        background-color: #528D9E;
        border: solid thin black;
        text-decoration: none;
    }

    .btn-acorn:focus, .btn-acorn.focus {
        box-shadow: 0 0 0 0.2rem rgba(55, 125, 255, 0.5);
    }

.btn-acorn-b-y {
    color: #fff;
    background-color: #45637F;
    border: solid thin black;
    text-decoration: none;
}

    .btn-acorn-b-y:hover {
        color: #FFC107;
        background-color: #528D9E;
        border: solid thin black;
        text-decoration: none;
    }

    .btn-acorn-b-y:focus, .btn-acorn-b-y.focus {
        box-shadow: 0 0 0 0.2rem rgba(55, 125, 255, 0.5);
    }





.bg-acorn-HdrFtr {
    background-color: #45637F !important;
}

.bg-acorn {
    background-color: #45637F !important;
}

.bg-inputRequired {
    background-color: #FFFCF5 !important
}

.bg-inputMauve {
    background-color: #F7F7FF !important
}

.bg-Optional {
    background-color: #F4F8F0 !important
}

.bg-tan {
    background-color: #F1DB99;
}

.text-nav-acorn {
    color: #f8f9fa !important;
}

a.text-nav-acorn:hover, a.text-nav-acorn:focus {
    color: #ffc107 !important;
}

.text-nav-acorn2 {
    color: #f8f9fa !important;
}

a.text-nav-acorn2:hover, a.text-nav-acorn2:focus {
    color: #00b2c9 !important;
}

.text-nav-acorn3 {
    color: #45637F !important;
}

a.text-nav-acorn3:hover, a.text-nav-acorn3:focus {
    color: #045cff !important;
}

.text-nav-acorn4 {
    color: #f8f9fa !important;
}

a.text-nav-acorn4:hover, a.text-nav-acorn4:focus {
    color: #FF6600 !important;
}

.text-nav-acorn5 {
    color: #f8f9fa !important;
}

a.text-nav-acorn5:hover, a.text-nav-acorn5:focus {
    color: #222436 !important;
}

.text-acorn {
    color: #45637F !important;
}

a.text-acorn:hover, a.text-acorn:focus {
    color: #2E4254 !important;
}

.text-acornLight {
    color: #d9d9f2 !important;
}

a.text-acornLight:hover, a.text-acornLight:focus {
    color: #9f9fdf !important;
}

.text-acorn-name {
    color: #A66F3F !important;
}



/* indigo Acorn */
.badge-outline-acorn {
    color: #45637F;
    font-size: medium;
    border-color: #45637F;
    border-width: thin;
    padding-top: 2px;
    padding-bottom: 3px;
    margin-top: 5px;
}





/* warning text button */
.btn-text-warning2 {
    color: #ffc107;
    background: transparent;
}

    .btn-text-warning2[href]:hover, .btn-text-warning2[href]:focus, .btn-text-warning2[href]:active, .btn-text-warning2[type]:hover, .btn-text-warning2[type]:focus, .btn-text-warning2[type]:active {
        color: #1e2022;
    }



/* acorn button :hover, :focus, :active effects */
.btn-acorn[href]:hover, .btn-acorn[href]:focus, .btn-acorn[href]:active, .btn-acorn[type]:hover, .btn-acorn[type]:focus, .btn-acorn[type]:active {
    box-shadow: 0 4px 11px rgba(55, 125, 255, 0.35);
}

.btn-acorn:not(label.btn), .btn-acorn:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-acorn:not([href]), .btn-acorn:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #45637F;
    border-color: #377dff;
}


.gradient-half-acorn-v1 {
    background-image: linear-gradient(0deg, #45637F 0%, #A8C4E0 100%);
    background-repeat: repeat-x;
}


/* facebook */
.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border: solid thin black;
    text-decoration: none;
}

    .btn-facebook:hover {
        color: #fff;
        background-color: #30497c;
        border: solid thin black;
        text-decoration: none;
    }

    .btn-facebook:focus, .btn-facebook.focus {
        box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5);
    }

    .btn-facebook.disabled, .btn-facebook:disabled {
        color: #fff;
        background-color: #3b5998;
        border: solid thin black;
        text-decoration: none;
    }

    .btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active,
    .show > .btn-facebook.dropdown-toggle {
        color: #fff;
        background-color: #2d4373;
        border: solid thin black;
        text-decoration: none;
    }

        .btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus,
        .show > .btn-facebook.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5);
        }

/* google */
.btn-google2 {
    color: #fff;
    background-color: #d14130;
    border: solid thin black;
    text-decoration: none;
}

    .btn-google2:hover {
        color: #fff;
        background-color: #992E22;
        border: solid thin black;
        text-decoration: none;
    }

.btn-google {
    color: #fff;
    background-color: #d14130;
    border: solid thin black;
    text-decoration: none;
}

    .btn-google:hover {
        color: #fff;
        background-color: #b33628;
        border: solid thin black;
        text-decoration: none;
    }

    .btn-google:focus, .btn-google.focus {
        box-shadow: 0 0 0 0.2rem rgba(209, 65, 48, 0.5);
    }

    .btn-google.disabled, .btn-google:disabled {
        color: #fff;
        background-color: #d14130;
        border: solid thin black;
        text-decoration: none;
    }

    .btn-google:not(:disabled):not(.disabled):active, .btn-google:not(:disabled):not(.disabled).active,
    .show > .btn-google.dropdown-toggle {
        color: #fff;
        background-color: #a93325;
        border: solid thin black;
        text-decoration: none;
    }

        .btn-google:not(:disabled):not(.disabled):active:focus, .btn-google:not(:disabled):not(.disabled).active:focus,
        .show > .btn-google.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(209, 65, 48, 0.5);
        }

/* twitter */
.btn-twitter {
    color: #fff;
    background-color: #1da1f2;
    border: solid thin black;
    text-decoration: none;
}

    .btn-twitter:hover {
        color: #fff;
        background-color: #0d8ddc;
        border: solid thin black;
        text-decoration: none;
    }

    .btn-twitter:focus, .btn-twitter.focus {
        box-shadow: 0 0 0 0.2rem rgba(29, 161, 242, 0.5);
    }

    .btn-twitter.disabled, .btn-twitter:disabled {
        color: #fff;
        background-color: #1da1f2;
        border: solid thin black;
        text-decoration: none;
    }

    .btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active,
    .show > .btn-twitter.dropdown-toggle {
        color: #fff;
        background-color: #0c85d0;
        border: solid thin black;
        text-decoration: none;
    }

        .btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus,
        .show > .btn-twitter.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(29, 161, 242, 0.5);
        }

/* instagram */
.btn-instagram2 {
    color: #fff;
    background-color: #3f729b;
    border: solid thin black;
    text-decoration: none;
}

    .btn-instagram2:hover {
        color: #fff;
        background-color: #305676;
        border: solid thin black;
        text-decoration: none;
    }

.btn-instagram {
    color: #fff;
    background-color: #3f729b;
    border: solid thin black;
    text-decoration: none;
}

    .btn-instagram:hover {
        color: #fff;
        background-color: #345e80;
        border: solid thin black;
        text-decoration: none;
    }

    .btn-instagram:focus, .btn-instagram.focus {
        box-shadow: 0 0 0 0.2rem rgba(63, 114, 155, 0.5);
    }

    .btn-instagram.disabled, .btn-instagram:disabled {
        color: #fff;
        background-color: #3f729b;
        border: solid thin black;
        text-decoration: none;
    }

    .btn-instagram:not(:disabled):not(.disabled):active, .btn-instagram:not(:disabled):not(.disabled).active,
    .show > .btn-instagram.dropdown-toggle {
        color: #fff;
        background-color: #305777;
        border: solid thin black;
        text-decoration: none;
    }

        .btn-instagram:not(:disabled):not(.disabled):active:focus, .btn-instagram:not(:disabled):not(.disabled).active:focus,
        .show > .btn-instagram.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(63, 114, 155, 0.5);
        }

/* github */
.btn-github {
    color: #fff;
    background-color: #24292e;
    border: solid thin black;
    text-decoration: none;
}

    .btn-github:hover {
        color: #fff;
        background-color: #131619;
        border: solid thin black;
        text-decoration: none;
    }

    .btn-github:focus, .btn-github.focus {
        box-shadow: 0 0 0 0.2rem rgba(36, 41, 46, 0.5);
    }

    .btn-github.disabled, .btn-github:disabled {
        color: #fff;
        background-color: #24292e;
        border: solid thin black;
        text-decoration: none;
    }

    .btn-github:not(:disabled):not(.disabled):active, .btn-github:not(:disabled):not(.disabled).active,
    .show > .btn-github.dropdown-toggle {
        color: #fff;
        background-color: #0e1011;
        border: solid thin black;
        text-decoration: none;
    }

        .btn-github:not(:disabled):not(.disabled):active:focus, .btn-github:not(:disabled):not(.disabled).active:focus,
        .show > .btn-github.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(36, 41, 46, 0.5);
        }

/* gray */
.btn-gray {
    color: #1e2022;
    background-color: #f8fafd;
    border: solid thin black;
    text-decoration: none;
}

    .btn-gray:hover {
        color: #1e2022;
        background-color: #dae5f5;
        border: solid thin black;
        text-decoration: none;
    }

    .btn-gray:focus, .btn-gray.focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 250, 253, 0.5);
    }

    .btn-gray.disabled, .btn-gray:disabled {
        color: #1e2022;
        background-color: #f8fafd;
        border: solid thin black;
        text-decoration: none;
    }

    .btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active,
    .show > .btn-gray.dropdown-toggle {
        color: #1e2022;
        background-color: #d0def2;
        border: solid thin black;
        text-decoration: none;
    }

        .btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus,
        .show > .btn-gray.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(248, 250, 253, 0.5);
        }


.btn-light {
    color: #1e2022;
    background-color: #f7faff;
    border-color: #f7faff;
}

    .btn-light:hover {
        color: #1e2022;
        background-color: #d1e2ff;
        border-color: #c4daff;
    }

    .btn-light:focus, .btn-light.focus {
        color: #1e2022;
        background-color: #d1e2ff;
        border-color: #c4daff;
        box-shadow: 0 0 0 0.2rem rgba(214, 217, 222, 0.5);
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #1e2022;
        background-color: #f7faff;
        border-color: #f7faff;
    }

    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
    .show > .btn-light.dropdown-toggle {
        color: #1e2022;
        background-color: #c4daff;
        border-color: #b7d2ff;
    }

        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(214, 217, 222, 0.5);
        }



/*------------------------------------
  Custom Buttons - shadows
------------------------------------*/
/* btn-menu4 button :hover, :focus, :active effects */
.btn-menu4[href]:hover, .btn-menu4[href]:focus, .btn-menu4[href]:active, .btn-menu4[type]:hover, .btn-menu4[type]:focus, .btn-menu4[type]:active {
    box-shadow: 0 4px 11px rgba(59, 89, 152, 0.35);
}

.btn-menu4:not(label.btn), .btn-menu4:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-menu4:not([href]), .btn-menu4:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #3b5998;
    border-color: #3b5998;
}

/* btn-menu3r button :hover, :focus, :active effects */
.btn-menu3r[href]:hover, .btn-menu3r[href]:focus, .btn-menu3r[href]:active, .btn-menu3r[type]:hover, .btn-menu3r[type]:focus, .btn-menu3r[type]:active {
    box-shadow: 0 4px 11px rgba(59, 89, 152, 0.35);
}

.btn-menu3r:not(label.btn), .btn-menu3r:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-menu3r:not([href]), .btn-menu3r:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #3b5998;
    border-color: #3b5998;
}


/* facebook button :hover, :focus, :active effects */
.btn-facebook[href]:hover, .btn-facebook[href]:focus, .btn-facebook[href]:active, .btn-facebook[type]:hover, .btn-facebook[type]:focus, .btn-facebook[type]:active {
    box-shadow: 0 4px 11px rgba(59, 89, 152, 0.35);
}

.btn-facebook:not(label.btn), .btn-facebook:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-facebook:not([href]), .btn-facebook:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #3b5998;
    border-color: #3b5998;
}

/* google button :hover, :focus, :active effects */
.btn-google[href]:hover, .btn-google[href]:focus, .btn-google[href]:active, .btn-google[type]:hover, .btn-google[type]:focus, .btn-google[type]:active {
    box-shadow: 0 4px 11px rgba(209, 65, 48, 0.35);
}

.btn-google:not(label.btn), .btn-google:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-google:not([href]), .btn-google:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #d14130;
    border-color: #d14130;
}

/* twitter button :hover, :focus, :active effects */
.btn-twitter[href]:hover, .btn-twitter[href]:focus, .btn-twitter[href]:active, .btn-twitter[type]:hover, .btn-twitter[type]:focus, .btn-twitter[type]:active {
    box-shadow: 0 4px 11px rgba(29, 161, 242, 0.35);
}

.btn-twitter:not(label.btn), .btn-twitter:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-twitter:not([href]), .btn-twitter:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #1da1f2;
    border-color: #1da1f2;
}

/* instagram button :hover, :focus, :active effects */
.btn-instagram[href]:hover, .btn-instagram[href]:focus, .btn-instagram[href]:active, .btn-instagram[type]:hover, .btn-instagram[type]:focus, .btn-instagram[type]:active {
    box-shadow: 0 4px 11px rgba(63, 114, 155, 0.35);
}

.btn-instagram:not(label.btn), .btn-instagram:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-instagram:not([href]), .btn-instagram:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #3f729b;
    border-color: #3f729b;
}

/* github button :hover, :focus, :active effects */
.btn-github[href]:hover, .btn-github[href]:focus, .btn-github[href]:active, .btn-github[type]:hover, .btn-github[type]:focus, .btn-github[type]:active {
    box-shadow: 0 4px 11px rgba(36, 41, 46, 0.35);
}

.btn-github:not(label.btn), .btn-github:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-github:not([href]), .btn-github:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #24292e;
    border-color: #24292e;
}

/* gray button :hover, :focus, :active effects */
.btn-gray[href]:hover, .btn-gray[href]:focus, .btn-gray[href]:active, .btn-gray[type]:hover, .btn-gray[type]:focus, .btn-gray[type]:active {
    box-shadow: 0 4px 11px rgba(248, 250, 253, 0.35);
}

.btn-gray:not(label.btn), .btn-gray:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-gray:not([href]), .btn-gray:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #f8fafd;
    border-color: #f8fafd;
}

/*------------------------------------
  Text Colors
------------------------------------*/
.text-white-70 {
    color: rgba(255, 255, 255, 0.7);
}

    .text-white-70[href]:hover {
        color: #fff;
    }


/*------------------------------------
  Typography Font Size
------------------------------------*/
.fs-small-ATS {
    font-size: 0.75rem !important;
}

.fs-0500-ATS {
    font-size: 0.50rem;
}


.fs-0550-ATS {
    font-size: 0.550rem;
}


.fs-05750-ATS {
    font-size: 0.575rem;
}

.fs-06750-ATS {
    font-size: 0.675rem;
}

.fs-07750-ATS {
    font-size: 0.775rem;
}

.fs-0750-ATS {
    font-size: 0.75rem;
}

.fs-0875-ATS {
    font-size: 0.875rem;
}

.fs-0900-ATS {
    font-size: 0.9rem;
}

.fs-0920-ATS {
    font-size: 0.92rem;
}

.fs-1100-ATS {
    font-size: 1.1rem;
}

.fs-1200-ATS {
    font-size: 1.2rem;
}

.fs-1300-ATS {
    font-size: 1.3rem;
}

.fs-1400-ATS {
    font-size: 1.4rem;
}




/*
Larger Maprgin and Padding Sizes
*/


.m-6 {
    margin: 2.5rem !important;
}

.mt-6,
.my-6 {
    margin-top: 2.5rem !important;
}

.me-6,
.mx-6 {
    margin-right: 2.5rem !important;
}

.mb-6,
.my-6 {
    margin-bottom: 2.5rem !important;
}

.ms-6,
.mx-6 {
    margin-left: 2.5rem !important;
}

.m-7 {
    margin: 3rem !important;
}

.mt-7,
.my-7 {
    margin-top: 3rem !important;
}

.me-7,
.mx-7 {
    margin-right: 3rem !important;
}

.mb-7,
.my-7 {
    margin-bottom: 3rem !important;
}

.ms-7,
.mx-7 {
    margin-left: 3rem !important;
}

.m-8 {
    margin: 3.5rem !important;
}

.mt-8,
.my-8 {
    margin-top: 3.5rem !important;
}

.me-8,
.mx-8 {
    margin-right: 3.5rem !important;
}

.mb-8,
.my-8 {
    margin-bottom: 3.5rem !important;
}

.ms-8,
.mx-8 {
    margin-left: 3.5rem !important;
}

.m-9 {
    margin: 4rem !important;
}

.mt-9,
.my-9 {
    margin-top: 4rem !important;
}

.me-9,
.mx-9 {
    margin-right: 4rem !important;
}

.mb-9,
.my-9 {
    margin-bottom: 4rem !important;
}

.ms-9,
.mx-9 {
    margin-left: 4rem !important;
}

.m-10 {
    margin: 4.5rem !important;
}

.mt-10,
.my-10 {
    margin-top: 4.5rem !important;
}

.me-10,
.mx-10 {
    margin-right: 4.5rem !important;
}

.mb-10,
.my-10 {
    margin-bottom: 4.5rem !important;
}

.ms-10,
.mx-10 {
    margin-left: 4.5rem !important;
}

.m-11 {
    margin: 5rem !important;
}

.mt-11,
.my-11 {
    margin-top: 5rem !important;
}

.me-11,
.mx-11 {
    margin-right: 5rem !important;
}

.mb-11,
.my-11 {
    margin-bottom: 5rem !important;
}

.ms-11,
.mx-11 {
    margin-left: 5rem !important;
}


.p-6 {
    padding: 2.5rem !important;
}

.pt-6,
.py-6 {
    padding-top: 2.5rem !important;
}

.pe-6,
.px-6 {
    padding-right: 2.5rem !important;
}

.pb-6,
.py-6 {
    padding-bottom: 2.5rem !important;
}

.ps-6,
.px-6 {
    padding-left: 2.5rem !important;
}

.p-7 {
    padding: 3rem !important;
}

.pt-7,
.py-7 {
    padding-top: 3rem !important;
}

.pe-7,
.px-7 {
    padding-right: 3rem !important;
}

.pb-7,
.py-7 {
    padding-bottom: 3rem !important;
}

.ps-7,
.px-7 {
    padding-left: 3rem !important;
}

.p-8 {
    padding: 3.5rem !important;
}

.pt-8,
.py-8 {
    padding-top: 3.5rem !important;
}

.pe-8,
.px-8 {
    padding-right: 3.5rem !important;
}

.pb-8,
.py-8 {
    padding-bottom: 3.5rem !important;
}

.ps-8,
.px-8 {
    padding-left: 3.5rem !important;
}

.p-9 {
    padding: 4rem !important;
}

.pt-9,
.py-9 {
    padding-top: 4rem !important;
}

.pe-9,
.px-9 {
    padding-right: 4rem !important;
}

.pb-9,
.py-9 {
    padding-bottom: 4rem !important;
}

.ps-9,
.px-9 {
    padding-left: 4rem !important;
}

.p-10 {
    padding: 4.5rem !important;
}

.pt-10,
.py-10 {
    padding-top: 4.5rem !important;
}

.pe-10,
.px-10 {
    padding-right: 4.5rem !important;
}

.pb-10,
.py-10 {
    padding-bottom: 4.5rem !important;
}

.ps-10,
.px-10 {
    padding-left: 4.5rem !important;
}

.p-11 {
    padding: 5rem !important;
}

.pt-11,
.py-11 {
    padding-top: 5rem !important;
}

.pe-11,
.px-11 {
    padding-right: 5rem !important;
}

.pb-11,
.py-11 {
    padding-bottom: 5rem !important;
}

.ps-11,
.px-11 {
    padding-left: 5rem !important;
}






/*------------------------------------
  Custom List Group
------------------------------------*/
.list-group-acorn {
    list-style: none;
}

    .list-group-acorn .list-group-acorn {
        margin-left: 1rem;
    }

    .list-group-acorn .list-group-acorn-item {
        font-size: 0.875rem;
    }

    .list-group-acorn .list-group-acorn-icon {
        min-width: 1rem;
        max-width: 1rem;
        color: #77838f;
        text-align: center;
        margin-right: .5rem;
    }

    .list-group-acorn .active > .list-group-acorn-item {
        color: #377dff;
    }

    .list-group-acorn .active > .list-group-acorn-text {
        color: #fff;
    }

    .list-group-acorn .disabled .u-icon {
        color: #77838f;
        background-color: rgba(119, 131, 143, 0.1);
    }

/* Border Radius */
.list-group-acorn-rounded-0 .list-group-acorn-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.list-group-acorn-rounded-0 .list-group-acorn-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

/* Transparent */
.list-group-acorn-transparent .list-group-acorn-item {
    border-color: transparent;
    background-color: transparent;
}

/* White */
.list-group-acorn-white .list-group-acorn-item,
.list-group-acorn-white .list-group-acorn-item-action {
    color: #fff;
}

    .list-group-acorn-white .list-group-acorn-item[href],
    .list-group-acorn-white .list-group-acorn-item-action[href] {
        color: rgba(255, 255, 255, 0.7);
    }

        .list-group-acorn-white .list-group-acorn-item[href]:hover,
        .list-group-acorn-white .list-group-acorn-item-action[href]:hover {
            color: #fff;
        }

.list-group-acorn-white.list-group-acorn-striped .list-group-acorn-item:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.1);
}

.list-group-acorn-white .active > .list-group-acorn-item {
    color: #fff;
}

/* Flush */
.list-group-acorn-flush .list-group-acorn-item {
    padding-left: 0;
    padding-right: 0;
}

    .list-group-acorn-flush .list-group-acorn-item.active {
        color: #377dff;
        background-color: transparent;
        border-color: transparent;
    }

/* Borderless */
.list-group-acorn-borderless .list-group-acorn-item {
    border: none;
}

/* Striped */
.list-group-acorn-striped .list-group-acorn-item:nth-child(even) {
    background-color: #f8fafd;
}


.bg-danger50 {
    background-color: #F9DDDB;
}

.bg-grey {
    background-color: #DBDBDB;
}

.bg-soft-acorn {
    background-color: rgba(69, 99, 127, 0.05);
}

.bg-soft-acornbg {
    background-color: rgba(218, 225, 241, 0.1);
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

/*Custom Tooltip Colors
*/

.tooltip-inner {
    background-color: #F1A400;
    box-shadow: 0px 0px 3px black;
    /*  opacity: 1 !important;*/
    color: black;
    font-size: 12px;
    /*  font-weight: 100;*/
    border: solid thin black;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 15px;
    text-transform: none;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #000000 !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #000000 !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #000000 !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #000000 !important;
}

/*Custom Background color-profile form select dropdown when menuitem datalist optional
*/
select.form-control.optional {
    background-color: #ECFFEC !important;
    text-align: center
}

    select.form-control.optional:focus {
        background-color: #fff !important;
        text-align: start
    }

select.form-control.optional2 {
    background-color: #FFFCF5 !important;
    text-align: center
}

    select.form-control.optional2:focus {
        background-color: #fff !important;
        text-align: start
    }

select.form-control.optional3 {
    background-color: #F4F8F0 !important;
    text-align: center
}

    select.form-control.optional2:focus {
        background-color: #fff !important;
        text-align: start
    }


/* Add top margin to center toast */
.toast-top-center {
    top: 60px !important;
}

.modal {
    overflow-y: auto;
}

/*--------------------------------------------------------------
# acorn-mainmenu1
--------------------------------------------------------------*/
.acorn-mainmenu1 .icon-box {
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 25px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    border: solid thin;
    border-color: #7f776a;
    z-index: 1;
    min-height: 140px;
}

    .acorn-mainmenu1 .icon-box::before {
        content: "";
        position: absolute;
        background: #cdd9e4;
        right: 0;
        left: 0;
        bottom: 0;
        top: 100%;
        transition: all 0.3s;
        z-index: -1;
    }

    .acorn-mainmenu1 .icon-box:hover::before {
        background: #45637F;
        top: 0;
        border-radius: 0px;
    }


.acorn-mainmenu1 .icon-box2 {
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 25px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    border: solid thin;
    border-color: #7f776a;
    z-index: 1;
    min-height: 140px;
}

    .acorn-mainmenu1 .icon-box2::before {
        content: "";
        position: absolute;
        background: #ffb3b3;
        right: 0;
        left: 0;
        bottom: 0;
        top: 100%;
        transition: all 0.3s;
        z-index: -1;
    }

    .acorn-mainmenu1 .icon-box2:hover::before {
        background: #990000;
        top: 0;
        border-radius: 0px;
    }



.acorn-mainmenu1 .icon-box3 {
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 25px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    border: solid thin;
    border-color: #7f776a;
    z-index: 1;
    min-height: 140px;
}

    .acorn-mainmenu1 .icon-box3::before {
        content: "";
        position: absolute;
        background: #dfe0d2;
        right: 0;
        left: 0;
        bottom: 0;
        top: 100%;
        transition: all 0.3s;
        z-index: -1;
    }

    .acorn-mainmenu1 .icon-box3:hover::before {
        background: #6f714f;
        top: 0;
        border-radius: 0px;
    }


.acorn-mainmenu1 .icon-box4 {
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 25px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    border: solid thin;
    border-color: #7f776a;
    z-index: 1;
    min-height: 140px;
}

    .acorn-mainmenu1 .icon-box4::before {
        content: "";
        position: absolute;
        background: #dfe0d2;
        right: 0;
        left: 0;
        bottom: 0;
        top: 100%;
        transition: all 0.3s;
        z-index: -1;
    }

    .acorn-mainmenu1 .icon-box4:hover::before {
        background: #47371E;
        top: 0;
        border-radius: 0px;
    }



.acorn-mainmenu1 .icon-box5 {
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 25px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    border: solid thin;
    border-color: #7f776a;
    z-index: 1;
    min-height: 140px;
}

    .acorn-mainmenu1 .icon-box5::before {
        content: "";
        position: absolute;
        background: #cdd9e4;
        right: 0;
        left: 0;
        bottom: 0;
        top: 100%;
        transition: all 0.3s;
        z-index: -1;
    }

    .acorn-mainmenu1 .icon-box5:hover::before {
        background: #3A5556;
        top: 0;
        border-radius: 0px;
    }


    .acorn-mainmenu1 .icon  {
        line-height: 1;
        color: #45637F;
        transition: all 0.3s ease-in-out;
    }


    .acorn-mainmenu1 .title {
        font-weight: 700;
        margin-bottom: 10px;
        color: #000;
    }

        .acorn-mainmenu1 .title a {
            color: #111;
        }

    .acorn-mainmenu1 .title1,
    .acorn-mainmenu1 .title2,
    .acorn-mainmenu1 .title3,
    .acorn-mainmenu1 .title4,
    .acorn-mainmenu1 .title5 {
        font-weight: 700;
        margin-bottom: 10px;
        color: #45637F;
    }

    .acorn-mainmenu1 .title2 a {
        color: #111;
    }


.acorn-mainmenu1 .description {
    margin-bottom: 0;
}

.acorn-mainmenu1 .icon-box:hover .title a,
.acorn-mainmenu1 .icon-box:hover .description,
.acorn-mainmenu1 .icon-box:hover .title,
.acorn-mainmenu1 .icon-box2:hover .title a,
.acorn-mainmenu1 .icon-box2:hover .description,
.acorn-mainmenu1 .icon-box2:hover .title,
.acorn-mainmenu1 .icon-box3:hover .title a,
.acorn-mainmenu1 .icon-box3:hover .description,
.acorn-mainmenu1 .icon-box3:hover .title,
.acorn-mainmenu1 .icon-box4:hover .title a,
.acorn-mainmenu1 .icon-box4:hover .description,
.acorn-mainmenu1 .icon-box4:hover .title,
.acorn-mainmenu1 .icon-box5:hover .title a,
.acorn-mainmenu1 .icon-box5:hover .description,
.acorn-mainmenu1 .icon-box5:hover .title {
    color: #fff;
}



/*tan*/
.acorn-mainmenu1 .icon-box:hover .icon,
.acorn-mainmenu1 .icon-box:hover .title1,
.acorn-mainmenu1 .icon-box2:hover .icon,
.acorn-mainmenu1 .icon-box2:hover .title2,
.acorn-mainmenu1 .icon-box4:hover .icon,
.acorn-mainmenu1 .icon-box4:hover .title4,
.acorn-mainmenu1 .icon-box5:hover .icon,
.acorn-mainmenu1 .icon-box5:hover .title5 {
    color: #F1DB99;
}

.acorn-mainmenu1 .icon-box3:hover .icon, .acorn-mainmenu1 .icon-box3:hover .title3 {
    color: #FFF3CD;
}



/*------------------------------------
  Content Centered - aligns piechart text inside
------------------------------------*/
.content-centered-y {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media (min-width: 768px) {
    .content-centered-y-md {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@media (min-width: 992px) {
    .content-centered-y-lg {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}
/*------------------------------------
  darker text on button icon
------------------------------------*/

.btn-label {
    position: relative;
    left: -10px;
    display: inline-block;
    padding: 5px 12px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 3px 0 0 3px;
}


.btn-label3 {
    position: relative;
    display: inline-block;
    padding: 3px 10px;
    background: rgba(0,0,0,0.50);
}



.btn-labeled {
    padding-top: 0;
    padding-bottom: 0;
}

/* Back to Top */

.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
}





@media all {
    .page-break {
        display: none;
    }
}

@media print {
    .page-break {
        display: block;
        page-break-before: always;
    }
}


/*----------------------------------------------------------------------
  * Responsive Widths
------------------------------------------------------------------------*/
.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

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

.w-auto {
    width: auto !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-60 {
    width: 60% !important;
}

.w-65 {
    width: 65% !important;
}

.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}

.w-90 {
    width: 90% !important;
}

@media (min-width: 576px) {
    .w-sm-25 {
        width: 25% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-auto {
        width: auto !important;
    }

    .w-sm-15 {
        width: 15% !important;
    }

    .w-sm-20 {
        width: 20% !important;
    }

    .w-sm-30 {
        width: 30% !important;
    }

    .w-sm-35 {
        width: 35% !important;
    }

    .w-sm-40 {
        width: 40% !important;
    }

    .w-sm-60 {
        width: 60% !important;
    }

    .w-sm-65 {
        width: 65% !important;
    }

    .w-sm-80 {
        width: 80% !important;
    }

    .w-sm-85 {
        width: 85% !important;
    }

    .w-sm-90 {
        width: 90% !important;
    }
}

@media (min-width: 768px) {
    .w-md-25 {
        width: 25% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .w-md-auto {
        width: auto !important;
    }

    .w-md-15 {
        width: 15% !important;
    }

    .w-md-20 {
        width: 20% !important;
    }

    .w-md-30 {
        width: 30% !important;
    }

    .w-md-35 {
        width: 35% !important;
    }

    .w-md-40 {
        width: 40% !important;
    }

    .w-md-60 {
        width: 60% !important;
    }

    .w-md-65 {
        width: 65% !important;
    }

    .w-md-80 {
        width: 80% !important;
    }

    .w-md-85 {
        width: 85% !important;
    }

    .w-md-90 {
        width: 90% !important;
    }
}

@media (min-width: 992px) {
    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-auto {
        width: auto !important;
    }

    .w-lg-15 {
        width: 15% !important;
    }

    .w-lg-20 {
        width: 20% !important;
    }

    .w-lg-30 {
        width: 30% !important;
    }

    .w-lg-35 {
        width: 35% !important;
    }

    .w-lg-40 {
        width: 40% !important;
    }

    .w-lg-60 {
        width: 60% !important;
    }

    .w-lg-65 {
        width: 65% !important;
    }

    .w-lg-80 {
        width: 80% !important;
    }

    .w-lg-85 {
        width: 85% !important;
    }

    .w-lg-90 {
        width: 90% !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-25 {
        width: 25% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-auto {
        width: auto !important;
    }

    .w-xl-15 {
        width: 15% !important;
    }

    .w-xl-20 {
        width: 20% !important;
    }

    .w-xl-30 {
        width: 30% !important;
    }

    .w-xl-35 {
        width: 35% !important;
    }

    .w-xl-40 {
        width: 40% !important;
    }

    .w-xl-60 {
        width: 60% !important;
    }

    .w-xl-65 {
        width: 65% !important;
    }

    .w-xl-80 {
        width: 80% !important;
    }

    .w-xl-85 {
        width: 85% !important;
    }

    .w-xl-90 {
        width: 90% !important;
    }
}



/* Added for Tirebrand-model-size autocomplete */

/*the container must be positioned relative:*/
/*.autocomplete {
    position: relative;
    display: inline-block;
}*/

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 9;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: dimgrey !important;
    color: #ffffff;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
    background-color: #e9e9e9;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
/* END -  Added for Tirebrand-model-size autocomplete */

/* added for StorageCustomer/Index table formatting */
.dataTables_filter input {
    width: 300px !important;
}

.storagecust tr {
    cursor: pointer;
}

.storagecust tr:hover {
    background-color: #e6e6e6;
}

/* END - added for StorageCustomer/Index table formatting */

.tiredelivery {
    cursor: pointer;
    color: #BDBDBD;
}


.tiredelivery:hover {
    background-color: #e6e6e6;
    color: #45637F;
}

/*.printindiv {
    cursor: pointer;
    color: #BDBDBD;
}
*/

.printindiv:hover {
    background-color: #45637F !important;
    color: #ffa700 !important;
}


.historydiv:hover {
    background-color: #ab4a0a !important;
    color: #ffa700 !important;
}






.hovertextwhite:hover {
    color: white !important;
    font-weight: bolder !important;
}

.hovertextwhite {
    color: black !important;
    font-weight: bold !important;
}

.whLogo {
    height: 50px;
}

    .whLogo img {
        max-height: 100%;
        max-width: 100%;
    }

.dropdowndivider {
    background-color: #63625b !important;
    }

.dropdowndivider_dark {
    background-color: #263238 !important;
}


.timeline-with-icons {
    border-left: 1px solid hsl(0, 0%, 90%);
    position: relative;
    list-style: none;
}

    .timeline-with-icons .timeline-item {
        position: relative;
    }

        .timeline-with-icons .timeline-item:after {
            position: absolute;
            display: block;
            top: 0;
        }

    .timeline-with-icons .timeline-icon {
        position: absolute;
        left: -44px;
        background-color: hsl(217, 88.2%, 90%);
        color: hsl(217, 88.8%, 35.1%);
        border-radius: 50%;
        height: 24px;
        width: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .timeline-icon-report {
        position: absolute;
        background-color: hsl(217, 88.2%, 90%);
        color: hsl(217, 88.8%, 35.1%);
        border-radius: 50%;
        height: 32px;
        width: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hidden-column {
        display: none;
    }

.form-control option {
    background-color: #ffffff; /* White background for dropdown list items */
}