/* version 2.1 created date: 2020/05/13. */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap);
@import url(../fonts/font-awesome-4.7/css/font-awesome.min.css);
@import url(css-change.css);
html {
    min-width: 1422px;
    overflow-y: scroll;
}
body {
    font-family: 'Open Sans', sans-serif;
    color: #2A2B33;
    font-size: 14px;	
    font-weight: 400;
    background: #fff;	
    line-height: 24px;
    overflow: auto;
    min-width: 1422px;
    margin: 0;
}
body .page-content {
	padding: 0 0 100px;
}
.panel {
	border: none;
}
.panel .panel-heading {
	padding: 0;	
	background: #F9F9F9;
	border-bottom: 1px solid #E9E9EA;
}
.panel .panel-heading-list {
    padding: 0;
    background: #fff;
    border-bottom: none;
}
.panel .panel-heading-list::after{
	content: "";
	display: block;
	clear: both;
}
.page-content-inner > .panel > .panel-heading  > div{
	max-width: 1440px;
	margin: 0 auto;
	position: relative;
}
.panel-heading h2{
	font-size: 32px;
    font-weight: 800;
    line-height: 43px;
    padding-top: 60px;
    text-transform: uppercase;
    color: #2A2B33;
}
.panel-heading-padding h2{
	padding-bottom: 70px;
}
.panel .panel-body {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
a {
	outline: none !important;
}

/*HEADER*/
#main-nav
{
    margin: 0 auto;
    max-width: 1440px;
}
#main-nav li 
{
    float: left;
    list-style: none;
}
nav.nav_menu {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	height: 60px;
	border-color: #CFCFD1;
}
nav.nav_menu .headerBanner:after {
	display: table;
    clear: both;
    content: "";
}
nav.top-menu + .page-content {
	padding: 60px 0;
	margin-top: 0;
	min-height: calc(100vh - 42px);
}
#main-nav .nav-list li
{
    float: none;
    text-align: left;
    margin-right: -21px;
}
#divLogo img
{
	margin: 16px 0;
    height: auto;
    width: 110px;
    margin-right: 40px;
}

.headerBkg
{
    background-color: #FFFFFF;
}

.articles-nav
{
    height: 60px;
    text-align: center;
    padding: 14px 40px;
    cursor: pointer;
    border-bottom: 1px solid #CFCFD1;
}
.articles-nav:hover, .articles-nav:hover a.nav-title
{
    background-color: #4D332E;
    color: #FFFFFF;
    border-bottom: 1px solid #4D332E;
}

a.nav-title:focus {
	color: #000000;
}

.nav-list
{
    text-align: center;
    padding: 0;
    margin: 0;
    height: auto;
    left: 0;
    right: 0;
    width: 100%;
    position: absolute;
    top: 60px;
    border-top: none;
    background-color: #4D332E;
    font-weight: 400;
    visibility: hidden; /* hides sub-menu */
    /*transform: translateY(0em);
    transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    z-index: -1;*/
}

.nav-title
{
    position: relative;
    top: 5px;
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}

.nav-titleHover ul
{
    display: block;
    width: 200px;
    top: 5px;
    background-color: #2A2B33;
    box-shadow: 1px 1px 10px black;
}

.nav-titleHover ul li
{
    font-size: .85em;
}
/*#main-nav li.articles-nav:focus .nav-list,
#main-nav li.articles-nav:focus-within .nav-list,*/
#main-nav li.articles-nav:hover .nav-list {
  visibility: visible; 
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.1s;
}

#main-nav .nav-list .listchild {	
	margin: 0 auto;
    width: 1440px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
}
#main-nav .nav-list #booking {
	justify-content: normal;
	padding: 0 10%;
}
#main-nav .nav-list #settlement {
	justify-content: normal;
	padding: 0 17%;
}
/*#main-nav li:nth-last-child(2) .listchild {*/
/*	justify-content: flex-end;*/
/*}*/
.headerLinkList
{
    text-align: center;
    min-width: 180px;
    padding: 0 20px;
    margin: 30px 0;
}

#main-nav .addBoder {
	border-left: 1px solid #6E5955;
}
#main-nav .first-child, #main-nav .addBoder:first-child {
    border-left: none;
}

.headerLinkList li
{
    display: block;
    clear: both;
    position: relative;
    list-style: none;
    font-weight: 400;
}

.headerLinkList li:first-child
{
    margin-bottom: 10px;
    font-weight: 600;
}

.headerLinkList li a
{
    text-decoration: none;
    color: #E9E9EA;
    letter-spacing: -0.2px;
}
.headerLinkList li a:hover {
	text-decoration: underline;
}
.headerLinkList li a:focus {
	opacity: 0.7;
}
.headerLinkList li a.active {
	color: #FFBC07;
	text-decoration: underline;
}

.LogOutBubbleUl
{
    position: relative;
    left: -33px;
}

.LogOutBubbleUl li
{
    position: relative;
    display: inline-block;
    margin-right: -4px;
    top: 7px;
}
.LogOutBubbleUl li > span
{
    position: relative;
    left: 45px;
    bottom: 37px;
    text-decoration: none;
    color: #D9D8D4;
    text-shadow: 0px 0px 0 #C4C0B5, 1px 1px 0 #918173, 2px 2px 0 #4A4541, 3px 3px 0 #444, 4px 4px 10px #444;
    font-size: 1.6em;
}

.LogOutBubbleUl li a img
{
    position: relative;
    top: 5px;
    height: 25px;
    width: 25px;
}
.f-16 {
	font-size: 16px;
}
#main-nav li.nav_right {
	float: right;
}

#main-nav li.nav_right .headerLinkList  {
	display: flex;
	width: auto;
	margin: 18px 0;
	padding: 0;
}
#main-nav li.nav_right .headerLinkList li:first-child  {
	font-weight: 400;
	margin-right: 20px;
	margin-bottom: 0px;
}
#main-nav li.nav_right .headerLinkList li:last-child  {
	text-decoration: underline;
}

#main-nav li.nav_right .headerLinkList li img {
	margin-right: 5px;
	margin-top: -5px;
}
    
#main-nav li.nav_right .headerLinkList li a {
	color: #67686D;
	font-size: 12px;
}

/*css Footer*/
.content_footer {
	text-align: center;
	height: 42px;
	background-color: #2A2B33;
	color: #909094;
	line-height: 42px;
	font-size: 12px;
}

/* css form */
.form-control {
	border: 1px solid #CFCFD1;
	border-radius: 0;
	line-height: 17px;
	padding: 8px 12px 9px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #2A2B33;
    box-sizing: border-box;
    background: #FBFBFB;
}
textarea {
	border: 1px solid #CFCFD1;
	border-radius: 0;
	line-height: 17px;
	padding: 8px 12px 9px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #2A2B33;
    box-sizing: border-box;
    background: #FBFBFB;
}
textarea:focus {
	border: 1px solid #FFBC07;
	outline: none;
	background: #FFFFFF !important;
}
.form-control:focus,
.form-control:active {
	border: 1px solid #FFBC07 !important;
	opacity: 1;	
	background: #FFFFFF !important;
}
.form-control:disabled, .form-control[readonly] {
	border: 1px solid #B9BABC;
	background: #E9E9EA !important;
}
.form-control::-webkit-input-placeholder,
::-webkit-input-placeholder { /* Edge */
  color: #CFCFD1;
}
.form-control:-ms-input-placeholder,
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #CFCFD1;
}
.form-control::placeholder,
::placeholder {
  color: #CFCFD1;
}
.form-control-homepage::-webkit-input-placeholder {
	color: #2A2B33;
}
.form-control-homepage:-ms-input-placeholder {
	color: #2A2B33;
}
.form-control-homepage::placeholder {
	color: #2A2B33;
}
input.form-control[type=text] {
	width: 304px;
	background-color: #FBFBFB;
}
input.booking-detail[type=text] {
	width: 210px;
	background-color: #FBFBFB;
}
select.form-control {
	padding: 8px 42px 9px 12px;
	line-height: 17px;
	min-width: 142px;
	background: url(../img/svg/arrow-down.svg) no-repeat center right 14px;
}
.form-group {
	display: block;
	padding: 15px 0 5px 0;
	margin: 0;
	border-bottom: 1px solid #E9E9EA;
}

.reset-padding {
	padding: 0 !important;
}

