﻿/* ROOMS LIST V1 */

/*------------------ ROOMS LIST MAIN PANELS -------*/
.S_SB_Rooms_List_Main {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0px 0px 0px 300px;
    clear: both;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.S_SB_Rooms_List_Result_Main {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0px;
    background-color: rgba(255,255,255,1.0);
    box-shadow: 0px 5px 10px -3px rgba(0,0,0,0.15);
    border-radius: 0px;
    overflow: hidden;
    clear: both;
    z-index: 10;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*------------------ ROOMS LIST MAIN PANELS -------*/


/*---------------- ROOMS SELECTED MAIN PANELS -----*/
.S_SB_Rooms_List_Selected_Main {
    position: absolute;
    display: block;
    width: 290px;
    height: auto;
    left: 0px;
    top: 0px;
    padding: 5px;
    background-color: rgba(255,255,255,1.0);
    box-shadow: 0px 5px 10px -3px rgba(0,0,0,0.15);
    border-radius: 0px;
    z-index: 100;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.S_SB_Rooms_List_Selected_Info_Body {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    max-height: 500px;
    padding: 20px;
    border: solid 1px #EEF2F5;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*---------------- ROOMS SELECTED MAIN PANELS -----*/


/*------------------------ ROOMS LIST -------------*/
.S_SB_Rooms_List_Row {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0px;
    border-bottom: solid 1px #EAEAEA;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.S_SB_Rooms_List_Content {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-height: 210px;
    max-width: 100%;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.S_SB_Rooms_List_Content_Specs {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    border-top: solid 1px #E0E0E0;
    max-width: 100%;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.S_SB_Rooms_List_Clear {
    width: 100%;
    clear: both;
}
/*------------------------ ROOMS LIST -------------*/


/*-------------------------- PICTURE ---------------*/
.S_SB_Rooms_List_Content_Pic_Main {
    position: absolute;
    display: block;
    width: 265px;
    height: auto;
    top: 5px;
    right: 5px;
    bottom: 5px;
    max-height: 200px;
    z-index: 10;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.S_SB_Rooms_List_Content_Pic, .S_SB_Rooms_List_Content_Pic_Empty {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #8C8C8C;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10;
}

.S_SB_Rooms_List_Content_Pic {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.S_SB_Rooms_List_Content_Pic_Empty {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
/*-------------------------- PICTURE ---------------*/


/*------------------------ ITEMS BODY --------------*/
.S_SB_Rooms_List_Content_Specs_Items_Main, .S_SB_Rooms_List_Content_Specs_Items_Main_F {
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px 20px 10px 20px;
    background-color: #F3F7FA;
    box-shadow: 0px 10px 15px 0px rgba(0,165,155,0.08) inset;
    clear: both;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.S_SB_Rooms_List_Content_Specs_Items_Main {
    display: block;
}

.S_SB_Rooms_List_Content_Specs_Items_Main_F {
    display: flex;
}

.S_SB_Rooms_List_Content_Items_Main_Text_Body {
    position: relative;
    display: table;
    float: right;
    width: 75%;
    height: auto;
    padding: 20px 290px 20px 20px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.S_SB_Rooms_List_Content_Items_Main_Price_Body {
    position: relative;
    display: table;
    float: left;
    width: 25%;
    height: auto;
    padding: 20px 20px 20px 20px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.S_SB_Rooms_List_Content_Items_Main_Price_Price_Info {
    position: relative;
    display: table;
    width: 100%;
    height: auto;
    padding: 0px 0px 10px 0px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.S_SB_Rooms_List_Content_Items_Main_Price_Sel_Info {
    position: relative;
    display: table;
    width: 100%;
    height: auto;
    padding: 10px 0px 0px 0px;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*------------------------ ITEMS BODY --------------*/


/*--------------------- ITEM TEXT & SIGN -----------*/
.S_SB_Rooms_List_Content_Text, .S_SB_Rooms_List_Content_Text_Alt_1, .S_SB_Rooms_List_Content_Text_Alt_2 {
    position: relative;
    display: table-cell;
    width: auto;
    height: inherit;
    padding: 5px 5px 5px 5px;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    text-align: right;
    vertical-align: middle;
    color: #000000;
}

    .S_SB_Rooms_List_Content_Text a, .S_SB_Rooms_List_Content_Text_Alt_1 a, .S_SB_Rooms_List_Content_Text_Alt_2 a {
        color: inherit;
        text-decoration: none;
    }

        .S_SB_Rooms_List_Content_Text a:hover, .S_SB_Rooms_List_Content_Text_Alt_1 a:hover, .S_SB_Rooms_List_Content_Text_Alt_2 a:hover {
            color: inherit;
            text-decoration: underline;
        }

.S_SB_Rooms_List_Content_Icon {
    position: relative;
    display: table-cell;
    width: auto;
    height: inherit;
    text-align: center;
    vertical-align: middle;
}

    .S_SB_Rooms_List_Content_Icon svg {
        width: 20px;
        height: 20px;
    }

    .S_SB_Rooms_List_Content_Icon img {
        width: 20px;
        height: 20px;
    }

.S_SB_Rooms_List_Content_Sep {
    width: 100%;
    height: 5px;
    clear: both;
}
/*--------------------- ITEM TEXT & SIGN -----------*/


/*------------------------ ITEM TITLE --------------*/
.S_SB_Rooms_List_Content_Item_Title {
    position: relative;
    display: table;
    float: right;
    width: auto;
    height: auto;
    direction: rtl;
}

    .S_SB_Rooms_List_Content_Item_Title .S_SB_Rooms_List_Content_Text {
        font-size: 1.3em;
        font-weight: bold;
        color: #000000;
    }

    .S_SB_Rooms_List_Content_Item_Title .S_SB_Rooms_List_Content_Text_Alt_1 {
        font-size: 1.0em;
        font-weight: 300;
        color: #757575;
    }

    .S_SB_Rooms_List_Content_Item_Title .S_SB_Rooms_List_Content_Icon svg {
        width: 16px;
        height: 16px;
        fill: #00A59B;
    }
/*------------------------ ITEM TITLE --------------*/


/*------------------------- ITEM TYPE --------------*/
.S_SB_Rooms_List_Content_Item_Type {
    position: relative;
    display: table;
    float: right;
    width: auto;
    height: auto;
    padding: 0px 5px 0px 5px;
    background-color: #EEF2F5;
    border-radius: 3px;
    direction: rtl;
}

    .S_SB_Rooms_List_Content_Item_Type .S_SB_Rooms_List_Content_Text {
        font-size: 0.9em;
        font-weight: 300;
        color: #8C8C8C;
    }

    .S_SB_Rooms_List_Content_Item_Type .S_SB_Rooms_List_Content_Icon svg {
        width: 16px;
        height: 16px;
        fill: #00A59B;
    }
/*------------------------- ITEM TYPE --------------*/


/*----------------------- ITEM MEAL TYPE -----------*/
.S_SB_Rooms_List_Content_Item_MealType {
    position: relative;
    display: table;
    float: right;
    width: auto;
    height: auto;
    direction: rtl;
}

    .S_SB_Rooms_List_Content_Item_MealType .S_SB_Rooms_List_Content_Text {
        font-size: 0.9em;
        font-weight: normal;
        color: #8C8C8C;
    }

    .S_SB_Rooms_List_Content_Item_MealType .S_SB_Rooms_List_Content_Icon svg {
        width: 15px;
        height: 15px;
        fill: #757575;
    }
/*----------------------- ITEM MEAL TYPE -----------*/


/*----------------------- ITEM CAPACITY ------------*/
.S_SB_Rooms_List_Content_Item_Capacity {
    position: relative;
    display: table;
    float: right;
    width: auto;
    height: auto;
    direction: rtl;
}

    .S_SB_Rooms_List_Content_Item_Capacity .S_SB_Rooms_List_Content_Text {
        font-size: 0.9em;
        font-weight: 300;
        color: #8C8C8C;
    }

    .S_SB_Rooms_List_Content_Item_Capacity .S_SB_Rooms_List_Content_Text_Alt_1 {
        padding: 0px 2px 0px 2px;
        font-size: 1.1em;
        font-weight: 500;
        color: #000000;
    }

    .S_SB_Rooms_List_Content_Item_Capacity .S_SB_Rooms_List_Content_Text_Alt_2 {
        font-size: 0.9em;
        font-weight: 300;
        color: #8C8C8C;
    }

    .S_SB_Rooms_List_Content_Item_Capacity .S_SB_Rooms_List_Content_Icon svg {
        width: 15px;
        height: 15px;
        fill: #757575;
    }
/*----------------------- ITEM CAPACITY ------------*/


/*----------------------- ITEM BED TYPE ------------*/
.S_SB_Rooms_List_Content_Item_Bed_Type {
    position: relative;
    display: table;
    float: right;
    width: auto;
    height: auto;
    direction: rtl;
}

    .S_SB_Rooms_List_Content_Item_Bed_Type .S_SB_Rooms_List_Content_Text {
        font-size: 0.9em;
        font-weight: 300;
        color: #8C8C8C;
    }

    .S_SB_Rooms_List_Content_Item_Bed_Type .S_SB_Rooms_List_Content_Icon svg {
        width: 16px;
        height: 16px;
        fill: #000000;
    }
/*----------------------- ITEM BED TYPE ------------*/


/*---------------------- ITEM MORE INFO ------------*/
.S_SB_Rooms_List_Content_Item_More_Info {
    position: relative;
    display: table;
    float: right;
    width: auto;
    height: auto;
    direction: rtl;
}

    .S_SB_Rooms_List_Content_Item_More_Info .S_SB_Rooms_List_Content_Text {
        font-size: 0.9em;
        font-weight: 300;
        color: #00A59B;
    }

    .S_SB_Rooms_List_Content_Item_More_Info .S_SB_Rooms_List_Content_Icon svg {
        width: 18px;
        height: 10px;
        fill: #00A59B;
    }
/*---------------------- ITEM MORE INFO ------------*/


/*---------------------- ITEM KEYS MAIN ------------*/
.S_SB_Rooms_List_Content_Item_Keys_Main {
    position: relative;
    display: table;
    float: right;
    width: auto;
    height: auto;
    padding: 10px 0px 0px 0px;
}
/*---------------------- ITEM KEYS MAIN ------------*/


/*------------------------ ITEM KEYS ---------------*/
.S_SB_Rooms_List_Content_Item_Keys {
    position: relative;
    display: table;
    float: right;
    width: auto;
    height: auto;
    padding: 0px 5px 0px 5px;
    margin: 0px 2px 0px 2px;
    background-color: #FFFFFF;
    border: solid 1px #EAEAEA;
    border-radius: 3px;
    direction: rtl;
    cursor: pointer;
}

    .S_SB_Rooms_List_Content_Item_Keys .S_SB_Rooms_List_Content_Text {
        font-size: 0.85em;
        font-weight: 300;
        color: #757575;
    }

    .S_SB_Rooms_List_Content_Item_Keys .S_SB_Rooms_List_Content_Icon svg {
        width: 20px;
        height: 17px;
        fill: #8C8C8C;
    }
/*------------------------ ITEM KEYS ---------------*/


/*--------------------- ITEM FACILITIES ------------*/
.S_SB_Rooms_List_Content_Item_Facilities {
    position: relative;
    display: table;
    float: right;
    width: auto;
    height: auto;
    padding: 3px;
    direction: rtl;
}

    .S_SB_Rooms_List_Content_Item_Facilities .S_SB_Rooms_List_Content_Text {
        position: absolute;
        display: none;
        width: auto;
        min-width: 100px;
        height: auto;
        left: 50%;
        bottom: 100%;
        background-color: #000000;
        border-radius: 3px;
        font-size: 0.9em;
        font-weight: 300;
        text-align: center;
        text-wrap: none;
        color: #FFFFFF;
        z-index: 10000;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .S_SB_Rooms_List_Content_Item_Facilities:hover .S_SB_Rooms_List_Content_Text {
        display: table;
    }

    .S_SB_Rooms_List_Content_Item_Facilities .S_SB_Rooms_List_Content_Text_Alt_1 {
        font-size: 0.9em;
        font-weight: normal;
        color: #8C8C8C;
    }

    .S_SB_Rooms_List_Content_Item_Facilities .S_SB_Rooms_List_Content_Icon {
        padding: 3px;
        border: solid 1px #8C8C8C;
        border-radius: 3px;
        cursor: pointer;
    }

        .S_SB_Rooms_List_Content_Item_Facilities .S_SB_Rooms_List_Content_Icon img {
            width: 25px;
            height: 25px;
            fill: #000000;
        }
/*--------------------- ITEM FACILITIES ------------*/


/*-------------------- ITEM OTHER COUNTS -----------*/
.S_SB_Rooms_List_Content_Item_Other_Counts, .S_SB_Rooms_List_Content_Item_Other_Counts_P, .S_SB_Rooms_List_Content_Item_Other_Counts_P_Sel {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    direction: rtl;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.S_SB_Rooms_List_Content_Item_Other_Counts {
    flex: 0 1 70px;
    -ms-flex: 0 1 70px;
    width: 70px;
    height: 70px;
    border-radius: 3px;
}

.S_SB_Rooms_List_Content_Item_Other_Counts_P, .S_SB_Rooms_List_Content_Item_Other_Counts_P_Sel {
    flex: 0 1 120px;
    -ms-flex: 0 1 120px;
    width: 120px;
    height: 50px;
    border-radius: 10px;
}

.S_SB_Rooms_List_Content_Item_Other_Counts_P {
    border: solid 1px rgba(255,255,255,0.5);
}

.S_SB_Rooms_List_Content_Item_Other_Counts_P_Sel {
    border: solid 2px rgba(255,255,255,1.0);
    box-shadow: 0px 0px 0px 2px rgba(0,165,155,0.7);
}

.S_SB_Rooms_List_Content_Item_Other_Is_Count {
    background-color: rgba(0,165,155,1.0);
    color: rgba(255,255,255,1.0);
    cursor: pointer;
}

    .S_SB_Rooms_List_Content_Item_Other_Is_Count:hover {
        background-color: rgba(0,185,175,1.0);
    }

.S_SB_Rooms_List_Content_Item_Other_No_Count {
    background-color: rgba(150,150,150,1.0);
    color: rgba(255,255,255,0.8);
}

.S_SB_Rooms_List_Content_Item_Other_Counts_Date {
    flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    font-size: 0.8em;
    font-weight: 300;
    text-align: center;
    color: inherit;
}

.S_SB_Rooms_List_Content_Item_Other_Counts_Count {
    flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    font-size: 0.9em;
    font-weight: 500;
    text-align: center;
    color: inherit;
}
/*-------------------- ITEM OTHER COUNTS -----------*/


/*------------------ ITEM RECIEPT POLICIES ---------*/
.S_SB_Rooms_List_Content_Item_Reciept_Policies {
    position: relative;
    display: table;
    float: right;
    width: auto;
    height: auto;
    padding: 3px;
    direction: rtl;
}

    .S_SB_Rooms_List_Content_Item_Reciept_Policies .S_SB_Rooms_List_Content_Text {
        font-size: 0.9em;
        font-weight: 300;
        text-align: justify;
        line-height: 25px;
        color: #757575;
    }

    .S_SB_Rooms_List_Content_Item_Reciept_Policies .S_SB_Rooms_List_Content_Text_Alt_1 {
        font-size: 0.9em;
        font-weight: normal;
        color: #00A59B;
    }
/*------------------ ITEM RECIEPT POLICIES ---------*/


/*------------------- ITEM CANCEL POLICIES ---------*/
.S_SB_Rooms_List_Content_Item_Cancel_Policies {
    position: relative;
    display: table;
    float: right;
    width: auto;
    height: auto;
    padding: 3px;
    direction: rtl;
}

    .S_SB_Rooms_List_Content_Item_Cancel_Policies .S_SB_Rooms_List_Content_Text {
        font-size: 0.9em;
        font-weight: 300;
        text-align: justify;
        line-height: 25px;
        color: #757575;
    }

    .S_SB_Rooms_List_Content_Item_Cancel_Policies .S_SB_Rooms_List_Content_Text_Alt_1 {
        font-size: 0.9em;
        font-weight: normal;
        color: #C80000;
    }
/*------------------- ITEM CANCEL POLICIES ---------*/





/*--------------------- PRICE INFO PRICE -----------*/
.S_SB_Rooms_List_Content_Price_Info_Price {
    position: relative;
    display: table;
    float: left;
    width: auto;
    height: auto;
    direction: rtl;
}

    .S_SB_Rooms_List_Content_Price_Info_Price .S_SB_Rooms_List_Content_Text {
        padding: 0px 5px 0px 5px;
        font-size: 1.4em;
        font-weight: bold;
        color: #00A59B;
        direction: ltr;
    }

    .S_SB_Rooms_List_Content_Price_Info_Price .S_SB_Rooms_List_Content_Text_Alt_1 {
        padding: 0px 5px 0px 5px;
        font-size: 0.85em;
        font-weight: 300;
        color: #8C8C8C;
    }

    .S_SB_Rooms_List_Content_Price_Info_Price .S_SB_Rooms_List_Content_Icon svg {
        width: 20px;
        height: 20px;
        fill: #00A59B;
    }
/*--------------------- PRICE INFO PRICE -----------*/


/*----------------- PRICE INFO NON DISCOUNT --------*/
.S_SB_Rooms_List_Content_Price_Info_Non_Discount {
    position: relative;
    display: table;
    float: left;
    width: auto;
    height: auto;
    direction: rtl;
}
    /*
.S_SB_Rooms_List_Content_Price_Info_Non_Discount:after
{
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    left: 0px;
    top: 50%;
    background-color: #C80000;
    z-index: 100;
    content: '';

    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    -moz-transform: rotateZ(7deg);
    -ms-transform: rotateZ(7deg);
    -o-transform: rotateZ(7deg);
    -webkit-transform: rotateZ(7deg);
    transform: rotateZ(7deg);
}
*/
    .S_SB_Rooms_List_Content_Price_Info_Non_Discount:before {
        position: absolute;
        display: block;
        width: 100%;
        height: 1px;
        left: 0px;
        top: 50%;
        background-color: #C80000;
        z-index: 110;
        content: '';
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -moz-transform: rotateZ(-7deg);
        -ms-transform: rotateZ(-7deg);
        -o-transform: rotateZ(-7deg);
        -webkit-transform: rotateZ(-7deg);
        transform: rotateZ(-7deg);
    }

    .S_SB_Rooms_List_Content_Price_Info_Non_Discount .S_SB_Rooms_List_Content_Text {
        padding: 0px 5px 0px 5px;
        font-size: 0.9em;
        font-weight: normal;
        color: #757575;
    }

    .S_SB_Rooms_List_Content_Price_Info_Non_Discount .S_SB_Rooms_List_Content_Text_Alt_1 {
        padding: 2px 5px 2px 5px;
        font-size: 0.9em;
        font-weight: 300;
        color: #757575;
        direction: ltr;
    }

    .S_SB_Rooms_List_Content_Price_Info_Non_Discount .S_SB_Rooms_List_Content_Icon svg {
        width: 14px;
        height: 14px;
        fill: #757575;
    }
/*----------------- PRICE INFO NON DISCOUNT --------*/


/*------------------- PRICE INFO EXTRABED ----------*/
.S_SB_Rooms_List_Content_Price_Info_Extrabed {
    position: relative;
    display: table;
    float: left;
    width: auto;
    height: auto;
    direction: rtl;
}

    .S_SB_Rooms_List_Content_Price_Info_Extrabed .S_SB_Rooms_List_Content_Text {
        padding: 0px 5px 0px 5px;
        font-size: 1.2em;
        font-weight: bold;
        color: #00A59B;
        direction: ltr;
    }

    .S_SB_Rooms_List_Content_Price_Info_Extrabed .S_SB_Rooms_List_Content_Text_Alt_1 {
        padding: 0px 5px 0px 5px;
        font-size: 0.85em;
        font-weight: 300;
        color: #8C8C8C;
    }

    .S_SB_Rooms_List_Content_Price_Info_Extrabed .S_SB_Rooms_List_Content_Icon svg {
        width: 16px;
        height: 16px;
        fill: #00A59B;
    }
/*------------------- PRICE INFO EXTRABED ----------*/


/*-------------------- SELECT INFO COUNT -----------*/
.S_SB_Rooms_List_Content_Sel_Info_Count {
    position: relative;
    display: table;
    float: left;
    width: auto;
    height: auto;
    direction: rtl;
}

    .S_SB_Rooms_List_Content_Sel_Info_Count .S_SB_Rooms_List_Content_Text {
        font-size: 0.9em;
        font-weight: 500;
        color: #000000;
        direction: ltr;
    }

    .S_SB_Rooms_List_Content_Sel_Info_Count .S_SB_Rooms_List_Content_Text_Alt_1 {
        font-size: 0.9em;
        font-weight: 500;
        color: #FA8200;
    }

    .S_SB_Rooms_List_Content_Sel_Info_Count .S_SB_Rooms_List_Content_Text_Alt_2 {
        font-size: 0.9em;
        font-weight: 500;
        color: #C80000;
    }

    .S_SB_Rooms_List_Content_Sel_Info_Count .S_SB_Rooms_List_Content_Icon svg {
        width: 20px;
        height: 20px;
        fill: #00A59B;
    }
/*-------------------- SELECT INFO COUNT -----------*/


/*-------------------- SELECT INFO TITLE -----------*/
.S_SB_Rooms_List_Content_Sel_Info_Title {
    position: relative;
    display: table;
    float: left;
    width: auto;
    height: auto;
    direction: rtl;
}

    .S_SB_Rooms_List_Content_Sel_Info_Title .S_SB_Rooms_List_Content_Text {
        font-size: 1.0em;
        font-weight: 500;
        color: #00A59B;
        direction: ltr;
    }

    .S_SB_Rooms_List_Content_Sel_Info_Title .S_SB_Rooms_List_Content_Text_Alt_1 {
        font-size: 1.0em;
        font-weight: 500;
        color: #FA8200;
    }

    .S_SB_Rooms_List_Content_Sel_Info_Title .S_SB_Rooms_List_Content_Text_Alt_2 {
        font-size: 1.0em;
        font-weight: 500;
        color: #C80000;
    }

    .S_SB_Rooms_List_Content_Sel_Info_Title .S_SB_Rooms_List_Content_Icon svg {
        width: 20px;
        height: 20px;
        fill: #00A59B;
    }
/*-------------------- SELECT INFO TITLE -----------*/


/*-------------------- SELECT INFO KEYS ------------*/
.S_SB_Rooms_List_Content_Sel_Info_Select_Main {
    position: relative;
    display: table;
    float: left;
    width: auto;
    height: auto;
    padding: 1px;
    margin: 0px;
    background-color: #FFFFFF;
    border: solid 1px rgba(0,120,255,0.3);
    border-radius: 0px;
}

    .S_SB_Rooms_List_Content_Sel_Info_Select_Main .S_SB_Rooms_List_Content_Text {
        position: relative;
        display: table;
        width: 100%;
        height: auto;
        padding: 2px 0px 2px 0px;
        font-size: 0.8em;
        text-align: center;
        color: #757575;
        clear: both;
    }

.S_SB_Rooms_List_Content_Sel_Info_Select_Keys {
    position: relative;
    display: table;
    float: right;
    width: 25px;
    height: 25px;
    padding: 0px;
    margin: 0px;
    background-color: #0078FF;
    border-radius: 0px;
    cursor: pointer;
}

    .S_SB_Rooms_List_Content_Sel_Info_Select_Keys .S_SB_Rooms_List_Content_Icon svg {
        width: 14px;
        height: 14px;
        fill: #FFFFFF;
    }

.S_SB_Rooms_List_Content_Sel_Info_Select_Text {
    position: relative;
    display: table;
    float: right;
    width: 40px;
    height: 25px;
    padding: 0px;
    margin: 0px;
    background-color: #EEF2F5;
}

    .S_SB_Rooms_List_Content_Sel_Info_Select_Text .S_SB_Rooms_List_Content_Text {
        font-size: 1.0em;
        font-weight: 500;
        color: #757575;
    }
/*-------------------- SELECT INFO KEYS ------------*/





@media screen and (min-width:0px) and (max-width:1200px) {
    .S_SB_Rooms_List_Content {
        min-height: 190px;
    }



    .S_SB_Rooms_List_Content_Pic_Main {
        width: 235px;
        top: 5px;
        right: 5px;
        bottom: 5px;
        max-height: 180px;
    }



    .S_SB_Rooms_List_Content_Specs_Items_Main {
        padding: 15px 15px 15px 15px;
    }

    .S_SB_Rooms_List_Content_Items_Main_Text_Body {
        width: 70%;
        padding: 15px 255px 15px 15px;
    }

    .S_SB_Rooms_List_Content_Items_Main_Price_Body {
        width: 30%;
        padding: 15px 15px 15px 15px;
    }
}

@media screen and (min-width:0px) and (max-width:1100px) {
    .S_SB_Rooms_List_Main {
        padding: 50px 0px 0px 0px;
    }

    .S_SB_Rooms_List_Selected_Main {
        width: 100%;
        height: 40px;
        padding: 0px;
        border-bottom: solid 1px #00A59B;
    }

    .S_SB_Rooms_List_Selected_Info_Body {
        max-height: 400px;
    }
}

@media screen and (min-width:0px) and (max-width:900px) {
    .S_SB_Rooms_List_Row {
        border-bottom: solid 2px #8C8C8C;
    }



    .S_SB_Rooms_List_Content_Items_Main_Text_Body {
        float: none;
        width: 100%;
        clear: both;
    }

    .S_SB_Rooms_List_Content_Items_Main_Price_Body {
        float: none;
        width: 100%;
        border-top: solid 1px #F0F0F0;
        clear: both;
    }

    .S_SB_Rooms_List_Content_Items_Main_Price_Price_Info {
        float: right;
        width: 50%;
        height: auto;
        padding: 0px 0px 0px 10px;
    }

    .S_SB_Rooms_List_Content_Items_Main_Price_Sel_Info {
        float: left;
        width: 50%;
        height: auto;
        padding: 0px 10px 0px 0px;
    }

    .S_SB_Rooms_List_Content_Price_Info_Price {
        float: right;
    }

    .S_SB_Rooms_List_Content_Price_Info_Non_Discount {
        float: right;
    }

    .S_SB_Rooms_List_Content_Price_Info_Extrabed {
        float: right;
    }



    .S_SB_Rooms_List_Content_Sel_Info_Count {
        float: right;
    }



    .S_SB_Rooms_List_Content_Item_Keys_Main {
        float: left;
        width: auto;
        height: auto;
        padding: 10px 0px 0px 0px;
    }
}

@media screen and (min-width:0px) and (max-width:800px) {
    .S_SB_Rooms_List_Content_Item_Keys_Main {
        float: none;
        width: 100%;
        padding: 10px 0px 0px 0px;
        clear: both;
    }

    .S_SB_Rooms_List_Content_Item_Keys {
        width: 32.333%;
        padding: 0px 3px 0px 3px;
        margin: 0px 0.5% 0px 0.5%;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media screen and (min-width:0px) and (max-width:700px) {
    .S_SB_Rooms_List_Content_Pic_Main {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        top: 0px;
        right: 0px;
        bottom: 0px;
        max-width: 450px;
        max-height: 100%;
        padding: 10px;
        clear: both;
    }

    .S_SB_Rooms_List_Content_Pic, .S_SB_Rooms_List_Content_Pic_Empty {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding-top: 60%;
    }



    .S_SB_Rooms_List_Content_Items_Main_Text_Body {
        padding: 15px 15px 15px 15px;
    }
}

@media screen and (min-width:0px) and (max-width:400px) {
}
