/*
beacr
custom.css
Copyright (C) 2016 Nexteam S.r.l., All rights reserved.
*/
/* 
    Created on : 5-lug-2016, 14.46.13
    Author     : Roby
*/

/* ===================================
   NEW CLASSES
=================================== */

.status-button {
    display: inline-block;
    height: 31px;
    line-height: 31px;
    padding: 0 10px;
    border-radius: 3px;
    border: 1px solid #c6d6df;
}

.status-button i {
    vertical-align: text-top;
}

.ScrollHeight {
    height:400px;
}

.DeleteBtn span {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 16px;
    box-sizing: border-box;
}

.DeleteBtn span:before {
    display: block;
}

.CustomTag {
    border-radius: 3px;
    padding: 5px 10px;
}

.CustomTagSmall {
    border-radius: 3px;
    padding: 2px 8px;
}

.UserImgSmall img {
    height: 22px;
    margin-right: 5px;
    vertical-align: sub;
}

.UserImg img {
    height: 39px;
}

.BordNone {
    border: 0;
}

.Nothead thead {
    display: none;
}

.Hidden {
    display: none;
}

.Viewthead thead {
    display: table-header-group;
}

.customMenu, .customMenu a {
    line-height: 20px !important;
}

.customMenu .ui-menuitem-icon {
    background-image: none;
    text-indent: initial;
    width: 20px;
    height: 20px;
    margin-right: 8px !important;
}

.ColumnButton .ui-icon {
    background: none !important;
    text-indent: initial;
}

/* classe creata per fix safari su macbook */
.Container80 {
    width: 79.9%;
}

.Wid30Fx {
    width: 30px;
}

.Wid45Fx {
    width: 45px;
}

.Wid60Fx {
    width: 60px;
}

.Wid65Fx {
    width: 65px;
}

.Wid70Fx {
    width: 70px;
}

.Wid75Fx {
    width: 75px;
}

.MinWid75Fx {
    min-width: 75px;
}

.Wid80Fx {
    width: 80px;
}

.Wid90Fx {
    width: 90px;
}

.Wid100Fx {
    width: 100px;
}

.Wid110Fx {
    width: 110px;
}

.Wid120Fx {
    width: 120px;
}
.Wid130Fx {
    width: 130px;
}

.Wid140Fx {
    width: 140px;
}

.Wid170Fx {
    width: 170px;
}

.Wid180Fx {
    width: 180px;
}

.Wid200Fx {
    width: 200px;
}



.Wid100Child {
    display: block !important;
    width: 100% !important;
}

.Wid100Child input {
    width: 100%;
    box-sizing: border-box;
}




.CustomToggler > div {
    margin: 0 auto;
}

.CustomerGrid {
    width: 100%;
}

.ColumnResults td:first-child {
    width: 20px;
}

.PanelGroupButton {
    margin: 3px 4px 0 0 !important;
}

.PanelGroupSearch {
    margin: 4px 4px 0 0 !important;
}

.MarLeft10 {
    margin-left: 10px;
}

.MarLeft5 {
    margin-left: 10px;
}

.PrevMessage {
    width: 100%;
}

.PrevMessage td:nth-child(1) {
    width: 20px;
}

.PrevMessage td:nth-child(2) {
    width: 120px;
}

.PrevMessage td:nth-child(3) {
    width: 200px;
}

.toggleMessage {
    display: none;
}

.vAlignBottom {
    display: inline-block;
    vertical-align: bottom;
}

.MarRight5 {
    margin-right: 5px;
}

.NoWrap {
    white-space: nowrap;
}

.SmallSpinner input {
    width: 65px;
}

.CalendarSmall input {
    width: 90px;
}

.BorBox {
    box-sizing: border-box;
}

.CustomInput {
    display: block !important;
}

.CustomInput input {
    width: 100%;
    box-sizing: border-box;
}

#layout-portlets-cover {
    padding-top: 10rem;
    padding-right: 1rem;
    padding-bottom: 3rem;
    padding-left: 1rem;
}

#ConversationPage #layout-portlets-cover {
    padding-top: 9rem;
}

.topbarAddress {
    display: table;
}

