/*-------------------------------------text-------------------------------------------*/

.inp_t {
    border: 1px solid #E2E6EA;
    box-sizing: border-box;
    border-radius: 2px;
    color: #000;
    width: 100%;
    padding:15px 12px;
    font-size:14px;
    font-family: AvenirNextCyr-Medium;
    transition: border ease-in-out 0.15s;
    -webkit-appearance: none;
    outline:none;
}
.inp_t:hover {
    border:1px solid #c7c9ca;
}
.inp_t:focus {
    border: 1px solid #11A8F0;
}
.inp_t:disabled {
    background-color: #eee;
}


/*-------------------------------------buttons-------------------------------------------*/

.inp_b {
    font-family: GothamPro-Medium;
    font-size:13px;
    padding: 18px 30px 17px 30px;
    cursor: pointer;
    /*background: #11A8F0;*/
   	background:#10c0e7;
    border: none;
    color:#fff;
    border-radius: 2px;
    box-sizing: border-box;
    width: 100%;
    text-transform: uppercase;
}
.inp_b.white  {
    background: #fff;
    color:#11A8F0;
    box-shadow:0px 0px 0px 1px #11A8F0 inset;
    box-sizing: border-box;
}
.inp_b:hover {
    background-color: #118bc5;
}
.inp_b.white:hover {
    background-color: #fff;
    color:#007BB3;
}

/*-------------------------------------radio-------------------------------------------*/

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #11A8F0;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*-------------------------------------checkbox-------------------------------------------*/

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #fff;
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #11A8F0;
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*-------------------------------------calendar-------------------------------------------*/

.date_mask, .date_mask_single, .date_mask_limit  {
    background-image: url(/img/ico_calendar.svg);
    background-repeat: no-repeat;
    background-position: right 6px center;
    background-size: 25px;
    padding-right: 30px;
}
.daterangepicker td.off {
    opacity: 0.5;
}

.daterangepicker .calendar-table th {
    color:#9C9C9C;
    font-weight: normal;
    font-size: 10px;
}
.daterangepicker td.active {
    background-color: #11A8F0!important;
}
.daterangepicker th.month {
    color:#000;
}

/*-------------------------------------chosen-------------------------------------------*/
.chosen {
    width:100%;
}
.chosen-container {
    font-size: 14px!important;
}
.chosen-container-single {
    width: 100%!important;
}
.chosen-container-single .chosen-default {
    font-style:normal!important;
    font-size: 14px!important;
    font-family: AvenirNextCyr-Medium!important; 
}

.chosen-container-single .chosen-single {
    height: 48px!important;
    line-height: 48px!important;
    background: none!important;
    box-shadow: none!important;
    border-radius: 2px!important;
    border: 1px solid #E2E6EA!important;
    padding-left:12px!important;
    transition: all 0.5s;
    font-size: 14px;
    font-family: AvenirNextCyr-Medium;
}
.chosen-container-single .chosen-single div b {
    background-position:0px 15px!important;
}
.chosen-container-single .chosen-single abbr {
    top: 18px !important;
}
.chosen-container-single .chosen-search input[type="text"] {
    padding:12px!important;
    background: none!important;
}
.chosen-container .chosen-results li.group-option {
    padding-top:7px!important; ;
    padding-bottom:7px!important; ;
}
.chosen-container-multi .chosen-choices {
    padding:5px!important;
}
.chosen-container-multi .chosen-choices li.search-choice {
    padding:10px 30px 10px 10px!important;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top:12px!important;
    right: 8px!important;
}


@media screen and (max-width: 690px) {
    .chosen {
        padding:15px;
    }

}


/*-------------------------------------select-------------------------------------------*/

.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}
.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: #000;
    width: 100%;
    height: 40px;
    z-index: 500;
}
.select-styled {
    background-color: #fff;
    border: 1px solid #E2E6EA;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 15px 15px;
    font-size: 14px;
    transition: all 0.2s ease-in;
}
.select-styled:hover {
    border:1px solid #c7c9ca;
}
.select-styled:after {
    background: url(/img/arrow_b_up.svg);
    transform: rotate(180deg);
    content:"";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 20px;
    right: 12px;
}
.select-styled.active {
   border: 1px solid #11A8F0;
}
.select-styled.active:after {
    background: url(/img/arrow_b_up.svg);
    transform: rotate(0deg);
}
.select-options {
    display: none;
    z-index: 10000;
    max-height: 300px;
    overflow-y: scroll;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #E2E6EA;
    background-color: #fff;
}
.select-options li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    transition: all 0.05s ease-in;
}
.select-options li:hover {
    color: #11A8F0;
    background: #f3f3f3;
}
.select-options li[rel="hide"] {
    display: none;
}


/*-------------------------------------select_age-------------------------------------------*/
.select_age {
    display: inline-block;
    float: right;
    font-size: 14px;
    border: 1px solid #E2E6EA;
    box-sizing: border-box;
    padding:7px 15px;
    font-family: AvenirNextCyr-Medium;
    transition: border ease-in-out 0.15s;
    -webkit-appearance: none;
    outline:none;
    margin-top: -5px;
    background: #fff;
    text-align: center;
}
.select_age:hover {
    border:1px solid #c7c9ca;
}
.select_age:focus {
    border: 1px solid #11A8F0;
}


/*-------------------------------------person_picker-------------------------------------------*/

.person_picker {
    border:1px solid #E2E6EA;
    position: absolute;
    padding:15px;
    background: #fff;
    margin-top:5px;
    border-radius: 4px;
    width: 265px;
    z-index: 100;
}
.person_picker::before {
    content: '';
    position: absolute;
    left:9px;
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
}
.person_picker::after {
    content: '';
    position: absolute;
    left:10px;
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}
.person_picker .line {
    margin-bottom:15px;
}
.person_picker .left {
    display: inline-block;
    width: 43%;
    vertical-align: top;
    line-height: 30px;
    text-align: left;
    font-family: AvenirNextCyr-Demi;

}
.person_picker .right {
    display: inline-block;
    width: 55%;
    vertical-align: top;
}
.person_picker .sight {
    float:left;
    width:35px;
    height:35px;
    font-family: GothamPro-Medium;
    line-height:35px;
    text-align:center;
    color:#000;
    font-size:20px;
    font-size: 16px;
    border-radius: 2px;
    border:1px solid #11A8F0;
    cursor: pointer;
}
.person_picker .sight:hover {
    color:#fff;
    background: #11A8F0;
}

.person_picker .sight.disabled {
    border:1px solid #E2E6EA;
    color:#E2E6EA;
}

.person_picker .digit {
    float:left;
    width: 45px;
    line-height:30px;
    font-family: GothamPro-Medium;
    padding:2px 15px 5px 18px;
    font-size: 14px;

}
.person_picker .child_div {
    background: #f3f3f3;
    padding:15px;
    display: none;
}
.person_picker .flight_type {
    border-top:1px solid #E2E6EA;
    padding-top:10px;
    margin-top: 10px;
}
.person_picker .flight_type .item {
    padding-bottom:10px;
    color:#000;
}

