/**
 * iBooking widget default style
 */

.ib-widget a {
    color: #33C3F0;
    text-decoration: none;
    border-bottom: 1px dotted;
}

.ib-widget .material-dark a {
    color: #00948E;
}

.ib-control {
    width: 100%;
    background: #FFF;
    border: 1px solid #DDD;
    padding: 7px;
    border-radius: 3px;
    box-sizing: border-box;
    outline: none;
    height: 32px;
    line-height: 32px !important;
    font-size: inherit;
}

.ib-widget .dark .ib-control,
.ib-widget .material-dark .ib-control {
    background: #000;
    color: #FFF;
}

.ib-widget .material-dark .ib-control {
    background: none;
    border-color: #00948E;
    border-width: 0 0 1px 0;
}

.ib-control:hover,
.ib-control:focus {
    border-color: #CCC;
}

select.ib-control option {
    background: inherit !important;
}

button.ib-control {
    color: #FFF;
    background: #33C3F0;
    border-color: #33C3F0;
    cursor: pointer;
    line-height: 16px !important;
}

.ib-widget .material-dark button.ib-control {
    background: #00948E;
    border-color: #00948E;
}

button.ib-control:hover,
button.ib-control:focus {
    background-color: #1EAEDB;
    border-color: #1EAEDB;
}

.ib-flex {
  display: flex;
}

.ib-flex-1 {
    flex: 1;
}

.ib-flex-2 {
    flex: 2;
}

.ib-label {
    margin-bottom: .25em;
}

.ib-control {
    margin-bottom: .75em;
}

.ib-row:last-child .ib-control {
    /*margin-bottom: 0;*/
}

.ib-row {
    margin-left: -10px;
    margin-right: -10px;
}

.ib-row::after {
    content: "";
    display: table;
    clear: both;
}

[class*=ib-col-] {
    float: left;
    min-height: 1px;
    padding: 0 10px;
    box-sizing: border-box;
}

.ib-col-1 {
    width: 100%;
}

.ib-col-1-2 {
    width: 50%;
}

.ib-col-1-3 {
    width: 33.33%;
}

.ib-col-2-3 {
    width: 66.66%;
}

.ib-col-1-4 {
    width: 25%;
}

.ib-col-1-5 {
    width: 20%;
}

.ib-col-1-6 {
    width: 16.66%;
}

.selectize-input {
    height: 32px;
    /*padding: 6px 8px !important;*/
    box-shadow: none !important;
    padding-right: 24px !important;
}

.selectize-dropdown .optgroup-header {
    font-weight: bold;
}

.selectize-control.single .selectize-input::after {
    right: 10px !important;
}

@media screen and (max-width: 800px) {
    .ib-md-1 {
        width: 100%;
    }
    .ib-md-1-2 {
        width: 50%;
    }
    .ib-md-1-3 {
        width: 33.33%;
    }
}

@media screen and (max-width: 480px) {
    .ib-sm-1 {
        width: 100%;
    }
    .ib-sm-1-2 {
        width: 50%;
    }
    .ib-sm-1-3 {
        width: 33.33%;
    }
}