.reduce-min-height {
	min-height: 51px !important; 
}
.has-error {
	border-color: #EC0D2C !important;
}
.has-danger .form-control,
.form-group.has-danger .form-control {
	border-color: #CFCFD1;
}
.form-group .has-danger,
.form-group.has-danger .form-control.has-danger {
	border-color: #EC0D2C !important;
}
.group-info > .form-group {
	min-height: 71px;
}
.group-info .form-group:last-child {
	border-color: #909094;
}
.form-control-label {
	padding: 0 0 0 4px;
}
.postal-code-label{
	font-weight: 600;
}
.form-control:disabled, .form-control[readonly] {
	background-color: #E9E9EA;
}
.style-select.has-danger {
	margin-bottom: 15px;
}
/*css button*/
.btn.btn-primary,
.btn {
	font-size: 16px;
	min-width: 170px;
	height: 48px;
	line-height: 47px;
	border-radius: 0;
	padding: 0;
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	color: #2A2B33;
}
.btn.btn-primary:focus,
.btn.btn-primary:hover:active,
.btn.btn-primary:active,
.btn.btn-primary,
.btn:focus,
.btn:hover:active,
.btn:active,
.btn {
	background: #FFBC07;
	border-color: #FFBC07;
}
.btn.btn-primary:hover,
.btn:hover {
	background: #FDCE4E;
	border-color: #FDCE4E;
}
.btn-black:focus,
.btn-black:hover:active,
.btn-black:active,
.btn-black {
	background: #2A2B33 ;
	color: #fff;
	border-color: #2A2B33;
}
.btn-black:hover {
	background: #525359 ;
	border-color: #525359;
}
.btn-while:focus,
.btn-while:hover:active,
.btn-while:active,
.btn-while {
	background: #fff;
	border-color:  #2A2B33;
}
.btn-while:hover {
	background: #E3E3E4;
	border-color: #2A2B33;
}
.btn-delete {
	border: 1px solid #CFCFD1 !important;
}
.btn-gray {
	border: 1px solid #909094 !important;
	color: #909094;
}
.btn-gray-disabled {
	border: 1px solid rgba(42, 43, 51, 0.2) !important;
	color: rgba(42, 43, 51, 0.2);
	background: #FFFFFF;
	min-width: 90px !important;
    font-weight: 400 !important;
}
.btn-gray-disabled:hover, .btn-gray-disabled:active {
	border: 1px solid rgba(42, 43, 51, 0.2) !important;
	color: rgba(42, 43, 51, 0.2);
	background: #FFFFFF;
}
.btn-gray-disabled-active {
	border: 1px solid #2A2B33 !important;
	color: #2A2B33;
}
.btn-gray-disabled-active:hover, .btn-gray-disabled-active:active, 
.btn-gray-disabled-active:focus, .btn-gray-disabled-active:hover:active {
	border: 1px solid #2A2B33 !important;
	color: #2A2B33;
	background: #FFFFFF;
}
.btn-gray2:focus,
.btn-gray2:hover,
.btn-gray2:hover:active,
.btn-gray2:active,
.btn-gray2 {
	background: #EFEFF0;
	border-color: #EFEFF0;
}
.btn-history {
	min-width: 90px !important;
}
.btn-down {
	min-width: 36px !important;
	line-height: 36px;
	height: 36px;
    font-size: 14px;
    font-weight: 600;
}
.btn-down .fa {
	padding-left: 0;
    font-size: 18px;
    top: 2px;
    position: relative;
    left: 1px;
}
.btn-search {
	font-size: 14px;
	font-weight: 600;
	min-width: 142px;
	height: 36px;
	line-height: 34px;
}
.btn-new {
	font-size: 14px;
    min-width: 142px;
    height: 36px;
    line-height: 34px;
    font-weight: 600;
}
.btn-add{
	min-width: 100px;
	height: 36px;
	font-size: 14px;
	line-height: 14px;
}
.btn-small {
	height: 36px;
	font-size: 14px;
	line-height: 14px;
}
.fa {
	padding-left: 5px;
}
.fa-question-circle {
	color: #CFCFD1;
}
.fa-user {
	color: #6E6F74;
	padding-right: 5px;
}
.button-add {
	background: url(../img/svg/add.svg) no-repeat center !important;
	width: 16px !important;
	height: 16px;
}
.button-minus {
	background: url(../img/svg/minus.svg) no-repeat center !important;
	width: 16px !important;
	height: 16px;
}
.button-minus.disable {
	background: url(../img/svg/minus-disabled.svg) no-repeat center !important;
	width: 16px !important;
	height: 16px;
}
.button-remove {
	background: url(../img/svg/minus.svg) no-repeat center !important;
	width: 16px !important;
	height: 16px;
	cursor: pointer;
}
.button-remove.disable {
	background: url(../img/svg/minus-disabled.svg) no-repeat center !important;
	pointer-events: none;
}
.button-reset {
	background: url(../img/svg/reset.svg) no-repeat center !important;
	width: 16px !important;
	height: 16px;
}
.button-reset-cicle {
	background: url(../img/svg/reset-cicle.svg) no-repeat center !important;
	width: 16px !important;
	height: 16px;
	cursor: pointer;
}
.button-receive {
	background: url(../img/svg/receive.svg) no-repeat center !important;
	width: 36px !important;
	height: 36px;
	cursor: pointer;
}
.button-exchange {
	background: url(../img/svg/exchange.svg) no-repeat center !important;
	width: 16px !important;
	height: 16px;
	cursor: pointer;
}
.button-exchanged {
	background: url(../img/svg/exchanged.svg) no-repeat center !important;
	width: 16px !important;
	height: 16px;
	cursor: pointer;
}
input[type="file"] {
    display: none;
}
.note-group-select-from-files input[type="file"]{
	display: block;
}
#dropzone input {
	display: block;
}
.custom-file-upload {
    border: 1px solid #2A2B33;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    font-size: 12px;
    letter-spacing: -0.3px;
    text-align: center;
    width: 97px;
}
.btn.btn-primary:hover:active, .btn.btn-primary:focus, 
.btn.btn-primary.active, .open > .btn.btn-primary:hover:active, 
.open > .btn.btn-primary:focus, .open > .btn.btn-primary.active {
	background: #FDCE4E !important;
    border-color: #FDCE4E !important;
}
/*css search header*/
.search-heading input{
	font-size: 12px;
}
.search-heading .style-select {
	width: 142px;
}
.search-heading  .select-selected {
	padding-right: 24px;
	letter-spacing: -0.1px;
}
.search-heading > * {
	float: left;
	font-size: 12px;
}
.search-heading > div + div {
	margin-left: 8px;
}
.search-heading .btn {
	height: 36px;
	font-size: 14px;
	line-height: 34px;
}
.search-heading{
	padding-top: 30px;
	padding-bottom: 20px;
}
.search-heading .inputsearch {
	width: 304px;
    padding-left: 0;
}
.search-heading .fs-wrap.multiple .fs-option {
	padding-top: 9px;
	padding-bottom: 9px;
}
.search-heading .sright {
	float: right;
	padding-right: 0px;
    width: auto;
}
.search-heading .btn {
	display: block;
	float: left;
}
.search-heading .btn + .btn {
	margin-left: 10px;
}
/*css tab link*/
.panel .tab-link {
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	margin: 30px 0 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
.tab-link a {
	color: #CFCFD1;
	display: block;
	text-decoration: none;
	cursor: pointer;
	letter-spacing: -0.1px;
}
.panel .tab-link li {
	padding: 0;
	float: none;
}
.tab-link li a.active{
	color: #FFBC07;
	font-weight: 600;
	position: relative;
}
.tab-link li a.active:before {
	position: absolute;
	left: 0;
	bottom: -1px;
	border-bottom: 2px solid #FFBC07;
	right: 0;
	content: '';
}
/* css width general*/
.required,
.red {
	color: #EC0D2C;
}
.w-950 {
	max-width: 950px !important;
	width: 100% !important;
}
.w-466 {
	width: 466px !important;
}
.w-304 {
	width: 304px !important;
}
.w-200 {
	width: 200px !important;
}
.w-240 {
	width: 240px !important;
	min-width: 240px !important;
}
.w-250 {
	width: 250px !important;
	min-width: 250px !important;
}
.w-255 {
	width: 255px !important;
	min-width: 255px !important;
}
.w-390 {
	width: 390px !important;
	min-width: 390px !important;
}
.w-100pc {
	width: 100% !important;
}
.w-160{
	width: 160px !important;
}
.w-86 {
	width: 86px !important;
	min-width: 86px !important;
}
.w-100 {
	width: 100px !important;
	min-width: 100px !important;
}
.w-110 {
	width: 110px !important;
	min-width: 110px !important;
}
.w-120 {
	width: 120px !important;
	min-width: 120px !important;
}
.w-142 {
	width: 142px !important;
	min-width: 142px !important;
}
.w-170{
	width: 170px !important;
}
.w-150{
	width: 150px !important;
	min-width: 150px !important;
}
.w-196{
	width: 196px !important;
}
.w-600 {
	width: 600px !important;
	box-sizing: border-box;
}

.w-1100 {
	width: 1100px !important;
	min-width: 1100px !important;
}

.w-500 {
	width: 500px !important;
	min-width: 500px !important;
}
.w-140 {
	width: 140px !important;
	min-width: 140px !important;
}
.w_96 {
    width: 96px !important;
    min-width: 96px !important;
 }
.w_74 {
    width: 74px !important;
    min-width: 74px !important;
}
.w_180 {
    width: 180px !important;
    min-width: 180px !important;
}
.w_132 {
  min-width: 132px !important;
  width: 132px !important;
}
.w_130 {
  min-width: 130px !important;
  width: 130px !important;
}
.w_178 {
    width: 178px !important;
    min-width: 178px !important;
}
.w_225 {
    width: 225px !important;
    min-width: 225px !important;
}
.w_350 {
    width: 350px !important;
    min-width: 350px !important;
}
.w_475 {
    width: 475px !important;
    min-width: 475px !important;
}
.pr0{
	padding-right: 0 !important;
}
.pt-15 {
	padding-top: 15px;
}
.mt-5 {
	margin-top: 5px;
}
/* css select custom*/
.style-select {
    position: static;
    height: 36px;
}
.style-select select {
    display: none !important;
}
/** .style-select .custom-select-box */
.style-select .custom-list-box,
.style-select .custom-select-box {
	display: inline-block;
	min-width: 142px;
}
.style-select .select-items {
    position: absolute;
    background-color: #fff;
    z-index: 99;
    width: auto;
    max-width: 700px;
    margin-top: -1px;
}
.select-items {
	/*max-height: 258px;*/
}
.select-items > div {
	background: #fff;
	border: 1px solid #FFBC07;
	box-sizing: border-box;
	box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.2);
}
.select-items .list-select > div {
	line-height: 30px;
	padding: 0 18px 0 12px;
}
.select-items .list-select.scroll-content > div {
    display: -webkit-box;
    max-height: 32px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
}
.select-items .list-select.scroll-content > div:hover{
	background: #FFBC07;
	color: #fff !important;
}
.select-selected {
    border: 1px solid #CFCFD1;
    cursor: pointer;
    padding: 0 30px 0 12px;
	line-height: 34px;
	min-height: 36px;
	background: url(../img/svg/arrow-down.svg) no-repeat center right 11px #FBFBFB;
	box-sizing: border-box;
	display: -webkit-box;
	height: 36px;
    max-height: 100%;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    word-break: break-all;
}
.select-selected-long {
	min-width: 242px;
}

.select-selected-radius {
	border: 1px solid #CFCFD1;
    cursor: pointer;
    padding: 0 10px 0 15px;
	line-height: 34px;
	min-height: 36px;
	box-sizing: border-box;
	display: -webkit-box;
	height: 36px;
    max-height: 100%;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    word-break: break-all;
}

.hide-selected .select-selected {
	display: none;
}

.select-selected.select-arrow-active,
.sm_target_clicked {
	border: 1px solid #FFBC07 !important;
	background: url(../img/svg/arrow-up.svg) no-repeat center right 11px #FFFFFF;
	box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.2);
}

.select-hide {
    display: none;
}
.style-select .mScrollbar-inner {
	height: 100% !important;
	max-height: 300px !important;
}
.style-select #style-label-select {
	color: #2A2B33;
}
.style-select .disabled {
	background: #E9E9EA;
	color: #909094;
	pointer-events: none;
}
.group-banner {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    align-items: flex-end;
}
.group-banner h2 span {
	font-size: 12px;
	color: #777777;
	line-height: 1;
    display: block;
    text-decoration: underline;
    font-weight: 700;
    position: absolute; 
    top: 50px;
	text-transform: uppercase;
	min-width: 300px;
}
.group-banner h2 {
	position: relative;
	text-transform: capitalize;
}
.group-supplier {
	margin-left: auto;
	font-size: 18px;
	font-weight: 600;
}
.group-supplier.style-select {
	height: 42px;
}
.style-select2 #style-label-select,
.group-supplier.style-select #style-label-select {
	color: #2A2B33;
}
.plan-detail .style-select2 {
	display: flex;
}
.plan-detail .style-select2 span{
	margin-top: 5px;
}
.plan-detail .style-select2 span.middle {
    margin: 5px 10px 14px;
}
.group-supplier.style-select .custom-select-box {
	min-width: 184px;
}
.group-supplier .select-selected {
	padding: 0 30px 0 12px;
	border: 1px solid #000000;
	background-position:  center right 14px;
	line-height: 42px;
	height: 44px;
}
.group-supplier .select-items .list-select > div {
	line-height: 42px;
	font-size: 18px;
	font-weight: 600;
}
.group-supplier .select-items .list-select.scroll-content > div {
	max-height: 42px;
}
.top-page-list {
	padding-top: 55px !important;
	float: right;
}
.top-page-list.no-padding {
	padding: 0 !important;
}
.top-page-list:after {
    display: table;
    clear: both;
    content: "";
}
.top-page-list .style-select {
	position: relative;
	width: auto;
	margin-left: 10px;
}
.top-page-list .label-select {
	letter-spacing: -0.2px;
	color: #909094;
	font-size: 10px;
	position: absolute;
	top: -20px;
	left: 0;
}
.top-page-list .custom-select-box {
	width: 90px;
    min-width: 90px;
}
.ticket-plan .form-group .style-select {
    height: auto;
}

