.circle-chart{width:60px;height:60px}
.circle-chart__circle{stroke:#00acc1;stroke-width:2;stroke-linecap:square;fill:none;animation:circle-chart-fill 2s reverse;transform:rotate(-90deg);transform-origin:center}
.circle-chart__circle--negative{transform:rotate(-90deg) scale(1,-1)}
.circle-chart__background{stroke:#efefef;stroke-width:2;fill:none}
.circle-chart__info{animation:circle-chart-appear 2s forwards;opacity:0;transform:translateY(0.3em)}
.circle-chart__percent{alignment-baseline:central;text-anchor:middle;font-size:8px}
.circle-chart__subline{alignment-baseline:central;text-anchor:middle;font-size:3px}
.success-stroke{stroke:#00C851}
.warning-stroke{stroke:#fb3}
.danger-stroke{stroke:#f44}
.circlechart i.material-icons-outlined{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%);}
@keyframes circle-chart-fill{to{stroke-dasharray:0 100}}
@keyframes circle-chart-appear{to{opacity:1;transform:translateY(0)}}
.radius-2{ border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; }
.radius-3{ border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; }
.radius-4{ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; }
.radius-5{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; }
/**/
.InputQAEditProgram ul, .InputQAHandler ul,.InputQAEditProgram ol, .InputQAHandler ol{list-style: initial!important; padding-left: 40px; margin-bottom: 10px;}
.InputQAEditProgram li, .InputQAHandler li{list-style: initial!important;}
/**/
.div_combogrid_FilterCompany .textbox-addon, .div_combogrid_FilterTour .textbox-addon, .div_combogrid_ISQuoteFromTourProduct .textbox-addon, .div_combogrid_ProgramQuoteFromTourProduct .textbox-addon, .div_combogrid_FilterOrder .textbox-addon, .div_combogrid_FilterOrderOp .textbox-addon, .div_combogrid_FilterOrderName .textbox-addon, .div_combogrid_FilterQuoteRangeName .textbox-addon, .div_combogrid_FilterQuoteName .textbox-addon {display: none;}
.div_combogrid_FilterCompany .textbox-text, .div_combogrid_FilterTour .textbox-text, .div_combogrid_ISQuoteFromTourProduct .textbox-text, .div_combogrid_ProgramQuoteFromTourProduct .textbox-text, .div_combogrid_FilterOrder .textbox-text, .div_combogrid_FilterOrderOp .textbox-text {width: 100%!important;}
.clear_combogrid_FilterTour, .clear_combogrid_FilterOrder, .clear_combogrid_FilterOrderOp, .clear_combogrid_ISQuoteFromTourProduct, .clear_combogrid_ProgramQuoteFromTourProduct, .clear_combogrid_FilterOrderParent, .clear_combogrid_FilterTourReportSaleAdvance, .clear_combogrid_FilterOrderName, .clear_combogrid_FilterQuoteRangeName{position: absolute; top: 1px; right: 0; /*display: none;*/transition: all 0.4s; opacity: 0;visibility: hidden; transform: translateX(20px); pointer-events: none;}
.clear_combogrid_FilterTour.show_clear, .clear_combogrid_FilterOrder.show_clear, .clear_combogrid_FilterOrderOp.show_clear, .clear_combogrid_ISQuoteFromTourProduct.show_clear, .clear_combogrid_ProgramQuoteFromTourProduct.show_clear, .clear_combogrid_FilterOrderParent.show_clear, .clear_combogrid_FilterTourReportSaleAdvance.show_clear, .clear_combogrid_FilterOrderName.show_clear{opacity: 1; visibility: visible; transform: translateX(0); pointer-events: auto}
.clear_combogrid_FilterOrderParent.show_clear{transform: translate(-2px, 8px);}
.clear_combogrid_FilterOrderName.show_clear{transform: translate(-2px, 8px);}
.hide_arrow_combogrid_FilterOrderName{position: absolute; top: 1px; right: 2px;pointer-events: none; background: #fff; width: 25px; height: calc(100% - 2px)}

.div_combogrid_FilterQuoteRangeName .textbox .textbox-prompt,
.div_combogrid_FilterQuoteRangeName .textbox .textbox-text,
.div_combogrid_FilterQuoteName .textbox .textbox-prompt,
.div_combogrid_FilterQuoteName .textbox .textbox-text
 {
	height: 46px !important;
	line-height: 46px !important;
}
.div_combogrid_FilterQuoteRangeName .textbox.combo,
.div_combogrid_FilterQuoteRangeName .textbox-icon,
.div_combogrid_FilterQuoteName .textbox.combo,
.div_combogrid_FilterQuoteName .textbox-icon
{
	 height: 46px !important;
}
/*open salei*/
.justify-content-between{justify-content:space-between;}
.leftYieldOpenSalei{width: 280px; padding: 10px; float: left; min-height: 335px; min-height: calc(100vh - 210px);}
.leftYieldOpenSalei:after{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 2}
.leftYieldOpenSalei.left-less{width: 45px; min-height: 40px; overflow: hidden; padding: 5px;}
.leftYieldOpenSalei.left-less:before{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 4}
.leftOpenSaleiMonth{position: absolute; top: 0; left: 0; width: 100%; z-index: 1; background: #fff;}
.leftOpenSaleiMonth.open{z-index: 3}
.leftOpenSaleiCalendar{position: absolute; top: 0; left: 0; width: 100%; z-index: 3; background: #fff;}
.leftOpenSaleiCalendar.off{z-index: 1}
.toggleLeftYieldOpenSalei{position: absolute; top: 0; right: 0; z-index: 5}
.osi-next-month-year{opacity: .5;}
.filter_YieldOpenSaleiMonth.select{background: #0479B9; color: #fff;}
.filter_YieldOpenSaleiMonth.select .color-999{color: #fff!important;}
.select2-container--default .select2-selection--single.OpenSaleiMY{border: none!important;}
.select2-container--open .select2-selection--single.OpenSaleiMY{border: 1px solid #aaa!important;}
.OpenSaleiMY .select2-selection__rendered{font-size: 20px; font-weight: bold;}
.select2-container--default .select2-selection--single.DesktopOpenSaleiMY{border: none!important;}
.select2-container--open .select2-selection--single.DesktopOpenSaleiMY{border: 1px solid #aaa!important;}
.DesktopOpenSaleiMY .select2-selection__rendered{font-size: 16px; font-weight: bold;}
#datepickerOpenSaleiFilterLeft .ui-widget.ui-widget-content{border: none;}
#datepickerOpenSaleiFilterLeft .ui-datepicker-header{display: none;}
.available_day .ui-state-default{border: 1px solid #25A7E3; background: none; border-radius: 40%}
.available_day .ui-state-active{border: 1px solid chocolate; background: orange; color: #fff;}
.rightYieldOpenSalei{width: calc(100% - 290px); float: right;}
.rightYieldOpenSalei.right-full{width: calc(100% - 55px);}

.filter_DesktopOpenSaleiMonth.select{background: #0479B9; color: #fff; border-radius: 3px; position: relative}
.filter_DesktopOpenSaleiMonth.select .color-999{color: #fff!important;}
.filter_DesktopOpenSaleiMonth.select:before{content: '';border: 7px solid transparent; border-top-color: #0479B9; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%)}
.container_DesktopOpenSaleiMonth{overflow-x: auto;overflow-y: hidden;}
/* OSI Calendar*/
.YieldCalendarOSIMY{min-height: 310px;}
.YieldCalendarOSIMY:after{content: '';position: absolute; top: 0; left: -10px; width: calc(100% + 20px); height: 100%; background: #fff; z-index: 2}
.toggleLeftYieldCalendarOSI{position: absolute; top: 6px;; right: 5px;; z-index: 5}
.leftYieldCalendarOSI{width: 280px; padding: 10px; float: left;/* min-height: 335px;*/}

.leftYieldCalendarOSI.left-less{width: 45px; height: 40px; overflow: hidden; padding: 5px;}
.leftYieldCalendarOSI.left-less:before{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 4}
.leftCalendarOSIMonth{position: absolute; top: 0; left: 0; width: 100%; z-index: 1; background: #fff;}
.leftCalendarOSIMonth.open{z-index: 3}
.leftCalendarOSICalendar{position: absolute; top: 0; left: 0; width: 100%; z-index: 3; background: #fff;}
.leftCalendarOSICalendar.off{z-index: 1}
.filter_YieldCalendarOSIMonth.select{background: #0479B9; color: #fff;}
.filter_YieldCalendarOSIMonth.select .color-999{color: #fff!important;}
.select2-container--default .select2-selection--single.CalendarOSIMY{border: none!important;}
.select2-container--open .select2-selection--single.CalendarOSIMY{border: 1px solid #aaa!important;}
.CalendarOSIMY .select2-selection__rendered{font-size: 20px; font-weight: bold;}
#datepickerCalendarOSIFilterLeft .ui-widget.ui-widget-content{border: none;}
#datepickerCalendarOSIFilterLeft .ui-datepicker-header{display: none;}
.rightYieldCalendarOSI{width: calc(100% - 290px); float: right;}
.rightYieldCalendarOSI.right-full{width: calc(100% - 55px);}
/* OSI*/
.YieldOSIMY{min-height: 310px;}
.YieldOSIMY:after{content: '';position: absolute; top: 0; left: -10px; width: calc(100% + 20px); height: 100%; background: #fff; z-index: 2}
.toggleLeftYieldOSI{position: absolute; top: 6px;; right: 5px;; z-index: 5}
.leftYieldOSI{width: 280px; padding: 10px; float: left;/* min-height: 335px;*/}

.leftYieldOSI.left-less{width: 45px; height: 40px; overflow: hidden; padding: 5px;}
.leftYieldOSI.left-less:before{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 4}
.leftOSIMonth{position: absolute; top: 0; left: 0; width: 100%; z-index: 1; background: #fff;}
.leftOSIMonth.open{z-index: 3}
.leftOSICalendar{position: absolute; top: 0; left: 0; width: 100%; z-index: 3; background: #fff;}
.leftOSICalendar.off{z-index: 1}
.filter_YieldOSIMonth.select{background: #0479B9; color: #fff;}
.filter_YieldOSIMonth.select .color-999{color: #fff!important;}
.select2-container--default .select2-selection--single.OSIMY{border: none!important;}
.select2-container--open .select2-selection--single.OSIMY{border: 1px solid #aaa!important;}
.OSIMY .select2-selection__rendered{font-size: 20px; font-weight: bold;}
#datepickerOSIFilterLeft .ui-widget.ui-widget-content{border: none;}
#datepickerOSIFilterLeft .ui-datepicker-header{display: none;}
.rightYieldOSI{width: calc(100% - 290px); float: right;}
.rightYieldOSI.right-full{width: calc(100% - 55px);}
/*booking OSI*/
.leftBookingOSI{width: 190px; padding: 10px; float: left; min-height: 335px; min-height: calc(100vh - 140px);}
/*.leftBookingOSI:after{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 2}*/
.leftBookingOSI.left-less{width: 45px; min-height: 40px; overflow: hidden; padding: 5px;}
.leftBookingOSI.left-less:before{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 4}
.toggleLeftBookingOSI{position: absolute; top: 10px; right: 10px; z-index: 5; background: none!important; color: #fff!important;}
.toggleLeftBookingOSI.lesss{top: 5px; right: 5px; background: #fff!important; color: #000!important;}
.font-require{color: #B70003; padding-left: 3px;}
.stepbar{ height: 100%;/* border-right: 1px solid #DDD;*/ position: relative;}
.stepbar .panel{ box-shadow:none; -webkit-box-shadow:none;}
.stepbar .panel-heading{ background:#2c3c4d; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.stepbar .panel-heading a{ text-decoration: none; display: block; outline: none;}
.stepbar .panel-heading .panel-title{color:#FFF; height: 25px;}
.stepbar .panel-body{ border:0;}
.stepbar ul{ list-style:none; padding-left: 15px;}
.stepbar li{ padding:2px 0px;}
.stepbar li a{ display: block; font-size:12px;text-decoration:none;color:#000; padding: 4px 0;}
.stepbar li a a:focus{color:#4094ff;font-weight:bold}
.stepbar li a.active{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk4RDA5MjNFNUI5MjExRTlCM0U0RUEzQ0IyRjM3NzJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk4RDA5MjNGNUI5MjExRTlCM0U0RUEzQ0IyRjM3NzJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OThEMDkyM0M1QjkyMTFFOUIzRTRFQTNDQjJGMzc3MkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OThEMDkyM0Q1QjkyMTFFOUIzRTRFQTNDQjJGMzc3MkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5tGUK1AAAAnElEQVR42mL4jw0cufnh07ffDJgSK0++Ei848+PXHyYGVHD+wee85Y+AjB+//0HlgMpB/F9/g6ffATLqfaV4OFgYfv3527fjacvmR0Dpxg2PgKatP/saYjjLjWffZh96/e7bHxsV3mkHXnWFyAQYiTDATQNa6zvxOlBHzpJ7yI6CuvP3n7+hU2/+/P0XWY4R4gqwAQyMjChuBggwAKHJmqZKSvl+AAAAAElFTkSuQmCC) no-repeat right center;}

.stepbar-OSI .panel-heading{padding: 9px 8px;}
.stepbar-OSI ul{padding-left: 0;}
.stepbar-OSI ul li{position: relative; padding: 0; padding-left: 12px; overflow: hidden; width: 100%; height: 30px;transition: all 0.4s ease-in;}
.stepbar-OSI ul li:after{
 	content: '';
	background-color: ghostwhite;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: scale(0.001, 0.001);}
.stepbar-OSI ul li.active {
	outline: 0;
  }
.stepbar-OSI ul li.active:after{
  animation: effect_dylan 0.8s ease-out;
}
.quote2Booking{position: absolute; top: 3px; right: 20px;}
.stepbar-OSI ul li.valid .quote2Booking{color: green}
.custom_price_apply{background: rgba(245, 130, 32, .4) !important; color: #c00000!important; position: relative}
.custom_price_apply .pretty input[disabled]~*{opacity: 1;}
.custom_price_apply:before {
    content: '';
    width: calc(100% - 2px);
    height: 3px;
    position: absolute;
    right: 2px;
    bottom: 0;
    background: #c00000;
    animation-name: itemmenu;
    animation-duration: .2s;
}
.burlywood:after{
 	content: '';
	background-color: #deb88785;
	border-radius: 50%;
	display: block;
	position: absolute;
	/*top: 0;
	right: 0;*/
	width: 100px;
	height: 100px;
	bottom: 0;
	left: 0;
	transform: scale(0.001, 0.001);}
.burlywood.active {
	outline: 0;
  }
.burlywood.active:after, .burlywood.tabselected:after{
  animation: effect_dylan 0.8s ease-out;
}
@keyframes effect_dylan {
  50% {
	transform: scale(1.5, 1.5);
	opacity: 0;
  }
  99% {
	transform: scale(0.001, 0.001);
	opacity: 0;
  }
  100% {
	transform: scale(0.001, 0.001);
	opacity: 1;
  }
}	
.stepbar-OSI ul li:hover{background:#eee}
.stepbar-OSI ul li.active{background: #cfe1f7; border-bottom: 2px solid red;}
.stepbar-OSI ul li.valid:before{content: '\f00c'; position: absolute; right: 3px; top: 5px; color: #00C31C; font-family: 'fontAwesome'}
.stepbar-OSI ul li.invalid:before{content: '\f00d';content: '\f071'; position: absolute; right: 3px; top: 5px; color: orange; font-family: 'fontAwesome'}

.InfoPriceOrderOSI{/*padding-top: 10px;*/}
.InfoPriceOrderOSI.move{animation: MOVE-IPO .5s linear}
@-webkit-keyframes MOVE-IPO {
	from {
		-webkit-transform: translate(-100%,-100%);
		transform: translate(-100%,-100%);
		opacity: 0;
		visibility: hidden;
	}
	to { 
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1;
		visibility: visible;
	}
}
.div_orderCountry{width: 100%; height: 32px;display: inline-block !important;transform: translateY(-1px);}
.div_orderCountry .flag-icon{left:3px;position:absolute;margin-left:0;top: 50%;transform: translateY(-50%);}
.div_orderCountry .flag-icon.material-icons{box-shadow: none; /*top: 6px;*/ left: 0}
.select2-container--default .select2-selection--single.OrderCountry .select2-selection__rendered{line-height: 32px;}
.select2-container .select2-selection--single.OrderCountry .select2-selection__rendered{height: 32px; padding-left: 25px;}
.select2-container--default .select2-selection--single.OrderCountry .select2-selection__arrow{height: 32px; top: 0 !important}
.rightBookingOSI{width: calc(100% - 200px); float: right; padding: 9px 10px; background: #fff;}
.rightBookingOSI.right-full{width: calc(100% - 55px);}
/**/
.ul_markup > li {
    padding: 5px;
    border-bottom: 1px solid #eee;
    font-weight: 600;
    width: 50%;
    float: left;
    box-sizing: border-box;
    text-align: left;
}
/**/
.dropdown-top-add li>ul{position: absolute;top: -144px; left: 100%; width: 160px; background: #fff; display: none;
    border: 1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.dropdown-top-add > li:hover>ul{display: block}
/**/
.page-container.page-full{padding: 0;/* margin-top: -43px;*/}
.page-container.page-full .page-body{padding: 0}
.page-container.page-full .box > .box-title{padding: 6px 10px 6px 20px;}
.page-container.page-full .box > .box-title .back{    padding: 0!important; width: 20px; height: 42px; left: 0; top: 0; text-align: center; margin: 0; z-index: 3}
.page-container.page-full .box > .box-title .back img{width: 16px; transform: translateY(7px);}
/**/
.tacrm-company-logo{width: 68px; height: 68px; position: relative; float: left; background: #eee; border: 3px solid #eee; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 50%}
.tacrm-form-company-logo{position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 30px;}
/**/
.tabsglobal ul li.tabselected > a, .tabsglobal ul li > a:hover {position: relative}
.tabsglobal ul li.tabselected > a:before{top: auto; bottom: 0!important;}
.tabsglobal ul li > a:hover:before, .tabsglobal ul li.tabselected > a:before {
    content: '';
    width: calc(100%);
    height: 3px;
    position: absolute;
    right: 0px;
    bottom: 0;
    background: #c00000;
    animation-name: itemmenu;
    animation-duration: .2s;
}
/**/
.tacrmtab .tabsglobal ul{height: 50px; border-bottom: 1px solid #ddd!important}
.tacrmtab .tabsglobal ul.ul-hztab{height: 44px; line-height: 36px;}
.tacrmtab .tabsglobal ul li a{text-transform: uppercase; padding-left: 10px!important; padding-right: 10px!important; font-size: 11px; font-weight: bold;}
.tacrmtab .tabsglobal ul li.tabselected{background: rgba(245,130,32,.4)}
.tacrmtab .tabsglobal ul li.tabselected > a{background: none!important; color: #c00000}
.tacrmtab .tabsglobal ul li.tabselected > a:before{top: auto; bottom: 0!important}
.tacrmtab .tabsglobal ul li > a:hover:before {
    content: '';
    width: calc(100% - 2px);
    height: 3px;
    position: absolute;
    right: 3px;
    bottom: 0;
    background: #c00000;
    animation-name: itemmenu;
    animation-duration: .2s;
}


.total_followup_chart_one{position: absolute; top: 50%; transform: translateY(-50%); margin: auto; left: 0; right: 0; width: 100px; text-align: center;}
.followup_chart_one_bg{width: 80px; height: 18px; background: #fff; position: absolute; bottom: 0; right: 0; z-index: 1;pointer-events: none; display: none}
.followup_chart_one_bg[tp=left]{width: 80px; height: 18px; background: #fff; position: absolute; bottom: 0; left: 0; right: auto;z-index: 1;pointer-events: none; display: block}
.canvasjs-chart-credit{opacity: 0; visibility: hidden}
/**/
.toggle-menu-left{width: 100%; background-color: #eee; height: 40px;background-image: url(../images/icons/arrow-circle-left-32.png); background-position: center; background-repeat: no-repeat;opacity: 0; margin-bottom: 30px;}
.toggle-menu-left.icon-right{background-image: url(../images/icons/arrow-circle-right-32.png); background-position: center; background-repeat: no-repeat;}
.top-toggle-menu-left.first-click .fa{opacity: 0; visibility: hidden; transform: translateX(-20px); transition: all .5s}
.toggle-menu-crm{width: 100%; background-color: #eee; height: 40px;background-image: url(../images/icons/arrow-circle-left-32.png); background-position: center; background-repeat: no-repeat;opacity: 0}
.toggle-menu-crm.icon-right{background-image: url(../images/icons/arrow-circle-right-32.png); background-position: center; background-repeat: no-repeat;}
.top-toggle-menu-crm.first-click .fa{opacity: 0; visibility: hidden; transform: translateX(-20px); transition: all .5s}
/**/
.DTFC_RightBodyLiner,.DTFC_LeftHeadWrapper,.DTFC_RightHeadWrapper{background: #fff;}
.DTFC_RightWrapper{right: 0!important;}
.btn-fullcalendar-custom-addbooking {
    visibility: hidden;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 30px;
    background: #FFF;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    opacity: 0;
    transform: translateY(-50px)
}
.fc-event.fc-event-skin:hover .btn-fullcalendar-custom-addbooking {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}
.position-absolute {
    position: absolute;
}
.position-relative {
    position: relative;
}
.statusOp{width: 4px; height: 22px; display: inline-block; transform: translateY(5px); border-radius: 4px 0 0 4px}
.label-bodered{
	border: 1px solid #DDD;
    padding: 5px 10px;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.toggleYieldOpenSaleFilterLeft {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    padding-top: 3px;
}
.toggleYieldOpenSaleFilterLeft:hover {
    border-radius: 50%;
    background: #FFAA71;
    font-size: 20px;
    padding-top: 0
}
.toggleYieldOpenSaleFilterLeft.visible-hide {
    visibility: visible;
    right: -20px;
    top: 10px;
    pointer-events: auto;
}
.toggleYieldOpenSaleFilterLeft.visible-hide:hover {
    background: #5cb85c
}
.leftYieldOpenSale,
.rightYieldOpenSale {
    -webkit-transition: all .25s ease-in-out 0;
    -moz-transition: all .25s ease-in-out 0;
    -o-transition: all .25s ease-in-out 0;
    transition: all .25s ease-in-out 0;
}
.leftYieldOpenSale.visible-hide {
    visibility: hidden;
    margin-left: -10%;
    pointer-events: none;
}
.rightYieldOpenSale.visible-hide {
    width: 100%!important
}
.rightYieldOpenSale.visible-hide .fg-toolbar {
    padding-left: 20px;
}
.bg-hover-eee:hover {
    background: #eee!important
}
.has-angle-down {
    position: relative
}
.has-angle-down:before {
    content: '';
    position: absolute;
    top: 0;
    right: 30px;
    border-right: 1px solid #c57400;
    height: 100%
}
@-webkit-keyframes dropInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes dropInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
.div_information_bar {
    display: inline-block;
    position: relative;
    z-index: 111;
}
.h_information_bar {
    width: 20px;
    height: 26px;
    position: absolute;
    top: 14px;
    left: 0;
    border-radius: 6px;
    cursor: pointer;
}
.h_information_bar span {
    /*background-color:#fff;*/
    background-image: linear-gradient(to right, #1c1c1c, #1c1c1c);
    border-radius: 5px;
    display: block;
    height: 2px;
    left: 0;
    opacity: 1;
    position: absolute;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .25s ease-in-out 0;
    -moz-transition: all .25s ease-in-out 0;
    -o-transition: all .25s ease-in-out 0;
    transition: all .25s ease-in-out 0;
    width: 20px
}
.h_information_bar span:nth-child(1) {
    top: 0
}
.h_information_bar span:nth-child(2),
.h_information_bar span:nth-child(3) {
    top: 10px
}
.h_information_bar span:nth-child(4) {
    top: 20px
}
.h_information_bar.is-hactive span:nth-child(1) {
    left: 50%;
    top: 18px;
    width: 0
}
.h_information_bar.is-hactive span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}
.h_information_bar.is-hactive span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.h_information_bar.is-hactive span:nth-child(4) {
    left: 50%;
    top: 18px;
    width: 0
}
.sub-menu-information {
    display: none;
    position: absolute;
    top: 50px;
    left: -1px;
    width: 175px;
}
.sub-menu-information a {
    color: #666
}
.sub-menu-information a:hover {
    text-decoration: underline
}
.sub-menu-information.open {
    display: inline-block;
    background: #fff;
    border-radius: 0 0 2px 2px;
    box-shadow: 1px 2px 3px #58585a;
    -webkit-animation-name: dropInDown;
    -moz-animation-name: dropInDown;
    -o-animation-name: dropInDown;
    animation-name: dropInDown;
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}
.sub-menu-information li {
    float: none!important;
    line-height: 20px;
    width: 100%;
}
.sub-menu-information li:not(.bg-success):hover {
    background: #eee
}
.sub-menu-information li a {
    width: 100%!important;
    float: none!important;
}
.role_session {
    padding-left: 30px;
    color: #000
}
.tmsMenu {
    height: auto!important;
    background: #fff;
    position: relative;
    z-index: 0;
}
.tmsMenu.negative:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: 1;
}
.bs-table > tbody > tr > td {
    white-space: normal;
}
/*flexbox masonry 3 columns*/
.container-flexbox-masonry {
    display: flex;
    flex-flow: column wrap;
    align-content: space-between;
    /* Your container needs a fixed height, and it 
   * needs to be taller than your tallest column. */
    height: 1000px;
    /* Optional */
    /*background-color:#f7f7f7;border-radius:3px;padding:20px;width:60%;margin:40px auto;counter-reset:items;*/
}
.item-flexbox-masonry-3col {
    width: 32%;
    /* Optional */
    position: relative;
    min-height: 200px;
    border-radius: 3px;
    border: 1px solid #4290e2;
    box-shadow: 0 2px 2px rgba(0, 90, 250, 0.05), 0 4px 4px rgba(0, 90, 250, 0.05), 0 8px 8px rgba(0, 90, 250, 0.05), 0 16px 16px rgba(0, 90, 250, 0.05);
    /* position:relative;margin-bottom:2%;background-color:#a1cbfa;border:1px solid #4290e2;box-shadow:0 2px 2px rgba(0,90,250,0.05), 0 4px 4px rgba(0,90,250,0.05), 0 8px 8px rgba(0,90,250,0.05), 0 16px 16px rgba(0,90,250,0.05);color:#fff;padding:15px;box-sizing:border-box;*/
}
.item-in-flexbox-masonry {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
/*div.item::before {
  counter-increment:items;
  content:counter(items);
}*/
.item-flexbox-masonry-3col:nth-of-type(3n+1) {
    order: 1;
}
.item-flexbox-masonry-3col:nth-of-type(3n+2) {
    order: 2;
}
.item-flexbox-masonry-3col:nth-of-type(3n) {
    order: 3;
}
.break-flexbox-masonry {
    flex-basis: 100%;
    width: 0;
    margin: 0;
    content: "";
    padding: 0;
    border: 0px solid #ddd;
}
/*end flexbox masonry 3 columns*/
/*MĂ u chủ đạo May bay IBE*/
.IBESearchBoxContent > div:first-child {
    background: #b30000!important
}
.SearchParamDomestic,
.SearchParamGlobal,
.SearchParamGlobal,
.SearchParamDomestic,
#SearchParamDomesticDepart,
.FareHeader,
.NormalBox .Title,
.Box .BoxTitle,
#IBESearchResult .IBESearchBoxHeader {
    background: #b30000!important
}
#IBEProgressBarWrapper li.active i,
#pnFilter .BoxTitle,
#IBESearchResult .IBESelectFlight,
#IBESearchResult .IBESelectFlight i,
#IBESearchBox .IBESearchButton {
    background: #b30000!important
}
#Step1 .IBEBookingInfoBox > h1,
#Step2 .IBEBookingInfoBox > h1,
#ButtonBook .ButtonGreen {
    background: #b30000!important
}
#IBEProgressBarWrapper li.active a,
.FareFlightContent .FilghtItem .FilghtInfo .FlightInfoDetails .FlightInfoDetailsContent .Depart .City,
.FareFlightContent .FilghtItem .FilghtInfo .FlightInfoDetails .FlightInfoDetailsContent .Arrival .City,
.FareFlightContent .FilghtItem .FilghtInfo .FlightInfoDetails .FlightInfoDetailsContent .Depart .Time .TimeDetail,
.FareFlightContent .FilghtItem .FilghtInfo .FlightInfoDetails .FlightInfoDetailsContent .Arrival .Time .TimeDetail,
#IBEWeAreSearchingFlight {
    color: #b30000!important
}
#IBESearchResult .IBESelectFlight i {
    border-left: 1px solid #b30000
}
.IBEMobileBreadCrumb .IBEMBCSteps li a.done {
    background: #216cbd
}
/*end May bay IBE*/
table {
    border-collapse: separate;
    border-spacing: 1px;
}
.format__text table {
    border-collapse: collapse;
}
.form-control {
    height: 40px;/*32*/
}
hr {
    margin: 10px 0;
}
.label {
    line-height: 2;
}
input[type="radio"],
input[type="checkbox"] {
    margin: 0;
}
/*fix bootstrap*/
.tbl-white-space-nowrap td {
    white-space: nowrap
}
table.form {
    border-spacing: 1px;
}
#listCrmContractGlobe td {
	padding: 10px 4px;
}
table td {
    padding: 4px;
    font-size: 13px;
}
.table td {
    padding: 4px;
    font-size: 13px;
}
table.spaceOne {
    border: 1px solid #efefef;
    border-collapse: collapse
}
table.spaceOne td {
    border: 1px solid #eee;
    padding: 5px;
    font-size: 14px;
}
/*table.dataTable{border-collapse:collapse}*/
table.dataTable thead .DataTables_sort_wrapper {
    padding: 2px 6px;
}
.tbl-grid tr td {
    padding: 6px;
}
::-webkit-input-placeholder {
    /* Edge */
    color: #bbb;
}
:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #bbb;
}
::placeholder {
    color: #bbb;
}
td[field="is_vat_html"] .datagrid-cell {
    overflow: visible!important
}
.scrollBody-visible .dataTable {
    margin-bottom: 100px
}
.InputQAHandler {
    font-weight: bold;
    font-size: 14px;
}
.circle {
    border-radius: 50%
}
.circle-15 {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-weight: bold;
}
.clearCompanyCar,
.clearCompanyCarOp {
    right: 7%;
    top: 10px;
}
.clearCompanyTask {
    width: 9px;
    height: 9px;
    background: url(../images/pop/combined.png) no-repeat -230px -50px !important;
    position: absolute;
    right: 35px;
    top: 12px;
    cursor: pointer;
    transition: all .1s ease-out;
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
}
.clearCompanyTaskShow {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
}

.display-inline-block,
.inline-block {
    display: inline-block!important
}
.table-bordered .input-field {
    width: 100%; height: 40px
}
.subContentTabsFullCompany {
    height: calc(100vh - 150px);
}
.statusIssue {
    width: 10px;
    height: 10px;
}
.text-nowrap {
    white-space: nowrap
}
a,
a:link,
a:visited {
    color: #000
}
a:hover,
a:active {
    color: #c61a1a
}
a.ajOpenCrmCompany {
    /*color: royalblue;*/
    font-weight: 600;
    font-size: 14px;
}
/*dodgerblue,mediumblue*/
.colorRoyalblue {
    color: royalblue !important;
}
.color-fff,
.text-white {
    color: #fff !important
}
.color-000,
.text-black {
    color: #000 !important
}
.color-333 {
    color: #333 !important
}
.color-666 {
    color: #666 !important
}
.color-999 {
    color: #999 !important
}
.color-c61a1a {
    color: #c61a1a !important
}
.color-danger,
.text-red {
    color: #d9534f !important
}
.bgr-f58220 {
    background: #f58220
}
.bgr-d4d3e7 {
    background: #d4d3e7
}
.bg-ddd {
    background: #ddd
}
.position-relative,
.relative {
    position: relative
}
.cursor-move {
    cursor: move
}
.cursor-pointer,
.cursorPointer {
    cursor: pointer
}
.translateX-1 {
    transform: translateX(-1px)
}
.homeMnu {
    height: 46px !important;
    width: 10%;
    min-width: 160px;
}
.searchMnu {
    padding: 0 !important;
}
.searchMnu:after {
    content: '\f002';
    position: absolute;
    top: 0;
    right: 6px;
    font-size: 18px;
    font-family: 'FontAwesome';
    color: #a1a1a1
}
#textGlobalSearchHead {
    width: 256px;
    color: #a1a1a1;
    height: 32px;
    margin-top: 9px;
}
.dropdown_quickmenu {
    height: 48px;
    width: 30px;
}
.dropdown_quickmenu .dropdown-toggle {
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.dropdown_quickmenu .dropdown-menu {
    right: 0px;
    padding: 10px 0 !important;
    top: 41px;
}
.dropdown-toogleBrand .dropdown-menu {min-width: 250px;}
.dropdown-toogleBrand .dropdown-menu li{float: none !important; display: block!important; line-height: 20px;}
.dropdown-toogleBrand .dropdown-menu:before{left: 200px}
.dropdown-toogleBrand .dropdown-menu:after{left: 201px}
.dropdown_language {top: 50%;transform: translateY(-50%);}
.dropdown_language .dropdown-menu {
    right: -8px;
    padding: 10px 0 !important;
    top: 32px;
}
.dropdown_language .dropdown-menu li{float: none !important; display: block!important}
.dropdown_language .dropdown-menu .active {
    border: none;
    background: rgba(0,0,0,.1);
}
.notification {
    margin-top: 14px !important;
}
.notifiTitle {
    padding: 5px;
    height: auto;
}
#searchUserTop {
    width: 130px !important;
    height: 30px;
	line-height: 30px;
    display: inline-block;
}
.data-logo {
    font-size: 12px;
}
.gb_A {
    height: 50px;
}
.gb_ha,
.gb_ga {
    left: 8.5px;
}
.modal-details {
    top: 0;/*50*/
}
.js_scroller {
    padding-bottom: 20px;
}
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    user-select: none
}
.pace-inactive {
    display: none
}
.pace {
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none
}
.pace .pace-progress {
    background: #f1c143;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px
}
.ticket-now{
	background: rgba(255, 255, 255, .5) url(../images/ticket/icon-chat.svg) no-repeat center;
	background-size: cover;
	text-align: center;
	width: 30px; height: 30px;/*50*/
	  border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
	 z-index: 999;
	 box-sizing: content-box;
    -webkit-box-sizing: content-box;
    position: fixed;
    right: 6px;
    bottom: 240px;
	/*left: 55px;
    bottom: 40px;*/
	transition: .5s ease;
}
.ticket-now.s-mar, .ticket-now.tacrm{bottom: 10px;}
.in-ticket-now{width: 100%; height: 100%; position: relative;}
.in-ticket-now::before{content:attr(data-total); position: absolute; top: -10px; right: -6px; width: 22px; height: 22px; align-items: center; display: flex; background: #FF0000; border-radius: 50%; color: #fff;text-align: center; font-weight: 600; justify-content: space-around; border: 1px solid #fff}
.ticket-now:hover {
    background-color: rgba(255, 255, 255, 1);box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15); width: 55px; height: 55px;background-size: unset;
}
.ticket-now:hover .in-ticket-now::before{top: 0px; right: 0px;}
.ticket-now.ticketed{
	/*transform: translate(130%, 130%)*/transform: translate(190%, 190%)
}
.pop-ticket-now{
	position: fixed;
    bottom: 40px;
    left: 30px;
    width: 376px;
   /* min-height: 382px;*/
    max-width: calc(100vw - 60px);
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
	border-radius: 15px;
    transition: .5s ease;
    opacity: 0;
    visibility: hidden;
    transform: translate(100%, 100%);
    z-index: -1;
	padding: 20px 25px;
}
.pop-ticket-now.ticketed {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
    z-index: 99;
}
.close-pop-ticket-now{color: #000; width: 30px; height: 30px; background: #f5f5f5;border-radius: 50%; text-align: center;font-size: 20px; cursor: pointer}
.backTopPopupFull {
    padding: 15px;
    background: rgba(245, 130, 32, .5);
    color: #FFF;
    text-align: center;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    z-index: 999;
    display: none;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    position: fixed;
    right: 40px;
    bottom: 110px;
    font-size: 25px;
	visibility: hidden; pointer-events: none;
}
.backTopPopupFull:hover {
    background: rgba(245, 130, 32, 1);
}
.closeBackTopPopupFull {
    padding: 5px;
    background: rgba(255, 200, 200, .5);
    color: #a94442;
    text-align: center;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    z-index: 1000;
    display: none;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    position: fixed;
    right: 40px;
    bottom: 110px;
    font-size: 15px;
}
.closeBackTopPopupFull:hover {
    background: rgba(255, 200, 200, 1);
}
/*spliter vertical*/
.h-row-flex {
    display: flex;
    flex-direction: row;
    xtouch-action: none
}
.h-col-flex-left {
    flex: 0 0 auto
}
.h-col-flex-right {
    flex: 1 1 auto
}
.h-col-flex-right.SaleReport {
    position: relative;
    z-index: 99999;
    background: #fff
}
.h-col-flex-8 {
    width: calc(100% / 1.5);
    min-width: 768px;
    max-width: calc(100% - 18px)
}
.h-col-flex-7 {
    width: calc(100% / 1.715);
    min-width: 200px;
    max-width: calc(100% - 18px)
}
.h-col-splitter {
    flex: 0 0 auto;
    width: 18px;
    background: url(../images/vsizegrip.png) center center no-repeat rgba(0, 0, 0, .2);
    cursor: col-resize;
    position: relative;
    z-index: 1;/*99999*/
}
.h-col-flex-4 {
    width: calc(100% / 3);
    min-width: 200px
}
.h-col-flex-left.h-col-flex-4 {
    min-width: 0;
    max-width: calc(100% - 10px)
}
.h-col-flex-5 {
    width: calc(100% / 2.4);
    min-width: 200px;
    max-width: calc(100% - 18px)
}
.h-col-flex-6 {
    width: calc(100% / 2);
    min-width: 0;
    max-width: calc(100% - 10px)
}
.splitter-container-vertical {
    display: flex;
    flex-direction: column;
    overflow: hidden
}
.splitter-top {
    flex: 0 0 auto;
    width: 100%;
    white-space: nowrap
}
.splitter-horizontal {
    flex: 0 0 auto;
    height: 18px;
    background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/hsizegrip.png) center center no-repeat #535353;
    cursor: row-resize
}
.splitter-bottom {
    flex: 1 1 auto;
    /* resizable */
    /*min-height:200px;*/
    height: auto !important;
}
.loading-msg-center {
    color: #666;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 96%;
}
.data-profile {
    width: 80%;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #DDD;
    margin-bottom: 20px
}
.data-avatar {
    width: 50px;
    height: 50px;
    text-align: center;
    overflow: hidden;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    margin: 0 auto
}
.data-avatar.avatar-less{width: 40px; height: 40px;}
.data-profile.profile-less{width:100%;padding: 15px 0;}
.data-avatar img {
    max-width: 100%;
    height: auto
}
.btn-profile {
    background: #003872;
    color: #FFF
}
aside {
    background: #263544;
    z-index: 1;
    /*float:left;*/
    padding-bottom: 20px;
}
aside li a .ico {
    display: inline-block;
    float: left;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    /*border-radius: 50%;*/
    overflow: hidden;
    background-position: center !important
}
aside li a .ico.ico-less{margin-right: 0; width: 20px;height: 20px; float: none;}
aside #id_menu_item_techie.open {
    margin-bottom: 10px
}
aside #id_menu_item_logout {
    position: relative
}
aside #id_menu_item_logout a {
    padding: 15px 10px
}
aside #id_menu_item_logout:hover:before {
    display: none
}
aside #id_menu_item_logout:hover:after {
    display: none
}
aside #id_menu_item_logout:before {
    content: "";
    left: 20px;
    right: 20px;
    top: 0;
    height: 1px;
    background-color: #202430;
    position: absolute
}
aside #id_menu_item_logout:after {
    content: "";
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 1px;
    background-color: #202430;
    position: absolute
}
aside li a,
aside li a > i {
    color: #000;
    outline: 0
}
aside li a {
    padding: 10px 10px;
    position: relative;
    min-height: 16px;
    line-height: 16px;
    display: block!important;
    overflow: hidden;
}
aside li a:focus {
    color: #a2a2a2
}
aside li a .badge {
    float: right;
    font-weight: 400;
    background-color: #c00;
    color: #fff
}
aside li ul li a {
    padding: 8px 8px 8px 18px;
    font-weight: 400;
    white-space: nowrap; color: #fff!important;
}
aside li ul li ul li a {
    padding-left: 30px;
}
aside .item-header {
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    position: relative
}
aside .item-header.abm {
    background: #2c3c4d;
    color: #FFF;
    padding-left: 30px
}
.text-link {
    color: #337ab7;
}
aside .item-header > .num {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #FFF;
    font-size: 10px;
    background: #2e445b;
    text-align: center;
    margin: 0 5px 0 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
}
aside li a > i {
    color: inherit;
    /*width:20px;*/
    text-align: left
}
/*aside li{background-image:linear-gradient(#fff, #eee);}*/
/*aside ul.bg-warning li{background-image:linear-gradient(#fcf8e3 80%, #eee);}*/
aside li.open {
    background-color: #283d51;
    color: #fff
}
aside li.open a:hover,
aside li.open li a:focus {
    color: #fff;
    background: #182531!important
}
aside li.open li a.is_active {
    background: #182531
}
aside li.open ul li a.is_active {
    background: #182531
}
aside li.open ul li a.is_active:hover,
aside li.open ul li a.is_active:focus {
    background: #182531
}
aside li.open ul li a:hover {
    background: transparent
}
aside li a:hover,
aside li a.active {
    background-color: #182531
}
aside li a.bgr-f58220:hover {
    background: #f58220
}
aside li a:hover .ico,
aside li a.active .ico,
aside li a:hover .fa,
aside li a.active .fa {
    color: #fff
}
aside li ul:not(.ulSubmenu_3) {
    display: none
}
aside li.open ul {
    display: block
}
aside li.open ul > li {
    position: relative;
}
aside li.open ul > li > ul:not(.ulSubmenu_3) {
    display: none;
    background: #dcdcdc;
}
/*aside li.open ul > li:hover > ul:not(.ulSubmenu_3){ display:block;}*/
aside li.open ul > li.open > ul:not(.ulSubmenu_3) {
    display: block;
}
aside .ulSubmenu_3 {
    position: absolute;
    top: 26px;
    border-bottom: 1px solid #666;
    box-shadow: 0 6px 6px -5px #000;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
    /*width:calc(100% - 30px);*/
    width: 100%;
    left: 100%;
}
aside .ulSubmenu_3.open {
    visibility: visible;
    opacity: 1;
    left: 0
}
aside .ulSubmenu_3.open li a {
    padding-left: 10px;
}
aside li.open > a,
aside li a.active,
aside li a.active i {
    color: #fff;
    text-decoration: none;
}
aside li.open ul li ul li a:hover {
    background: #CCC !important;
}
aside li.open > a:hover {
    background: #dcdcdc;
    text-decoration: none
}
aside li.open > a:hover .ico {
    color: #555
}
aside li .fa-angle-right {
    float: right;
    text-align: right;
    font-size: 18px;
}
aside li .fa-caret {
    float: right;
    text-align: right;
    font-size: 18px;
    -webkit-transition: all 0.25s;
    -khtml-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
/*aside li .fa-caret:before{content:"\f107"}
aside li.open > a >  .fa-caret:before{content:"\f106"}*/
aside li .fa-caret:before {
    content: "\f107";
}
aside li.open > a > .fa-caret {
    -webkit-transform: rotate(180deg);
    -khtml-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
aside li a.is_active {
    background-color: #f2f3f4;
    border-bottom: 1px solid #DDD
}
.sitebar-menu > li {
    width: 100%;
}
aside .info-lincense {
    padding: 10px 15px 0 15px;
    font-size: 10px
}
aside.fixed-menu {
    float: none;
    position: fixed;
    left: 0;
    bottom: 0;
    top: 38px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 168px;
    top: 50px;
    border-right: 1px solid #DDD;
	transition: all 0s;
	z-index: 4;
}
aside.tacrm-menu{z-index: 5}
aside.aside-less{width: 50px;}
aside.aside-less-crm{width: 50px;}
#contentarea {
    height: calc(100% - 35px);
    border: none;
    padding: 15px 15px 0 15px;
    /*margin-left:10.5%;*/
    margin-left: 0;
    float: right;
    width: calc(100% - 169px);/*169px*/
    max-width: calc(100% - 169px);/*169px*/
}
#contentarea.content-full{ width: calc(100% - 51px);max-width: calc(100% - 51px)}
ul.property-menu > li > a {
    color: #000
}
ul.property-menu li a .ico {
    display: none;
    float: left;
    margin-right: 6px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    overflow: hidden
}
ul.property-menu li a {
    position: relative;
    min-height: 18px;
    line-height: 18px;
    display: block!important;
    overflow: hidden;
}
ul.property-menu li li {
    position: relative;
}
ul.property-menu li li:before {
    content: '\f054';
    font-family: 'fontAwesome';
    position: absolute;
    top: 0;
    left: 20px;
    transition: all .2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-20px)
}
ul.property-menu > li > ul > li:before {
    left: 0;
}
ul.property-menu li li:hover:before {
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
}
ul.utilities-yield > li > a {
    color: #000
}
ul.utilities-yield li a .ico {
    display: none;
    float: left;
    margin-right: 6px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    overflow: hidden
}
ul.utilities-yield li a {
    position: relative;
    min-height: 18px;
    line-height: 18px;
    display: block!important;
    overflow: hidden;
}
ul.utilities-yield li {
    position: relative;
}
ul.utilities-yield li:before {
    content: '\f054';
    font-family: 'fontAwesome';
    position: absolute;
    top: 0;
    left: 20px;
    transition: all .2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-20px)
}
ul.utilities-yield > li:before {
    left: 0;
}
ul.utilities-yield li:hover:before {
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
}
/* end aside*/
.material-ripple {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.material-ink {
    position: absolute;
    background: #bdc3c7;
    border-radius: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: .4
}
.material-ink.animate {
    -webkit-animation: a .6s linear;
    animation: a .6s linear
}
@-webkit-keyframes a {
    to {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0
    }
}
@keyframes a {
    to {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0
    }
}
.material-card {
    background: #fff;
    border-radius: 2px;
    display: block;
    margin: 1rem;
    position: relative
}
.material-shadow-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    transition: all .2s ease-in-out
}
.material-shadow-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    transition: all .2s ease-in-out
}
.material-shadow-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    transition: all .2s ease-in-out
}
.material-shadow-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    transition: all .2s ease-in-out
}
.material-shadow-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
    transition: all .2s ease-in-out
}
.material-hover:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}
.frmPopFull {
    width: 100%;
    width: 90%; width: calc(100% - 169px);/*169px, 51px*/
    max-width: calc(100% - 169px);/*169px, 51px*/
    height: calc(100vh - 95px);/*80px*/
    top: 50px !important;
    left: auto !important;
    right: 0;
    background: #fff;
    overflow: visible auto !important;
    border-radius: 0;
    padding: 15px 10px 15px 5px;
    /*box-shadow: 0px 5px 5px #ccc!important;*/box-shadow: 5px 40px 40px 10px #999!important;
}
.frmPopFull.frmPop-full{width: calc(100% - 51px); max-width: calc(100% - 51px);}
#LoadDesktop.frmPopFull,
#MainCRM.frmPopFull {
    padding: 0;
    width: 100%;
    height: calc(100% - 44px);
    max-width: 100%;
}
.frmPopFull .box {
    position: inherit
}
.frmPopFull .box > .box-title {
    padding: 10px 20px;
}
.headPop {
    padding: 12px 32px 10px 30px;
    color: #000;
	height: 43px;	
}
.headPop.sticky{
	position: sticky;
    top: -17px;
    background: #fff;
    z-index: 10;/*1*/
}
.headPopSales.sticky{top: -3px;}
.headPop.haveBar {
    padding-left: 63px
}
a.helpEv {
    right: 10px;
    top: 11px;
	z-index: 11;/*2*/
}
.tacrm a.helpEv {
    top: 3px;
}
.btn-headPop {
    transform: translateY(-3px)
}
.frmPop .closeEv {
    width: 20px!important;
    height: 42px!important;
    background: #2c3c4d url(../images/popicons/closeEv.png?v3) no-repeat center!important;
    left: 0;
    top: 0;
    background-size: 70%!important;
	z-index: 11;/*2*/
}
.closeDesktopOp {
    width: 20px!important;
    height: 42px!important;
    background: #2c3c4d url(../images/popicons/closeEv.png?v3) no-repeat center!important;
    background-size: 70%!important; position: absolute; top: -12px; left: -15px;
}
#top-menu {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #dcdcde !important;
    padding: 0 160px 0 0;
}
#top-menu:hover {
    z-index: 8!important
}
.slimScrollBar {
    display: none;
}
#showMenuOfCrmIcon {
    vertical-align: top;
    max-height: 50px;
    max-width: 90%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.openHelpCentral {
    height: 50px;
    width: 50px;
    position: relative;
    display: inline-block
}
.openHelpCentral:before {
    content: '';
    width: 0;
    height: 50px;
	position: absolute;
    top: 0; left: 0;
    border-left: 1px solid #bbb;
}
.mninfoholder {
    height: 50px;
    width: 50px;
    position: relative;
}
.mninfoholder:before {
    content: '';
    width: 0;
    height: 50px;
	position: absolute;
    top: 0; left: 0;
    border-left: 1px solid #bbb;
}
.gb_4 {
    position: absolute;
    left: 0; right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}
.dropdown_timesheet {
    width: 50px;
    height: 50px;
}
.dropdown-toggle-timesheet {
	color: #333;
    position: absolute;
    left: 0; right: 0; top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
	display: block;
	text-align: center;
}
.dropdown_timesheet:before {
    content: '';
    width: 0;
    height: 50px;
	position: absolute;
    top: 0; left: 0;
    border-left: 1px solid #bbb;
}
.dropdown_timesheet .dropdown-menu {
    width: 280px;
    color: #333;
}
.dropdown_timesheet .dropdown-panel-header {
    margin-top: -5px;
    font-size: 11px;
    padding: 10px 20px;
}
.dropdown_timesheet .dropdown-panel-header {
    white-space: normal;
    border-bottom: 1px solid #ccc;
}
.dropdown_timesheet .dropdown-panel-footer {
    margin-bottom: -5px;
    background: #f5f5f5;
    border-top: 1px solid #ccc;
    border-color: rgba(0, 0, 0, .2);
    padding: 10px 10px;
}
.dropdown_timesheet .dropdown-panel-body {
    padding: 10px 20px
}
.dropdown_timesheet .dropdown-panel-footer a {
    font-size: 16px;
    color: #2681d5;
    text-align: center;
}
.mega-dropdown-menu {
    min-width: 400px;
}
.mega-dropdown-menu:before {
    left: auto !important;
    right: 10px !important;
}
.mega-dropdown-menu:after {
    left: auto !important;
    right: 11px !important;
}
.mega-dropdown-menu .dropdown-panel-header {
    margin-top: -5px;
    font-size: 11px;
    padding: 10px 20px;
}
.mega-dropdown-menu .dropdown-panel-header {
    white-space: normal;
    border-bottom: 1px solid #ccc;
}
.mega-dropdown-menu .dropdown-panel-footer {
    margin-bottom: -5px;
    background: #f5f5f5;
    border-top: 1px solid #ccc;
    border-color: rgba(0, 0, 0, .2);
    padding: 10px 10px;
}
.mega-dropdown-menu .dropdown-panel-body {
    padding: 10px 20px;
    font-size: 13px !important;
    max-height: 400px;
    overflow-y: auto;
}
.dropdown-action > .dropdown-menu-right:before {
    left: auto!important;
    right: 12px;
}
.dropdown-action > .dropdown-menu-right:after {
    left: auto!important;
    right: 13px;
}
.text-help-icon {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    width: 20px;
}
.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    margin-left: -1px
}
.input-group-btn > .form-control {
    border-right: 0!important
}
.form-search {
    padding: 10px 15px;
    background: #F5F5F5;
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #DDD;
}
.form-search:after,
.form-search:before {
    display: table;
    clear: both;
    content: "";
}
.custom-radio-wrapper {
    position: relative;
    display: block
}
.custom-radio-wrapper label {
    text-indent: 8px;
    line-height: 20px;
    min-height: 18px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}
.custom-radio-wrapper label .custom-radio {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #d6e1e5;
    cursor: pointer
}
.custom-radio-wrapper label input[type="radio"] {
    opacity: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    cursor: pointer;
    margin-left: -28px;
    display: inline-block;
    position: absolute
}
.custom-radio-wrapper label input[type="radio"]:checked + span:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #2681d5
}
.custom-radio-wrapper.disabled {
    background: none
}
.custom-radio-wrapper.disabled label .custom-radio {
    background: #e1eef3
}
.custom-radio-wrapper.disabled label .custom-radio:before {
    background: #b2c6cd!important
}
.custom-checkbox-wrapper {
    position: relative;
    display: block
}
.custom-checkbox-wrapper label {
    text-indent: 8px;
    line-height: 20px;
    min-height: 18px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}
.custom-checkbox-wrapper label .custom-checkbox {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #d6e1e5;
    cursor: pointer;
    border-radius: 3px;
    text-indent: 0
}
.custom-checkbox-wrapper label input[type="checkbox"] {
    opacity: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    cursor: pointer;
    margin-left: -28px;
    display: inline-block;
    position: absolute
}
.custom-checkbox-wrapper label input[type="checkbox"]:checked + span:before {
    font-family: 'FontAwesome'!important;
    cursor: pointer;
    content: "\f00c";
    color: #2681d5;
    font-size: 16px
}
.custom-checkbox-wrapper.disabled {
    background: none
}
.custom-checkbox-wrapper.disabled label .custom-checkbox {
    background: #e1eef3
}
.custom-checkbox-wrapper.disabled label .custom-checkbox:before {
    color: #b2c6cd!important
}
.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 0
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    margin-bottom: 0
}
.input-group-btn,
.input-group-btn > .btn {
    position: relative
}
.iso-button-success {
    height: 31px;
    line-height: 31px
}
.red_button {
    height: 32px;
    line-height: 32px
}
.btn {
    background-position: center;
    transition: background .5s
}
.btn {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*background-image:none;border:1px solid transparent;*/
    outline: 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline-offset: -2px
}
.btn.focus,
.btn:focus,
.btn:hover {
    color: #333;
    text-decoration: none
}
.btn.active,
.btn:active {
    background-image: none;
    outline: 0
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}
a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}
.btn-default.focus,
.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}
.btn-default.active,
.btn-default:active,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
    background-image: none
}
.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}
.btn-default .badge {
    color: #fff;
    background-color: #333
}
.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
    background-image: none
}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}
.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}
.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}
.btn-success.active,
.btn-success:active,
.btn-success:hover,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}
.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
    background-image: none
}
.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}
.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}
.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}
.btn-info.active,
.btn-info:active,
.btn-info:hover,
.open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
    background-image: none
}
.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}
.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}
.btn-warning {
    color: #fff;
    background-image: none;
    background-color: #ec971f;
    border-color: #d58512
}
/*background-color:#f0ad4e;border-color:#eea236*/
.btn-warning.focus,
.btn-warning:focus {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}
.btn-warning.active,
.btn-warning:active,
.btn-warning:hover,
.open > .dropdown-toggle.btn-warning {
    background-image: none;
    color: #fff;
    background-color: #f0ad4e;
    border-color: #d58512
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #eea236
}
.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
    background-image: none
}
.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}
.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}
.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}
.btn-danger.active,
.btn-danger:active,
.btn-danger:hover,
.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}
.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
    background-image: none
}
.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}
.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}
.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    border-color: transparent
}
.btn-link:focus,
.btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}
.btn-group-lg > .btn,
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}
.btn-group-sm > .btn,
.btn-md {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}
.btn-group-sm > .btn,
.btn-sm {
    padding: 5px 8px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}