.topbarAddress a,
.topbarAddress > div {
    display: table-cell;
    vertical-align: middle;
}

.topbarAddress a {
    padding-right: 15px;
}

.InvalidRow {
    background-color: #ff9595 !important;
}

.FixedImage {
    background-position: center center;
    background-attachment: fixed;
}

.TexShadWhite {
    text-shadow: #fff 1px 1px 1px;
}

.WhiteBackTrans {
    background: rgba(255,255,255,0.3);
}

.CustomMap {
    width: 100%;
    height: 400px;
}

.NoResize {
    resize: none;
}

.Height200 {
    height: 200px;
}

.LeftLabel {
    display: block;
    line-height: 32px;
    float: left;
    margin-right: 10px;
}

.WidPopup {
    left: 0 !important;
    right: 0;
    width: 60% !important;
    margin: 0 auto;
}

/* --- tooltip table --- */

.TooltipTable {
    padding: 0;
    border-radius: 0;
    border: 0;
}

.TooltipTable .ui-datatable-tablewrapper {
    margin: 0;
}

.TooltipTable table {
    width: auto !important;
    border: 0;
    border-spacing: 0;
}

.TooltipTable thead {
    display: none;
}

.TooltipTable td {
    border-color: #c6d6df !important;
}

/* --- custom table --- */

.TableWrapper {
    padding: 0;
    border-radius: 0;
    border: 0;
}

.TableWrapper .ui-datatable-tablewrapper {
    margin: 0;
}

.TableWrapper table {
    border: 0;
    border-spacing: 0;
}

.TableWrapper td {
    border-color: #c6d6df !important;
}

/* AJAX LOADER */

.ajaxloader > div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
}

.ajaxloader .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
}

/* CUSTOM AJAX LOADER */

.customajaxloader > div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
}

.customajaxloader .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
}

.topbarCounter {
    display: block;
    position: relative;
}

.topbarCounter .cartCounter {
    left: -8px;
    top: 7px;
    margin-left: 0 !important;
}

.topbarCounter .unmanaged {
    left: -5px;
    top: 7px;
    margin-left: 0 !important;
}

.topbarCounter .managing {
    left: 15px;
    top: 7px;
    background-color: #ffb900 !important;
    margin-left: 0 !important;
}

.sourceChannelBaseHotel {
    color: #ffb900 !important;
}

.sourceChannelHotel {
    color: #11723B !important;
}

.pctLabel {
    color: #e416ae !important;
}

/* RATE SEARCH */
.alreadyAddedSolution {
    color: #ff0000 !important;
}

/* SERVICE SEARCH */
.alreadyAddedService {
    color: #2BB673 !important;
    font-weight: bold;
}

.alreadyAddedOptionalService {
    color: #3E98D3 !important;
    font-weight: bold;
}

/* ===================================
   OVERRIDE
=================================== */

.BlueBackCustom {
    background-color: #0075BB !important;
}

.BlueTopbar #layout-topbar-cover {
    background-color: #0075BB;
}

#layout-portlets-cover {
    padding-top: 7rem;
}

.ui-datatable table tbody .ui-state-hover:hover > td {
    background: #003d50;
    color: #fff;
}

.ui-datatable table tbody .ui-state-hover:hover > td .ui-chkbox-box {
    background: #dce6ec;
}

.ui-expanded-row-content:hover > td {
    background: #fff !important;
}

#topbar-menu .ui-commandlink {
    text-decoration: none;
    margin-right: 0;
}

.sidebar-icon {
    margin-right: 10px;
}

#operatorStatusLabel {
    clear: both;
    text-align: center;
    margin: 20px 0;
    padding-top: 10px;
    border-top: 1px dashed #3E98D3;
}

#operatorStatusIdleButton {
    display: block;
    margin-bottom: 20px;
}

.ui-button-text {
    font-size: inherit;
}

.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
    margin: 5px !important;
}

.ui-messages-warn, .ui-message-warn {
    color: #eaaa00 !important;
    background-color: #f9f1d6 !important;
    border-color: #eaaa00 !important;
    font-size: 16px;
    padding: 15px !important;
}