/*CSS TABLE*/
.table {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}
.table-list {
	margin-bottom: 25px;
}
.table-list thead th {
	font-size: 12px;
	line-height: 20px;
}
.table thead th {
	background-color: #fff;
	border-bottom: none;
	padding:.55rem 0;
}
.table tbody td {
	padding: 9px;
	line-height: 20px;
	letter-spacing: 0;
	box-sizing: border-box;
	word-break: break-word;
}
.table thead tr {
	font-size: 14px;
	font-weight: bold;
	border-top: 2px solid #3D3E46;
	border-bottom: 1px solid #3D3E46;
}
.table tbody tr {
	border-bottom: 1px solid #CFCFD1;
}
.tr-hover,
.table tbody tr.tr-hover,
.table tbody tr:hover {
	background-color: #F4F4F4;
}
.table tbody tr td {
	border: none;
}
.table2 thead tr {
	border-top: 2px solid #2A2B33;
	border-bottom: 1px solid #2A2B33;
}
.table2 tbody tr:last-child{
	border-color: #909094;
}
.table2 thead th {
    line-height: 36px;
    padding: 0;
    background: #E9E9EA;
    border-bottom: 1px solid #CFCFD1;
    letter-spacing: -0.2px;
}
.table2 thead th + th,
.table2 tbody td + td {
	border-left: 1px solid #CFCFD1;
}
.table2 tbody tr:hover {
	background: none;
}

/*css add new*/
.panel .new-product .col-left {
    min-width: 157px;
    padding-right: 0;
    line-height: 36px;
    font-weight: 600;
}
.panel .new-product .col-left .cl-number {
	color: #EC0D2C;
}
.panel .new-product .col-right {
	padding-left: 20px;
	max-width: calc(100% - 142px);
}
.form-upload-image .col-right {
	width: calc(100% - 158px);
}
.panel .new-product .form-group:not(.has-danger) .col-right > * {
	margin-bottom: 14px;
}
.form-group.has-danger:not(.no-absolute) > .row {
	padding-bottom: 15px;
}
.form-group.has-danger > .row > .style-select .group-flex,
.group-google-iframe.has-danger .group-flex,
.form-group.has-danger > .row > .count-character .group-flex{
	margin-bottom: 15px;
}
.new-product .group-info {
	margin-top: 60px;
}
.new-product .group-title {
	border-bottom: 2px solid #3D3E46;
}
.new-product .group-title h3{
	font-size: 20px;
    letter-spacing: -0.8px;
    line-height: 30px;
    font-weight: 400;
}
.new-product .group-title span {
	font-size: 14px;
	color: #EC0D2C;
	position: relative;
	top: -7px;
}
.new-product .col-center {
	max-width: 966px;
}
.new-product .col-inline > * {
	display: inline-block;
}
.new-product .group-flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: left;
    flex: 1 0;
    align-items: center;
}
.group-flex::after{
	content: "";
	display: block;
	clear: both;
}
.settlement-checkbox + .form-control-error-list {
	position: static;
	margin-bottom: -15 0 15px!important;
}
.new-product .group-flex input {
	width: calc(100% - 163px) !important;
	margin-right: 12px;
}
.new-product .group-button button {
	width: 240px;
}
.col-center-max {
	max-width: 1114px !important;
}
.info-total {
	font-size: 12px;
	letter-spacing: -0.3px;
	font-style: italic;
}
.count-character .info-total > span {
	color: #FF0000;
}
.count-character .info-total.active > span {
	color: #2A2B33;
} 
.group-timepicker > div{
	position: relative;
	width: 170px;
	float: left;
	margin-right: 10px;
	padding: 0;
	border: none;
}
.group-timepicker input {
	width: 100% !important;
    padding-right: 35px;
    letter-spacing: -0.3px !important;
    position: relative;
    text-align: right;
}
.refund-info .group-timepicker input {
	padding-left: 44px;
}
.group-timepicker input {
	padding-left: 75px;
}
.group-timepicker input.active {
	border: 1px solid #FFBC07;
}
.group-timepicker > div:before {
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	z-index: 1;
	pointer-events: none;
}
.group-timepicker > div.form-group:before { 
	background: url(../img/svg/clock.svg) no-repeat center ;
}
.not-minute tr td:last-child {
	pointer-events: none;
	color: #CFCFD1;
}
.not-minute table td:last-child a {
	color: #CFCFD1;
}
.info-label {
    z-index: 1;
    font-weight: 600;
    pointer-events: none;
    color: #7C7C81;
    font-size: 12px;
    letter-spacing: -0.1px;
}
.form-text {
	position: relative;
	margin-right: 20px;
	float: left;
}
.form-text .info-label {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
}
.form-text input {
	padding-left: 55px;
	margin-right: 0 !important;
}
.form-text.w-170 input {
	padding-left: 40px;
}
.info-days {
	width: 100px !important;
	position: relative;
}
.info-days input{
	padding-right: 40px;
	width: 100% !important;
}
.info-days .info-label {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 51px;
}
.group-timepicker > div label {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    margin: 0;
}
.bootstrap-timepicker-widget {
	width: 170px;
	height: 106px;
	box-shadow: 0px 7px 15px rgba(0, 0 , 0 , 0.12);
	border-radius: 0 30px 30px;
	top: 0;
	bottom: auto;
	border: none;
}
.bootstrap-timepicker-widget.timepicker-orient-top:before,
.bootstrap-timepicker-widget.timepicker-orient-top:after,
.bootstrap-timepicker-widget.timepicker-orient-bottom:before,
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
	display: none;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom {
	border-radius: 30px 30px 30px 0;
	margin-top: 5px;
}
.bootstrap-timepicker-widget.dropdown-menu {
	padding: 5px 20px 3px;
}
.bootstrap-timepicker-widget table td.separator {
	font-weight: 700;
}
.bootstrap-timepicker-widget table td {
	width: 50px;
	padding: 0;
	outline: none;
}
.bootstrap-timepicker-widget table td a {
	padding: 1px;
}
.bootstrap-timepicker-widget table td input:focus {
	border: 1px solid #FFBC07;
	outline: none;
	border-radius: 0;
}
.bootstrap-timepicker-widget table td input {
	width: 50px;
	font-size: 14px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	line-height: 30px;
	border: 1px solid #fff;
}
.bootstrap-timepicker-widget .fa {
	padding-left: 0;
	font-size: 13px;
}
.bootstrap-timepicker-widget table td a:hover {
	background: #fff;
	border-radius: 0;
	border: 1px solid #fff;
	color: #FFBC07;
}
.group-button {
	text-align: center;
	overflow: hidden;
	padding-top: 40px;
}
.group-button button {
	display: inline-block;
	margin: 0 9px;
}

/*list images*/
.group-upload-image-disable {
	pointer-events: none;
}
.group-upload-image-disable .custom-file-upload,
.group-upload-image-disable .button-see-more,
.group-upload-image-disable .btn {
	background: #f8f8f8;
    color: rgba(42, 43, 52, 0.2);
    border-color: rgba(42, 43, 52, 0.2) !important;
}
.group-upload-image {
	padding: 5px 0 15px;
	position: relative;
	max-width: 1278px;
}
.group-upload-image .info-total {
	padding: 0 0 0 7px;
	position: relative;
	top: 7px;
	font-style: normal;
	color: #B9BABC;
}
.group-upload-image .group-image {
	width: 138px;
	height: 138px;
}
.group-upload-image .group-image,
.group-upload-image .group-images {
	border: 1px solid #CFCFD1;
	margin-top: 3px;
	position: relative;
}
input.dropify {
	display: block;
}
.group-image .dropify-wrapper {
	padding: 0;
	border-radius: 0;
	border: none;
}
.group-image .dropify-wrapper:before {
	content: '';
	background: url(../img/svg/no-image.svg) no-repeat center / 100% auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 36px;
	height: 28px;
}
.group-image .dropify-preview {
	padding: 0;
}
.group-image .dropify-preview > span {
	width: 100%;
	height: 100%;
	display: block;
}
.dz-remove,
.dropify-message,
.dropify-clear {
	display: none !important;
}
#dropzone,
.group-upload-image .group-image .view-photo {
	padding: 10px 0 0px 3px;
    background: #FBFBFB;
    min-height: 136px;
    overflow: hidden;
}
.group-upload-image .group-image .view-photo {
	padding: 0;
	position: relative;
}
.button-see-more{
	cursor: pointer;
	letter-spacing: 0.1px;
	height: 30px;
	line-height: 30px;
	border-top: 1px solid #CFCFD1;
	background: #fff;
}
.button-see-more .fa {
	padding-left: 0;
}
.ui-sortable-handle,
.group-image .view-photo > div,
.group-images .gallery > div {
	background: #fff;
	border: 1px solid #CFCFD1;
	width: 116px;
	height: 116px;
	position: relative;
	overflow: hidden;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
	cursor: url("../img/svg/hand.svg"), auto;
}
.group-image .view-photo > div {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: inherit;
}
.group-images .gallery > div.none-image {
	cursor: inherit;
}
.group-images .ui-sortable-handle .container-checkbox {
	position: absolute;
	bottom: 6px;
	right: 6px;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	width: 18px;
	height: 18px;
	margin: 0;
}
.group-images .ui-sortable-handle .container-checkbox .checkmark {
	border: none;
}
.group-images .ui-sortable-handle .container-checkbox .checkmark:after {
	opacity: 1;
}
.ui-sortable-handle:after{
	background: rgba(42,43,51, 0.7);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	content: '';
	opacity: 0;
	transition: opacity .3s ease;
}
.ui-sortable-handle.active:after,
.ui-sortable-handle:hover:after{
	opacity: 1;
}
.group-images .gallery > div.none-image:hover:after {
	opacity: 0;
}
.group-images .gallery > div.active .container-checkbox,
.group-images .ui-sortable-handle:hover .container-checkbox {
	opacity: 1;
	visibility: inherit;
	z-index: 10;
}
.group-image .view-photo > div img,
.group-images .gallery > div img {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.group-images .ui-sortable-handle:nth-child(n+11) {
  display: none !important;
}

.images-info-fnd .ui-sortable-handle:nth-child(n+9) {
  display: none !important;
}
.group-images .gallery.view-more > div {
	display: block !important;
}
.group-image .view-photo img,
.group-images .gallery img {
	width: 100%;
	height: auto;
	max-width: 116px;
	max-height: 116px;
	display: none;
}
.group-images .gallery > div.ui-sortable-handle:first-child {
	border-color: #FFBC07;
}
.group-images .gallery > div.ui-sortable-handle:first-child:before {
	border: 1px solid #FFBC07;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	content: '';
	pointer-events: none;
	z-index: 2;
}
.list-button-upload .btn-delete{
	margin-left: 16px;
}
.info-cover {
	position: absolute;
    top: 10px;
    left: 13px;
    font-size: 11px;
    line-height: 16px;
    color: #FFBC07;
    z-index: 10;
    pointer-events: none;
    width: 116px;
    height: 116px;
    padding: 8px;
	border: 2px solid #FFBC07;
}
.info-cover p:first-child {
    font-weight: 600;
    color: #fff;
    font-size: 10px;
    background: #FFBC07;
    line-height: 22px;
    width: 68px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.none-image:before {
	content: '';
	background: url(../img/svg/no-image.svg) no-repeat center / 100% auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 36px;
	height: 28px;
}
.active-image {
	position: absolute;
	top: 5px;
	right: 0;
	letter-spacing: -0.4px;
}
.active-image p {
	padding-left: 11px;
	float: left;
}
.active-image p a{
	color: #2A2B33;
    cursor: pointer;
    border: 1px solid #CFCFD1 !important;
    line-height: 32px;
    height: 32px;
    min-width: 96px;
    font-size: 12px;
}
.active-image .btn.disabled {
	opacity: 1;
    background: #f8f8f8;
    color: rgba(42, 43, 52, 0.2);
    border-color: rgba(42, 43, 52, 0.2) !important;
}

/*list upload file*/
.group-upload-file {
	padding-bottom: 4px;
}
.group-upload-file .form-control-label{
	line-height: 42px;
}
.group-upload-file .custom-file-upload {
	margin-bottom: 0;
	margin-top: 5px;
}
.group-upload-file .col-right {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;	
}

.list-file-upload {
	width: 100%;
	max-width: 594px;
	background: #FBFBFB;
	border: 1px solid #CFCFD1;
	margin-left: 20px;
	margin-top: 5px;
	padding: 16px 20px 0;
	margin-bottom: 40px !important;
}
.list-file-upload > div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;	
	align-items: center;
	margin-bottom: 18px;
}
.list-file-upload > div > div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	font-size: 12px;
}
.list-file-upload .list-btn {
	margin-left: auto;
}
.list-file-upload .btn {
	font-size: 12px;
	line-height: 32px;
	height: 32px;
	min-width: 96px;
	margin-left: 10px;
}
.list-file-upload .list-btn p + p .btn{
	border: 1px solid #CFCFD1;
}
.list-file-upload .info-file {
	line-height: 17px;
	width: 295px;
}
.list-file-upload .btn-download .fa {
	padding-left: 0;
    font-size: 14px;
}
.list-file-upload .fa-file {
	color: #CFCFD1;
	font-size: 20px;
	padding-left: 0;
	padding-right: 10px;
}
.list-file-upload .info-file span {
	font-size: 10px;
	color: #B9BABC;	
	display: block;	
}
.list-file-upload .progress {
	height: 4px;
	border-radius: 0;
	margin-bottom: 0;
	background: #E3E3E4;
	position: relative;
	margin-top: 1px;
}
.list-file-upload .progress .progress-bar{
	background: #FFBC07;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.list-file-upload .progress span {
	font-style: italic;
	position: absolute;
	bottom: -17px;
	right: 0;
	letter-spacing: -0.3px;
}