.btn-group-xs > .btn,
.btn-xs {
    padding: 5px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}
.btn-block {
    display: block;
    width: 100%
}
.btn-block + .btn-block {
    margin-top: 5px
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}
a.iso-button-warning .fa {
    transform: translateY(4px)
}
/*boostrap*/
/* Form CSS */
.iso-button{height: 40px}
.window_button_footer .iso-button{height: 32px}
.headPop .iso-button{height: 32px}
input[type=search]:not(.form-control),
input[type=email]:not(.form-control),
input[type=text]:not(.form-control),
input[type=number]:not(.form-control),
select:not(.form-control) {
    border: 1px solid #ccc;
    /*height: 32px;
    padding: 4px 6px;*/
	height: 40px;
    padding: 4px 8px;
    vertical-align: middle;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    color: #000;
}
.fg-toolbar input[type=text]{/*height: 32px;*/ height: 40px; padding: 4px 6px;} 
input[type=number] {
    padding: 4px !important;
}
input:not(.form-control):not(.has-outline):focus,
select:not(.form-control):not(.has-outline):focus {
    outline: none;
}
.DataTables_sort_wrapper input[type=search],
.DataTables_sort_wrapper input[type=email],
.DataTables_sort_wrapper input[type=text],
.DataTables_sort_wrapper input[type=number],
.DataTables_sort_wrapper select {
    height: 26px;
}
.ui-datepicker-title > .ui-datepicker-month,
.ui-datepicker-title > .ui-datepicker-year {
    height: 24px;
    font-size: 1em !important;
    font-weight: 400;
    padding: 0;
    margin: 1px 2px !important;
}
.datepicker,
.isodatepicker,
.month-year-input {
    max-width: 128px;
    background: #FFF url(../images/icons/Calendar16.gif) no-repeat calc(100% - 4px) center;
}
.datepicker.full {
    width: 100%;
    max-width: 100%;
}
.timepicker {
    max-width: 95px;
    height: 32px;
    background: #FFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJCMzNBNTk1OTBCMzExRTg4QTE3Qzc2OTEyMUU0MUM1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJCMzNBNTk2OTBCMzExRTg4QTE3Qzc2OTEyMUU0MUM1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkIzM0E1OTM5MEIzMTFFODhBMTdDNzY5MTIxRTQxQzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkIzM0E1OTQ5MEIzMTFFODhBMTdDNzY5MTIxRTQxQzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6qceb8AAACMklEQVR42oyTT0hVQRTG59x7KYlqUUFCLaTW/YGCduLigS0qlFwYCAoFLhTX1cqVm0jETYgu0l25bRPPaNEmCw3aBS50k4gWaCJl997jb+6MNN53HzRwmJkz3znznTPfSK3WEZujQ7G85IswMY1D6/X3BTYpAazzuEg8ifuix26oZsMs9nzCypGU9jbRMfC3mX0i2TQmw2d2/ydR6mfLblv173Viethynr/C99OfpU0IFA56IlcdSFcoa5D9PfbnHCTuVs3fkPAF/ktRFLXkefa13DObKBOJBph/uARynqA5Vf3kMVdgNwSmn4vmVaUV30iZVdFsbnwuknwAuEhZNXy/AsxH/K9J9pRkg3metlf1yDZPAYzBYF01feCT2AtiZ/GoiEl5uYdgVgl5FsjkHyNVc4FE3bTobqmRGWTvwHaNmLUiUrPHJK6TsE1EVv1ljhGOG46Ffg4aiAzkJo3vE9GX3o/pEvgt/LcqXk3OANhh/dsHFMoGPMX2NOvNQD/7HG8zn616/nWXzJzEdg77QxmPnI4K+uJKNSdYWll8b2g2AUvUbNXcEfhtGV8gFpYL08i+2Cn8iw2JbM0cTFPKuGcVqjdUfgvwCbCzroqjOoqc5aO2drT0DgKXfWBgwislddZ/eMUnVX8u8c49SuyE1QwBVoAL2LKv8hrWyR6lZ/eZd5v9NT/rFoLs4gvU0FUvJXf5Xn3jkj7mt80+bPBp3e90KrdssgXVyl8gZUUfjgMBBgDITNQbxFBBugAAAABJRU5ErkJggg==') no-repeat right center;
    border: 1px solid #AAA
}
.datepicker.form-control {
    background-position: 95% center !important
}
.datepicker.datepicker-readonly{max-width: none!important}
.datepicker[disabled=disabled] {
    background-color: #ebebe4
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #0479B9; color: #fff;
}
/*.ui-state-default{background-image:linear-gradient(#eee 80%,#fff)}*/
.ui-state-default.sorting_asc {
    background: url('../images/sort_asc.png') no-repeat calc(100% - 6px) center
}
.ui-state-default.sorting_desc {
    background: url('../images/sort_desc.png') no-repeat calc(100% - 6px) center
}
.ui-state-default.sorting {
    background: url('../images/sort_both.png') no-repeat calc(100% - 6px) center
}
.ui-state-default.sorting_asc_disabled {
    background: url('../images/sort_asc_disabled.png') no-repeat calc(100% - 6px) center
}
.ui-state-default.sorting_desc_disabled {
    background: url('../images/sort_desc_disabled.png') no-repeat calc(100% - 6px) center
}
.fieldNumber {
    text-align: right !important;
    white-space: nowrap
}
.fieldNumber .tdInner {}
.priceFormat {
    text-align: right !important;
    font-size: 13px;
    color: red !important;
    white-space: nowrap
}
.errorField {
    border: 1px solid #F93
}
/**/
.article-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.article-list > .article-item {
    margin-bottom: 10px;
}
.article-list > .article-item > h3.article-title {
    margin: 0 0 5px 0;
    min-height: 28px;
    line-height: 24px;
    padding: 5px 15px;
    background: #2c3c4d;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
}
.article-list > .article-item > h3.article-title a {
    color: #FFF;
    font-size: 13.3333px;
    font-weight: 700;
}
.article-list > .article-item > ul {
    padding-left: 30px;
}
.article-list > .article-item > ul > li {
    margin-bottom: 3px;
    list-style: circle
}
.article-list > .article-item > ul a {
    color: #333;
}
.article-details {
	font-size:13px;
    line-height: 20px;
}
.article-details img {
    max-width: 100%;
    height: auto;
}
.article-details h2 {
    font-size: 16px;
}
.article-details h3 {
    font-size: 14px;
}
.home-status-badge > .health-status-block {
    width: 25%;
}
.health-status-block__icon {
    height: 70px;
    width: 70px;
}
.ui-widget-header {
    background: none;
    background-image: linear-gradient(#eee 80%, #fff);
    padding: 5px
}
.dataTables_filter {
    width: auto !important;
}
.dataTables_filter > label {
    margin-bottom: 0 !important
}
.dataTables_scrollFoot {
    margin-bottom: 30px;
}
tbody.odd, tr.odd {
    background: #eee;
}
.fg-toolbar > .form-select,
.fg-toolbar select {
    margin: 0;
}
.tabsglobal ul,
.clienttabs ul {
    height: 32px;
    font-size: 13px;
    height: 42px;
    line-height: 40px;
}
ul.token-input-list-facebook {
    width: 100%
}
li.token-input-input-token-facebook {
    float: none
}
ul.token-input-list-facebook li input {
    width: 100%;
}
.window_button_footer {
    width: 100%;
    height: 44px;
}
.iso-button-small {
    height: 32px;
    line-height: 30px;
    min-width: 30px;
    background: #aaa;
}
.iso-button-warning {
    background-image: none;
    background-color: #ec971f;
    border-color: #d58512;
}
.iso-button-danger {
    background-image: none;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.div_other_choice_g_type {
    box-shadow: none;
}
.btnQuickAddOneCompanyOrderFastAdvance {
    background: #ec971f!important;
    border: 1px solid #d58512!important;
    padding: 0;
    width: 31px!important;
    height: 31px!important;
    line-height: 31px!important
}
.ajAddRowJSON_FastAdvance {
    background: #ec971f !important;
    border: 1px solid #d58512 !important;
}
.btnQuickAddOneCompanyOrderFastAdvance .fa-plus,
.ajAddRowJSON_FastAdvance .fa-plus {
    color: #fff !important;
}
.fg-toolbar .select2-container {
    margin-top: 0 !important
}
.select2-container .select2-selection--single {
    height: 40px
}
.select2-container--default .select2-selection--single {
    border: 1px solid #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    height: 40px; color: #000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    /*top: 4px;*/
	transform: translateY(-50%);top: 50%
}
.select2-container--default .select2-selection--single.yield_room_type .select2-selection__arrow b{
	visibility: hidden; pointer-events: none;
}
.inline-editor-container .select2-container .select2-selection--single {
    height: 34px
}
.inline-editor-container .select2-container--default .select2-selection--single {
    border: 1px solid #ccc
}
.inline-editor-container .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}
.inline-editor-container .select2-container .select2-selection--single .select2-selection__rendered {
    height: 34px;
}
.inline-editor-container .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 2px;
}

