﻿/*body {
     	font-family: 'Ubuntu', sans-serif; 
    font-weight: bold;
}*/

.select2-Close {
    font-family: arial;
    width: 20px;
    height: 20px;
    border: solid 1px #ff6347;
    color: #ff6347;
    /* padding: 1px 6px; */
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
}


.select2-container {
    /*min-width: 400px;*/
    width: 100% !important;
}

@media only screen and (min-width: 991px) {
    .select2-container {
        width: 180px !important;
    }
}


.select2-results__option {
    padding-right: 5px;
    vertical-align: middle;
    font-size: .8rem;
    font-weight: normal;
    text-align: left;
    float: left;
}

    .select2-results__option:before {
        content: "";
        display: inline-block;
        position: relative;
        height: 20px;
        width: 20px;
        border: 2px solid #e9e9e9;
        border-radius: 4px;
        background-color: #fff;
        margin-right: 5px;
        vertical-align: middle;
    }

    .select2-results__option[aria-selected=true]:before {
        font-family: fontAwesome;
        content: "\f00c";
        color: #fff;
        background-color: #f77750;
        border: 0;
        display: inline-block;
        padding-left: 3px;
    }

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eaeaeb;
    color: #272727;
}

.select2-container--default .select2-selection--multiple {
    margin-bottom: 10px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 50px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f77750;
    border-width: 1px;
    border-radius: 50px;
}

.select2-container--default .select2-selection--multiple {
    border-width: 1px;
    border-radius: 50px;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 1px;
    border-width: 1px;
}

.select2-selection .select2-selection--multiple:after {
    content: 'hhghgh';
}
/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
    display: none;
}

.select-icon .placeholder {
    /* 	display: none; */
}

.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
    display: none !important;
    /* content: "" !important; */
}

.select-icon .select2-search--dropdown {
    display: none;
}

/*price range slider*/
input {
    box-shadow: 0;
    outline: 0;
    width: 100%;
}

.range-slider {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center;
    height: 3em;
}

    .range-slider svg,
    .range-slider input[type=range] {
        pointer-events: none;
        position: absolute;
        left: 0;
        bottom: 0;
        top: 100%;
        outline: none;
    }




.date-slider {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
    height: 3em;
}

    .date-slider svg,
    .date-slider input[type=range] {
        pointer-events: none;
        position: absolute;
        left: 0;
        bottom: 0;
        top: 100%;
        outline: none;
    }



/*.date-slider svg,
    .date-slider input[type=range] {
        position: absolute;
        left: 0;
        bottom: 0;
    }*/

input[type=number] {
    border: 1px solid #ddd;
    text-align: center;
    font-size: .8rem;
    -moz-appearance: textfield;
    width: 45%;
}

    input[type=number]::-webkit-outer-spin-button,
    input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    input[type=number]:invalid,
    input[type=number]:out-of-range {
        border: 2px solid #ff6347;
    }

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
}

    input[type=range]:focus {
        outline: none;
    }

        /*input[type=range]:-moz-focusring {
        outline: none;
    }*/

        input[type=range]:focus::-webkit-slider-runnable-track {
            background: #2497e3;
        }

        input[type=range]:focus::-moz-range-track {
            background: #2497e3;
        }

        input [type=range]:focus::-ms-fill-lower {
            background: #2497e3;
        }

        input[type=range]:focus::-ms-fill-upper {
            background: #2497e3;
        }

    input[type=range]::-webkit-slider-runnable-track {
        /*width: 100%;*/
        height: 5px;
        cursor: pointer;
        animate: 0.2s;
        background: #2497e3;
        border-radius: 1px;
        box-shadow: none;
        border: 0;
    }

    input[type=range]::-moz-range-track {
        /*width: 100%;*/
        height: 5px;
        cursor: pointer;
        animate: 0.2s;
        background: #2497e3;
        border-radius: 1px;
        box-shadow: none;
        border: 0;
    }

    input[type=range]::-webkit-slider-thumb {
        pointer-events: all;
        z-index: 2;
        position: relative;
        box-shadow: 0px 0px 0px #000;
        border: 1px solid #2497e3;
        height: 18px;
        width: 18px;
        border-radius: 25px;
        background: #a1d0ff;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -7px;
    }


    input[type=range]::-moz-range-thumb {
        pointer-events: all;
        z-index: 2;
        position: relative;
        box-shadow: 0px 0px 0px #000;
        border: 1px solid #273d70;
        height: 18px;
        width: 18px;
        border-radius: 25px;
        background: #2497e3;
        cursor: pointer;
        -moz-appearance: none;
    }

    input[type=range]::-ms-track {
        width: 100%;
        height: 5px;
        cursor: pointer;
        animate: 0.2s;
        background: transparent;
        border-color: transparent;
        color: transparent;
    }

    input[type=range]::-ms-fill-lower,
    input[type=range]::-ms-fill-upper {
        background: #2497e3;
        border-radius: 1px;
        box-shadow: none;
        border: 0;
    }

    input[type=range]::-ms-thumb {
        z-index: 2;
        position: relative;
        box-shadow: 0px 0px 0px #000;
        border: 1px solid #2497e3;
        height: 18px;
        width: 18px;
        border-radius: 25px;
        background: #a1d0ff;
        cursor: pointer;
    }