/* Create a custom radio/checkbox button */
.checkcontainer {
	position: relative;
    margin-top: 8px;
    margin-bottom: 0;
    height: 14px;
}
.checkcontainer + .checkcontainer {
	margin-left: 29px;
}
.checkcontainer input {
  opacity: 0;
}
.radiobtn{
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #2A2B33;
  background: #fff;
  border-radius: 50%;
  box-sizing: border-box;
}
.checkcontainer .vl-radio {
	position: relative;
    top: -3px;
    padding-left: 7px;
    letter-spacing: -0.4px;
}
/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .radiobtn{
  background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.checkcontainer input:checked ~ .radiobtn{
  background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobtn:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkcontainer input:checked ~ .radiobtn:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.checkcontainer .radiobtn:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2A2B33;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  color: #2A2B33;
  border: 1px solid #707070;
}

.checkmark.disabled-class, .checkmark.disabled-class:hover  {
	color: #B9BABC !important;
	font-weight: 400 !important;
	background: url(../img/svg/arrow-gray.svg) no-repeat center right 14px #E9E9EA !important;
}

.container-checkbox {
	position: relative;
}
.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 0;
  height: 0;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
  background-color: #FFBC07;
  color: #fff;
  border-color: #FFBC07;
}
.container-checkbox.style-black input:checked ~ .checkmark {
  background-color: #3D3E46;
  color: #fff;
  border-color: #3D3E46;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "\f00c";
  position: absolute;
  font: normal normal normal 14px/1 FontAwesome;
  color: currentColor;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
	opacity: 1;
	font-size: 10px;
}
.container-checkbox.style-black input:checked ~ .checkmark:after {
	font-size: 12px;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.group-checkboxes {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.group-checkboxes .container-checkbox{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	height: 18px;
    align-items: center;
}
.group-checkboxes .container-checkbox + .container-checkbox {
	margin-left: 28px;
}
.group-checkboxes .container-checkbox .name-checkbox {
	margin-left: 23px;
}

.tooltip.bs-tether-element-attached-left, .tooltip.tooltip-right{
	margin-left: 9px;

}
.tooltip.in {
	opacity: 1;
}
.tooltip.left .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow {
	border-right-color: rgba(42, 43, 52, 0.9);
	border-width: 7px 13px 7px 0;
	left: 2px;
}
.tooltip .tooltip-inner {
	font-family: 'Open Sans', sans-serif;
	background: rgba(42, 43, 52, 0.9);
    margin-left: 10px;
    color: #fff;
    font-size: 12px;
    text-align: left;
    padding: 9px 12px;
    line-height: 16px;
    width: auto;
    max-width: inherit;
}
.text-center-tl {
	text-align: center;
	display: block;
}
.truncate {
	max-width: 400px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hovershow-tooltip {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
    overflow-wrap: break-word;
}
.showcontent {
    padding: 14px 20px;
    background-color: rgba(42,43,51, 0.95);
    border: none;
    color: #FFFFFF;
    border-radius: 5px;
    font-size: 12px;
    width: max-content;
	position: absolute;
	max-width: 600px;
    white-space: initial;
    margin-top: 10px;
    display: none;
    z-index: 15;
    height: auto;
    min-height: 43px;
	word-break: break-all;
}
.showcontent span{
  	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 10px solid #2A2B33;
	position: absolute;
	top: -9px;
	left: 12px;
}

/*css editor*/
.nav-tabs-editor .btn.btn-sm {
    min-width: inherit;
    height: 24px;
    font-size: 10px;
    line-height: 1.4;
    padding: 0 8px;
    border-radius: 2px;
}
.panel .new-product .nav-tabs-editor .nav-tabs{
	font-size: 12px;
    padding-left: 0;
    margin-left: 16px;
    width: 122px;
    min-width: 122px;
    text-align: center;
    border: none;
    margin-right: 40px;
    font-weight: 400;
}
.panel .new-product .nav-tabs-editor .nav-tabs li {
	margin: -1px 0 0;
}
.panel .new-product .nav-tabs-editor .nav-tabs li a {
	padding: 0;
	display: block;
    border: 1px solid #CFCFD1 !important;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #2A2B33;
}
.panel .new-product .nav-tabs-editor li.nav-tabs + li a {
	border-top-width: 0 !important;
}
.nav-tabs-vertical .nav-tabs .nav-item .nav-link.active,
.nav-tabs-vertical .nav-tabs .nav-item .nav-link:focus,
.nav-tabs-vertical .nav-tabs .nav-item .nav-link:hover {
	background: #2A2B33;
	color: #fff;
	border-color: #2A2B33 !important;
}
.panel .new-product .nav-tabs-editor .col-right {
	padding: 0 107px 0 0;
	width: calc(100% - 180px);
}
.panel .note-toolbar {
	background: #F9F9F9;
    border-bottom: 1px solid #E9E9EA;
}
.note-editor .note-btn-group .dropdown-menu  li{
	border: none;
}
.note-editor .panel-heading h2 {
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.1;
	padding-top: 0;
	text-transform: none;
}
.note-editor .dropdown-menu > li > a {
	white-space: nowrap;
}
.note-editor .note-popover .popover-content .note-color .dropdown-menu, .note-editor .panel-heading.note-toolbar .note-color .dropdown-menu {
	min-width: 380px;
}
.nav-tabs-editor .form-group {
	border: none !important;
}
.nav-tabs-editor .modal input[type=text] {
	width: 100%;
}
.note-editor .modal-dialog .modal-content {
	padding: 10px;
}
.note-editor .modal-dialog .modal-content .modal-header,
.note-editor .modal-dialog .modal-content .modal-body,
.note-editor .modal-dialog .modal-content .modal-footer {
	padding: 15px 30px;
}
.note-editor .note-insert > .btn-default:nth-child(2),
.note-editor .note-insert > .btn-default:nth-child(3),
.note-editor .note-view > .btn-fullscreen,
.note-editor .note-table {
	display: none;
}
.note-editor .note-view > .btn-codeview {
	border-radius: 2px !important;
}
.note-insert-image .note-insert > .btn-default:nth-child(2),
.note-insert-image .note-insert > .btn-default:nth-child(3) {
	display: unset;
}

/*css Modal*/
.modal {
	z-index: 99999;
	overflow-y: auto;
}
.modal-open .modal {
	height: 100vh;
	overflow-x: auto;
}
.modal-backdrop {
	z-index: 99998;
	opacity: 1 !important;
	background: rgba(42,43,51, 0.6);
}
.modal-open .modal.in {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.modal-dialog {
	width: 700px;
	margin: 30px auto;
}
.modal-dialog-centered {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	height: calc(100% - 60px);
}
.modal .modal-content {
	border-radius: 0;
	padding: 35px 0 40px;
	width: 100%;
	box-shadow: 0px 7px 18px rgba(0,0,0, 0.12);
}
.modal-title {
	font-size: 16px;
	font-weight: 700;
	padding-right: 0;
}
.modal-header {
	border: none;
	padding: 0 30px 30px;
}
.modal .close {
	color: #2A2B33;
	opacity: 1 !important;
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	outline: none;
	z-index: 15;
}
.modal .close:hover {
	background: #FFBC07;
}
.modal-body {
	padding: 0 30px;
	height: auto;
}
.modal .table2 tbody tr:last-child {
	border-color: #CFCFD1;
}
.modal-footer {
	padding-top: 0;
	border-top: none;
	text-align: center;
	padding: 0 50px;
}
.footer-fix .modal-content {
	padding-bottom: 0;
}
.footer-fix .modal-footer {
	box-shadow: 2px 0px 8px rgba(0,0,0, 0.2);
	position: relative;
	z-index: 10;
	padding: 40px 0;
}
.modal-footer .btn+.btn {
	margin-left: 8px;
}
.modalSmall .btn,
.modal-footer .btn {
	color: #2A2B33 !important;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	min-width: 174px;
}
#modalSaveSuccessfully {
	font-size: 16px;
}
.modalEditSuccessfully {
	font-size: 14px !important;
}
.modalRemoveItem {
	height: 100vh;
}
.modalRemoveItem .modal-content{
	width: 416px;
	margin: 0 auto;
}
.modalRemoveItem .center-txt-info {
	letter-spacing: -0.3px;
    padding: 20px 0 24px;
	line-height: 20px;
    font-weight: 600;
    color: #2A2B33;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 84px;
}
.modalRemoveItem .modal-list-button {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.modalRemoveItem .modal-list-button .btn{
	margin: 0;
	display: block;
}
.modalSmall .modal-body {
	overflow: inherit;
}
.modalSmall .btn-while {
	border: 1px solid #909094;
}
.modalSmall .modal-content {
	padding-bottom: 25px;
	padding-top: 35px;
}
.modalRemoveItem  .modal-content {
	padding-top: 45px;
}
.modal .modal-search .form-group, .popup .popup-body .form-group {
	border: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.modal .modal-search .form-group + .form-group {
	margin-top: 15px;
}
.modal .modal-search .form-group .col-left {
    font-weight: 600; 
    width: 124px;
    padding-right: 15px;
    box-sizing: content-box;
}
.modal .modal-search .form-group .row {
	width: 100%;
}
.modal .modal-search .form-group .row > div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.modal .modal-search .form-group .info-label {
    font-weight: 600; 
}
.modal .group-datepicker > div  {
    width: 200px;
    margin-right: 0;
}
.modal .group-datepicker .middle {
	margin-left: 13px;
	margin-right: 13px;
	margin-top: 5px;
}
.modal .modal-search input.form-control[type=text] {
	width: 236px;
}
.modal .table {
    letter-spacing: -0.4px;
}
.modal-group-datepicker {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;	
	align-items: center;
}
.modal-group-datepicker .button-remove {
	margin-left: 15px;
	margin-right: 60px !important;		
	height: 36px;	
}
.modal-group-datepicker .group-datepicker + div {
	margin-top: 15px;
}

/*css page*/
#pagination_page {
	text-align: center;
}
.pagination {
	margin-bottom: 6px;
}
.pagination .page-link {
	font-size: 14px;
    min-width: 36px;
    height: 36px;
	color: #2A2B33;
	font-style: italic;
	border: none;
	margin-bottom: 0;
}
.pagination .page-link.active,
.pagination .page-link:hover {
	background: #FFBA00 !important;
    color: #ffffff !important;
    border-radius: 0;
}
.pagination .page-link:focus {
	background: none;
	color: #2A2B33;
}
.pagination .page-link.disabled {
	pointer-events: none;
	color: #CFCFD1;
}
#pagination_page .bold i {
	font-weight: bold;
	font-size: 17px;
}

/*css Toggle Switch*/
.switch {
	position: relative;
	width: 50px;
	height: 24px;
	background: #E9E9EA;
	border-radius: 23px;
	cursor: pointer;
	box-sizing:content-box;
	margin: 0;
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	box-sizing:content-box;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 12px;
	font-weight: 600;
	color: #CFCFD1;
	border-radius: 23px;
	text-transform: uppercase;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 14px;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	box-sizing:content-box;
}
.switch-label:before {
	content: attr(data-off);
	left: 23px;
}
.switch-label:after {
	content: attr(data-on);
	left: 5px;
	color: #D29900;
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #FFBC07;
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top:2px;
	left: 2px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 100%;
	box-shadow: 0px 2px 4px rgba(0,0,0, 0.2);
}
.switch-input:checked ~ .switch-handle {
	left: 28px;
}
.switch-label, .switch-handle {
	transition: all 80ms ease;
	-webkit-transition: all 80ms ease;
	-moz-transition: all 80ms ease;
	-o-transition: all 80ms ease;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}



/* Datepicker */
.ui-widget.ui-widget-content {
	box-shadow: 0px 7px 18px rgba(0,0,0, 0.12);
	border-radius: 0 30px 30px 30px;
	background: #FFFFFF;
	width: 683px;
	border: none;
	margin-top: 0;
	padding: 30px 24px 17px;
	z-index: 100000 !important;
}
.ui-widget.ui-widget-content.view-bottom {
	border-radius: 30px 30px 30px 0;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 93%;
	margin: 0;
}
.ui-datepicker-calendar .sun a {
	color: #2A2B33 !important;
}
.ui-datepicker-group-last table {
	float: right;
}
.ui-datepicker th {
	font-size: 12px;
	font-weight: 600;
	line-height: 26px;
	color: #909094;
    padding-top: 0;
    padding-bottom: 0;
    background: #FBFBFB 
}
.ui-datepicker td {
	max-width: 42px;
	width: 42px;
}
.ui-datepicker,
.ui-datepicker table {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
.ui-datepicker td span, .ui-datepicker td a {
    font-size: 14px;
    color: #2A2B33;
    padding: 4px;
}
.ui-state-focus, .ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus, 
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active {
    background: #FFBC07;
    box-shadow: 0px 3px 6px #D1D1D1;
    font-size: 14px;
}
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-button:hover, .ui-button:focus, 
.ui-button.ui-state-active:hover{
    background: #F4F4F4;
    box-shadow: 0px 3px 6px #D1D1D1;
    font-size: 14px;
}
.ui-widget-content .ui-datepicker-current-day > a{
	background: #FFBC07 !important;
    box-shadow: 0px 3px 6px #D1D1D1  !important;
}
.ui-datepicker-today .ui-state-hover {
	background: #FFBC07;
}
.ui-datepicker .ui-datepicker-title {
	font-weight: 700;
	color: #2A2B33;
	font-size: 18px;
	margin-bottom: 17px;
}
.fa-chevron-left,
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{
	position: relative;
	width: 36px;
	height: 36px;
	display: block;
}
.ui-datepicker .ui-datepicker-next span:before {
	background: url('../img/svg/arrow-right.svg') no-repeat center #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
}
.fa-chevron-left:before,
.ui-datepicker .ui-datepicker-prev span:before {
	background: url('../img/svg/arrow-left.svg') no-repeat center #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
}
.fa-chevron-left:before {
	background: no-repeat center #fff;
	content: '';
}
.group-datepicker > div.datepicker:before,
.group-datepicker > div.chil-datepicker:before {background: url(../img/svg/calendar.svg) no-repeat center ; }
.group-datepicker .middle{float: left;margin-right: 10px;margin-top: 8px;font-size: 14px;font-weight: 900;}
.group-datepicker .form-group{width: 200px;}
.group-datepicker .chil-timepicker{width: 150px;}
.group-datepicker .datepicker-month {
	width: 113px !important;
}
.group-datepicker .datepicker-month input,
.group-datepicker .datepicker-date input {
	text-align: left;
	height: 36px;
	background: #FBFBFB;
	padding-left: 12px;
}
.ui-widget.ui-widget-content.view-popup-datepicker:before {
	position: absolute;
    top: -17px;
    left: -2px;
    background: url(../img/icons/triangle.png) left top no-repeat; 
    content: '';
    width: 15px;
    height: 15px;
    z-index: 1;
}
.ui-widget.ui-widget-content.view-popup-datepicker {
	border: 2px solid #FFC309;
	width: 266px !important;
	border-radius: inherit;
	margin-top: 13px;
	padding: 10px;
	min-height: 235px;
    font-family: 'Noto Sans JP', sans-serif;
}
.view-popup-datepicker .ui-datepicker-title{
	margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
    color: #51312d;
}
.view-popup-datepicker .ui-datepicker-header {
	padding: .2em 0;
	position: relative;
}
.view-popup-datepicker .ui-datepicker-prev {
	left: -11px;
}
.view-popup-datepicker .ui-datepicker-next {
	right: 9px;
	position: absolute;
}
.view-popup-datepicker table {
	margin-bottom: 0;
}
.view-popup-datepicker .ui-datepicker-next span:before,
.view-popup-datepicker .ui-datepicker-prev span:before {
	font-family: 'FontAwesome';
	font-size: 20px;
	color: #545454;
	background: none;
}
.view-popup-datepicker .ui-datepicker-next span:before {
	content: "\f054";
}
.view-popup-datepicker .ui-datepicker-prev span:before {
	content: "\f053";
}
.view-popup-datepicker .ui-datepicker-calendar a {
	display: block;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    box-shadow: none !important;
	font-size: 12px;
}
.view-popup-datepicker .ui-datepicker-calendar a.ui-state-hover {
	background: #FFE086 !important;
}
.view-popup-datepicker .ui-datepicker-calendar a.ui-state-default.ui-state-active {
	color: #c4161c !important;
    background: #FFE086 !important;
}

.dotVertical{
	width: 20px;
    font-size: 25px;
    writing-mode: vertical-lr;
    font-weight: bold;
    color: #CFCFD1;
    float: right;
    text-align: right;
    position: absolute;
    padding-left: 20px;
}

.ui-sortable .highlights {
	border: 1px solid #FFBC07;
}
.ui-sortable tr{
	cursor: grab;
}
.ui-sortable tr.ui-state-disabled {cursor: no-drop;}

/* css style fselect */
.fselect .fs-dropdown {
	width: auto;
	max-width: 700px;
}
.fselect .fs-label-wrap {border: 1px solid #CFCFD1;}
.fselect .fs-label-wrap .fs-label {cursor: pointer;padding: 8px 30px 9px 12px;line-height: 17px; background: #FBFBFB; }
.fselect .fs-checkall {padding: 9px 12px;font-size: 12px;color: #909094;text-align: right;}
.fselect .fs-checkall .fa {
	color: #909094 !important;
}
.fselect .fs-checkall .undo{margin-left: 10px;}
.fselect .fs-open .fs-label-wrap, 
.fselect .fs-open .fs-dropdown {
	border: 1px solid #FFBC07 !important; 
	outline: none;
	box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.2);
}
.fs-wrap {
	outline: none;
}
.fselect .fs-open .fs-dropdown {
	margin-top: -1px;
}
.fselect .fs-options .fa {padding-left: 0;}
.fselect .fs-open .fs-label {
	background: #fff;
}
.fselect.w-auto .fs-dropdown {
	width: auto;
}

.form-control-error-list ul {
	color: #EC0E2D;
	font-size: 12px;
}
/*font-size for select-box*/
.fselect .fs-label-wrap .fs-label,
.fselect .fs-option-label,
.select-items .list-select.scroll-content > div,
.custom-select-box .select-selected,
.custom-list-box .select-selected {
	font-size: 12px;
}

/* css switch2 */
.switch2{
	width: 35px;
	height: 8px;
	position: relative;
    bottom: 20px;
}
.switch2 .switch-handle {
	top: -6px;
	left: 0
}
.switch2 .switch-input:checked ~ .switch-handle {
    left: 17px;
    top: -6px;
}
.custom-list-box .search-box {
	padding: 10px;
	box-shadow: none;
}
.custom-list-box .search-box input{
	border: 1px solid #FFBC07;
    background: #FFFFFF !important;
    width: 100%;
    min-width: 120px;
}
.custom-list-box  .select-items > .search-box {
    border-bottom-width: 0;
}
.custom-list-box  .select-items > .list-select{
	border-top-width: 0;
	box-shadow: none;
}
.custom-list-box .select-items {
	max-height: 357px;
	box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.2);
}
/* style image on table list*/
.table .image-list {
	padding-top: 8px;
	padding-left: 8px;
}
.image-list > div{
	width: 68px;
	height: 40px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.image-list .none-image {
	border: 1px solid #CFCFD1;
}
.image-list .none-image:before {
	width: 12px;
    height: 9px;
}
.image-list img {
	width: 100%;
	height: auto;
}
.ui-sortable .ui-state-disabled {
	opacity: 1;
}

.panel .mScrollbar-x > div .scroll-element.scroll-x {
	left: 7px;
	right: 7px;
	bottom: 4px;
}
.mScrollbar-x .scroll-element.scroll-x.scroll-scrollx_visible,
.mScrollbar-x .scroll-element.scroll-y.scroll-scrolly_visible {
	display: block;
	z-index: 13;
}

/*css nav tab*/
.nav-tabs-list {
	padding-top: 30px;
}
.panel-heading .nav-tabs-list {
	padding-bottom: 30px;
	padding-top: 35px;
}
.nav-tabs-list .nav-tabs .nav-item .nav-link,
.nav-tabs-list .nav-tabs {
	border: none;
}
.nav-tabs-list .nav-link {
	border-radius: 0 !important;
}
.nav-tabs-list .nav-tabs li {
	margin: 0 !important; 
	float: none;
	width: 100%;
	max-width: calc(100% / 2);
}
.nav-tabs-list .nav-tabs li a {
    padding: 0;
    display: block;
    line-height: 36px;
    height: 36px;
    text-align: center;
    color: #CFCFD1;
    width: 100%;
    border-bottom: 1px solid #2A2B33;
    margin-bottom: -1px;
    outline: none;
}
.nav-tabs-list ul {
	border-bottom: 1px solid #2A2B33 !important;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    justify-content: space-between;
}
.nav-tabs-list .nav-tabs li + li a{
	margin-left: -1px;
}
.nav-tabs-list .nav-tabs li.nav-item a.nav-link.active,
.nav-tabs-list .nav-tabs li.nav-item a.active{
	background: #2A2B33;
    color: #fff;
    border-color: #2A2B33 !important;
    border-bottom-color: #2A2B33 !important;
}
.nav-tabs-list .nav-tabs li.nav-item a.nav-link:hover,
.nav-tabs-list .nav-tabs li.nav-item a:hover{
	background: #2A2B33;
    color: #fff;
	border-color: #2A2B33 !important;
}

/* style modal address search */
#modal-search-address .modal-body {
	overflow: inherit;
	padding: 9px 50px;
}
#modal-search-address .modal-content{
	padding: 40px 0;
}
#modal-search-address .modal-header {
	padding: 0 50px 14px;
}
#modal-search-address .modal-title {
	font-weight: 600;
	font-size: 14px;
}
#modal-search-address .form-group {
	position: relative;
	margin-bottom: 23px;
	border-bottom: none;
}
#modal-search-address .form-group .fill-postal-code {
	max-width: 458px;
	height: 36px;
}
#modal-search-address .form-group .btn-search {
	position: absolute;
	top: 0;
	box-sizing: border-box;
	right: 0;
}
#modal-search-address .style-select {
	height: 36px;
}
#modal-search-address .group-list-address .style-select {
    width: 150px;
}
#modal-search-address .group-list-address .col-md-4.style-select {
	width: 275px;
	margin-right: 0;
}
#modal-search-address .group-list-address .col-md-6 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: calc(100% - 283px);
}
#modal-search-address .group-list-address .col-md-6 > div:last-child {
	margin-left: auto;
}
.group-address .col-md-4 {
	max-width: 321px;
}
.group-address .style-select.has-danger {
	margin-bottom: 32px;
}
.no-absolute .group-address .style-select.has-danger {
	margin-bottom: 36px !important;
}
.no-absolute .group-address .style-select>.form-control-error-list {
	top: -10px;
}