.quote_detail .select2-container .select2-selection--single {
    height: 45px
}
.quote_detail .select2-container--default .select2-selection--single {
    border: 1px solid #ccc
}
.quote_detail .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
}
.quote_detail .select2-container .select2-selection--single .select2-selection__rendered {
    height: 45px;
}
.quote_detail .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    line-height: 31px;
    margin-top: 4px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    font-size: 26px;
}
.select2-container--default .select2-selection--single.TourHandleCountry .select2-selection__rendered {
    line-height: 30px;
}
.select2-container .select2-selection--single.TourHandleCountry .select2-selection__rendered {
    height: 30px;
    padding-left: 25px;
}
.div_filterTourHandleByCountry {
    height: 30px;
    transform: translateY(0)
}
.div_filterTourHandleByCountry .flag-icon.material-icons {
    top: 8px;
}
body ul.cm_default li.jeegoo_icon {
    width: 140px;
}
body ul.cm_medium li.jeegoo_icon {
    width: 148px !important;
}
.jeegoo_icon a {
    padding: 3px 0;
}
.refreshUl li,
#js_menu_crm li {
    width: 170px !important;
}
fieldset {
    padding: 0.35em 0.625em 0.75em;
}
legend {
    width: auto;
    margin-bottom: 0;
    font-size: 13px;
    border: none;
    padding: 0 2px;
}
.window_content,
.window_bottom {
    border: 1px solid #eee
}
.window_top {
    height: 32px;
    line-height: 26px;
    background: none;
    /*background-image: linear-gradient(#fff, #eee 80%);
    background: #eee;*/
}
.window_top img {
    margin-top: 9px;
}
.window_close:before {
    content: '\f00d';
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'FontAwesome';
}
.statusLayer {
    line-height: 16px;
}
.ul_itinerary_choice_g_type {
    width: 290px;
}
.ul_markup_services {
    width: 345px
}
.ul_markup_total {
    width: 360px
}
.input-no-border {
    border: none !important
}
.input-no-border-x {
    border-width: 0 0 1px!important;
    border-style: dashed!important;
    border-color: #a9a9a9!important;
    background: transparent!important
}
.input-no-border-x.bg-danger {
    background: #f2dede!important
}
.textbox .textbox-prompt,
.textbox .textbox-text {
    border: none !important;
    height: 40px !important;
    line-height: 40px !important;
}
.textbox-icon {
    height: 28px !important
}
.panel-detailQuoteAdvance .panel-title,.panel-detailTMS .panel-title {
    padding-top: 0;
}
.panel-InfoItineraryQuoteAdvance .panel-title {
    height: auto !important;
    min-height: 36px;
    width: calc(100% - 90px);
    display: inline-block;
    padding-top: 8px;
    font-size: 16px;
}
.panel-InfoItineraryQuoteAdvance .panel-title > a {
    color: #c61a1a
}
.panel-InfoEstimateSaleQA .panel-title {
    height: auto !important;
    min-height: 36px;
    width: calc(100% - 130px);
    display: inline-block;
    padding-top: 8px;
    font-size: 16px;
}
.panel-InfoEstimateSaleQA .panel-title > a {
    color: #c61a1a
}
.panel-InfoItineraryChild {
    background: none;
}
.panel-InfoItineraryChild .panel-title {
    height: auto !important;
    min-height: 36px;
    width: calc(100% - 60px);
    display: inline-block;
    padding-top: 8px;
}
.panel-InfoItineraryChild .panel-title > a {
    color: #c61a1a
}
.panel-InfoItineraryChild > .panel-heading {
    padding: 0 4px;
    text-transform: none;
    background: gainsboro
}
.panel-collapse-InfoItineraryChild {
    box-shadow: none;
}
.textbox.combo {
    height: 40px !important;
}
.spotlight > .text {
    height: 40px;
}
.combo {
    height: 40px;
    line-height: 40px;
}
.inline-editor-container > .btn,
.inline-editor-container .btn-xs {
    padding: 5px !important
}
.inline-editor-container input,
.inline-editor-container select {
    height: 24px !important; padding: 0 3px !important;
}
.modal-details .modal-close-tab {
    width: 27px;
}
.panel-heading > .panel-title {
    height: 22px;
}
.bootstrap-select .btn {
    padding: 2px 10px 0 10px;
    line-height: 18px;
}
.frmPopFull .dataTables_wrapper .dataTable {
    border-left: none;
}
.frmPopFull .tab_contentglobal {
    border: none;
    padding: 10px 2px;
}
.tab_contentglobal.no-before:before, .tab_contentglobal.no-before:after{position: absolute;}
.dataTable tr td,
.bs-table .DataTables_sort_wrapper {
    font-size: 14px;
}
.DataTables_sort_wrapper {
    max-height: 22px !important;
    line-height: 22px;
    font-size: 13px;
}
.header_no_padding .DataTables_sort_wrapper{padding: 0!important}
.header_no_maxheight .DataTables_sort_wrapper{max-height: none!important}
.header_no_maxheight .select2-selection__rendered{font-size: 11px!important}
.noMenu .dataTables_scrollBody {
    max-height: none !important
}
.tdInner {
    max-height: none;
    overflow: visible;
}
tbody .tdInner {
    padding: 4px 5px;
    position: relative;
}
.hover-block{display: none}
table tr:hover .hover-block{display: block;}
.spanDateOrder,
.spanDateApply {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(10px)
}
.spanDateOrder.OrderReport {
    background: rgba(255, 255, 255, .5)
}
.spanDateApply {
    transform: translateY(1px);
    right: 3px;
}
.bar1,
.bar2,
.bar3 {
    width: 20px;
    height: 2px;
    background-color: rgba(44, 60, 77, .5);
    margin: 6px 0;
    display: block
}
.dropdown-action > .dropdown-menu a.disabled {
    background: rgba(0, 0, 0, .1);
    cursor: no-drop !important;
	opacity: 0.5;
}
.dropdown-menu a .fa {
    min-width: 12px;
}
.dropdown-supplier {
    margin-top: -40px;
    transform: translate(22px, -3px);
    z-index: 10;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 5px 10px;
}
.dropdown-supplier:hover {
    background: rgba(0, 0, 0, .1);
}
.dropdown-menu-supplier {
    right: auto;
    left: -32px;
    transform: translateY(4px);
    min-width: 186px;
    top: calc(100% - 7px);
    border-radius: 0 0 5px 5px;
}
.dropdown-menu-supplier:before {
    left: 44px;
    top: -8px;
}
.dropdown-menu-supplier:after {
    left: 45px;
    top: -6px;
}
.dropdown-menu-supplier .selectedLeftTab {
    border: none;
    background: rgba(0, 0, 0, .1)
}
.qmnu strong {
    width: 20px;
    height: 20px;
    line-height: 18px;
    font-size: 10px;
    transform: translateY(-1px);
}
.selectize-dropdown.currency-selectize [data-selectable]{padding: 3px;}
.selectize-control.currency-selectize .selectize-input:not(.no-arrow):after{right:6px!important;}