.ui-messages-info, .ui-message-info {
    background-color: #e1eff5 !important;
    font-size: 16px;
    padding: 15px !important;
}

.ui-button.ui-state-focus .ui-button-text {
    box-shadow: none !important;
}

.ui-toolbar-group-left {
    margin: 2px 0 0 2px;
}

.ui-commandlink {
    text-decoration: none;
}

.CardBigTopic {
    padding-bottom: 0;
}

/* --- STATISTICHE --- */

.statstooltip{
    border: 5px solid #fff;
    border-radius: 5px;
    display: inline-block;
    height: 0;
    margin-right: 5px;
    width: 0;
}

.stats-arrows-down {
    background: url(../images/arrow-trend-down-h.png.xhtml) no-repeat;
    padding-left: 15px;
}

.stats-arrows-up {
    background: url(../images/arrow-trend-up-h.png.xhtml) no-repeat;
    padding-left: 15px;
}

/* --- ROW EDITOR --- */

.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil,
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-check,
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-close {
    background: none !important;
    text-indent: initial;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size: 16px;
    color: #fff;
    padding: 8px 9px 7px 10px;
    border-radius: 3px;
    background: #3e5e66 !important;
    text-align: center;
}

.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil:before {
    content: "\f040";
}

.ui-datatable table tbody tr td .ui-row-editor .ui-icon-check:before {
    content: "\f00c";
    color: #6bd800;
    font-size: 20px;
}

.ui-datatable table tbody tr td .ui-row-editor .ui-icon-close:before {
    content: "\f00d";
    color: #f00;
    font-size: 20px;
}

.ui-datatable table tbody .ui-state-highlight.ui-row-editing > td {
    background-color: #3e5e66;
    color: #fff;
}

.ui-chkbox .ui-chkbox-box {
    margin: 0;
}

.ui-galleria,
.ui-galleria-panel-wrapper,
.ui-galleria-panel-wrapper ul,
.ui-galleria-panel-wrapper li {
    width: 100% !important;
    text-align: center;
}

.ui-galleria-panel-wrapper {
    background: #f3f3f3;
}

.ui-galleria-panel-wrapper img {
    height: 100%;
}

.ui-galleria-filmstrip-wrapper {
    background: #fff;
    border: 0 !important;
    height: 50px !important;
}

.ui-galleria-caption {
    text-align: center;
}

.ui-galleria-frame {
    margin: 5px 0 5px 5px !important;
}

.ui-galleria-caption p {
    margin: 0;
}

.ui-galleria-nav-prev, .ui-galleria-nav-next {
    bottom: 19px !important;
}

.ui-tabs-top {
    border-top: 0;
}

.ui-tabs-top .ui-tabs-nav {
    background: #bbb;
}

.ui-menu .ui-menuitem-link .ui-menuitem-icon,
.ui-menu .ui-submenu-icon,
.ui-menu .ui-menuitem-text {
    float: none !important;
    vertical-align: top;
}

.ui-selectmanymenu .ui-selectlistbox-item .ui-chkbox {
    margin-right: 10px;
}

.GoogleOperator {
    font-size: 12px;
    background: #3e5e66;
    color: #fff;
    border-radius: 100%;
    padding: 5px;
}

.langs {
    margin-top: 18px;
}

.langs .ui-selectonemenu, .ui-selectcheckboxmenu {
    border: 0 !important;
}

.langs .ui-inputfield {
    padding: 2px 9px !important;
}
.langs .ui-selectonemenu-trigger .ui-icon-triangle-1-s,
.langs .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s {
    margin-top: 3px !important;
}