/*Resize*/
@media only screen and (max-width: 1460px) { 
	.page-content-inner > .panel > .panel-heading > div,
	.panel .panel-body,
	nav.nav_menu {
		padding: 0 20px;
	}
	#main-nav li.nav_right {
		position: absolute;
		right: 0;
		top: 0;
	}
	#cost_report .table-scroll-all .scroll-element.scroll-y.scroll-scrolly_visible  {
	  bottom: 8px;
	} 
}
@media only screen and (max-width: 1380px) {
	#main-nav .nav-list .listchild {
		width: 100%;
    	flex-wrap: wrap;
	}
}
@media only screen and (max-width: 1000px) { 
	#main-nav .nav-list .listchild {
	    justify-content: flex-start;
	}
	#main-nav li:nth-last-child(2) ul {
		min-width: inherit;
		padding: 0;
	}
	#main-nav li:nth-last-child(2) li {
		min-width: 180px;
		padding: 0 20px;
	}
}
/*@media only screen and (max-width: 1200px) {
	.panel .new-product .group-address {
		max-width: 100%;
		width: 100%;
	}
	.group-address .style-select {
		padding: 0 8px;
	}
	.group-address .col-md-4 {
		padding-right: 22px !important;
	}
}

@media only screen and (max-width: 1000px) { 
	.group-address .col-md-2 {
		width: auto;	
	}
	.group-address .col-md-4 {
		margin-top: 15px;
		padding-left: 16px !important;
	}
}*/