.selectize-input{min-height: 40px}
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input{height: 20px!important}
.dropdown-advanced-search{padding: 10px 6px!important;}
.dropdown-company {
    display: inline-block
}
.dropdown-company .btn .fa {
    font-size: 18px
}
.dropdown-cogs {
    display: inline-block
}
.dropdown-cogs .btn{height: 32px;}
.dropdown-cogs .btn .fa {
    font-size: 18px; 
}
.dropdown-menu-currency.left {
    min-width: 480px;
    left: 0;
    right: auto;
}
.dropdown-menu-currency > li {
    padding: 5px;
    border-bottom: 1px solid #eee;
    font-weight: 600;
    width: calc(100% / 3);
    float: left;
    box-sizing: border-box;
    text-align: left
}
.dropdown-menu-currency.left:before {
    left: 11px;
}
.dropdown-menu-currency.left:after {
    left: 12px;
}
.dropdown-menu-currency > li:last-child {
    border: none
}
.dropdown-menu-cogs,
.dropdown-menu-plus {
    min-width: 160px;
}
.dropdown-menu-plus.left,.dropdown-menu-left {
    left: 0;
    right: auto;
}
.dropdown-menu-plus.left:before {
    left: 11px;
}
.dropdown-menu-plus.left:after {
    left: 12px;
}
.dropdown-action > .dropdown-menu-left:before {
    left: 5px!important;
}
.dropdown-action > .dropdown-menu-left:after {
    left: 6px!important;
}
.dropdown-header {
    display: block;
    padding: 3px 15px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}
