﻿.no-text-decoration {
    text-decoration: none !important;
}

/* 1.HEADER */

.header .header-container {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.header .top-header-wrapper {
    height: 40px;
    background: #032d6d;
}

.header .top-header {
    width: 1200px;
    margin: 0 auto;
}

    .header .top-header .contact {
        color: #fff;
        margin-top: 10px;
    }

.header .header-container .logo {
    width: 122px;
    margin-top: 10px;
}

    .header .header-container .logo a {
        display: block;
        position: relative;
        top: 6px;
    }

    .header .header-container .logo img {
        width: 100%;
    }

        .header .header-container .logo img[src=""] {
            display: none;
        }



.top-header .user-info {
    color: #fff;
    margin-right: 10px;
}

    .top-header .user-info .avatar {
        background: url(Images/no-avatar.png) no-repeat;
        width: 25px;
        height: 25px;
        background-size: 101%;
        display: inline-block;
        border-radius: 50%;
        margin-top: 3px;
        border: 1px solid #ccc;
    }

    .top-header .user-info .info {
        margin-top: 11px;
        display: inline-block;
        margin-left: 10px;
        position: relative;
    }

.user-info .info .submenu {
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    width: 100%;
    top: 22px;
}

    .user-info .info .submenu a {
        display: block;
        text-align: center;
        text-decoration: none;
        padding: 5px;
        color: #333;
    }

        .user-info .info .submenu a:hover {
            background: #f2f2f2;
        }

.top-header .user-info .logout {
    margin-top: 11px;
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}


.header-container .menu {
    margin-top: 30px;
    padding: 5px 0 0 0px;
    list-style-type: none;
}

    .header-container .menu li {
        float: left;
        margin-left: 25px;
    }

    .header-container .menu li {
        font-size: 16px;
    }

        .header-container .menu li:first-of-type {
            margin-left: 0;
        }

        .header-container .menu li a {
            text-decoration: none;
            color: #232323;
            font-weight: bold;
        }

            .header-container .menu li.selected a,
            .header-container .menu li a:hover {
                color: #063ab3;
            }

            .header-container .menu li a i {
                margin-right: 8px;
                font-size: 22px;
            }

.top-header .details {
    margin-top: 11px;
    margin-left: 10px;
}

    .top-header .details a {
        color: #fff;
        font-size: 12px;
        text-decoration: none;
    }

.top-header .settings,
.top-header .add-favourites {
    margin-top: 14px;
    margin-left: 10px;
    color: #fff;
    text-decoration: none;
}

.top-header .details a:hover {
    text-decoration: underline;
}

.top-header .language {
    float: right;
    margin-top: 10px;
    margin-left: 15px;
}

    .top-header .language .languages-container {
        position: relative;
    }

        .top-header .language .languages-container .language-list {
            padding: 0;
            background: #fff;
            position: absolute;
            right: 0;
            width: 140px;
            top: 15px;
            box-shadow: 0px 1px 4px #868686;
            list-style-type: none;
            z-index: 9999;
        }

            .top-header .language .languages-container .language-list li a {
                display: block;
                text-decoration: none;
                margin: 0;
            }

                .top-header .language .languages-container .language-list li a:hover {
                    background: #f2f2f2;
                }

                .top-header .language .languages-container .language-list li a .flag {
                    background-size: 80%;
                }


    .top-header .language .selected.flag {
        height: 18px;
        width: 20px;
        border-radius: 45%;
        background-size: cover;
        /*background-position: -8px 0px;*/
    }


    .top-header .language .lang-value {
        color: #fff;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
        top: -2px;
        margin-left: 3px;
    }

    .top-header .language .dd-language {
        font-size: 16px;
        margin-left: 5px;
        margin-top: 2px;
        color: #fff;
        cursor: pointer;
        float: right;
    }

.header-container .shopping-cart {
    margin-top: 35px;
    margin-left: 20px;
}

    .header-container .shopping-cart .icon {
        position: relative;
        margin-right: 15px;
    }

    .header-container .shopping-cart a {
        color: #333;
    }

    .header-container .shopping-cart .label {
        text-align: right;
    }

    .header-container .shopping-cart .icon i {
        font-size: 22px;
        color: #fabd01;
    }

    .header-container .shopping-cart .icon .value {
        background: #fffce2;
        width: 17px;
        height: 16px;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        text-indent: 1.5px;
        line-height: 15px;
        border: 2px solid #fabd01;
        position: absolute;
        top: -14px;
        right: -15px;
        font-weight: bold;
    }

.drop_main_menu {
    position: relative;
}

.drop_submenu {
    position: absolute;
    top: 30px;
    left: 0px;
    width: 145px;
    margin: 0px;
    padding: 0px;
    z-index: 999;
    box-shadow: 0px 1px 4px #868686;
    border-radius: 3px;
    background: #fff;
}

    .drop_submenu li {
        display: block;
        list-style-type: none;
        position: relative;
    }

        .drop_submenu li a {
            background: rgba(255, 255, 255, 0.9) !important;
            transition: 0.3s;
            display: block;
            padding: 5px;
        }

            .drop_submenu li a:hover {
                background: rgba(131, 168, 197, 0.54) !important;
            }

.drop_3rd_menu {
    position: absolute;
    width: 100%;
    left: 100%;
    top: 0;
    padding: 0px;
    margin: 0px;
    box-shadow: 0px 1px 4px #868686;
    border-radius: 3px;
    background: #fff;
}

.header-container .menu li .drop_submenu li a i {
    width: 30px;
    text-align: center;
}

.header-container .menu li .drop_submenu li {
    margin-left: 0;
}

.drop_submenu li {
    float: left;
    width: 100%;
}


/* 2. MAIN */


/* dynatree */
#DestinationsContainer {
    padding: 0px;
}

    #DestinationsContainer > table {
        margin: 0 !important;
        width: 100%;
    }

    #DestinationsContainer .t-btn {
        display: inline-block;
        text-decoration: underline;
        margin: 0px 5px;
        padding: 5px 10px;
        cursor: pointer;
    }

    #DestinationsContainer .top-bar {
        padding: 5px 0px;
    }

        #DestinationsContainer .top-bar:first-child {
            width: 230px;
        }


    #DestinationsContainer select {
        width: 100%;
    }


    #DestinationsContainer input[type="button"] {
        background: none;
    }

    #DestinationsContainer #BtnClearFilter {
        opacity: 0;
        width: 16px;
        height: 16px;
        right: 8px;
        top: 53px;
        cursor: pointer;
        background: none;
        border: none;
        position: absolute;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDQyNEZCMkZDNkRGMTFFM0IzNENBMUY5ODQyRUY5NjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDQyNEZCMzBDNkRGMTFFM0IzNENBMUY5ODQyRUY5NjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNDI0RkIyREM2REYxMUUzQjM0Q0ExRjk4NDJFRjk2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNDI0RkIyRUM2REYxMUUzQjM0Q0ExRjk4NDJFRjk2NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PswzBLsAAAIBSURBVHjajFO5ThtRFL32jBfZM/Z4qWksYXmTXUYuKPkO+IBEUZCQQGKRqKhAQAUNXapQ0CUpUuUTvBT+Au+FN3kbznnioRHCEk+6mjf33fWce0U8x+fz3UN+yobDN8jjpvezYrHolstlF/frD96vK5WKWyqV+H6hlYZ2zmaz56lUSkKhkFiW9aXT6TjQ/359v8rn89/j8biEw2GJRCI73W7XhP6fYZrmQy6X+5FOp2Uymch8PhfHcXSQKYyqcD5h8PF4LMvlUhgoFovtDAaDLUaJ+P1+cV1XCXpUhslkUjKZzCX/eaeOd9qo0g1VvGOs1+undrttRaPRKiMvFgtlwEqQheXKdDpVzjywk36/L7Va7Xa1Wu1rDP6iJxtlV23bVkHoAAMlOjODDYdDqdfrd/D55gWR5w96HgHEXWamo/cQXCSRZrN5jN9jrfe/oyqoS/3ovPY/9+q8FdwWCoUjoj2bzeR9IKKfSCQELe6iUpsVvwWA8Q2o+kq0NWDMxrKJNp2p45ftEXC0YxE7IxAI/MIE7pF7TZVGG+y8Ueplh2xBqmBjm3Mw1IDpzGBDer2etFqtQ6pRySVbG41GyoYC+uky4Rw8I5PJ8WTkYDCoeAZV3IdTyH+ONSeT76hY8C+NRuMcvgdenC64KFyYTcvERePCcXc2revjJ9b53qt7EWAAoyzq6CC6lzcAAAAASUVORK5CYII=);
    }

#DestinationsTree {
    width: auto !important;
}

    #DestinationsTree *:focus {
        outline: none;
    }

    #DestinationsTree ul.dynatree-container li {
        padding: 7px 0px;
        background: #eee;
        margin: 2px 0px;
    }

        #DestinationsTree ul.dynatree-container li .dynatree-active span.dynatree-icon {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qjk0NTIzN0VDNkUxMTFFM0EyMDM4MDMwMEEzMUU5MEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qjk0NTIzN0ZDNkUxMTFFM0EyMDM4MDMwMEEzMUU5MEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCOTQ1MjM3Q0M2RTExMUUzQTIwMzgwMzAwQTMxRTkwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCOTQ1MjM3REM2RTExMUUzQTIwMzgwMzAwQTMxRTkwQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuqwGmMAAASNSURBVHjadFR7TFNnFP/dBy0FLMU+oBTbQsEoLxsYDw0vlRkN+gcZzmWIZtNlOI2OTeZkOjfd2Fg0urnMzSxbFuOicUw2SGaYS8SJ4kIpAhnytlAYj0J5rtBy++3rzUKmZufm5Lu59/zOd36/75yPaWnvxQOrBdd/vo6MzCw0WpqXz87MvOR0jm/u6OjWewFGqw0fVYXIf0tNMV9ZFEi7NlyHxPgE6MK1YFr+7EXd3yfgszufS169U99wcnR0TBOfY0BaTixYjkVb8yM8qO0E52UQu3r1Rzsqwsp88dmBx4H2HjvONxYhJSPrPUhDSPq2TaTacp6MzF4lhNSKPrVQSeq6vyT5h3YSyBQkOSP7hg8z7JgAHnb348SpT7YD/uS5Q4Vk1FW5BHzSXd5acvzrUgJIyPOFey7U37OAy8zKkpV/fPpWZGK0/7Xv9kHtHwABlDmISIsh/74xgB/DYH2SCTYvweWLPzyjUikq2d/r63eMM/2Ko+U7oPKXiCAOrPgw8MDLCFhkRPySlezbAqmaR0dfx2EuNDziiBA7Hf/B3l2Ydk/gs2orXBI/RC4PoiCeOksTMmIJY/MuOGanYVAr0UnXezdag/iBwUHjqkwDgiQsiDcIaq0cZ87dwa9rQpGfFwsZ5WCzu9DSOQyJ3I11cVoYFErExRpQ42wIo1twEATALSxC7ifFK2sT8EJyNN6/1IqX99eA51loVMtwrDQd2cZQcAwr0vDMz0Og9Hi9Ttfd2nQ33TG3ALmCp7+8WCaRQaNgcGD/Ohh1CjS19qJnZBwLC7PIjdHDj5Oiua0faqXCzq6MNtUM3h7F7eZeMTOhnF20moINBhzYuBJbV2lwtCAdhjAltMoQEWwZmkD1t/eQlpR8i83O2VgZFhgzdvLNSxiYcYlyyTgeUSEaMaHg9dLjAzYZtTCrVeIWFRU/wjvjhjEq6ix6hxwoP3t+KzgZ2bw7n9imrvxvI025q0npmYO0LTiyu/i1ikZrC9BlHxFbeW3u5hJI5SQhI41cqqsgfc7viYeCBOrDtK1rWi6Q9YXbCZgQkvXstqs+jMPpBNP+aBA3HW+L5f7xhazgWtVPn7I8H56YHYVoM1WdDtNA1ySab3ZA8MBjTkguK/gw8LQvPjf4XTBd9lHU363HxYtf4WBxMTweIeqtsnd6PIu+Qaa9QQj8eA7OcTuOlZXtjFgRfdnpnEByUiIijXpwRUVF4DkGK3Q6xESbsGlDjvN+Q0Nc28POOJVGA4mUw7xrGqZIk23ni0V7goOD4KXCsixVliZn7QM2Wpob5oQ4TE5N4n6TBVk5macCA6S0MwVxLjzzAt0xqXxubhZdXd2Ym51BX98j0LsDvGN8QuRvHxwS17+Gh6HX61vXxMf90vSgdYtCHgy1SjmmXK76xkpVX3Av4L/Gu+bdj30gxIuAADdSUlOOW5tbtvT323Dk8BvlJa8fXOzptVFZmMcTRERE4EnzBeXl5VksFut9a1OjOTUt9ZxzcoryxtI9sZQg0hT1VAKf8qGhYSjaVbhXowwJm6LnXVVVRY+Ueyr2HwEGAC8dFXQiUFzKAAAAAElFTkSuQmCC);
        }

    #DestinationsTree ul.dynatree-container {
        overflow: auto;
        border: none;
        height: auto;
        max-height: 580px;
    }

        #DestinationsTree ul.dynatree-container a {
            border: none;
            background: none;
        }

            #DestinationsTree ul.dynatree-container a:hover {
                background: none;
                border: none;
            }

            #DestinationsTree ul.dynatree-container a:focus {
                background: none;
                border: none;
            }

    #DestinationsTree span.dynatree-icon {
        width: 16px;
        height: 22px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjQ4ODg1Q0VDNkUxMTFFMzgyNTY4NTU0MUVFRkEyOUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjQ4ODg1Q0ZDNkUxMTFFMzgyNTY4NTU0MUVFRkEyOUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNDg4ODVDQ0M2RTExMUUzODI1Njg1NTQxRUVGQTI5RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNDg4ODVDREM2RTExMUUzODI1Njg1NTQxRUVGQTI5RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoCrzUIAAARsSURBVHjadFN7TFN3FP5u75VHGY9KQaC0yEtAHmNDmMuQjfkCgblsgyFatNNEZzadi8OM4R6aOLcs24x/kCzZXMjM5jSCzgXQDQ0ZASJteQ1aXgNKsVZo5TGe7T370WRGxzw3uY/fPef7ne98349r7x5Am16LyquVSN+QgRZt68rpqSmN3T6eZTT2qUSACw4OscplPr+npSb/5HBSd3CIAkkJiVCEBINr7xpAZ0crfq2+Bge4/X80NJ2wWu8FRkVEYl1KCiQCjy6DAUZDJwQJh7VxcZ+q1cWlSQkJ8PLyArr7R1B74yZS0zM+hruMUjOz6OfLV8lsvkP/BuuGautuUe4uDcHTj1LSn69pbNHBMmYDDH3D+Ojk5/mAB+UVaWjUeo8eFzNOovc+PEmAGxXs3Fve0KgFLlyq9AwJi7XHP51BlnG7K3FRdJCTHCSyOzmdJDLiouh8ALRDs5/g5k0lpccT8NaRo3sg8aJz5y//z56zDGKeXaxYFB+s3m7rJMFXRtt3FHyPvFcKfgxQxpLFNk2mUROVfXmGrjQ0sBJxGdzo+Dj19vfTDHvfvlNDiui4XsFkNq+OiY2Fj7cXyIODPDgQZ89V4Ldb9Xh5Ww6knARDg2a0DxjBrwDSE5MQFRGBtTFxqKutCxLA8WAUMTc7D5m3FIcLC7GHFR4v/xYHT5yGIEgg9/FFyRtqbF2/DryEx1Iszs/AyTkhqBSKvvrG2+utY1YGoGS/nPD18YZc6oZ9r25HuFIBrU6HnkET5iYnkZv5HNzcpWhj3gjw9xvB0WNlr4OXUnnFDy6eS8ynZ2fJYDQ+4D7PlKhqbKamri7Xd4O+neCzigqKdpfjl+qbgiomyRoW/xQNmC3LBudYdDy6wNR4KX8XM5SMSso+WYOB0TGc+upsLnhP2piXT31/DT3WSPbJv+ntw+8zI/G0+8DBz1r07UDvyF3U1Dfg2U1ZR+DuQ/Hr1tM3FRVkZHItsKIl+4yYzXTxWg1tyC0kcDLK2Jx3oe3PLozZ7eC6mURanRY3rl+HuLDw2sWqK2ckghASE70GYaow8EylUctdGHo6IIpYTE5MKdUUF34RF7fGJb0gCCvgcDjR29eHQwcOXNqyeauupPSDftOwGSbTHbAGsIKdyJlJO8pKSzWhyqjzNrsNc3NzCA4KBK9WqyHwHJQKBaKjIrHlxRfszU1N8Z2Gnnh5YCCTjGcemURkeOTQriL1Xl/fJ1gnIiTsaDN08Nk525g5OKxWKWGfuI8xm40VuRkam5rfdHf3YBQ4TE9MYdPGzGMqlVJrMo3AsbgIG8sbHDJBGBu3uZw1Yh51Pe9YLFCpVB1PJsRX69o6sv2YCwPk/vf8V8q/07Opzy/M4+EQZucWHllgQkMqXUBqWupxfWt79vDwEI4dfffUkXcOOfoHhsAttf4wQGhoKP4bS0k5OTlarVbfrNe1JKc9k/a1/f4E4+3a4lGA8MiIZQBLk1+1Kgjq4p37Av1lQRNM76qqKvA8vyz3HwEGAD78vnuE3nvIAAAAAElFTkSuQmCC);
    }

.qtip-titlebar {
    font-size: 20px;
    padding: 9px !important;
    display: block;
    font-weight: normal !important;
    background: #f5f5f5;
    border-bottom: 1px solid #efefef;
    line-height: 1;
}

.qtip-default .qtip-titlebar .qtip-close {
    color: #c3c3c3 !important;
    background: none;
    border: none;
}

    .qtip-default .qtip-titlebar .qtip-close .ui-icon {
        height: 20px !Important;
    }

        .qtip-default .qtip-titlebar .qtip-close .ui-icon:before {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f00d";
        }

/*Reports*/
ul.reports {
    list-style: none;
    margin: 1em 0;
    padding: 0;
    width: 200px;
}

    ul.reports li {
        font-weight: bold;
        margin: 0;
        padding: 3px 10px 5px 20px;
        border-bottom: 1px solid #ccc;
        color: #666;
    }

        ul.reports li:hover {
            color: #000;
            background-color: #ddd;
        }

.additionalInfo_text {
    font-family: Tahoma;
    font-size: 13px;
    text-decoration: none;
    font-weight: normal;
}

.av-availablity {
    color: green;
    font-weight: bold;
}

.rq-availablity {
    color: red;
    font-weight: bold;
}

table.markup-group-list {
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

.markup-group-list img {
    cursor: pointer;
}

.markup-group-list .name {
    width: 200px;
    text-align: left;
}

.markup-group-list .desc {
    width: 400px;
    text-align: left;
}

.markup-group-list .btn {
    width: 50px;
    text-align: left;
}

.markup-container {
    margin: 0 auto;
}

.markup-group-form span {
    width: 100px;
    display: inline-block;
    vertical-align: top;
}

.markup-group-form textarea {
    height: 100px;
    width: 185px;
}

.markup-container-buttons {
    text-align: right;
    padding-right: 25px;
}

    .markup-container-buttons .btn {
        margin-right: 5px;
    }


table.group-list .group-name {
    width: 300px;
}

table.group-list .group-desc {
    width: 500px;
}

table.markup-admin {
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

    table.markup-admin input {
        height: 16px;
        width: 50px;
        text-align: right;
        padding-right: 4px;
    }



    table.markup-admin tr td input[type='checkbox'] {
        border: none;
    }

    table.markup-admin tr th {
        text-align: left;
    }

    table.markup-admin .room-type {
        padding-right: 5px;
    }

    table.markup-admin .supplier-name {
        width: 120px;
    }

    table.markup-admin .supplier-name-home {
        width: 625px;
    }

    table.markup-admin .supplier-name-flight {
        width: 240px;
    }

    table.markup-admin .supplier-name-offline {
        width: 75%;
    }

.btn-save {
    cursor: pointer;
    border: none;
}

.container-markups {
    width: 100%;
}

.markups .ui-tabs {
    margin: 0;
    padding: 0;
}

.markups .ui-widget-content {
    background: none;
    border: none;
}


.view-client.tabs .ui-tabs .ui-tabs-nav,
.markups .ui-tabs .ui-tabs-nav,
.markups .ui-tabs .ui-tabs-panel,
.client-tabs .ui-tabs .ui-tabs-panel,
.client-tabs .ui-tabs .ui-tabs-nav {
    padding: 0;
    margin: 0;
    background: none;
}

.markups .ui-tabs .tabs-services-title.ui-tabs-nav {
    position: absolute;
    top: -72px;
    right: 0;
}

.markups .ui-tabs .ui-tabs-nav li a,
.client-tabs .ui-tabs .ui-tabs-nav li a {
    background: none;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
}


.markups .ui-tabs .tabs-services-title.ui-tabs-nav li a {
    border: 1px solid #e1e1e1;
    padding: 5px 20px 5px 20px;
    margin-right: 5px;
    background: #eaeaea;
    font-weight: normal;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}


    .markups .ui-tabs .tabs-services-title.ui-tabs-nav li a:hover {
        background: #d4d4d4;
    }

.view-client.tabs .ui-tabs .ui-tabs-nav li.ui-state-active a,
.markups .ui-tabs .ui-tabs-nav li.ui-state-active a,
.client-tabs .ui-tabs .ui-tabs-nav li.ui-state-active a {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: none;
    font-weight: normal;
}

.clients .ui-tabs .tabs-services-title.ui-tabs-nav li.ui-state-active a,
.markups .ui-tabs .tabs-services-title.ui-tabs-nav li.ui-state-active a {
    display: block;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    background: #d4d4d4;
    border-bottom: 1px solid #e1e1e1;
}

.markups .ui-tabs .ui-tabs-nav li,
.client-tabs .ui-tabs .ui-tabs-nav li {
    margin: 0;
    padding: 0;
}

.view-client.tabs .ui-tabs .ui-state-default,
.view-client.tabs .ui-tabs {
    background: none;
    border: none;
    margin: 0;
    color: #333;
}

.clients ui-state-default,
.client-tabs .ui-widget-content .ui-state-default,
.client-tabs .ui-widget-header .ui-state-default {
    border: none;
    background: none;
    font-weight: bold;
    color: #333;
}


.client-tabs .ui-tabs .ui-tabs-nav li a,
.view-client.tabs .ui-tabs .ui-tabs-nav li a {
    background: none;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    outline: none;
    color: #333;
}

.view-client.tabs .ui-tabs-panel {
    margin: 0;
    padding: 0;
}

.btn-save-mk {
    float: right;
    margin-top: 10px;
    margin-right: 50px;
}

.clear {
    clear: both;
}

.desc-fixed {
    width: 640px;
}


.no-markup {
    font-weight: bold;
    font-size: 12px;
    color: #C6260A;
}


.add-reservation-container {
    font-size: 14px;
}


.reservation_tabs_div, .custom_tweak_per_account {
    display: block;
}

.transfer_title {
    padding: 10px;
    color: #0093c6;
    font-size: 16px;
    background: #f1f1f1;
    display: block;
    margin-top: 2px;
}

.category_overview_title, .booking_overview_title {
    font-size: 16px;
    font-weight: bold;
    border: none !important;
    color: #333 !important;
    margin-left: 1px;
    padding-left: 5px;
    padding-bottom: 3px;
}

S .cancelation-item2 {
    float: right;
    position: relative;
    top: -2px;
    font-weight: bold;
    right: 6px;
}

.cancellation_text {
    padding: 5px;
}

.PortletContentWhite {
    position: relative;
}

.NoGridLine td {
    padding: 9px;
}

.NoGridLine {
    border: 1px solid #ccc;
}

.room-prices:last-of-type {
    background: #ccc;
}

.passagers-details-table {
    border: 1px solid #ccc !important;
    padding-bottom: 10px;
}

.NoGridLine td {
    padding: 9px;
}

.room-prices:last-of-type {
    background: #ccc;
}

.room_prices {
    background: none !important;
}

.price_break_tex.room_prices {
    font-size: 12px;
}

.passagers-details-table {
    border: 1px solid #ccc;
    padding-bottom: 10px;
}

.ex_mark {
    float: left;
}

    .ex_mark img {
        border-radius: 5px 0 0 5px;
    }

.hide {
    display: none !important;
}


.price_break_text {
    background: none;
}

.some_grey {
    background: #f0f0f0;
    color: #333;
}

.no_padding {
    padding: 0;
}

.no-bg {
    background: none;
}

.room_prices tr:last-of-type {
    background: #f0f0f0;
}

.ordering-input .inputfields {
    float: left;
}

.ordering_names {
    margin-left: 23px;
}

.wrapper .wrapper_admin {
    position: relative;
}

.client-specific-image {
    background: url(../Common/images/background_client.png) no-repeat;
    width: 100%;
    height: 1200px;
    display: block;
    position: fixed;
}


.generic-layout {
    width: 100%;
}

.generic-layout {
    background: rgba(255, 255, 255, 0.3);
}

.search-wrapper {
    min-height: 800px;
}

    .search-wrapper .bg-gallery {
        position: absolute;
        height: 100%;
        width: 100%;
        overflow: hidden;
        z-index: 9;
    }

        .search-wrapper .bg-gallery .flexslider {
            position: absolute;
            width: 100%;
            z-index: 0;
        }

            .search-wrapper .bg-gallery .flexslider .slides {
                height: 100%;
                width: 100%;
            }

                .search-wrapper .bg-gallery .flexslider .slides li {
                    max-height: 800px;
                    height: 800px;
                    overflow: hidden;
                }

                    .search-wrapper .bg-gallery .flexslider .slides li img {
                        width: 100%;
                        height: 900px;
                        position: absolute;
                        top: 0;
                        min-width: 1800px;
                        min-height: 900px;
                    }

.main-search-wrapper .mask.bg {
    background: url(images/bg.png) no-repeat;
    background-size: 100% 160%;
    background-position: 0 100%;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.second-table {
    background: #fff;
    border: 1px solid #EFEFEF;
}

.main.client-interface .new-booking-wrapper,
.main.client-interface .reservations-wrapper {
    margin: 0 auto;
    width: 1200px;
    position: relative;
}

.new-invoice-container {
    float: left;
    width: 35%;
    margin-right: 20px;
}

    .new-invoice-container input {
        height: 20px;
    }

    .new-invoice-container input,
    .new-invoice-container .field-validation-error {
        font-size: 12px;
    }

    .new-invoice-container .btn.new-invoice {
        float: right;
        font-family: inherit;
        font-size: 12px;
        margin-top: 3px;
    }

.clients-container .clients-filter .search-bar input,
.search.agencies .search-box {
    width: 180px;
    height: 24px;
    border: 1px solid #e1e1e1;
}

.filter-agencies .letter {
    padding: 6px 12px;
    border: 1px solid #ddd;
    background: #fff;
    color: #337ab7;
    text-decoration: none;
    display: inline-block;
    border-right: none;
}

    .filter-agencies .letter:hover {
        background: #eee;
    }

    .filter-agencies .letter:last-of-type {
        border-right: 1px solid #ddd;
    }

.reservations-list .general-page-title.hide {
    display: block !important;
}

.reservations-list .general-page-title {
    color: #a2a2a2;
    margin-bottom: 20px;
    width: 100%;
    margin: 0px auto;
    text-align: left;
    min-height: 30px;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 10px;
    display: block;
}

.main.client-interface .main-search-wrapper {
    width: 100%;
    margin-top: -10px;
    background: #fff;
}

    .main.client-interface .main-search-wrapper .search-tab-wrapper {
        width: 1200px;
        position: relative;
        margin: 0 auto;
        z-index: 999;
    }

.main-search-wrapper .search-tab-container {
    width: 68%;
    float: left;
}

.main-search-wrapper .slider-container {
    width: 30%;
    margin-top: 40px;
    float: right;
}

    .main-search-wrapper .slider-container .slide-content {
        padding: 25px;
    }

.slide-content .title {
    color: #fff;
    font-size: 20px;
}

.slide-content .description {
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
}

.slide-content .offer {
    margin-top: 35px;
    display: block;
    width: 70%;
    border: 1px solid #fff;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
}

    .slide-content .offer:hover {
        background: rgba(255, 255, 255, .3);
    }

.slide-content .date-valid {
    background: #fec232;
    width: 55%;
    font-weight: bold;
    padding: 3px;
    margin-top: 20px;
    font-size: 14px;
    text-indent: 10px;
}

.main-search-wrapper .slider-container .flexslider {
    height: 379px;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.65);
}

.main-search-wrapper .slider-container .flex-viewport {
    border-bottom: 0;
}

.main-search-wrapper .slider-container .flex-control-paging li a {
    background: #fff;
}

    .main-search-wrapper .slider-container .flex-control-paging li a.flex-active {
        background: #16b8f5;
    }

.main-search-wrapper .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: left;
    text-indent: 20px;
    z-index: 9999;
}

.bg-gallery .flex-control-nav {
    display: none;
}

.main-search-wrapper .search-tab-container .search-config-elements {
    padding: 25px 25px 35px 25px;
}

.search-panel {
    margin: 0 auto;
    position: relative;
    z-index: 21;
    background: rgba(255, 255, 255, 0.7);
    min-height: 236px;
    width: 100% !important;
    top: 40px;
}

    .search-panel.transfer .search-config-elements {
        padding: 25px 25px 35px 25px;
    }

    .search-panel.transfer .row.with-margin {
        margin-top: 17px;
    }

    .search-panel.transfer .passengers .custom-select.with-margin,
    .search-panel.transfer .row.flight-time {
        margin-left: 17px;
    }

    .search-panel.transfer .passengers .children {
        float: left;
        width: 66%;
        position: relative;
        top: -17px;
        margin-left: 17px;
    }

        .search-panel.transfer .passengers .children select {
            width: 57px;
            margin-right: 17px;
            margin-top: 17px;
        }

    .search-panel.transfer .dates .custom-input {
        width: 184px;
        border: none;
    }


    .search-panel.transfer .row.flight-time .custom-select span {
        margin-left: 5px;
        margin-right: 5px;
        line-height: 38px;
    }

        .search-panel.transfer .row.flight-time .custom-select span.time-info {
            margin-left: 10px;
            margin-top: 10px;
            display: inline-block;
            position: relative;
            color: red;
        }

            .search-panel.transfer .row.flight-time .custom-select span.time-info .fa.fa-info-circle {
                font-size: 20px;
            }

    .search-panel.transfer .destination-input .custom-input {
        width: 76%;
        border: none;
        margin-left: 17px;
    }

    .search-panel.transfer .has-return-transfer {
        position: relative;
    }

        .search-panel.transfer .has-return-transfer input {
            position: relative;
            top: 49px;
        }

.main-search-wrapper .search-tab-container .search-config-elements .currency {
    float: left;
    width: 72px;
    margin-top: 20px;
    margin-left: 13px;
}

.main.client-interface .main-search-wrapper .top-destinations {
    margin: 0 auto;
    width: 1200px;
    padding-top: 50px;
    /*padding-bottom: 100px;*/
}

    .main.client-interface .main-search-wrapper .hotel-deals-container h1,
    .main.client-interface .main-search-wrapper .top-destinations h1 {
        color: #1b96da;
    }

.main.client-interface .main-search-wrapper .hotel-deals-container h1 {
    margin-top: -15px;
}


.main.client-interface .main-search-wrapper .hotel-deals-container .separator,
.main.client-interface .main-search-wrapper .top-destinations .separator {
    width: 36%;
    position: absolute;
    top: 0;
}

    .main.client-interface .main-search-wrapper .hotel-deals-container .separator.left,
    .main.client-interface .main-search-wrapper .top-destinations .separator.left {
        left: 0;
    }

    .main.client-interface .main-search-wrapper .hotel-deals-container .separator.right,
    .main.client-interface .main-search-wrapper .top-destinations .separator.right {
        right: 0;
    }

.hotel-deals-container .deal-item {
    width: 230px;
    height: 190px;
    position: relative;
    float: left;
    box-shadow: 0px 1px 3px #333;
    overflow: hidden;
    margin: 15px 12px 0 0;
}

    .hotel-deals-container .deal-item:nth-of-type(7) {
        margin-left: 0;
        margin-right: 0px;
    }

    .hotel-deals-container .deal-item:nth-of-type(12) {
        margin-left: 0;
        margin-right: 0px;
    }

.notifications-container .item {
    position: relative;
    float: left;
}


    .notifications-container .item a {
        background: #eaeaea;
        border: 1px solid #e1e1e1;
        padding: 5px 40px 5px 5px;
        margin-right: 5px;
        display: block;
        text-decoration: none;
        color: #333;
    }

        .notifications-container .item a.image_name.oktobuy {
            padding: 0;
            border: none;
        }

        .notifications-container .item a.selected {
            background: #ffbcbc;
            font-weight: bold;
        }

        .notifications-container .item a:hover {
            background: #d4d4d4;
        }

    .notifications-container .item.show-more a {
        padding: 5px 20px 5px 20px;
    }

    .notifications-container .item a.btn_reconfirmed {
        display: none;
    }

/*.notifications-container .item a.oktobuy:before {
        content: "OkToBuy";
        font-weight: normal;
    }*/

.oktobuy-popup-container {
    position: absolute;
    background: #fff;
    box-shadow: 1px 2px 5px #333;
}

.rent-a-car .oktobuy-popup-container {
    right: 49px;
    top: 45px;
}

.hotel-deals-container .deal-item .hotel-image {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.hotel-deals-container .deal-item:hover .hotel-image {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}

.hotel-deals-container .deal-item .info {
    position: absolute;
    top: 15px;
    width: 100%;
}

    .hotel-deals-container .deal-item .info h1 {
        text-align: left;
        padding: 5px;
        background: rgba(40, 118, 189, 0.7);
        color: #fff;
        font-size: 14px;
        margin: 20px 0px 0 0;
    }

.hotel-deals-container .deal-item a {
    cursor: pointer;
}

.hotel-deals-container .deal-item .info h3 {
    margin: 0;
    padding: 5px;
    background: rgba(255, 255, 255, 0.61);
    color: #333;
}

.hotel-deals-container .deal-item .info .star-rating {
    font-size: 14px;
    font-weight: lighter;
    line-height: 20px;
    width: 70%;
    margin-top: 10px;
}

.hotel-deals-container .deal-item .info h1 span {
    text-align: left;
    color: #fff;
}

#preloader {
    position: absolute;
    top: 10px;
    min-height: 600px;
    background: #fff;
    z-index: 9;
}

    #preloader img {
        width: 250px;
        margin: 150px auto;
        display: block;
    }




.options .fa {
    font-size: 24px;
    text-align: center;
    display: block;
}

.separator-top-options {
    float: right;
    height: 20px;
    width: 1px;
    background: #68a4e0;
    border-left: 1px solid #174065;
    margin-top: 8px;
}

.menu-wrapper .menu-container {
    width: 1200px;
    margin: 0 auto;
}

.menu-wrapper .logo {
    margin: 10px 0 0 -9px;
}

.client-interface {
    border-bottom: 1px solid #dce0e3;
    padding-top: 10px;
    background: #f6f6f6;
}

.menu-wrapper .logo img {
    height: 50px;
    max-height: 55px;
}

.header-wrapper .user-info {
    margin-top: 38px;
    color: #333;
}

.user-info .fa {
    display: block;
    text-align: center;
}


.group-service-custom {
    position: relative;
    font-size: 12px;
    height: 27px;
    text-indent: 5px;
    border: 0;
    background: #2876bd;
    color: #fff;
    cursor: pointer;
    min-width: 95px;
}

.homes .clx-deadline {
    margin-top: 10px;
    margin-bottom: 10px;
}

.clx-deadline-fix {
    padding-top: 10px;
    width: 666px;
    float: right;
}

.cxl_deadline_flights_span {
    width: 605px;
    margin-left: 80px;
    font-weight: bold;
    display: block;
    position: relative;
    top: 9px;
}

.clx_deadline_home_fix {
    position: initial;
}

    .clx_deadline_home_fix span {
        margin-left: 80px;
        display: block;
        padding-top: 8px;
    }

.clx-deadline p.clx {
    background: #ffe6e6;
    padding: 5px;
}

.clx-deadline p {
    color: #cc1b1b;
}

    .clx-deadline p.clx i {
        font-size: 14px;
        background: #e61313;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        text-align: center;
        color: #fff;
        line-height: 20px;
    }


.online .transfer.passenger-details td {
    width: 33.3%;
    padding: 3px;
}


.clx_deadline_rentacar {
    padding: 0 !important;
}

    .clx_deadline_rentacar img {
        float: left;
        border-radius: 5px 0 0 5px;
    }

.rentacar_content_text span {
    width: 96%;
    display: block;
    margin-left: 85px;
    margin-top: 10px;
}

.transfer_title_custom, .flight_transfer_title {
    background: none !important;
}

.account_padding {
    border-bottom: 1px solid #EDEDED;
    border-left: 1px solid #EDEDED;
    border-right: 1px solid #EDEDED;
    border-radius: 0 0 5px 5px;
}

.grid-alt-row {
    background: #f7f7f7;
}

.td-spaced {
    padding-left: 10px;
    padding-right: 5px;
}

.border-collapse {
    border-collapse: collapse;
    width: 100%;
}

.success, .warning {
    margin: 10px 0px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('Images/status-available.png');
}

.warning {
}

.child-indent {
    margin-left: 30px !important;
}

.child-indent2 {
    margin-left: 60px !important;
}

.parent-bold {
    font-weight: bolder;
}

.parent-bolder {
    font-weight: bolder;
    font-size: 13px;
}

.expand-ico {
    font-weight: bolder;
}

    .expand-ico:hover {
        cursor: pointer;
    }

.readonly-page {
    position: absolute;
    top: -40px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: white;
    filter: alpha(opacity = 50);
    opacity: 0.5;
    z-index: 1000;
}

.facility-category {
    display: block;
    margin-top: 5px;
}

.facility-indent {
    padding-left: 20px;
}

.wbe-checkbox input,
.wbe-checkbox label,
.wbe-checkbox label span {
    vertical-align: middle;
}

.async-row.half #photo[src=""] {
    display: none;
}




.hotel-info-image {
    max-height: 70px;
    max-width: 70px;
}

.hotel-tabs-container {
    position: relative;
}

    .hotel-tabs-container .content {
        border-bottom: 1px solid #eee;
        background-color: #fff;
    }

    .hotel-tabs-container .tabs {
        list-style-type: none;
        padding: 0;
        position: absolute;
        top: -28px;
        left: 140px;
        right: 0;
        margin: 0 auto;
        width: 500px;
    }

    .hotel-tabs-container .content .item.closed {
        height: 0 !important;
        overflow: hidden;
    }


    .hotel-tabs-container .content .item {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        /*min-height: 220px;*/
        overflow: hidden;
        position: relative;
    }

        .hotel-tabs-container .content .item.facilities,
        .hotel-tabs-container .content .item.description {
            height: auto;
        }


            .hotel-tabs-container .content .item.description .facilities-content-wrapper,
            .hotel-tabs-container .content .item.description .desc-content-wrapper {
                position: relative;
                padding: 10px;
            }

                .hotel-tabs-container .content .item.description .facilities-content-wrapper .title {
                    color: #2876bd;
                    font-weight: bold;
                    font-size: 10px;
                    text-transform: uppercase;
                    position: relative;
                    top: -5px;
                }

                .hotel-tabs-container .content .item.description .facilities-content-wrapper .facilities-content .title {
                    color: #333;
                    top: 0;
                    text-indent: 15px;
                    padding-top: 10px;
                    padding-bottom: 10px;
                }

.facilities-content-wrapper .facilities-content {
    height: 71px;
    overflow: hidden;
}

    .facilities-content-wrapper .facilities-content.expanded {
        height: auto;
    }

    .facilities-content-wrapper .facilities-content ul {
        padding: 0;
        margin: 0;
        list-style-type: disc;
    }

        .facilities-content-wrapper .facilities-content ul li {
            float: left;
            margin-left: 30px;
            list-style-type: disc;
            min-width: 21%;
        }

            .facilities-content-wrapper .facilities-content ul li.room-fac {
                color: #333;
            }

        .facilities-content-wrapper .facilities-content ul:after {
            display: block;
            content: " ";
            clear: both;
        }


.hotel-tabs-container .content .item.description .desc-content {
    max-height: 53px;
    overflow: hidden;
    position: relative;
}

.hotel-tabs-container .content .item.description .facilities-content-wrapper .show_more,
.hotel-tabs-container .content .item.description .desc-content-wrapper .show_more {
    display: block;
    width: 100%;
    background: #fff;
    margin-top: 5px;
}

    .hotel-tabs-container .content .item.description .facilities-content-wrapper .show_more span,
    .hotel-tabs-container .content .item.description .desc-content-wrapper .show_more span {
        cursor: pointer;
        color: #838383;
        font-size: 10px;
        text-transform: uppercase;
    }

        .hotel-tabs-container .content .item.description .facilities-content-wrapper .show_more span:hover,
        .hotel-tabs-container .content .item.description .desc-content-wrapper .show_more span:hover {
            text-decoration: underline;
        }

.hotel-tabs-container .content .item.description .desc-content.expanded {
    max-height: none;
}

.hotel-tabs-container .content .item .photo-gallery {
    margin: 7px;
}

.hotel-tabs-container .content .item.map .map-container {
    position: relative;
    overflow: hidden;
    width: 60%;
    float: left;
    height: 285px;
    margin: 7px;
}

.hotel-tabs-container .content .item.map .distances {
    width: 37%;
    margin-top: 7px;
    float: right;
    margin-right: 10px;
    position: relative;
}

.hotel-tabs-container .content .item .separator.horizontal {
    margin: 0px;
    background: #e6e6e6;
}

.hotel-tabs-container .content .item.map .distances .title i {
    color: #b40053;
    margin-right: 5px;
}

.hotel-tabs-container .content .item.map .distances .content {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-top: 5px;
    position: absolute;
    height: 262px;
    overflow-y: auto;
    width: 100%;
}

    .hotel-tabs-container .content .item.map .distances .content li {
        padding: 0px 3px 2px 3px;
    }

        .hotel-tabs-container .content .item.map .distances .content li:nth-of-type(odd) {
            background: #f6f6f6;
        }

.hotel-tabs-container .tabs::after {
    display: block;
    content: " ";
    clear: both;
}

.hotel-tabs-container .tabs li {
    float: left;
}

    .hotel-tabs-container .tabs li a {
        min-width: 100px;
        height: 17px;
        display: inline-block;
        text-align: left;
        text-indent: 10px;
        background: #eeeeee;
        text-decoration: none;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #008bcf;
        margin-left: 2px;
        padding-right: 5px;
        position: relative;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

        .hotel-tabs-container .tabs li a .ta-logo {
            background: url(images/ta-logo.png) no-repeat;
            width: 86px;
            display: inline-block;
            height: 17px;
            background-size: 105%;
            background-position: -2px -3px;
            position: relative;
            top: 0;
            left: -7px;
        }

        .hotel-tabs-container .tabs li a.selected .ta-logo {
            background-position: -2px -22px;
        }

        .hotel-tabs-container .tabs li a.selected {
            color: #fff;
            background: #008bcf;
        }

        .hotel-tabs-container .tabs li a i {
            float: right;
            font-size: 16px;
            position: absolute;
            right: 5px;
        }

/*.hotel-tabs-container .tabs li a.selected i {
            right: -6px;
            -webkit-transform: rotateZ(180deg);
        }*/


.hotel-tabs-container .content .item.images .photo-gallery .main-image {
    display: inline-block;
    vertical-align: top;
    width: 28%;
    height: 90%;
    margin: 0 4px 0 0;
    overflow: hidden;
}

    .hotel-tabs-container .content .item.images .photo-gallery .main-image img {
        /*width: 100%;*/
        width: 210px;
        height: 140px;
    }

.hotel-tabs-container .content .item.images .photo-gallery .thumbs {
    float: right;
    width: 70%;
    /*height: 285px;*/
    overflow-y: auto;
}

    .hotel-tabs-container .content .item.images .photo-gallery .thumbs span {
        display: inline-block;
        width: 13%;
        height: 65px;
        border: 1px solid #fff;
        margin: 0;
        overflow: hidden;
        cursor: pointer;
    }

        .hotel-tabs-container .content .item.images .photo-gallery .thumbs span:hover {
            box-shadow: 1px 0px 3px #333;
        }

        .hotel-tabs-container .content .item.images .photo-gallery .thumbs span img {
            width: 100%;
            height: 100%;
        }

.hotel-tabs-container .content .item.description p {
    margin: 7px;
    text-align: justify;
}

.hotel-tabs-container .content .item.facilities {
    padding: 0;
}

.facilities .list ul {
    display: inline-block;
    margin-right: 25px;
    margin-left: 20px;
    margin-top: 0;
    padding: 0;
    vertical-align: top;
    min-width: 30%;
}

.facilities .list {
    width: 40%;
    padding-left: 10px;
}

    .facilities .list ul li.title {
        list-style-type: none;
        color: #b40053;
    }

.hotel-tabs-container .overlay.loading {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0;
    background: #fff url(../../Design/Common/images/loading.gif) no-repeat;
    background-position: center;
    background-size: 20px;
}


.hotel-tabs-container .content .item.facilities ul::after {
    display: block;
    content: " ";
    clear: both;
}





.gallery-overflow {
    max-height: 256px;
    overflow: hidden;
    position: relative;
}

.gallery-wrapper {
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    top: 0;
}


.Portlet {
    border: 1px solid #327DAB;
}

.title-reservation-flight-history, .title-reservation-hotel-history {
    background: #64ABD6;
    color: #fff;
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

    .title-reservation-hotel-history .center {
        text-align: center;
        display: block;
        margin: 0 auto;
        padding: 5px;
    }

.subtitle-reservation-hotel-history {
    background: #327DAB;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 5px;
}

    .subtitle-reservation-hotel-history td {
        padding-top: 5px;
        width: 8%;
        padding-bottom: 5px;
        padding-right: 5px;
    }

.hotel-history-item td {
    font-size: 12px;
    padding-left: 1px;
    background: #F8FCFF;
}

.hotel-history-item:nth-of-type(2n+1) td {
    background: #CEE8F7;
}

.hotel-history-item td:first-child {
    font-weight: bold;
}

.border-collapse {
    border-collapse: collapse;
}

.rentacar-history-table, .flight-history-table {
    width: 950px !important;
    font-size: 12px;
    background: #fff !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

    .rentacar-history-table .ui-widget-content, .flight-history-table .ui-widget-content {
        background: none !important;
        border: none !important;
    }

    .rentacar-history-table .ui-dialog-titlebar, .flight-history-table .ui-dialog-titlebar {
        background: #64ABD6 !important;
        text-align: center;
        color: #fff !important;
    }

    .rentacar-history-table .ui-dialog .ui-dialog-titlebar, .flight-history-table .ui-dialog .ui-dialog-titlebar {
        text-align: center !important;
    }

    .rentacar-history-table .ui-dialog-titlebar, .flight-history-table .ui-dialog-titlebar {
        border-radius: 0 !important;
    }

    .rentacar-history-table .ui-dialog-title, .flight-history-table .ui-dialog-title {
        float: none !important;
        margin-top: 10px !important;
        display: block;
        margin: 5px !important;
    }

.flight.waiting.logo {
    background-image: url(../images/logo.png);
    max-width: 335px;
    height: 110px;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    background-size: contain;
}

._waitingFlight {
    border: solid 1px #147CC5;
    border-collapse: collapse;
    width: 680px;
    height: 508px;
    margin: 40px auto;
}

_waitingFlight .divLogoSearch img {
    max-width: 250px;
}

._waitingFlight .divGlobe {
    background: url(/DirectVision.WBE.B2B/Design/Common/images/loading.gif) no-repeat center center;
    background-size: 19px;
}

.flight-history-subtitle {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

    .subtitle-rentacar-history td, .flight-history-subtitle td {
        font-size: 12px;
        text-align: center;
        font-weight: normal;
        padding-top: 7px;
        padding-bottom: 7px;
    }

        .flight-history-subtitle td:first-of-type {
            font-weight: bold;
        }

.flight-history-labels-title {
    background: #327DAB !important;
    color: #fff;
    text-align: center;
}

    .flight-history-labels-title td {
        padding-top: 7px;
        padding-bottom: 7px;
        font-weight: normal !important;
    }

.flight-history-subtitle-content tr:nth-of-type(2n+1) {
    background: #F8FCFF;
}

.flight-history-subtitle-content tr:nth-of-type(2n+2) {
    background: #CEE8F7 !important;
}

.rentacar-history-table .ui-dialog-content {
    padding: 0 !important;
}

p.rentacar-history-table {
    display: none;
}

.subtitle-rentacar-history td {
    background: #327DAB !important;
}

.item-rentacar-subtitle td {
    font-size: 12px;
    background: #F8FCFF;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
}

.item-rentacar-subtitle-alternate td {
    font-size: 12px;
    background: #CEE8F7;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}

    .item-rentacar-subtitle td:first-of-type, .item-rentacar-subtitle-alternate td:first-of-type {
        font-weight: bold;
    }

.subtitle-rentacar-history td {
    padding-bottom: 7px !important;
    padding-top: 7px !important;
    border-bottom: 0px solid #fff !important;
    color: #fff;
}

.tour-history-subtitle, .home-history-subtitle {
    font-size: 12px;
    background: #327DAB;
    color: #fff;
}

.home-history-subtitle-item, .tour-history-subtitle-item {
    display: inline-block;
    width: 84px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
}

    .home-history-item span, .tour-history-item span, .home-history-subtitle-item span {
        display: block;
        text-align: center;
    }

.tour-history-item, .home-history-item {
    display: inline-block;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 12px;
}

.home-history-item {
    width: 82px;
}

.tour-history-item {
    width: 80px;
}

.tour-history-subtitle-item {
    width: 81px;
}

.tour-history-content-item, .home-history-content-item {
    background: #F8FCFF;
}

.tour-history-content-alternate, .home-history-content-alternate {
    background: #CEE8F7;
}

.tour-history-item:first-of-type, .home-history-item:first-of-type {
    font-weight: bold;
}

.tour-history-container {
    border: 1px solid #327DAB !important;
}

.pkg-history {
    border: 1px solid #5A99CB;
}

.pkg-history-subtitle {
    font-size: 12px;
    background: #327DAB;
    color: #fff !important;
    font-weight: normal;
    text-align: center !important;
}

.pkg-history-item {
    font-size: 12px;
    text-align: center;
}

.pkg-history tr:nth-child(2n+1) {
    background: #F8FCFF;
}

.pkg-history tr:nth-child(2n+2) {
    background: #CEE8F7;
}

.pkg-history-item:first-of-type {
    font-weight: bold;
}

/* Mihai Roman - B2B events */
sup {
    color: red;
}

.overlay {
    position: fixed;
    z-index: 10;
    background-color: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.destination-pin {
    display: inline-block;
    width: 10px;
    height: 14px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAFOSURBVChTjZGhV8JgFMWvHEeYYYQtQLCwQJlBwggjrGzBBRYgWfgHNNg5RwwaTBSDxUKmrJAMFgkQoBAkQMDgzlEClAV879vGmc1f2O7eu3tv99vRnkDCz3KKyWiM5U6DbpkwdQ35pBcbt0sMe13051FSjpFUG9fdNs5OgBzNwftTapIgqypUVSEFROErHu8CrEkf4yPAy4xNCuybB7T5dWY9xG2nj8XnAIOxg9zXaoEdN049eKmJKbnwTRYRJrMFr/4fOa1SQ5HVKkAw3YqigFYPRiwknBtlTv29f7u/wvM8LsoURKZ1m3BDV0Jx0Old8uoC6k2HmkyEXRgiTE1EpelBp3v8jbqLVlmov8gOWvWCkEkYDdaFKc4uS7npimnMIXW+6sMXqRIkE56lJQ8ZIx0crIZxmFps+KimP5rIGClWzYetkJAM+FYpLgqAX7CNYdiGXs1fAAAAAElFTkSuQmCC');
}

.hotel-h {
    display: inline-block;
    width: 9px;
    height: 12px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAYAAACwXJejAAAABGdBTUEAAK/INwWK6QAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADMSURBVChTbVBBDsIwDHOLYDvxEb6BdoDfc+aIxH3iwJomwenYhABLmZbYidNAAJfj0e3x8E9ELsPg0nWeKYIx/sFqhUwTsjKJ+AfNuXGziAk2m0asYL6KJn50twO6rnELUt9Dt1sEn+5czPd7pMOBYxXOSDGVAr1ckMYRubCo7q27Mpp9SqhcurJegrvyBLfz2e399AWq6rfTyYNvO1XhIZ7PGLYiMZdSUPifw0I40mj7CTOD0Dbu2I4Zoh9QEG2ziK8wFr4RbeEyAXgBjrqOniSyuLYAAAAASUVORK5CYII=');
}

.destination-label {
    display: inline-block;
    margin-left: 10px;
}


/* THBN Charges */
.charges-container.thbn-charges {
    border: 1px solid #9FBED7;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-family: Tahoma;
}

    .charges-container.thbn-charges h3 {
        margin: 0;
        padding: 7px;
        background-color: #eff6fb;
        -webkit-border-top-left-radius: 7px;
        -webkit-border-top-right-radius: 7px;
        -moz-border-radius-topleft: 7px;
        -moz-border-radius-topright: 7px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        font-weight: bold;
        font-size: 16px;
        color: #333;
    }

    .charges-container.thbn-charges span {
        display: inline-block;
        width: 150px;
    }

    .charges-container.thbn-charges .charges-values {
        font-size: 13px;
        color: #000000;
        padding: 0 5px;
    }
/* THBN Charges End */

/* Transfer Charges */

#transfer-waiting-message {
    height: auto !important;
    min-height: 40px;
    width: 100% !important;
}

    #transfer-waiting-message .wait {
        position: fixed;
        left: 0;
        right: 0;
        margin: 0;
        text-align: center;
        z-index: 9;
        top: 45%;
    }


.charges-container.transfer-charges {
    border: 1px solid #9FBED7;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-family: yekan Tahoma;
}

    .charges-container.transfer-charges h3 {
        margin: 0;
        padding: 7px;
        background-color: #eff6fb;
        -webkit-border-top-left-radius: 7px;
        -webkit-border-top-right-radius: 7px;
        -moz-border-radius-topleft: 7px;
        -moz-border-radius-topright: 7px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        font-weight: bold;
        font-size: 12px;
        color: #0C6F8C;
    }

    .charges-container.transfer-charges span {
        display: inline-block;
        width: 150px;
    }

    .charges-container.transfer-charges .charges-values {
        font-size: 12px;
        color: #000000;
        padding: 0 5px;
    }
/* Transfer Charges End */

/* Flight Charges */
.charges-container.flight-charges {
    border: 1px solid #9FBED7;
    /*padding: 0 5px;*/
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

    .charges-container.flight-charges h3 {
        margin: 0;
        padding: 7px;
        background-color: #EFF6FB;
        -webkit-border-top-left-radius: 7px;
        -webkit-border-top-right-radius: 7px;
        -moz-border-radius-topleft: 7px;
        -moz-border-radius-topright: 7px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        font-weight: bold;
        font-size: 12px;
        color: #0C6F8C;
    }

    .charges-container.flight-charges .charges-values {
        padding: 0 5px;
    }
/* Flight Charges End */

/* Offline Charges */
.charges-container.offline-charges {
    border: 1px solid #9FBED7;
    /*padding: 0 5px;*/
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 0px 1px 3px #ccc;
}

    .charges-container.offline-charges h3 {
        margin: 0;
        padding: 7px;
        background-color: #EFF6FB;
        -webkit-border-top-left-radius: 7px;
        -webkit-border-top-right-radius: 7px;
        -moz-border-radius-topleft: 7px;
        -moz-border-radius-topright: 7px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        font-weight: bold;
        font-size: 13.2px;
        color: #0C6F8C;
        box-shadow: 0px 1px 1px #ccc;
    }

    .charges-container.offline-charges span {
        display: inline-block;
        width: 150px;
    }

    .charges-container.offline-charges .charges-values {
        font-size: 12px;
        padding: 0 5px;
    }
/* Offline Charges End */

/* Tour Charges */
.charges-container.tour-charges {
    border: 1px solid #9FBED7;
    margin-left: 3px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

    .charges-container.tour-charges h3 {
        margin: 0;
        padding: 7px;
        background-color: #EFF6FB;
        -webkit-border-top-left-radius: 7px;
        -webkit-border-top-right-radius: 7px;
        -moz-border-radius-topleft: 7px;
        -moz-border-radius-topright: 7px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        font-weight: bold;
        font-size: 12px;
        color: #666;
    }

    .charges-container.tour-charges span {
        display: inline-block;
        width: 150px;
    }

    .charges-container.tour-charges .charges-values {
        font-size: 12px;
        padding: 0 5px;
    }
/* Tour Charges End */

/* Car Charges */
.charges-container.CarRental-charges {
    width: 100%;
    border: 1px solid #ccc;
    margin-left: 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

    .charges-container.CarRental-charges h3 {
        margin: 0;
        padding: 7px;
        background-color: #EFF6FB;
        -webkit-border-top-left-radius: 7px;
        -webkit-border-top-right-radius: 7px;
        -moz-border-radius-topleft: 7px;
        -moz-border-radius-topright: 7px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        font-weight: bold;
        font-size: 12px;
        color: #666;
    }

    .charges-container.CarRental-charges span {
        display: inline-block;
        width: 150px;
    }

    .charges-container.CarRental-charges .charges-values {
        font-size: 12px;
        padding: 0 5px;
    }
/* Car Charges End */

/* Charges Controls */
.charges-controls {
    border-top: 1px solid #e0e0e0;
    padding: 10px 0;
    text-align: right;
}

.charge-value {
    padding: 1px 0px;
}

.charges-error {
    color: #ff4747;
    background-color: #ffeaea !important;
    border: 1px dotted red;
}

.general-button {
    text-decoration: none;
    color: #ffffff;
    background-color: #4A85B1;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
}

    .general-button:hover {
        background-color: #57524e;
        color: #FFFFFF;
    }

.general-checkbox label {
    display: inline-block;
    white-space: nowrap;
}

    .general-checkbox input,
    .general-checkbox label,
    .general-checkbox label span {
        vertical-align: middle;
    }
/* Charges Controls End */
.selectedSpoAdmin {
    border: 5px solid red !important;
}

.image-selection {
    float: left;
    height: 50px;
    width: 50px;
    margin: 5px;
    cursor: pointer;
}

.cancellation_info {
}

.cancellation_info_header {
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

.cancellation_room_header {
    font-weight: bold;
    margin-left: 7px;
    font-size: 12px;
}

.new_reservations_list .fa.fa-bed {
    font-size: 16px;
}

.no-hotel-conf {
    -webkit-animation: animBed infinite 1s ease-in;
    -moz-animation: animBed infinite 1s ease-in;
    animation: animBed infinite 1s ease-in;
}

@keyframes animBed {
    0% {
        color: #53534D;
    }

    50% {
        color: #929291;
    }

    100% {
        color: #53534D;
    }
}

@-webkit-keyframes animBed {
    0% {
        color: #53534D;
    }

    50% {
        color: #929291;
    }

    100% {
        color: #53534D;
    }
}

@-moz-keyframes animBed {
    0% {
        color: #53534D;
    }

    50% {
        color: #929291;
    }

    100% {
        color: #53534D;
    }
}

/*generic */
.cursor {
    cursor: pointer;
}

.full-width {
    width: 100%;
}

.full-width_admin {
    width: 100%;
}

.w1-2 {
    width: 50%;
}

.w1-3 {
    width: 33.3%;
}

.w2-3 {
    width: 66.6%;
}

.w1-4 {
    width: 25%;
}

.w7-10 {
    width: 70%;
}

.w3 {
    width: 30%;
}

.left {
    float: left;
}


.right {
    float: right;
}

.bold {
    font-weight: bold;
}

.relative {
    position: relative;
}

.p5 {
    padding: 5px;
}

.m3 {
    margin: 3px;
}

.no-margin {
    margin: 0;
}

.no-indent {
    text-indent: 0;
}

.bot-top-m10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn {
    background: #81888c;
    padding: 5px;
    display: block;
    border: none;
    text-decoration: none;
    text-align: center;
    color: #fff;
    /*border-radius: 3px;
    box-shadow: 0px 1px 3px #000;*/
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
    font-size: 12px;
}

.item-hidden {
    visibility: hidden;
}

.red-text {
    color: red;
}

.btn.home {
    margin-top: 10px;
}

.btn.homepage:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f053";
    position: relative;
}

.general.popup.bg {
    background: #000;
    position: fixed;
}

.popup.table.bg {
    background: #fff;
}

    .popup.table.bg.confirmation td.values {
        padding: 5px;
    }

        .popup.table.bg.confirmation td.values .label {
            font-weight: bold;
            margin-right: 10px;
        }

        .popup.table.bg.confirmation td.values input {
            width: 200px;
        }

.color-warning {
    color: #f51616;
}

.no-padding {
    padding: 0 !important;
}

.no-border {
    border: 0 !important;
}

.t-a-right {
    text-align: right;
}

.t-a-left {
    text-align: left;
}

.t-a-center {
    text-align: center;
}

.custom-input {
    border: 1px solid #ccc;
    font-size: 12px;
    box-sizing: border-box;
    text-indent: 2px;
}

.transfer-results-container .custom-input {
    text-indent: 0px;
}

.inputfields {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 12px;
}

.search-reservations input,
.search-reservations .inputfields {
    width: 80%;
    box-sizing: border-box;
    height: 28px;
}

.search-reservations td {
    padding: 5px;
}

.collapsed {
    border-collapse: collapse;
    padding: 0;
}

.red {
    color: #FF0000;
}

.hover2ms {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}


.modal.pop-up {
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background: #fff;
    min-width: 550px;
    z-index: 1000;
}

    .modal.pop-up.hotel-reservation-details .hide.general-page-title {
        display: block !important;
    }

    .modal.pop-up.hotel-reservation-details .content table {
        width: 97%;
        margin: 0 auto;
    }

    .modal.pop-up.hotel-reservation-details .content .buttons-container {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .modal.pop-up.credit-history {
        width: 850px;
    }

    .modal.pop-up.confirmation-box {
        width: 600px;
    }

    .modal.pop-up.default {
        position: fixed;
        top: 34%;
        left: 34%;
        z-index: 1000;
        min-height: 120px;
        color: #333;
    }

    .modal.pop-up.groups {
        left: calc(50% - 225px);
    }

    .modal.pop-up.default .content {
        font-size: 14px;
        padding: 6px;
        display: block;
        margin-top: 10px;
    }


    .modal.pop-up.default #myDragTableId.content {
        margin: 0 auto;
        width: 98%;
    }

    .modal.pop-up.default.booking-details-on-provider {
        left: 0;
        right: 0;
        width: 75%;
        margin: 0 auto;
        top: 20%;
        position: absolute;
    }

#myDragContainer iframe,
#myDragContainer {
    min-height: 500px;
}

.modal.pop-up.default .buttons-container {
    width: 90%;
    margin: 10px auto;
}

.modal.pop-up.default.res-remarks .buttons-container {
    width: 100%;
}

.modal.pop-up.default .buttons-container .btn.single {
    margin: 0 auto;
}


.modal.pop-up .title {
    font-size: 20px;
    padding: 9px;
    display: block;
    background: #f5f5f5;
    border-bottom: 1px solid #efefef;
}

    .modal.pop-up .title .close-modal {
        color: #c3c3c3;
    }

.modal.pop-up .content .message {
    padding: 10px;
}

.client.reservations.header {
    margin-top: 5px;
}

    .client.reservations.header td {
        background: #eaeaea;
        padding: 5px;
        border: 1px solid #ddd;
        font-weight: bold;
    }

.client.reservations.content td {
    padding: 5px;
    border: 1px solid #ddd;
}

/** overwrite generic jqueryui popup **/
.ui-widget {
    font-family: Lato;
}

.ui-dialog .ui-dialog-titlebar {
    color: #333;
    font-size: 20px;
    padding: 9px !important;
    display: block;
    background: #f5f5f5;
    font-weight: normal;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #efefef;
}


.ui-dialog {
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background: #fff;
    min-width: 450px;
}

.customd-dd {
    height: 28px;
}

/* end generic classes */

/*** BUTTONS ***/

.btn.default {
    background: #2876bd;
}

    .btn.default:hover {
        background: #367ec3;
    }

.btn.cancel {
    background: #c52626;
}

    .btn.cancel:hover {
        background: #ea2a2a;
    }

.loading {
    width: 30px;
    height: 30px;
    margin: 25px auto;
}

    .loading img {
        width: 100%;
        height: 100%;
    }



.btn.homepage {
    box-shadow: none;
    margin-top: 1px;
    padding: 6px;
    /* background: #376088; */
    color: #666;
    float: left;
    position: relative;
    background: none;
    font-size: 16px;
}

    .btn.homepage:hover {
        background: none;
    }

    .btn.homepage:hover {
        color: #a0a0a0;
    }

.buttons-container.pop-up .btn {
    font-family: inherit;
}

    .buttons-container.pop-up .btn:nth-child(n+2) {
        margin-right: 5px;
    }

    .buttons-container.pop-up .btn:nth-of-type(2),
    .modal .buttons-container .btn:nth-of-type(2) {
        margin-right: 10px;
    }

.buttons-container.invoice .btn:nth-of-type(2),
.buttons-container.invoice .btn:nth-of-type(3),
.buttons-container.invoice .btn:nth-of-type(4),
.buttons-container.invoice .btn:nth-of-type(5) {
    margin-right: 10px;
}

.users-edit.modal .buttons-container {
    width: 97%;
    margin: 10px auto;
}

.users .cbox input {
    width: 20px;
    margin: 0 auto;
    display: block;
}


.departments.modal .buttons-container {
    width: 93%;
    margin: 10px auto;
}

.roles.modal .buttons-container {
    width: 95%;
    margin: 10px auto;
}

.departments .portlet {
    margin-top: 10px;
    display: block;
}

.departments-container .save-department {
    width: 97%;
    margin: 0px auto;
}

.modal.pop-up .buttons-container {
    margin: 10px auto;
    width: 95%;
}

    .modal.pop-up .buttons-container:after {
        display: block;
        content: " ";
        clear: both;
    }


.roles.edit td,
.departments-container .save-department td {
    padding: 5px;
    width: 50%;
}

    .roles.edit td textarea,
    .roles.edit td input,
    .departments-container .save-department textarea,
    .departments-container .save-department input {
        box-sizing: border-box;
    }


.insurance-container .insurance-rule-save .btn.homepage {
    left: 0;
    margin-right: 10px;
    margin-top: 0;
}

.insurance-container .insurance-table .btn.homepage {
    margin-right: 10px;
    left: 0;
}

.insurance-table .insurance-extra-remarks-change {
    height: 28px;
}

.agencies-list .back-cpanel-container {
    display: none;
}

.reminders-table-container,
.tbl-exchange-rates {
    width: 100%;
    margin: 0 auto;
}

    .reminders-table-container td {
        padding: 10px;
    }

.btn.homepage:hover {
    /*background: #367ec3;*/
}

.btn:hover {
    background: #afafaf;
}


.btn.cancel {
    background: #ce4444;
}

    .btn.cancel:hover {
        background: #ff3535;
    }

.btn.action,
.btn.update {
    background: #428bca;
    /*box-shadow: 0px 2px 0px #055886;*/
    color: #fff;
}

.search-panel.transfer .search input,
.search-config-elements .search-button-container .btn,
#section-confirm-pay-buttons .btn.action,
.start-search,
.room-wrapper-container .book-now.selected {
    background: #dc140a;
    color: #fff;
}

.hotel-wrapper .hotel-details .price-container .show-rooms {
    background: #dc140a;
    border: none;
    color: #fff;
    padding: 5px;
    font-family: inherit;
    display: block;
    margin: 6px auto;
    cursor: pointer;
    font-size: 12px;
    outline: none;
    width: 100px;
    font-weight: bold;
    float: right;
    margin-right: 14px;
}

    .search-panel.transfer .search input:hover,
    .search-config-elements .search-button-container .btn:hover,
    #section-confirm-pay-buttons .btn.action:hover,
    .start-search.enabled:hover,
    .room-wrapper-container .book-now.selected:hover,
    .transfer-results-container .start-search:hover,
    .hotel-wrapper .hotel-details .price-container .show-rooms:hover {
        background: #ef382f;
    }

.room-wrapper .quote a {
    display: inline-block;
    background: transparent url(images/quote-add.png) no-repeat bottom left;
    width: 40px;
    height: 30px;
    background-position: 0px -1px;
    right: 3px;
}

.room-wrapper .quote.quoted a {
    background: transparent url(images/quote-remove.png) no-repeat bottom left;
    background-position: 0px -1px;
}


.btn.action:hover,
.btn.update:hover {
    background: #3071a9;
}

.book-rooms .btn.action {
    font-size: 12px;
    height: auto;
}

.book-external .btn.action {
    height: 28px;
    background: #fff;
    /*box-shadow: 0px 0px 3px #055886;*/
}




.book-external.btn.action {
    height: auto;
    background: #fff;
    box-shadow: 0px 0px 3px #055886;
}

    .book-external.btn.action:hover {
        box-shadow: 0px 0px 7px #055886;
    }

    .book-external .btn.action img {
        padding-top: 4px;
    }

    .book-external .btn.action:hover {
        background: #f5f5f5;
    }

.btn.audit {
    float: right;
    font-size: 12px;
    font-weight: normal;
}


.modalPopup {
    border-width: 0px;
    padding: 0px;
    margin: 0;
    min-width: 500px;
    max-height: 90%;
    background: #fff;
    z-index: 1100 !important;
}

.panel-comissions-wrapper {
    max-height: 350px;
    overflow-y: auto;
}

    .panel-comissions-wrapper .portlet-standard-table {
        border: none;
        padding: 10px;
        width: 97%;
    }

.sub-agency-fee-container {
    width: 99%;
    margin: 0 auto;
}

    .sub-agency-fee-container .subtitle {
        font-size: 16px;
        margin-left: 5px;
    }

.bulk-comissions-container {
    border-width: 0px;
    padding: 0px;
    margin: 0;
    min-width: 500px;
    width: 825px;
    max-height: 90%;
    background: #fff;
    z-index: 1100 !important;
    min-height: 380px;
    top: 30%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

    .bulk-comissions-container .update-panel {
        height: 330px;
        overflow-y: auto;
        overflow-x: hidden;
    }

.bulk-supplier-tabs-container,
.markup-update-tabs-container {
    width: 97%;
    margin: 0 auto;
}

    .bulk-supplier-tabs-container .title,
    .markup-update-tabs-container .title {
        font-size: 14px;
        display: inline-block;
        margin-top: 5px;
        margin-bottom: 10px;
        color: #666;
    }

    .bulk-supplier-tabs-container ul,
    .markup-update-tabs-container ul {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #ddd;
    }

        .bulk-supplier-tabs-container ul:after,
        .markup-update-tabs-container ul:after {
            display: block;
            content: " ";
            clear: both;
        }

        .bulk-supplier-tabs-container ul li,
        .markup-update-tabs-container ul li {
            list-style-type: none;
            float: left;
            position: relative;
            top: 2px;
        }

            .bulk-supplier-tabs-container ul li a,
            .markup-update-tabs-container ul li a {
                text-decoration: none;
                padding: 5px 10px 5px 10px;
                display: block;
                color: #888;
                font-size: 13px;
                text-align: center;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                transition: all .2s;
                border: 1px solid transparent;
            }

                .bulk-supplier-tabs-container ul li a:hover,
                .markup-update-tabs-container ul li a:hover {
                    background: #e6e6e6;
                }

                .bulk-supplier-tabs-container ul li a.selected,
                .markup-update-tabs-container ul li a.selected {
                    background: #fff;
                    border-left: 1px solid #ddd;
                    border-top: 1px solid #ddd;
                    border-right: 1px solid #ddd;
                    border-bottom: 1px solid #fff;
                    color: #555;
                }

.bulk-comissions-update {
    width: 97%;
    margin: 0 auto;
}

/*** END BUTTONS */


/* menu reports style */
.separator.horizontal {
    width: 100%;
    background: #d8d8d8;
    height: 1px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.reports.menu-item {
    border: 1px solid #2876bd;
    border-radius: 5px;
    width: 235px;
    margin: 10px auto;
}

    .reports.menu-item .cp-table td {
        padding: 5px;
    }

    .reports.menu-item .cp-table {
        border-collapse: collapse;
        width: 100%;
    }

        .reports.menu-item .cp-table tr {
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            transition: all .2s;
            cursor: pointer;
        }

            .reports.menu-item .cp-table tr:hover {
                background: #d8e9f3;
            }

                .reports.menu-item .cp-table tr:hover .panel_text a {
                    -webkit-transition: all .2s;
                    -moz-transition: all .2s;
                    transition: all .2s;
                    color: #008ddc;
                }

        .reports.menu-item .cp-table .panel_text a {
            text-decoration: none;
        }

    .reports.menu-item .title {
    }

        .reports.menu-item .title .panel_title {
            color: #fff;
            padding: 5px;
            font-size: 12px;
            background: #2876bd;
            border-radius: 5px 5px 0 0;
            border: none;
        }




/* portlet */
/*.portlet.table {
    text-align: left;
    border: 1px solid #b0d5ea;
    border-radius: 5px;
    width: 100%;
}*/

.portlet.table .menu_tr {
}

.add-new-agency .portlet.table {
    padding-bottom: 10px;
}

.add-new-agency.wrapper {
    display: block;
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #e1e1e1;
}

/* top menu */
.bgMasterMenu {
    border-radius: 5px 5px 0 0;
}

.menu-wrapper {
}

    .menu-wrapper .menu .selected_menu_item,
    .menu-wrapper .menu .menu-item {
        float: left;
        padding: 15px 0px 15px 0px;
    }

        .menu-wrapper .menu .selected_menu_item a,
        .menu-wrapper .menu .menu-item a {
            padding: 10px;
            display: block;
            text-decoration: none;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            transition: all .2s;
            color: #333;
            font-size: 12px;
            letter-spacing: .3px;
        }



        .menu-wrapper .menu .selected_menu_item a {
            background: #e0f1fb;
        }

        .menu-wrapper .menu .menu-item a:hover {
            background: rgba(131, 168, 197, 0.54);
        }

    .menu-wrapper .menu {
        position: relative;
        top: 0;
    }

.navigation-wrapper {
    background-color: #fff;
    padding: 10px;
}

    .navigation-wrapper .navigation {
        width: 1200px;
        margin: 4px auto;
        font-size: 10px;
        position: relative;
        left: 2px;
    }

        .navigation-wrapper .navigation .page-title {
            position: absolute;
            left: 0;
            top: -7px;
        }

            .navigation-wrapper .navigation .page-title span {
                font-size: 18px;
            }

        .navigation-wrapper .navigation .top_menu_navigate_disable {
            color: #ee8e20;
        }

        .navigation-wrapper .navigation .breadcrumb.fa {
            font-size: 16px;
            width: 15px;
            text-align: center;
            float: left;
            position: relative;
            top: -2px;
        }

            .navigation-wrapper .navigation .breadcrumb.fa:before {
                position: absolute;
                left: 5px;
                content: "/";
            }

        .navigation-wrapper .navigation .item-nav {
            float: right;
            text-transform: uppercase;
        }

            .navigation-wrapper .navigation .item-nav a {
                text-decoration: none;
                color: #333;
                font-weight: bold;
            }

                .navigation-wrapper .navigation .item-nav a:hover {
                    text-decoration: underline;
                }


.top-menu td {
    background: none;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

    .top-menu td:first-of-type {
        border-radius: 5px 0 0 0;
    }


    .top-menu td:hover {
        background: rgba(131, 168, 197, 0.54);
    }

.bgMasterMenu td.selected_menu_item {
    background: #0a7edb;
}

a.top_menu_wbe {
    color: #fff;
}

/*menu -> control panel */
.a-middle {
    vertical-align: middle !important;
}

.cpanel {
    /*width: 100%;*/
    margin: 0 auto;
}

    .cpanel .portlet.table {
        margin-top: 15px;
        width: 215px;
        border: 1px solid #2876bd;
        border-radius: 5px;
        background: #fff;
    }

        .cpanel .portlet.table td {
        }

        .cpanel .portlet.table .panel_title {
            background: #024f7a;
            vertical-align: middle;
            color: #fff;
            padding: 5px 0 5px 0;
            font-size: 12px;
            margin: 0;
            width: 100%;
        }

        .cpanel .portlet.table .panel_text {
            width: 200px;
        }

        .cpanel .portlet.table .cp-table {
            width: 100%;
            border-collapse: collapse;
        }

            .cpanel .portlet.table .cp-table tr {
                cursor: pointer;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                transition: all .2s;
            }

                .cpanel .portlet.table .cp-table tr:hover {
                    background: #d8e9f3;
                }

                    .cpanel .portlet.table .cp-table tr:hover i,
                    .cpanel .portlet.table .cp-table tr:hover .panel_text a {
                        color: #008ddc;
                    }

            .cpanel .portlet.table .cp-table td {
                border-spacing: 0;
                padding: 0;
            }

            .cpanel .portlet.table .cp-table a {
                text-decoration: none;
                display: block;
                padding: 5px;
            }

            .cpanel .portlet.table .cp-table i {
                display: block;
                text-align: center;
                font-size: 16px;
            }

.disabled {
    cursor: not-allowed;
}


    label.disabled,
    .disabled:hover {
        background: none !important;
    }

.ag-details.logo {
    position: relative;
    top: -20px;
}

.cpanel .portlet.table .cp-table tr.disabled {
    cursor: no-drop;
}

    .cpanel .portlet.table .cp-table tr.disabled i,
    .cpanel .portlet.table .cp-table tr.disabled .panel_text a,
    .cpanel .portlet.table .cp-table tr.disabled:hover i,
    .cpanel .portlet.table .cp-table tr.disabled:hover .panel_text a {
        color: #ccc;
        cursor: no-drop;
    }

.rights {
}

    .rights .name-level-0 {
        padding-left: 0px;
        font-weight: bold;
        font-size: 14px;
        cursor: pointer;
    }

    .rights .name-level-1 {
        padding-left: 20px;
        font-weight: bold;
        font-size: 12px;
        cursor: pointer;
    }

    .rights .name-level-2 {
        padding-left: 40px;
        font-size: 11px;
        cursor: pointer;
    }

.w1-1 {
    width: 100%;
}

.w1-2 {
    width: 50%;
}

.w1-3 {
    width: 33.3%;
}

.w1-4 {
    width: 25%;
}

.w1-5 {
    width: 20%;
}

.w1-10 {
    width: 10%;
}

.w1-7 {
    width: 16.6%;
}

.w3-4 {
    width: 75%;
}

.w4-5 {
    width: 80%;
}

.inline-block {
    display: inline-block;
}



.fa.add {
    background: #90bc38;
    color: #fff;
    padding: 2px 3px 2px 3px;
}

.fa.edit {
    background: #748b9f;
    color: #fff;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.fa.save {
    background: #2976bd;
    color: #fff;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.disabled .fa.edit,
.disabled .fa.edit:hover {
    background: rgba(116, 139, 159, 0.35);
}

.fa.edit:hover {
    background: #94b0c7;
}

.fa.save:hover {
    background: #3796ef;
}

.fa.remove {
    background: #F3565D;
    color: #fff;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}


.disabled .fa.remove,
.disabled .fa.remove:hover {
    background: rgba(243, 86, 93, 0.35);
}

.expand.disabled .fa.expand:hover,
.disabled .fa.expand {
    background: rgba(3, 176, 230, 0.35);
}

.fa.remove:hover {
    background: #f7757b;
}

.fa.fa-plane.to {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.fa-plus-add {
    width: 16px;
    border-radius: 50%;
    border: 1px solid #fff;
    height: 16px;
    line-height: 17px;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    font-style: normal;
}

.btn.add {
    background: #428bca;
    font-size: 13px;
}

.fa.add {
    background: #0e4679;
    color: #fff;
}

    .fa.add:hover {
        background: #175b98;
    }

.fa.view {
    background: #428bca;
    color: #fff;
}

    .fa.view:hover {
        background: #55a6ec;
    }

.fa.expand {
    background: #03b0e6;
    color: #fff;
}


.closed .fa.expand {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}

.open .fa.expand {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}


.fa.expand:hover {
    background: #47d3ff;
}


.btn.add:hover {
    background: #3379b5;
}

.standard-add-container {
    font-size: 20px;
    color: #a2a2a2;
    padding-bottom: 10px;
    width: 97%;
    margin: 0 auto;
    text-align: left;
    min-height: 30px;
}

.state {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

    .state.expanded:before {
        content: "\f068";
    }

    .state:before {
        content: "";
    }

    .state.collapsed:before {
        content: "\f067";
    }

.disabled-text {
    background-color: #CCC;
    display: inline-block;
    border: 1px solid #d4d4d4;
    padding: 1px;
}


/** Markup Groups **/
.markup-admin.group-list td {
    padding: 5px;
}

.markup-buttons-wrapper {
    position: absolute;
    z-index: 100;
    top: 5px;
    right: 5px;
}

    .markup-buttons-wrapper .btn {
        display: inline-block;
    }

/**  End Markup Groups**/


.featured-hotels-container .featured-hotel-item .description {
    margin-left: 10px;
}

.featured-hotels-container .featured-hotel-item .description {
    width: 87%;
}

    .featured-hotels-container .featured-hotel-item .description .buttons-container {
        margin-top: 5px;
    }

.featured-hotels-container .spo-popup .buttons-container {
    width: 95%;
    margin: 5px auto;
}

.featured-hotels-container .spo-popup-table {
    width: 97%;
    margin: 10px auto;
}

    .featured-hotels-container .spo-popup-table td {
        padding: 5px;
    }

.featured-hotels-container .featured-hotel-item .description .edit.offer {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 130px;
    height: 141px;
}

.featured-hotels-container .featured-hotel-item .description .title h1 {
    margin: 0;
    font-weight: 400;
}

.featured-hotels-container .featured-hotel-item .description .title {
    width: 85%;
    display: inline-block;
}

.featured-hotels-container .featured-hotel-item .description .city {
    display: block;
    font-weight: 500;
}

.featured-hotels-container .featured-hotel-item .description .hotel-desc {
    display: block;
    margin-top: 5px;
}

.featured-hotels-container .featured-hotel-item .description .delete-offer {
    margin-left: 5px;
}

.featured-hotels-container .description .edit-offer,
.featured-hotels-container .description .delete-offer {
    text-decoration: none;
    margin-right: 5px;
}

.featured-hotels-container .description .edit-offer {
    position: absolute;
    right: 40px;
    top: 10px;
}

.featured-hotels-container .description .delete-offer {
    position: absolute;
    right: 5px;
    top: 10px;
}

.featured-hotels-container .description .add-offer {
    position: absolute;
    right: 82px;
    top: 10px;
}

    .featured-hotels-container .description .add-offer i,
    .featured-hotels-container .description .edit-offer i,
    .featured-hotels-container .description .delete-offer i {
        padding: 4px 10px 5px 10px;
        cursor: pointer;
        font-size: 12px;
    }

.featured-hotels-container .description .details {
    margin-top: 10px;
}

    .featured-hotels-container .description .details td {
        background: #f8f8f8;
    }


.featured-hotels-container .description .bottom-item-container {
    margin-top: 7px;
}

    .featured-hotels-container .description .bottom-item-container .extra-details-item,
    .featured-hotels-container .description .bottom-item-container .TextBoxes {
        width: 69%;
        max-width: 69%;
        min-width: 69%;
        height: 20px;
        max-height: 20px;
        min-height: 20px;
    }

    .featured-hotels-container .description .bottom-item-container .item-edit {
        margin-right: 5px;
    }

/* NEW BOOKING PAGE */
.agencies-list .panel_title {
    font-size: 20px;
    padding-left: 0;
    color: #a2a2a2;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 5px;
    width: 97%;
    margin: 5px auto;
}

    .agencies-list .panel_title span {
    }

.agencies-list .select-agencies {
    width: 100%;
    margin-bottom: 10px;
}

.agencies.cbox {
    width: 30px;
    font-size: 15px;
    text-align: center;
}

.search.agencies {
    margin-left: -60px;
    position: relative;
}

    .clients-container .clients-filter .search-bar .search.icon,
    .search.agencies .search.icon {
        text-decoration: none;
        font-size: 16px;
        position: relative;
        left: -3px;
        color: #81888c;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s;
        padding: 5px;
        background: #2976bd;
        width: 20px;
        height: 20px;
        display: inline-block;
        text-align: center;
        color: #fff;
    }

    .search.agencies .search.icon {
        top: 1px;
        height: 18px;
    }

        .clients-container .clients-filter .search-bar .search.icon:hover,
        .search.agencies .search.icon:hover {
            background: #419df1;
        }

    .search.agencies table.agencies td {
        text-align: left;
    }

.select-agencies .custom-input {
    background: none;
    border: none;
}

.select-agencies td {
    font-size: 12px;
    text-align: left;
}

    .select-agencies td.credit-remained {
        text-align: left;
    }

.select-agencies .sub-agency {
    background: #BDEDFF;
}


/** EDIT AGENCY PAGE **/
.add-new-agency .panel_title,
.agency-details .panel_title {
    padding: 5px;
    /*background: #b0d5ea;*/
}

    .agency-details .panel_title span {
        position: relative;
        top: 4px;
        color: #777;
    }

        .agency-details .panel_title span i {
            font-weight: bold;
        }

.agency-settings td {
    padding: 5px;
}

.agencies-details.table-title {
    font-size: 18px;
    padding: 4px;
    display: block;
    text-align: left;
    border-bottom: 1px solid #ccc;
}

.agency-details.content {
    width: 98%;
    margin: 0 auto;
}

    .agency-details.content td {
        vertical-align: top;
    }

.edit-agency .input-container {
    width: 35%;
}

.edit-agency .label-container {
    width: 15%;
}

.add-new-agency.content input,
.add-new-agency.content select,
.add-new-agency.content textarea,
.agency-details.content input,
.agency-details.content select,
.agency-details.content textarea {
    width: 90%;
    box-sizing: border-box;
}

.agency-details .agencies-list .btn.homepage {
    left: 10px;
    margin-bottom: 9px;
    margin-top: -20px;
}

.add-new-agency .btn.homepage {
    margin-top: 0;
}

.edit-agency.wrapper {
    display: block;
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #e1e1e1;
}

.add-new-agency .tabs,
.edit-agency .tabs {
    position: relative;
    margin-top: 45px;
}

.edit-agency .logo-upload {
    float: right;
    width: 63% !important;
    margin-right: 29px;
}

.add-new-agency input.logo-upload {
    float: right;
    width: 61%;
    margin-right: 40px;
}


.edit-agency .logo-uploaded.container {
    width: 100px;
    height: 30px;
}

.edit-agency .separator.horizontal {
    width: 96.5%;
}

.add-new-agency .content .tab,
.edit-agency .content .tab {
    border: 1px solid #ccc;
    width: 98%;
    margin: 10px auto;
    background: #f9f9f9;
    border-radius: 0 5px 5px 5px;
}

.add-new-agency .confirmation,
.edit-agency .confirmation {
    width: 240px;
    float: right;
    margin-right: 10px;
    min-height: 35px;
}

.edit-agency .btn.update {
    float: right;
    width: 45%;
}

.edit-agency .confirmation .btn:nth-of-type(2) {
    float: left;
    width: 45%;
}

.add-new-agency .details {
    margin-top: 10px;
}

.system-options .ReservationDetailsTableRow td,
.white-label .ReservationDetailsTableRow td,
.white-label td {
    border-top: none !important;
}

.wl-agency td.label {
    width: 160px;
}

.wl-agency td {
    padding: 5px;
}

    .wl-agency td .custom-textbox {
        width: 50%;
    }



/*.white-label .b2c-label {
    width: 120px;
}*/

.edit-agency .wl.buttons {
    width: 260px;
    float: right;
    position: absolute;
    left: 214px;
    top: 20px;
}

    .edit-agency .wl.buttons .btn {
        width: 120px;
        margin-bottom: 0;
    }

        /*.edit-agency .wl.buttons .btn:first-of-type {
            border-radius: 0 5px 0 0;
        }

        .edit-agency .wl.buttons .btn:nth-of-type(2) {
            border-radius: 5px 0 0 0;
        }

        .edit-agency .wl.buttons .btn:nth-of-type(3) {
            border-radius: 0 5px 0 0;
        }

        .edit-agency .wl.buttons .btn:nth-of-type(4) {
            border-radius: 0 0 0 5px;
        }*/

        .edit-agency .wl.buttons .btn.wl-destinations {
            width: 250px;
        }



.edit-agency .white-label {
    padding: 10px;
    color: #333;
    width: 50%;
}

.agency.operator-details,
.edit-agency .user-fields {
    padding: 10px;
    color: #333;
    width: 50%;
}

.edit-agency .white-label td {
    vertical-align: top;
}

    .edit-agency .white-label td:first-of-type {
        width: 140px;
    }
/*.edit-agency .white-label td:nth-of-type(2) {
           min-width: 200px;
        }*/

.edit-agency .wl-pg-container {
    height: 100px;
    overflow-y: scroll;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 340px;
    margin-top: 10px;
}

    .edit-agency .wl-pg-container .available-payment-gateways {
        width: 100%;
    }

        .edit-agency .wl-pg-container .available-payment-gateways td {
            width: 40%;
        }

            .edit-agency .wl-pg-container .available-payment-gateways td:last-of-type {
                width: 20px;
            }

.common-payment-container {
    background: #fff;
    box-shadow: 0px 2px 10px #333;
}


    .common-payment-container table td a,
    .common-payment-container table td span {
        font-size: 13px;
        display: block;
        padding: 5px;
    }

        .common-payment-container table td span.title {
            font-weight: bold;
            color: #666;
        }

    .common-payment-container table td a {
        text-decoration: none;
        color: #333;
    }

        .common-payment-container table td a:hover {
            background: #dadada;
        }


.no-markup.info {
    display: block;
    padding: 5px;
}

.markup-info {
    margin-top: 6px;
    /*min-height: 25px;*/
}

.system-menu .options,
.system-menu .user-info {
    position: relative;
    cursor: pointer;
    padding: 8px 0px 7px 8px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    max-width: 700px;
}

.system-menu .user-info {
    min-width: 120px;
}

.system-menu .options {
    float: right;
    padding: 3px;
}

    .system-menu .options.open,
    .system-menu .user-info.open {
        background: #338cdc;
    }

    .system-menu .options .general.submenu,
    .system-menu .user-info .general.submenu {
        background: #fff;
        margin: 0;
        padding: 0;
        top: 34px;
        right: 0;
        width: 100%;
        position: absolute;
        box-shadow: 0px 1px 4px #868686;
    }

    .system-menu .options .general.submenu {
        min-width: 120px;
    }

.system-menu .user-info .general.submenu .logout.separator {
    width: 90%;
    height: 1px;
    background: #d8e2ea;
    margin: 5px auto;
}


.system-menu .options .general.submenu li a,
.system-menu .user-info .general.submenu li a {
    font-size: 12px;
    width: 100%;
    padding: 7px 0px 7px 0px;
    color: #333;
    text-indent: 10px;
}

    .system-menu .user-info .general.submenu li a.logout,
    .system-menu .user-info .general.submenu li a.change-password,
    .system-menu .user-info .general.submenu li a.system-help {
        text-indent: 5px;
    }

.system-menu .system-help:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f128";
    margin-right: 5px;
}

.system-menu .change-password:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f023";
    margin-right: 5px;
}

.system-menu .logout:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f08b";
    margin-right: 5px;
}

.system-menu .options .general.submenu li a:hover,
.system-menu .user-info .general.submenu li a:hover {
    background: #d8ecff;
}

.system-menu .user-info .general-submenu {
    position: absolute;
}


.system-options .ReservationDetailsTableRow,
.white-label .ReservationDetailsTableRow,
.white-label {
    border-bottom: none;
    background: none;
}

    .white-label .Textboxes {
        width: 90%;
    }

.system-options {
    padding: 5px;
    color: #333;
}

.add-new-agency .tabs .titles,
.edit-agency .tabs .titles {
    position: absolute;
    top: -34px;
    background: #fff;
    z-index: 1;
    left: 11px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 5px 5px 0px 0px;
}

    .add-new-agency .tabs .titles li,
    .edit-agency .tabs .titles li {
        border-left: none;
        border-right: 1px solid #ccc;
        border-top: none;
        border-bottom: 1px solid #ccc;
        padding: 8px;
        cursor: pointer;
        font-weight: bold;
        color: #666;
    }

        /*.edit-agency .tabs .titles li a {
            padding: 10px;
        }*/

        .add-new-agency .tabs .titles li:first-of-type,
        .edit-agency .tabs .titles li:first-of-type {
            border-radius: 5px 0 0px 0px;
            border-left: none;
        }

        .add-new-agency .tabs .titles li:last-of-type,
        .edit-agency .tabs .titles li:last-of-type {
            border-radius: 0 4px 0 0;
            border-right: none;
        }

        .add-new-agency .tabs .titles li a,
        .edit-agency .tabs .titles li a {
            color: #666;
        }


        .add-new-agency .tabs .titles li.selected,
        .edit-agency .tabs .titles li.selected {
            border-bottom: 1px solid #f9f9f9;
            background: #f9f9f9;
        }

            .edit-agency .tabs .titles li.selected a {
                color: #000;
            }

.payment-type.agencies {
    height: 100px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
    background: #fff;
}

.pg-list td {
    padding-top: 0 !important;
}


/*.tabs {
    margin-bottom: 10px;
}*/

.tabs.no-info {
    margin-bottom: 0;
}

.tabs ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .tabs ul li {
        position: relative;
        display: inline;
        float: left;
        padding: 0px 10px;
        border-top: solid 1px #eaeaea;
        border-left: solid 1px #eaeaea;
        border-right: solid 1px #eaeaea;
    }

.edit-agency .details {
    width: 85%;
    margin-top: 5px;
}

.edit-agency .buttons.general-settings {
    width: 15%;
    position: relative;
    left: -10px;
    top: 7px;
}

    .edit-agency .buttons.general-settings .btn {
        width: 145px;
        /* min-height: 300px; */
    }

/*.edit-agency .buttons.general-settings .btn:first-of-type {
            border-radius: 5px 5px 0 0;
        }

        .edit-agency .buttons.general-settings .btn:last-of-type {
            border-radius: 0 0 5px 5px;
        }*/

.edit-agency .buttons .btn.update,
.edit-agency .buttons .btn.cancel {
    width: 68px;
}

.edit-agency .buttons .btn.update {
    float: left;
}

.edit-agency .buttons .btn.update {
    float: right;
}

.no-markup.info {
    padding: 7px;
}

.edit-agency .btn.c-panel {
    background: #428bca;
    border-radius: 0;
    margin-bottom: 8px;
}

    .edit-agency .btn.c-panel:hover {
        background: #3071a9;
    }

.system-options.content td {
    vertical-align: top;
    width: 50%;
    padding-top: 5px;
}

.payment-type.agencies .pg-list {
    width: 100%;
}

    .payment-type.agencies .pg-list input[type=checkbox] {
        float: right;
    }

.edit-agency .smtp-details {
    padding: 5px;
}

.reservation.list {
    border-bottom: 1px solid #b0d5ea;
    display: inline-block;
}

.new_reservations_list {
    min-height: 55px;
}

    .new_reservations_list .portlet-standard-table {
        width: 100%;
    }

/****************************** REFACTORIZARE POSEA CRISTIAN *************************************/
/*** 1. GENERAL STYLES ***/
html, body, input, select {
    /*font-family: 'Lato', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

body {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    text-align: left;
    background: #f6f6f6;
}

.header {
    background: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #90acc5;
}

.ui-widget {
    font-family: inherit;
    font-size: inherit;
}

/**************** SUPPLIER SETTINGS ***********************/
.providers-edit .account-no input {
    background: #ffffff;
    border: 1px solid #d0d0d0;
    width: 95%;
}

.providers-edit .extra-days input {
    width: 30%;
}

.providers-edit-wrapper .panel_title {
    font-size: 14px;
    font-weight: bold;
    border: none;
    background: #f3f3f3;
    padding: 5px;
    color: #777;
}

.providers-edit .timeout input,
.providers-edit .extra-days input {
    background: #ffffff;
    border: 1px solid #d0d0d0;
}

.providers-edit .timeout span,
.providers-edit .extra-days span {
    padding: 3px;
}


.supplier-settings .tabs .titles {
    position: absolute;
    top: -31px;
    background: #fff;
    z-index: 1;
    left: 9.3px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 5px 5px 0px 0px;
}

    .supplier-settings .tabs .titles li {
        border-left: none;
        border-right: 1px solid #ccc;
        border-top: none;
        border-bottom: 1px solid #ccc;
        padding: 8px;
        cursor: pointer;
        font-weight: bold;
        color: #666;
    }

        /*.edit-agency .tabs .titles li a {
            padding: 10px;
        }*/

        .supplier-settings .tabs .titles li:first-of-type {
            border-radius: 5px 0 0px 0px;
            border-left: none;
        }

        .supplier-settings .tabs .titles li:last-of-type {
            border-radius: 0 4px 0 0;
            border-right: none;
        }

        .supplier-settings .tabs .titles li a {
            color: #666;
        }


        .supplier-settings .tabs .titles li.selected {
            border-bottom: 1px solid #f9f9f9;
            background: #f9f9f9;
        }

            .supplier-settings .tabs .titles li.selected a {
                color: #000;
            }



/* clase pentru flight,hotel,tour,home,... (toate) */
.results.revise {
    width: 22%;
    padding-top: 5px;
    max-width: 240px;
}

.online .results.content {
    padding-top: 0;
}

.results.content {
    width: 77%;
    padding-top: 5px;
}

.results.revise.advanced {
    border: 1px solid #1C67A1;
    border-radius: 5px;
    width: 100%;
    padding: 8px;
    margin-top: 10px;
}

/* end clase pentru flight,hotel etc.. */

/* clase specifice flight */
.results.flight.revise {
    background: #4A85B1;
    width: 100%;
    border-radius: 5px;
}

.results.flight .sort .sort-txt {
    margin-left: 20px;
}

.results.flight.revise .btn.revise.search {
    background: #ffa32e;
    margin-bottom: 3px;
}

    .results.flight.revise .btn.revise.search:hover {
        background: #f18f12;
    }


.flight.results.wrapper {
    width: 100%;
    padding-top: 0;
}

.flight.results.item {
    background: #fff;
    padding-top: 0;
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

    .flight.results.item .flight-info-container .header-info i {
        font-size: 18px;
        color: #2876bd;
    }


    .flight.results.item .header-info {
        width: 98%;
        margin: 0 auto;
        text-align: left;
    }

    .flight.results.item .provider-name {
        margin: 10px;
    }

        .flight.results.item .provider-name b {
            color: #2876bd;
        }

    .flight.results.item .flight-info-container .header-info {
        width: 100%;
    }

    .flight.results.item .header-info.arrival .title,
    .flight.results.item .header-info.departure .title {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .flight.results.item .header-info.arrival .type:nth-of-type(2) {
        margin-right: 10px;
    }

    .flight.results.item .header-info.departure .title .type:nth-of-type(2) {
        margin-right: 10px;
    }

    .flight.results.item .header-info.arrival .type b,
    .flight.results.item .header-info.departure .title .type b {
        color: #2876bd;
    }

    .flight.results.item .header-info.departure .title i {
        color: #2876bd;
        font-size: 18px;
    }

        .flight.results.item .header-info.departure .title i.departure {
            -webkit-transform: rotateZ(45deg);
            -moz-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
        }

    .flight.results.item .header-info.arrival .title i.arrival {
        -webkit-transform: rotateZ(-135deg);
        -moz-transform: rotateZ(-135deg);
        transform: rotateZ(-135deg);
    }

    .flight.results.item .flight-info-container {
        width: 98%;
        margin: 0 auto;
    }

        .flight.results.item .flight-info-container .flight-item {
            background: #fbfbfb;
        }

            .flight.results.item .flight-info-container .flight-item:hover {
                background: #f0f0f0;
            }

            .flight.results.item .flight-info-container .flight-item td {
                position: relative;
                padding: 5px;
            }

        .flight.results.item .flight-info-container .editDialog {
            color: #333;
        }

    .flight.results.item .header-info .fa.fa-clock-o {
        font-size: 18px;
        color: #2876bd;
    }

    .flight.results.item .flight-info-container .airline-logo-container {
        width: 125px;
        height: 30px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: left;
        vertical-align: middle;
    }

    .flight.results.item .flight-info-container .class-type {
        width: 140px;
        vertical-align: middle;
        padding-top: 5px;
    }

        .flight.results.item .flight-info-container .class-type .border-right {
            position: absolute;
            width: 1px;
            background: #ccc;
            height: 40px;
            bottom: 14px;
            right: 18px;
        }

    .flight.results.item .flight-info-container .details {
        padding-top: 7px;
        vertical-align: middle;
    }

    .flight.results.item .flight-info-container .class-type .type {
        font-size: 16px;
        font-weight: bold;
        color: #9c9a9a;
        cursor: pointer;
    }

    .flight.results.item .flight-info-container .flight-display-container {
        position: relative;
        min-height: 60px;
        top: 14px;
    }

        .flight.results.item .flight-info-container .flight-display-container .airport-name {
            font-size: 16px;
            font-weight: bold;
            width: 100px;
            text-align: right;
            position: relative;
        }


            .flight.results.item .flight-info-container .flight-display-container .airport-name .date {
                font-size: 12px;
                text-align: right;
                position: absolute;
                left: 0;
                width: 100px;
                color: #736f6f;
                font-weight: 600;
                bottom: -13px;
            }

        .flight.results.item .flight-info-container .flight-display-container .separator {
            position: absolute;
            left: 20px;
            top: 1px;
            right: 0;
            width: 280px;
            height: 10px;
            border-bottom: 2px dotted #ada5a5;
            margin: 0 auto;
        }

            .flight.results.item .flight-info-container .flight-display-container .separator .flight-no {
                position: absolute;
                top: -12px;
                font-size: 14px;
                font-weight: bold;
                width: 281px;
                left: 0;
                text-align: center;
                color: #777;
            }

            .flight.results.item .flight-info-container .flight-display-container .separator .flight-duration {
                position: absolute;
                bottom: -24px;
                font-size: 14px;
                font-weight: bold;
                width: 281px;
                left: 0;
                text-align: center;
                color: #777;
            }


    .flight.results.item .flight-info-container .airline-logo-container img {
        max-height: 30px;
    }

    .flight.results.item .flight-info-container .flight-item .border-bottom {
        position: absolute;
        width: 100%;
        background: #e6e6e6;
        height: 1px;
        bottom: 16px;
    }

    .flight.results.item .flight-info-container .airline-logo-container .border-right {
        position: absolute;
        width: 1px;
        background: #ccc;
        height: 40px;
        bottom: 13px;
        right: 9px;
    }

    .flight.results.item .flight-display-container .border-right {
        position: absolute;
        width: 1px;
        background: #ccc;
        height: 40px;
        bottom: 23px;
        right: -23px;
    }

    .flight.results.item .flight-info {
        float: left;
        margin-left: 10px;
        margin-top: 10px;
    }

        .flight.results.item .flight-info .instant-purchase {
            font-weight: bold;
            color: #2876bd;
        }

    .flight.results.item .price {
        margin-right: 10px;
        margin-top: 10px;
    }

        .flight.results.item .price a {
            display: inline-block;
        }

        .flight.results.item .price .value {
            font-weight: bold;
            font-size: 16px;
            text-decoration: underline;
            color: #333;
            margin-right: 10px;
            position: relative;
            top: 2px;
        }

    .flight.results.item .flight-info a {
        padding: 5px;
        color: #2876bd;
        border: 1px solid #2876bd;
        height: 18px;
        width: 18px;
        margin-right: 7px;
        border-radius: 50%;
        text-align: center;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s;
        background: #fff;
        text-decoration: none;
        display: inline-block;
    }

        .flight.results.item .flight-info a:hover {
            color: #2876bd;
            background: #2876bd;
        }



        .flight.results.item .flight-info a i {
            position: relative;
            top: 1px;
            left: 1px;
            font-size: 16px;
            color: #2876bd;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            transition: all .2s;
        }

        .flight.results.item .flight-info a:hover i {
            color: #fff;
        }



.transfer-results-container .results-found,
.flight.itineraries-no {
    font-size: 16px;
    padding: 5px;
    text-align: left;
    background: #fff;
    position: relative;
    z-index: 1;
    margin-top: 10px;
    margin-bottom: 10px;
    text-indent: 10px;
}

    .transfer-results-container .results-found.asp {
        background: #ee8e20;
        color: #fff;
    }

    .transfer-results-container .results-found.asp {
        text-indent: 0;
        margin-top: 5px;
    }

    .transfer-results-container .results-found .fa-bed,
    .transfer-results-container .results-found .fa-plane {
        color: #2876bd;
        font-size: 20px;
        margin-right: 6px;
        margin-left: 5px;
    }

    .transfer-results-container .results-found.asp .fa-bed,
    .transfer-results-container .results-found.asp .fa-plane {
        color: #fff;
    }

    .transfer-results-container .results-found .fa-plane.departure {
        -webkit-transform: rotateZ(45deg);
        -moz-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
    }

    .transfer-results-container .results-found .fa-plane.returning {
        -webkit-transform: rotateZ(-135deg);
        -moz-transform: rotateZ(-135deg);
        transform: rotateZ(-135deg);
    }

.flight-booking-details td {
    word-break: break-all;
}

.flight-booking-details .table-res-details td {
    word-break: normal;
}

.flight-booking-details .flight-price-edit {
    font-size: 11px;
}

    .flight-booking-details .flight-price-edit .table-res-details {
        border-collapse: collapse;
        width: 100%;
    }

        .flight-booking-details .flight-price-edit .table-res-details .header {
            background: #f7f7f7;
            color: #333;
            border: 1px solid #ccc;
        }

        .flight-booking-details .flight-price-edit .table-res-details .content td {
            border: 1px solid #ccc;
        }

/* HOME -> FLIGHT RESERVATION DETAILS  */


.general.reservation-details .results.content,
.flight-reservation-details .results.content {
    width: 73%;
}

.general.reservation-details .online.reservation-wrapper .results.content {
    width: 69%;
}


.general.reservation-details .results.revise,
.flight-reservation-details .results.revise {
    width: 26%;
    max-width: 300px;
}

.flight-reservation-details .passenger-details,
.flight-reservation-details .extra-services-details {
    border: 1px solid #9fbed7;
    border-radius: 5px;
    padding-bottom: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .flight-reservation-details .passenger-details input {
        margin: 3px;
    }

.flight-reservation-details .flight-essential-info,
.flight-reservation-details .ticket-number,
.flight-reservation-details .services-details {
    padding-bottom: 0;
    border: 1px solid #9fbed7;
    border-radius: 5px;
    margin-bottom: 10px;
}


.flight-reservation-details .passenger-details fieldset,
.flight-reservation-details .extra-services-details fieldset {
    width: 95%;
    margin: 5px auto;
    border: 1px solid #ccc;
    border-radius: 5px;
}

    .flight-reservation-details .passenger-details fieldset legend,
    .flight-reservation-details .extra-services-details fieldset legend {
        font-weight: bold;
    }

.flight-reservation-details .flight-essential-info .subtitle,
.flight-reservation-details .services-details .subtitle,
.flight-reservation-details .passenger-details .subtitle,
.flight-reservation-details .ticket-number .subtitle,
.flight-reservation-details .extra-services-details .subtitle {
    background: #eff6fb;
    font-weight: bold;
    padding: 5px;
    color: #024f7a;
    border-radius: 5px 5px 0 0;
}

.flight-reservation-details .flight-essential-info .subtitle,
.flight-reservation-details .ticket-number .subtitle,
.flight-reservation-details .passenger-details .subtitle,
.flight-reservation-details .extra-services-details .subtitle {
    border-bottom: 1px solid #c4d5e2;
}

.flight-reservation-details .flight-finance-details {
    width: 120px;
    position: absolute;
    top: -5px;
    right: 5px;
}

    .flight-reservation-details .flight-finance-details .btn {
        padding: 3px;
    }

.general.reservation-details .main-title,
.flight-reservation-details .main-title {
    font-size: 14px;
    font-weight: bold;
    color: #0a80dc;
}

.flight-reservation-details .departure-table {
    border-collapse: collapse;
    width: 100%;
    padding: 0;
    margin: 0;
}

    .flight-reservation-details .departure-table .header {
        background: #eaeaea;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

        .flight-reservation-details .departure-table .header td {
            padding: 5px;
        }

    .flight-reservation-details .departure-table .content-title {
        background: #f1f1f1;
        border-bottom: 1px solid #ccc;
        font-weight: bold;
    }

    .flight-reservation-details .departure-table .content:nth-of-type(2n+2) {
        background: #f7f7f7;
    }

.flight-reservation-details .flight-test-for-holiday {
    padding-right: 7px;
}



.flight-reservation-details .btn.print {
    display: inline-block;
    margin: 0 5px 10px 0;
    width: 110px;
}

.flight-reservation-details .departure-table .content td,
.flight-reservation-details .departure-table .content-title td {
    padding: 5px;
}

    .flight-reservation-details .departure-table .content-title td:first-of-type {
        min-width: 60px;
    }

.flight-reservation-details .ticket-number .content .item {
    display: block;
    padding: 5px;
    background: #f7f7f7;
    border-bottom: 1px solid #ccc;
}

    .flight-reservation-details .ticket-number .content .item:last-of-type {
        border: none;
        border-radius: 0 0 5px 5px;
    }

.flight-reservation-details .flight-reservartion-links {
    margin-top: 10px;
    text-align: center;
}

    .flight-reservation-details .flight-reservartion-links a {
        display: inline-block;
        margin: 3px;
        color: #376088;
        font-size: 11px;
    }

.flight-reservation-details .invoice-container {
    margin-top: 4px;
}

.flight-reservation-details .flight-essential-info .content {
    padding: 5px;
}

    .flight-reservation-details .flight-essential-info .content p {
        margin: 0;
    }

.general.reservation-details .bottom.action.buttons,
.flight-reservation-details .bottom.action.buttons {
    margin-top: -10px;
    position: relative;
}

.online.reservation-details .bottom.action.buttons {
    margin-top: 0;
}


.general.reservation-details .bottom.action.buttons .btn,
.flight-reservation-details .bottom.action.buttons .btn {
    display: inline-block;
    min-width: 100px;
    font-size: 12px;
    float: right;
    margin: 10px 14px 0 0;
    border: none;
}

.online.bottom.action.buttons .btn:first-of-type {
    margin: 10px 0px 0 0;
}


.online.bottom.action.buttons .invoice-container .btn {
    float: right;
    margin-right: 5px;
    margin-top: 2px;
}


/* start clase specifice transfer */
.transfer-results.wrapper {
}

.results.transfer.revise {
    background: #2876bd;
    width: 100%;
    border-radius: 5px;
}

.transfer.revise.advanced.content {
    display: block;
    width: 220px;
    margin: 0 auto;
}

.search-transfer {
    padding-top: 0;
}

.transfer-results.wrapper .btn.book-now {
    margin-left: 10px;
    background: #f18f12;
    box-shadow: none;
}

    .transfer-results.wrapper .btn.book-now:hover {
        background: #ffa32e;
    }

.transfer.results.revise .btn.revise.search {
    background: #f18f12;
    margin-bottom: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.results.transfer.revise .btn.revise.search:hover {
    background: #ffa32e;
}

.transfer.results.advanced.search {
    width: 100%;
    border: 1px solid #4a85b1;
    border-radius: 5px;
    padding: 5px;
    margin-top: 10px;
    background: #fff;
}

.transfer.booking.details {
    margin-top: 10px;
    padding: 5px;
    border-radius: 5px;
}

    .transfer.booking.details tr td:last-of-type {
        word-break: break-word;
    }


.transfer-content-container .transfer-title {
    background: #eff6fb;
    padding: 5px;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    color: #0C6F8C;
}

.transfer-content-container .transfer-content {
    border: none;
}

    .transfer-content-container .transfer-content fieldset {
        border: 1px solid #9fbed7;
    }

    .transfer-content-container .transfer-content legend {
        color: #0C6F8C;
        font-weight: bold;
    }

    .transfer-content-container .transfer-content p {
        padding: 5px;
        margin: 0;
    }

    .transfer-content-container .transfer-content .book-subtitle {
        background: #f0f0f0;
    }


/* end clase specifice transfer*/

/* clase specifice tour */

.tour.revise.wrapper {
    background: #4A85B1;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}

    .tour.revise.wrapper > div {
        padding: 5px 0;
    }

    .tour.revise.wrapper .btn.btn-revise {
        background: #f18f12;
    }

        .tour.revise.wrapper .btn.btn-revise:hover {
            background: #ffa32e;
        }

/* end clase specifice tour */


/* clase specifice home */

.home.revise.wrapper {
    background: #4A85B1;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}

    .home.revise.wrapper > div {
        padding: 5px 0;
    }

    .home.revise.wrapper .btn.btn-revise {
        background: #f18f12;
    }

.home.wrapper .btn.btn-book-now {
    background: #f18f12;
    position: relative;
    right: 10px;
}


.home.wrapper .btn.btn-revise:hover {
    background: #ffa32e;
}

.home.wrapper .btn.btn-book-now:hover {
    background: #ffa32e;
}

.home.booking.revise {
    width: 24%;
}

.home.booking.content {
    width: 75%;
}

/* end clase specifice home */

.manage-bookings.container {
    width: 1200px;
    margin: 100px auto;
}

.manage-bookings .search-container {
    width: 40%;
    float: left;
}

.manage-bookings .reservations-container {
    width: 60%;
    float: right;
}

    .manage-bookings .reservations-container .bookings {
        width: 100%;
        border-collapse: collapse;
    }

        .manage-bookings .reservations-container .bookings tr.content {
            border-bottom: 2px solid #fff;
        }


        .manage-bookings .reservations-container .bookings td {
            padding: 10px;
            font-size: 12px;
            text-align: center;
        }

            .manage-bookings .reservations-container .bookings td.status {
                color: #06ba70 !important;
                font-size: 16px;
                text-align: center;
            }

        .manage-bookings .reservations-container .bookings tr.header td {
            background: #444545;
            color: #fff;
        }

        .manage-bookings .reservations-container .bookings tr.content td {
            background: #f5fafd;
            color: #1a1a1a;
        }

.manage-bookings .search-container .title {
    font-size: 27px;
    color: #2b3033;
}

.manage-bookings .search-container .search-box {
    margin-top: 20px;
}

    .manage-bookings .search-container .search-box .content {
        margin-top: 10px;
    }

        .manage-bookings .search-container .search-box .content button,
        .manage-bookings .search-container .search-box .content input {
            box-sizing: border-box;
        }

        .manage-bookings .search-container .search-box .content input {
            height: 38px;
            background: #f6fcfe;
            border: 1px solid #333;
            text-indent: 10px;
            float: left;
            width: 30%;
        }

        .manage-bookings .search-container .search-box .content button {
            background: #ffc332;
            color: #1d1d1d;
            font-weight: bold;
            height: 38px;
            border: none;
            text-transform: uppercase;
            margin-left: 15px;
            width: 100px;
            font-size: 12px;
            cursor: pointer;
        }

/** clase specifice offline  **/

.offline td i {
    padding: 2px 3px 2px 3px;
    cursor: pointer;
}

.offline i.fa.add-service {
    background: #58c706;
    color: #fff;
}

.offline i.fa.edit-service {
    background: #4e819a;
    color: #fff;
}


.offline.passengers-details-wrapper .passenger-details.table {
    border-collapse: collapse;
    background: #fefefe;
    border-radius: 5px;
}

    .offline.passengers-details-wrapper .passenger-details.table .inputfields {
        max-width: 100px;
    }



.offline.room-details-wrapper .room-details tr.header,
.offline.product-description-wrapper .address tr.header,
.offline.product-description-wrapper .product-other-details tr.header,
.offline.passengers-details-wrapper .passenger-details tr.header {
    border-bottom: 1px solid #dedfe0;
    border-top: 1px solid #dedfe0;
}


.paxes-details-wrapper .paxes .content.item {
    margin-top: 3px;
    margin-bottom: 3px;
}


.paxes-details-wrapper .paxes:after {
    display: block;
    clear: both;
    content: "";
}

.paxes-details-wrapper .content.item .room {
    width: 15%;
    display: inline-block;
    padding-left: 5px;
}



    .paxes-details-wrapper .content.item .room:after {
        clear: both;
        content: "";
        display: block;
    }




.paxes-details-wrapper .content.item .salutation {
    width: 12%;
    display: inline-block;
    vertical-align: top;
}

.paxes-details-wrapper .content.item .isleader,
.paxes-details-wrapper .content.item .age {
    width: 10%;
    display: inline-block;
    vertical-align: top;
}

    .paxes-details-wrapper .content.item .age .offlineAge {
        width: 65%;
        text-indent: 5px;
    }

.paxes-details-wrapper .content.item .last-name,
.paxes-details-wrapper .content.item .first-name {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}

    .paxes-details-wrapper .content.item .first-name input,
    .paxes-details-wrapper .content.item .last-name input {
        width: 95%;
    }

/*.offline tr.header th.first-name,
.offline tr.header th.last-name {
    width: 145px;
}*/

/*.offline tr.header th.room {
    width: 90px;
}

.offline tr.header th.age,
.offline tr.header th.isleader {
    width: 55px;
}

.offline tr.header th.salutation {
    width: 70px;
}*/

.offline.product-description-wrapper .address tr.header th,
.offline.product-description-wrapper .product-other-details tr.header th,
.offline.passengers-details-wrapper .passenger-details tr.header th,
.offline.room-details-wrapper .room-details tr.header th {
    font-size: 11px;
    font-weight: bold;
    text-indent: 5px;
    vertical-align: top;
    padding: 3px 0px 3px 0;
    text-align: left;
}

.offline.passengers-details-wrapper .passenger-details.hotel tr.header .room {
    width: 16%;
}

.offline.passengers-details-wrapper .passenger-details.hotel tr.header .salutation {
    width: 13%;
}

.offline.passengers-details-wrapper .passenger-details.hotel tr.header .age {
    width: 8%;
}

.offline.passengers-details-wrapper .passenger-details.hotel tr.header .first-name,
.offline.passengers-details-wrapper .passenger-details.hotel tr.header .last-name {
    width: 25%;
}


.offline.passengers-details-wrapper .passenger-details tr.header th.salutation,
.offline.passengers-details-wrapper .passenger-details tr.content td.salutation {
    width: 10%;
}

.offline .passengers-details tr.content td.first-name,
.offline .passengers-details tr.content td.last-name,
.offline .passengers-details tr.header th.first-name,
.offline .passengers-details tr.header th.last-name,
.offline.passengers-details-wrapper .passenger-details tr.content td.first-name,
.offline.passengers-details-wrapper .passenger-details tr.content td.last-name,
.offline.passengers-details-wrapper .passenger-details tr.header th.first-name,
.offline.passengers-details-wrapper .passenger-details tr.header th.last-name {
    width: 25%;
}

.offline.passengers-details-wrapper .passenger-details tr.content td.age,
.offline.passengers-details-wrapper .passenger-details tr.content td.is-leader,
.offline.passengers-details-wrapper .passenger-details tr.header th.age,
.offline.passengers-details-wrapper .passenger-details tr.header th.is-leader {
    width: 20%;
}

.offline.passengers-details-wrapper .passenger-details.visa tr.content td.salutation,
.offline.passengers-details-wrapper .passenger-details.visa tr.header th.salutation {
    width: 10%;
}

.offline.passengers-details-wrapper .passenger-details.visa tr.content td.first-name,
.offline.passengers-details-wrapper .passenger-details.visa tr.content td.last-name,
.offline.passengers-details-wrapper .passenger-details.visa tr.header th.first-name,
.offline.passengers-details-wrapper .passenger-details.visa tr.header th.last-name {
    width: 20%;
}

.offline.passengers-details-wrapper .passenger-details.visa tr.content td.age,
.offline.passengers-details-wrapper .passenger-details.visa tr.content td.is-leader,
.offline.passengers-details-wrapper .passenger-details.visa tr.header th.age,
.offline.passengers-details-wrapper .passenger-details.visa tr.header th.is-leader {
    width: 10%;
}

.offline.passengers-details-wrapper .passenger-details.visa tr.content td.pass-no,
.offline.passengers-details-wrapper .passenger-details.visa tr.content td.nationality,
.offline.passengers-details-wrapper .passenger-details.visa tr.header th.pass-no,
.offline.passengers-details-wrapper .passenger-details.visa tr.header th.nationality {
    width: 15%;
}


.offline.room-details-wrapper .room-details tr.content td input,
.offline.room-details-wrapper .room-details tr.content td select {
    width: 95%;
}

.offline.room-details-wrapper .room-details tr.content td .group.qty {
    width: 30px !important;
    float: left;
    margin-left: 5px;
}

.offline.room-details-wrapper .room-details tr.content td .group.offroom {
    width: 75%;
}


.offline.room-details-wrapper .room-details tr.header th.room-desc {
    width: 25%;
}

.offline.room-details-wrapper .view.room-details tr.content td.room-desc {
    width: 25%;
    text-indent: 0;
    padding-left: 5px;
}

.offline.room-details-wrapper .view.room-details tr.content td.meal-type,
.offline.room-details-wrapper .room-details tr.header th.meal-type {
    width: 20%;
}

.offline.room-details-wrapper .room-details tr.header th.meal-desc {
    width: 20%;
}

.offline.room-details-wrapper .view.room-details tr.content td.meal-desc {
    width: 18%;
}

.offline.room-details-wrapper .view.room-details tr.content td.prv-price,
.offline.room-details-wrapper .room-details tr.header th.prv-price {
    width: 10%;
}

.offline.room-details-wrapper .room-details tr.content td.room-type {
    width: 15%;
}

.offline.room-details-wrapper .room-details tr.content td.meal-name {
    width: 20%;
}

.offline.room-details-wrapper .room-details tr.content td.adults,
.offline.room-details-wrapper .room-details tr.content td.children {
    width: 5%;
}

.offline.room-details-wrapper .view.room-details tr.content td.price-per-night,
.offline.room-details-wrapper .room-details tr.header th.price-per-night {
    width: 100px;
}


.offline.room-details-wrapper .room-details tr.content td {
    text-indent: 5px;
    vertical-align: top;
    padding: 5px 0 0 0;
}

.offline.room-details-wrapper .per-room {
    padding: 3px;
}

    .offline.room-details-wrapper .per-room i {
        position: absolute;
        top: 0;
        padding: 2px 4px 2px 0px;
        right: 2px;
    }

.offline.services-config-details-wrapper .cxl-policy tr.content td,
.offline.cxl-policy-wrapper .cxl-policy tr.content td,
.offline.remarks-wrapper .remarks tr.content td,
.offline.product-description-wrapper .address tr.content td,
.offline.product-description-wrapper .product-other-details tr.content td,
.offline.passengers-details-wrapper .passenger-details tr.content td,
.offline.services-config-details-wrapper .remarks tr.content td,
.offline.excursion .remarks tr.content td {
    vertical-align: top;
    padding: 5px;
}

.online.reservation-wrapper .cxl-policy-container {
    vertical-align: top;
    padding: 5px;
}

.offline.passengers-details-wrapper .passenger-details tr.header th.room-desc {
    width: 200px;
}

.offline.passengers-details-wrapper .passenger-details tr.content td.room-desc {
    padding-left: 5px;
    text-indent: 0;
}


.offline.general-information-container .remarks tr.content td {
    font-size: 12px;
    font-style: italic;
    color: #b3b3b3;
    margin: 5px 0 0 0;
}

.general-information-container {
    margin-bottom: 5px;
}

.finance-details .general-information-container {
    padding-top: 10px;
}

.general-information-container:after {
    display: block;
    content: " ";
    clear: both;
}

.general-information-container .group-details {
    margin-bottom: 10px;
    width: 50%;
    display: inline-block;
    float: left;
}


.offline.general-information-container {
    width: 98%;
    margin: 10px auto;
}

.offline .group-details {
    width: 400px;
    margin-top: 8px;
}

    .offline .group-details td {
        padding-top: 5px;
    }

        .online .group-details td b,
        .offline .group-details td b {
            font-size: 12px;
            color: #333;
            padding-left: 10px;
            padding-right: 10px;
            display: inline-block;
            float: left;
        }



.top.buttons-container {
    margin-bottom: 5px;
}

.invoice.buttons-container {
    margin-top: 5px;
}

.bottom.buttons-container .btn:nth-of-type(n+2),
.top.buttons-container .btn:nth-of-type(n+2) {
    margin-right: 5px;
}

.top.buttons-container:after {
    display: block;
    content: " ";
    clear: both;
}


.general .top-buttons-container,
.general-offline-wrapper .top-buttons-container {
    width: 50%;
    float: right;
}

.flight .top-buttons-container {
    margin-bottom: 5px;
}

.general .top-buttons-container:after {
    display: block;
    content: " ";
    clear: both;
}

.general .top-buttons-container .btn,
.general-offline-wrapper .top-buttons-container .btn {
    float: right;
    margin-right: 5px;
}

    .general-offline-wrapper .top-buttons-container .btn:first-of-type {
        margin-right: 0;
    }

.general-offline-wrapper .subtitle.tab {
    font-style: italic;
    margin: 0;
}

.invoice-container {
    margin-bottom: 5px;
    height: 35px;
    background: #ffe6e6;
}

    .invoice-container .btn {
        width: 110px;
        float: right;
        margin-right: 4px;
        margin-top: 4px;
    }

    .invoice-container span {
        display: inline-block;
        font-size: 14px;
        margin: 8px 0px 0px 8px;
        color: #333;
    }

.offline .tabs {
    margin: 30px auto;
    width: 98%;
    position: relative;
    top: 15px;
}

.offline .content .tab {
    border: 1px solid #ccc;
    width: 100%;
    margin: 30px auto;
    /*background: #f9f9f9;*/
    border-radius: 0 5px 5px 5px;
}


.offline .tabs .titles {
    position: absolute;
    top: -35px;
    background: #fff;
    z-index: 1;
    left: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 5px 5px 0px 0px;
}

    .offline .tabs .titles li {
        border-left: none;
        border-right: 1px solid #ccc;
        border-top: none;
        border-bottom: 1px solid #ccc;
        padding: 8px;
        cursor: pointer;
        font-weight: bold;
        color: #666;
    }

        /*.edit-agency .tabs .titles li a {
            padding: 10px;
        }*/

        .offline .tabs .titles li:first-of-type {
            border-radius: 5px 0 0px 0px;
            border-left: none;
        }

        .offline .tabs .titles li:last-of-type {
            border-radius: 0 4px 0 0;
            border-right: none;
        }

        .offline .tabs .titles li a {
            color: #666;
        }

    .offline .tabs .titles li {
        background: #f2f2f2;
    }

        .offline .tabs .titles li.selected {
            border-bottom: 2px solid #fff;
            background: #fff;
        }

            .offline .tabs .titles li.selected a {
                color: #000;
            }


.online.reservation-wrapper .booking-details tr td,
table.offline.booking-details tr td {
    vertical-align: top;
    padding: 3px;
}

.online.reservation-wrapper .booking-details tr td {
    border-collapse: collapse;
    width: 100%;
    padding: 3px;
}

.online.reservation-wrapper .booking-details .table-res-details tr td {
    width: auto;
}


.online.flight .results a,
.reservation-links a,
.online.reservation-wrapper .booking-details tr td.reservation-links a {
    color: #0f8df3;
    padding-right: 5px;
    padding-top: 5px;
    display: inline-block;
}

    .online.flight .results a:hover,
    .reservation-links a:hover,
    .online.reservation-wrapper .booking-details tr td.reservation-links a:hover {
        color: #005ba5;
    }

table.offline.booking-details tr td label {
    display: inline-block;
}

table.offline.booking-details.edit tr td label {
    line-height: 20px;
}

textarea.offline.edit.cxl {
    width: 100%;
}

table.offline.booking-details tr td.operation-date img.ui-datepicker-trigger {
    display: none;
}

table.offline.booking-details tr td.operation-date:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f133";
    color: #666;
    position: absolute;
    top: 7px;
    left: 8px;
}

table.offline.booking-details tr td.operation-date .inputfields {
    text-indent: 20px;
}

    table.offline.booking-details tr td.operation-date .inputfields.no-indent {
        text-indent: 0;
    }

table.offline.booking-details tr td input {
    border: 1px solid #ccc;
    box-sizing: border-box;
}

    table.offline.booking-details tr td input:read-only {
        border: 1px solid #ccc;
        background: #eee;
    }

.finance .booking-details {
    width: 32%;
    border-collapse: collapse;
    max-width: 330px;
}

.finance .results.content {
    width: 70%;
}

    .finance .results.content .invoices-container.portlet-container {
        width: 97%;
    }

.results.content .depart-details.content td,
.results.content .arrival-details.content td {
    padding: 5px;
}

    .results.content .depart-details.content td input,
    .results.content .depart-details.content td select,
    .results.content .arrival-details.content td input,
    .results.content .arrival-details.content td select {
        box-sizing: border-box;
        width: 50%;
        float: left;
    }

.results.content .depart-details.content .flight-time select {
    width: 50px;
}

.results.content .depart-details.content .flight-time label {
    width: 70px;
}

.results.content .depart-details.content .flight-time input {
    display: inline-block;
    width: auto;
}

.finance .booking-details tr td:first-of-type,
.online.reservation-wrapper .booking-details tr td:first-of-type,
table.offline.booking-details tr td:first-of-type {
    width: 34%;
}

.online.reservation-wrapper.transfer .booking-details.asp tr td:first-of-type {
    width: 36%;
}


.edit table.offline.booking-details tr td:first-of-type {
    width: 50%;
}

.edit table.offline.booking-details tr td:last-of-type {
    width: 50%;
}

table.offline.booking-details tr td:last-of-type {
    width: 60%;
}

.online .booking-details tr td .hotel-name {
    text-decoration: underline;
    font-size: 14px;
    font-weight: normal;
}

.online .booking-details tr td:nth-of-type(2),
table.offline.booking-details tr td:nth-of-type(2) {
    font-weight: bold;
}

table.offline.booking-details tr td:first-of-type label:after {
    content: "";
    float: right;
    font-weight: bold;
}

.online .separator.vertical,
.offline .separator.vertical {
    width: 1px;
    background: #c7c7c7;
    height: 100%;
    position: absolute;
    left: 352px;
    top: 5px;
}

.online.hotel.edit .separator.vertical {
    width: 1px;
    height: 96%;
    position: absolute;
    top: 21px;
    left: 365px;
}

.offline.visa-wrapper .separator.vertical {
    left: 333px;
}

.offline.transfer-wrapper .separator.vertical {
    left: 340px;
}

.offline.hotel-wrapper .separator.vertical {
    left: 335px;
}

.tab .general-offline-wrapper {
    border: none;
}

.online.transfer .separator.vertical {
    height: 93%;
}

.finance .separator.vertical {
    top: 40px;
    height: 87%;
    left: 352px;
}

.online .separator.horizontal,
.offline .separator.horizontal {
    background: #c7c7c7;
}

.offline .bottom.action.buttons {
    position: relative;
    margin-right: -15px;
}

/*.offline .general-edit-offline-wrapper .bottom.action.buttons {
    top: 8px;
}*/

.bottom.action.buttons.add-agency .btn,
.general-edit-offline-wrapper .bottom.action.buttons .btn,
.general-offline-wrapper .bottom.action.buttons .btn {
    display: inline-block;
    min-width: 100px;
    float: right;
    margin: 0 15px 0 0;
    border: none;
}

.bottom:after {
    display: block;
    clear: both;
    content: " ";
}


/*HOME -> RESERVATION LIST -> MISC RESERVATION*/
.online.reservation-wrapper .booking-details {
    width: 32%;
    border-collapse: collapse;
    max-width: 340px;
}

.offline.booking-details {
    width: 32%;
    border-collapse: collapse;
    max-width: 320px;
}

.rent-a-car .online.reservation-wrapper .booking-details {
    max-width: 340px;
}

.booking-details .hotel-notes.extra-info {
    width: 66%;
    float: right;
}

.online.reservation-wrapper .booking-details tr.selected {
    background: #fafafa;
}

.offline.hotel-wrapper .booking-details .reservation-type.title,
.online.reservation-wrapper .reservation-type.title,
.group-details .reservation-type.title,
.finance .reservation-type.title {
    font-size: 18px;
    padding-bottom: 10px;
}

.online.hotel.edit .results,
.online .transfer-booking-details,
.offline .transfer-booking-details,
.offline .services-config-details-wrapper {
    float: right;
    width: 69%;
}

.offline .hotel-booking-details {
    width: 71%;
    float: right;
}



.online.reservation-wrapper {
    padding: 0;
    position: relative;
}

.offline.meeting-wrapper,
.offline.misc-wrapper,
.offline.visa-wrapper,
.offline.standard-wrapper,
.offline.transfer-wrapper,
.offline.restaurant-wrapper,
.offline.hotel-wrapper {
    padding: 10px 10px 10px 5px;
    position: relative;
    width: 99%;
}

.visa.booking-details .fa {
    margin: 1px;
}

.offline.transfer-booking-details .cxl-policy-wrapper .subtitle,
.offline.transfer-booking-details .remarks-wrapper .subtitle,
.offline .hotel-booking-details .remarks-wrapper .subtitle,
.offline .hotel-booking-details .product-description-wrapper .subtitle,
.offline .transfer-booking-details .passengers-details-wrapper .subtitle,
.offline .hotel-booking-details .passengers-details-wrapper .subtitle,
.offline .hotel-booking-details .room-details-wrapper .subtitle,
.offline.services-config-details-wrapper .product-description-wrapper .subtitle,
.offline.services-config-details-wrapper .passengers-details-wrapper .subtitle,
.offline.services-config-details-wrapper .cxl-policy-wrapper .subtitle,
.offline .hotel-booking-details .cxl-policy-wrapper .subtitle,
.offline.services-config-details-wrapper .remarks-wrapper .subtitle,
.online.cxl-policy-wrapper .subtitle,
.online.price-breakdown .subtitle,
.online.default-wrapper .subtitle {
    padding: 5px;
    font-size: 18px;
}

.offline.transfer-booking-details .cxl-policy-wrapper .subtitle,
.offline .hotel-booking-details .cxl-policy-wrapper .subtitle,
.offline.services-config-details-wrapper .cxl-policy-wrapper .subtitle,
.online.price-breakdown .subtitle,
.online.default-wrapper .subtitle {
    border-bottom: 1px solid #e6e2e2;
}

.online.default-wrapper.cxl .subtitle {
    border-bottom: 1px solid #ffbdbd;
}

.online.cxl-policy-wrapper .subtitle .links.terms a {
    color: #777;
    font-weight: normal;
}

.online.cxl-policy-wrapper,
.online.price-breakdown,
.online.default-wrapper,
.offline.transfer-booking-details .remarks-wrapper,
.offline .hotel-booking-details .remarks-wrapper,
.offline .hotel-booking-details .product-description-wrapper,
.offline .transfer-booking-details .passengers-details-wrapper,
.offline .hotel-booking-details .passengers-details-wrapper,
.offline .hotel-booking-details .room-details-wrapper,
.offline .transfer-booking-details .cxl-policy-wrapper,
.offline .hotel-booking-details .cxl-policy-wrapper,
.offline.services-config-details-wrapper .product-description-wrapper,
.offline.services-config-details-wrapper .cxl-policy-wrapper,
.offline.services-config-details-wrapper .passengers-details-wrapper,
.offline.services-config-details-wrapper .remarks-wrapper {
    padding: 5px;
    /*border: 1px solid #9fbed7;
    border-radius: 5px;*/
    margin-bottom: 10px;
    background: #f7f7f7;
    width: 99%;
}

    .online.default-wrapper.cxl {
        background: #ffe3e3;
    }

.tour .clx-deadline {
    margin-top: 10px;
    margin-bottom: 10px;
}

.online.default-wrapper.tour.additional-info,
.online.default-wrapper.tour.price-breakdown {
    margin-top: 10px;
}

.online.cxl-policy-wrapper {
    background: #ffe3e3;
    margin-bottom: 0;
}

.transfer .online.cxl-policy-wrapper,
.transfer.edit .online.cxl-policy-wrapper {
    margin-bottom: 10px;
}

.offline .hotel-booking-details .cxl-policy-wrapper {
    margin-bottom: 10px;
    background: #ffe3e3;
}

    .online.default-wrapper.cxl .cxl-dates,
    .offline .hotel-booking-details .cxl-policy-wrapper .cxl-policy .clx-dates,
    .online.cxl-policy-wrapper .cxl-dates {
        font-size: 14px;
    }

    .offline .hotel-booking-details .cxl-policy-wrapper .subtitle,
    .online.cxl-policy-wrapper .subtitle {
        border-bottom: 1px solid #ffbdbd;
    }

.online.cxl-policy-wrapper .links.terms {
    font-size: 12px;
    padding-top: 3px;
}

.online.price-breakdown .price-breakdown.details.item {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

    .online.price-breakdown .price-breakdown.details.item:hover {
        background: #e8e8e8;
    }

.update-panel .online.default-wrapper {
    border: none;
}

    .update-panel .online.default-wrapper .offline.transfer-booking-details .remarks-wrapper .remarks,
    .offline .hotel-booking-details .remarks-wrapper .remarks,
    .offline .hotel-booking-details .product-description-wrapper .address,
    .offline .hotel-booking-details .product-description-wrapper .product-other-details,
    .offline .hotel-booking-details .passengers-details-wrapper .room-details,
    .offline .hotel-booking-details .room-details-wrapper .room-details,
    .offline.services-config-details-wrapper .cxl-policy-wrapper .cxl-policy,
    .offline .transfer-booking-details .cxl-policy-wrapper .cxl-policy,
    .offline.services-config-details-wrapper .remarks,
    .offline.excursion .remarks,
    .offline.services-config-details-wrapper .remarks-wrapper {
        border-collapse: collapse;
        background: #fefefe;
        border-radius: 0;
    }

.offline .hotel-booking-details .cxl-policy-wrapper .cxl-policy {
    border-collapse: collapse;
    border-radius: 0;
}

.btn-close-commision-update {
    position: absolute;
    right: 10px;
    top: 13px;
    font-size: 20px;
}

.btn-close-markup-destination:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    content: "\f00d";
    color: #c3c3c3;
}


.markup-per-destination-buttons-container {
    width: 98%;
    margin: 10px auto;
}

.edit-comissions-rule-container {
    width: 97%;
    margin: 0 auto;
}

    .edit-comissions-rule-container .separator.horizontal {
        margin-top: 5px;
        margin-bottom: 5px;
    }

.selected_left,
.selected_top_right,
.selected_right {
    background: #eee;
}

.selected_top_left {
    outline: 1px solid #fff;
}

.online.reservation-wrapper .booking-details .icon-dd-destination {
    cursor: pointer;
    position: absolute;
    right: 0;
    font-size: 13px;
    top: 1px;
    color: #333;
}

    .online.reservation-wrapper .booking-details .icon-dd-destination:hover {
        color: #a0a0a0;
    }

    .online.reservation-wrapper .booking-details .icon-dd-destination.open {
        -webkit-transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }

/* CHARGES */
.charges-container {
    padding: 5px;
    margin-bottom: 10px;
    background: #f7f7f7;
    width: 99%;
}

    .charges-container h3 {
        padding: 5px;
        font-size: 18px;
        margin: 0;
        font-weight: normal;
    }

    .charges-container p {
        white-space: nowrap;
    }

    .charges-container span {
        display: inline-block;
        width: 100px;
    }

    .charges-container.hotel-charges h3 {
        font-size: 16px;
        font-weight: bold;
        color: #333 !important;
        padding-left: 5px;
    }

    .charges-container .edit-charges {
        cursor: pointer;
    }

    .charges-container .highlight-charges {
        color: #ff4747;
    }

    .charges-container .charges-values {
        padding: 5px;
        border-radius: 0 0 5px 5px;
        border-top: 1px solid #dedfe0;
    }

    .charges-container.hotel-charges .charges-values {
        padding-left: 20px;
    }

    .charges-container.hotel-charges span {
        display: inline-block;
        width: 150px;
    }

/** END clase offline **/

.search-tab-container .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
}

    .search-tab-container .ui-tabs .ui-tabs-nav li {
        margin: 0;
        padding: 0;
    }

.transfer-results.wrapper .wrapper_admin .transfer-container,
.settings-wrapper .settings-container,
.standard-wrapper .standard-container,
.password-wrapper .password-container,
.insurance-wrapper .insurance-container,
.clients-wrapper .clients-container,
.markups-wrapper .markups-container,
.newsletter-wrapper .newsletter-container,
.events-wrapper .events-container,
.top-destinations-wrapper .top-destinations-container,
.spo-offer-wrapper .spo-offer-container,
.cc-fee-wrapper .cc-fee-container,
.destinations-group-wrapper .destinations-group-container,
.supplier-wrapper .supplier-container,
.add-agency-wrapper .add-agency-container,
.featured-hotels-wrapper .featured-hotels-container,
.package-spo-wrapper .package-spo-container,
.top-destinations-wrapper .top-destinations-container,
.messages-wrapper .messages-container,
.users-wrapper .users-container,
.roles-wrapper .roles-container,
.departments-wrapper .departments-container,
.multilanguage-wrapper .multilanguage-container,
.loyality-wrapper .loyality-container,
.account-settings-wrapper .account-settings-container,
.voucher-info-wrapper .voucher-info-container,
.reminders-wrapper .reminders-container,
.exchange-wrapper .exchange-container,
.poi-wrapper .poi-container,
.neighbourhoods-wrapper .neighbourhoods-container,
.option-date-wrapper .option-date-container,
.package-wrapper .package-container,
.finance-wrapper .finance-container,
.reports-wrapper .reports-container,
.control-panel-wrapper #mainControlPanel,
.find-reservation-wrapper #findReservations,
.agent-invoice-wrapper .agent-invoice-container,
.wl-agency-wrapper .wl-agency-container,
.markup-groups-wrapper .markup-groups-container,
.flight-settings-wrapper .flight-settings-container,
#mainScreenSearchTrnsf {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 15px;
    /*padding-top: 10px;*/
    /*background: #fff;
    border: 1px solid #e1e1e1;*/
    /*min-height: 579px;*/
    position: relative;
}

.top-destinations-wrapper {
    padding-bottom: 50px;
    min-height: 430px;
}

.flight-settings-container .available-airlines td {
    width: 25%;
}

.flight-settings-container .portlet-container {
    height: 500px;
}

.flight-settings-container .available-airlines {
    height: 450px;
    overflow-y: auto;
    display: block;
}

.flight-settings-container .portlet-container .buttons-container {
    margin-top: 20px;
}

.control-panel-wrapper .admin_bg.cpanel-align {
    background: #fff;
    border: 1px solid #e1e1e1;
    padding-bottom: 10px;
}

.reminders-wrapper .reminders-container,
.poi-wrapper .poi-container,
.exchange-wrapper .exchange-container,
.add-agency-wrapper .add-agency-container {
    padding-top: 0;
}

.control-panel-wrapper .hide.general-page-title {
    display: block !important;
}

.back-cpanel-container {
    position: absolute;
    top: -44px;
    left: -30px;
}

.option-date-container .back-cpanel-container {
    top: -68px;
}

.clients-container .clients-filter .filter-letter {
    width: 77%;
    float: left;
}

.clients-container .clients-filter .search-bar {
    width: 20%;
    float: right;
}

.clients-container .clients-filter .filter-letter a {
    padding: 6px 12px;
    border: 1px solid #ddd;
    background: #fff;
    color: #337ab7;
    text-decoration: none;
    display: inline-block;
    border-right: none;
    float: left;
}

    .clients-container .clients-filter .filter-letter a:hover {
        background: #eee;
    }

    .clients-container .clients-filter .filter-letter a:last-of-type {
        border: 1px solid #ddd;
    }

.clients-container .company-type select {
    margin-left: 20px;
}

.markup .dxgvTable_Simple {
    margin-top: 10px;
}


.control-panel-wrapper .hide.general-page-title span {
    display: block;
    padding: 5px;
    font-weight: 500;
    background: #2876bd;
    color: #fff;
}

.bulk-supplier-activation .hide.general-page-title span {
    background: none;
    color: #333;
}

.bulk-supplier-activation .hide.general-page-title,
.bulk-comissions-container .general-page-title span,
.markup .general-page-title span {
    font-size: 20px;
    padding: 9px !important;
    display: block;
    background: #f5f5f5 !important;
    border-bottom: 1px solid #efefef;
    color: #333 !important;
}

.bulk-supplier-activation .update-panel {
    overflow-y: scroll;
    max-height: 500px;
}

.markup .btn-close-markup-destination {
    position: absolute;
    right: 10px;
    top: 13px;
}

.settings-wrapper .settings-container {
    padding-top: 0;
}

.portlet-standard-table {
    width: 99%;
    margin: 5px auto;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 10px;
    min-height: 30px;
}

    .portlet-standard-table.data-table {
        border: none;
        padding: 0;
        border-collapse: collapse;
        margin-top: 10px;
        margin-bottom: 10px;
    }

.reservation-list tr.item.selected {
    background: #dfefc2;
}

.dataTables_wrapper .top:after {
    display: block;
    content: " ";
    clear: both;
}

.portlet-standard-table.data-table.no-footer {
    border-bottom: none;
}

table.clients td {
    padding: 5px;
}


.dataTables_wrapper .dataTables_info:after {
    content: " ";
    display: block;
    clear: both;
}

.edit-providers.portlet-standard-table,
.neighbourhoods.portlet-standard-table,
.invoices.portlet-standard-table,
.payment-list.portlet-standard-table,
.agency-comissions.portlet-standard-table,
.series.portlet-standard-table {
    width: 100%;
    margin: 0 auto;
}

.membership.portlet-standard-table {
    margin: 0;
    margin-top: 5px;
    width: 100%;
}

.client-details.portlet-standard-table {
    width: 100%;
    margin: 0 auto;
}

    .client-details.portlet-standard-table td .btn:nth-of-type(2) {
        margin-left: 5px;
    }

.clients.portlet-standard-table {
    margin: 0 auto;
    margin-bottom: 10px;
    width: 100%;
}

.client-reservations-wrapper .pagination-container {
    margin-top: 10px;
}

.subagency-fees.portlet-standard-table {
    margin: 5px;
    width: 35%;
}

.neighbourhoods.portlet-standard-table {
    margin: 10px auto;
}


.portlet-container {
    display: block;
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #e1e1e1;
    margin-top: 10px;
}

    .portlet-container.agencies-list {
        margin-top: 0;
    }

.modal.pop-up.credit-history .portlet-container.no-margin {
    width: 96%;
    margin: 5px auto;
}

.agencies-list .portlet-container {
    margin-top: 10px;
}

.portlet-container.search {
    margin-top: 0;
}

.agencies-list .new_agencies_list {
    margin-top: 20px;
}

    .agencies-list .new_agencies_list .add.add-client {
        margin-bottom: 10px;
    }

.agencies-list.new-book .portlet-container {
    margin-top: 10px;
}



.portlet-container.no-margin {
    margin-top: 0;
}

.reports.menu-item td {
    margin-bottom: 10px;
}

.multilanguage {
    height: 200px;
    margin-top: 20px;
}

.wl-settings {
    margin-top: 20px;
}

.wl-settings-container {
    width: 98%;
}

    .wl-settings-container .cities-from-country {
        margin-top: 10px;
    }

.wl-settings .ui-widget-content a {
    color: #fff;
}


.multilanguage .ui-widget-header {
    background: none;
    position: relative;
    top: -34px;
    left: -5px;
}

.wl-settings .ui-widget-header {
    background: none;
    position: relative;
    top: -34px;
    left: -7px;
}


.wl-settings.ui-tabs .ui-tabs-nav li,
.multilanguage.ui-tabs .ui-tabs-nav li {
    border-radius: 0;
    border: none;
}

.wl-settings.ui-tabs li.ui-state-default a,
.multilanguage.ui-tabs li.ui-state-default a {
    color: #333;
    background: #e2e2e2;
    font-weight: normal;
    outline: none;
}

.wl-settings.ui-tabs li.ui-state-active a,
.multilanguage.ui-tabs li.ui-state-active a {
    color: #333;
    font-weight: normal;
    background: #fff;
}

.rules .portlet-container {
    margin-top: 0;
    width: 99%;
}

.separator.back {
    width: 100%;
    height: 1px;
    background: #eaeaea;
    /* float: left; */
    width: 97%;
    margin: 5px auto;
}

.portlet-standard-table.users,
.portlet-standard-table.departments,
.portlet-standard-table.roles,
.portlet-standard-table.zone-management {
    padding: 15px;
}

.custom-dd {
    height: 28px;
}

.panel_title .item {
    display: inline-block;
}

    .panel_title .item:nth-of-type(2) {
        margin-left: 10px;
    }

.roles-container .panel_title .custom-dd,
.departments-container .panel_title .custom-dd {
    width: 150px;
    margin-left: 10px;
    position: relative;
    top: -3px;
}

.users .fa.add,
.users .fa.edit,
.users .fa.remove,
.clients .fa.remove,
.departments .fa.add,
.departments .fa.edit,
.departments .fa.remove,
.roles .fa.edit,
.roles .fa.remove,
.supplier-destinations .fa.edit,
.supplier-destinations .fa.remove,
.zone-management .fa.edit,
.zone-management .fa.remove,
.account-settings .fa.save,
.destination-currency .fa.edit,
.destination-currency .fa.remove,
.markup-admin .fa.remove,
.markup-admin .fa.edit,
.markup-admin .dollar {
    padding: 4px 10px 5px 10px;
    cursor: pointer;
}

.select-agencies .fa.add,
.select-agencies .fa.view,
.clients .fa.view,
.select-agencies .fa.expand,
.select-agencies .fa.remove,
.client-details .fa.edit {
    padding: 4px 10px 5px 10px;
}

.supplier-destinations .popup {
    position: fixed;
    z-index: 999;
    background: #fff;
    width: 800px;
    top: 30%;
    max-height: 600px;
    overflow-y: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.users-container .pagination {
    margin-right: 6px;
    padding: 0;
    float: right;
}

    .users-container .pagination:after {
        content: " ";
        display: block;
        clear: both;
    }

    .users-container .pagination li {
        list-style-type: none;
        display: inline-block;
    }

        .users-container .pagination li a {
            padding: 6px 12px;
            border: 1px solid #ddd;
            background: #fff;
            color: #337ab7;
            text-decoration: none;
            border-right: none;
            display: block;
        }

        .users-container .pagination li:last-of-type a {
            border-right: 1px solid #ddd;
        }

        .users-container .pagination li a.selected,
        .users-container .pagination li a:hover {
            background: #eee;
            color: #23527c;
        }

            .users-container .pagination li a.selected:hover {
                cursor: default;
            }

.roles.edit .content,
.users-edit .content {
    width: 97%;
    margin: 0 auto;
}

    .users-edit .content td {
        padding: 5px;
        width: 50%;
    }

.users-edit .fa.remove {
    padding: 4px 10px 5px 10px;
}

.users-edit .user-roles td {
    padding: 0;
}

.supplier-destinations .checkboxes-suppliers td {
    padding: 5px;
}

.supplier-destinations .checkboxes-suppliers-container .buttons-container a {
    margin-right: 10px;
    margin-bottom: 10px;
}

.portlet-standard-table.supplier-destination.top {
    margin-bottom: 5px;
}

    .portlet-standard-table.supplier-destination.top td select,
    .portlet-standard-table.supplier-destination.top td span {
        margin-right: 10px;
        height: 28px;
    }

    .portlet-standard-table.supplier-destination.top td a {
        display: inline-block;
    }

.portlet-standard-table.content tr.just-row {
    background: #fff;
}

    .portlet-standard-table.content tr.just-row:nth-of-type(odd) {
        background: #f7f7f7;
    }

.loyality-points-container .label {
    color: #333;
    display: block;
    margin-left: 10px;
    padding-top: 3px;
}

.loyality-points-container .value {
    font-weight: bold;
    color: #333;
    padding: 7px 0 0 10px;
}

.portlet-standard-table td {
    padding: 5px;
    border: 1px solid #ddd;
}

.b2b-messages .navigation {
    width: 99%;
    margin: 0 auto;
}

.b2b-messages.edit .custom-textbox {
    width: 93%;
    max-width: 93%;
    min-width: 93%;
    margin-left: 10px;
    min-height: 100px;
    margin-bottom: 15px;
    float: right;
}

.portlet-standard-table.select-agencies td.agg a {
    color: #333;
}

.portlet-standard-table.select-agencies td.sub a {
    text-decoration: none;
}

    .portlet-standard-table.select-agencies td.sub a i {
        font-size: 12px;
    }


    .portlet-standard-table.select-agencies td.sub a.view i {
        font-size: 12px;
        margin-left: 9px;
    }

    .portlet-standard-table.select-agencies td.sub a.remove i {
        font-size: 12px;
        margin-left: 5px;
    }


.portlet-standard-table.select-agencies .sub-agency i {
    font-size: 16px;
    display: block;
    text-align: center;
}


.portlet-standard-table.reservation-list td {
    padding: 5px;
    font-size: 11px;
    border: 1px solid #ddd;
}


.portlet-standard-table.roles td a:nth-of-type(3),
.portlet-standard-table.roles td a:nth-of-type(2),
.portlet-standard-table.users td a:nth-of-type(2),
.portlet-standard-table.clients td a:nth-of-type(2),
.portlet-standard-table.departments td a:nth-of-type(2),
.portlet-standard-table.zone-management td span:nth-of-type(2),
.portlet-standard-table.select-agencies td a:nth-of-type(2),
.portlet-standard-table.select-agencies td a:nth-of-type(3),
.portlet-standard-table.clients td a:nth-of-type(3),
.portlet-standard-table.select-agencies td a:nth-of-type(4),
.portlet-standard-table.destination-currency td a:nth-of-type(2),
.portlet-standard-table.markup-admin td a:nth-of-type(2) {
    margin-right: 5px;
}

.portlet-standard-table.clients td a.btn {
    padding: 3px 5px 3px 5px;
}

.portlet-standard-table.roles .manage-rights {
    padding: 3px 5px 1px 5px;
    float: right;
}

.btn.manage-rights.disabled:hover,
.btn.manage-rights.disabled {
    background: rgba(129, 136, 140, 0.35) !important;
}


.portlet-standard-table.data-table tr:nth-of-type(even),
.portlet-standard-table tr:nth-of-type(even),
.client.reservations.content:nth-of-type(even) {
    background: #f7f7f7;
}

.portlet-standard-table tr:hover,
.client.reservations.content:hover {
    background: #e5e5e5;
}

.rules .buttons-container {
    width: 99%;
    margin: 10px auto;
}

.extra-remarks-container {
    width: 99%;
    margin: 0px auto;
}

.insurance-policy-number-select,
.insurance-extra-remarks-change {
    height: 28px;
    width: 250px;
}

.portlet-standard-table tr.header td,
.portlet-standard-table tr.header th {
    background: #eaeaea;
    padding: 5px;
    border: 1px solid #ddd;
}

.portlet-standard-table.users tr.header th.field {
    width: 20%;
}


.portlet-standard-table.roles tr.header th.field.three-buttons {
    width: 15%;
}

.portlet-standard-table.clients tr.header th.field.three-buttons {
    width: 11%;
}

.portlet-standard-table.b2b-messages tr.header th.field.two-buttons,
.portlet-standard-table.reminders tr.header th.field.two-buttons,
.portlet-standard-table.zone-management tr.header th.field.two-buttons,
.portlet-standard-table.departments tr.header th.field.two-buttons,
.portlet-standard-table.clients tr.header th.field.two-buttons {
    width: 7%;
}

.portlet-standard-table.select-agencies tr.header th.field.three-buttons {
    width: 10%;
}

.portlet-standard-table.select-agencies tr.header th.field.four-buttons {
    width: 13%;
}


.portlet-standard-table.destination-currency tr.header th.field.two-buttons {
    width: 7%;
}

.portlet-standard-table.destination-currency tr.header th.field.currency {
    width: 5%;
}

.portlet-standard-table.users tr.header th.field.two-buttons {
    width: 6%;
}

.portlet-standard-table.zone-management .insurance-zone-delete,
.portlet-standard-table.zone-management .insurance-zone-edit {
    float: right;
    display: inline-block;
    cursor: pointer;
}

.cc-fee-container .buttons-container {
    width: 99%;
    margin: 10px auto;
}

    .cc-fee-container .buttons-container .btn {
    }

        .cc-fee-container .buttons-container .btn.m10 {
            margin-right: 10px;
        }

/*.invoices-container.portlet-container {
    width: 98%;
}*/

.reservations-list .pagination-container {
    display: block;
    width: 99%;
    padding: 10px 0px 10px 6px;
}

.navigation.b2b-messages {
    width: 99%;
    margin: 10px auto;
}

.legend .item {
    float: left;
    margin-right: 10px;
    border-right: 1px solid #cccaca;
    padding-right: 8px;
}

    .legend .item:last-of-type {
        border: none;
    }

.account-settings td {
    padding: 5px;
    vertical-align: top;
}

.account-settings .custom-dd,
.account-settings .custom-input {
    width: 100%;
    box-sizing: border-box;
}

.map-wrapper .map-container {
    position: relative;
    min-height: 775px;
}

.rentacar-wrapper .rentacar-container {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 15px;
    padding-top: 20px;
}

.transfer-results-wrapper .transfer-results-container,
.hotel-results-wrapper .hotel-results-container {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 15px;
}

    .transfer-results-wrapper .transfer-results-container:after {
        content: " ";
        display: block;
        clear: both;
    }

    .hotel-results-wrapper .hotel-results-container .location-info {
        margin-bottom: 20px;
        padding: 0;
    }

.transfer-results-container .results .topbar-wrapper,
.flight-container .results .topbar-wrapper {
    background: #fff;
    position: relative;
    min-height: 55px;
    z-index: 1;
    width: 100%;
}

.flight-container .results .filters-applied {
    min-height: 35px;
    background: #fff;
    margin-top: 10px;
}

    .flight-container .results .filters-applied a {
        font-size: 12px;
        margin-right: 20px;
        padding: 7px;
        display: inline-block;
        background: #eee;
        margin: 5px;
        text-align: center;
    }

        .flight-container .results .filters-applied a .close {
            font-size: 15px;
        }

.transfer-results-container .results .page-order,
.flight-container .results .page-order {
    -moz-transition: opacity linear .3s;
    -webkit-transition: opacity linear .3s;
    float: left;
    margin: 5px 0;
    width: 65%;
    position: relative;
    text-align: right;
    transition: opacity linear .3s;
}

    .transfer-results-container .results .page-order .order,
    .flight-container .results .page-order .order {
        position: absolute;
        left: 15px;
        top: 7px;
    }

        .transfer-results-container .results .page-order .order a,
        .flight-container .results .page-order .order a {
            background: #eee;
            color: #9e9e9e;
            display: inline-block;
            text-decoration: none;
            transition: background .3s;
            margin-right: 10px;
            height: 30px;
            float: left;
        }

            .transfer-results-container .results .page-order .order a:hover,
            .flight-container .results .page-order .order a:hover {
                background: #e0e0e0;
            }

            .transfer-results-container .results .page-order .order a.active,
            .flight-container .results .page-order .order a.sort-selected {
                background: #2876bd;
                color: #fff;
            }

            .transfer-results-container .results .page-order .order a span,
            .flight-container .results .page-order .order a span {
                float: left;
                margin: 8px 10px 0 10px;
            }


.transfer-results-container .filter,
.flight-container .filter,
.hotel-results-container .filter {
    width: 23%;
}


.transfer-results-container .results,
.flight-container .results,
.hotel-results-container .results {
    width: 75%;
    float: right;
    padding-top: 0;
}


.hotel-results-container .filter-item.search-config,
.flight-container .filter-item.search-config {
    background: #2876bd;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
    overflow: hidden;
}

.transfer-results-container .filter-item.search-config {
    background: #2876bd;
    overflow: hidden;
    margin-top: 0;
}

    .transfer-results-container .filter-item.search-config.fixed {
        position: fixed;
        top: 0;
        width: 276px;
        z-index: 10;
    }

.transfer-results-container .filter-item.search-config,
.flight-container .filter-item.search-config {
    height: 42px;
}

.hotel-results-container .filter-item.search-config {
    height: 42px;
}

    .hotel-results-container .filter-item.search-config.search-complete {
        height: 72px;
    }

.es .hotel-results-container .filter-item.search-config.search-complete {
    height: 92px;
}

.pt .hotel-results-container .filter-item.search-config.search-complete {
    height: 92px;
}



.transfer-results-container .filter-item.search-config.expanded {
    height: 547px;
}

.transfer-results-container .filter-item.search-config .start-search {
    width: 100%;
    display: block;
    padding: 11px 0px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    position: relative;
    top: 1px;
    font-weight: 100;
    font-size: 20px;
    color: #fff;
    border: 1px solid red;
    margin-top: 30px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: 0.2s;
    z-index: 10;
    cursor: pointer;
}

.start-search.disabled:hover,
.start-search.disabled {
    background: #7d7d7d !important;
    border: 1px solid #7d7d7d !important;
    cursor: not-allowed !important;
}

.flight-container .filter-item.modify-search .custom-element.add {
    position: relative;
    margin-top: -28px;
    margin-right: 0px;
    width: 40%;
}

    .flight-container .filter-item.modify-search .custom-element.add a {
        color: #fff;
        font-weight: bold;
    }

    .flight-container .filter-item.modify-search .custom-element.add span {
        color: #fff;
    }


.map-filters-container .filter-item,
.hotel-results-container .filter-item.hotel-availability,
.hotel-results-container .filter-item.hotel-name,
.hotel-results-container .filter-item.price-slide,
.hotel-results-container .filter-item.poidistance-slide,
.hotel-results-container .filter-item.category,
.hotel-results-container .filter-item.trip-advisor,
.hotel-results-container .filter-item.neighbourhoods,
.hotel-results-container .filter-item.property,
.hotel-results-container .filter-item.meals,
.hotel-results-container .filter-item.nonrefundable,
.hotel-results-container .filter-item.poi,
.hotel-results-container .filter-item.facilities,
.hotel-results-container .filter-item.recommended-hotels,
.flight-container .filter-item.direct-flights,
.flight-container .filter-item.price,
.flight-container .filter-item.airline,
.flight-container .filter-item.departure-options,
.hotel-results-container .filter-item.pois,
.hotel-results-container .filter-item.resorts,
.transfer-results-container .filter-item {
    background: #fff;
    height: 42px;
    margin-top: 4px;
    overflow: hidden;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
}

.fi #fc-POIS {
    height: 62px;
    --fc-colapsed-height: 62px;
}

.es #fc-POIS {
    height: 62px;
    --fc-colapsed-height: 62px;
}

.nl #fc-POIS {
    height: 62px;
    --fc-colapsed-height: 62px;
}

.it #fc-ZipCode {
    height: 62px;
    --fc-colapsed-height: 62px;
}

.transfer-results-container .filter-item.visibility {
    overflow: visible;
}

.transfer-results-container .filter-item {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}



.flight-container .filter-item.expanded.departure-options {
    padding-bottom: 10px;
}

.flight-container .filter-item.airline #selectorAirlines {
    padding-bottom: 15px;
}


.map-filters-container .filter-item.zip-code.expanded,
.map-filters-container .filter-item.hotel-name.expanded,
.hotel-results-container .filter-item.hotel-name.expanded {
    height: 130px;
}

.map-filters-container .filter-item .item-container {
    width: 90%;
    margin: 10px auto;
}

.hotel-results-container .filter-item.facilities.expanded {
    height: 720px;
}

.hotel-results-container .filter-item.recommended-hotels.expanded,
.hotel-results-container .filter-item.hotel-availability.expanded {
    height: 90px;
}

.hotel-results-container .filter-item.property.expanded {
    height: 220px;
}

.map-filters-container .filter-item.price-slide.expanded,
.map-filters-container .filter-item.poidistance-slide.expanded,
.hotel-results-container .filter-item.price-slide.expanded,
.hotel-results-container .filter-item.poidistance-slide.expanded {
    height: 125px !important;
}

.transfer-results-container .filter-item.price-range.expanded {
    height: 105px;
}

.map-filters-container .filter-item.category.expanded,
.hotel-results-container .filter-item.category.expanded {
    height: 220px;
}

.hotel-results-container .filter-item.poi.expanded {
    height: 95px;
}

.map-filters-container .filter-item.meals.expanded,
.hotel-results-container .filter-item.meals.expanded {
    height: 220px;
}

.map-filters-container .filter-item.nonrefundable.expanded,
.hotel-results-container .filter-item.nonrefundable.expanded {
    height: 90px;
}

.hotel-results-container .filter-item.trip-advisor.expanded {
    height: 225px;
}

.transfer-results-container .filter-item .ui-slider-range,
.hotel-results-container .filter-item.price-slide .ui-slider-range,
.hotel-results-container .filter-item.poidistance-slide .ui-slider-range,
.flight-container .filter-item .ui-slider-range {
    background: #85d8f8;
}

.hotel-results-container .filter-item.price-slide .ui-slider,
.hotel-results-container .filter-item.poidistance-slide .ui-slider,
.transfer-results-container .filter-item .ui-slider,
.flight-container .filter-item .ui-slider {
    height: 8px;
    border: 1px solid #032d6d !important;
}

    .hotel-results-container .filter-item.price-slide .ui-slider a,
    .hotel-results-container .filter-item.poidistance-slide .ui-slider a,
    .transfer-results-container .filter-item .ui-slider a,
    .flight-container .filter-item .ui-slider a {
        background: #2d3e52;
        border-radius: 50%;
        border: none;
    }

.flight-container .filter-item.price .price-slide-wrap {
    margin-top: 10px;
}

.flight-container .filter-item.price.expanded {
    height: 100px;
}


.hotel-results-container .filter-item.search-config .providers-container,
.hotel-results-container .filter-item .item-container,
.hotel-results-container .filter-item.search-config .item-container,
.flight-container .filter-item.search-config .item-container,
.flight-container .multi-leg-item,
.flight-container .filter-item .providers-container,
.flight-container .item-container,
.transfer-results-container .item-container {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 5px;
    padding-top: 3px;
}

    .transfer-results-container .item-container .adults,
    .transfer-results-container .item-container .children {
        width: 47%;
    }

    .transfer-results-container .item-container .children-ages select {
        width: 49px;
        height: 30px;
        border: none;
        margin-top: 7px;
        margin-right: 6px;
    }

.transfer-results-container .filter-item.vehicle-name .item-container,
.transfer-results-container .filter-item.max-baggages .item-container,
.transfer-results-container .filter-item.vehicle-name .item-container,
.transfer-results-container .filter-item.max-passengers .item-container {
    padding-bottom: 10px;
}

.transfer-results-container .item-container .transfer-type label {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    width: 50%;
    position: relative;
    top: -3px;
    cursor: pointer;
}

.transfer-results-container .item-container .transfer-type input {
    cursor: pointer;
}


.flight-container .item-container .slider-label {
    margin-top: 5px;
}

.transfer-results-container .item-container .separator.horizontal {
    margin-top: 3px;
    margin-bottom: 6px;
}

.flight-container .item-container.departure-time .title,
.flight-container .item-container.return-departure-time .title,
.flight-container .item-container.departure-duration .title,
.flight-container .item-container.departure-return-duration .title {
    font-size: 12px;
    padding: 0px 0px 10px 0;
    text-transform: uppercase;
}

.flight-container .filter-item.search-config .item-container .adults,
.flight-container .filter-item.search-config .item-container .children,
.flight-container .filter-item.search-config .item-container .infants {
    width: 30%;
}

.flight-container .filter-item.search-config .item-container .children,
.flight-container .filter-item.search-config .item-container .infants {
    margin-left: 10px;
}

.flight-container .room-config .child-container {
    margin-top: 5px;
}

.flight-container .room-config .child-info-item .separator.horizontal {
    margin-top: 5px;
    margin-bottom: 5px;
}

.flight-container .room-config .child-container .content {
    float: right;
    width: 100%;
    margin-top: 5px;
}

    .flight-container .room-config .child-container .content .paxLabel {
        float: right;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
        width: 65%;
    }

        .flight-container .room-config .child-container .content .paxLabel label {
            position: relative;
            top: -2px;
        }

        .flight-container .room-config .child-container .content .paxLabel input {
            height: auto;
        }

.hotel-results-container .filter-item.search-config .item-container.room-twin.with-twin {
    float: right;
    width: 17%;
    padding-top: 0;
}

    .hotel-results-container .filter-item.search-config .item-container.room-twin.with-twin input[type=checkbox] {
        position: relative;
        top: 10px;
        left: 10px;
    }


.hotel-results-container .filter-item.search-config .item-container .date.checkout,
.hotel-results-container .filter-item.search-config .item-container .date.checkin {
    width: 70%;
    display: inline-block;
}

.flight-container .filter-item.search-config .item-container .date.checkout,
.flight-container .filter-item.search-config .item-container .date.checkin {
    width: 55%;
    display: inline-block;
}


.transfer-results-container .filter-item.search-config .item-container .date {
    width: 53%;
    display: inline-block;
    cursor: pointer;
}

.transfer-results-container .filter-item.search-config .item-container .flight-time {
    width: 40%;
}

    .transfer-results-container .filter-item.search-config .item-container .flight-time .custom-area input {
        width: 29%;
        text-align: center;
        text-indent: 0;
    }

    .transfer-results-container .filter-item.search-config .item-container .flight-time .custom-area span {
        color: #fff;
        position: relative;
        width: 5px;
        display: inline-block;
        text-align: center;
        top: 0;
    }

        .transfer-results-container .filter-item.search-config .item-container .flight-time .custom-area span.time-info {
            color: red;
            width: 10px;
            font-size: 16px;
            margin-left: 5px;
        }


.transfer-results-container .filter-item.search-config .item-container .date.checkin.has-roundtrip {
    width: 49%;
}

.transfer-results-container .filter-item.search-config .item-container .arrival-time {
    width: 49%;
}

    .transfer-results-container .filter-item.search-config .item-container .arrival-time .time {
        width: 47%;
    }


.transfer-results-container .filter-item.search-config .item-container .date.checkout input,
.transfer-results-container .filter-item.search-config .item-container .date.checkin input {
    cursor: pointer;
}


.hotel-results-container .filter-item.search-config .item-container .room.cfg {
    width: 25%;
    display: inline-block;
}

.hotel-results-container .filter-item.search-config .item-container .night.cfg {
    width: 25%;
}

.flight-container .filter-item.search-config .item-container .currency,
.flight-container .filter-item.search-config .item-container .type-of-flight {
    width: 40%;
}

    .flight-container .filter-item.search-config .item-container .currency.full {
        width: 100%;
    }

.hotel-results-container .filter-item.search-config .item-container .nationality.cfg {
    width: 46%;
}

.hotel-results-container .filter-item.search-config .item-container .currency.cfg {
    width: 25%;
}


.hotel-results-container .filter-item.facilities .item-container {
    padding-bottom: 20px;
}


.transfer-results-container .filter-item.price-range .item-container .label,
.hotel-results-container .filter-item.price-slide .item-container .label,
.hotel-results-container .filter-item.poidistance-slide .item-container .label {
    margin-bottom: 5px;
    color: #333;
    font-size: 12px;
    font-weight: normal;
}

.hotel-results-container .filter-item.price-slide .item-container .custom-checkbox,
.hotel-results-container .filter-item.poidistance-slide .item-container .custom-checkbox {
    margin-top: 10px;
}

.map-filters-container .filter-item .item-container select,
.map-filters-container .filter-item .item-container input,
.hotel-results-container .filter-item .item-container select,
.hotel-results-container .filter-item .item-container input,
.flight-container .filter-item .item-container input {
    height: 24px;
    width: 24px;
    background: #f5f5f5;
    border: none;
    text-indent: 3px;
    cursor: pointer;
}

.map-filters-container .filter-item.hotel-name .item-container input,
.hotel-results-container .filter-item.hotel-name .item-container input {
    width: 100%;
    border: 1px solid #d9d9d9;
    outline: none;
}

.flight-container .filter-item .item-container.flex-dates input {
    height: auto;
}

.flight-container .filter-item .item-container.flex-dates label {
    position: relative;
    top: -3px;
}

.map-filters-container .custom-checkbox input,
.hotel-results-container .filter-item.price-slide .custom-checkbox input,
.hotel-results-container .filter-item.poidistance-slide .custom-checkbox input,
.hotel-results-container .filter-item.hotel-availability .custom-checkbox input,
.hotel-results-container .filter-item.neighbourhoods .custom-checkbox input,
.hotel-results-container .filter-item.property .custom-checkbox input,
.hotel-results-container .filter-item.meals .custom-checkbox input,
.hotel-results-container .filter-item.nonrefundable .custom-checkbox input,
.hotel-results-container .filter-item.facilities .custom-checkbox input,
.hotel-results-container .filter-item.category .custom-checkbox input,
.hotel-results-container .filter-item.category .custom-checkbox input,
.flight-container .filter-item .custom-checkbox input {
    position: absolute;
    top: 1px;
    left: 3px;
    text-indent: 0;
}

.map-filters-container .filter-item .custom-checkbox label,
.hotel-results-container .filter-item.price-slide .custom-checkbox label,
.hotel-results-container .filter-item.poidistance-slide .custom-checkbox label,
.hotel-results-container .filter-item.hotel-availability .custom-checkbox label,
.hotel-results-container .filter-item.neighbourhoods .custom-checkbox label,
.hotel-results-container .filter-item.neighbourhoods .custom-checkbox label,
.hotel-results-container .filter-item.property .custom-checkbox label,
.hotel-results-container .filter-item.meals .custom-checkbox label,
.hotel-results-container .filter-item.nonrefundable .custom-checkbox label,
.hotel-results-container .filter-item.facilities .custom-checkbox label,
.hotel-results-container .filter-item.category .custom-checkbox label,
.flight-container .filter-item .custom-checkbox label {
    width: 81%;
    cursor: pointer;
    float: right;
    text-indent: 0;
    font-size: 10px;
    line-height: 28px;
    margin-bottom: 1px;
    margin-left: 40px;
    margin-right: 5px;
    text-transform: capitalize;
}

.map-filters-container .filter-item .custom-checkbox label {
    width: 87%;
    font-size: 12px;
}

.hotel-results-container .filter-item.category .custom-checkbox label {
    float: none;
}

.flight-container .filter-item .custom-checkbox .results-no {
    float: right;
    position: absolute;
    top: 5px;
    right: 10px;
}

.custom-checkbox input {
    visibility: visible;
    border: none;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


    .custom-checkbox input:before {
        visibility: visible;
        background: #d9d9d9;
        padding: 2px;
        content: " ";
        width: 18px;
        display: block;
        height: 18px;
        line-height: 20px;
    }

.trip-advisor .custom-checkbox input:before {
    margin: 2px;
}

.custom-checkbox.selected input:before {
    background: #fff;
    content: "\f00c";
    color: #ee8e20;
    text-align: center;
}



.hotel-results-container .filter-item.search-config .providers-container .client-checkbox-container span,
.hotel-results-container .filter-item.search-config .providers-container .client-checkbox-container .client-checkbox {
    color: #fff;
}


.hotel-results-container .filter-item.search-config .providers-container .title,
.flight-container .filter-item.search-config .providers-container .title {
    padding: 0;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: underline;
}

.flight-container .filter-item.search-config .providers-container .content {
    margin-top: 10px;
}

    .flight-container .filter-item.search-config .providers-container .content .checkbox-label label {
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        position: relative;
        top: -3px;
    }


.hotel-results-container .filter-item.search-config .child-ages.item-container {
    width: 100%;
}

    .hotel-results-container .filter-item.search-config .child-ages.item-container .ages-container {
        margin-top: 5px;
        margin-bottom: 5px;
    }

        .hotel-results-container .filter-item.search-config .child-ages.item-container .ages-container .ddlAge {
            width: 55px;
        }

        .hotel-results-container .filter-item.search-config .child-ages.item-container .ages-container select {
            height: 30px;
            margin: 0px 10px 5px 0;
            background: #fff;
        }

.hotel-results-container .filter-item.search-config .item-container.twin {
    width: 100%;
    margin-top: 2px;
    padding-bottom: 0;
}

    .hotel-results-container .filter-item.search-config .item-container.twin .client-checkbox {
        margin: 0;
        border: none;
        background: #fff;
        position: relative;
        left: 32px;
        top: 2px;
    }

.hotel-results-container .filter-item.search-config .item-container.room .separator.horizontal {
    margin-top: -5px;
    margin-bottom: 0;
}


.hotel-results-container .filter-item.search-config .item-container.room .children {
    width: 25%;
    margin-top: 0;
    margin-left: 10px;
}

.hotel-results-container .filter-item.search-config .item-container.room .adults {
    width: 25%;
    margin-top: 0;
}


.transfer-results-container .filter-item.search-config .item-container .option-wrap.currency,
.transfer-results-container .filter-item.search-config .item-container .option-wrap.nationality,
.transfer-results-container .filter-item.search-config .item-container.drop .option-wrap,
.transfer-results-container .filter-item.search-config .item-container.pick .option-wrap {
    width: 48%;
}

.transfer-results-container .filter-item.search-config .item-container .child-ages {
    margin-top: 8px;
}

    .transfer-results-container .filter-item.search-config .item-container .child-ages .child-age {
        float: left;
        width: 27px;
        height: 28px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .transfer-results-container .filter-item.search-config .item-container .child-ages .transfer-results-container .filter-item.search-config .item-container .separator.horizontal {
        margin-top: 3px;
        margin-bottom: 10px;
        background: #94bde2;
    }

.hotel-results-container .filter-item.search-config .item-container.room .children.with-twin {
    width: 20%;
    float: left;
    margin-left: 23px;
}

.hotel-results-container .filter-item.search-config .item-container .custom-area,
.flight-container .filter-item.search-config .item-container .custom-area,
.transfer-results-container .filter-item.search-config .item-container .custom-area,
.flight-container .filter-item.search-config .multi-leg-item .custom-element {
    margin-top: 5px;
    position: relative;
}

    .flight-container .filter-item.search-config .multi-leg-item .custom-element.checkin {
        width: 55%;
        float: left;
    }



    .flight-container .filter-item.search-config .multi-leg-item .custom-element input,
    .flight-container .filter-item.search-config .multi-leg-item .custom-element select {
        margin-top: 5px;
        width: 100%;
    }



    .hotel-results-container .filter-item.search-config .item-container .custom-area .icon.calendar,
    .flight-container .filter-item.search-config .item-container .custom-area .icon.calendar,
    .flight-container .multi-leg-item .custom-element.checkin i,
    .transfer-results-container .filter-item.search-config .item-container .custom-area .icon.calendar {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 19px;
        width: 40px;
        height: 30px;
        background: #ee8e20;
        text-align: center;
        line-height: 29px;
        color: #fff;
        cursor: pointer;
    }

    .transfer-results-container .filter-item.search-config .item-container .custom-area .icon.calendar {
        width: 35px;
    }

.flight-container .multi-leg-item .custom-element.checkin i {
    height: 30px;
    top: auto;
    bottom: 0;
}

.hotel-results-container .filter-item.search-config .item-container .custom-area select,
.hotel-results-container .filter-item.search-config .item-container .custom-area input,
.flight-container .filter-item.search-config .item-container .custom-area input,
.flight-container .filter-item.search-config .item-container .custom-area select,
.flight-container .multi-leg-item .custom-element input,
.flight-container .multi-leg-item .custom-element select,
.transfer-results-container .filter-item.search-config .item-container .custom-area input,
.transfer-results-container .filter-item.search-config .item-container .custom-area select {
    font-size: 12px;
    padding: 0;
    height: 30px;
    background: #fff;
    border: none;
    width: 100%;
    text-indent: 5px;
}

    .hotel-results-container .filter-item.search-config .item-container .custom-area input.date-input,
    .flight-container .filter-item.search-config .item-container .custom-area input.date-input {
        cursor: pointer;
    }

        .hotel-results-container .filter-item.search-config .item-container .custom-area input.date-input:before {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f073";
        }

    .hotel-results-container .filter-item.search-config .item-container .custom-area input:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f073";
    }


.hotel-results-container .filter-item.search-config .item-container .label,
.flight-container .filter-item.search-config .item-container .label,
.flight-container .multi-leg-item .label,
.transfer-results-container .item-container .label {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
}

    .hotel-results-container .filter-item.search-config .item-container .label.keep-data,
    .hotel-results-container .filter-item.search-config .item-container .label.prop-listing,
    .hotel-results-container .filter-item.search-config .item-container .label.hide-prices {
        margin-left: 20px;
    }

.transfer-results-container .item-container .is-return label {
    position: relative;
    top: 5px;
}


.transfer-results-container .filter-item.search-config .custom-container {
    margin-top: 10px;
}

    .transfer-results-container .filter-item.search-config .custom-container .currency span {
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
        margin-bottom: 5px;
        display: block;
    }

    .transfer-results-container .filter-item.search-config .custom-container .terminal-return {
        position: relative;
        top: 23px;
    }

        .transfer-results-container .filter-item.search-config .custom-container .terminal-return input,
        .transfer-results-container .filter-item.search-config .custom-container .terminal-return label {
            cursor: pointer;
        }


            .transfer-results-container .filter-item.search-config .custom-container .terminal-return input[type=checkbox] {
                position: relative;
                top: 3px;
            }

        .transfer-results-container .filter-item.search-config .custom-container .terminal-return label {
            color: #fff;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 10px;
        }



.transfer-results-container .transfer-wrapper {
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 20px;
    text-align: left;
    clear: both;
}

    .transfer-results-container .transfer-wrapper .transfer-details {
        position: relative;
    }

    .transfer-results-container .transfer-wrapper .transfer-package-details {
        border: 1px solid #2876bd;
        /* color: #fff; */
        padding: 10px;
    }

        .transfer-results-container .transfer-wrapper .transfer-package-details .item {
            float: left;
            font-size: 14px;
            margin-left: 10px;
        }

            .transfer-results-container .transfer-wrapper .transfer-package-details .item.price {
                float: right;
            }

                .transfer-results-container .transfer-wrapper .transfer-package-details .item.price input[type=radio] {
                    position: relative;
                    top: 2px;
                }

            .transfer-results-container .transfer-wrapper .transfer-package-details .item .label {
                margin-right: 10px;
            }

            .transfer-results-container .transfer-wrapper .transfer-package-details .item .value {
                font-weight: bold;
            }

    .transfer-results-container .transfer-wrapper .transfer-details .transfer-image {
        float: left;
        width: 100px;
        height: 75px;
        padding: 10px;
    }

    .transfer-results-container .transfer-wrapper .transfer-details .description {
        width: 85%;
        float: right;
        margin-right: 10px;
    }

        .transfer-results-container .transfer-wrapper .transfer-details .description h1 {
            font-weight: 400;
            font-size: 18px;
            color: #838383;
        }


.transfer-results-container .filter-item.search-config .custom-container .currency select {
    font-size: 12px;
    padding: 0;
    height: 30px;
    background: #fff;
    border: none;
    width: 100%;
    text-indent: 5px;
}

.hotel-results-container .filter-item.search-config .item-container .room-details .label.room-title {
    padding-top: 0;
    padding-bottom: 5px;
    display: block;
    width: 100%;
    float: left;
}

.transfer-results-container .filter-item.search-config .title,
.flight-container .filter-item.search-config .title,
.hotel-results-container .filter-item.search-config .title {
    padding: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
}

.transfer-results-container .filter-item.search-config .label.drop,
.transfer-results-container .filter-item.search-config .label.pick {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0;
    margin-bottom: 4px;
    border-bottom: 1px solid #94bde2;
    padding-bottom: 4px;
}

.map-filters-container .filter-item .title,
.hotel-results-container .filter-item .title,
.flight-container .filter-item .title,
.transfer-results-container .filter-item .title {
    padding: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    cursor: pointer;
}

    .map-filters-container .filter-item .title .nav {
        margin-top: 4px;
    }

.map-filters-container .filter-item.active .title {
    background: #2876bd;
    color: #fff;
}

.map-filters-container .filter-item .content,
.flight-container .filter-item .content,
.hotel-results-container .filter-item .content {
    position: relative;
}

.hotel-results-container .filter-item.recommended-hotels .content {
    margin-top: 15px;
}

.custom-checkbox:before {
    position: relative;
}

.custom-checkbox {
    position: relative;
    cursor: pointer;
    background: #f5f5f5;
    margin-top: 1px;
    min-height: 30px;
}

.client-checkbox-container .custom-checkbox {
    background: none;
}

    .client-checkbox-container .custom-checkbox input {
        position: relative;
        top: 3px;
        left: 20px;
        cursor: pointer;
        width: 23px;
    }

        .client-checkbox-container .custom-checkbox input:before {
            background: #fff;
            border: 1px solid #d9d9d9;
        }

.custom-checkbox.selected {
    background: #2876bd;
    color: #fff;
}

.custom-checkbox:after {
    display: block;
    content: " ";
    clear: both;
}

.hotel-results-container .orderby-container .order .title,
.flight-container .results .orderby-container .order .title,
.transfer-results-container .results .orderby-container .order .title {
    font-size: 16px;
    margin-right: 20px;
    margin-top: 5px;
    float: left;
}



.hotel-results-container .orderby-container .order a.active .default-asc {
    background: #2876bd;
}

.hotel-results-container .orderby-container .order a .default-asc {
    background: #2876bd;
    min-height: 30px;
    position: relative;
    width: 30px;
}

    .hotel-results-container .orderby-container .order a .default-asc .fa {
        color: #fff;
    }

        .hotel-results-container .orderby-container .order a .default-asc .fa.fa-caret-up {
            position: absolute;
            top: 2px;
            right: 10px;
            font-size: 16px;
        }

    .hotel-results-container .orderby-container .order a .default-asc.arrow-down .fa.fa-caret-up,
    .hotel-results-container .orderby-container .order a .default-asc.arrow-up .fa.fa-caret-down {
        opacity: .6;
    }

    .hotel-results-container .orderby-container .order a .default-asc .fa.fa-caret-down {
        position: absolute;
        bottom: 2px;
        right: 10px;
        font-size: 16px;
    }


.transfer-results-container .filter-item.search-config .title:hover span,
.flight-container .filter-item.search-config .title:hover span,
.hotel-results-container .filter-item.search-config .title:hover span {
    color: #b8d3ec;
}

.flight-container .filter-item .title:hover span,
.transfer-results-container .filter-item .title:hover span,
.hotel-results-container .filter-item .title:hover span {
    color: #2876bd;
}


.map-filters-container .filter-item.search-config .title .nav,
.hotel-results-container .filter-item.search-config .title .nav {
    margin-top: 3px;
}

.map-filters-container .filter-item .title .nav i,
.transfer-results-container .filter-item .title .nav i,
.flight-container .filter-item .title .nav i,
.hotel-results-container .filter-item .title .nav i {
    border-radius: 50%;
    background: #2876bd;
    color: #fff;
    font-weight: lighter;
    font-size: 10px;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
}

.map-filters-container .filter-item.active .title .nav i {
    background: #fff;
    color: #2876bd;
}

.map-filters-container .filter-item.search-config .title .nav i,
.transfer-results-container .filter-item.search-config .title .nav i,
.flight-container .filter-item.search-config .title .nav i,
.hotel-results-container .filter-item.search-config .title .nav i {
    background: #fff;
    color: #2876bd;
}

.flight-container .start-search {
    margin-top: 10px;
    width: 100%;
    display: inline-block;
    padding: 11px 0px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    position: relative;
    top: 0;
    font-weight: 100;
    font-size: 20px;
    color: #fff;
    background: #0e5698;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: 0.2s;
}

    .flight-container .start-search:hover {
        background: #07457d;
    }

.rentacar-wrapper .rentacar-container .filter {
    float: left;
    width: 24%;
}

.rentacar-wrapper .rentacar-container .results {
    float: right;
    width: 75%;
    padding: 0;
}

.rent-a-car .program .content,
.rent-a-car .pax .content,
.rent-a-car .extra-info .content,
.rent-a-car .cxl .content {
    padding: 3px;
}

.standard-container.hotel-results-map {
    background: none;
    border: none;
}

.general.reservation-details {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 10px;
}

    .general.reservation-details.basket {
        width: 1200px;
        margin: 0 auto;
        background: #f6f6f6;
        border: 0;
        padding: 10px;
        text-align: right;
    }

#divChoosePaymentMethod.select-payment {
    float: right;
    margin-right: -148px;
    margin-top: 45px;
}


.flight-wrapper .flight-container {
    width: 1200px;
    margin: 0 auto;
}

.general-offline-wrapper,
.general-edit-offline-wrapper {
    width: 1190px;
    padding: 10px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e1e1e1;
}

    .general-offline-wrapper.transfer {
        width: 98%;
        margin: 0 0 10px 0px;
    }

.tabs .general-edit-offline-wrapper {
    width: 98%;
    padding: 5px;
    background: none;
    border: none;
}

.tabs .general-offline-wrapper {
    width: 97%;
    border: none;
}

.hotel-results-map .map-zone {
    position: absolute;
    width: 100%;
    height: 101%;
    min-height: 820px;
    top: -20px;
    left: 0;
}

.hotel-results-map .hotel-filter {
    position: absolute;
    width: 360px;
    z-index: 10;
    top: -13px;
    height: 98%;
    left: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

    .hotel-results-map .hotel-filter.closed {
        left: -360px;
    }


.hotel-deals-wrapper .hotel-deals-container {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 15px;
    padding-top: 15px;
}

.messages-wrapper .messages-container .messages-table {
    margin: 0 auto;
    width: 97%;
}

.destinations-carousel-wrapper {
    width: 1025px;
    position: relative;
    margin-top: 30px;
}

.events-wrapper .events-container .main-events-content td {
    vertical-align: top;
    padding: 3px;
}

    .events-wrapper .events-container .main-events-content td.description {
        width: 260px;
    }

.search-results-wrapper .search-results-container {
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 15px;
    padding-top: 20px;
    /*background: #fff;
    border: 1px solid #e1e1e1;*/
    padding-left: 10px;
    padding-right: 10px;
}

    .search-results-wrapper .search-results-container:after {
        display: block;
        content: " ";
        clear: both;
    }

.online.general {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 15px;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding-left: 10px;
    padding-right: 10px;
}

    .online.general.hotel.edit {
        padding-top: 20px;
        padding-bottom: 20px;
    }

.btn.w-standard {
    width: 100px;
}

.find-reservation-wrapper .btn.find-reservation {
    width: 200px;
    height: 28px;
    font-size: 21px;
    float: right;
    margin-right: 93px;
}

.transfer .transfer-location-details,
.transfer .transfer-conditions-wrapper {
    margin-top: 10px;
}

    .transfer .transfer-location-details legend {
        font-size: 16px;
    }


.find-reservation-wrapper .panel_title {
    display: none;
}


.search-tab-container .search-tab-header li a img {
    float: left;
}

.search-tab-container .search-tab-header li a {
    padding: 8px;
    background: #2d4e67;
}

.search-tab-container .search-tab-header li.ui-state-active a {
    background: rgba(2, 79, 122, 0.6);
    outline: 0;
}

.search-tab-container .search-tab-header li.ui-state-focus a {
    outline: none;
}

.search-tab-container .search-tab-header li a span {
    padding: 13px;
    display: inline-block;
    color: #fff;
}

.search-tab-container #tabbed-search {
    background: rgba(255, 255, 255, 0.7);
    min-height: 236px;
    width: 100% !important;
    top: 40px;
}

.search-tab-container .ui-widget-content {
    background: none;
}

.search-tab-container .ui-widget-content {
    border: none;
    border-radius: 0;
    padding: 0;
}

.search-tab-container .ui-state-active,
.search-tab-container .ui-state-default,
.search-tab-container .ui-widget-header {
    border: none;
    background: none;
}


.search-config-elements .zone.room-config,
.search-config-elements .zone.destination {
    margin-top: 8px;
    display: block;
    margin-bottom: 8px;
    width: 100%;
}

.search-config-elements .zone.property-listing {
    margin-top: 20px;
}

    .search-config-elements .zone.property-listing input[type=checkbox] {
        position: relative;
        top: 2px;
    }

.search-config-elements .zone.room-config {
    position: relative;
    width: 82%;
    float: left;
}

    .search-config-elements .zone.room-config.search-tab-error {
        float: right;
        width: 57%;
        margin-left: 0;
    }

.group-reservation .zone.room-config {
    width: 100%;
    margin-top: 16px;
}

.search-config-elements .zone.room-config .children-ages-container {
    float: left;
    max-width: 70%;
    /*position: absolute;
        left: 215px;*/
}

.search-config-elements .providers-list {
    float: left;
}

    .search-config-elements .providers-list a {
        color: #fff;
        text-decoration: none;
        font-weight: bold;
    }

        .search-config-elements .providers-list a:hover {
            border-bottom: 1px solid #fff;
        }

        .search-config-elements .providers-list a i {
            padding-right: 5px;
        }


.search-tab-container .advanced-search-container {
    width: 100%;
}

    .search-tab-container .advanced-search-container .content {
        padding: 20px;
    }

.advanced-search-container .meals,
.advanced-search-container .rating {
    width: 15%;
    float: left;
}

.advanced-search-container .facilities-filters-container {
    width: 75%;
    float: right;
}


.advanced-search-container .meals .item label,
.advanced-search-container .rating .item label {
    color: #333;
}

.advanced-search-container .meals .label,
.advanced-search-container .rating .label {
    font-weight: bold;
    color: #333;
    text-indent: 5px;
}

.advanced-search-container .hotel-facilities .label {
    color: #333;
    font-weight: bold;
    text-indent: 5px;
}

.advanced-search-container .rating .separator,
.advanced-search-container .meals .separator {
    position: absolute;
    height: 80%;
    width: 1px;
    background: rgb(255, 255, 255);
    border-left: 1px solid #ababab;
    bottom: 0;
    right: 18px;
}

.advanced-search-container .box-facilities {
}

    .advanced-search-container .box-facilities .facilities-title {
        font-weight: bold;
        text-align: left;
        margin-left: 0;
        margin-bottom: 9px;
        text-transform: uppercase;
    }

    .advanced-search-container .box-facilities ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .advanced-search-container .box-facilities ul li {
            padding-top: 3px;
        }

.advanced-search-toggle {
    float: right;
    margin-top: 35px;
    margin-right: 30px;
}

    .advanced-search-toggle .toggle {
        color: #333;
    }

        .advanced-search-toggle .toggle:hover {
            border-bottom: 1px solid #fff;
        }

        .advanced-search-toggle .toggle i {
            font-size: 15px;
            padding-right: 5px;
            position: relative;
            top: 1px;
        }

.advanced-search-container .poi {
    float: left;
    margin-top: 10px;
}

    .advanced-search-container .poi .ddl-country-select {
        min-width: 150px;
    }

    .advanced-search-container .poi .distance-input {
        width: 45px;
    }


    .advanced-search-container .poi .label {
        font-weight: bold;
        color: #333;
        margin-right: 5px;
    }

.advanced-search-container .filter-hotel-name {
    margin-top: 12px;
}

    .advanced-search-container .filter-hotel-name .label {
        float: left;
        font-weight: bold;
        width: 83px;
    }

    .advanced-search-container .filter-hotel-name input {
        margin-left: 10px;
        width: 401px;
    }

.advanced-search-container .show-available {
    margin-top: 5px;
    color: #333;
    font-weight: bold;
}

.advanced-search-container .clear-facilities {
    color: #333;
    font-size: 11px;
}

.advanced-search-container .show-available input[type=checkbox] {
    position: relative;
    top: 3px;
}

.advanced-search-container .rating .item,
.advanced-search-container .meals .item,
.advanced-search-container .facilities-table .item {
    padding-top: 3px;
}

    .advanced-search-container .facilities-table .item label {
        color: #333;
    }


.tour-search .zone .providers-list. .search-config-elements .zone .providers-list {
    width: 60%;
    float: right;
}

.tour-search .zone .providers-list {
    margin-top: 20px;
}

    .tour-search .zone .providers-list .providers-wrapper label {
        color: #fff;
    }

    .tour-search .zone .providers-list a.toggle,
    .search-config-elements .zone .providers-list a.toggle {
        float: right;
        margin-right: 10px;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        padding: 0;
    }

        .search-config-elements .zone .providers-list a.toggle:hover {
            border-bottom: 1px solid #fff;
        }

        .search-config-elements .zone .providers-list a.toggle i {
            font-size: 15px;
            padding-right: 5px;
            position: relative;
            top: 1px;
        }

.search-config-elements .providers-wrapper {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

    .search-config-elements .providers-wrapper .list-providers td {
        vertical-align: top;
    }

    .search-config-elements .providers-wrapper span {
        color: #fff;
    }

    .search-config-elements .providers-wrapper.open {
        height: 100%;
    }

.search-config-elements .zone.room-config #tdRoom {
    width: 100%;
    float: left;
}


.search-config-elements .room-configurator {
    margin-top: 17px;
    display: inline-block;
    float: left;
}

    .search-config-elements .room-configurator select {
        width: 100px;
    }

.search-config-elements #divRooms {
    display: inline-block;
    margin-left: 10px;
}


.search-config-elements .room-config-details {
    margin-top: 17px;
}

    .search-config-elements .room-config-details .ch-ages select,
    .search-config-elements .room-config-details .infants,
    .search-config-elements .room-config-details .room-container .children {
        margin-left: 13px;
    }

    .search-config-elements .room-config-details .ch-ages select {
        width: 72px;
    }

    .search-config-elements .room-config-details .room-no {
        width: 80px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 12px;
        font-size: 11px;
        color: #041218;
    }



.search-config-elements .room-configurator select {
    font-style: italic;
}


.tour-search .zone.room-config .children-container {
    float: left;
    margin-top: 22px;
    margin-left: 30px;
}



.search-config-elements .zone.room-config #divRooms {
    float: left;
    margin-left: 10px;
}


.search-config-elements .zone.room-config .room-config-details {
    margin-top: 5px;
}

    .search-config-elements .zone.room-config .room-config-details:first-of-type {
        margin: 0;
    }



.search-config-elements .zone.room-config #divRooms:after {
    content: "";
    display: block;
    clear: both;
}

.tour-search .zone.room-config .children-container .label,
.tour-search .zone.room-config .room-configurator .label {
    font-weight: bold;
    color: #fff;
    position: relative;
    top: -6px;
}


.search-config-elements .zone.room-config .room-configurator .custom-element {
    padding: 8px;
    border-radius: 3px;
}


.tour-search .zone.room-config .room-configurator .custom-element {
    padding: 8px;
    border-radius: 3px;
}

.tour-search .zone.room-config .children-container .age {
    margin: 6px;
    padding: 10px;
    border-radius: 3px;
}


.search-config-elements .search-button-container {
    float: right;
    margin-top: 5px;
    width: 62%;
}

    .search-config-elements .search-button-container .btn {
        margin-top: 22px;
        height: 38px;
        width: 200px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 0px;
        font-size: 18px;
    }

.search-panel.transfer .search input {
    margin-top: -22px;
    height: 38px;
    width: 200px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 18px;
}



.search-config-elements .zone.destination .destination-dd-container {
    float: left;
    width: 40px;
}


    .search-config-elements .zone.destination .destination-dd-container a {
        width: 40px;
        height: 33px;
        font-size: 19px;
        background: rgba(2, 79, 122, 0.7);
        display: block;
        text-align: center;
        color: #fff;
        border-radius: 0 3px 3px 0;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s;
    }

        .search-config-elements .zone.destination .destination-dd-container a:hover {
            background: rgba(2, 79, 122, 1);
        }

        .search-config-elements .zone.destination .destination-dd-container a i {
            margin-top: 7px;
        }

.search-config-elements .zone.destination .destination-input {
    width: 99%;
    position: relative;
}

.tour-search .zone.category,
.tour-search .zone.country-select {
    width: 50%;
}

.tour-search .search-btn-container {
    float: right;
    width: 35%;
}

    .tour-search .search-btn-container .btn {
        float: right;
        padding: 10px;
        margin: 22px;
    }


.tour-search .zone.other-config {
    width: 100%;
    margin-top: 15px;
}

.tour-search .zone.category .custom-element,
.tour-search .zone.country-select .custom-element {
    width: 45%;
    margin-right: 20px;
}

.tour-search .zone.other-config .custom-element {
    width: 21%;
    margin-right: 25px;
    margin-left: 11px;
}

.tour-search .zone.country-select .custom-element.first {
    margin-left: 10px;
}

.tour-search .zone.other-config .custom-element .label,
.tour-search .zone.category .custom-element .label,
.tour-search .zone.country-select .custom-element .label {
    font-weight: bold;
    color: #fff;
}

.tour-search .zone.other-config .custom-element select,
.tour-search .zone.category .custom-element select,
.tour-search .zone.country-select .custom-element select {
    border-radius: 3px;
    padding: 8px;
    margin: 8px 0 0 0;
    height: 32px;
}

.tour-search .zone.other-config .custom-element input {
    border-radius: 3px;
    padding: 10px;
    margin: 8px 0 0 0;
}


.search-panel.transfer .has-return-transfer label,
.search-panel.transfer .passengers .label,
.search-panel.transfer .dates .label,
.search-panel.transfer .destination-input .label,
.search-config-elements .zone.destination .destination-input .label {
    font-weight: bold;
    color: #041218;
    margin: 5px 0px 7px 0;
    font-size: 11px;
    text-transform: uppercase;
}

.search-panel.transfer .has-return-transfer label {
    margin: 55px 0px 7px 0 !important;
    display: inline-block;
}

.search-panel.transfer .passengers select,
.search-panel.transfer .dates select,
.search-panel.transfer .dates input,
.search-panel.transfer .destination-input select,
.search-panel.transfer .destination-input input,
.search-config-elements .zone.destination .destination-input input {
    width: 100%;
    float: left;
    border-radius: 0;
    height: 38px;
    text-indent: 5px;
    border: 1px solid #000000;
    font-style: italic;
    padding: 0;
    box-sizing: border-box;
}

.search-panel.transfer .dates .has-return-transfer input {
    width: 20px;
    height: auto;
    display: inline-block;
    position: relative;
    top: 54px;
}

.search-config-elements .zone.destination .dates {
    margin-top: 17px;
    float: left;
}

    .search-config-elements .zone.destination .dates input {
        font-style: italic;
    }



.search-config-elements .nights {
    margin-top: 17px;
    width: 8%;
}

    .search-config-elements .nights .custom-content select {
        width: 100%;
        font-style: italic;
    }


.search-config-elements .zone.destination .dates .custom-content {
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 133px;
    position: relative;
}

    .search-config-elements .zone.destination .dates .custom-content .date-icon {
        position: absolute;
        right: 20px;
        font-size: 17px;
        top: 32px;
    }

.group-reservation .search-config-elements .zone.destination .dates .custom-content .date-icon {
    position: absolute;
    right: 10px;
    font-size: 17px;
    top: 32px;
}

.search-config-elements .zone.destination .dates .custom-content .date-icon .search-config-elements .zone.destination .dates .custom-content.flexible-dates {
    width: 138px;
    margin-right: 0;
}

.search-config-elements .zone.destination .dates .custom-content.people-no {
    margin-left: 10px;
}

    .search-config-elements .zone.destination .dates .custom-content.people-no:before,
    .search-config-elements .zone.destination .dates .custom-content.flexible-dates:before {
        content: " ";
    }

.group-reservation .search-config-elements .zone.destination .dates .custom-content:before {
    right: 10px;
}

.search-config-elements .zone.destination .dates .custom-content.hotel-deal-name {
    width: 97%;
    margin-right: 9px;
    display: block;
    margin-top: 13px;
    margin-bottom: 15px;
}

.search-config-elements .zone.destination .dates .custom-content.last {
    margin-right: 0;
}

.group-reservation textarea,
.group-reservation .custom-content input,
.group-reservation .custom-content select,
.search-tab-container .custom-content select,
.search-tab-container .custom-content input,
.search-tab-container .custom-element input,
.search-tab-container .custom-element select,
.search-tab-container .ddlChildAge {
    padding: 10px;
    border-radius: 0;
    box-sizing: border-box;
    height: 38px;
    border: 1px solid #000000;
    font-style: italic;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}


.group-reservation .custom-content input,
.group-reservation .custom-content select {
    width: 100%;
}

.groups.modal.pop-up .content .icon {
    width: 10%;
    font-size: 42px;
    text-align: center;
    color: #02aff1;
}

.group-reservation .rooms-container {
    width: 55%;
    margin-left: 12px;
}

.group-reservation .budget.custom-content {
    width: 34%;
    position: relative;
}


.group-reservation .room-config .comments {
    margin-top: 16px;
}

    .group-reservation .room-config .comments textarea {
        max-width: 100%;
        min-width: 100%;
        min-height: 50px;
    }

.group-reservation .budget.custom-content input {
    margin-top: 7px;
}

.group-reservation .rooms-container .custom-content {
    width: 62px;
    display: inline-block;
    margin-right: 9px;
}



.group-reservation span.label,
.search-tab-container .label {
    display: block;
    font-weight: bold;
    color: #041218;
    position: relative;
    margin-bottom: 7px;
    text-transform: uppercase;
    font-size: 11px;
}

.group-reservation .contact-details .custom-content {
    width: 49%;
    position: relative;
}

    .group-reservation .contact-details .custom-content.pax-title {
        width: 12%;
    }

    .group-reservation .contact-details .custom-content.first-name,
    .group-reservation .contact-details .custom-content.last-name {
        margin-left: 17px;
        width: 40.8%;
    }

    .group-reservation .contact-details .custom-content.phone-daytime,
    .group-reservation .contact-details .custom-content.phone-evening,
    .group-reservation .contact-details .custom-content.email {
        width: 31%;
    }

    .group-reservation .contact-details .custom-content.phone-evening,
    .group-reservation .contact-details .custom-content.email {
        margin-left: 17px;
    }


.search-panel.transfer label.error,
.group-reservation .custom-content label.error {
    position: absolute;
    left: 10px;
    top: 33px;
    display: block;
}

.search-panel.transfer label.error {
    top: 43px;
}

.group-reservation .custom-content.budget label.error {
    top: 55px;
}

.group-reservation .custom-content.destination-input label.error {
}

.group-reservation .contact-details .row {
    margin-bottom: 16px;
}

.group-reservation .contact-details .custom-content input,
.group-reservation .contact-details .custom-content select {
    width: 100%;
}

.search-config-elements .zone .currency,
.search-config-elements .zone .nationality,
.search-config-elements .zone .residence {
    float: left;
    margin-right: 10px;
}

.search-config-elements .zone .residence {
    max-width: 180px;
}

    .main-search-box,
    .search-config-elements .zone .currency .label,
    .search-config-elements .zone .nationality .label,
    .search-config-elements .zone .residence .label {
        font-weight: bold;
        color: #041218;
    }


.search-config-elements .zone .currency {
    width: 10%;
    margin-top: 20px;
}

.flight-search-config-tab .providers-list .toggle {
    float: right;
    margin-right: 10px;
    color: #fff;
    font-weight: bold;
}

.flight-search-config-tab .providers-list .providers-wrapper {
    color: #fff;
    float: right;
}

    .flight-search-config-tab .providers-list .providers-wrapper:after {
        content: " ";
        display: block;
        clear: both;
    }


    .flight-search-config-tab .providers-list .providers-wrapper:after {
        display: block;
        content: " ";
        clear: both;
    }

.flight-search-config-tab .providers-list {
    margin: 10px;
    float: right;
}

.flight-search-config-tab .btn.search {
    float: right;
    width: 100px;
    margin: 0px 10px 0 0;
}

.edit-providers .extra-days input {
    width: 30px;
}

.supplier-settings .portlet-container {
    border-top: none;
}

.supplier-settings .buttons-container {
    margin-top: 10px;
}

.providers-tabs-container {
    font-size: 20px;
    padding: 0;
    color: #a2a2a2;
    padding-bottom: 10px;
    width: 100%;
    margin: 0px auto;
    text-align: left;
    min-height: 30px;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 10px;
    border-bottom: none;
}

    .providers-tabs-container span.title {
        float: left;
    }

    .providers-tabs-container ul {
        padding: 0;
        margin: 0;
        float: left;
    }

        .providers-tabs-container ul li {
            list-style-type: none;
            float: left;
        }

            .providers-tabs-container ul li a {
                text-decoration: none;
                color: #333;
                padding: 5px 10px;
                border-bottom: 1px solid #ccc;
                font-size: 12px;
                font-weight: 600;
                border-left: 1px solid transparent;
                border-top: 1px solid transparent;
                border-right: 1px solid transparent;
            }

                .providers-tabs-container ul li a.selected {
                    border-left: 1px solid #ccc;
                    border-top: 1px solid #ccc;
                    border-right: 1px solid #ccc;
                    border-bottom: none;
                }



.flight-search-config-tab .zone {
    margin-left: 10px;
}

    .flight-search-config-tab .zone.multileg {
        margin-top: 10px;
    }

        .flight-search-config-tab .zone.multileg .custom-element {
            width: 19%;
            float: left;
            margin-top: 10px;
        }

.flight-search-config-tab .multi-leg-item .label {
    color: #fff;
    padding-top: 10px;
    font-weight: bold;
    margin-bottom: -10px;
}

.flight-search-config-tab .zone.multileg .custom-element.destination {
    margin-left: 45px;
}

.flight-search-config-tab .zone.multileg .custom-element .label {
    font-weight: bold;
    margin-bottom: 5px;
    color: #fff;
}

.flight-search-config-tab .zone.multileg .custom-element input {
    padding: 10px;
    width: 100%;
    float: left;
    border-radius: 3px;
}

.flight-search-config-tab .zone.multileg .multi-leg-item .date {
    margin-left: 36px;
    width: 9%;
}

.flight-search-config-tab .zone.multileg .multi-leg-item .multileg-icon {
    display: none;
}

.flight-search-config-tab .zone.multileg .buttons {
    float: right;
    margin-top: -35px;
    margin-right: 13px;
}

    .flight-search-config-tab .zone.multileg .buttons span,
    .flight-search-config-tab .zone.multileg .buttons a {
        color: #fff;
    }

.flight-search-config-tab .zone.destination {
    margin-top: 10px;
}

.flight-search-config-tab .zone.room-config {
    float: left;
}

    .flight-search-config-tab .zone.room-config .custom-element {
        float: left;
        width: 5%;
        margin-right: 15px;
    }

        .flight-search-config-tab .zone.room-config .custom-element.flight-class {
            width: 19%;
            margin-left: 33px;
        }

        .flight-search-config-tab .zone.room-config .custom-element.currency {
            margin-left: 26px;
            width: 7%;
        }


.flight-search-config-tab .zone.destination .area.left {
    width: 60%;
}

.flight-search-config-tab .zone.destination .area.right {
    width: 35%;
}

.flight-search-config-tab .zone.destination .area.left .custom-element.right,
.flight-search-config-tab .zone.destination .area.left .custom-element.left {
    width: 47%;
}


.flight-search-config-tab .zone.destination .area.right .custom-element.left {
    width: 28%;
    margin-right: 35px;
}


.flight-search-config-tab .flexible-dates {
    margin: 10px 148px 0 0;
}

    .flight-search-config-tab .flexible-dates .label {
        float: right;
        color: #fff;
    }

.flight-search-config-tab .zone.type .custom-element {
    width: 15%;
}

.flight-search-config-tab .trip.custom-dd {
    border-radius: 3px;
}

.flight-search-config-tab .zone.room-config {
    width: 100%;
}

    .flight-search-config-tab .zone.room-config .child-info-item {
        color: #fff;
    }

    .flight-search-config-tab .zone.room-config .custom-element .label,
    .flight-search-config-tab .zone.type .custom-element .label,
    .flight-search-config-tab .zone.destination .area .custom-element .label {
        font-weight: bold;
        color: #fff;
        width: 100%;
        margin-bottom: 5px;
    }

    /*.flight-search-config-tab .zone.type .custom-element select,*/
    .flight-search-config-tab .zone.room-config .custom-element select,
    .flight-search-config-tab .zone.destination .area .custom-element input {
        padding: 0px 3px 0px 3px;
        height: 32px;
        width: 100%;
        float: left;
        border-radius: 3px;
        text-align: center;
    }

        .flight-search-config-tab .zone.destination .area .custom-element input.airport {
            text-align: left;
        }


    .flight-search-config-tab .zone.room-config .custom-element select {
        height: 32px;
    }

.transfer-search-config-tab .zone.transfer-type {
    margin-bottom: 10px;
}


    .transfer-search-config-tab .zone.transfer-type td {
        color: #fff;
    }

.transfer-search-config-tab .zone.landing td {
    vertical-align: top;
    color: #fff;
}

.transfer-search-config-tab .zone.landing .area.terminal-fields td {
    padding: 4px 0 4px 0;
    color: #fff;
}

    .transfer-search-config-tab .zone.landing .area.terminal-fields td select {
        padding: 8px;
        border-radius: 3px;
        width: 92%;
        height: 32px;
    }

.transfer-search-config-tab .zone.landing .area.room-config td {
    padding: 0 0 3px 0;
}

    .transfer-search-config-tab .zone.landing .area.room-config td select {
        padding: 8px;
        border-radius: 3px;
        height: 32px;
    }

.transfer-search-config-tab .zone.landing .area.terminal-fields td input {
    padding: 10px;
    border-radius: 3px;
}

.transfer-search-config-tab .zone.landing .area.terminal-fields td.transfer.date {
    width: 48%;
}

.transfer-search-config-tab .zone.landing .area.terminal-fields td .include-return input,
.transfer-search-config-tab .zone.landing .area.terminal-fields td .include-return label {
    float: left;
}

.transfer-search-config-tab .zone.landing .area.terminal-fields td .include-return label {
    position: relative;
    top: 2px;
}

.transfer-search-config-tab .search-button-container {
    float: right;
    position: relative;
    top: -40px;
    right: 10px;
}

.transfer-search-config-tab.gta .search-button-container {
    top: 50px;
}

.transfer-search-config-tab .search-button-container .btn {
    padding: 10px;
}


.transfer-search-config-tab.gta label {
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 5px 5px 5px 0;
}

.transfer-search-config-tab.gta .zone {
    width: 45%;
}

    .transfer-search-config-tab.gta .zone .country-select {
        width: 45%;
    }

.transfer-search-config-tab.gta label.title {
    padding: 5px 5px 0px 0px;
}

.transfer-search-config-tab.gta .search-date {
    margin-left: 20px;
}


.transfer-search-config-tab.gta input,
.transfer-search-config-tab.gta select {
    height: 32px;
    box-sizing: border-box;
    line-height: 10px;
    width: 100%;
    border-radius: 3px;
}

.transfer-search-config-tab.gta .search-date input {
    text-indent: 5px;
}

.transfer-search-config-tab.gta .area .cs {
    float: left;
    max-width: 31%;
}


    .transfer-search-config-tab.gta .area .cs.children {
        margin-left: 20px;
    }

    .transfer-search-config-tab.gta .area .cs.children-ages {
        float: right;
        width: 69%;
        max-width: 100%;
    }

        .transfer-search-config-tab.gta .area .cs.children-ages .child-age {
            width: 30px;
            margin-right: 10px;
            margin-bottom: 5px;
        }

    .transfer-search-config-tab.gta .area .cs.zone-airport,
    .transfer-search-config-tab.gta .area .cs.point {
        margin-left: 10px;
    }

    .transfer-search-config-tab.gta .area .cs.currency {
        margin-left: 10px;
    }

.rentacar-search-config-tab .search-button-container {
    float: right;
    margin-top: -35px;
    margin-right: 10px;
}

    .rentacar-search-config-tab .search-button-container .btn {
        padding: 10px;
    }

    .rentacar-search-config-tab .search-button-container .providers-list a,
    .rentacar-search-config-tab .search-button-container .providers-list {
        color: #fff;
        font-weight: bold;
        margin: 10px;
    }

.rentacar-search-config-tab .zone.first-row,
.rentacar-search-config-tab .zone.pickup {
    margin-top: 10px;
}

    .rentacar-search-config-tab .zone.first-row .area.left {
        width: 30%;
        float: left;
    }

        .rentacar-search-config-tab .zone.first-row .area.left.search-car-near {
            color: #fff;
            margin-left: 30px;
            padding: 10px;
        }

            .rentacar-search-config-tab .zone.first-row .area.left.search-car-near .label,
            .rentacar-search-config-tab .zone.first-row .area.left.search-car-near label {
                font-weight: bold;
            }

            .rentacar-search-config-tab .zone.first-row .area.left.search-car-near .custom-element {
                margin-left: 15px;
                margin-top: -4px;
            }



        .rentacar-search-config-tab .zone.first-row .area.left .custom-element {
            color: #fff;
        }

            .rentacar-search-config-tab .zone.first-row .area.right .custom-element .label,
            .rentacar-search-config-tab .zone.first-row .area.left .custom-element .label {
                font-weight: bold;
                padding: 10px;
            }

            .rentacar-search-config-tab .zone.first-row .area.right .custom-element select,
            .rentacar-search-config-tab .zone.first-row .area.left .custom-element select {
                padding: 8px;
                border-radius: 3px;
                color: #333;
                width: 70%;
                height: 32px;
            }


    .rentacar-search-config-tab .zone.pickup .title .label {
        width: 50%;
        float: left;
        text-align: left;
        font-weight: bold;
        color: #fff;
        text-indent: 10px;
    }

    .rentacar-search-config-tab .zone.pickup .area.dates,
    .rentacar-search-config-tab .zone.pickup .area.airport,
    .rentacar-search-config-tab .zone.pickup .area.passengers {
        margin-top: 10px;
    }

        .rentacar-search-config-tab .zone.pickup .area.city .custom-element,
        .rentacar-search-config-tab .zone.pickup .area.airport .custom-element {
            width: 50%;
        }

            .rentacar-search-config-tab .zone.pickup .area.city .custom-element .label,
            .rentacar-search-config-tab .zone.pickup .area.airport .custom-element .label {
                font-weight: bold;
                color: #fff;
                min-width: 76px;
                padding-left: 10px;
                display: inline-block;
            }

            .rentacar-search-config-tab .zone.pickup .area.city .custom-element select,
            .rentacar-search-config-tab .zone.pickup .area.airport .custom-element select {
                padding: 8px;
                border-radius: 3px;
                height: 32px;
            }

        .rentacar-search-config-tab .zone.pickup .area.dates .custom-element {
            width: 40%;
            margin-right: 20px;
            float: left;
        }

            .rentacar-search-config-tab .zone.pickup .area.dates .custom-element input {
                padding: 10px;
                border-radius: 3px;
                width: 35%;
            }

            .rentacar-search-config-tab .zone.pickup .area.dates .custom-element select {
                padding: 8px;
                border-radius: 3px;
                height: 32px;
            }

            .rentacar-search-config-tab .zone.pickup .area.dates .custom-element .label {
                font-weight: bold;
                color: #fff;
                padding-left: 10px;
                min-width: 76px;
                display: inline-block;
            }

        .rentacar-search-config-tab .zone.pickup .area.dates .pickup,
        .rentacar-search-config-tab .zone.pickup .area.dates .dropoff {
            width: 50%;
            float: left;
        }


        .rentacar-search-config-tab .zone.pickup .area.passengers .title {
            font-weight: bold;
            color: #fff;
            padding-left: 10px;
            padding-bottom: 5px;
        }

    .rentacar-search-config-tab .zone.pickup .area.other-config {
        width: 50%;
        float: left;
    }

        .rentacar-search-config-tab .zone.pickup .area.other-config .custom-element {
            width: 45%;
            float: left;
        }

            .rentacar-search-config-tab .zone.pickup .area.other-config .custom-element .label {
                font-weight: bold;
                color: #fff;
                padding-left: 10px;
                min-width: 76px;
                display: inline-block;
            }

            .rentacar-search-config-tab .zone.pickup .area.other-config .custom-element select {
                padding: 8px;
                border-radius: 3px;
                height: 32px;
                font-weight: normal;
            }



.standard-container .ui-widget-content {
    font-family: inherit;
    font-size: 12px;
    background: #fff;
    padding: 5px;
}

.search-panel.transfer input,
.search-wrapper input,
.search-wrapper select {
    border: none;
    font-size: inherit;
    font-family: inherit;
    box-sizing: border-box;
}

.advanced-search-container input,
.advanced-search-container select {
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/** Admin -> Control Panel -> POI **/
.poi .panel_title {
    padding: 5px;
    background: #b0d5ea;
}

    .poi .panel_title span {
        position: relative;
        color: #2b739b;
        font-weight: bold;
    }

.poi .btn.homepage {
    margin-bottom: 10px;
}

.poi .panel_title span i {
    font-weight: bold;
}


.price-breakdown.details.title {
    background: #f5f5f5;
    font-weight: bold;
    font-size: 12px;
}

    .price-breakdown.details.title td:first-of-type {
        max-width: 50%;
    }

.price-breakdown.details.item td {
    padding: 3px;
}

.reservation.details.passenger-details.title,
.myTotalPrice td {
    font-weight: bold;
}

    .reservation.details.passenger-details.title td,
    .myTotalPrice td,
    .price-breakdown.details.title td {
        padding: 3px;
    }

.myTotalPrice td {
    background: #eaeaea;
}

.hotel-search.price-breakdown {
    font-size: 12px;
}

.online.edit .default-wrapper.price-breakdown {
    margin-top: 10px;
}

.hotel-search.price-breakdown .price-breakdown.details.item {
    font-size: 12px;
}

.hotel-search.price-breakdown .myTotalPrice {
    font-size: 12px;
}

.hotel-search.price-breakdown .submenu_text {
    font-size: 16px;
}

.hotel-search.price-breakdown .hotel-name {
    font-size: 16px;
    font-weight: bold;
}

.hotel-search.price-breakdown .rooms {
    font-size: 16px;
}

.hotel-search.price-breakdown .subtitle {
    margin-bottom: 5px;
}


/** Admin -> Control Panel -> Hotel Special Offer **/
#OffersModule .event-buttons {
    padding-top: 5px;
}

#OffersModule .search-event {
    width: 350px;
    padding: 3px;
}


@keyframes loading-destination {
    to {
        transform: rotate(360deg);
    }
}

.loading-destination:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 41px;
    right: 15px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 3px solid #021f63;
    border-top-color: #02aff1;
    animation: loading-destination .6s linear infinite;
}

.search-panel.transfer .loading-destination:before {
    top: 19px;
}

.ui-autocomplete-loading {
    background: #fff url(images/loading.gif) no-repeat 90% 50%;
    background-size: 20px;
    background-position: 98%;
}

.ui-autocomplete .ui-menu-item a {
    padding: 6px !important;
}

.hotel-wrapper .link-save {
    color: #ff0000;
}

/** Admin -> Control Panel -> Hotel Special Offer **/
#OffersModule .event-buttons {
    padding-top: 5px;
}


.ui-autocomplete .ui-menu-item a {
    padding: 6px !important;
}

.hotel-wrapper .link-save {
    color: #ff0000;
}

.passengers-list .passenger-details.room-type {
    width: 30%;
    padding: 3px;
}

.passengers-list .passenger-details.client-details .title {
    background: #f9f9f9;
}

/*.online .passengers-list tr .insurance-paxs .client-details.passenger-details .title {
    display: none;
}

.online .passengers-list tr:first-of-type .insurance-paxs .client-details.passenger-details .title {
    display: block;
}*/

.client-details.passenger-details .insurance-pax .salutation {
    width: 45px;
}


.passengers-list .passenger-details.client-details .title td {
    padding: 3px;
    font-weight: bold;
}

.reservation-wrapper .client-details.edit td {
    vertical-align: top;
}

    .reservation-wrapper .client-details.edit td input,
    .reservation-wrapper .client-details.edit td textarea,
    .reservation-wrapper .client-details.edit td select {
        box-sizing: border-box;
        width: 90%;
    }

.online.default-wrapper .additional-information {
    padding: 3px;
}

    .online.default-wrapper .additional-information p {
        margin: 0;
    }

.online.flight .passenger-details {
    margin-top: 10px;
}

    .online.flight .passenger-details .custom-area {
        display: inline-block;
        padding: 3px;
    }

        .online.flight .passenger-details .custom-area .label {
            min-width: 120px;
        }

    .online.flight .passenger-details fieldset.pax {
        width: 94%;
        margin: 0 auto;
    }


.online.services .departure-table .header td,
.online.services .departure-table .content td,
.online.services .departure-table .content-title td,
.online .flight-selling-mode .content,
.online.flight .flight-essential-info .content {
    padding: 3px;
}

    .online.flight .flight-essential-info .content p {
        margin: 2px;
    }

.online.flight .services .content-title {
    font-weight: bold;
}

.online .client-details.edit {
    margin-top: 7px;
    margin-bottom: 7px;
}

    .online .client-details.edit td {
        padding: 3px;
    }

.online.services .departure-table .header {
    background: #e4e4e4;
}

    .online.services .departure-table .header:first-of-type {
        border: none;
    }


.online.services .departure-table .content-title {
    background: #f3f3f3;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}

/*.online.tabs {
    margin-bottom: 0;
}*/

.online.tabs .single-title {
    display: none;
}

.online.tabs .title {
    cursor: pointer;
    font-weight: bold;
    color: #666;
    display: inline-block;
}

    .online.tabs .title a {
        display: inline-block;
        padding: 8px;
        color: #333;
        text-decoration: none;
        background: #efefef;
        border: 1px solid #ccc;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s;
        float: left;
    }

        .online.tabs .title a:first-of-type {
            border-right: none;
        }

        .online.tabs .title a.selected:first-of-type {
            border-bottom: none;
        }

        .online.tabs .title a.selected {
            background: #fff;
            border-bottom: none;
        }

        .online.tabs .title a:hover {
            text-decoration: none;
            background: #dadada;
        }

.online.reservation-wrapper.hotel.edit .edit.cancellation {
    float: right;
    position: absolute;
    top: 30px;
    right: 18px;
}

.online.reservation-wrapper.hotel.edit .edit {
    position: absolute;
    right: 8px;
    top: 8px;
}

.online .price_break_text {
    padding: 3px;
}

    .online .price_break_text.title {
        font-size: 14px;
        padding-top: 5px;
        padding-bottom: 5px;
        display: block;
        color: red;
    }

.online.default-wrapper .edit.passenger-details .btn.action {
    margin-right: 5px;
}

.portlet-container .title {
    font-size: 20px;
    padding: 0;
    color: #a2a2a2;
    padding-bottom: 10px;
}

.panel_title {
    font-size: 20px;
    padding: 0;
    color: #a2a2a2;
    padding-bottom: 10px;
    width: 100%;
    margin: 0px auto;
    text-align: left;
    min-height: 30px;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 10px;
}


.neighbourhoods-container .panel_title {
    /*padding: 10px 0 10px 0px;*/
    text-indent: 10px;
}

.close-markup-update {
    color: #a2a2a2;
}

    .close-markup-update:hover {
        color: #ccc;
    }

.supplier-destinations .panel_title {
    display: none;
}

.bulk-comissions-update .mark-up-item {
    padding: 10px 0 0 0;
}

    .bulk-comissions-update .mark-up-item .title {
        font-weight: bold;
        font-size: 14px;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .bulk-comissions-update .mark-up-item .steps {
        vertical-align: top;
    }

.ReservationDetailsTableRow {
    border-collapse: collapse;
    text-align: left;
}

/** Admin -> Control Panel -> Hotel Special Offer **/

.featured-hotels-container .filters-container,
.special-offers-container .filters-container {
    width: 20%;
    float: left;
    margin-left: 10px;
    background: #fff;
    padding: 10px;
    border: 1px solid #4A85B1;
}

.featured-hotels-container .filters-container {
    padding: 10px;
    border: 1px solid #4A85B1;
}

    .featured-hotels-container .filters-container .option-title {
        font-weight: 100;
        font-size: 14px;
        color: #4A85B1;
    }

.featured-hotels-container .results,
.special-offers-container .results {
    width: 75%;
    float: right;
    margin-right: 10px;
    padding: 0;
}

    .featured-hotels-container .results .featured-hotel-item {
        margin-bottom: 10px;
        padding: 5px;
        border: 1px solid #ccc;
        background: #fff;
        position: relative;
    }



.fade {
    filter: alpha(opacity=25);
    opacity: 0.25;
    -moz-opacity: 0.25;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    cursor: wait;
}

.wait {
    cursor: wait;
}


.reservations-list .bottom.pagination {
    color: #333;
    font-size: 14px;
}

.transfer-results-container .top.pagination {
    margin-bottom: 10px;
}

.top.pagination span,
.bottom.pagination span,
.clients-container .bottom.pagination span,
.select-agencies-wrapper .bottom.pagination span,
.reservations-list .bottom.pagination span,
.reservations-list .bottom.pagination span,
.flight.results .bottom.pagination span {
    height: 14px;
    line-height: 16px;
    padding: 6px 12px;
    border: 1px solid #ddd;
    background: #fff;
    color: #337ab7;
    text-decoration: none;
    display: inline-block;
    float: right;
    border-right: none;
}

.bottom.pagination span,
.top.pagination span,
.flight.results .bottom.pagination span,
.clients-container .bottom.pagination span,
.select-agencies-wrapper .bottom.pagination span {
    padding: 5px 12px;
}

.transfer-results-container .bottom.pagination span,
.top.pagination span {
    float: left;
}

.top.pagination label,
.top.pagination a,
.bottom.pagination label,
.bottom.pagination a {
    padding: 6px 12px;
    border: 1px solid #ddd;
    background: #fff;
    color: #337ab7;
    text-decoration: none;
    display: inline-block;
    float: right;
    border-right: none;
}

.transfer-results-container .bottom.pagination a:last-of-type,
.transfer-results-container .top.pagination a:last-of-type {
    border-right: 1px solid #ddd;
}



.transfer-results-container .top.pagination.disabled label:last-of-type,
.transfer-results-container .top.pagination.disabled a:last-of-type,
.transfer-results-container .bottom.pagination.disabled label:last-of-type,
.transfer-results-container .bottom.pagination.disabled a:last-of-type,
.bottom.pagination a:first-of-type {
    border-right: 1px solid #ddd;
}

.transfer-results-container .bottom.pagination a:last-of-type .bottom.pagination a.disabled {
    color: #ccc;
}

.bottom.pagination a.disabled:hover,
.reservations-list .bottom.pagination a.disabled:hover {
    background: none;
}

.bottom.pagination a:hover {
    background: #eee;
}

.transfer-results-container .top.pagination label,
.transfer-results-container .top.pagination a,
.transfer-results-container .bottom.pagination label,
.transfer-results-container .bottom.pagination a {
    float: left;
}

    .transfer-results-container .bottom.pagination a:first-of-type {
        border-right: none;
    }

    .transfer-results-container .top.pagination label:hover,
    .transfer-results-container .top.pagination a:hover,
    .transfer-results-container .bottom.pagination label:hover,
    .transfer-results-container .bottom.pagination a:hover {
        background: #eee;
    }

.transfer-results-container .top.pagination.disabled label,
.transfer-results-container .top.pagination.disabled a,
.transfer-results-container .bottom.pagination.disabled label,
.transfer-results-container .bottom.pagination.disabled a {
    cursor: not-allowed;
}

    .transfer-results-container .top.pagination.disabled label:hover,
    .transfer-results-container .top.pagination.disabled a:hover,
    .transfer-results-container .bottom.pagination.disabled label:hover,
    .transfer-results-container .bottom.pagination.disabled a:hover {
        background: #fff;
    }

.transfer-results-container .top.pagination label.val,
.transfer-results-container .bottom.pagination label.val {
    padding: 3px 12px;
    font-size: 13px;
}

standard-container.contact,
.container-wrap {
    padding: 10px;
    margin-top: 10px;
    background: #fff;
    border: 1px solid #e1e1e1;
}

.terms-container {
    padding: 20px;
    margin-top: 20px;
}

    .terms-container h1 {
        margin: 0;
    }


table.phone-no,
.container-wrap p,
.container-wrap ul li {
    font-size: 14px;
    line-height: 22px;
}

.container-wrap .top {
    padding: 20px;
}

.contact h1 {
    margin: 0;
}

.terms-container,
table.phone-no {
    margin-top: 20px;
    background: #f0f4f8;
    padding: 10px;
    border: 1px solid #e1e1e1;
    width: 100%;
}

.terms-container {
    background: #fff;
    margin-bottom: 10px;
}

table.phone-no td {
    width: 33.3%;
    text-align: left;
    padding: 5px;
}

table.phone-no tr:first-of-type {
    font-weight: bold;
}


.error {
    font-size: 11px;
    color: Red;
}

.RedPrvRef {
    color: Red;
}


.searchImageCenter {
    display: none;
}

.searchImageRight {
}

.weekendDays {
    font-size: 11px;
    font-weight: normal;
    color: #53534D;
    background-color: #FFFFFF;
    padding-left: 20px;
}

.operators_section {
    font-weight: bold;
}

.ddlPOI {
    width: 250px;
    font-size: 12px;
    height: 18px;
}

.txtPOI {
    width: 250px;
    font-size: 12px;
    height: 20px;
}

.tblPOI td {
    padding: 0 5px;
    font-size: 13px;
    font-weight: bold;
}

.poiCommandColumn {
    padding-right: 10px;
}

.billing .financial-details,
.billing .billing-details {
    width: 98%;
}


.invoiceText {
    font-size: 11px;
    font-weight: bold;
    color: #53534D;
    padding: 3px 5px;
}

.RedSquare {
    border: solid 1px red;
    height: 17px;
}

.paymentText {
    color: #333;
}

.L_btn_middle {
    background-image: url( '../images/L_btn_middle.png' );
}
/*---- Tabs begin----*/

.tabs ul li a {
    font-size: 12px;
    text-decoration: none;
    color: #000;
}

.tab-selected {
    background-color: #C6ECFC;
}

    .tab-selected a {
        font-weight: bold;
    }
/*---- Tabs end ----*/
.specialOfferHead {
    font-size: 14px;
    font-weight: bold;
}

.specialOfferBody {
    font-size: 12px;
}


.IframeDimension {
    width: 640px;
    height: 500px;
    background-color: White;
}

.offlineHotel {
    background-color: #E8E8E8;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
    z-index: 10;
}


/*STILUL VECHI NEWDESIGN.CSS*/


.ui-menu-item .ui-corner-all {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    font-size: 10px;
}

.divCredit span,
.divCredit .uiMsg-top,
.divCredit .uiMsg-top a {
    color: #333;
    margin-left: 10px;
    padding-top: 3px;
    display: block;
}


.logo_container {
    text-align: left;
    height: 100px;
    width: 320px;
    vertical-align: bottom;
    padding: 0 0 10px 0;
}



.credit_details {
    background-color: red;
}

/*End Header*/



.cpanel-align {
    vertical-align: top;
}

#top-destinations {
    width: 50%;
    float: right;
}

.top-destinations.edit td {
    padding: 5px;
}


.config.top-destinations-container {
    border: none;
    padding: 0;
}

    .config.top-destinations-container .filter {
        float: left;
        width: 25%;
        margin-left: 15px;
        background: #fff;
    }

    .config.top-destinations-container .list.results {
        width: 71%;
        float: right;
        margin-right: 15px;
        padding: 0;
    }


/*TABS*/
.search-tab {
    text-align: left;
}



.ui-datepicker {
    font-size: 12px !important;
}

    .ui-datepicker .ui-datepicker-header {
        padding: 0;
    }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
            width: 15px;
            height: 17px;
        }

.ui-widget-header {
    background: #2876bd;
    border: none;
    border-radius: 0;
}

.ui-corner-all {
    border-radius: 0;
}

.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {
    background: #fff;
    text-align: center;
}

    .ui-datepicker .ui-state-default.ui-state-hover {
        background: #e5f3ff;
    }

    .ui-datepicker .ui-state-default.ui-state-active {
        background: #2876bd;
        color: #fff;
        border: 1px solid #0460b3;
    }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    margin-top: -9px;
}

.rdashed {
    border-right: 1px solid White;
}

.ldashed {
    border-left: 1px solid White;
}

.advanced-search-container .rating input[type="checkbox"],
.advanced-search-container .meals input[type="checkbox"],
#div-hotel-facilities input[type="checkbox"] {
    position: relative;
    top: 3px;
    left: -3px;
}



#div-rooms-facilities input[type="checkbox"] {
    padding: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
}

* + html #div-rooms-facilities input[type="checkbox"] {
    margin-top: -2px;
    margin-bottom: -2px;
}

table.meals_categ tr td input[type="checkbox"] {
    padding: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
}

* + html table.meals_categ tr td input[type="checkbox"] {
    margin-top: -2px;
    margin-bottom: -2px;
}


.ui-dialog {
    padding: 0px !important;
}

.city_dialog {
    font-size: 10px !important;
}

    .city_dialog select {
        height: 20px !important;
    }

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
* html .ui-autocomplete {
    height: 100px;
}

.error {
    font-size: 10px;
}




.ui-dialog-titlebar-close {
    display: none;
}

.ui-button-text {
    padding: 5px !important;
    line-height: 1;
    font-size: 12px;
    font-weight: normal;
    min-width: 80px;
    font-family: inherit;
}

.ui-widget-content {
    border: none;
}

    .ui-widget-content .ui-dialog-buttonpane {
        background: #fff;
    }

.ui-dialog .ui-dialog-buttonpane button {
    border-radius: 0;
    background: #dddddd;
    color: #333333;
    outline: none;
    border: none;
}

    .ui-dialog .ui-dialog-buttonpane button:hover {
        background: #ccc;
    }

/*TRANSFERS*/

.left-menu {
    width: 5px;
    height: 43px;
}

.left_menu_selected {
    background: #0B88DE;
    width: 5px;
    height: 43px;
}

.right-menu {
    background: #024F7A;
    width: 5px;
    height: 43px;
}

.top_menu_wbe {
    padding-top: 15px;
    font-weight: bold;
    text-align: center;
    background-repeat: no-repeat;
    display: block;
}


/*FOOTER*/

/* posea cristian */
.footer {
    background: #f0f4f8;
}

    .footer .footer-container {
        width: 1200px;
        margin: 0 auto;
    }

    .footer .logo {
        min-height: 75px;
    }

        .footer .logo img {
            width: 160px;
            margin-top: 30px;
            margin-bottom: 30px;
            background-size: 100%;
        }

    .footer .links {
        margin-top: 40px;
    }

        .footer .links a {
            margin-right: 40px;
            color: #0e2f24;
            text-decoration: none;
            font-weight: normal;
        }

            .footer .links a:hover {
                text-decoration: underline;
            }

            .footer .links a:last-of-type {
                margin-right: 0;
            }

    .footer .credits {
        margin-bottom: 10px;
        color: #636363;
    }

    .footer .policies {
        color: #b3b3b3;
    }

        .footer .policies a, .footer .credits a {
            text-decoration: none;
            color: #6b6b6b;
        }

            .footer .policies a:hover, .footer .credits a:hover {
                text-decoration: underline;
            }

/*TOP DESTINATIONS*/
.cityTopDestination {
    font-size: 12px;
    font-weight: bold;
    color: #0F85A9;
}

/*SLIDER TOP DESTINATIONS*/

.topd-slider {
    border-collapse: collapse;
    position: absolute;
    left: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

    .topd-slider td {
        display: inline-block;
        width: 243px;
        height: 206px;
        box-shadow: 0px 1px 3px #333;
        border-collapse: collapse;
        padding: 0;
        margin-right: 12px;
        margin-left: 3px;
        position: relative;
        cursor: pointer;
        overflow: hidden;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

        .topd-slider td .topd-image {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
        }




            .topd-slider td .topd-image.error {
                background: #fcfcfc url(images/img_preview.png) no-repeat;
                background-position: 50% 39%;
            }


    .topd-slider .destination-item .topd-image {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .topd-slider .destination-item:hover .topd-image {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }


.destinations-carousel-container {
    min-height: 230px;
    overflow: hidden;
}

    .destinations-carousel-container .destination-item .title {
        position: absolute;
        font-size: 17px;
        bottom: 0;
        width: 97%;
        color: #fff;
        font-weight: bold;
        background: rgba(40, 118, 189, 0.7);
        padding: 10px 0 10px 7px;
        text-decoration: none;
    }

.destinations-carousel-wrapper .navigation a {
    font-size: 70px;
    position: absolute;
    top: 64px;
    color: #2876bd;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

    .destinations-carousel-wrapper .navigation a:hover {
        color: #97b4d0;
    }

    .destinations-carousel-wrapper .navigation a.right {
        right: -43px;
    }

    .destinations-carousel-wrapper .navigation a.left {
        left: -43px;
    }

/*END SLDIER TOP DESTINATIONS*/


/**********************************
	UI Top Message Area
**********************************/
.uiMsg-top {
    width: 100%;
    display: block;
    position: fixed;
    top: 0;
    z-index: 999;
    height: 34px;
    background-color: #2876bd;
    text-align: center;
}

.uiMsg-container {
    margin: auto;
    width: 1200px;
    height: inherit;
    text-align: left;
}

#ctl00_divB2BMessages {
    display: inline-block;
}

.uiMsg-top,
.uiMsg-top a {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}

.uiMsg-item,
.iconMsg,
.uiMsg-icon,
.uiMsg-msg {
    display: inline-block;
    padding: 2px 5px 2px 3px;
    border-radius: 3px;
}

.attention i,
.remarks i,
.reminders i,
.unpaid i {
    font-size: 14px;
    position: relative;
    top: 2px;
}

.headerMsg {
    padding: 9px 20px 0px 0px;
    font-weight: bold;
    margin-left: 2px;
}

.uiMsg-icon {
    position: absolute;
    bottom: 0px;
    width: 18px;
    height: 17px;
    background: url("../images/uiMsg-sprite.png") no-repeat top left;
}

.icon1 {
    background-position: 0 0;
    width: 18px;
    height: 17px;
}

.icon2 {
    background-position: 0 -22px;
    width: 18px;
    height: 17px;
}

.icon3 {
    background-position: 0 -44px;
    width: 18px;
    height: 17px;
}

.icon4 {
    background-position: 0 -66px;
    width: 18px;
    height: 17px;
}

.icon5 {
    background-position: 0 -88px;
    width: 18px;
    height: 17px;
}

.rightTopMenu {
    float: right;
}

    .rightTopMenu ul {
        padding-top: 0px;
        list-style: none;
        margin: 0;
    }


        .rightTopMenu ul li.lastItem {
            padding-right: 0px;
            border-right: none;
        }

.system-menu li {
    float: right;
}

    .system-menu li .general.submenu li {
        float: none;
    }

.system-menu .options a,
.system-menu .user-info a {
    text-decoration: none;
    font-size: 16px;
    width: 25px;
    display: inline-block;
    padding: 1px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.rightTopMenu ul li a:hover {
    color: #c3e2ff;
}

    .rightTopMenu ul li a:hover
    /**********************************
	UI Button CSS3
**********************************/
    .mask {
        display: inline-block;
        overflow: hidden;
    }

/*.mask,
.ui-btns {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 1);
}*/

.ui-btns {
    color: #ffffff;
    font-size: 13px;
    padding: 10px;
    border: solid #fcf2e2 2px;
    text-decoration: none;
    text-shadow: 1px 1px 3px #666666;
    background: #f1a025; /* Old browsers */
    background: -moz-linear-gradient(top, #f1a025 0%, #eb7d1b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1a025), color-stop(100%,#eb7d1b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1a025 0%,#eb7d1b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1a025 0%,#eb7d1b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1a025 0%,#eb7d1b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1a025 0%,#eb7d1b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1a025', endColorstr='#eb7d1b',GradientType=0 ); /* IE6-9 */
    display: inline-block;
    cursor: pointer;
}


.button:hover {
    background: #fdba43; /* Old browsers */
    background: -moz-linear-gradient(top, #fdba43 0%, #fda031 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdba43), color-stop(100%,#fda031)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fdba43 0%,#fda031 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fdba43 0%,#fda031 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fdba43 0%,#fda031 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fdba43 0%,#fda031 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdba43', endColorstr='#fda031',GradientType=0 ); /* IE6-9 */
}

/**********************************
	UI Elements CSS3
**********************************/
.drop-arrow {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("../images/drop-arrow.png");
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.right-arrow {
    background-image: url("../images/right-arrow.png");
}

* + html .right-arrow {
    display: inline-block;
}

.left-arrow {
    background-image: url("../images/left-arrow.png");
}

* + html .left-arrow {
    display: inline-block;
}
/*
.td_social { height:30px; }
.social span
{
	display:inline-block;
	width:26px;
	height:26px;
}
.social 
{
	margin:0px 10px 0px 0px;
}

.facebook span 
{
	background-image: url(../images/social.png);
	background-position:0px 0;
}
.twitter span 
{
	background-image: url(../images/social.png);
	background-position:-32px 0;
}
.google span 
{
	background-image: url(../images/social.png);
	background-position:-65px 0;
}*/
.td_social {
    height: 30px;
}

.social span {
    display: inline-block;
    width: 36px;
    height: 36px;
}

.social {
    margin: 0px 10px 0px 0px;
}

.facebook span {
    background-image: url(../images/btn_facebook_up.png);
}

.facebook:hover span {
    background-image: url(../images/btn_facebook_over.png);
}

.twitter span {
    background-image: url(../images/btn_twitter_up.png);
}

.twitter:hover span {
    background-image: url(../images/btn_twitter_over.png);
}

.lnk span {
    background-image: url(../images/btn_link_up.png);
}

.lnk:hover span {
    background-image: url(../images/btn_link_over.png);
}


/**********************************
	CURRENT ACTIVITY
**********************************/
.cl-01 {
    width: 720px;
}

.cl-02 {
    padding: 0px 0px 0px 30px;
}

.tbl-box {
    width: 357px;
    text-align: left;
    background-color: #ccc;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.activity-header {
    background-color: #989883;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 30px;
    color: #ffffff;
    font-size: 12px;
}

    .activity-header span {
        display: inline-block;
        line-height: 30px;
        padding: 0px 0px 0px 20px;
        font-weight: bold;
    }

.tbl-box ul {
    list-style: none;
}

    .tbl-box ul li {
        padding: 10px;
        color: #000000;
    }

.img-box img {
    width: 357px;
    padding-bottom: 10px;
}
/**********************************
	PORTLETS
**********************************/
.reservationsListBg {
    background: #ffffff;
}

.reservationsListBgOdd {
    background: Red !important;
}

.reservationsListBgEven {
    background: Blue !important;
}

.remarksBg {
    background-color: #EAF7FD;
}

    .remarksBg td {
        background-color: #EAF7FD;
    }

td.PageBorder_tlc {
    background-image: url(../images/reports/top-left-corner.png);
}

td.PageBorder_blc {
    background-image: url(../images/reports/bottom-left-corner.png);
}

td.PageBorder_trc {
    background-image: url(../images/reports/top-right-corner.png);
}

td.PageBorder_brc {
    background-image: url(../images/reports/bottom-right-corner.png);
}

td.PageBorder_t {
    background-image: url(../images/reports/top.png);
    background-repeat: repeat-x;
}

td.PageBorder_l {
    background-image: url(../images/reports/left.png);
    background-repeat: repeat-y;
}

td.PageBorder_b {
    background-image: url(../images/reports/bottom.png);
    background-repeat: repeat-x;
}

td.PageBorder_r {
    background-image: url(../images/reports/right.png);
    background-repeat: repeat-y;
}

.panel_text {
    vertical-align: middle !important;
}

/**********************************
	Admin Interfaces
**********************************/
.Textboxes {
    border: 1px solid #DCE0E1;
}

/**********************************
	Search Results
**********************************/

.hotel-results-container .topbar-wrapper ul {
    margin: 0;
    padding: 0;
    float: right;
    margin-top: 13px;
    margin-right: -41px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}


.topbar-menu {
    position: relative;
    height: 43px;
}

    .topbar-menu ul {
        margin: 0;
        padding: 0;
        float: right;
    }

    .topbar-menu li {
        list-style: none;
        display: inline-block;
        margin: 0;
        text-decoration: none;
        color: #fff;
        font-weight: bold;
        text-align: center;
        height: 100%;
    }

        .topbar-menu li a {
            display: inline-block;
            *display: block;
            position: relative;
            *float: left;
            text-decoration: none;
            margin: 0;
            color: #fff;
            font-weight: bold;
        }

.topbar-tabs li a.selected i.fa {
    text-align: center;
    line-height: 28px;
    color: #fff;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    width: 30px;
    height: 26px;
    color: #0e5698;
}

.topbar-wrapper li a .fa {
    font-size: 16px;
}

.view-map,
.view-list {
    text-decoration: none;
    color: #333;
}

.topbar-wrapper .view-map,
.topbar-wrapper .view-list {
    float: left;
}

a.view-map .label,
a.view-list .label {
    position: relative;
    top: -3px;
    margin-right: 6px;
}

.view-map.selected .label,
.view-list.selected .label {
    color: #0e5698;
}

.topbar-tabs li a:hover .label,
.topbar-tabs li a:hover i.fa {
    opacity: .6;
}

.view-map {
    margin-top: 6px;
}

.topbar-tabs .separator.vertical {
    width: 1px;
    height: 24px;
    background: #ccc;
    margin-right: 10px;
    margin-left: 12px;
}



.roomType1 {
    background-color: #DEEFF9;
    height: 40px;
}

    .roomType1 td {
        border-bottom: 4px solid #ffffff;
    }

.roomType2 {
    background-color: #EFF6FC;
    height: 40px;
}

    .roomType2 td {
        border-bottom: 4px solid #ffffff;
    }

.available-text {
    color: #7CB409;
}

.price-text a div {
    color: #4485B2;
}

.price-text a:hover {
    color: #4485B2;
    text-decoration: none;
}

.box_subtitle {
    color: #4B84B1;
    font-weight: normal;
    font-size: 12px;
}



.distance {
    border-color: #4B84B1;
}

.admin_bg table.book-tbl {
    border-collapse: collapse;
    border-spacing: 0;
}

    .admin_bg table.book-tbl td {
        border-bottom: 2px solid #FFFFFF;
    }

    .admin_bg table.book-tbl tr.roomType1,
    .admin_bg table.book-tbl tr.roomType2 {
        height: 40px;
    }


.linkOtherRoom {
    color: #0A6DA8;
}

.distance_body a span {
    color: #0A6DA8;
}

.stars {
    color: #636466 !important;
}

.hotel-results-container .stars ul {
    position: relative;
    left: 0;
}

.single-double {
    color: #4485b2;
}

.option-text {
    font-weight: normal;
}

.distance_top {
    background-image: none;
}

.distance_bottom {
    background-image: none;
}

.distance_body {
    background-image: none;
    color: #636466;
}

    .distance_body a {
        color: #0a6da8;
    }

.option-text span {
    color: #0a6da8;
}

.clx-text {
    font-size: 13px;
}

/**********************************
	Tabs (List View|Map View)
**********************************/
#divMapTabs.tabs {
    display: block;
    margin-top: 20px;
    margin-left: 6px;
    width: 847px;
    height: 50px;
    background-color: #e9edf0;
    float: none !important;
    border-bottom: none;
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}

    #divMapTabs.tabs ul li#tabs-1 {
        -webkit-border-radius: 6px 0px 0px 0px;
        border-radius: 6px 0px 0px 0px;
    }

    #divMapTabs.tabs ul {
        margin: 0;
        padding: 0px;
        list-style: none;
    }

        #divMapTabs.tabs ul li {
            display: inline-block;
            height: 50px;
            padding: 0px;
            background-color: #57524e;
            border: none;
        }

            #divMapTabs.tabs ul li.tab-selected {
                background-color: #4a85b1;
            }

            #divMapTabs.tabs ul li div {
                padding: 0px 0px 0px 36px;
            }

            #divMapTabs.tabs ul li#tabs-2 div {
                background: url(../images/map-view-icon.png) no-repeat scroll 15px 15px transparent;
            }

            #divMapTabs.tabs ul li#tabs-1 div {
                background: url(../images/list-view-icon.png) no-repeat scroll 15px 15px transparent;
            }

            #divMapTabs.tabs ul li a {
                display: inline-block;
                padding: 0px 20px;
                line-height: 50px;
                font-size: 16px;
                font-weight: bold;
                color: #fff;
            }


/********************************** 
	Tabs (Hotels on map|POI s on map)
**********************************/
#dvFilterOnMap.tabs {
    display: block;
    position: relative;
    left: 0px !important;
    margin-top: 15px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    height: 50px;
    /*background-color:#e9edf0;*/
    float: none !important;
    border-bottom: none;
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}

    #dvFilterOnMap.tabs ul li#tabsFilter-1 {
        -webkit-border-radius: 6px 0px 0px 0px;
        border-radius: 6px 0px 0px 0px;
        padding-left: 3px;
    }

    #dvFilterOnMap.tabs ul li#tabsFilter-2 {
        -webkit-border-radius: 0px 6px 0px 0px;
        border-radius: 0px 6px 0px 0px;
    }

    #dvFilterOnMap.tabs ul {
        margin: 0;
        padding: 0px;
        list-style: none;
    }

        #dvFilterOnMap.tabs ul li {
            display: inline-block;
            height: 50px;
            padding: 0px;
            background-color: #57524e;
            border: none;
        }

            #dvFilterOnMap.tabs ul li.tab-selected {
                background-color: #4a85b1;
            }

            #dvFilterOnMap.tabs ul li div {
                padding: 0px 0px 0px 0px;
            }

            #dvFilterOnMap.tabs ul li#tabs-2 div {
                background: url(../images/map-view-icon.png) no-repeat scroll 15px 15px transparent;
            }

            #dvFilterOnMap.tabs ul li#tabs-1 div {
                background: url(../images/list-view-icon.png) no-repeat scroll 15px 15px transparent;
            }

            #dvFilterOnMap.tabs ul li a {
                display: inline-block;
                padding: 0px 16px;
                line-height: 50px;
                font-size: 12px;
                font-weight: bold;
                color: #fff;
            }

#divMapHolder div {
    margin-left: 0px !important;
}

#divPoiHolder div {
    margin-left: 0px !important;
    overflow: hidden;
}
/********************************** 
 Common classes 
**********************************/
#tdSearch {
    padding-top: 20px !important;
}

.sort {
    display: inline-block;
    float: right;
    margin-right: 5px;
}

    .sort a {
        display: inline-block;
        position: relative;
        top: 15px;
        padding: 1px 8px 2px 8px;
        color: #000000;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    }

    .sort .sort-txt {
        display: inline-block;
        line-height: 50px;
        vertical-align: top;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        min-width: 55px;
    }

.sort-selected {
    display: inline-block;
    background-color: #B5D572;
}

.sort a:hover {
    color: #000000;
    text-decoration: underline;
}


.top-destinations .location {
    height: 386px;
}

    .top-destinations .location.wide {
        width: 1200px;
        position: absolute;
        left: 0px;
        overflow: hidden;
    }

    .top-destinations .location.medium {
        float: left;
        width: 792px;
        position: absolute;
        overflow: hidden;
        left: 0px;
    }

        .top-destinations .location.medium.center {
            float: left;
            left: 406px;
            width: 792px;
            position: absolute;
            overflow: hidden;
        }

    .top-destinations .location.small {
        float: left;
        width: 386px;
        position: absolute;
        overflow: hidden;
        left: 0px;
    }

        .top-destinations .location.small.center {
            float: left;
            left: 406px;
            width: 386px;
            position: absolute;
            overflow: hidden;
        }

        .top-destinations .location.small.right {
            left: 812px;
            width: 386px;
            position: absolute;
            overflow: hidden;
        }

    .top-destinations .location .bg {
        position: absolute;
    }

        .top-destinations .location .bg,
        .top-destinations .location .bg img {
            width: 100%;
            /*height: 100%;*/
            background: #aadfef;
        }

            .top-destinations .location .bg img {
                height: 100%;
            }

    .top-destinations .location.small .bg img {
        width: 800px;
        left: -61px;
        position: relative;
    }

    .top-destinations .location.short .bg img {
        width: 600px;
        left: -61px;
        position: relative;
    }

    /*.top-destinations .location.wide .bg img,
    .top-destinations .location.medium .bg img,
    .top-destinations .location.small .bg img,
    .top-destinations .location.short .bg img {
        opacity: .7;
    }*/



    .top-destinations .location.wide .bg .flexslider,
    .top-destinations .location.medium .bg .flexslider,
    .top-destinations .location.small .bg .flexslider,
    .top-destinations .location.short .bg .flexslider {
        position: absolute;
        width: 100%;
        z-index: 0;
    }

        .top-destinations .location.wide .bg .flexslider .slides,
        .top-destinations .location.medium .bg .flexslider .slides,
        .top-destinations .location.small .bg .flexslider .slides,
        .top-destinations .location.short .bg .flexslider .slides {
            height: 100%;
            width: 100%;
        }

            .top-destinations .location.wide .bg .flexslider .slides li,
            .top-destinations .location.medium .bg .flexslider .slides li,
            .top-destinations .location.small .bg .flexslider .slides li,
            .top-destinations .location.short .bg .flexslider .slides li {
                max-height: 800px;
                height: 800px;
                overflow: hidden;
            }

                .top-destinations .location.wide .bg .flexslider .slides li img,
                .top-destinations .location.medium .bg .flexslider .slides li img,
                .top-destinations .location.small .bg .flexslider .slides li img,
                .top-destinations .location.short .bg .flexslider .slides li img {
                    width: 100%;
                    height: 900px;
                    position: absolute;
                    top: 0;
                    /*min-width: 1800px;
                        min-height: 900px;*/
                }



    .top-destinations .location.wide .bg .inside-border {
        border: 3px solid #fff;
        padding: 20px;
        position: absolute;
        top: 5%;
        left: 1.8%;
        width: 92%;
        height: 79%;
        z-index: 2;
    }

    .top-destinations .location.medium .bg .inside-border {
        border: 3px solid #fff;
        padding: 20px;
        position: absolute;
        top: 5%;
        left: 2.3%;
        width: 89%;
        height: 79%;
        z-index: 2;
    }

    .top-destinations .location.small .bg .inside-border {
        border: 3px solid #fff;
        padding: 20px;
        position: absolute;
        top: 5%;
        left: 5%;
        width: 78%;
        height: 79%;
        z-index: 2;
    }

    .top-destinations .location.short .bg .inside-border {
        border: 3px solid #fff;
        padding: 20px;
        position: absolute;
        top: 3%;
        left: 2.8%;
        width: 82%;
        height: 83%;
    }


    .top-destinations .location .content {
        position: relative;
        z-index: 2;
        color: #fff;
    }

    .top-destinations .location.wide .content {
        position: relative;
        z-index: 2;
        text-shadow: 1px 1px 2px #333;
        color: #fff;
        width: 85%;
        margin: 0 auto;
        top: 60px;
    }

    .top-destinations .location.medium .content {
        position: relative;
        z-index: 2;
        text-shadow: 1px 1px 2px #333;
        color: #fff;
        width: 85%;
        margin: 0 auto;
        top: 85px;
    }

    .top-destinations .location.small .content {
        position: relative;
        z-index: 2;
        text-shadow: 1px 1px 2px #333;
        color: #fff;
        width: 85%;
        margin: 0 auto;
        top: 85px;
    }

    .top-destinations .location.short .content {
        width: 65%;
        margin: 0 auto;
        top: 85px;
    }


    .top-destinations .location.wide .content .title {
        font-size: 40px;
        font-weight: lighter;
    }

    .top-destinations .location.medium .content .title {
        font-size: 30px;
        font-weight: lighter;
    }

    .top-destinations .location.small .content .title {
        font-size: 30px;
        font-weight: lighter;
    }

    .top-destinations .location.short .content .title {
        font-size: 30px;
        font-weight: lighter;
        text-align: center;
    }

        .top-destinations .location.short .content .title .country {
            font-size: 24px;
        }


    .top-destinations .location.wide .content .description {
        font-size: 16px;
        font-weight: lighter;
        line-height: 30px;
        /*width: 90%;*/
        margin-top: 30px;
    }

    .top-destinations .location.medium .content .description {
        font-size: 16px;
        font-weight: lighter;
        line-height: 30px;
        /*width: 90%;*/
        margin-top: 25px;
    }

    .top-destinations .location.small .content .description {
        font-size: 14px;
        font-weight: lighter;
        line-height: 20px;
        /*width: 90%;*/
        margin-top: 30px;
    }

    .top-destinations .location.short .content .deals-explore {
        margin: 0 auto;
        margin-top: 45px;
        display: block;
        width: 180px;
        border: 1px solid #fff;
        padding: 10px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 14px;
        text-transform: uppercase;
    }

    .top-destinations .location.wide .content .deals-explore {
        margin-top: 35px;
        display: block;
        width: 250px;
        border: 1px solid #fff;
        padding: 10px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 14px;
        text-transform: uppercase;
    }

    .top-destinations .location.medium .content .deals-explore {
        margin-top: 25px;
        display: block;
        width: 250px;
        border: 1px solid #fff;
        padding: 10px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 14px;
        text-transform: uppercase;
    }

    .top-destinations .location.small .content .deals-explore {
        margin-top: 20px;
        display: block;
        width: 250px;
        border: 1px solid #fff;
        padding: 10px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 14px;
        text-transform: uppercase;
    }

    .top-destinations .location.short .content .description {
        font-size: 13px;
        text-align: center;
        margin-top: 10px;
        font-weight: lighter;
        line-height: 22px;
    }

    .top-destinations .location.short .content .deals-explore:hover,
    .top-destinations .location.medium .content .deals-explore:hover,
    .top-destinations .location.small .content .deals-explore:hover,
    .top-destinations .location.wide .content .deals-explore:hover {
        background: rgba(255, 255, 255, .3);
    }

    .top-destinations .location.short {
        float: right;
        width: 30%;
        position: relative;
        overflow: hidden;
    }

.search-description {
    font-size: 12px;
    display: inline-block;
}

.top-pager {
    display: inline-block;
    float: right;
    font-weight: normal;
}
/*cpanel*/
.cpanel-distance {
    height: 10px;
}

.cpanel tr td {
    vertical-align: top;
}


.ReservationDetailsTableRow .ReservationDetailsTableHeader td {
    border-top: none;
}


.row2 {
}

.table_text_orange {
    background: none !important;
}

.margin-div {
    display: inline-block;
    height: 30px;
    margin-bottom: 4px;
}

.booking_details_top {
    background: none;
}

.cancelation-policy {
    background-color: #eff6fb;
    padding: 0px 0px 5px 10px;
    border-left: 1px solid #9FBED7;
    border-right: 1px solid #9FBED7;
}

    .cancelation-policy .cancelation-item1 {
        font-weight: bold;
        color: #0C6F8C;
        display: inline-block;
    }

    .cancelation-policy .cancelation-item2 {
        display: inline-block;
        float: right;
        padding: 0px 10px 0px 0px;
    }

.policy {
    background-color: #eff6fb;
    padding: 0px 0px 5px 10px;
    border-left: 1px solid #9FBED7;
    border-right: 1px solid #9FBED7;
}

.policy-tem1 {
    font-weight: bold;
    color: #0C6F8C;
    display: inline-block;
}


.flight-cancelation-ploicy {
    background-color: #eff6fb;
    padding: 0px 0px 5px 10px;
    border-left: 1px solid #9FBED7;
    border-right: 1px solid #9FBED7;
    font-weight: bold;
    color: #0c6f8c;
    font-size: 12px;
}

.details-services {
    background-color: #eff6fb;
    padding: 0px 0px 5px 10px;
    border-left: 1px solid #9FBED7;
    border-right: 1px solid #9FBED7;
    font-weight: bold;
    color: #0C6F8C;
    font-size: 12px;
    color: #0c6f8c;
}


.arival-details {
    background-color: #eff6fb;
    padding: 0px 0px 5px 10px;
    border-left: 1px solid #9FBED7;
    border-right: 1px solid #9FBED7;
    font-weight: bold;
    color: #0C6F8C;
    font-size: 12px;
}


.chkTwinLabel.main-search-box {
    float: left;
    margin-top: 25px;
}

    .chkTwinLabel.main-search-box input[type=checkbox] {
        position: relative;
        top: 3px;
    }

.top-blue-corners {
    height: 8px;
    background-image: url(../images/blue-top.png);
}

.tr-borders-top {
    background-image: url(../images/blue-middle.png);
}

.bottom-blue-corners {
    height: 8px;
    background-image: url(../images/blue-bottom.png);
}

.top-normal-corners {
    height: 8px;
    background-image: url(../images/normal-top.png);
}

.bottom-normal-corners {
    height: 8px;
    background-image: url(../images/normal-bottom.png);
}

.hotel-box-bottom {
    width: 100%;
}

.tr-borders {
    background-image: url(../images/normal-middle.png);
}

.hotel-box-top {
    width: 100%;
    margin-bottom: 10px;
}

.hotel-box-top-content {
    width: 100%;
    background: #2976bd;
    padding-left: 10px;
}

.hotel-box-top-maincontent {
    width: 225px;
}

.top-content {
    padding-left: 7px;
    width: 100%;
}

a.box_subtitle {
    color: #EE8E20;
}

.advanced_search_title {
    color: #1C67A1;
    font-size: 12px;
}
/*tabs*/

.reservation_tabs_div a {
    color: #ffffff;
    text-decoration: none;
    border: none;
    display: block;
}

    .reservation_tabs_div a:hover {
        color: #ffffff;
        text-decoration: underline;
        border: none;
    }

.reservation_tabs_selected_left_0,
.reservation_tabs_selected_right_0,
.reservation_tabs_cell_left,
.reservation_tabs_cell_right {
    display: none;
}


span.reservation_tabs_selected {
    display: inline-block;
    line-height: 35px;
    padding: 0 20px;
    text-decoration: none;
    color: #ffffff;
    border-bottom-style: none;
}

.reservation-bottom-links {
    display: inline-block;
    color: #1B6F9E;
    font-size: 12px;
}

a.reservation-bottom-links:hover {
    font-size: 12px;
    display: inline-block;
    color: #1B6F9E;
}

.hotelImage {
    background-image: url("../images/hotel-sign.png");
    width: 40px;
    height: 40px;
    display: inline-block;
}

.hotelLabel {
    line-height: 40px;
    vertical-align: top;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    padding-left: 50px;
}

.transfer-search-image {
    background-image: url("../images/car-sign.png");
    width: 40px;
    height: 40px;
}

.transfer.results {
    width: 77%;
    float: right;
}

    .transfer.results .update-panel {
        background: #fff;
    }

        .transfer.results .update-panel table td {
            padding: 5px;
        }


.transfer-search-title {
    line-height: 40px;
    vertical-align: top;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

.map-holder {
    width: 242px !important;
    float: none !important;
}

    .map-holder table {
        width: 100%;
    }

.poi-holder {
    width: 242px !important;
    float: none !important;
}

    .poi-holder table {
        width: 100%;
    }

#dvFilterOnMap.tabs ul li a {
    padding: 0px 23px 0px 22px;
}

.hotel_title {
    padding-left: 8px;
}

    .hotel_title .location span {
        padding-left: 0px;
    }

.yellow, a.yellow:hover {
    width: 80px;
}

.violet, a.violet:hover {
    width: 80px;
}

.blue_bg, a.blue_bg:hover {
    width: 80px;
}

.green, a.green:hover {
    width: 80px;
}

.TabbedPanelsTab {
    background-color: #57524E;
    color: #ffffff;
    border: 0;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
    width: 100px;
}

.TabbedPanelsTabSelected {
    background-color: #4A85B1;
    color: #ffffff;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
    width: 100px;
}

.TabbedPanels {
    background-color: #E9EDF0;
    -webkit-border-radius: 6px 0px 0px 0px;
    border-radius: 6px 0px 0px 0px;
}

.TabbedPanelsContentGroup {
    border: 0;
}

.hotel-contact {
    background-color: #F5F0D3;
    position: relative;
    top: 10px;
}

.hotel-wrapper .hotel-details {
    position: relative;
}

    .hotel-wrapper .hotel-details .price-container {
        position: relative;
        float: right;
        width: 130px;
    }

        .hotel-wrapper .hotel-details .price-container .hotel-stars {
            position: relative;
            top: -10px;
        }

            .hotel-wrapper .hotel-details .price-container .hotel-stars .stars {
                text-align: right;
            }

.results .hotel-wrapper .room-wrapper-container {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.hotel-wrapper .hotel-details a {
    position: relative;
}


.hotel-description {
    background-image: none;
    background-color: #ffffff;
    font-weight: normal;
}

.hotel-details-footer {
    background-color: #EBECEE;
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 50px;
}

.hotel-details-footer {
    line-height: 50px;
    vertical-align: middle;
}

    .hotel-details-footer div hr {
        display: none;
    }

    .hotel-details-footer div table {
        color: #57524E;
    }

        .hotel-details-footer div table a {
            color: #0F84A7;
        }

#hotel-first-tab {
    -webkit-border-radius: 6px 0px 0px 0px;
    border-radius: 6px 0px 0px 0px;
    padding-left: 3px;
}

.TabbedPanelsContent {
    padding: 0;
}

.hdescription-pictures {
    font-weight: bold;
    font-size: 12px;
}



/********************************** 
 RESERVATION LIST HEADER 
**********************************/
.box-reservations {
    font-weight: bold;
    position: absolute;
    color: #333;
    top: 6px;
    right: 10px;
}

.cp-table tr .panel_title span {
    display: inline-block;
    position: relative;
    left: 20px;
}

.cpanel .panel_title span {
    display: inline-block;
    position: relative;
    left: 10px;
}

.cp-table tr td .p_text,
.cp-table tr td .disabledLink {
    position: relative;
    /*left:-20px;*/
}

.cp-table tr td a,
.cp-table tr td a.p_text:link {
    color: #024F7A;
    font-weight: normal;
}

    .cp-table tr td a.p_text:hover {
        color: #024F7A;
        cursor: pointer;
    }

    .cp-table tr td a:hover {
        text-decoration: underline;
        font-weight: normal;
    }

.cp-table tr td .disabledLink {
    color: #cccccc;
}

    .cp-table tr td .disabledLink:hover {
        text-decoration: none;
    }


.textfield_effect {
    color: #1182AA;
}



.searchTextBox {
    border-color: #cccccc;
}

.providerList {
    color: #ffffff;
    border: 0;
}

.providerListHdr {
    color: #4A85B1;
}

.item-provider1 {
    background-color: #F5FAFD;
}

    .item-provider1 td {
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
    }

.item-provider2 {
    background-color: #E8F5FD;
}

    .item-provider2 td {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }



/* ddlLanguage */
.dd .ddTitle span.ddTitleText {
    color: #2F3A40;
}

.dd {
    position: relative;
    top: 8px;
    float: right;
    right: 5px;
}

    .dd .ddTitle span.ddTitleText {
        text-transform: uppercase;
    }

#ddlLanguage_msdd {
    width: 100px !important;
}

.dd .ddTitle span.ddTitleText img {
    border-radius: 50%;
    height: 17px;
    width: 18px;
}

.dd .noBorderTop {
    top: 25px !important;
}

.custom-gradient-border {
    background: rgba(15,70,121,1);
    background: -moz-linear-gradient(left, rgba(15,70,121,1) 0%, rgba(94,180,255,1) 52%, rgba(94,180,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15,70,121,1)), color-stop(52%, rgba(94,180,255,1)), color-stop(100%, rgba(94,180,255,1)));
    background: -webkit-linear-gradient(left, rgba(15,70,121,1) 0%, rgba(94,180,255,1) 52%, rgba(94,180,255,1) 100%);
    background: -o-linear-gradient(left, rgba(15,70,121,1) 0%, rgba(94,180,255,1) 52%, rgba(94,180,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(15,70,121,1) 0%, rgba(94,180,255,1) 52%, rgba(94,180,255,1) 100%);
    background: linear-gradient(to right, rgba(15,70,121,1) 0%, rgba(94,180,255,1) 52%, rgba(94,180,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f4679', endColorstr='#5eb4ff', GradientType=1 );
    width: 100%;
    height: 4px;
}



.rightTopMenu {
    min-width: 435px;
}

.reservationsListBg {
}

    .reservationsListBg td {
        padding: 3px 0 3px 0;
    }

.service-icon i,
.service-type i {
    font-size: 16px;
    float: left;
    padding-left: 2px;
}

.remarksBg {
    background-color: #EAF7FD;
}

    .remarksBg td {
        background-color: #EAF7FD;
    }

.default.popup {
    background: #fff;
    border: 1px solid #ccc;
}

table.providers-edit tbody tr:hover {
    background-color: #FAFAFA;
}

/** Admin -> Control Panel -> Hotel Special Offer **/
#OffersModule .event-buttons {
    padding-top: 5px;
}

.ui-autocomplete .ui-menu-item a {
    padding: 6px !important;
}

.hotel-wrapper .link-save {
    color: #ff0000;
}

#btnCloseLP.btn {
    margin-right: 10px;
}

.subtle-info {
    color: #888;
}

.destinations-group-container .countries-group {
    overflow-y: auto;
    max-height: 70px;
}

/*default size*/
@media (min-height:0px) and (max-height:1080px) {
    .main.client-interface {
        min-height: 713px;
    }
}

.xmlout td {
    padding: 5px;
}

.flight-search-animation-container {
    background: #85b9dd;
    position: absolute;
    width: 100%;
    height: 100%;
}

.plane-frame {
    width: 500px;
    height: auto;
    margin: 15% auto 0;
    position: absolute;
    width: 100%;
}

svg {
    max-width: 100%;
    height: auto;
    display: block;
}

/**
 * Paper Plane
 */
/*Paper Plane: Container*/
.plane-container {
    width: 200px;
    margin: 0px auto;
    z-index: 3;
}
/*Paper Plane: Image*/
.plane {
    width: 100%;
    height: 100px;
}

/*Paper Plane: Animation*/
.plane-container {
    -webkit-animation: paper-plane-scoping 2s alternate infinite;
    -moz-animation: paper-plane-scoping 2s alternate infinite;
    animation: paper-plane-scoping 2s alternate infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes paper-plane-scoping {
    0% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        transform: translateY(100px);
    }
}

.plane {
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation: paper-plane-soaring 4s forwards infinite;
    -moz-animation: paper-plane-soaring 4s forwards infinite;
    animation: paper-plane-soaring 4s forwards infinite;
}

@-webkit-keyframes paper-plane-soaring {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    40% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    60% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

/**
 * Clouds
 */
.clouds {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    transform: translateZ(0);
}

.cloud {
    position: absolute;
    top: 20%;
    width: 300px;
    right: 0;
    opacity: 1;
}

    .cloud.front {
        z-index: 9;
    }

    .cloud.distant {
        z-index: 1;
    }

    .cloud.background {
        z-index: 1;
    }

    /*Cloud Sizing*/
    .cloud.smaller {
        margin-right: 400px;
        width: 100px;
        margin-top: 50px;
    }

    .cloud.small {
        margin-right: 200px;
        width: 150px;
    }

    .cloud.big {
        width: 500px;
        margin-top: 50px;
        margin-right: 150px;
    }

    .cloud.massive {
        width: 600px;
        margin-top: 20px;
        margin-right: 0px;
    }


/*Cloud: Animation*/
.cloud {
    -webkit-animation-name: cloud-movement;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 8s;
    -moz-animation-name: cloud-movement;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 8s;
    animation-name: cloud-movement;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 8s;
}

.clouds .please-wait {
    text-align: center;
    color: #fff;
}

.slow {
    -webkit-animation-duration: 9.2s;
    -moz-animation-duration: 9.2s;
    animation-duration: 9.2s;
}

.slower {
    -webkit-animation-duration: 11.2s;
    -moz-animation-duration: 11.2s;
    animation-duration: 11.2s;
}

.slowest {
    -webkit-animation-duration: 13.5s;
    -moz-animation-duration: 13.5s;
    animation-duration: 13.5s;
}

.super-slow {
    -webkit-animation-duration: 20.5s;
    -moz-animation-duration: 20.5s;
    animation-duration: 20.5s;
}

@-webkit-keyframes cloud-movement {
    0% {
        opacity: 0.1;
        -webkit-transform: translateX(300px);
        -moz-transform: translateX(300px);
        transform: translateX(300px);
    }

    10% {
        opacity: 0.7;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-1000px);
        -moz-transform: translateX(-1000px);
        transform: translateX(-1000px);
    }
}



.clients-container .btn.update {
    margin-bottom: 10px;
}

.rate_remarks {
    background-color: #e5f1b3;
    font-weight: bold;
    margin-bottom: 10px;
}

.clients-container .btn.update {
    margin-bottom: 10px;
}


.clients-container .btn.update {
    margin-bottom: 10px;
}

.statistics.traveler .item {
    display: block;
    padding: 5px;
}

.statistics.traveler {
    width: 60%;
}

    .statistics.traveler .item:after {
        display: block;
        content: " ";
        clear: both;
    }

    .statistics.traveler .item .label {
        display: block;
        text-align: left;
        width: 90%;
    }

    .statistics.traveler .item .value {
        text-align: left;
        font-weight: bold;
        font-size: 12px;
    }

    .statistics.traveler .item {
        background: #eaeaea;
        margin-top: 5px;
        border: 1px solid #ddd;
    }


fieldset.wl-details {
    border: 1px solid #ddd;
    margin: 10px;
}

    fieldset.wl-details .buttons-group a {
        float: left;
        margin: 5px;
    }

.allow-group-agency {
    margin-top: 10px;
}

    .allow-group-agency input[type='checkbox'] {
        margin-left: 20px;
    }

fieldset.wl-details legend {
    font-weight: bold;
    font-style: italic;
}

.search-panel.transfer .search-autocomplete {
    position: absolute;
    top: 39px;
    z-index: 20;
}

.hotel-results-container .autocomplete-list-container {
    position: absolute;
    z-index: 11;
}

    .hotel-results-container .autocomplete-list-container.fixed {
        position: fixed;
        top: 95px;
        width: 500px;
    }

.search-autocomplete {
    width: 100%;
    font-size: 12px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
    max-height: 500px;
    overflow-y: auto;
}

    .search-autocomplete.transfers {
        max-height: 135px;
        overflow-y: auto;
    }

    .search-autocomplete .more-destinations-button {
        cursor: pointer;
        padding: 0px 0px 0px 5px;
        font-size: 12px;
    }

#form-book .search-autocomplete.transfers {
    position: absolute;
    overflow-x: hidden;
}

#form-book .js-search-box {
    font-weight: bold;
}

.search-autocomplete .more-destinations-button {
    cursor: pointer;
    padding: 0px 0px 0px 5px;
    font-size: 12px;
}

.search-autocomplete::-webkit-scrollbar {
    width: 10px;
}

.search-autocomplete::-webkit-scrollbar-thumb {
    background: #02aff1;
}

.search-autocomplete .like-selection {
    font-weight: bold;
    color: #428bca;
}

.search-autocomplete .section-autocomplete .title {
    background: rgba(2, 79, 122, 0.6);
    color: #fff;
    font-weight: 500;
    display: block;
    pointer-events: none;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
}

.search-autocomplete ul {
    list-style: none;
    -webkit-padding-start: 0px;
    margin: 0px 5px 0px 0px;
}


    .section-autocomplete ul:after,
    .search-autocomplete ul:after {
        content: " ";
        display: block;
        clear: both;
    }

    .search-autocomplete ul li {
        padding: 2px 2px 0px 5px;
    }




        .search-autocomplete ul li .left {
            min-width: 450px;
            width: 90%;
            font-size: 12px;
        }

.search-panel.transfer .search-autocomplete ul li .left {
    min-width: 150px;
}

.search-autocomplete ul li .right {
    margin-top: 2px;
}


.search-autocomplete ul li.selected,
.search-autocomplete ul li:hover {
    background-color: #ffebbc;
    cursor: pointer;
}

.tabs-autocomplete-list-container {
    position: absolute;
    z-index: 10000;
    top: 60px;
    width: 100%;
}

.serach-results-facilities .fa {
    font-size: 16px;
    color: #2876bd;
    margin-left: 10px;
    cursor: pointer;
}

.trip-advisor-container {
    margin: 10px;
}

    .trip-advisor-container .hotel-name {
        font-weight: bold;
        font-size: 18px;
    }

    .trip-advisor-container .rating {
        margin-top: 10px;
        font-weight: bold;
    }

    .trip-advisor-container .title {
        font-size: 16px;
        font-weight: bold;
        margin-top: 10px;
    }

    .trip-advisor-container .localized-name {
        width: 180px;
        display: inline-block;
    }

    .trip-advisor-container .full-review-bar {
        width: 200px;
        height: 18px;
        background-color: #D9D9D9;
        display: inline-block;
    }

    .trip-advisor-container .w12 {
        width: 50%;
    }

    .trip-advisor-container .full-review-bar .percent {
        background-color: #5F9748;
        height: 18px;
    }

    .trip-advisor-container .w14 {
        width: 25%;
    }

    .trip-advisor-container .w34 {
        width: 75%;
    }

    .trip-advisor-container .review {
        margin: 10px 0px 10px 0px;
        border-top: 1px solid #CCC;
        padding: 10px 0px 10px 0px;
    }

        .trip-advisor-container .review .username {
            font-size: 14px;
            font-weight: bold;
        }

        .trip-advisor-container .review .location {
            font-size: 14px;
        }

        .trip-advisor-container .review .client-type {
            margin-top: 10px;
            font-size: 14px;
        }

        .trip-advisor-container .review .review-rating {
            font-size: 14px;
        }

        .trip-advisor-container .review .review-title {
            font-size: 14px;
            font-weight: bold;
        }

    .trip-advisor-container .rating-container {
        margin: 10px 0px 10px 0px;
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        padding: 10px 0px 10px 0px;
    }

.hotel-tabs-container .content .opinions {
    height: 500px;
}

    .hotel-tabs-container .content .opinions iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

.trip-advisor-container span.detailed-rating-number {
    color: #5F9748;
    margin-left: 10px;
}

.trip-advisor-container .award-label {
    display: inline-block;
    vertical-align: top;
}

.trip-advisor-container .review-text {
    max-height: 35px;
    overflow-y: hidden;
}

    .trip-advisor-container .review-text.expanded {
        max-height: initial;
        height: auto;
    }

.trip-advisor-container .review-more {
    cursor: pointer;
    color: #838383;
    font-size: 10px;
    text-transform: uppercase;
}

    .trip-advisor-container .review-more:hover {
        text-decoration: underline;
    }

.search-summary {
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 10px;
    font-weight: bold;
}

.summary {
    font-size: 12px;
}

.ui-datepicker-calendar td.selected-day a {
    background: #2876bd;
    color: #fff;
    border: 1px solid #0460b3;
}

.ui-datepicker-calendar td.selected-day span {
    background: #2876bd;
    color: #fff;
    border: 1px solid #0460b3;
}

.ui-widget-content .ui-state-disabled.selected-day {
    opacity: 1 !important;
}

.ui-datepicker-calendar td.selected-day a:hover {
    background: #2876bd;
}

.ui-datepicker-calendar td.selected-day-range a {
    background: #39B3EE;
    color: #fff;
    border: 1px solid #0460b3;
}

#ui-datepicker-div {
    font-size: 10px !important;
    margin: -206px 0px 0px -10px;
}

.js-tripadvisor-label {
    position: relative;
    top: -7px;
}

.hotel-wrapper .hotel-details .product-attribute {
    position: absolute;
    top: 10px;
    left: -3px;
}


.product-attribute {
    width: 60px;
    height: 20px;
    border-radius: 0 10px 10px 0;
    box-shadow: 2px 1px 3px #424242;
    background: rgb(255, 255, 255);
}

    .product-attribute .icon {
        width: 60px;
        height: 20px;
        background-size: 60px 20px !important;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        float: none;
        background-repeat: no-repeat !important;
    }

    .product-attribute .description {
        color: #210068;
        font-weight: bold;
        margin-top: 7px;
        display: inline-block;
        margin-left: 10px;
        display: none;
        position: absolute;
        background: #fff;
        width: 320px;
        z-index: 9;
        box-shadow: 0px 1px 7px #888;
        padding: 3px;
        left: 69px;
        top: 0;
    }

        .product-attribute .description:before {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f0d9";
            position: absolute;
            font-size: 37px;
            color: #fff;
            left: -12px;
            top: -7.2px;
        }

    .product-attribute:hover .description {
        display: block;
    }

    .product-attribute .icon.directors {
        background-position: -2px 2px;
    }

    .product-attribute .icon.best {
        background-position: -80px 3px;
    }

    .product-attribute .icon.recommend {
        background-position: -119px 3px;
    }

    .product-attribute .icon.ours {
        background-position: -43px 2px;
    }

.room-wrapper .value .commission {
    color: #ee5020;
    font-weight: normal;
    position: relative;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.room-wrapper.selected {
    /*background-color: #02aff1;*/
}

.room-wrapper .value .commission.center {
    position: relative;
    top: -2px;
    right: 5px;
}

.room-wrapper .value .commission .icon {
    background: url(images/coins.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100%;
    position: relative;
}

.room-wrapper .value .commission .popup {
    display: none;
}

    .room-wrapper .value .commission .popup:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f0da";
        position: absolute;
        right: -6px;
        font-size: 20px;
        color: #ffe5e5;
        top: 5px;
    }

.room-wrapper .value .commission:hover .popup {
    display: block;
    position: absolute;
    top: -5px;
    background: #ffe5e5;
    font-size: 10px;
    font-weight: bold;
    left: -80px;
    width: 70px;
    padding: 5px;
    text-align: center;
    color: #333;
}


.product-attribute-info {
    float: right;
    font-weight: bold;
    position: relative;
    min-width: 115px;
    top: 0;
    right: 10px;
}

    .product-attribute-info .icon {
        background: url(images/badges.png) no-repeat;
        width: 120px;
        height: 40px;
        display: block;
        margin: 0 auto;
        background-repeat: no-repeat !important;
    }

        .product-attribute-info .icon.directors {
            background-position: 0 0;
        }

        .product-attribute-info .icon.best {
            background-position: -263px 0;
        }

        .product-attribute-info .icon.recommend {
            background-position: -388px 0;
        }

        .product-attribute-info .icon.ours {
            background-position: -133px 0;
        }

.description.directors {
    color: #ff0000;
}

.description.ours {
    color: #cc4400;
}

description.best {
    color: #800080;
}

.description.recommend {
    color: #248f24;
}

.topbar-tabs li a.view-quote {
    position: relative;
    top: 5px;
    color: #0e5698;
    text-decoration: none;
}


.topbar-tabs li a.active i.fa {
    font-size: 16px;
}

.product-attribute-info .description {
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    bottom: -10px;
    font-size: 16px;
    font-weight: bold;
}

.child-age-required {
    border-color: #ff0000 !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.search-tab-error {
    display: inline-block;
    margin-left: 120px;
    color: #ff0000;
    margin-top: 15px;
    font-weight: bold;
}

.search-autocomplete .section-autocomplete.no-results {
    text-transform: none;
    padding: 5px 5px 5px 5px;
    font-size: 12px;
}


.basket-header {
    width: 1200px;
    text-align: right;
    margin: 0 auto;
    padding-bottom: 5px;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spinner:before {
    content: '';
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -40px;
    margin-left: -40px;
    border-radius: 50%;
    border: 8px solid #021f63;
    border-top-color: #02aff1;
    animation: spinner .6s linear infinite;
}


.agent-login .content {
    width: auto;
}

.content.group-reservation {
    position: relative;
    z-index: 10;
    width: 1200px;
    margin: 0 auto;
}


.group-reservation-wrapper {
    margin-top: -10px;
    min-height: 800px;
    position: relative;
}

.group-reservation.bg-gallery .flexslider {
    position: absolute;
    width: 100%;
    z-index: 0;
}

.group-reservation.bg-gallery {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 9;
}

    .group-reservation.bg-gallery .flexslider .slides {
        height: 100%;
        width: 100%;
    }

        .group-reservation.bg-gallery .flexslider .slides li {
            max-height: 800px;
            height: 800px;
            overflow: hidden;
        }

            .group-reservation.bg-gallery .flexslider .slides li img {
                width: 100%;
                height: 1062px;
                position: absolute;
                top: -13%;
                min-width: 1600px;
                min-height: 1062px;
            }

.group-reservation .left-box {
    width: 45%;
    margin-top: 17px;
    padding-top: 20px;
}

.group-reservation .right-box {
    width: 50%;
    margin-top: 17px;
}

.group-reservation .info-box.right-box table {
    width: 100%;
}

.group-reservation .info-box table td {
    width: 50%;
    padding: 5px;
}

    .group-reservation .info-box table td.rooms-config,
    .group-reservation .info-box table td.comments {
        padding: 0;
        width: 100%;
    }

        .group-reservation .info-box table td.rooms-config table {
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .group-reservation .info-box table td.rooms-config table tr td {
                padding: 0;
                width: 25%;
            }

                .group-reservation .info-box table td.rooms-config table tr td select {
                    width: 80%;
                }

    .group-reservation .info-box table td input,
    .group-reservation .info-box table td select {
        width: 100%;
        box-sizing: border-box;
        height: 38px;
    }

.info-box {
    background: rgba(255, 255, 255, 0.7);
    padding: 10px;
}

.groups-autocomplete-list-container {
    position: absolute;
    z-index: 10000;
}

.group-reservation .submit-btn {
    margin-top: 8px;
    height: 38px;
    width: 200px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 18px;
    background: #dc140a;
    color: #fff;
    padding: 0;
    border: none;
}

    .group-reservation .submit-btn:hover {
        background: #ef382f;
    }

    .group-reservation .submit-btn:hover {
        cursor: pointer;
    }

.group-reservation .group-wrapper {
    padding-top: 40px;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

time-info {
    color: red;
    margin-left: 5px;
    font-size: 16px;
    cursor: pointer;
}

.transfer-results-container .filter-item.search-config .item-container .flight-time .time-info .popup,
.time-info .popup {
    display: none;
}

.transfer-results-container .filter-item.search-config .item-container .flight-time .time-info:hover .popup,
.time-info:hover .popup {
    position: absolute;
    width: 250px;
    font-size: 10px;
    line-height: 13px !important;
    background: #fff;
    z-index: 1;
    padding: 10px;
    top: calc(50% - 36px);
    display: block;
    left: 20px;
    border: 1px solid #aaa;
}

.transfer-results-container .filter-item.search-config .item-container .flight-time .time-info:hover .popup {
    left: -228px;
    color: red;
}

.time-info:hover .popup .fa {
    position: absolute;
    left: -7px;
    font-size: 20px;
    top: 26px;
    z-index: 1;
    color: #fff;
}


.list-box-1 {
    width: 30%;
    margin-top: 17px;
    padding-top: 20px;
}

.list-box-2 {
    width: 30%;
    margin-left: 35%;
    padding-top: 20px;
}

.list-box-3 {
    width: 30%;
    margin-left: 70%;
    top: -30%;
}

.label-error {
    color: red;
}

padding-bottom-5 {
    padding-bottom: 5px;
}

#searchTabHotelMvc {
    margin-top: 40px;
}

.mobile {
    display: none;
}

@media (max-width: 800px) {

    .header .top-header {
        width: 100%;
        margin: 0 auto;
    }

    .footer .footer-container {
        width: 100%;
        margin: 0 auto;
    }

        .footer .footer-container .top,
        .footer .footer-container .bottom {
            padding-left: 20px;
            padding-right: 20px;
        }

    .header .header-container {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 10px;
    }

    .footer .links {
        margin-top: 0px;
        text-align: right;
    }
}


@media (min-width: 801px) and (max-width: 900px) {

    .generic-layout {
        width: 148%;
    }

}

@media (max-width: 800px) {

    .search-tab-container .slide-content,
    .search-tab-container .agent-login {
        float: none;
        width: calc(100% - 40px);
        margin: 0 auto;
        padding: 0;
        margin-top: 20px;
        margin-bottom: 10px;
        background: rgba(255, 255, 255, 0.7);
        color: #021f63;
        min-width: 300px;
        /*min-height: 422px;*/
    }

        .slide-content .title, .search-tab-container .agent-login .title .agent-login .content {
            padding: 20px;
        }

        .search-tab-container .slide-content .description {
            margin-top: 0;
            padding: 0px 20px 20px 20px;
        }

    .search-tab-container .full-width {
        width: 100%;
        min-height: inherit;
    }

    .sea {
        display: block;
        width: 80%;
    }

    .mobile {
        display: block;
    }

    .bg-gallery .flexslider {
        width: 450%;
        height: 900px;
        position: fixed;
        top: 0;
    }

    .search-tab-container .agent-login .content {
        margin-top: 10px;
    }

    .footer,
    .header {
        position: relative;
        z-index: 1;
    }

        .header .top-header .contact,
        .header .header-container .logo {
            margin-left: 10px;
        }

    .top-header .user-info {
        margin-right: 10px;
    }

    .main-search-wrapper .slider-container {
        width: 40%;
        margin-top: 40px;
        float: none;
    }

    .main.client-interface .main-search-wrapper .top-destinations {
        margin: 0 auto;
        width: 100%;
        padding-top: 20px;
        /* padding-bottom: 100px; */
    }

    .top-destinations .location.wide {
        width: 100%;
        position: absolute;
        left: 0px;
        overflow: hidden;
    }

    .main.client-interface .main-search-wrapper .search-tab-wrapper {
        width: 100%;
        position: relative;
        margin: 0 auto;
        z-index: 999;
    }

    .main-search-wrapper .search-tab-container {
        width: 100%;
        float: left;
    }

    .search-config-elements .room-configurator select {
        width: 80px;
    }

    .group-reservation textarea, .group-reservation .custom-content input, .group-reservation .custom-content select, .search-tab-container .custom-content select, .search-tab-container .custom-content input, .search-tab-container .custom-element input, .search-tab-container .custom-element select, .search-tab-container .ddlChildAge {
        padding: 0px;
        border-radius: 0;
        box-sizing: border-box;
        height: 28px;
        border: 1px solid #000000;
        font-style: italic;
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
    }

    .search-config-elements #divRooms {
        margin-left: 0px;
    }

    .main-search-wrapper .slider-container {
        width: 100%;
    }

    .search-config-elements .nights .custom-content select {
        width: 40px;
    }

    .search-config-elements .zone.destination .dates .custom-content .date-icon {
        top: 28px;
    }

    .header .top-header-wrapper {
        height: 70px;
        background: #032d6d;
    }

    .header .top-header .contact {
        margin-left: 10px;
    }

    .header-container .menu li {
        margin-left: 10px;
    }

    .header-container .menu {
        margin-top: 0px;
        padding: 5px 0 0px 0px;
        margin: 0px 10px 0px 0px;
    }

    .header-container .shopping-cart .icon {
        margin-right: 25px;
    }


}



/* Transfers */
@media (max-width: 800px) {

    .content.group-reservation {
        width: 100%;
    }

    .search-panel.transfer .search-config-elements {
        padding: 10px 10px 100px 10px;
    }
}


/* Hotel Search Results */
@media (max-width: 800px) {
    .content {
        width: 100%;
    }

    .hotel-results-wrapper .hotel-results-container {
        width: 100%;
    }

    .view-list {
        width: 100%;
        position: relative;
    }

    .hotel-tabs-container .tabs {
        left: 0;
        position: absolute;
        width: 300px;
    }

    #availability-wrap {
        float: none;
        width: 100%;
    }

    .hotel-results-container .filter {
        width: 100%;
    }

    .page-order .order {
        width: 100%;
        /*height: 200px;*/
    }

    .topbar-wrapper .order-wrapper {
        width: 100%;
    }

    .mobile {
        display: block;
    }
}


@media (max-width:800px) {
    .zone.left.w1-2 {
        width: 100%;
    }

    .zone.w1-2.right {
        width: 100%;
    }

    #transfer-search .row.w1-3.with-margin.left {
        width: 45%;
    }

    .search-panel.transfer .destination-input .custom-input {
        width: 200px;
        margin-left: 10px;
    }

    #transfer-search .search.right {
        margin-top: 40px;
    }

    .group-reservation.bg-gallery .flexslider {
        position: fixed;
    }

    .group-reservation.bg-gallery {
        z-index: 0;
    }

        .group-reservation.bg-gallery .flexslider .slides li {
            height: 600px;
        }

    .group-reservation-wrapper {
        min-height: 600px;
    }
}

@media (max-width:800px) {
    .group-reservation {
        width: 100%;
    }

    .left-box {
        width: 100%;
    }

    .right-box {
        float: left;
    }

    .group-reservation .right-box {
        width: calc(100% - 40px);
        margin-left: 10px;
        margin-right: 10px;
        /*margin-top: 17px;*/
    }

    .group-reservation .left-box {
        width: calc(100% - 40px);
        margin-left: 10px;
        margin-right: 10px;
    }

    .info-box {
        width: calc(100% - 40px);
        margin-left: 10px;
        margin-right: 10px;
    }

    #LastName {
        width: 100px;
    }

    #FirstName {
        width: 100px;
    }

    .custom-content {
        width: 100px;
    }

    .group-reservation .contact-details .custom-content.first-name, .group-reservation .contact-details .custom-content.last-name {
        margin-left: 17px;
        width: 30.8%;
        display: inline;
    }

    .group-reservation .contact-details .custom-content.phone-evening, .group-reservation .contact-details .custom-content.email {
        margin-left: 12px;
        width: 30.8%;
        display: inline;
    }



    .contact-details .label {
        display: block;
        font-weight: bold;
        color: #041218;
        position: relative;
        margin-bottom: 7px;
        text-transform: uppercase;
        font-size: 11px;
        height: 45px;
    }

    .group-reservation .custom-content input {
        height: 34px;
    }

    #Title {
        height: 34px;
    }

    #NoSingle {
        height: 34px;
    }

    #NoDouble {
        height: 34px;
    }

    #NoTwin {
        height: 34px;
    }

    #NoTriple {
        height: 34px;
    }

    #FlexibleDatesId {
        height: 34px;
    }

    #NoPeople {
        height: 34px;
    }


    html, body, input, select {
        /* font-family: 'Lato', sans-serif; */
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        width: 1220px;
        height: 60px;
    }

    .footer .footer-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 200%;
        /*display: none;*/
    }

    .wrapper {
        position: relative;
        margin: 0px -630px 0px 0px;
    }

    .transfer-description {
        margin: 0px 0px 0px 0px;
    }

    .online .price-breakdown {
        margin: 0px -70px 0px 0px;
    }

    .online.general {
        width: 1200px;
        margin: 0 auto;
        padding-bottom: 15px;
        background: #fff;
        border: 1px solid #e1e1e1;
        padding-left: 170px;
        padding-right: 150px;
    }


    .online.reservation-wrapper {
        padding: 0;
        position: relative;
        /* padding-left: 120px; */
        padding-right: 120px;
    }


    html, body, input, select {
        /* font-family: 'Lato', sans-serif; */
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        width: 900px;
        height: 60px;
    }


    .search-config-elements .room-config-details .ch-ages select, .search-config-elements .room-config-details .infants, .search-config-elements .room-config-details .room-container .children {
        margin-left: 0px;
    }

    /* .footer, .header {
        position: relative;
        z-index: 1;
        margin: 0px 420px 0px 0px;
    }

    .client-interface {
        border-bottom: 1px solid #dce0e3;
        padding-top: 10px;
        background: #f6f6f6;
        margin: 0px 420px 0px 0px;
    }

    .online.general {
        width: 1200px; 
        margin: 0 auto; 
        padding-bottom: 15px;
        background: #fff;
        border: 1px solid #e1e1e1;
        padding-left: 0px; 
        padding-right: 0px;
    }*/



    #bookingBetweenEnd {
        margin-left: 0px
    }

    #bookingBetweenStart {
        margin: 0px 0px 0px 0px;
    }

    .hotel-search.price-breakdown {
        font-size: 12px;
        margin: 0px 10px 0px 0px;
    }


    .footer, .header {
        position: relative;
        z-index: 1;
        margin: 0px 0px;
    }

    .full-width {
        width: 1485px;
    }


    .t-a-right {
        text-align: left;
    }

    html, body, input, select {
        /* font-family: 'Lato', sans-serif; */
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        width: 200px;
        height: 60px;
    }

    .wrapper {
        position: relative;
        margin: 0px -180px 0px 0px;
    }

    .full-width_admin {
        width: 0px;
    }

    .wrapper_admin {
        position: relative;
        margin: 0px 10px 0px 0px;
    }

    .control-panel-wrapper #mainControlPanel {
        width: 300px;
        margin: 0 auto;
        padding-bottom: 15px;
        /* padding-top: 10px; */
        /* min-height: 579px; */
        position: relative;
    }


    .standard-wrapper .standard-container {
        width: 1480px;
        margin: 0px;
        padding-bottom: 15px;
        /* padding-top: 10px; */
        /* min-height: 579px; */
        position: relative;
    }

    .multilanguage {
        height: 1100px;
        margin-top: 20px;
    }

    .search-panel.transfer .has-return-transfer {
        position: relative;
        margin: 0px 3px 35px 0px;
    }



    .top-destinations-wrapper {
        padding-bottom: 50px;
        min-height: 30px;
        margin: 0px 0px 0px -410px;
    }

    .location .bg, .top-destinations .location .bg img {
        width: 790px;
        /* height: 100%; */
        background: #aadfef;
    }




    .top-destinations .location.wide {
        width: 395px;
        position: absolute;
        left: 410px;
        overflow: hidden;
    }





    .custom-content {
        width: 0px;
    }




    .search-panel.transfer .passengers .custom-select.with-margin, .search-panel.transfer .row.flight-time {
        margin-left: 0px;
    }




    .ui-datepicker {
        font-size: 12px !important;
        margin: 0px 0px 0px 0px;
    }


    .hotel-results-container .orderby-container .order .title, .flight-container .results .orderby-container .order .title, .transfer-results-container .results .orderby-container .order .title {
        font-size: 16px;
        float: left;
        margin-left: -15px;
        margin-right: 0px;
    }





    .full-width {
        width: 340px;
    }

    .hotel-search.price-breakdown {
        font-size: 12px;
        margin: 0px 10px 0px 0px;
        margin-left: -11px;
    }


    .collapsed {
        width: 40px;
    }

    .wrapper {
        position: relative;
        margin: 0px -195px 0px 0px;
    }

    .wrapperBook {
        position: relative;
        margin: 0px -400px 0px 0px;
    }

    /*.wrapper {
        position: relative;
        margin: 0px -400px 0px 0px;
    }*/

    .btn {
        width: 120px;
    }

    #HotelTransfer_TransferSearch_OutboundHH {
        height: 10px;
    }

    #HotelTransfer_TransferSearch_OutboundMM {
        height: 10px;
    }

    #HotelTransfer_TransferSearch_ReturnHH {
        height: 10px;
    }

    #HotelTransfer_TransferSearch_ReturnMM {
        height: 10px;
    }


    .js-pax {
        width: 10px;
    }

    .online.general {
        width: 391px;
        margin: 0 auto;
        padding-bottom: 15px;
        background: #fff;
        border: 1px solid #e1e1e1;
        padding-left: 0px;
        padding-right: 0px;
    }


    input {
        /* font-family: 'Lato', sans-serif; */
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        width: 200px;
        height: 20px;
    }

    .transfer-results-wrapper .transfer-results-container, .hotel-results-wrapper .hotel-results-container {
        width: 580px;
        margin: 0px 0px 0px 0px;
        padding-bottom: 15px;
    }

    .collapsed .full-width .hotel-search .price-breakdown {
        width: 10px;
    }

    input[type=checkbox] {
        top: 20px;
        margin: 0px -90px 0px 0px;
    }

    #chk-accept-terms {
        margin-left: -90px;
    }

    .btn.action, .btn.update {
        background: #428bca;
        /* box-shadow: 0px 2px 0px #055886; */
        color: #fff;
        height: 30px;
    }

    /*#ui-datepicker-div {
        font-size: 10px !important;
        margin: 0px 0px 0px -10px;
    }*/


    .transfer-results-container .filter-item.search-config .item-container .flight-time .time-info:hover .popup, .time-info:hover .popup {
        position: absolute;
        width: 250px;
        font-size: 10px;
        line-height: 13px !important;
        background: #fff;
        z-index: 1;
        padding: 10px;
        top: calc(50% - 36px);
        display: block;
        left: -170px;
        border: 1px solid #aaa;
    }

    #btnClear {
        height: 30px;
    }

    #booking-reference {
        width: 65px;
    }

    input[id*="chk-accept-cxl-charges"] {
        margin: 5px 4px 0px 0px;
        width: 25px;
    }

    label[for*="chk-accept-cxl-charges"] {
        margin: 5px 4px 0px 0px;
        width: 25px;
    }

    input[id*="chk-accept-hotel-info"] {
        margin: 5px 4px 0px 0px;
        width: 25px;
    }

    label[for*="chk-accept-hotel-info"] {
        margin: 5px 4px 0px 0px;
        width: 25px;
    }


    .js-use-for-all-stays {
        margin: 0px 0px 0px 30px;
    }




    .ui-dialog .ui-widget .ui-widget-content .ui-corner-all .ui-draggable .ui-dialog-buttons {
        width: 20px;
    }

    .ui-dialog {
        border: 1px solid rgba(0, 0, 0, 0.2);
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        background: #fff;
        min-width: 400px;
    }



    label[for*="-request-"] {
        font-size: 11px;
    }

    input[data-request-name="High floor"] {
        top: 20px;
        margin: 0px -90px 0px -158px;
    }


    input[data-request-name*="Smoking room"] {
        top: 20px;
        margin: 6px -90px 0px -176px;
    }




    input[data-request-name="Late check-in"] {
        top: 20px;
        margin: 32px -90px 0px -342px;
    }

    input[data-request-name*="Non-smoking room"] {
        top: 20px;
        margin: 5px -90px 0px -341px;
    }

    label[for*="-request-37"] {
        font-size: 11px;
        margin-left: -90px;
    }

    .topbar-tabs {
        margin: 0px 0px 0px -20px;
    }




    .advanced-search-container .meals, .advanced-search-container .rating {
        width: 47%;
        float: left;
    }



        .advanced-search-container .rating .separator, .advanced-search-container .meals .separator {
            position: absolute;
            height: 80%;
            width: 1px;
            background: rgb(255, 255, 255);
            border-left: 1px solid #ababab;
            bottom: 0;
            right: -3px;
        }


        .advanced-search-container .meals .label, .advanced-search-container .rating .label {
            font-weight: bold;
            color: #333;
            text-indent: 0px;
        }


    .search-config-elements .room-config-details {
        margin-top: 40px;
    }

    #ddlAdultsNo_1 {
        width: 108px;
    }

    #ddlChildrenNo_1 {
        width: 108px;
    }

    #ddlInfantsNo_1 {
        width: 108px;
    }

    #ddlAdultsNo_2 {
        width: 108px;
    }

    #ddlChildrenNo_2 {
        width: 108px;
    }

    #ddlInfantsNo_2 {
        width: 108px;
    }



    #ddlAdultsNo_3 {
        width: 108px;
    }

    #ddlChildrenNo_3 {
        width: 108px;
    }

    #ddlInfantsNo_3 {
        width: 108px;
    }





    #ddlAdultsNo_4 {
        width: 108px;
    }

    #ddlChildrenNo_4 {
        width: 108px;
    }

    #ddlInfantsNo_4 {
        width: 108px;
    }



    #ddlAdultsNo_5 {
        width: 108px;
    }

    #ddlChildrenNo_5 {
        width: 108px;
    }

    #ddlInfantsNo_5 {
        width: 108px;
    }



    #ddlAdultsNo_6 {
        width: 108px;
    }

    #ddlChildrenNo_6 {
        width: 108px;
    }

    #ddlInfantsNo_6 {
        width: 108px;
    }

    .search-config-elements .room-config-details .ch-ages select, .search-config-elements .room-config-details .infants, .search-config-elements .room-config-details .room-container .children {
        margin-left: 0px;
        width: 81px;
    }



    .main-search-wrapper .slider-container .flexslider {
        height: 279px;
        border-radius: 0;
        background: rgba(0, 0, 0, 0.65);
        margin-top: 385px;
    }





    label[for*="-copy-last-name"] {
        margin: 15px -212px 0px 0px;
        width: 25px;
    }

    input[id*="-copy-last-name"] {
        margin: 0px 0px 0px 0px;
        width: 20px;
    }

    #card-first-name {
        width: 110px;
    }

    #card-last-name {
        width: 110px;
    }


    #card-email {
        width: 110px;
    }

    #billing-towncity {
        width: 110px;
    }

    #billing-postcode {
        width: 110px;
    }



    #card-expiry-month {
        width: 89px;
    }

    #card-type {
        width: 89px;
    }

    #card-expiry-year {
        width: 60px;
    }

    #billing-county {
        width: 110px;
    }

    #billing-country {
        width: 140px;
    }


    .modal.pop-up .title {
        font-size: 20px;
        padding: 9px;
        display: block;
        background: #f5f5f5;
        border-bottom: 1px solid #efefef;
        /* width: 36px; */
        margin: 0px 0px 0px 26px;
    }

    /*.content {
        width: 417px;
        margin: 0px 0px 0px 10px;
    }*/

    .modal.pop-up.default .content {
        font-size: 14px;
        padding: 6px;
        display: block;
        margin-top: 10px;
    }

    .modal.pop-up.default .buttons-container {
        width: 90%;
        /* margin: 10px auto; */
        margin-left: -85px;
    }


    .cookies .js-cookies {
        margin-top: 20px;
    }

    .message {
        margin-top: 20px;
    }

    .content {
        width: 385px;
        margin: 0px 0px 0px 10px;
    }

    .hotel-tabs-container .tabs {
        left: 0;
        /* position: absolute; */
        width: 300px;
        margin-top: -33px;
    }

    /*.footer .footer-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 350px;
    }*/


    /*.hotel-search.price-breakdown {
        font-size: 12px;
        margin: 0px 10px 0px 0px;
        margin-left: -24px;
    }*/


    .wrapper {
        position: relative;
        margin: 0px -175px 0px 0px;
    }

    .online.general {
        width: 375px;
        margin: 0 auto;
        padding-bottom: 15px;
        background: #fff;
        border: 1px solid #e1e1e1;
        padding-left: 0px;
        padding-right: 0px;
    }


    .online.cxl-policy-wrapper, .online.price-breakdown, .online.default-wrapper, .offline.transfer-booking-details .remarks-wrapper, .offline .hotel-booking-details .remarks-wrapper, .offline .hotel-booking-details .product-description-wrapper, .offline .transfer-booking-details .passengers-details-wrapper, .offline .hotel-booking-details .passengers-details-wrapper, .offline .hotel-booking-details .room-details-wrapper, .offline .transfer-booking-details .cxl-policy-wrapper, .offline .hotel-booking-details .cxl-policy-wrapper, .offline.services-config-details-wrapper .product-description-wrapper, .offline.services-config-details-wrapper .cxl-policy-wrapper, .offline.services-config-details-wrapper .passengers-details-wrapper, .offline.services-config-details-wrapper .remarks-wrapper {
        padding: 5px;
        /* margin-bottom: 10px; */
        background: #f7f7f7;
        width: 363px;
    }



    input[data-request-name="Ground floor"] {
        top: 20px;
        margin: 0px -90px 0px -98px;
    }

    input[data-request-name="Late check- out"] {
        top: 20px;
        margin: 32px -90px 0px -447px;
    }

    input[data-request-name*="Double bed"] {
        top: 20px;
        margin: 6px -90px 0px -98px;
    }



    input[data-request-name*="Adjacent rooms"] {
        top: 20px;
        margin: 5px 0px 0px -98px;
    }

    input[data-request-name*="Cot"] {
        top: 20px;
        margin: 37px -90px 0px -376px;
    }

    input[data-request-name*="2 beds"] {
        top: 20px;
        margin: 37px -90px 0px -376px;
    }

    input[data-request-name*="Honeymoon"] {
        top: 20px;
        margin: 69px -90px 0px -447px;
    }

    input[data-request-name="Early check-in"] {
        top: 20px;
        margin: 0px -90px 0px -299px;
    }



    .top-destinations .location.wide {
        width: 375px;
        position: absolute;
        left: 410px;
        overflow: hidden;
    }

    .location .bg, .top-destinations .location .bg img {
        width: 388px;
        /* height: 100%; */
        background: #aadfef;
        margin-left: -5px;
    }




    .ui-dialog {
        border: 1px solid rgba(0, 0, 0, 0.2);
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        background: #fff;
        min-width: 375px;
        margin-left: -30px;
    }

        .ui-dialog .ui-dialog-titlebar {
            color: #333;
            font-size: 20px;
            padding: 9px !important;
            display: block;
            background: #f5f5f5;
            font-weight: normal;
            border-radius: 0;
            border: none;
            border-bottom: 1px solid #efefef;
            width: 359px;
            margin-left: 22px;
        }

    .footer .footer-container {
        width: 100%;
        margin: 0 auto;
        margin-top: 0px;
    }

    .main-search-wrapper .slider-container {
        width: 100%;
        margin-top: 176px;
    }

    .top-destinations .location.wide .content {
        position: relative;
        z-index: 2;
        text-shadow: 1px 1px 2px #333;
        color: #fff;
        width: 85%;
        margin: 0 auto;
        top: -67px;
    }



    .full-width {
        height: 350px;
        width: 345px;
        top: 64px;
    }

    .top-destinations .location.wide {
        width: 375px;
        position: absolute;
        left: 410px;
        overflow: hidden;
        margin-top: -20px;
    }

    .search-panel {
        margin: 0 auto;
        position: relative;
        z-index: 21;
        background: rgba(255, 255, 255, 0.7);
        min-height: 236px;
        width: 100% !important;
        top: 1px;
    }

    /*.main.client-interface {
        min-height: 7300px;
    }*/


    .search-tab-container .full-width {
        width: 100%;
        min-height: inherit;
        height: 940px;
    }

    .search-tab-container .advanced-search-container {
        width: 100%;
        margin-top: -440px;
    }

    .main-search-wrapper .slider-container {
        width: 100%;
        margin-top: 400px;
    }

    .advanced-search-container .rating .item, .advanced-search-container .meals .item, .advanced-search-container .facilities-table .item {
        padding-top: 3px;
        margin-left: -57px;
    }

    .advanced-search-container .rating .separator, .advanced-search-container .meals .separator {
        position: absolute;
        height: 80%;
        width: 1px;
        background: rgb(255, 255, 255);
        border-left: 1px solid #ababab;
        bottom: 0;
        right: 10px;
    }

    .search-tab-container .advanced-search-container .content {
        padding: 0px;
        margin-left: -13px;
    }

    .advanced-search-container .meals .item, .advanced-search-container .facilities-table .item {
        padding-top: 3px;
        margin-left: -28px;
    }

    .advanced-search-container .rating .label {
        font-weight: bold;
        color: #333;
        text-indent: 0px;
        margin-left: 28px;
    }

    .advanced-search-container .box-facilities .facilities-title {
        font-weight: bold;
        text-align: left;
        margin-left: 33px;
        margin-bottom: 9px;
        text-transform: uppercase;
    }


    .top-destinations .location.wide .content .title {
        margin-top: 70px;
        font-size: 20px;
        font-weight: lighter;
        margin-left: -18px;
        width: 360px;
    }

    .search-tab-container .full-width {
        width: 100%;
        min-height: inherit;
        height: 616px;
    }

    .search-tab-container #tabbed-search {
        background: rgba(255, 255, 255, 0.7);
        height: 860px;
        width: 100% !important;
        top: 40px;
    }

    .main-search-wrapper .slider-container {
        width: 100%;
        margin-top: 211px;
    }


    .slide-content .description {
        color: #fff;
        margin-top: 0px;
        font-size: 11px;
    }



    .search-config-elements .zone.property-listing input[type=checkbox] {
        position: relative;
        top: 6px;
        margin: 0px -60px 0px 0px;
    }

    #HotelTransfer_TransferSearch_PickupPointId {
        width: 10px;
        margin-left: -3px;
        max-width: 120px;
    }

    .search-panel.transfer .row.flight-time .custom-select span {
        margin-left: 0px;
        margin-right: 5px;
        line-height: 38px;
    }


    .top-destinations .location.wide {
        width: 375px;
        position: absolute;
        left: 410px;
        overflow: hidden;
        margin-top: -20px;
        height: 244px;
    }


        .top-destinations .location.wide .content .deals-explore {
            margin-top: 20px;
            margin-left: 50px;
            display: block;
            width: 250px;
            border: 1px solid #fff;
            padding: 10px;
            color: #fff;
            text-decoration: none;
            text-align: center;
            font-size: 14px;
            text-transform: uppercase;
        }


    .main.client-interface .main-search-wrapper {
        width: 100%;
        margin-top: -10px;
        background: #fff;
        height: 860px;
        min-height: 1800px;
    }

    .top-destinations .location.wide .content .description {
        font-size: 14px;
        font-weight: lighter;
        line-height: 30px;
        /* width: 90%; */
        margin-top: 0px;
    }

    #ctl00_ContentPlaceHolder2_ucHotelSearchTab_categoriesOfFacilities{
        height: 800px;
    }



    .full-width {
        height: 59px;
        width: 345px;
    }


    .transfer-results-container .filter-item.search-config .start-search {
        width: 100%;
        display: block;
        padding: 11px 0px;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        position: relative;
        top: 1px;
        font-weight: 100;
        font-size: 20px;
        color: #fff;
        border: 1px solid red;
        margin-top: 40px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: 0.2s;
        z-index: 10;
        cursor: pointer;
        height: 45px;
        margin-left: -10px;
    }


    .content {
        width: 100%;
        margin: 0px 0px 0px 10px;
    }

    #ui-datepicker-div {
        font-size: 10px !important;
        margin: -205px 0px 0px -10px;
    }

    .transfer-results-container .results, .flight-container .results, .hotel-results-container .results {
        width: 55%;
        float: right;
        padding-top: 0;
    }

    .transfer-results-container .filter, .flight-container .filter, .hotel-results-container .filter {
        width: 45%;
    }


    /* Admin Pages*/


    .standard-wrapper .standard-container {
        width: 352px;
        margin: 0px;
        padding-bottom: 15px;
        /* padding-top: 10px; */
        /* min-height: 579px; */
        position: relative;
    }

    .select-agencies .collapsed .portlet-standard-table{
        width: 10px;
    }

    .select-agencies td {
        font-size: 7px;
        text-align: left;
    }


    .portlet-standard-table td {
        padding: 0px;
        border: 1px solid #ddd;
    }


    #email {
        width: 100%;
    }

    #username {
        width: 100%;
    }

    .bottom .pagination .right{
        margin-left: -10px;
    }

    .collapsed {
        width: 100%;
    }

    .form-control{
        width: 100%;
    }

    input[data-action-type=BookingPayment] {
        top: 20px;
        margin: 5px -90px 0px 0px;
        width: 53px;
    }

    input[data-action-type=BookingList] {
        top: 20px;
        margin: 5px -90px 0px 0px;
        width: 53px;
    }

    input[data-action-type=BookingDetails] {
        top: 20px;
        margin: 5px -90px 0px 0px;
        width: 53px;
    }

    input[data-action-type=CancelBooking] {
        top: 20px;
        margin: 5px -90px 0px 0px;
        width: 53px;
    }

    #dataCalculation {
        top: 20px;
        margin: 5px -90px 0px 0px;
        width: 53px;
    }

    input[data-action-type=SearchHotel] {
        top: 20px;
        margin: 5px -90px 0px 0px;
        width: 53px;
    }

    input[data-action-type=SearchTransfer] {
        top: 20px;
        margin: 5px -90px 0px 0px;
        width: 53px;
    }

    input[data-action-type=BreakdownPrices] {
        top: 20px;
        margin: 5px -90px 0px 0px;
        width: 53px;
    }

    input[data-action-type=CancellationPolicy] {
        top: 20px;
        margin: 5px -90px 0px 0px;
        width: 53px;
    }

    input[data-action-type=AddBooking] {
        top: 20px;
        margin: 5px -90px 0px 0px;
        width: 53px;
    }

    #filterAction {
        height: 27px;
    }

    #clear {
        margin-top: 5px;
        height: 27px;
    }

    .transfer-results.wrapper .wrapper_admin .transfer-container, .settings-wrapper .settings-container, .standard-wrapper .standard-container, .password-wrapper .password-container, .insurance-wrapper .insurance-container, .clients-wrapper .clients-container, .markups-wrapper .markups-container, .newsletter-wrapper .newsletter-container, .events-wrapper .events-container, .top-destinations-wrapper .top-destinations-container, .spo-offer-wrapper .spo-offer-container, .cc-fee-wrapper .cc-fee-container, .destinations-group-wrapper .destinations-group-container, .supplier-wrapper .supplier-container, .add-agency-wrapper .add-agency-container, .featured-hotels-wrapper .featured-hotels-container, .package-spo-wrapper .package-spo-container, .top-destinations-wrapper .top-destinations-container, .messages-wrapper .messages-container, .users-wrapper .users-container, .roles-wrapper .roles-container, .departments-wrapper .departments-container, .multilanguage-wrapper .multilanguage-container, .loyality-wrapper .loyality-container, .account-settings-wrapper .account-settings-container, .voucher-info-wrapper .voucher-info-container, .reminders-wrapper .reminders-container, .exchange-wrapper .exchange-container, .poi-wrapper .poi-container, .neighbourhoods-wrapper .neighbourhoods-container, .option-date-wrapper .option-date-container, .package-wrapper .package-container, .finance-wrapper .finance-container, .reports-wrapper .reports-container, .control-panel-wrapper #mainControlPanel, .find-reservation-wrapper #findReservations, .agent-invoice-wrapper .agent-invoice-container, .wl-agency-wrapper .wl-agency-container, .markup-groups-wrapper .markup-groups-container, .flight-settings-wrapper .flight-settings-container, #mainScreenSearchTrnsf {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 15px;
        /* padding-top: 10px; */
        /* min-height: 579px; */
        position: relative;
    }


    /*input[type=checkbox] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }*/

    input[id=chkb2b] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chkb2c] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chkbll] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chkF] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chknb2c] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chkTST] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chkTST_old] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chkDA] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chkDE] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chkEN] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chkES] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chkFI] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chkFR] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chkHU] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chkIT] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chkNL] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chkNO] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chkPT] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }

    input[id=chkSV] {
        top: 20px;
        margin: 0px -176px 0px 0px;
    }


    input[id=chkOverwrite] {
        top: 20px;
        margin: -105px -220px 0px -86px;
    }


    #btnImportLabels {
        margin: 147px 0px 0px -333px;
    }


    input[id=importFile] {
        margin: 0px 0px 0px -19px;
    }

    label[for=chkOverwrite] {
        margin: -2px 6px 22px 128px;
    }


    #enabled {
        margin-left: -128px;
        width: 116px;
        margin-top: 0px;
    }

    label[for=enabled] {
        margin-left: -44px;
        margin-top: -37px;
    }

    .portlet-container {
        display: block;
        width: 95%;
        padding: 10px;
        background: #fff;
        border: 1px solid #e1e1e1;
        margin-top: 10px;
    }






    /*element.style {
        visibility: hidden;
        border-width: 1px;
        width: 373px;
    }*/

    .form-control {
        width: 100%;
    }

    .mce-tinymce .mce-container .mce-panel {
        width: 100%;
    }

    #Page {
        width: 100px;
    }

    #Language {
        width: 100px;
    }

    #Enabled {
        width: 100px;
    }

    /*div[id*="mceu_"] {
        width: 400px;
    }*/

    #tbEditCMS {
        width: 400px;
    }


    #promotionName {
        width: 70px;
        margin-left: -60px;
    }


    #size {
        width: 70px;
        margin-left: -60px;
    }

    /*div.inline {
        margin-left: -85px;
    }*/

    /*div.inline {
        margin-left: -90px;
        width: 100%;
    }*/

    

}