.iconlang{
    background:url(../images/langs.png.xhtml) no-repeat -96px 0;
    display:inline-block;
    width:16px;
    height:11px
}
.icon_it{
    background-position:0 0
}
.icon_en{
    background-position:-16px 0
}
.icon_fr{
    background-position:-32px 0
}
.icon_de{
    background-position:-48px 0
}
.icon_es{
    background-position:-64px 0
}
.icon_ru{
    background-position:-80px 0
}
.icon_ar{
    background-position:-112px 0
}
.icon_br{
    background-position:-128px 0
}
.icon_bu{
    background-position:-144px 0
}
.icon_ca{
    background-position:-160px 0
}
.icon_cz{
    background-position:-176px 0
}
.icon_da{
    background-position:-192px 0
}
.icon_el{
    background-position:-208px 0
}
.icon_et{
    background-position:-224px 0
}
.icon_fi{
    background-position:-240px 0
}
.icon_hu{
    background-position:-256px 0
}
.icon_jp{
    background-position:-272px 0
}
.icon_ko{
    background-position:-288px 0
}
.icon_nl{
    background-position:-304px 0
}
.icon_no{
    background-position:-320px 0
}
.icon_pl{
    background-position:-336px 0
}
.icon_pt{
    background-position:-352px 0
}
.icon_ro{
    background-position:-368px 0
}
.icon_sl{
    background-position:-384px 0
}
.icon_sv{
    background-position:-400px 0
}
.icon_th{
    background-position:-416px 0
}
.icon_tr{
    background-position:-432px 0
}
.icon_us{
    background-position:-448px 0
}
.icon_vt{
    background-position:-464px 0
}
.icon_zh{
    background-position:-480px 0
}

.Fs14Label label {
    font-size: 14px;
}

.messages {
    font-size: 14px;
    background: #2bb673;
    color: #fff;
    text-align: center;
    padding: 15px 30px;
}

.messages span {
    display: block;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}

.tagList {
    width: 100% !important;
    box-sizing: border-box;
}

.tagList .ui-inputfield {
    width: 100% !important;
    box-sizing: border-box;
}

.overbookingText {
    color: RED !important;
    font-weight: bold;
    font-size: large;
}

/* righe tabella */
.rowError {
    background-color: #ff5700 !important;
    background-image: none !important;
    color: #000000 !important;
}

.rowWarning {
    background-color: #f3eda0 !important;
    background-image: none !important;
    color: #000000 !important;
}


/* TESTO EDITOR */
.ql-editor {
    color: #000000;
}

.customIcon .ui-icon {
    text-indent: initial;
    background-image: none;
}

/* SFONDO TABELLA RICERCA */
.ui-datatable.overbooking-search {
    background-color: #fff4f4;
}
.ui-datatable.overbooking-search .ui-datatable-odd {
    background-color: #fff4f4;
}
.ui-datatable.overbooking-search .ui-datatable-even {
    background-color: #fff4f4;
}

.tdOptions table tbody tr td {
    padding: 0 !important;
}
.tdOptions table tbody tr td,
.tdOptions table tbody tr,
.tdOptions table  {
    border:none !important;
    background: none;
    text-align: left;
    line-height: 23px;
    margin: 0
}
.tdOptions .optionLabel {
    line-height: 15px
}


/* PICKLIST GALLERIE */
body .galleryPicklist .ui-picklist-list {
    height:400px
}

body #searchCustomerRequestsForm\:sendRequestCopyDialog {
    top: 64px !important
}

.custom-sticky-wrapper {
    z-index: 90;
    position: -webkit-sticky;
    position: sticky;
    top: 52px;
}

.custom-sticky {
    padding: 8px 12px;
    margin-top: 4px;
    margin-bottom: 4px;
    border-radius: 4px;
}

.z-index-fix {
    z-index: 80 !important
}

body .ui-growl {
    right: auto;
    top: 60px;
    left: 50px;
}

.ui-growl .ui-growl-item-container {
    padding: 0px;
}

.ui-growl .ui-growl-icon-close.ui-icon.ui-icon-closethick {
    display: block!important;
    padding: 2px;
}

.fix-link a {
    color: #27AAE1;
    text-decoration: underline;
}

/* DATATABLE SENZA CHECKBOX SELECT ALL */
.table-no-select-all .ui-chkbox-all {
    display: none !important;
}

body .ui-menu.fixed-size-menu {
    overflow-y: scroll;
    max-height: 40vh;
}

/*safe area incrementata per il panel*/
body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon,
body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover,
body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus {
    padding: 10px;
    margin: -10px;
}


/* safe area per i link "vai" in quotationSearch */
.fixLink a,
.fixLink .ui-commandlink {
    padding: 10px;
}