.dropdown-menu .divider {
    border-bottom: none;
}
.dropdown-toolbar {
    display: inline-block
}
.dropdown-action > .dropdown-toggle {
    min-width: 20px;
    min-height: 20px;
}
.dropdown-toolbar .dropdown-toggle .fa {
    font-size: 16px;
    transform: translateY(3px);
}
.dropdown-action > .dropdown-toggle > i.fa {
    font-size: 18px;
    color: #666;
}
.dropdown-OrderRef {}
.dropdown-OrderRef .dropdown-toggle .fa {
    font-size: 16px;
    transform: translateY(3px);
}
.dropdown-menu-OrderRef {
    right: auto;
    left: -32px;
    transform: translateY(4px);
    min-width: 136px;
}
.dropdown-menu-OrderRef:before {
    left: 44px;
    top: -8px;
}
.dropdown-menu-OrderRef:after {
    left: 45px;
    top: -6px;
}
.sidebarpop {
    margin-left: 0;
}
.fieldflex > .tdInner span {
    min-width: 34px;
}
.fieldflex > .tdInner span:nth-child(2) {
    min-width: 28px;
}
.fieldflex > .tdInner span:nth-child(3) {
    min-width: 28px;
}
.order-status-badge__item {
    width: 31%;
}
.box-status-badge__item.col5 {
    width: 31%
}
.div_ContactCountry .flag-icon {
    left: calc(100% - 60px);
    top: 10px;
}
.div_ContactCountry .material-icons {
    left: calc(100% - 60px);
    top: 6px;
}
.YieldNumberOpWait {
    display: inline-block;
    width: 25px;
    height: 25px;
    transform: translate(10px, -10px);
}
.numberSup {
    display: inline-block;
    /*width:25px;height:25px;*/
    transform: translate(10px, -10px);
    background: #e62546;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    border: 2px solid #fff;
    padding: 3px;
    min-width: 30px;
    min-height: 30px;
}
.page-title {
    padding: 0px 20px;
    height: 42px;
    line-height: 42px;
}
.page-body {
    width: 100%;
}
.bg-legend {
    background: none !important;
    color: #000;
    padding: 0 5px;
    font-weight: bold;
    width: 100%
}
.delDestinationQuote {
    transform: translateY(5px);
}
.priceTableChildQA {
    clear: both;
}
.h-row:after {
    display: table
}
.OpenQAEditProgramField {
    visibility: hidden;
    margin-left: 15px;
}
.OpenQAEditProgramField > .fa {
    font-size: 14px;
}
.QAEditProgram .fieldarea {
    color: #666
}
.QAEditProgram:hover .OpenQAEditProgramField {
    visibility: visible;
}
.ManageCrmQuoteAdvance .panel-body {
    font-size: 14px;
}
.panel-InfoItineraryQuoteAdvance > .panel-heading {
    text-transform: none;
    padding: 0 3px;
    background: gainsboro
}
.panel-InfoItineraryQuoteAdvance {
    background: none;
}
.panel-collapse-InfoItineraryQuoteAdvance {
    box-shadow: none;
}
.panel-InfoEstimateSaleQA > .panel-heading {
    text-transform: none;
    padding: 0 3px;
    background: gainsboro
}
.panel-InfoEstimateSaleQA {
    background: none;
}
.panel-collapse-InfoEstimateSaleQA {
    box-shadow: none;
}
.panel-collapse-detailQuoteAdvance,.panel-collapse-detailTMS {
    box-shadow: none;
}
.label-GroupChild {
    display: none;
}
.label-GroupChild.show {
    display: inline-block
}
.messAvatar {
    border: none;
    float: left !important;
    width: auto !important;
}
.messAvatar img {
    padding: 2px;
    border: 1px solid #ddd
}
.notification .listAll {
    width: 100%;
}
.itinerary_label {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 15px;
}
.itinerary_table {
	width: 100%;
}
.itinerary_table th {
	padding: 15px 13px;
	background: #F5F5F5;
}
.itinerary_table td {
	border-bottom: 1px solid #DDD;
}
.itinerary_table h3 {
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 21px;
	margin-bottom: 4px;
}
.itinerary_table .fa-list-alt {
	color: red;
	transform: translateY(3px);
}
.itinerary_table tr:hover {
	background: #e4ebef;
}
aside.aside-less li{text-align: center;}
aside.aside-less:not(.first-click):hover{width: 168px}
aside.aside-less:not(.first-click):hover .data-profile .data-content{display: block!important}
aside.aside-less:not(.first-click):hover .data-profile{width: 80%;padding: 15px;}
aside.aside-less:not(.first-click):hover .data-profile .data-avatar {width: 50px; height: 50px;}
aside.aside-less:not(.first-click):hover li {text-align: left;}
aside.aside-less:not(.first-click):hover li .text{display: inline-block!important}
aside.aside-less:not(.first-click):hover li .text-inline-block{display: inline-block!important}
aside.aside-less:not(.first-click):hover li .fa{display: inline-block!important}
aside.aside-less:not(.first-click):hover li a .ico{margin-right: 8px; width: 16px;height: 16px; transform: translateY(4px);}
aside.aside-less:not(.first-click):hover .info-lincense{display: block!important}

