@font-face {
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons/icons.woff") format("woff"), url("../fonts/icons/icons.ttf") format("truetype"), url("../fonts/icons/icons.svg?#icons") format("svg");
}

.sea-selected {
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    background: #0C121C;
    /*border: 1px solid #fff;
    border-radius: 3px;*/
    color: #fff;
}

.sea-selected::before {
    content: '\e931';
    position: absolute;
    right: 16px;
    font-size: 6px;
    font-family: "icomoon";
    font-style: normal;
    font-weight: normal;
}


.sea-selected.focus {
    background-color: #373b3f;
    transition: background-color 400ms ease-out;
}

.sea-selected:hover {
    background-color: #373b3f;
    transition: background-color 400ms ease-out;
}

.sea-list {

    border-width: 0px 0px 0px 0px;
    border-style: solid;
    /*border-radius: 0 0 3px 3px;*/
    color: #fff;
    background-color: #ffffff;
    color: #373b3f;
    border-color: #e4e8e8;
    overflow-y: auto;
    max-height: 200px;
}

.sea-list li {
    padding: 15px 10px;
    border-bottom: 1px solid #e4e8e8;
}

.sea-list li:hover {
    background: #E4E8E8;
}

.sea-selected.focus::before {
    font-family: "icomoon";
    content: '\e904';
    font-size: 10px;

}


/* ////////////////small//////////////////////////////////////////	*/

.sea1-selected {
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    background: #f8f9f9;
    color: #27252a;
    overflow: hidden;
}

.sea1-selected-dark {
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    background: #000000;
    color: #ffffff;
    overflow: hidden;
}

.sea1-selected::before {
    content: '\e00b';
    position: absolute;
    right: 16px;
    font-size: 10px;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
}


.sea1-selected.focus {
    background-color: #373b3f;
    color: #fff;
    transition: background-color 400ms ease-out;
}

.sea1-selected:hover {
    background-color: #005a2b;
    color: #fff;
    transition: background-color 400ms ease-out;
}

.sea1-list {

    border-width: 0px 0px 0px 0px;
    border-style: solid;
    /*border-radius: 0 0 3px 3px;*/
    color: #fff;
    background-color: #ffffff;
    color: #373b3f;
    border-color: #e4e8e8;
    overflow-y: auto;
    max-height: 200px;
}

.sea1-list li {
    padding: 10px 10px;
    border-bottom: 1px solid #e4e8e8;
    margin-bottom: 0px !important;
}

.sea1-list li:hover {
    background: #E4E8E8;
    color: #212529;
}

.sea1-selected.focus::before {
    font-family: "icons";
    content: '\e00c';

}

/* --------------------------------- */

.locatorwraper {
    padding: 0px;
    float: left;
    width: 100%;
}

.locatorform {
    max-width: 960px;
    margin: auto;
}

.locatorbtn {
    padding: 15px 10px !important;
    margin-top: 20px;
}

.locatorinput {
    width: 94%;
    color: rgb(74, 79, 84);
    padding: 13px 10px;
    margin-top: 20px;
    border: medium none;
    text-transform: uppercase;
}

/* .inputbox > input {
   width: 94%;
    color: rgb(74, 79, 84);    
    margin-top: 20px;
    border: medium none;
    text-transform: uppercase;
height: 35px;
line-height: 35px;
padding: 0 10px;
} */



/* ------------------------------------------- */

.finance-calculator-form li > .sea1-select {
    padding-left: 0px !important;
}


.sea1-select > label {
    padding-left: 0px !important;
    padding-bottom: 5px;
    display: block;
    padding-top: 5px;
    text-transform: capitalize;
    font-size: 12px;
    letter-spacing: 0em;

}

/* .finance-calculator-form li > div {
    padding-left: 0px !important;
} */


/* scrollbar css */
.sea1-select ::-webkit-scrollbar {
    width: 6px;
}

.sea1-select ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.sea1-select ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 35px rgb(12, 18, 28);
}