@font-face {
    font-family: 'iran_sans';
    src: url('../assets/fonts/client/iran-sans/iran_sans.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'iran_sans';
    src: url('../assets/fonts/client/iran-sans/iran_sans.ttf') format('truetype');
}

@font-face {
    font-family: 'iran_sans';
    src: url('../assets/fonts/client/iran-sans/iran_sans.woff') format('woff');
}

@font-face {
    font-family: 'iransansweb';
    src: url('../assets/fonts/iransansweb.ttf') format('truetype');
}



* {
    padding: 0;
    margin: 0;
    list-style: none;
    direction: rtl;
}

body {
    font-family: 'iran_sans','iransansweb' !important;
    background-color: #e4e4e4;
}

a {
    cursor: pointer;
    text-decoration: none;
}

/*select address view*/
.select-address .select-body {
    max-width: 700px;
    margin: 10px auto;
    background-color: white;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    direction: rtl;
}

.title-address {
    margin: 10px;
}

    .title-address span {
        float: right;
        margin: 10px;
        color: gray;
        font-size: 16px;
        padding: 5px 10px;
    }

    .title-address a {
        float: left;
        margin: 10px;
        color: white;
        background-color: #22b6a1;
        -ms-border-radius: 50px;
        border-radius: 50px;
        font-size: 14px;
        padding: 8px 15px;
    }

        .title-address a:hover {
            -ms-opacity: 0.85;
            opacity: 0.85;
            text-decoration: none;
        }

.title-address b {
        clear: both;
        display: block;
    }

.body-address {
    margin: 20px 10px;
    padding: 10px;
}

.each-address {
    border: 1px solid lightgray;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin: 10px;
    padding: 10px;
    text-align: right;
}

.select-btn input {
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 10px 10px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    width: 200px;
    margin: 10px auto;
    background-color: #0366d6;
    color: white;
    border: none;
    cursor: pointer;
    margin-top: 50px;
}

    .select-btn input:hover {
        -ms-opacity: 0.8;
        opacity: 0.8;
    }

/*select address view*/


/*add address view*/

.adrs-group {
    margin: 10px;
    padding: 10px;
}

    .adrs-group > label, .adrs-group > input, .adrs-group > button, .adrs-group > select {
        padding: 10px;
        display: block;
        font-size: 14px;
        width: 100%;
        border-radius: 60px;
    }

.select2-results__option {
    display: flex;
    direction: rtl;
}

#select2-district-2d-container {
    display: flex;
}

.select2-selection__rendered {
    text-align: right;
}

.adrs-group > label {
    display: flex;
}

.adrs-group > input, .adrs-group > button {
    border: 1px solid gray;
}

.adrs-group > button {
    padding: 10px;
    text-align: center;
    color: black;
    margin: 15px auto;
}

    .adrs-group > button:hover {
        text-decoration: none;
        opacity: 0.7;
    }

.adrs-group > input[type="submit"] {
    color: white;
    border: none;
    background-color: #22b6a1;
    cursor: pointer;
    border: 1px solid #22b6a1;
}

    .adrs-group > input[type="submit"]:hover {
        -ms-opacity: 0.85;
        opacity: 0.85;
    }

/*add address view*/

/*select location view*/

.searchbox {
    position: fixed;
    width: 100%;
    padding: 5px 10px;
    z-index: 1000;
    top: 20px;
}

.searchboxdiv {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.30);
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto;
}

    .searchboxdiv > .inputaddress {
        width: 80%;
        border: none;
        outline: none;
        padding: 3px;
        height: 45px;
        margin-right: 10px;
    }

    .searchboxdiv > button {
        color: #ffffff;
        background-color: #0b213a;
        border: none !important;
        outline: none !important;
        height: 45px;
    }

    .searchboxdiv > .btn:hover {
        color: #ffffff;
    }

    .searchboxdiv .ui-menu {
        display: none;
        position: absolute;
        background-color: white;
        top: 100%;
        padding: 10px;
        height: 200px;
        overflow-y: scroll;
        left: 20px;
        right: 20px;
        border: 1px solid #c5c5c5;
    }

    .searchboxdiv .ui-menu-item {
        margin: 5px;
        display: block;
        text-align: right;
        padding: 5px 10px;
        background-color: #efefef;
    }

.addressbox {
    position: fixed;
    width: 100%;
    padding: 5px 10px;
    bottom: 20px;
    z-index: 1000;
}

.addressboxdiv {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.30);
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto;
}

.txttitle {
    width: 100%;
}

    .txttitle span {
        width: 100%;
        font-size: 16px;
        text-align: right;
        margin: 5px;
        padding: 5px;
        display: block;
    }



.txtaddres {
    width: 100%;
    display: block;
    margin: auto;
    text-align: center;
    height: 40px;
    font-size: 16px;
}

#addressMap {
    width: 90%;
    -ms-border-radius: 25px;
    border-radius: 25px;
    background: #0366d6;
    border: none;
    color: #ffffff;
    padding: 5px;
    outline: none !important;
    margin: 5px;
}


#app {
    width: 100%;
    height: 100vh;
}



@media only screen and (min-width: 768px) {
    .searchboxdiv {
        width: 60%;
    }

    .addressboxdiv {
        width: 60%;
    }
}

/*select location view*/