aside.aside-less-crm li{text-align: center;}
aside.aside-less-crm:not(.first-click):hover{width: 168px}
aside.aside-less-crm:not(.first-click):hover .data-profile .data-content{display: block!important}
aside.aside-less-crm:not(.first-click):hover .data-profile{width: 80%;padding: 15px;}
aside.aside-less-crm:not(.first-click):hover .data-profile .data-avatar {width: 50px; height: 50px;}
aside.aside-less-crm:not(.first-click):hover li{text-align: left;}
aside.aside-less-crm:not(.first-click):hover li .fa-angle-right{display: inline-block!important}
aside.aside-less-crm:not(.first-click):hover li .fa-caret{display: inline-block!important}
aside.aside-less-crm:not(.first-click):hover li > a > i.fa:first-child{font-size:14px!important}
aside.aside-less-crm:not(.first-click):hover .info-lincense{display: block!important}
aside.aside-less-crm:not(.first-click):hover .tacrm-menu-text{display: inline-block!important}
aside.aside-less-crm:not(.first-click):hover li .text-inline-block{display: inline-block!important}

.yieldi_image {position: absolute;right: 0;bottom: 0;display: flex;align-items: end; gap: 10px;}
.yieldi_image .yieldi_choose_img {width: 156px;height: 115px;border: dashed 1.5px #ccc;display: flex;justify-content: center;align-items: center;cursor: pointer;margin: 0;flex-direction: column}
.yieldi_choose_img i {margin-right: 5px;}
.tour_outbound td {
	background: white !important;
	border: 1px solid #bfbfbf !important;
}
/*customer responsive*/
@media (max-width:1599px) {
    /* CSS destop md - container 970px*/
    /*.h-col-8{width:100% !important}
    .h-col-6{width:75% !important}
    .h-col-2{width:25% !important;}*/
    .fc-event .h-col-8 {
        width: calc(100% / 1.5) !important
    }
}
@media (max-width:1199px) {
    /* CSS destop md - container 970px*/
    .h-col-8 {
        width: 100% !important
    }
    .h-col-4 {
        width: 100% !important
    }
    .h-col-6 {
        width: 75% !important
    }
    .h-col-2 {
        width: 25% !important;
    }
}
@media (max-width: 1024px) {
    /* CSS ipad ngang */
    .spanDateOrder,
    .spanDateApply {
        display: none;
    }
}
@media (max-width:991px) {
    /* CSS tablet sm  - container 750px*/
}
@media (max-width:767px) {
    /* CSS phone xs */
}
@media (max-width:500px) {
    /* CSS phone xs */
}
/*fix bootstrap*/
@media (min-width:501px) {
    /*container */
}
@media (min-width:768px) {
    /*container 750*/
}
@media (min-width:992px) {
    /*container 970*/
}
@media (min-width:1200px) {
    /*container 1170*/
}