.info-cut-off > div{
	float: left;
}
.info-cut-off .info-days {
	margin-right: 20px;
}
.info-cut-off .group-timepicker > div {
	width: 160px;
}
.info-cut-off .group-timepicker input {
	padding-left: 88px;
}

/* css list select */
.list-view-select .mScrollbar > .group-flex-list{
    max-width: 550px;
    height: 305px;
    border: 1px solid #CFCFD1;
}
.list-view-select .box-value-search {
	margin: 0 0 15px!important;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.list-view-select .disnone {
	display: none;
}
.list-view-select .box-value-search .col-md-6{
	padding: 0 !important;
	max-width: 550px;
}
.list-view-select .box-search-hotdeal {
    position: relative;
    width: 550px;
}
.list-view-select .w-search-deal{
    margin: 0 0 15px ;
    width: 100% !important;
    padding-right: 30px;
}
.list-view-select .info-search{
    position: absolute;
    right: 11px;
    top: 6px;
    cursor: pointer;
}
.list-view-select .col-center-list-box{
    width: 60px;
    text-align: center;
}
.list-view-select .move-right i{
    background: url(../img/svg/angle-left-solid.svg) no-repeat center / 100% auto;
    width: 15px;
    height: 24px;
    display: block;
    cursor: pointer;
}
.list-view-select .move-left i{
    background: url(../img/svg/angle-right-solid.svg) no-repeat center / 100% auto;
    width: 15px;
    height: 24px;
    display: block;
    cursor: pointer;
    position: relative;
    top: 20px;
}
.list-view-select .list-group-item:hover {
	background: #F4F4F4;
}
.list-view-select .list-group-item.active{
    background: #FFBC07;
    color: #FFFFFF;
}
.list-view-select .list-group .list-group-item{
    cursor: pointer;
    word-break: break-all;
	border-bottom: 1px solid #E9E9EA;
	border-top: 1px solid #E9E9EA;
    padding: 6px 25px 5px;
    border-radius: 0;
    line-height: 19px;
	margin: -1px 0 -1px;
}
.multi-select.list-view-select .col-left-list-box .number,
.multi-select.list-view-select .col-left-list-box .dotVertical {
	display: none;
}
.multi-select.list-view-select .col-left-list-box .product-name {
	display: inline-block;
	width: calc(100% - 31px);
}
.multi-select.list-view-select .col-right-list-box .product-name {
	display: inline-block;
	width: 100%;
}
.multi-select.list-view-select .number {
	display: inline-block;
	text-align: center;
	width: 40px;
}
.multi-select.list-view-select .dotVertical {
	position: unset;
	font-size: 15px;
	margin-left: auto;
	padding-left: 15px;
}
.multi-select.list-view-select .col-right-list-box .list-group .list-group-item{
	padding: 6px;
	align-items: center;
	display: flex;
}
.list-view-select .list-group-item:hover .dotVertical,
.list-view-select .list-group-item.active .dotVertical {
	color: #FFFFFF;
}
/* css style Status */
.style-confirm{
	margin-right:40px;
    color: #A4B700 !important;
    font-weight: 700;
} 
.style-cancel{
	margin-right:40px;
    color: #EC0D2C !important;
    font-weight: 700;
} 
.style-request{
	margin-right:40px;
    color: #8A5EC7 !important;
    font-weight: 700;
}
.style-uc{
	margin-right:40px;
    color: #188573 !important;
    font-weight: 700;
}
.style-ns{
	margin-right:40px;
    color: #909094 !important;
    font-weight: 700;
}

.gr-search-header {
    padding-top: 0;
    margin-top: -15px;
}
.gr-search-header .form-horizontal{
    display: block;
    margin-top: 0;
    width: 100%;
}
.gr-search-header > div + div {
    margin: 15px 0 0;
}
.gr-search-header .form-horizontal > *  {
    margin-right: 8px;
    margin-left: 0 !important;
    float: left;
    margin-top: 15px;
}
.gr-search-header .group-datepicker .form-group{
    width: 130px;
}
.gr-search-header .group-datepicker .info-label {
    display: none;
}
.gr-search-header .group-timepicker > div{
    margin: 0;
}
.gr-search-header .group-datepicker .middle {
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 6px;
}
.gr-search-header .sright {
	float: right;
    margin-right: 0;
}
.gr-search-header .group-timepicker input {
    letter-spacing: 0 !important;
    padding: 8px 12px 9px;
    text-align: left;
}
.gr-search-header .style-select {
    min-width: 132px;
    width: 132px;
}
.gr-search-header .custom-list-box,
.gr-search-header .custom-select-box {
    width: 100%;
    min-width: 100%;
}
.gr-search-header .fselect .fs-label-wrap .fs-label {
    padding-right: 26px;
}
.gr-search-header .fs-wrap {
    width: 100%;
}
.table-scroll .table {
    margin-bottom: 20px;
}
.table-scroll-all,
.table-scroll {
    background: #FBFBFB;
}
.table-scroll-all table,
.table-scroll table {
    background: #fff;
}
.table-scroll-all > div .scroll-element div,
.table-scroll-all > div .scroll-element.scroll-x .scroll-element_outer, 
.table-scroll-all > div .scroll-element.scroll-x .scroll-element_track,
.table-scroll-all > div .scroll-element.scroll-x .scroll-bar,
.table-scroll > div .scroll-element div,
.table-scroll > div .scroll-element.scroll-x .scroll-element_outer, 
.table-scroll > div .scroll-element.scroll-x .scroll-element_track,
.table-scroll > div .scroll-element.scroll-x .scroll-bar {
    background: #FBFBFB;
}
.table-scroll-all .scroll-element.scroll-y.scroll-scrolly_visible,
.table-scroll-all .scroll-element.scroll-y .scroll-element_outer > .scroll-element_track {
	background: #FBFBFB !important;
	right: -20px;
	width: 20px;
}
.table-scroll-all .scroll-element.scroll-y .scroll-bar {
	left: 8px;
	background: #CFCFD1 !important;
}
.table-scroll-all .scroll-element.scroll-y .scroll-element_outer {
	top: 0;
	height: 100%;
}
.panel .table-scroll-all  > div .scroll-element.scroll-x,
.panel .table-scroll  > div .scroll-element.scroll-x {
    bottom:8px;
    background: #FBFBFB;
}
.scrollbar-y-show{
	position: relative;
	width: 100%;
	height: 733px;
	overflow: auto;
}
.scrollbar-y-show .jspVerticalBar{
	z-index: 13;
}
.scrollbar-y-show.jspScrollable .jspDrag:after {
	background: #cfcfd1;
}
.table-scroll-all:after {
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    height: 36px;
    width: 20px;
}
.table-scroll-all .table{
	margin-bottom: 1px;
    position: relative;
    z-index: 12;
}
.table-scroll-all .table-mScrollbar{
	margin-bottom: 20px;
	position: relative;
}
.table-scroll-all .table-content td {
	box-sizing: border-box;
	padding: 10px 5px;
	line-height: 20px;
}
.table-scroll-all .table-left .table-content td,
.table-scroll-all .table-left .color-F8F8F9 th:first-child{
    max-width: 160px;
}
.table-scroll-all .table-left .color-F8F8F9 th:first-child{
	white-space: nowrap;
}
.fixed-table-row {
	display: block;
    position: absolute;
    top: 0;
    z-index: 12;
    padding-left: 16px;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    font-weight: 600;
    max-width: 750px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.check-search-api {
	text-align: right;
    clear: both;
    width: 82%;
    font-size: 12px;
}
.check-search-api .checkcontainer {
	width: 130px;
}
.check-search-api .checkcontainer .vl-radio {
	letter-spacing: 0;
}
.translate-to-all .btn-while {
	min-width: 122px !important;
	height: 36px;
	margin-top: 30px;
}
.translate-to-all .btn-while span{
	letter-spacing: -0.42px;
} 
.link,
.link-booking-no {
    color: #0066FF !important;
    cursor: pointer;
}

/* css sort data*/
.sort-data span{ 
    position: relative;
    display: inline-block;
}
.sort-data span:after {
    font-family: FontAwesome;
    margin-left: 4px;
    color: #B9BABC;
    font-size: 16px;
    position: relative;
}
.sort-asc span:after {
    content : '\f0de';
    top: 5px;
}
.sort-desc span:after {
    content : '\f0dd';
    top: -2px;
} 
.data-not-found {
	text-align: center;
	padding-top: 10px;
}

/*.list-auto-complete input::-webkit-calendar-picker-indicator {
  display: none;
}*/
.superselect ul li.hover{
	background: #FFBC07;  
	color: #FFFFFF;
}
.list-auto-complete .superselect {
    position: absolute;
    background: #FFFFFF;
    border: 1px solid #FFBC07;
    margin-top: -1px;
    z-index: 100;
}
.list-auto-complete .superselect ul#panel_cities li {
    text-align: left;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 12px 0;
}
.list-auto-complete .superselect ul#panel_cities li:hover {
    background: #FFBC07;
    color: #FFFFFF;
}
.list-auto-complete .flip_cities {
	text-align: center;
    line-height: 30px;
    border-top: 1px solid #E9E9EA;
}
.list-auto-complete .flip_cities .fa {
	font-size: 15px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}
.list-auto-complete .flip_cities a {
	cursor: pointer;
	color: #909094;
}
.list-auto-complete .flip_cities a:first-child {
	margin-right: 40px;
}

/* css validation*/
/*.form-group.has-danger .form-control {
	margin-bottom: 0;
}*/
.has-danger .form-control-label {
	color: currentColor;
}
.form-control-error-list {
	line-height: 17px;
	position: absolute;
	margin-bottom: 0 !important;
	top: 32px;
}
/* added by FE
.group-datepicker + .form-control-error-list,
.group-timepicker + .form-control-error-list{
	clear: both;
	position: static;
	margin-top: -10px;
	margin-bottom: 10px !important;
}
*/
.input-center{
	position: relative;
}
.input-center .form-control{
	margin: 0 auto;
}
.input-center .form-control-error-list{
	position: static;
}
.w-150 + .form-control-error-list,
.w-150 + * + .form-control-error-list{
	text-align: left;
	margin: 0 auto;
	width: 150px;
}
.has-danger .form-control-error-list {
	display: block !important;
}
.panel .new-product .col-right > .has-danger {
	margin-bottom: 15px;
}
.style-select .form-control-error-list {
	top: 47px;
}
.count-character .form-control-error-list {
	left: 20px;
}
.group-coordinate .has-danger {
	margin-bottom: 16px;
}
.group-coordinate .sub-group .form-control-error-list {
	margin-left: 162px;
}
.group-coordinate .form-control-error-list {
	display: block !important;
}
.no-absolute .has-danger {
	margin-bottom: 0 !important;
}
.no-absolute .form-control-error-list{
	position: relative;
	top: -4px;
	padding-bottom: 7px;
}
.vue-has-error, .no-bottom.vue-has-error, .none-bottom.vue-has-error{
    border: 1px solid #EC0D2C!important;
    margin-bottom: 15px!important;
}
.form-group .vue-has-error{
	margin-bottom: 30px!important;
}
.has-danger .count-character .group-flex .vue-has-error{
	margin-bottom: 0!important;
}
.form-group.has-danger.group-rate .form-text,
.page-new-exchange-rate .group-datepicker .form-group.has-danger{
	margin-bottom: 15px!important;
}
input[name= 'key_mail'].vue-has-error + .form-control-error-list{
    margin-left: -5px;
}

/* css loading */
.loading-wait {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 100000;
	display: block;
	left: 0;
}
.loading-wait .loading-spinner-text {
    margin: 0 auto;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;
    animation: vue-simple-spinner-spin 0.8s linear 0s infinite normal none running;
    transition:all .3s linear;
    z-index: 13;
}

.loading-wait .loading-spinner {
  margin: 0 auto;
    width: 36px;
    height: 39px;
    box-sizing: border-box;
    border: solid 2px transparent;
    text-align: center;
    border-radius: 50%;
    transition:all .3s linear;
    z-index: 13;
    text-align: center;
}
.loading > div{
    text-align: center;
    width: auto;
    width: -webkit-fit-content;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gorilla {
    width: 50px;
    height: 50px;
    background: url(../img/icons/gorilla_face.svg) no-repeat;
    animation-name: loading;
    animation: move 2.5s ease-out infinite;
}

.letter {
    display: inline-block;
    font-weight: bold;
    color: #ffc20e;
    letter-spacing: 7px;
    font-size: 24px;
}

.bounce {
    -webkit-animation: loader 0.9s infinite alternate;
}

.letter-wrapp {
    margin-top: 12px;
}

.letter-wrapp div:nth-of-type(2) {
    -webkit-animation-delay: 0.3s;
}

.letter-wrapp div:nth-of-type(3) {
    -webkit-animation-delay: 0.6s;
}

.letter-wrapp div:nth-of-type(4) {
    -webkit-animation: loader 0.9s infinite alternate;
}

.letter-wrapp div:nth-of-type(5) {
    -webkit-animation-delay: 0.3s;
}

.letter-wrapp div:nth-of-type(6) {
    -webkit-animation-delay: 0.6s;
}

.letter-wrapp div:nth-of-type(7) {
    -webkit-animation-delay: 0.6s;
}

.letter-wrapp div:nth-of-type(8) {
    -webkit-animation: 0.9s infinite alternate;
}

.letter-wrapp div:nth-of-type(9) {
    -webkit-animation-delay: 0.3s;
}
.letter-wrapp div:nth-of-type(10) {
    -webkit-animation-delay: 0.6s;
}
/* =Animate the stuff
------------------------ */

@keyframes move {
  0% {
        /*transform: translate(0,0) rotate(0deg);*/
        right: 0;    
    }
    50% {
        transform: translate(130px,0) rotate(360deg);
    
    }
    100% {
        transform: translate(0,0) rotate(0deg);
    }
}
@keyframes loader {
    0% {
        opacity: 0.9; 
    }
    100% {
        opacity: 0.3; 
    }
}
.spinner {
    margin: 2px 0;
    padding: 0;
    list-style: none;
    display: block;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner > li {
    width: 8px;
    height: 8px;
    background-color: #ffc20e;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
    40% { -webkit-transform: scale(1.0); transform: scale(1.0); }
}

@keyframes vue-simple-spinner-spin{
  0%{transform:rotate(0deg)}
  to{transform:rotate(1turn)}
}

.loading-wait .loading-text {
	margin-top: 6px;
	color: #FFF;
	font-size: 20px;
	text-align: center;
}
.refund-info {
	height: auto;
	padding: 14px 9px 6px 16px;
}
.refund-info .form-inline.has-danger {
    margin-bottom: 30px;
    position: relative;
}

/*.mScrollbar-popup .mScrollbar > .mScrollbar-inner {
	max-height: 80%;
}*/
/*.mScrollbar-popup .mScrollbar {
	height: 100%;
}*/
.table-scroll .mScrollbar-inner{
	z-index: 12;
}
/* css modal modalSelectSupplier all page */
#modalSelectSupplier img:hover {
	background: #FFBC07;
}
#modalSelectSupplier .modal-content {
	width: 588px;
	height: auto;
}
#modalSelectSupplier .modal-list-button {
    padding: 0 16px 35px;
    display: block;
}
#modalSelectSupplier .modal-list-button .btn {
    min-width: 152px;
    height: 32px;
    line-height: 32px;
	border-radius: 21px;
	font-weight: 400;
}
#modalSelectSupplier .modal-list-button .btn-while {
    border: 1px solid #B9BABC;
    margin: 10px 5px;
    display: inline-block;
}
#modalSelectSupplier .modal-list-button .btn-while:hover, 
#modalSelectSupplier .modal-list-button .btn-while:active,
#modalSelectSupplier .modal-list-button .btn-while:focus,
#modalSelectSupplier .modal-list-button .btn-while:hover:active {
    border: 1px solid #FFBC07;
    color: #fff !important;
    background: #FFBC07;
}

#modalSelectSupplier .center-txt-info {
	padding: 27px 0 41px;
}
#modalSelectSupplier img {
	position: relative;
    float: right;
    padding: 14px;
    top: -45px;
}

/* DEV */
.panel-heading-padding .group-banner h2 {
	width: 100%;
}
.superselect .mScrollbar-inner {
    height: 100% !important;
    max-height: 335px !important;
    min-height: 34px !important;
}
/* [PSG008]- DEV-DatVm - begin*/
.list-auto-complete1 .superselect {
	position: absolute;
	background: #FFFFFF;
	border: 1px solid #FFBC07;
	margin-top: -1px;
	z-index: 1000;
}
.list-auto-complete1 .superselect ul#panel_cities li {
	text-align: left;
	height: 34px;
	line-height: 34px;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 12px 0;
}
.list-auto-complete1 .superselect ul#panel_cities li:hover {
	background: #FFBC07;
	color: #FFFFFF;
}
.list-auto-complete1 .flip_cities {
	text-align: center;
	line-height: 30px;
	border-top: 1px solid #E9E9EA;
}
.list-auto-complete1 .flip_cities .fa {
	font-size: 15px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}
.list-auto-complete1 .flip_cities a {
	cursor: pointer;
	color: #909094;
}
.list-auto-complete1 .flip_cities a:first-child {
	margin-right: 40px;
}
/* DEV-DatVm - end*/

@media screen {
	#printSection {
		display: none;
	}
}
@media print {
	/* @page {
		margin-top: 15mm;
		margin-bottom: 1mm;
		margin-left: 9mm;
		margin-right: 9mm;
		border: none;
	} */
	body *:not(#printSection):not(#printSection *) {
		visibility:hidden;
		display: none;
	}
	.panel-body {
        zoom: 50% !important;
    }
	#printSection .modal-body .fax-out-item, #printSection .modal-body {
		all:revert !important;
	}

	#printSection .modal-body{
		width: 100% !important;
	}

	#printSection, #printSection * {
		visibility:visible;
	}

	@page  {
		size: landscape;
	}

	#printSection, #printSection * {
		visibility:visible;
	}
	#printSection{
		width: 100%;
		height: auto;
		position:relative !important;
		float: left;
		display: inline-flex !important;
		align-content: center;
		box-sizing: border-box;
		margin: auto !important;
		padding: unset !important;
		overflow-x:hidden !important;
	}
	#printSection .modal-body .fax-out-item {
		all:revert !important;
	}

	#printSection .modal-body .fax-out-item{
		page-break-after: always !important;
	}



	#page-voucher{
		display: inline-block !important;
		flex-grow: 1;
		min-width: 210mm;
		margin: auto !important;
		padding: unset !important;
	}
	#page-voucher .container{
		display: inline-flex !important;
		min-width: 210mm !important;
		margin: auto !important;
		padding: unset !important;
	}

	#headVoucher .row .custom-voucher,
	#printArea .panel .row .custom-voucher,
	#page-voucher .modal-body .row.wrapper-intro .custom-voucher
	{all: revert !important;}

	#voucherDiv, #page-voucher{width: 100% !important;}
	#headVoucher .row, #printArea .panel #headVoucher .row,
	#printArea .panel .row.wrapper-intro,
	#page-voucher .modal-body .row.wrapper-intro {display: flex; flex-direction: row; justify-content: space-between;}
	#page-voucher .modal-body .row.wrapper-intro{width: 75%}
	#page-voucher .modal-body #headVoucher .row.wrapper-intro, #page-voucher .modal-body #printArea .row.wrapper-intro {width: 65%}


	html, body {
		min-width: 210mm;
		height: auto;
		page-break-inside: avoid;
		/*
        page-break-after: avoid;
        page-break-before: avoid;
        height: 99%;
        page-break-inside: avoid;*/
		/*
        height: 99%;
        page-break-after: avoid;
        page-break-before: avoid;*/
		font-size: 12pt; /* changing to 10pt has no impact */
	}

	/*
	.fax-out-item {
		page-break-before: avoid;
		page-break-inside: avoid;
		page-break-after: avoid;
	}*/
	body{
		-webkit-print-color-adjust: exact !important;
	}
}

.checkcontainer.disabled .vl-radio {
    color: #909094 !important;
}

.checkcontainer.disabled .radiobtn {
	border: 1px solid #B9BABC !important;
}

/*DEV HauPv add begin*/
.code_list {
    margin: 15px 0;
    border-top: 1px solid #dfe4ed;
    border-left: 1px solid #dfe4ed;
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}
.code_list li {
    padding: 10px;
    border-right: 1px solid #dfe4ed;
    border-bottom: 1px solid #dfe4ed;
    text-align: center;
    font-weight: 600;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    break-inside: avoid-column;
}
.code_list li.used {
	background: #E9E9EA !important;
}

/*BOOKING STATUS*/
.btn-bk-OK{
    font-size: 14px;
    min-width: 100px;
    min-height: 36px;
    height: 36px;
    width: 100px;
    line-height: 27px;
    font-weight: 600;
    background-color: white;
    border: #A4B700 1px solid;
    color: #A4B700;
}
.btn-bk-OK:hover{
    font-size: 14px;
    min-width: 100px;
    min-height: 36px;
    height: 36px;
    width: 100px;
    line-height: 27px;
    font-weight: 600;
    background-color: #A4B700;
    border: #A4B700 1px solid;
    color: white;
}

.btn-bk-UC {
    font-size: 14px;
    min-width: 100px;
    min-height: 36px;
    height: 36px;
    width: 100px;
    line-height: 27px;
    font-weight: 600;
    background-color: white;
    border: #188573 1px solid;
    color: #188573;
}
.btn-bk-UC:hover {
    font-size: 14px;
    min-width: 100px;
    min-height: 36px;
    height: 36px;
    width: 100px;
    line-height: 27px;
    font-weight: 600;
    background-color: #188573;
    color: white;
    border: #188573 1px solid;
}
.btn-bk-Failed {
	font-size: 14px;
	min-width: 100px;
	min-height: 36px;
	height: 36px;
	width: 100px;
	line-height: 27px;
	font-weight: 600;
	background-color: white;
	border: #188573 1px solid;
	color: #188573;
}
.btn-bk-Failed:hover {
	font-size: 14px;
	min-width: 100px;
	min-height: 36px;
	height: 36px;
	width: 100px;
	line-height: 27px;
	font-weight: 600;
	background-color: #188573;
	color: white;
	border: #188573 1px solid;
}
.btn-bk-RQ {
    font-size: 14px;
    min-width: 100px;
    min-height: 36px;
    height: 36px;
    width: 100px;
    line-height: 27px;
    font-weight: 600;
    background-color: white;
    border: #8A5EC7 1px solid;
    color: #8A5EC7;
}
.btn-bk-RQ:hover {
    font-size: 14px;
    min-width: 100px;
    min-height: 36px;
    height: 36px;
    width: 100px;
    line-height: 27px;
    font-weight: 600;
    color: white;
    background-color: #8A5EC7;
    border: #8A5EC7 1px solid;
}
.btn-bk-CXL {
    font-size: 14px;
    min-width: 100px;
    min-height: 36px;
    height: 36px;
    width: 100px;
    line-height: 27px;
    font-weight: 600;
    background-color: white;
    border: #EC0D2C 1px solid;
    color: #EC0D2C;
}
.btn-bk-CXL:hover {
    font-size: 14px;
    min-width: 100px;
    min-height: 36px;
    height: 36px;
    width: 100px;
    line-height: 27px;
    font-weight: 600;
    color: white;
    background-color: #EC0D2C;
    border: #EC0D2C 1px solid;
}
.btn-bk-NS {
    font-size: 14px;
    min-width: 100px;
    min-height: 36px;
    height: 36px;
    width: 100px;
    line-height: 27px;
    font-weight: 600;
    background-color: white;
    border: #909094 1px solid;
    color: #909094;
}
.btn-bk-NS:hover {
    font-size: 14px;
    min-width: 100px;
    min-height: 36px;
    height: 36px;
    width: 100px;
    line-height: 27px;
    font-weight: 600;
    color: white;
    background-color: #909094;
    border: #909094 1px solid;
}


.btn-bk-2 {/*Payment status: Paid*/
    font-size: 14px;
    min-width: 100px;
    min-height: 36px;
    height: 36px;
    width: 100px;
    line-height: 27px;
    font-weight: 600;
    background-color: white;
    border: #2A2B33 1px solid;
    color: #2A2B33;
}
.btn-bk-2:hover {/*Payment status: Paid*/
    font-size: 14px;
    min-width: 100px;
    min-height: 36px;
    height: 36px;
    width: 100px;
    line-height: 27px;
    font-weight: 600;
    color: white;
    background-color: #2A2B33;
    border: #2A2B33 1px solid;
}

.btn-bk-1 { /*Payment status: Not Paid*/
    font-size: 14px;
    min-width: 100px;
    min-height: 36px;
    height: 36px;
    width: 100px;
    line-height: 27px;
    font-weight: 600;
    background-color: white;
    border: #909094 1px solid;
    color: #909094;
}
.btn-bk-1:hover {/*Payment status: Not Paid*/
    font-size: 14px;
    min-width: 100px;
    min-height: 36px;
    height: 36px;
    width: 100px;
    line-height: 27px;
    font-weight: 600;
    color: white;
    background-color: #909094;
    border: #909094 1px solid;
}
.btn-bk-3 {/*Payment status: Failed*/
    font-size: 14px;
    min-width: 100px;
    min-height: 36px;
    height: 36px;
    width: 100px;
    line-height: 27px;
    font-weight: 600;
    background-color: white;
    border: #EC0D2C 1px solid;
    color: #EC0D2C;
}
.btn-bk-3:hover {/*Payment status: Failed*/
    font-size: 14px;
    min-width: 100px;
    min-height: 36px;
    height: 36px;
    width: 100px;
    line-height: 27px;
    font-weight: 600;
    color: white;
    background-color: #EC0D2C;
    border: #EC0D2C 1px solid;
}
.refresh-page {
	color: #2A2B33 !important;
}
/*DEV HauPv add end*/
.gorilla-booking-list .fselect .fs-dropdown,
#hotel-booking-list .fselect .fs-dropdown,
#booking-request .fselect .fs-dropdown,
#ticket-booking-list .fselect .fs-dropdown,
#select_channel .fs-dropdown {
	width: 500px;
	max-width: 700px;
}
.m-0-i {
	margin: 0 !important;
}
.line-2nd {
	color: #8d8d8d;
	font-size: 12px;
}

#myChangeAGT .select-items {
	width: 450px;
}
.table.no-word-break tbody td {
	word-break: unset !important;
}
.note-popover .btn.btn-primary,
.note-popover .btn {
	font-size: 12px;
	line-height: 1.5;
	min-width: unset;
	height: unset;
}
.group-upload-image .form-control-error-list {
    top: auto;
}
.info-days.align-right .info-label {
	text-align: right;
	padding-right: 10px;
}

.input-mask::placeholder { /* placeholder of input-mask */
	font-size: 11.5px;
}

/* Start loading circle button*/
.buttonload {
    font-weight: 600;
    color: #2b2838;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    min-width: 174px;
    border: 1px solid #FDCE4E;
    background: #FDCE4E;
    display: inline-flex;
}
.loader {
    width: 20px;
    height: 20px;
    border: 3px solid #f2f4f8;
    border-radius: 50%;
    border-top: 5px solid #FDCE4E;
    -webkit-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
    margin: 12px 20px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* END Loading circle button */

.fs-14 {
	font-size: 14px;
}
.tooltip {
    z-index: 99999; 
}
.tooltip-align-midle {
	display: flex;
	align-items: center;
}
.tooltip-align {
	margin-left: auto;
    position: absolute;
    text-align: left;
    margin-top: 4px;
}
.tooltip-section-left {
	float: left;
}
.tooltip-section-left .align-bottom {
	height: 37px;
	display: flex;
	align-items: flex-end;
}
a.disabled{
	cursor:not-allowed;
}
.padding-left-80 {
	padding-left: 80px;
}
.position-absolute-left-12 {
	position: absolute;
	padding-left: 12px;
}
.no-border {
	border-bottom: none !important;			

}
#nprogress .bar {
	background: #ffbc07;	
}
#nprogress .spinner-icon {
	border-top-color: #ffbc07;
	border-left-color: #ffbc07;
}
#nprogress .peg {
	box-shadow: 0 0 10px #ffbc07, 0 0 5px #ffbc07;
}

#saveAgentMarkup {
	padding-top: 10px;
}

.inputSearchMarkup {
	margin-right: 8px;
	margin-left: 8px;
}

#getProducstMarkup .btn-add-product {
	margin-left: 8px;
}

.searchMarkupTypeWrap {
	margin-left: auto;
}

#getProducstMarkup .btn-add-general-area {
	margin-left: 8px;
}

.fa-chevron-right:before {
	content :'';
}
.col-right.group-input .custom-mail-text {
	margin-bottom: 0 !important;
	height: 36px;
}

.col-right.group-input .custom-mail-text label {
	margin-bottom: 0;
}

.col-md-5.custom-mail-text-mb {
	margin-bottom: 9px;
	margin-top: 3px;
}

.custom-select-box.custom-mail-text-ml {
	margin-left: 6px;
}

.lbl-specific-rate {
	letter-spacing: -0.4px;
	font-weight: 600;
}

.check-container.check-container-none {
	display: flex;
}

.display-block-div {
	display: contents !important;
}

.display-inline-div {
	display: inline;
}