@import url("https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
@import url("bootstrap.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

:root {
  --accent: #9a1220; /*1073d6*/
  --link-primary: #006bed;
  --text-color: #172b4d;
}

::selection {
  background: #a6fff8;
  color: #111;
}

html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family: 'Roboto', sans-serif; font-family: 400;-webkit-font-smoothing: antialiased;text-rendering: auto; min-height: 100%;}

html,body {
  font-family: 'Inter', sans-serif;
}

h1,h2,h3,h4,h5,h6{font-weight:700;font-style:normal;color:#222;text-rendering:optimizeLegibility;margin-top:.2em;margin-bottom:.5em;line-height:1.2125em}
ul,ol,li{margin:0;padding:0;}

.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.body{min-height: 100%;height: auto;text-align: left!important;}
.page-container{height:auto;min-height: 100%;}
.fixed-max-height{height:auto;min-height: 100%;}
.full-height{height: 100%;}

.one-line {         
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; 
}

p.single-line{max-height: 20px;overflow: hidden;}

.stuck{height: 100vh;overflow-y: hidden;position: fixed;}

a { color: #3367d6; text-decoration: none; }
a:hover { color: #3367d6; text-decoration: none; }

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

pre {background: #f4f4f4;border: 1px solid #ddd;border-left: 3px solid #f36d33;color: #666;page-break-inside: avoid;font-family: monospace;font-size: 15px;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1em 1.5em;display: block;word-wrap: break-word;}

.code pre{background: #31374f;border: 1px solid #31374f;color: #f2f3f4;page-break-inside: avoid;font-family: monospace;font-size: 12px;line-height: 1.6;max-width: 100%;overflow: auto;padding: 1em 1.5em;display: block;word-wrap: break-word; border-radius: 10px; max-height: 300px; overflow-y: scroll; max-width: 100%; }
.pre-copy{position: absolute;top:15px ;right:20px;display: none; min-width: 16px; height: 30px; fill: #f2f3f4; color: #f2f3f4; padding-right: 0px; font-size: 12px; }
.pre-copy svg{height: 16px; width: 16px;}
.pre-copy-wrapper:hover .pre-copy{display: block; cursor: pointer; }


.close{opacity: 0.6;} 

.h20{height: 20px;}
.h50{height: 50px;}
.h100{height: 100px;}
.h200{height: 200px;}
.h500{height: 500px;}

.inherit{font-weight: inherit!important;} 
.uppercase{text-transform: uppercase;}
.inline-block{display: inline-block;}
.overflow-hidden{white-space: nowrap;overflow: hidden;}    

.container {max-width: 1180px;margin: 0 auto;box-sizing:border-box;}
.container.full-width{width: 100%;max-width: 100%;}
.container-pad {/*padding-left: 10px;padding-right: 10px;*/}
.full-width{width:100%;}

.no-style{text-decoration:none;}
.underline{text-decoration: underline;}
.underline-dotted{padding-bottom: 3px;border-bottom: 1px dotted #333;}
.pointer{cursor: pointer;}
.help{cursor: help;}

.flex{display: flex;}
.flex-justify-spacebetween{display: flex; align-items: center; justify-content: space-between ; }
.flex-center{display: flex; align-items: center; }
.flex-gap-10{gap: 10px;}

.summary-icon{width: 20px;height: 20px;background-color: #f1f5f996; border-radius: 5px; display: flex; align-items: center; justify-content: center; }
.summary-icon svg{width: 16px;height: 16px;}
.summary-icon.total svg{color: #0052cc;}
.summary-icon.failed svg{color: #ff0202;}
.summary-icon.confirmed svg{color: #ffbc35;}
.summary-icon.finalised svg{color: #18c073;}
.summary-icon.finalised-fill svg{fill: #18c073;}
.summary-icon.cancelled svg{color: #fec2d0;}

.summary-icon.total {background-color: #0052cc1c;border:2px solid #0052cc;}
.summary-icon.failed {background-color: #ff02021c;border:2px solid #ff0202;}
.summary-icon.confirmed {background-color: #ffbc351c;border:2px solid #ffbc35;}
.summary-icon.finalised {background-color: #18c0731c;border:2px solid #18c073;}
.summary-icon.cancelled {background-color: #fec2d01c;border:2px solid #fec2d0;}

.summary-icon{width: 16px;height: 16px;border-radius: 0px;}
.summary-icon svg{display: none;}


.total-count{font-weight: 600;}
.title-label-grey{color: #73727f;}

.block{display:block;}
.pull_left{float:left;}
.pull_right{float:right;}
.clear_left{clear:left;}
.clear_right{clear:right;}
.clear_both{clear:both;}

.hidden{display: none;}
.relative{position:relative;}

.line-through{text-decoration: line-through;}
.strong{font-weight: 700;}
.semi-bold{font-weight: 500;}
.thin{font-weight: 300;}
.italic{font-style:italic;}

.black{color:#000;}
.green{color: #09B219;}
.grey{color:#ccc;}
.grey-light{color:#999;}
.grey-medium{color:#888;}
.grey-darkest{color:#666;}
/*.red{color:#ff0202;}*/
.red{color:#9a1220;}
.blood{color: #c92f54;}
.blue{color:#0052cc;}
._blue{color:#006bed;}
.white{color: #fff;}

.warning{color: #f7a400;}


/*
.cancelled{color: #673bb7;}
.ok{color: #006bed;}
.failed{color:#ff0202;}
*/
.cancelled{color: #6b788c;}
.finalised{color: #18c073;}
.confirmed{color: #ffbc35;}
.failed{color: #ff0202;}


.no_link{text-decoration: none;}
.no_link:hover{text-decoration: none;}

.bg_white{background:#fff;}
.bg_black{background:#000;}

.ivory-grey{background-color: #f7fafc;}
.ivory-light{background-color: #f6f6f6;}
.ivory{background:#e0dedc;}
.ivory{background:#f6f6f6;}
.gray-graphic{ background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed;background-color: #9c9c9c;}
.ivory-graphic{ background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed;background-color: #f6f6f6;}
.blue-graphic{ background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed;background-color: #5282e5;}
.pink-graphic{ background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed;background-color: #f0d3d4;}
.green-graphic{ background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed;background-color: #d3f0e1;}
.purple-graphic{ background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed;background-color: #c9bee6;}
.yellow-graphic{ background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed;background-color: #fceabf;}


.border-all{border:1px solid #dcdcdc;}
.border-top{border-top:1px solid #dcdcdc;}
.border-bottom{border-bottom:1px solid #dcdcdc;}
.border-left{border-left:1px solid #dcdcdc;}
.border-right{border-right:1px solid #dcdcdc;}

.font10{font-size: 9px;}
.font10{font-size: 10px;}
.font11{font-size: 11px;}
.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font14{font-size: 14px;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font26{font-size: 26px;}
.font30{font-size: 30px;}
.font36{font-size: 36px;}
.font42{font-size: 42px;}
.font46{font-size: 46px;}
.font50{font-size: 50px;}
.font52{font-size: 52px;}
.font72{font-size: 72px;}

.round0 {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.round2 {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.round3 {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.round4 {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.round6 {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.round8 {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.round10 {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.round3top {-webkit-border-radius: 3px 3px 0 0 ;-moz-border-radius: 3px 3px 0 0 ;border-radius: 3px 3px 0 0 ;}
.round3trio {-webkit-border-radius: 0 3px 3px 3px  ;-moz-border-radius: 0 3px 3px 3px  ;border-radius:0 3px 3px 3px  ;}
.round3trio-ar {-webkit-border-radius: 3px 0 3px 3px  ;-moz-border-radius: 3px 0 3px 3px  ;border-radius: 3px 0 3px 3px  ;}
.round3-t-b-left {-webkit-border-radius: 3px 0 0 3px ;-moz-border-radius: 3px 0 0 3px ;border-radius: 3px 0 0 3px ;}
.round4top-left {-webkit-border-radius: 4px 0 0 0 ;-moz-border-radius: 4px 0 0 0 ;border-radius: 4px 0 0 0 ;}
.round3top-left {-webkit-border-radius: 3px 0 0 0 ;-moz-border-radius: 3px 0 0 0 ;border-radius: 3px 0 0 0 ;}
.round4top {-webkit-border-radius: 4px 4px 0 0 ;-moz-border-radius: 4px 4px 0 0 ;border-radius: 4px 4px 0 0 ;}
.round4trio {-webkit-border-radius: 0 4px 4px 4px  ;-moz-border-radius: 0 4px 4px 4px  ;border-radius:0 4px 4px 4px  ;}
.round4bottom {-webkit-border-radius: 0 0 4px 4px  ;-moz-border-radius: 0 0 4px 4px ;border-radius: 0 0 4px 4px;}
.round4trio-ar {-webkit-border-radius: 4px 0 4px 4px  ;-moz-border-radius: 4px 0 4px 4px  ;border-radius: 4px 0 4px 4px  ;}
.round10top {-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0 ;border-radius: 10px 10px 0 0 ;}
.round10topleft {-webkit-border-radius: 10px 0 0 0 ;-moz-border-radius: 10px 0 0 0 ;border-radius: 10px 0 0 0 ;}
.round8trio {-webkit-border-radius: 0 8px 8px 8px  ;-moz-border-radius: 0 8px 8px 8px  ;border-radius:0 8px 8px 8px  ;}
.round8top {-webkit-border-radius: 8px 8px 0 0 ;-moz-border-radius: 8px 8px 0 0 ;border-radius: 8px 8px 0 0 ;}
.round4top {-webkit-border-radius: 4px 4px 0 0 ;-moz-border-radius: 4px 4px 0 0 ;border-radius: 4px 4px 0 0 ;}
.round100 {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
.round100p {-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}

.m0{margin:0;}
.m10{margin:10px;}
.m20{margin:20px;}
.m-b-20{margin-bottom:20px;}
.m-b-30{margin-bottom:30px;}
.m-b-40{margin-bottom:40px;}
.m-t-5{margin-top:5px;}
.m-b-5{margin-bottom:5px;}
.m-t-7{margin-top:7px;}
.m-b-7{margin-bottom:7px;}
.m-t-20{margin-top:20px;}
.m-t-30{margin-top:30px;}
.m-t-40{margin-top:40px;}
.m-t-100{margin-top:100px;}
.m-b-10{margin-bottom: 10px;}
.m-b-15{margin-bottom: 15px;}
.m-l-5{margin-left: 5px;}
.m-r-5{margin-right:5px;}
.m-l-10{margin-left: 10px;}
.m-r-10{margin-right:10px;}
.m-r-20{margin-right:20px;}
.m-l-20{margin-left: 20px;}
.m-l-30{margin-left: 30px;}


.p0{padding:0;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}
.p40{padding: 40px;}
.p-l-0{padding-left: 0;}
.p-b-0{padding-bottom: 0;}
.p-t-0{padding-top: 0;}
.p-l-2{padding-left:2px;}
.p-r-2{padding-right:2px;}
.p-t-2{padding-top:2px;}
.p-l-5{padding-left:5px;}
.p-r-5{padding-right:5px;}
.p-t-7{padding-top:7px;}
.p-b-7{padding-bottom:7px;}

.p-t-4{padding-top:4px;}

.p-t-5{padding-top:5px;}
.p-b-5{padding-bottom:5px;}

.p-t-6{padding-top:6px;}
.p-b-6{padding-bottom:6px;}

.p-b-2{padding-bottom: 2px;}

.p-l-15{padding-left:15px;}
.p-r-15{padding-right:15px;}
.p-t-15{padding-top:15px;}
.p-b-15{padding-bottom:15px;}
.p-l-20{padding-left:20px;}
.p-r-20{padding-right:20px;}
.p-t-20{padding-top:20px;}
.p-b-20{padding-bottom:20px;}
.p-t-25{padding-top:25px;}
.p-b-25{padding-bottom:25px;}
.p-l-25{padding-left:25px;}
.p-r-25{padding-right:25px;}
.p-r-40{padding-right: 40px;}
.p-l-40{padding-left: 40px;}
.p-r-30{padding-right: 30px;}
.p-l-30{padding-left: 30px;}
.p-t-30{padding-top:30px;}
.p-b-30{padding-bottom:30px;}
.p-l-10{padding-left:10px;}
.p-r-10{padding-right:10px;}
.p-t-10{padding-top:10px;}
.p-b-10{padding-bottom:10px;}
.p-b-8{padding-bottom:8px;}
.p-t-8{padding-top: 8px;}
.p-t-12{padding-top:12px;}
.p-t-40{padding-top:40px;}
.p-t-60{padding-top:60px;}
.p-b-40{padding-bottom:40px!important;}
.p-b-60{padding-bottom:60px;}
.p-b-100{padding-bottom:100px!important;}

.nopadding {padding: 0 !important;margin: 0 !important;}

.spinner {position:absolute;display:block;height: 50px;width: 50px;margin:auto;animation: rotate 0.6s infinite linear;border-width: 4px; border-style: solid; border-color:rgba(0,0,0,0.1);border-right-color: transparent;border-radius: 50%;border: 4px solid #006bed;border-right-color: transparent;position: absolute;top:50%;left:50%;margin-left: -25px;margin-top: -25px;}
.spinner-sm {position:absolute;display:block;height: 20px;width: 20px;margin:auto;animation: rotate 0.6s infinite linear;border-width: 4px; border-style: solid; border-color:rgba(0,0,0,0.1);border-right-color: transparent;border-radius: 50%;border: 3px solid #006bed;border-right-color: transparent;position: absolute;top:50%;left:50%;margin-left: -10px;margin-top: -10px;}
.indicator{position: absolute;right:20px;top:0;bottom:0;}

.sheet{position: fixed;top:0;left:0;right:0;bottom: 0;height:100%;width:100%;z-index: 100;}

.flash { background:black;animation: flash 1s forwards linear normal; }

@keyframes flash {
  0% { background:#cce0ff; }
  4% { background:#c145fd; }
  100% { background:#cce0ff; }
}

@keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}

.dots-spinner{margin: 100px auto 0;width: 70px;text-align: center;}
.dots-spinner > div {width: 18px;height: 18px;background-color: #0b6fea;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;}
.dots-spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.dots-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);
  }
}

.success-msg {color: #088423;background-color: #e1fae3;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 10px;}
/*.error-msg {color: #e21111;background-color: #fbe9e7;border:0px solid #e21111;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 10px;}*/
.error-msg{
  color: #000;
  background-color: #fff;
  border: 2px solid #ffcfc9;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 10px 20px;
  box-sizing: border-box;
}
.error-msg .fa{color:#ee6565;color: #333;}
.loader-sheet{position: absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background-color: rgba(255,255,255,0.5);z-index: 1;}

.loader-icon{position: absolute;left:50%;top:50%;margin-top: -20px;margin-left: -20px;width: 40px;height: 40px;text-align: center;font-size: 10px;line-height: 40px;color: #1f1f1f;}
.loader-icon.grey{color: #999999;}

.secondary .loader-icon{width: 38px;height: 38px;}

.header-dates-wrapper{display: inline-block;margin-right: 20px;}
.header-dates-wrapper .input-mat{
  border-radius: 8px;
}


.table-filter-popup{
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    background-color: #fff;
    width: 600px;
    max-width: 100%;
    min-height: 200px;
    padding: 15px;
    padding-bottom: 75px;
    position: absolute;
    z-index: 1;
}
.table-filter-popup .content{}
.table-filter-popup .footer-action{position: absolute;bottom:0;left:0;right:0;padding: 15px;text-align: right;border-top:1px solid #ddd;}




/* INPUTS AND FORM ELEMENTS */


.textarea-xml{width: 100%;border:1px solid #efefef; background-color: #fff; margin-bottom: 20px; min-height: 100px; }

.form-input-width{width: 390px;}
.input-error {border-color: #ff5252!important;}
.required-star {color: #d72222;margin-left: 5px;font-weight: 700;font-size: 16px;}

.input-featured-search-container{position: relative;box-sizing: border-box;width: 100%;height: 40px;display: block;transition: border-bottom-color 0.25s ease-in-out 0s;border-bottom: 2px solid rgb(179, 186, 197);margin-bottom: 40px;}
.input-featured-search-container input{border:0;outline: 0;width: 100%;height: 40px;line-height: 38px;font-size: 20px; font-weight: 500; padding-right: 40px;background: transparent;}
.input-featured-search-container input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgb(179, 186, 197);opacity: 1; /* Firefox */ }
.input-featured-search-container input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: rgb(179, 186, 197);}
.input-featured-search-container input::-ms-input-placeholder { /* Microsoft Edge */color: rgb(179, 186, 197);}
.input-featured-search-container .icon-right{ position: absolute;right: 0; height: 40px;line-height: 38px;color: #6b778b;font-size: 18px;}

.input-select-div { position: relative; background-color: #fff;border: 1px solid #d3d3d3;margin: 0;line-height: 40px;padding-left: 15px;padding-right: 15px;overflow: hidden;font-size: 14px;height: 40px;color: #333;cursor: pointer;width: 100%;}
.input-select {-webkit-appearance: menulist-button;position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;display: block;width: 100%;height: 100%;margin-top: 0;font-size: 16px;cursor: pointer; line-height: 28px; overflow: hidden; }
._input-select-title{display: block;max-height: 20px;overflow: hidden;}
.input-chev-down { z-index: 1; display: inline-block; position: absolute;right: 0;top: 50%;margin-right: 15px;margin-top: -9px;font-size: 14px;color: #666;}
.mat-select { background-color: #fff;border: 0;-webkit-border-radius: 4px;border-radius: 4px;-webkit-box-sizing: border-box;box-sizing: border-box;color: rgba(0,0,0,.65);font-size: 14px;font-weight: 400;line-height: 28px; overflow: hidden; margin: 0;max-width: 100%;outline: 0;padding: 8px!important; padding-left: 15px!important; -webkit-transition: box-shadow .15s;transition: box-shadow .15s;vertical-align: middle;-webkit-appearance: none;/*-webkit-box-shadow: 0 0 0 2px transparent inset, 0 0 0 1px #d3d3d3 inset;box-shadow: 0 0 0 2px transparent inset, 0 0 0 1px #d3d3d3 inset;*/; border:1px solid #d3d3d3; width: 390px;height: 40px;display: inline-block;}
.mat-select.wide{width: 100%;}
.mat-select.narrow{width: 200px;}

.mat-select.clear{border: 0; outline: none;background:transparent; padding: 0!important; margin: 0;}

.file-image-input-wrapper{display: inline-block;position: relative;width: 200px;}
.file-image-wrapper{ display: inline-block;}
.file-image-wrapper ._inner{ position: relative;display: flex; align-items: center; gap: 20px; }
.file-image-wrapper img{height: 40px;border-radius: 4px;}
.file-image-wrapper span{position: relative;font-size: 12px;}
.file-image-wrapper span:hover{opacity: 0.6;}

.floating-select{-webkit-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);padding-top: 8px;padding-bottom: 8px;background: #fff;min-width: 112px;max-width: 280px;overflow: auto;-webkit-overflow-scrolling: touch;outline: 0;min-height: 36px;position: absolute;top:0;right: 0; z-index: 1;}
.floating-select .mat-menu-item {-webkit-border-radius: 0!important;border-radius: 0!important;-webkit-box-sizing: border-box;box-sizing: border-box;display: block;font-weight: 400;font-size: 14px;letter-spacing: 0!important;line-height: 20px;height: auto;margin: 0;min-height: 32px;padding: 6px 16px;text-align: left;text-transform: none;width: 100%; background-color: #fff; outline: none; border:0; cursor: pointer; color: #000; }
.floating-select .mat-menu-item:hover{background: rgba(0,0,0,0.04);}
.floating-select.md{min-width: 180px;}
.floating-select a{text-decoration: none;}
.floating-select a:hover{text-decoration: none!important;}


.ulKeyTrigger{margin:0;padding: 0;}
.destination-suggest-list{position:absolute;top:0;left:0;width:100%; margin-top:40px;padding:0px;background:#fff;border:1px solid #d3d3d3;z-index:500;box-sizing: border-box;}
.destination-suggest-list li{list-style: none;border-bottom: 1px solid #ddd;}
.destination-suggest-list li:last-child{border-bottom: 0;}
.destination-suggest-list li a{padding:7px 10px;text-decoration: none;color:#0065b8;display:block;outline:none;font-size: 14px;}
.destination-suggest-list li a.highlight,.destination-suggest-list li a:focus{background:#cce1ff;}
.destination-suggest-list li a:hover{background:#cce1ff;}
.destination-suggest-list span{float:right;color:#999;}
.s-p-text {float: none!important;display: inline-block;background-color: #ededed;width: 65px;height: 16px;border-radius: 3px;margin-right: 5px;padding: 10px;margin-top: 5px;}




.input-container{padding-bottom: 24px;position: relative;}
.input-container.flat{padding-bottom: 0px;}

.input-mat { background-color: #fff;border: 0;-webkit-border-radius: 4px;border-radius: 4px;-webkit-box-sizing: border-box;box-sizing: border-box;color: rgba(0,0,0,.87);font-size: 14px;font-weight: 400;line-height: 24px;margin: 0;max-width: 100%;outline: 0;padding: 10px; padding-left: 13px; padding-right: 13px; -webkit-transition: box-shadow .15s;transition: box-shadow .15s;vertical-align: middle;-webkit-appearance: none;-webkit-box-shadow: 0 0 0 2px transparent inset, 0 0 0 1px #d3d3d3 inset;box-shadow: 0 0 0 2px transparent inset, 0 0 0 1px #d3d3d3 inset;width: 390px;height: 40px;border:2px solid transparent;}
.input-mat.full{width: 100%}
.input-mat.full-dynamic{width: calc(100% - 210px)}
.input-mat.narrow{width: 200px;}
.input-mat:active,.input-mat:focus {border:2px solid #1a72e8;box-shadow: none;padding:8px; padding-left: 13px;padding-right: 13px;}
.input-mat.input-error{border:1px solid #ff5252;padding-left: 13px;}
.input-mat:disabled:active,.input-mat:disabled:focus{background-color: #fff;border: 0;-webkit-border-radius: 4px;border-radius: 4px;-webkit-box-sizing: border-box;box-sizing: border-box;color: rgba(0,0,0,.87);font-weight: 400;line-height: 24px;margin: 0;outline: 0;padding: 10px; padding-left: 15px;-webkit-transition: box-shadow .15s;transition: box-shadow .15s;vertical-align: middle;-webkit-appearance: none;-webkit-box-shadow: 0 0 0 2px transparent inset, 0 0 0 1px #d3d3d3 inset;box-shadow: 0 0 0 2px transparent inset, 0 0 0 1px #d3d3d3 inset;height: 40px;border:0px;}

.input-mat.clear{-webkit-box-shadow:none;box-shadow: none;}
.input-mat.clear:disabled:active,.input-mat.clear:disabled:focus{-webkit-box-shadow:none;box-shadow: none;}
.input-mat::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgb(158, 158, 158);opacity: 1; /* Firefox */ }
.input-mat:-ms-input-placeholder { /* Internet Explorer 10-11 */color: rgb(158, 158, 158);}
.input-mat::-ms-input-placeholder { /* Microsoft Edge */color: rgb(158, 158, 158);}
.input-mat.round{border-radius: 20px;}

.input-mat.text-area{min-height: 200px;}

@media (max-width: 768px) {
    .input-mat{font-size: 16px;}
}


.label-mat {color: rgba(0,0,0,.54);font-weight: 400;font-size: 12px;line-height: 20px;padding-bottom: 4px;}


.app-cms-component-wrapper{margin-top: -120px;}
.app-cms-component-wrapper .edit-img {
  position: absolute;
  top: 5px;
  left: 8px;
  z-index: 9;
  font-size: 16px;
  text-align: center;
  line-height: 28px;
  width: 30px;
  height: 30px;
  background-color: #000;
  color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.app-cms-component-wrapper .input-select {
  -webkit-appearance: menulist-button;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 0;
  font-size: 16px;
  cursor: pointer;
}
.app-cms-component-wrapper .input-chev-icon {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: 6px;
  margin-right: 15px;
  background-color: #fff;
}



.mat-raised-button {box-sizing: border-box;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;outline: none;border: none;-webkit-tap-highlight-color: transparent;display: inline-block;white-space: nowrap;text-decoration: none;vertical-align: baseline;text-align: center;margin: 0;min-width: 64px;line-height: 36px;padding: 0 16px;border-radius: 4px; min-height: 38px; overflow: visible;transform: translate3d(0, 0, 0);transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding-left: 16px;padding-right: 16px;border: 0;-webkit-border-radius: 8px;border-radius: 8px;text-transform: none;letter-spacing: .25px;min-width: 60px;background-color: #466be2;background-color: #1e1f21;-webkit-box-shadow: none;box-shadow: none;color: #fff;font-weight: 500;}
.mat-raised-button.secondary{background-color: #fff;border:1px solid #1a73e8;color: #1a73e8;border-color: #cfcbcb;color: #333;transition-duration: .2s;transition-property: background,border,color,fill;}
.mat-raised-button.cancel{color: #9a1220;}
.mat-raised-button:hover {color: #fff;background-color: #444;-webkit-box-shadow: none;box-shadow: none;}
.mat-raised-button.secondary:hover{background-color: #fff;border:1px solid #1765cc;color: #1765cc;border-color: #666;color: #666;}
.mat-raised-button:active{outline: none;color: #fff;}
.mat-raised-button:focus{outline: none;color: #fff;}
.mat-raised-button.secondary:active{outline: none;color: #000;}
.mat-raised-button.secondary:focus{outline: none;color: #000;}



.mat-raised-button.download{
  color: #505050;
}
.mat-raised-button.download svg{
  fill: #6d6e6f;
  color: #6d6e6f;
  flex: 0 0 auto;
  height: 12px;
  width: 12px;
  margin-right: 4px;
}

.mat-raised-button[disabled] {background-color: rgba(0,0,0,.06);-webkit-box-shadow: none;box-shadow: none;color: rgba(0,0,0,.26);}
.mat-raised-button.secondary[disabled] {background-color: rgba(0,0,0,.06);border-color:rgba(0,0,0,.06);-webkit-box-shadow: none;box-shadow: none;color: rgba(0,0,0,.26);}
.mat-raised-button.working {background-color: rgba(0,0,0,.06); border-color: rgba(0,0,0,.06); -webkit-box-shadow: none;box-shadow: none;color: rgba(0,0,0,.26);outline: none;}

.mat-raised-button.in-row{margin-right: 10px;}


.mat-flat-button{background-color: #fff;border:1px solid #edeae9;color: #333;box-shadow: none!important;outline: none!important;}


.inline-filter-pill{ float: left ; margin-right: 10px; margin-bottom: 10px; height: 30px;border-radius: 20px;padding-left: 20px;padding-right: 20px;line-height: 30px;border:1px solid #ccc;cursor: pointer;}
.inline-filter-pill .fa{margin-right: 10px;color: #666;}


.inline-filter-pill-selection{
    float: left;
    font-weight: 400;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 30px;
    border-radius: 15px;
    padding-left: 12px;
    padding-right: 8px;
    line-height: 28px;
    border: 1px solid #fff;
    cursor: pointer;
    color: #fff;
    background-color: #1a73e8;
}
.inline-filter-pill-selection .close-pill{float: right ;margin-left: 10px; width: 18px;height: 18px ; line-height: 18px; margin-top: 4px; border-radius: 15px; font-size: 13px; text-align: center; background-color: #bcd5f8 ; color: #1a73e8; }

.inline-filter-pill-selection:hover{background-color: #1967d2 ;}
.inline-filter-pill-selection .close-pill:hover{background-color: #fff;}



.table-pagination-wrapper{position: absolute;bottom: 0;left: 0;right: 0;padding-left: 20px;padding-right: 20px;}

.pagination-list {
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    list-style: none;
    overflow: hidden;
    font-size: 13px;
}
.pagination-list li {
    display: inline-block;
    margin: 0;
    padding: 0;
    padding: 0;
    margin-right: 2px;
    border: 1px solid #d3d3d3;
    background-color: #fff;
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.02));
    background-image: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.02));
    border-radius: 4px;
}
.pagination-list li:first-child {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}
.pagination-list li a {
    margin: 0;
    padding: 0;
    display: block;
    height: 25px;
    width: 30px;
    line-height: 25px;
    text-align: center;
    color: #666;
    font-weight: 400;
}
.grey {
    color: #ccc;
}
.pagination-list li a.active {
    border-bottom: 1px solid #3367d6;
    -webkit-box-shadow: inset 0 -1px 0 #3367d6;
    box-shadow: inset 0 -1px 0 #3367d6;
}
.pagination-list li a:hover{
  color: #666;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}


/*
.mat-raised-button.focus, .mat-raised-button:focus {
  color: #fff;
  text-decoration: none;
}
 */



/** START **/

.ui-helper-hidden-accessible{display: none;}


/*LAYOUT*/

.container.wide{max-width: 2000px;width: auto;}

.header-logo-icon{height: 26px;margin-top: -4px;}

.c-head{padding-top: 50px;}
.sub-header{height: 65px;position: fixed;z-index: 9;width: 255px;}
.sub-header h2{margin:0;padding:0;font-weight: 500;line-height: 65px;font-size: 18px;color:rgb(222, 235, 255);display: none;}
.sub-header h2 span.icon{width: 40px;display: inline-block;}
.sub-header h3{margin:0;padding:0;padding-left:25px;padding-right:40px;font-weight: 400;line-height: 65px;font-size: 18px;color:#000;display: inline-block;}
.sub-header ul.h3-list{display: inline-block;list-style: none;margin: 0;padding: 0;}
.sub-header ul.h3-list li{display: inline-block;padding: 0;margin:0;padding-left: 15px;padding-top: 15px;}
.sub-header ul.h3-list li a{position:relative;line-height: 35px;height: 35px;font-size: 14px; font-weight: 500; padding-left: 10px;padding-right: 10px;display: block;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: cubic-bezier(0.35,0,0.25,1);transition-timing-function: cubic-bezier(0.35,0,0.25,1);-webkit-transition-property: background-color,fill,color;transition-property: background-color,fill,color; color: #006bed; color: #049be5;}
.sub-header ul.h3-list li a:hover{background-color: rgba(158,158,158,0.2);}
.sub-header ul.h3-list li a.working{border:1px solid #3367d6;background:#ffffff;color:#3367d6;}

ul.h3-list li .notification-count{border-radius:8px;position: absolute;top:4px;right: 4px;height: 18px;width: 18px;text-align: center;line-height: 18px;font-size: 12px;font-weight: 700;color: #fff;background-color: #DE3507;}

.page-l{position:fixed;top:0;left:0;width:255px;height: 100%;background:#1e1f21; background-position: left 0 bottom 0; background-repeat: no-repeat; background-size: 256px 556px; background-image:url(../img/nav_nachos@2x.png); -o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.page-r{position:fixed;top:0;right:0;width:450px;height: 100%;border-left:1px solid #dcdcdc;background:#fafafa;padding-top: 50px;}
.page-c{margin-left:255px;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.page-c-r{margin-right:450px;}
.page-l.min{width: 65px;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.page-c.min{margin-left: 65px;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.page-l.min .sub-header{width: 65px; overflow: hidden;}


.p-t-start{padding-top: 60px;}



.page-l .logo{margin-top: 15px;height:40px;margin-bottom:20px; padding-left: 15px; padding-right: 15px; text-align: center;box-sizing: border-box;display: block;overflow: hidden;}

.page-l .logo img{height: 40px;visibility: hidden;opacity: 0;transition: visibility 1s, opacity 1s linear;}
.page-l .logo img.md{display: inline-block;visibility: visible;opacity: 1;transition: visibility 1s, opacity 1s linear;}
.page-l .logo img.sm{display: none;}

/*.page-l.min .logo{text-align: left;overflow: hidden;max-width: 100%;padding-left: 12px;}*/
.page-l.min .logo{text-align: center;overflow: hidden;max-width: 100%;padding-left: 12px;padding-left: 0px; padding-right: 0px;}
.page-l.min .logo img.md{display: none;}
.page-l.min .logo img.sm{display: inline-block;visibility: visible;opacity: 1;transition: visibility 1s, opacity 1s linear;}




.page-l ul.list-menu{padding: 0;margin: 0;width: 100%;overflow-x: hidden;}
.page-l ul.list-menu li{padding: 0; padding-left: 10px; padding-right: 10px; margin: 0;margin-bottom:0px;list-style: none;width: 100%;}
.page-l ul.list-menu li.active{padding-left: 10px;padding-right: 10px;}
.page-l ul.list-menu li a{ border-radius: 4px; background-color: transparent;  overflow: hidden; font-weight: 500; display:block;padding-left: 15px;padding-right: 15px;height: 36px;line-height:36px;font-size: 14px;color:#fff; text-decoration: none!important;  }
.page-l ul.list-menu li.active a{padding-left: 15px;padding-right: 10px;background-color: #000;color:#000;border-right:0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }

.page-l ul.list-menu li:hover{padding-left: 10px;padding-right: 10px;}
.page-l ul.list-menu li:hover a{border-right:0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding-left: 15px;padding-right: 10px;background-color: rgb(167, 167, 167); color:#000;  -o-transition: background-color 0.2s ; -moz-transition: background-color 0.2s ;-webkit-transition: background-color 0.2s ;transition: background-color 0.2s ;   }
.page-l ul.list-menu li a span.icon{width: 18px; margin-right: 22px; display: inline-block;font-size: 16px;color: #a2a0a2; text-align: center;}
.page-l ul.list-menu li:hover a span.icon{color: #000}
.page-l ul.list-menu li.active a{color: #fff;}
.page-l ul.list-menu li.active a span.icon{color: #ffff;}

.page-l-toggle{	position: absolute;bottom: 0;left: 0;right: 0;width: 100%;border-top:1px solid #424244; background-color: #1e1f21;  }
.page-l-toggle .rotate-icon {   transform: rotate(180deg);}
.page-l-toggle .rotate-icon {   -o-transition:.2s; -moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.page-l-toggle i {				-o-transition:.2s; -moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}







.header{color:#455a62;position: fixed;top:0;left:0;right: 0;height:60px;width: 100%;z-index: 3; -webkit-transition: all .15s;transition: all .15s;}
.header.solid, .header.fixed{background-color: #fff;/*border-bottom: 1px solid #efefef;*/ box-shadow: 0 1px 4px 0 rgba(109, 110, 111, 0.08);  -webkit-transition: all .15s;transition: all .15s;}
.header.fixed{/*box-shadow:none;*/}
.header{left:255px;width: calc(100% - 255px);}
.header.min{left: 65px;width: calc(100% - 65px);}
.header .header-page-title{padding:0;margin:0;padding-top: 15px; line-height: 30px; font-size: 20px;font-weight: 500;color: #333;}

.blue-graphic .header .header-page-title{color: #fff;}
.blue-graphic .header.solid .header-page-title{color: #333;}

.header {-o-transition: .2s;-ms-transition: .2s;-moz-transition: .2s;-webkit-transition: .2s;transition: .2s;}

.header ul{margin:0;padding: 0;margin-top: 4px;float: right;}
.header ul li{display: inline-block;padding-left: 10px;padding-right: 10px;}
.header ul li.bell{padding-left: 0;padding-right: 0;}
.header ul li a{/*height: 50px;line-height: 50px;*/display: block;color:#455a62;border-radius: 6px;}
.header ul li a .avatar-disc{padding:0;margin:0;width: 30px;height: 30px; font-weight: 700; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; background-color: #000;color:#fff; display: flex; justify-content: center; align-items: center; }


.header ul li a .avatar-disc._blue{background-color: #1073d6;color: #fff;}
.header ul li a .avatar-disc._pink{background-color: #fc979c;color: #1e1f21;}
.header ul li a .avatar-disc._orange{background-color: #ff991f;color: #1e1f21;}
.header ul li a .avatar-disc._purple{background-color: #904ee2;color: #fff;}
.header ul li a .avatar-disc._navy{background-color: #172B4D;color: #fff;}

.header ul li a .avatar-disc:hover{opacity: 0.8;}
.header ul li a .menu-disk{width: 30px;height: 32px;line-height: 28px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; background-color: #1e1f21;color:#fff;text-align: center ;}
.header ul li a .menu-disk svg{height: 16px;width: 16px;fill: #fff;}
.header ul li a .menu-disk:hover{opacity: 0.8;}

.header ul li .notification-count{ position: absolute;top: 2px;right: 2px;}
.header ul li .notification-count .value{width: 20px;height: 20px;margin: 0px;border-radius: 10px;font-size: 12px;font-weight: 700;background-color: #f44336;color: #fff; display: flex;align-items: center;justify-content: center; }



@media (max-width: 600px){
  .header{left: 0; width: 100%; }
  .header ul li.bell{}
}


.section-secondary-header{background-color: #fff;padding-top: 60px;z-index: 1;}
.section-secondary-header.fixed{position: fixed;left:255px;right: 0;top:60px;padding-top: 0px;z-index: 2;}
.section-secondary-header.fixed.min{left: 65px;}

.section-secondary-header {
    -o-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
}

.section-secondary-header-fixed-spacer{height: 147px; background-color: #fff; }
.section-secondary-header-fixed-spacer.bookings{}
.section-secondary-header-fixed-spacer.clients{}


.ShowXSMenu{display:block;fill: #000;cursor: pointer;height: 50px;line-height: 50px;width: 46px;text-align: center;border-radius: 6px;}
.ShowXSMenu svg{width: 14px;height:14px;}
.ShowXSMenu:hover{background-color: rgb(167, 167, 167);}
.mobile-menu-trigger{display: none!important;}

@media (max-width: 1200px){
  .section-secondary-header.fixed{left: 0;}
  .header {left: 0;width: 100%;}
  .blue-graphic .header .header-page-title{display: none;}
}

@media (max-width: 600px){
  .mobile-menu-trigger{display: inline-block!important;position: relative;padding-right: 0!important;}
  .section-secondary-header.fixed{left: 0;}
  .table-results{width: 100%;position: relative;overflow-y: auto;}
  .table-results .resp{min-width: 800px;}
  .search-form-filters-table-wrapper{margin-top: 20px;}
  .reset-form-icon{margin-top: 6px;}
}



/* USER */

.userMenu{position:absolute;right:0px;top:45px;width: 250px;max-height: 310px;background-color: #fff;border-radius: 4px;box-sizing: border-box;box-shadow: 0 0 0 1px #edeae9, 0 5px 20px 0 rgba(109, 110, 111, 0.08);}
.userMenu ul{list-style: none; margin:0;padding: 0;display: block;padding-top: 5px;padding-bottom: 5px;}
.userMenu ul li{list-style: none; margin:0;padding: 0;display: block;}
.userMenu ul li a{display: block;padding-left: 20px;padding-right: 10px;color: #000!important; cursor: pointer;height: 40px;line-height: 40px; border-radius: 0; }
.userMenu ul li a:hover{text-decoration: none; color: #000; background-color: #efefef; }
.userMenu ul li a .arrow{float: right;padding-top: 5px;}
.userMenu ul li span.title{display: block;padding:10px;padding-left: 20px;color: #000;border-bottom: 1px solid #efefef; }
.userMenu ul li .icon{width: 20px;margin-right: 10px;float: left;display: block;}

.userMenu.narrow{min-width: 120px;width: 120px;right:0;}
.userMenu.narrow ul li a{line-height: 40px;height: 40px;color: #000;}
.userMenu.narrow ul li a:hover{color: #000;}

.top-menu-a{-o-transition:.2s; -moz-transition:.2s;-webkit-transition:.2s;transition:.2s;padding-left: 15px;padding-right: 15px;}
.top-menu-a:hover{background-color: rgb(167, 167, 167); color: #000!important; -o-transition:.2s; -moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.blue-graphic .top-menu-a:hover{background-color: rgba(255, 255, 255,0.3);}

.left-super-menu-container{ z-index: 10; position: fixed;top:0;left: 0;bottom: 0;right: 0;width: 100%;background-color: rgba(9, 30, 66, 0.54); }
.left-super-menu{z-index: 9;position: fixed;top:0;left: 0;bottom: 0;width: 255px;background-color: #0847a6;-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.left-super-menu .sub-header{display: block;}
.left-super-menu-close{ display: block; position: absolute;top:0;left: 255px;right: 0;bottom: 0;height: 100%;}

.left-super-menu ul.list-menu{padding: 0;margin: 0;width: 255px;overflow-x: hidden;}
.left-super-menu ul.list-menu li{padding: 0;margin: 0;list-style: none;width: 100%;}
.left-super-menu ul.list-menu li.active{padding-left: 10px;padding-right: 10px;width: 255px;}
.left-super-menu ul.list-menu li a{display:block;padding-left: 25px;padding-right: 20px;height: 36px;line-height:36px;font-size: 13px;color:rgb(222, 235, 255);-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.left-super-menu ul.list-menu li.active a{padding-left: 15px;padding-right: 10px;background-color: rgb(5, 54, 127);color:rgb(222, 235, 255);border-right:0;}
.left-super-menu ul.list-menu li a:hover{background-color: #052e6c;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.left-super-menu ul.list-menu li a span.icon{width: 40px;display: inline-block;font-size: 14px;}

.left-super-menu-container.off{ width: 0; }
.left-super-menu-container.off .left-super-menu{ overflow: hidden; width:0;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.left-super-menu-container.off .left-super-menu .sub-header{display: none;}
.left-super-menu-container.off .left-super-menu-close{display: none;}

.page-container{/*padding-top: 58px;*/ /*background-color: #fff;*/}

#leftSuperMenuTrigger .fa{color:#455A62;}

.right-notifications-container{z-index: 100; position: fixed;top:0;left: 0;bottom: 0;right: 0;width: 100%;background-color: rgba(15, 15, 15, 0.75);color: #333;}
.right-notifications-container.off{ width: 0; }
.right-notifications-close{ display: block; position: absolute;top:0;right: 400px;left: 0;bottom: 0;height: 100%;}
.right-notifications-container.off .right-notifications{ overflow: hidden; width:0;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.right-notifications-container.off .right-notifications-close{display: none;}
.right-notifications-container .right-notifications{z-index: 9;position: fixed;top:0;right: 0;bottom: 0;width: 500px;background-color: #fff;-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.right-notifications-container .right-notifications .item-head{position:relative;font-size: 24px;font-weight: 500;padding: 20px;border-bottom:2px solid rgb(235, 236, 240);}
.right-notifications-container .right-notifications .item-head .close{ cursor: pointer; position: absolute;top:50%;right:0;padding: 10px;margin-top: -22px;margin-right:10px; border-radius: 4px;; color: rgb(66, 82, 110);}
.right-notifications-container .right-notifications .item-head .close:hover{background-color: #efefef;-o-transition: .25s;
  -ms-transition: .25s;
  -moz-transition: .25s;
  -webkit-transition: .25s;
  transition: .25s;}
.right-notifications-container .right-notifications .item-head .close svg{
  height: 20px;
  width: 20px;
  fill: #333333;
}
.right-notifications-container .right-notifications .item-content{padding: 20px;}
.right-notifications-container .right-notifications .item-content .no-notifications{padding-top: 40px;padding-bottom: 40px;text-align: center;}
.right-notifications-container .right-notifications .item-content .no-notifications .svg-wrapper{text-align: center;}
.right-notifications-container .right-notifications .item-content .no-notifications .svg-wrapper svg{height: 118px;width: 120px;margin-bottom: 36px;}
.right-notifications-container .right-notifications .item-content .no-notifications .svg-wrapper img{height: 192px;margin-bottom: 36px;filter: grayscale(100%);}
.right-notifications-container .right-notifications .item-content .no-notifications .title{font-size: 18px;font-weight: 500;padding-bottom: 0px;}
.right-notifications-container .right-notifications .item-content .no-notifications .message{font-size: 14px;font-weight: 400;}


.right-activity-container{z-index: 100; position: fixed;top:0;left: 0;bottom: 0;right: 0;width: 100%;background-color: rgba(15, 15, 15, 0.75);color: #333;}
.right-activity-container.off{ width: 0; }
.right-activity-close{ display: block; position: absolute;top:0;right: 400px;left: 0;bottom: 0;height: 100%;}
.right-activity-container.off .right-notifications{ overflow: hidden; width:0;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.right-activity-container.off .right-notifications-close{display: none;}
.right-activity-container .right-notifications{z-index: 9;position: fixed;top:0;right: 0;bottom: 0;width: 500px;background-color: #fff;-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.right-activity-container .right-notifications .item-head{position:relative;font-size: 24px;font-weight: 500;padding: 20px;border-bottom:2px solid rgb(235, 236, 240);}
.right-activity-container .right-notifications .item-head .close{ cursor: pointer; position: absolute;top:50%;right:0;padding: 10px;margin-top: -22px;margin-right:10px; border-radius: 4px;; color: rgb(66, 82, 110);}
.right-activity-container .right-notifications .item-head .close:hover{background-color: #efefef;-o-transition: .25s;
  -ms-transition: .25s;
  -moz-transition: .25s;
  -webkit-transition: .25s;
  transition: .25s;}
.right-activity-container .right-notifications .item-head .close svg{
  height: 20px;
  width: 20px;
  fill: #333333;
}
.right-activity-container .right-notifications .item-content{padding: 20px;}
.right-activity-container .right-notifications .item-content .no-notifications{padding-top: 40px;padding-bottom: 40px;text-align: center;}
.right-activity-container .right-notifications .item-content .no-notifications .svg-wrapper{text-align: center;}
.right-activity-container .right-notifications .item-content .no-notifications .svg-wrapper svg{height: 118px;width: 120px;margin-bottom: 36px;}
.right-activity-container .right-notifications .item-content .no-notifications .svg-wrapper img{height: 102px;margin-bottom: 36px;filter: grayscale(100%);}
.right-activity-container .right-notifications .item-content .no-notifications .title{font-size: 18px;font-weight: 500;padding-bottom: 0px;}
.right-activity-container .right-notifications .item-content .no-notifications .message{font-size: 14px;font-weight: 400;}


.right-action-container{z-index: 100; position: fixed;top:0;left: 0;bottom: 0;right: 0;width: 100%;background-color: rgba(30,31,33,0.75);color: #1f1e21;}
.right-action-container.off{ width: 0; }
.right-action-close{ display: block; position: absolute;top:0;right: 800px; max-width: 100%; left: 0;bottom: 0;height: 100%;backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);}
.right-action-container.off .right-action{ overflow: hidden; width:0;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;margin-right: -20px;}
.right-action-container.off .right-action-close{display: none;}
.right-action-container .right-action{ margin-right:0;z-index: 9; border-left:1px solid #ebecf0; border-top-left-radius: 10px; position: fixed;top:0;right: 0;bottom: 0;width: 800px; box-sizing: border-box; max-width: 100%; background-color: #fff;-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.right-action-container .right-action .item-head{position:relative;font-size: 20px;font-weight: 400;padding: 20px;border-bottom:2px solid rgb(235, 236, 240);}
.right-action-container .right-action .item-head .close{ cursor: pointer; position: absolute;top:50%;right:0;padding: 20px;margin-top: -32px;font-size: 24px;color: rgb(66, 82, 110);}
.right-action-container .right-action .item-head .close svg{width: 20px;height: 20px;}
.right-action-container .right-action .item-content{padding: 20px;height: calc(100% - 76px);overflow-y: scroll;}
.right-action-container .right-action .item-content .no-action{padding-top: 40px;padding-bottom: 40px;text-align: center;}
.right-action-container .right-action .item-content .no-action .title{font-size: 18px;font-weight: 500;padding-bottom: 20px;}
.right-action-container .right-action .item-content .no-action .message{font-size: 14px;font-weight: 400;}

.ai-bg{
  background: linear-gradient(#ddd,#ddd) padding-box,linear-gradient(82.77deg,#5b8cff 11.87%,#a4cafb 38.42%,#a7edff 64.19%,#fdadee 89.96%) border-box;
  border: 4px solid transparent;
}


h3.label{
  font-weight: 400;
  margin: 0;
  margin-bottom: 0px;
  padding: 0;
  margin-bottom: 30px;
  font-size: 14px;
  display: inline-block;
  text-align: left;
  line-height: 18px;
  color: #333;
}


.inline-taper{width:100%;max-width: 100%;overflow: hidden;display: block;height:22px;}
.inline-taper:after{content: "";position: absolute;right:0;top:0;bottom:0;width: 80px;background: linear-gradient(to right, rgba(255,255,255,0), #fff);}
.table-item-row:hover .inline-taper:after{background: linear-gradient(to right, rgba(245,245,245,0), #f5f5f5)}

.user-profile-avatar-large{ border:10px solid #ddd; height: 160px;width: 160px; margin-right: -40px; display: inline-block; background-color:#efefef; background-repeat:no-repeat; background-size:cover; background-position:center; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; }




.mat-tab-links {width: 100%;overflow-x: auto; background-color: #fff;}
.mat-tab-links ul.h3-list {display: inline-block;list-style: none;margin: 0;padding: 0;white-space: nowrap;}
.mat-tab-links ul.h3-list li {display: inline-block;padding: 0;margin: 0;padding: 4px;padding-right: 0;}
.mat-tab-links ul.h3-list li:first-child{padding-left: 10px;}
.mat-tab-links ul.h3-list li a {position:relative;line-height: 35px;height: 35px;font-size: 13px;font-weight: 500;padding-left: 20px;padding-right: 20px;display: block;-webkit-transition-duration: .25s;transition-duration: .25s;-webkit-transition-timing-function: cubic-bezier(0.35,0,0.25,1);transition-timing-function: cubic-bezier(0.35,0,0.25,1);-webkit-transition-property: background-color,fill,color;transition-property: background-color,fill,color;color: #172b4d; border-radius: 6px; text-transform: uppercase; }
.mat-tab-links ul.h3-list li a:hover {background-color: rgba(158,158,158,0.2);}
.mat-tab-links ul.h3-list li.active a {color: #006bed;}

.mat-tab-links.list{display: block;}
.mat-tab-links.list ul.h3-list{display: flex;}
.mat-tab-links.list ul.h3-list li{flex:0;padding: 0;position: relative;}
.mat-tab-links.list ul.h3-list li:hover{background-color: rgba(158,158,158,0.2); background-color: rgb(238, 242, 255); }
.mat-tab-links ul.h3-list li:first-child{}
.mat-tab-links.list ul.h3-list li a{border-radius: 0;border-bottom:3px solid transparent;padding-left: 18px;padding-right: 18px;height:44px;line-height: 44px;}
/*.mat-tab-links.list ul.h3-list li.active a{border-bottom-color: #006bed;}*/
.mat-tab-links.list ul.h3-list li.active:after{content: "";position: absolute;bottom:0;left:18px;right:18px;height: 3px;background-color: #006bed;}
.mat-tab-links.list ul.h3-list li a:hover{background-color: transparent;}


.ub-pill{ background-color: #fff; margin-bottom: 4px;margin-right: 4px;border:1px solid #ccc;padding: 3px;padding-left: 6px;padding-right: 6px;font-size: 14px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; display: inline-block; }
.ub-pill.active{color: #28a745;}
.ub-pill.notactive{color: #cd2323;}


.table-item{padding-top: 4px;}
.table-item.ellipsis{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.table-item.first-spacer{margin-left: 44px;}
.table-item a{color: #333;}
.table-item:hover a.highlighted{color: var(--accent);text-decoration: underline;}

.table-item.single-row{max-height: 22px;}

.mat-drawer-inner-container{position:fixed; width:100%;height: 100%;top:0;right: 0;bottom: 0;overflow-y: scroll; background-color: #fafafa;z-index: 100; -o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.mat-drawer-inner-container.off{ width: 0; -o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}

.mat-drawer-inner-container .client-onboarding-header {margin-bottom: 64px;margin-left: 120px;margin-top: 48px;}
.mat-drawer-inner-container .client-onboarding-header .close {cursor: pointer;position: absolute;top: 0px;left:0px;padding: 20px; margin-left: -20px; margin-top: -18px;font-size: 24px;color: rgb(66, 82, 110);}
.mat-drawer-inner-container .client-onboarding-header .title{padding:0;margin:0;font-size: 24px;line-height: 32px;font-weight: 500;margin-left: 60px;}

.mat-drawer-inner-container .onboarding-sidebar{background-attachment: scroll;background-color: #1A72E6;background-image: url(../img/grain@2x.png);background-position: right bottom;background-repeat: no-repeat;background-size: 25% 100%;position: absolute;top:0;right: 0;bottom: 0;width: 320px;}
.mat-drawer-inner-container .platform-step{ overflow: hidden;pointer-events: none;position: absolute;right: 32px;top: 64px;bottom: 0;width: 481px;}
.mat-drawer-inner-container .presentation-img{width: 100%;}


.mat-drawer-inner-container .stepper {margin-left: 60px;margin-right: 80px;margin-top: 60px;}
.mat-drawer-inner-container .stepper .item{max-width: 648px;clear: both;min-height: 55px; position: relative;}
.mat-drawer-inner-container .stepper .item .stepper-item{}
.mat-drawer-inner-container .stepper .item:not(:last-child) .stepper-item::before { content: "";background-color: rgba(0,0,0,.12);width: 1px;left: 12px;position: absolute;top: 32px;bottom: 8px;}

.mat-drawer-inner-container .stepper .item .stepper-item-knob {background-color: rgba(0,0,0,.38);border-radius: 50%;font-size: 12px;font-weight: 500;height: 24px;line-height: 24px;position: relative;text-align: center;width: 24px;float: left;color: #fff;}
.mat-drawer-inner-container .stepper .item .stepper-item-knob{display: flex; align-items: center; justify-content: center; }
.mat-drawer-inner-container .stepper .item .stepper-item-label{color: rgba(0,0,0,.38);font-weight: 500;margin:0;padding: 0;margin-left: 40px;font-size: 16px;line-height: 24px;color: rgba(0,0,0,.38);}
.mat-drawer-inner-container .stepper .item .content{margin-left: 40px;padding-top: 20px;padding-bottom: 40px;display: none;}
.mat-drawer-inner-container .stepper .item .content .label-mat{display: block;padding-bottom: 0;}

.mat-drawer-inner-container .stepper .item.active .content{display: block;}
.mat-drawer-inner-container .stepper .item.active .stepper-item-knob {background-color: #1A72E6;}
.mat-drawer-inner-container .stepper .item.active .stepper-item-label{color: rgba(0,0,0,.87);}

.mat-drawer-inner-container .stepper .item.done .stepper-item-knob {background-color: #1A72E6;cursor: pointer;}
.mat-drawer-inner-container .stepper .item.done .stepper-item-label{color: rgba(0,0,0,.87);}




/* TAGS*/
h1{font-size: 24px;padding: 0;margin: 0;color:#172b4d;font-weight: 500;}
h3{color: rgb(74, 74, 74);padding: 0px;margin:0px;margin-bottom: 10px;font-size: 18px;font-weight: 300;}


/*BANNER*/
.banner-black {background-color: #19212b;color: #ddd;position: relative;}
.banner-content {color: inherit;padding: 20px;}
.close-banner{position: absolute;top:50%;right: 0;color: #ddd;font-size: 16px;padding: 20px;cursor: pointer;margin-top: -30px;}




.cn2-message {display: table;width: 100%;margin: 0 0 12px;max-width: 100%;border-collapse: separate;border-spacing: 0;position: relative;padding: 0;background: #fff;-webkit-box-shadow: 4px 0 0 0 #f44336 inset, 0 1px 3px rgba(0,0,0,0.12);box-shadow: 4px 0 0 0 #f44336 inset, 0 1px 3px rgba(0,0,0,0.12);color: rgba(0,0,0,.987);border: 1px solid #e7e7e7;border-left: 0;font-size: 13px;}
.cn2-message .inner{padding-top: 6px;padding-bottom: 6px;}
.cn2-message span{}
.cn2-message span.icon{float:left;width: 50px;text-align: center;color:#f44336;font-size: 14px;margin-left: 0;padding-left: 4px;}




/* QUICK ADD */
.quickadd-boundary-wrapper{ position: fixed;bottom:0;left:0;right:0;padding-right: 30px;padding-left: 30px;z-index: 20;pointer-events: none; }
.quickadd-boundary-wrapper .quickadd-boundary { align-items: flex-end;display: flex;justify-content: flex-end;overflow: hidden;padding: 8px 8px 0; }
.quickadd-boundary-wrapper .quickadd-boundary .popout-item{border-radius: 4px 4px 0 0;display: inline-block;pointer-events: auto;margin-left: 16px;min-width: 125px;width:300px;border: 0; border-bottom: 0; background-color: #0052cc; border:1px solid  #0052cc; }
.quickadd-boundary-wrapper .quickadd-boundary .popout-item.open{width: 500px;border:0;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-header {align-items: center;color: #fff;display: flex;height: 48px;margin-bottom: 0;justify-content: flex-end;padding: 0 24px;cursor: pointer;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item.open .popout-item-header{display:none;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-header .collapsed-view-icon {display: flex;margin-right: 8px;border:1px solid #fff;border-radius: 50%;padding:3px;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-header .collapsed-view-icon svg{flex: 0 0 auto;height: 11px;width: 11px;fill: #fff;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-header h6{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:0;padding:0;font-weight: 400;margin-right: 4px;min-width: 1px;font-size: 14px;line-height: 20px;color: #fff;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-header .item-button{align-items: center;border: 1px solid;border-top-color: currentcolor;border-right-color: currentcolor;border-bottom-color: currentcolor;border-left-color: currentcolor;border-radius: 50%;box-sizing: border-box;display: inline-flex;justify-content: center;transition-duration: 200ms;transition-property: background,border,fill;margin-left: auto;height: 28px;min-height: 28px;min-width: 28px;width: 28px;border-radius: 6px;background: rgba(0,0,0,0);border-color: rgba(0,0,0,0);fill:#fff;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-header .item-button:hover{background: rgba(255,255,255,0.06);border-color: rgba(0,0,0,0);fill: #f5f4f3;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-header .icon svg{flex: 0 0 auto;height: 16px;width: 16px;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-header .close-button{margin-left: 4px;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-header .close-button svg{height: 20px;width: 20px;}

.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content{ position: relative; display: none; box-shadow: 0px 0px 5px rgba(0,0,0,.06); background-color: #fff;min-height: 500px;max-width: 500px;border:1px solid #efefef;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item.open .popout-item-content{display:block;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .item-header {align-items: center;color: #6d636f;display: flex;height: 48px;margin-bottom: 0;justify-content: flex-end;padding: 0 24px;cursor: pointer;border-bottom: 1px solid #efefef;;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .item-header .collapsed-view-icon {display: flex;padding-right: 8px;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .item-header .collapsed-view-icon svg{flex: 0 0 auto;height: 14px;width: 14px;fill: #333;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .item-header h6{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:0;padding:0;font-weight: 400;margin-right: 4px;min-width: 1px;font-size: 14px;line-height: 20px;color: #6d636f;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .item-header .item-button{align-items: center;border: 1px solid;border-top-color: currentcolor;border-right-color: currentcolor;border-bottom-color: currentcolor;border-left-color: currentcolor;border-radius: 50%;box-sizing: border-box;display: inline-flex;justify-content: center;transition-duration: 200ms;transition-property: background,border,fill;margin-left: auto;height: 28px;min-height: 28px;min-width: 28px;width: 28px;border-radius: 6px;background: rgba(0,0,0,0);border-color: rgba(0,0,0,0);fill:#333;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .item-header .item-button:hover{background: rgba(0,0,0,0.06);border-color: rgba(0,0,0,0);fill: #333;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .item-header .icon svg{flex: 0 0 auto;height: 16px;width: 16px;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .item-header .close-button{margin-left: 4px;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .item-header .close-button svg{height: 24px;width: 24px;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .popout-task-title{position: relative;}.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .popout-task-title input{font-size: 20px;font-weight: 500;line-height: 28px;display: block;flex-shrink: 0;margin-bottom: 8px;margin-top: 16px;padding: 0 24px;border: 0;background: #fff;outline: none;width: 100%}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .display-flex{display: flex;}

.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .QuickAddTaskAssigneeField {align-items: center;display: flex;flex-shrink: 0;min-height: 36px;padding: 4px 24px; flex: 1;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .QuickAddTaskAssigneeField ._lable{margin-right: 8px;color: #6d6d6d}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .QuickAddTaskAssigneeField-token {flex: 0 1 auto;min-width: 1px;display: inline-flex;line-height: 20px;color: #1e1f21;fill: #6d636f; margin-right: 40px;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .Token {align-items: center;background-color: #e8e5e4;border: 1px solid;border-top-color: currentcolor;border-right-color: currentcolor;border-bottom-color: currentcolor;border-left-color: currentcolor;border-color: rgba(0,0,0,0);border-radius: 12px;box-sizing: border-box;color: var(--color-customization-foreground-weak);cursor: pointer;display: inline-flex;font-size: 14px;height: 24px;justify-content: center;max-width: 1240px;padding-left: 8px;position: relative;transition-duration: 100ms;transition-property: background,border,color,fill;white-space: nowrap}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .QuickAddTokenButton {flex: 0 1 auto;min-width: 1px}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .Token--withAvatar {padding-left: 28px;min-width: 151px;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .Token--withAvatar.empty{background-color: transparent;border:1px dashed #1e1f21;min-width: 151px;text-align: center;padding-left: 0;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .Token--withAvatar.none{ display: block; text-align: left; background-color: transparent;border:1px dashed transparent;min-width: 150px;text-align: center;padding-left: 0;padding-right:0;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .Token--withAvatar .taskAssigneeInput{ background: #fff;border:0;min-width: 149px;max-width: 200px; width: 100px; outline: none;margin:0;text-align: left;}

.AssigneeSuggestAutoComplete{position: absolute;top:24px;left:0;width: 380px; z-index: 2;background-color: #fff;}
.AssigneeSuggestAutoComplete ul{display: block;min-height: 38px;border-radius: 6px; border-top-left-radius: 0; border-bottom-left-radius: 0; border:1px solid #efefef;box-shadow: 0px 0px 5px rgba(0,0,0,.06);}
.AssigneeSuggestAutoComplete ul li{ font-size: 14px; height: 38px; border-left:3px solid transparent;  padding-left: 20px;padding-right: 20px;display: flex; justify-content:left ; align-items: center; flex: 0 1 auto; min-width: 1px; }
.AssigneeSuggestAutoComplete ul li .item{position: relative;padding-left: 38px;cursor: pointer;}
.AssigneeSuggestAutoComplete ul li:hover{border-color: #0065b8;background-color: #f5f5f5;}
.AssigneeSuggestAutoComplete ul li:first-child{border-top-right-radius: 6px; }
.AssigneeSuggestAutoComplete ul li:last-child{border-bottom-right-radius: 6px;}

.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .Token-anchorBox {align-items: center;display: inline-flex; padding-right: 10px;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .Token-removeButton {margin: 0 4px;padding:0 4px;border-radius: 50%}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .Token-removeButton:hover{background-color: #efefef;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .Token-removeButton svg{height: 12px;min-height: 12px;min-width: 12px;width: 12px}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .TokenAvatar {align-items: center;background: center/cover #cfcbcb;border-radius: 50%;box-shadow: inset 0 0 0 1px rgba(0,0,0,.07);box-sizing: border-box;color: #fff;display: inline-flex;justify-content: center;position: relative;vertical-align: top;background-color: #fc979c;border:1px solid #d58589;color: #1e1f21; left: 0px;position: absolute;top: 0px;width: 22px;height: 22px;font-size: 10px;}

.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .TokenAvatar._blue{background-color: #1073d6;border-color:#1073d6;color: #fff;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .TokenAvatar._pink{background-color: #fc979c;border-color:#fc979c;color: #1e1f21;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .TokenAvatar._orange{background-color: #ff991f;border-color:#ff991f;color: #1e1f21;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .TokenAvatar._purple{background-color: #904ee2;border-color:#904ee2;color: #fff;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .TokenAvatar._navy{background-color: #172B4D;border-color:#904ee2;color: #fff;}

.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .QuickAddTextArea{position: absolute;top:140px;left:0;right:0;bottom:70px;overflow-y: auto;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .QuickAddTextArea textarea{ width: 100%; height: 210px; margin:0; padding: 24px; padding-top: 4px; font-size: 16px;border:0;outline: 0;background: transparent;resize: none;}

.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .QuickAddAttachments{padding-left: 24px;padding-right: 24px;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .QuickAddAttachments .file{height: 48px;border:1px solid #edeae9;background-color: #fff;border-radius: 6px;margin-right: 10px;margin-bottom: 10px;width: 200px; position: relative; display: inline-block; }
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .QuickAddAttachments .file input{height:100%;width: 100%;opacity: 0;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .QuickAddAttachments .file .filename{position: absolute;left:48px;top:15px;font-size: 14px;width: calc(100% - 58px);height: 20px;overflow: hidden;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .QuickAddAttachments .file .file-icon{ padding-left: 15px; position: absolute;top:0;bottom:0;left: 0;width: 48px;display:flex; align-items: center; text-align: center; }
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .QuickAddAttachments .file .file-icon svg{height:24px;width:24px;fill:#6d6e6f;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .QuickAddAttachments .file:hover{border-color: #6d6e6f;-o-transition: .2s;-ms-transition: .2s;-moz-transition: .2s;-webkit-transition: .2s;transition: .2s;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .QuickAddAttachments .file .delete-item{ border-top-right-radius: 6px; border-bottom-right-radius: 6px; cursor: pointer; position: absolute; right:0;top:0;bottom:0;width: 24px;display: none;text-align: center; background-color: #f1f1f1; display: flex; justify-content: center; align-items: center; opacity: 0; }
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .QuickAddAttachments .file .delete-item svg{height: 16px;width: 16px;fill:#6d6e6f;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .QuickAddAttachments .file:hover .delete-item{opacity: 1;}

.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .actionBar{border-top:1px solid #efefef;position: absolute;bottom:0;left:0px;right:0;height: 70px;padding-left: 24px;padding-right:24px;align-items: center;display: flex;flex: 0 1 auto;flex-shrink: 0;justify-content: space-between;max-width: 100%;overflow: hidden;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .actionBar .dueDate{position: relative; width: 200px;margin-left: 40px;margin-left: 0;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .actionBar .dueDate .icon{width: 20px; text-align: center; position: absolute;left:-40px;top:0;margin-top: 10px;display: none;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .actionBar .dueDate .icon svg{width:16px;height:16px;opacity: 0.7;fill: #6d6e6f;}

.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .actionBar .QuickAddFile {margin-right:80px;width: 38px;text-align: center;height: 38px;align-content: center;align-items: center;display: flex;justify-content: center;border-radius: 8px;cursor: pointer;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .actionBar .QuickAddFile:hover{background-color: #efefef;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .actionBar .QuickAddFile svg{width:16px;height:16px;opacity: 0.7;fill: #333;}

.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .actionBar .dueDate input{height: 38px;border:1px solid #ddd; border-radius: 8px; background-color: #fff;outline:0;background: #fff;box-shadow: none;padding-left: 10px;padding-right: 10px;width:100%;box-sizing: border-box;}
.quickadd-boundary-wrapper .quickadd-boundary .popout-item .popout-item-content .actionBar .createButton{width: 100px;}

.task-id{width: 20px;margin-right: 10px;display: inline-block;}
.task-id.med{width: 100px;}



.cm-content .QuickAddAttachments{}
.cm-content .QuickAddAttachments .file{height: 48px;border:1px solid #edeae9;background-color: #fff;border-radius: 6px;margin-right: 10px;margin-bottom: 10px;width: 200px; position: relative; display: inline-block; }
.cm-content .QuickAddAttachments .file input{height:100%;width: 100%;opacity: 0;}
.cm-content .QuickAddAttachments .file .filename{position: absolute;left:48px;top:15px;font-size: 14px;width: calc(100% - 58px);height: 20px;overflow: hidden;}
.cm-content .QuickAddAttachments .file .file-icon{ padding-left: 15px; position: absolute;top:0;bottom:0;left: 0;width: 48px;display:flex; align-items: center; text-align: center; }
.cm-content .QuickAddAttachments .file .file-icon svg{height:24px;width:24px;fill:#6d6e6f;}
.cm-content .QuickAddAttachments .file:hover{border-color: #6d6e6f;-o-transition: .2s;-ms-transition: .2s;-moz-transition: .2s;-webkit-transition: .2s;transition: .2s;}
.cm-content .QuickAddAttachments .file .delete-item{ border-top-right-radius: 6px; border-bottom-right-radius: 6px; cursor: pointer; position: absolute; right:0;top:0;bottom:0;width: 24px;display: none;text-align: center; background-color: #f1f1f1; display: flex; justify-content: center; align-items: center; opacity: 0;  }
.cm-content .QuickAddAttachments .file .delete-item svg{height: 16px;width: 16px;fill:#6d6e6f;}
.cm-content .QuickAddAttachments .file:hover .delete-item{opacity: 1;}
.cm-content .actionBar .QuickAddFile {margin-right:80px;width: 38px;text-align: center;height: 38px;align-content: center;align-items: center;display: flex;justify-content: center;border-radius: 8px;cursor: pointer;}
.cm-content .actionBar .QuickAddFile:hover{background-color: #efefef;}
.cm-content .actionBar .QuickAddFile svg{width:16px;height:16px;opacity: 0.7;fill: #333;}
.cm-content .file ._loader{position: absolute; top:0; left:0; right:0; bottom:0;background-color: rgba(255,255,255,0.75);}

.files-count{color: #fff; border: 1px solid #000; font-weight: 600; background-color: #000; width: 20px; height: 20px; border-radius: 10px; display: flex; justify-content: center; align-items: center;  }
.files-count:hover{opacity: 0.7;}


/*NOTIFICATIONS*/

.n-item{padding:15px; background-color: #f5f5f5; border-radius: 10px;margin-bottom: 10px;}
.n-item .n-date{font-size: 12px;float: right;margin-left: 20px;}
.n-item .read-bubble{float: left;width: 10px;height: 10px; margin-top: 5px; background-color: #0065b8;border-radius: 50%;margin-right: 10px;}
.n-item .read-bubble.read{background-color: #666;}
.n-item .n-label{font-size: 12px;margin-left: 20px;margin-right: 50px;height: 20px;overflow: hidden;display: block;}

/*
.n-item{padding:15px; background-color: #f5f5f5; border-radius: 10px;margin-bottom: 10px;display: flex;align-content: center;align-items:center}
.n-item .n-date{font-size: 12px;margin-left: 20px;width: 60px;}
.n-item .read-bubble{width: 13px;height: 10px; background-color: #0065b8;border-radius: 50%;margin-right: 10px;}
.n-item .read-bubble.read{background-color: #666;}
.n-item .n-label{font-size: 12px;margin-left: 20px;margin-right: 50px;height: 17.1px;overflow: hidden;display: block;}
*/

/*CARD*/
.c-card{background-color: #fff;box-shadow: 0 1px 5px 0 rgba(0,0,0,0.05), 0 2px 2px 0 rgba(0,0,0,0.05), 0 3px 1px -2px rgba(0,0,0,0.05);padding: 16px 20px;transition: box-shadow 200ms;min-height: 375px;margin-bottom: 30px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;border:1px solid #d3d3d3;border-color: #ddd;}
.c-card.tasks{min-height: calc(100vh - 271px); position: relative;}
.c-card.support{min-height: calc(100vh - 550px); position: relative;}
.c-card.support.lg{min-height: 600px; position: relative;}
.c-card.sharp{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.c-card.shell{padding: 0;} 
.c-card.with-pagination{padding-bottom: 80px;} 



.c-card .inner-pad{padding: 16px 20px;}
.c-card .body-pad{padding: 16px 20px;padding-top: 0px;;}
.c-card.flat{box-shadow:none;border:none;} 
.c-card.hover-shadow:hover{box-shadow: 0 0 0 1px #afabac, 0 2px 10px 0 rgba(109, 110, 111, 0.08);}
.c-card .card-title{color: rgba(0, 0, 0, 0.54);font-size: 14px;padding: 0;margin:0;}
.c-card .card-title.lg{font-size: 24px;color: #333;}
.c-card .counter{font-size: 24px;font-weight: 400;}
.c-card .scope{font-size: 18px;font-weight: 400;}
.c-card .scope.positive{color: #0f9d58;}
.c-card .scope.negative{color: #db4437;}
.c-card .chart-header{color: rgba(0,0,0,0.54);font: 400 14px Roboto,sans-serif;}

.c-card.highlighted{background-color: #4573d2;color: #fff;}
.c-card.highlighted .card-title{color: #fff;}



.c-card.min{min-height:auto;padding: 0;}
.c-card.min .inner-pad{padding: 16px 20px;}
.c-card.min._124{height: 104px;}
.c-card.min._270{height: 270px;}
.c-card.min._300{height: 300px;}
.c-card.med{min-height:275px;padding: 0;}
.c-card.med .inner-pad{padding: 16px 20px;}
.c-card.med .inner-pad.no-footer{padding-bottom: 0;}
.c-card.lg{min-height:400px;padding: 0;}
.c-card.lg{min-height:400px;padding: 0;}
.c-card .label {color: rgba(0,0,0,.54);display: inline-block;font-size: 13px;line-height: 20px;width: 200px;text-align: left;font-weight: 400;padding: 0;margin:0;}
.c-card .section-title{color: rgba(0,0,0,.87);font-size: 14px;font-weight: 500;}

.c-card .title-label{color: rgba(0,0,0,.54);}
.c-card .title-label .title{font-size: 14px;font-weight: 500;margin-right: 5px;}
.c-card .title-label .sub-title{font-size: 12px;}
.c-card .value-container{color: rgba(0,0,0,.87);font-size: 26px;font-weight: 500;}
.c-card .value-container{font-size: 20px;}
.c-card .value-container.highlighted{color: rgb(25, 102, 210);font-weight: 400;}

.c-card .action-bar {background-color: rgb(250, 250, 250);-webkit-box-shadow: none;box-shadow: none;color: rgba(0,0,0,0.54);z-index: 5;-webkit-align-items: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;position: relative;-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0 ;border-radius: 10px 10px 0 0 ;border-bottom: 1px solid rgb(220, 220, 220);}
.c-card .action-bar.secondary{background-color: #f5f5f5;}
.c-card .action-bar .inner-pad{padding: 20px;padding-top: 40px;padding-bottom: 10px;width: 100%;}
.c-card .action-bar .title-inner-pad{padding: 20px;padding-top:8px;padding-bottom: 8px;width: 100%;border-top:1px solid #d7d7d7;font-size: 12px;font-weight: 500;}
.c-card .action-bar .search-container{padding: 20px;padding-bottom: 10px;padding-top: 10px;width: 100%;}
.c-card .action-bar .search-container .input-wrapper {background-color: #e0e0e0;border-radius: 8px;cursor: text;height: 36px;box-shadow: none;color: rgba(0,0,0,.54);min-height: 44px;position: relative;}
.c-card .action-bar .search-container .input-wrapper .input{background-color: transparent;border: 0px;outline: none;padding: 0 24px 0 52px;width: 100%; cursor: auto;height: 100%;}
.c-card .action-bar .search-container .input-wrapper .search-icon{position: absolute;left:0;top:0;bottom:0;height: 44px;width: 52px;text-align: center;line-height: 44px;font-size: 18px;}

.section-title-block{margin-top: 30px;margin: 0px;padding-top: 20px;padding-bottom:20px;color: #627082;font-size: 14px;line-height: 24px;font-weight: 500;}
.section-title-block-large{margin-top: 30px;margin: 0px;padding-top: 20px;padding-bottom:20px;color: #627082;color:#333;font-size: 18px;line-height: 24px;font-weight: 500;}

.c-card .card-min-header{min-height: 20px;color: rgba(0,0,0,.38); color: #3c4043; font-size: 18px;font-weight: 500;margin-bottom: 20px; }
.c-card .card-min-header.m-b-0{margin-bottom: 0;}
.c-card .card-min-header{font-size: 16px; text-transform: uppercase;}
.c-card .card-min-header svg{height: 22px;}
.c-card .card-min-header a{color: inherit;}
.c-card .card-min-header a:hover{text-decoration: underline;}
.c-card .card-min-header .card-subtitle{color: rgba(0,0,0,.38);padding-left: 4px;}
.c-card .card-min-header .card-subtitle::before {color: rgba(0,0,0,.38);content: "|";padding-left: 4px;padding-right: 8px;}
.c-card .card-min-header .header-pad{padding: 16px 20px;padding-bottom: 0px;border-bottom: 1px solid #edeae9;}
.c-card .action-wrapper{float: right;width: 30px;height: 30px; text-align: right; }
.c-card .action-wrapper.left{float: left;}
.c-card .action-wrapper.abs{ position: absolute; top:16px; right:20px; z-index: 99;font-size: 18px; font-weight: 500 ; color: #3c4043; }
.c-card.highlighted .card-min-header{color: #a8cdff;}

.c-card .card-min-header .period-placeholder{font-weight: 400;font-size: 12px;float: right;color: rgba(0,0,0,.54);}

.c-card .analytics-wrapper{height: 520px;}
.c-card .analytics-wrapper-single{height: 350px;}

.c-card .card-table{background: rgba(236,239,241,.38);font-size: 13px;position: absolute;bottom: 0px;left: 0px;right: 0px;color: #7b7b7c;-webkit-border-radius: 0 0 10px 10px  ;-moz-border-radius: 0 0 10px 10px ;border-radius: 0 0 10px 10px;}
.c-card .card-table .card-table-row{border-top: 1px solid #e5e5e6;padding: 16px;}
.c-card .card-table .card-table-row:hover{background-color: #eef0f2;}
.c-card .card-table .card-table-row.last{-webkit-border-radius: 0 0 4px 4px  ;-moz-border-radius: 0 0 4px 4px ;border-radius: 0 0 4px 4px;}


.c-card .inner-pad.highlighted {background-color: #f5f8fd;border-top-left-radius: 14px;border-top-right-radius: 14px;border-bottom: 1px solid #dce2ea;margin-bottom: 20px;}
.c-card .inner-pad.highlighted  .card-min-header{margin-bottom: 0;}


.c-card .hover-trigger .icon{color: #6f6f6f;padding-left: 10px;padding-right: 10px;opacity: 0;cursor: pointer;}
.c-card:hover .hover-trigger .icon{opacity: 1;}
.c-card.no-hover .hover-trigger .icon{opacity: 1;}

.c-card .inline-header-menue-wrapper{ font-size: 12px; display: flex;width: auto; min-width: 400px; align-items: center; justify-content: end; margin-top: 10px;padding-right: 5px;}
.c-card .inline-header-menue-wrapper.middle{margin-top: 0;}
.c-card .inline-header-menue-wrapper ._btn{ min-width: 100px ; border-radius: 8px; font-weight: 400; color: #6d6e6f; fill:#6d6e6f; background-color: #f5f5f5; outline:none; margin-right: 20px; height: 40px; font-size: 13px; padding-left: 15px; padding-right: 15px; }
.c-card .inline-header-menue-wrapper ._btn.last{margin-right: 0;}
.c-card .inline-header-menue-wrapper ._btn svg{flex: 0 0 auto;height: 12px;width: 12px;margin-right: 4px;}
.c-card .inline-header-menue-wrapper ._btn:hover{background-color: #efefef;}
.c-card .inline-header-menue-wrapper ._btn span{color: #333;font-weight: 500;}

.c-card .inline-header-menue-wrapper ._btn._input{
  background-color: #fff;
  border: 1px solid #cfcbcb;
  color: #505050;
  font-weight: 500;
  text-align: left;
  min-width: 120px;
}

.c-card .inline-header-menue-wrapper.middle ._btn{background-color: transparent;}

.recent-module-links a{ display: block; text-decoration: none;color: #1e1f21;position: relative; margin-bottom:10px; }
.recent-module-links a .cheveron{
  position: absolute;
  top: 50%;
  margin-top: -10px;
  height: 20px;
  right: 0;
  margin-right: 5px;
  font-size: 16px;
  color: #999;
  -o-transition: .2s;
  -ms-transition: .2s;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  transition: .2s;
}
.recent-module-links a:hover{text-decoration: none;}
.recent-module-links a:hover .cheveron{
  margin-right: 0px;
  -o-transition: .2s;
  -ms-transition: .2s;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  transition: .2s;
}

.floating-thead{position: relative;}
.floating-thead.sticky-thead{position: sticky;top:0px;z-index: 1;background-color: #006bed;}
tbody.clear-head{border-top: 37px solid #fff;}
.floating-head-title{font-size: 12px;text-transform: uppercase;font-weight: 400!important;}


/* SERVICE */
#CreateBookingTotalSticky.sticky{position: absolute;top:0;left:0;}
.service-wrapper .action-button{height:40px;width:100%;}
.service-wrapper .searchResults{min-height: 100px;}


.service-card ._img-spacer {
  display: block;
  padding: 24px 0px 24px 24px;
}
.service-card ._img-column {
  width: 240px;
}
.service-card ._img-column ._img-hotel {
  height: 112px;
  width: 216px;
  border-radius: 4px;
  background-color: #ddd;
  background-size: cover;
}
.service-card ._img-column ._dates-hotel {
  padding-top: 16px;
  display: flex;
  -moz-box-pack: start;
  justify-content: flex-start;
  -moz-box-align: stretch;
  align-items: stretch;
  color: rgb(29, 44, 60);
  text-align: left;
  vertical-align: baseline;
  line-height: 16px;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.service-card ._img-column ._dates-hotel {
  color: rgb(29, 44, 60);
  text-align: left;
  line-height: 16px;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.service-card ._img-column ._dates-hotel ._checkin-column {
  display: block;
  padding: 0px 32px 0px 0px;
}
.service-card ._img-column ._dates-hotel ._checkout-column {
  display: flex;
  flex-direction: column;
}
.service-card ._img-column ._dates-hotel ._dates-formatted-text {
  text-align: left;
  vertical-align: baseline;
  line-height: 24px;
  font-size: 14px;
  font-weight: 600;
}
.service-card ._img-column ._dates-hotel ._dates-formatted-text .time {
  text-align: left;
  vertical-align: baseline;
  line-height: 20px;
  font-size: 12px;
  font-weight: 400;
}
.service-card ._hotel-content-flex {
  display: flex;
  flex-direction: column;
  -moz-box-pack: start;
  justify-content: flex-start;
}
.service-card ._hotel-content-flex ._pad {
  display: block;
  padding-top: 18px;
  padding-right: 24px;
  padding-bottom: 16px;
}
.service-card ._hotel-name {
  text-align: left;
  vertical-align: baseline;
  line-height: 24px;
  font-size: 18px;
  font-weight: 700;
}
.service-card ._hotel-address-flex {
  display: flex;
  -moz-box-align: stretch;
  align-items: stretch;
  padding-top: 4px;
}
.service-card ._hotel-address-icon {
  display: block;
  padding: 0px 8px 0px 0px;
}
.service-card ._address-formatted-text {
  text-align: left;
  vertical-align: baseline;
  line-height: 24px;
  font-size: 14px;
  font-weight: 400;
}
.service-card ._address-formatted-text ._address-divider {
  border-color: rgb(227, 232, 239);
  border-width: 1px 0px 0px;
  border-style: dashed;
  width: 100%;
  height: 1px;
}
.service-card ._hotel-address-icon svg {
  overflow: hidden;
  fill: rgb(76, 85, 102);
  color: rgb(76, 85, 102);
  vertical-align: middle;
  font-size: 24px;
}
.service-card {
  box-shadow: none;
  position: relative;
  transition: 0.15s;
  cursor: inherit;
  background: rgb(255, 255, 255);
  border-radius: 4px;
  border: 0px solid rgb(227, 232, 239);
  border-radius: 8px;
  width: 100%;
  color: #1D2C3C;
}
.service-card .__hr {
  background-color: rgb(241, 241, 241);
  height: 1px;
  border: medium;
  box-shadow: none;
}
.service-card ._cancellation-wrapper {
  padding: 8px 16px 16px;
}
.service-card .cancellation-inline-text-flex {
  display: flex;
  flex-direction: row;
  -moz-box-pack: start;
  justify-content: flex-start;
  -moz-box-align: center;
  align-items: center;
  padding-top: 8px;
}
.service-card .cancellation-inline-text-flex ._icon {
  display: flex;
  -moz-box-align: center;
  align-items: center;
  padding: 0px 10px 0px 2px;
}
.service-card .cancellation-inline-text-flex ._icon svg {
  overflow: hidden;
  fill: rgb(76, 85, 102);
  color: rgb(76, 85, 102);
  vertical-align: text-top;
  font-size: 20px;
}
.service-card .cancellation-inline-text-flex ._formatted-text {
  text-align: left;
  vertical-align: baseline;
  line-height: 24px;
  font-size: 14px;
  font-weight: 400;
}








.hide-scrollbar{
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll; 
}

.hide-scrollbar::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}

.table-results{padding-bottom: 40px;min-height: 400px;position: relative;}
.table-results .table tbody tr{border-bottom: 1px solid #ddd;}
.table-results .table tbody.bookings tr{border-bottom: 1px solid #efedec!important;}
.table-results .table tbody.bookings tr.on{background-color: #e9f2fe;border-bottom-color: #d6e7ff !important;}
.table-results .table tbody.bookings tr td{border: 0!important;}
.table-results.with-pagination{padding-bottom: 80px;}
/*.table-results.bookings{min-height: 600px;height: calc(100vh - 350px);}*/
/* .table-results.bookings{min-height: calc(100vh - 280px);} */
.table-results.bookings{min-height: calc(100vh - 340px);}

.bookings-table-wrapper{ max-height: calc(100vh - 500px); min-height: 440px; overflow: auto;  }

.table-results.recent-transactions{min-height: 200px;}
.table-results .table{}

.pill-item{padding:0px 6px;border:1px solid #ddd;background-color: #ddd;border-radius: 6px;margin-bottom: 5px;display: inline-block;font-weight: 400;letter-spacing: .01em;/*text-transform: uppercase;*/}

.pill-item._flex{padding: 2px 6px; display: flex; align-items: center;justify-content: center; width: 160px; }
.pill-item._flex._sm{width: 100%; }

.pill-item.FREE{background-color: #c4ffe0; background-color: #fff; /*border-color: rgb(23, 192, 115); color: #008458;*/ color: #333; }
.pill-item.RESTRICTED{background-color: #ddd;border-color: #ddd;color: #333;}
.pill-item.CHARGEABLE{background-color: #e8e5e4;border-color: #ddd;color: #1e1f21;}
.pill-item.OK{background-color: #DEEBFF;border-color: #DEEBFF;color: #0747A6;}
.pill-item.CANCELLED{background-color: #ffafc1;border-color: #df9baa;color: #4e1929;}
.pill-item.FINALISED{background-color: #ccf5fe;border-color: #a7e7fc;color: #045ad0;}
.pill-item.FINALISED{background-color: rgb(23, 192, 115);border-color: rgb(14, 163, 95);color: #333;}

.pill-item.CONFIRMED{background-color: rgb(254, 188, 53);border-color: rgb(254, 188, 53);color: #333;}
.pill-item.light{background-color: #fff;}
.pill-item.DRAFT{background-color: #efefef;}


.booking-ref-label{font-weight: 600;border-bottom: 2px dotted #99a3b2;display: inline-block;}
.booking-ref-label:hover{border-bottom: 2px dotted #006bed;color: #006bed;}
.booking-ref-label.OK{color: #006bed;}
.booking-ref-label.CANCELLED{color: #99a3b2;text-decoration: line-through}


.sort-column{cursor: pointer;}
.sort-column.on{color: #006bee;}
.sort-column .th-sort{margin-left: 5px;color: #8f8f8f;}
.sort-column.on .th-sort{color: #006bee;}

.p-created{font-size: 12px; color: #8c8c8c; }

.h-tasks-user-avatar{float: left;width: 50px;height: 50px;background-size: cover; background-repeat: no-repeat; overflow: hidden; border-radius: 50%; background-position: center; background-color: #efefef; }
.h-tasks-user-avatar .avatar-none{display:block; color:#000; text-decoration: none; height: 50px;width: 50px; border-radius: 100%; border:1px dashed #666; overflow: hidden; background-color: #fff; }
.h-tasks-user-avatar .avatar-none svg{height: 50px;width: 50px;}
.h-tasks-header-content{margin-left: 70px;min-height: 65px;margin-right: 30px;}
.h-tasks-header-content{margin-bottom: -6px;}
.h-tasks-header-content ul{display: block;list-style: none;margin:0;padding: 0;height: 30px;margin-top: 10px;overflow: hidden;}
.h-tasks-header-content ul li{float: left;list-style: none;padding:0;margin:0;margin-right: 20px;}
.h-tasks-header-content ul li a{color: #000;text-decoration: none;padding-bottom: 5px;border-bottom: 2px solid transparent;font-size: 14px;font-weight: 400;cursor: pointer;}
.h-tasks-header-content ul li a:hover{text-decoration: none!important;border-bottom: 2px solid #6d6e6f;}
.h-tasks-header-content ul li a.selected{border-bottom: 2px solid #6d6e6f;color: #000;}

.h-tasks-header-content.wide{min-height: 65px;margin-right: 430px;margin-left: 10px;}
.h-tasks-header-content.inline{display: inline-block;margin-right: 20px;margin-left: 10px;min-height: 65px;}

.h-tasks-header-content .label-title{padding-top: 15px;}

.h-tasks-header-content-assigned{min-height: 65px;margin-right: 30px;margin-left: 10px;}
.h-tasks-header-content-assigned{margin-bottom: -6px;}
.h-tasks-header-content-assigned ul{display: block;list-style: none;margin:0;padding: 0;height: 30px;margin-top: 10px;overflow: hidden;}
.h-tasks-header-content-assigned ul li{float: left;list-style: none;padding:0;margin:0;margin-right: 20px;}
.h-tasks-header-content-assigned ul li a{color: #000;text-decoration: none;padding-bottom: 5px;border-bottom: 2px solid transparent;font-size: 14px;font-weight: 400;cursor: pointer;}
.h-tasks-header-content-assigned ul li a:hover{text-decoration: none!important;border-bottom: 2px solid #6d6e6f;}
.h-tasks-header-content-assigned ul li a.selected{border-bottom: 2px solid #6d6e6f;color: #000;}




.table-list .table-list-rows .table-list-rows-header {
  border-bottom: 1px solid #ebeef1;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
}

.table-list .table-list-rows .table-list-rows-header.secondary {color: rgba(0,0,0,0.54); font-size: 12px; font-weight: 600; }

.table-list .table-list-rows .table-list-rows-row {
  border-bottom: 1px solid #ebeef1;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
}

.table-list .table-list-rows .table-list-rows-footer{padding: 20px;padding-left: 30px;}

.table-list .table-list-rows .table-list-rows-row:hover{background-color: #f6f8fa;}
.table-list .table-list-rows .table-list-rows-row.no-hover:hover{background-color: #fff;}

.table-list-rows-row-totals{
  border-top: 1px solid #ebeef1;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
}
.table-list-rows-row-totals.p-l-0{padding-left: 0;}
.table-list-rows-row-totals.p-r-0{padding-right: 0;}

.table-list .table-list-rows .first{padding-left: 11px;}
.table-list .table-list-rows .first-spacer{padding-left: 44px;}

.version-pill-default {
  border-radius: 4px;
  display: inline-block;
  padding: 2px;
  padding-right: 2px;
  padding-left: 2px;
  background-color: #ebeef1;
  color: #545969;
  font-size: 12px;
  padding-left: 6px;
  padding-right: 6px;
  margin-right: 10px;
}







.c-card .card-table .card-table-row .title{font-weight: 500;}
.c-card .card-table .card-table-row .api-icon{ margin-top: -4px; color:#fff;line-height:24px;text-align:center;margin-right: 10px;width: 24px;height: 24px;float: left;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; background-color: #ddd;}
.c-card .card-table .card-table-row .api-icon.hotel{background-color: #e91e63}
.c-card .card-table .card-table-row .api-icon.flight{background-color: #03a9f4}
.c-card .card-table .card-table-row .api-icon.activity{background-color: #673bb7}
.c-card .card-table .card-table-row .api-icon.car{background-color: #ff9800}
.c-card .card-table .card-table-row .api-icon.third-party{background-color: #00c9ad}
.c-card .card-table .card-table-row .value{margin-left: 10px;color: #000;}


.input-icon-close{position: absolute; top:1px; right: 1px; padding-top: 3px;padding-bottom: 3px; padding-right: 10px; padding-left: 3px; margin-top: 5px; margin-right: 5px;font-size: 16px;color: #999999;background-color: #fff;border-radius: 10px;cursor: pointer; }
.input-icon{position: absolute; top:0; left: 0; margin-top: 10px; margin-left: 15px;font-size: 14px;color: #666;}
.input-pre-icon{padding-left: 44px;}
.input-pre-icon:active{padding-left: 42px;}
.input-pre-icon:focus{padding-left: 42px;}
.input-pre-icon:focus-within{padding-left: 42px;}

.product-icon{ color:#fff;line-height:24px;text-align:center; float: left; margin-right: 10px; width: 24px;height: 24px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; background-color: #ddd;}
.product-icon.hotel{background-color: #e91e63}

.no-overflow{overflow: hidden;}

.profile-icon{ color:#fff;line-height:24px;text-align:center; float: left; margin-right: 20px; margin-top:0px; width: 24px;height: 24px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; background-color: #c7cbcd;font-size: 10px;font-weight: 400;display: flex;align-items: center;justify-content: center;}
.profile-icon{margin-right: 28px;width: 24px;height: 24px;margin-top: 4px; display: flex; justify-content: center; align-items: center; }

.profile-icon.avatar{margin-right: 20px;margin-top: 0;width: 24px;height: 24px;font-weight: 600; display: flex; justify-content: center; align-items: center; }
/*.profile-icon.active{background-color: #4caf50;}*/
.profile-icon .fa{font-size: 14px;}
.profile-icon.active{background-color: #1a73e8;}
.profile-icon.pending{background-color: #e8981a;}
.profile-icon.failed{background-color: #c60317;}
.profile-icon.mb20{margin-bottom: 20px;}
.profile-icon.avatar{background-size: cover;background-position: center;background-repeat: no-repeat;}
.profile-icon.avatar.off{opacity: 0.5;}
.profile-icon.avatar.off:hover{opacity: 1;}

.profile-icon.flight{background-color: #03a9f4;}
.profile-icon.hotel{background-color: #1a73e8;}
.profile-icon.activity{background-color: #673bb7;}
.profile-icon.transfer{background-color: #ff9800;}
.profile-icon.limousine{background-color: #ff9800;}
.profile-icon.unkown{background-color: #666;}

.profile-icon .fa{font-size: 12px;}

.profile-icon.bookings{margin-top: -4px;font-size: 10px;margin-right: 10px;font-weight: 400;}
/*.profile-icon.B{background-color: #ff991f;color: #000;}*/
.profile-icon.B{background-color: #1073d6;color: #fff;}

.profile-icon.white{color: #fff;margin-right: 8px;}

.booking-itinerary-section{position: relative;padding-left: 0px;padding-top: 14px;padding-bottom: 4px;}

.service-card-spacer{padding-left: 48px;}

.timeline-dotted {
  position: absolute;
  background-image: linear-gradient(rgb(158, 171, 190) 50%, transparent 50%);
  background-size: 2px 8px;
  background-repeat: repeat-y;
  top: 70px;
  bottom: 0px;
  width: 2px;
  left: 10px;
  top: 0px;
}
.timeline-dotted::before {
  content: "";
  position: absolute;
  left: -2px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: rgb(158, 171, 190);
  top: -1px;
}
.timeline-dotted::after {
  content: "";
  position: absolute;
  left: -2px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: rgb(158, 171, 190);
  bottom: -1px;
}



.reset-form-icon{float: right;font-size: 20px;color: #666666;}
/*.reset-form-icon{margin-top: 5px;}*/
.reset-form-icon-spacer{margin-right: 40px;margin-top: -5px;}
/*.reset-form-icon-spacer{margin-top: 0;}*/
.reset-form-icon-spacer.m-t-0{margin-top: 0;}

.reset-form-icon-spacer .input-icon{
  position: absolute;
  margin:0;
  padding:0;
  top: 0;
  left: 0;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 5px;
  font-size: 14px;
  color: #666;
  bottom: 0;
  cursor: pointer;
}

.lock-inline{display: inline-block;margin-left: 10px;font-size: 14px;}

.home-header{height: 290px;background: linear-gradient(to right, #fff, #fff); background: none; color: #000;padding-top: 80px;border-bottom: 0px solid #e0e0e0;}
.home-header .date-copy {font-size: 16px;font-weight: 500;letter-spacing: 0;line-height: 44px;margin: 0;text-align: center;}
.home-header .title-copy {font-size: 36px;font-weight: 700;letter-spacing: 0;line-height: 44px;margin: 0;text-shadow: 0 1px 1px rgba(0,0,0,.12); text-align: center;}
.home-header .sub-title-copy{ width: 500px; font-size: 20px;font-weight: 500;letter-spacing: 0;line-height: 34px;margin: 0;margin-top:10px;text-shadow: 0 1px 1px rgba(0,0,0,.12);}

.blue-graphic .home-header .date-copy{color: #fff;}
.blue-graphic .home-header .title-copy{color: #fff;}

.theme-colours-wrapper{list-style: none;margin:0;padding:0;margin-top: 30px;}
.theme-colours-wrapper li{list-style: none;margin:0;padding:0;float: left;width: 100px;height:100px;margin-right: 20px;margin-bottom: 20px;}
.theme-colours-wrapper li .bubble{border: 2px solid transparent;border-radius: 50%;position: relative;width: 100%;height: 100%;cursor: pointer;}
.theme-colours-wrapper li .bubble:after{content: "";position: absolute;top:-6px;left:-6px;width: calc(100% + 12px);height:calc(100% + 12px); border-radius: 50%; }
.theme-colours-wrapper li .bubble.gray{background-color: #9c9c9c;}
.theme-colours-wrapper li .bubble.ivory{background-color: #e0dedc;}
.theme-colours-wrapper li .bubble.blue{background-color: #6990e0;}
.theme-colours-wrapper li .bubble.pink{background-color: #f0d3d4;}
.theme-colours-wrapper li .bubble.green{background-color: #bee6d1;}
.theme-colours-wrapper li .bubble.purple{background-color: #c9bee6;}
.theme-colours-wrapper li .bubble.yellow{background-color: #fceabf;}
.theme-colours-wrapper li .bubble:hover{opacity: 0.9;}
.theme-colours-wrapper li .bubble svg{height: 50%;width: 50%;position: absolute;top:50%;left:50%;margin-left: -25%;margin-top: -25%;display: none;color: #333;fill: #333;}
.theme-colours-wrapper li .bubble.on:after{border:2px solid #000}
.theme-colours-wrapper li .bubble.on svg{display: block;}
.theme-colours-wrapper li .bubble.on.blue svg{fill: #fff}

.HomePageCustomizeButton{position: absolute;right:0;bottom:6px;border:1px solid #efefef;color: #333; outline: none; background-color: #fff;height: 36px;border-radius: 8px;font-size: 14px;padding-left: 10px;padding-right: 10px;}
.HomePageCustomizeButton svg{height: 16px;width:16px;fill: #333;margin-right: 4px;}

.blue-graphic .HomePageCustomizeButton{color: #fff;border-color: #fff;background-color: transparent;}
.blue-graphic .HomePageCustomizeButton:hover{background-color: rgba(255,255,255,0.05);}
.blue-graphic .HomePageCustomizeButton svg{fill: #fff;}

.achievement-widget-wrapper{ padding-left: 25px;padding-right: 25px; width: 650px;max-width: 100%;background-color: #f6f6f694;margin:auto;margin-top: 20px;margin-bottom: 20px; padding-top: 2px; padding-bottom: 2px; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; border:1px solid #E0E0DF70; }
.achievement-widget-wrapper .item{text-align: center;font-size: 14px;color: #6d6e6f;line-height: 42px;}
.achievement-widget-wrapper .item .icon{margin-right: 8px;display: inline-block;}
.achievement-widget-wrapper .item .icon svg{width: 14px;fill:#333;}
.achievement-widget-wrapper .item .icon.md svg{width: 18px;}
.achievement-widget-wrapper .item .count{font-size: 22px;font-weight: 500;margin-right: 6px;display: inline-block;vertical-align: top;}
.achievement-widget-wrapper .item .copy{display: inline-block;font-size: 12px;}


.blue-graphic .achievement-widget-wrapper{background-color: #6990e0;border-color: #7496de;color:#fff;}
.blue-graphic .achievement-widget-wrapper .item{color: #fff;}
.blue-graphic .achievement-widget-wrapper .item .icon{color: #fff;}
.blue-graphic .achievement-widget-wrapper .item .icon svg{fill: #fff;}



.api-client-summary{text-align: right;color: #000;}
.api-client-summary .title{font-size: 18px;margin:0;padding:0;padding-bottom: 5px;font-weight: 500;}
.api-client-summary .value{font-size: 42px;font-weight: 500;margin:0;padding:0;}
.api-client-summary .sub-title{font-size: 12px;font-weight: 300;margin:0;padding:0;}


.api-app-tabs{list-style: none;margin:0;padding:0;margin-top: 10px;}
.api-app-tabs li{float: left; padding: 2px; line-height: 26px; color: #7b7b7c;font-weight: 500; background-color: #f8f9fa; border:1px solid #e5e5e6; height: 32px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;padding-right:20px;margin-right: 10px;}
.api-app-tabs li .icon{color: #fff;width: 26px;height: 26px;line-height: 26px;text-align: center;margin-right: 10px;background-color: #333; float: left;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.api-app-tabs li .icon.hotel{background-color: #e91e63}
.api-app-tabs li .icon.flight{background-color: #03a9f4}
.api-app-tabs li .icon.activity{background-color: #673bb7}
.api-app-tabs li .icon.car{background-color: #ff9800}
.api-app-tabs li .icon.third-party{background-color: #00c9ad}

.performance-item{background: rgba(236,239,241,.38);font-size: 13px;line-height: 20px;margin-top: 16px;padding: 8px 12px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.performance-item .title{font-size: 14px;padding-bottom: 10px; line-height: 20px; font-weight: 500; margin:0;color: rgba(0,0,0,.87);}
.performance-item .title.hotel{color: #673bb7}
.performance-item .title.flight{color: #03a9f4}
.performance-item .function-title{color: rgba(0,0,0,.87);font-size: 13px; font-weight: 500; padding-bottom: 8px;margin:0;}
.performance-item .message{color: rgba(0,0,0,.54);font-size: 13px;margin:0;}

.performance-item .chip{ float: right; color: #546e7a; font-weight: 500; background-color: #eceff1;border-color: #eceff1; height: 24px;line-height: 22px; border-style: solid; border-width: 1px;padding: 0 8px;text-align: center; -webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;}

.c-card-user { background-color: #fff; height: 180px;box-sizing: border-box;/*box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.05), 0 3px 1px -2px rgba(0,0,0,0.12);*/ border:1px solid #d3d3d3; display: block;cursor: pointer;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;transition: box-shadow 0.25s ease-in-out 0s;margin-bottom: 30px; padding-top: 30px; }
.c-card-user:hover {box-shadow: rgba(9, 30, 66, 0.25) 0px 8px 16px -4px, rgba(9, 30, 66, 0.31) 0px 0px 1px;}
.c-card-user .circle-container {text-align: center;margin-bottom: 12px;height: 72px;}
.c-card-user .circle{width: 70px;height: 70px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;display: inline-block;background-color: #ddd;line-height: 68px;text-align: center;font-size: 30px;font-weight: 600;color: #333;}
.c-card-user .circle.circle-bg-1{background-color: #5343ab;color: #fff;}
.c-card-user .circle.circle-bg-2{background-color: #00a2c1;color: #182b50;}
.c-card-user .circle.circle-bg-3{background-color: #192a4d;color: #fff;}
.c-card-user .circle.circle-bg-4{background-color: #af2f52;color: #fff;}
.c-card-user .circle.circle-bg-5{background-color: #999;color: #555;}
.c-card-user .title {color: rgb(23, 43, 77);width: 100%;text-overflow: ellipsis;white-space: nowrap;padding: 0px 8px;overflow: hidden;text-align: center;overflow: hidden; }
.c-card-user .ref{color: #000;}
.c-card-user.not-active .title{color: #999;}
.c-card-user.not-active .ref{color: #999;}

.c-card-user-add{ background-color: #fff; height: 180px;box-sizing: border-box;border:2px dashed #b3bac5;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;transition: all 0.25s ease-in-out 0s;overflow: hidden; margin-bottom: 30px; }
.c-card-user-add .plus-container{text-align: center;margin-top: 30px;margin-bottom: 12px;height: 72px;}
.c-card-user-add .plus{ display: block; height: 70px;line-height: 68px;text-align: center;font-size: 30px;font-weight: 600;color: #6e7682;}
.c-card-user-add .title {color: rgb(23, 43, 77);width: 100%;text-overflow: ellipsis;white-space: nowrap;padding: 0px 8px;overflow: hidden;text-align: center;}
.c-card-user-add:hover {box-shadow: rgba(9, 30, 66, 0.25) 0px 8px 16px -4px, rgba(9, 30, 66, 0.31) 0px 0px 1px;}

.c-card-product { position: relative; margin-bottom: 30px; background-color: #fff; height: 180px; display: block; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;transition: box-shadow 0.25s ease-in-out 0s;overflow: hidden;    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.05), 0 3px 1px -2px rgba(0,0,0,0.12);}
.c-card-product:hover {box-shadow: rgba(9, 30, 66, 0.25) 0px 8px 16px -4px, rgba(9, 30, 66, 0.31) 0px 0px 1px;}
.c-card-product .card-header{min-height: 40px;background-color: inherit;border:0;padding: 10px 15px;padding-top:15px;}
.c-card-product .card-header .card-logo{float: left;width: 40px;height: 40px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background-color: #fff;color: #51647f;border:2px solid #51647f;text-align: center;line-height: 38px;font-size: 14px; font-weight: 500; }
.c-card-product .card-header .icon{float: left;width: 40px;height: 40px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background-color: #fff;color: #51647f;border:2px solid #51647f;text-align: center;line-height: 34px;font-size: 14px; font-weight: 500;}
.c-card-product .card-header .icon svg{height: 14px;fill: #545969;}
.c-card-product .card-header .card-image{float: right;}
.c-card-product .card-header .card-image img{height: 24px;}
.c-card-product .card-header .card-logo-text{margin-left: 40px;padding-left:10px;font-size: 16px; font-weight: 600; color: #000;padding-top: 8px;padding-bottom: 8px;}
.c-card-product .card-header .card-logo-text.no-icon{margin-left: 0;padding-left: 0;}
.c-card-product .card-body {color: rgba(0,0,0,.54);font-size: 14px;font-weight: 400;padding: 10px 15px;padding-top: 0px;}
.c-card-product .card-body .link{display: none;}
.c-card-product:hover .card-body .link{display: block;}
.c-card-product:hover .card-body .link a{text-decoration: underline;}
.c-card-product .card-body .installed{margin:0;padding:0;position: absolute;bottom: 15px;left: 15px;font-size: 16px;color: #28a745;}
.c-card-product .card-body .incomplete{margin:0;padding:0;position: absolute;bottom: 15px;left: 15px;font-size: 16px;color: #000;}
.c-card-product .card-body .link-trigger{margin:0;padding:0;position: absolute;bottom: 15px;right: 25px;font-size: 16px;color: #000;-o-transition: .25s;-ms-transition: .5s;-moz-transition: .25s;-webkit-transition: .25s;transition: .25s;}
.c-card-product:hover .card-body .link-trigger{right: 15px;-o-transition: .25s;-ms-transition: .5s;-moz-transition: .25s;-webkit-transition: .25s;transition: .25s;}
.c-card-product .card-body .install{margin:0;padding:0;position: absolute;bottom: 15px;right: 15px;}
.c-card-product .card-body .manage{margin:0;padding:0;position: absolute;bottom: 15px;right: 15px;}
.c-card-product .card-body .manage a{color: var(--link-primary);cursor: pointer;-o-transition:.25s;-ms-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s;}
.c-card-product .card-body .manage a:hover{color: #000;-o-transition:.25s;-ms-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s;}

.c-card-product.empty{background: rgba(255, 255, 255, 0.4); border:2px dashed #ababab; box-shadow: none; }


ul.tab-item-horizontal{margin:0;padding:0;padding-left: 20px;padding-right: 20px;list-style: none;}
ul.tab-item-horizontal li{list-style: none;float: left;margin-right: 10px;}
ul.tab-item-horizontal li a.item{ font-weight: 600; display: inline-block; color:#000;text-decoration:none; padding-left: 30px;padding-right: 30px;padding-top: 14px; height: 45px; font-size: 14px; background-color: #fff; -webkit-border-radius: 8px 8px 0 0 ;-moz-border-radius: 8px 8px 0 0 ;border-radius: 8px 8px 0 0 ; box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 5%), 0 3px 1px -2px rgb(0 0 0 / 12%); }
ul.tab-item-horizontal li a.item.active{color: #333333;}


#InfiniteScrollResponse{position: relative;}
#InfiniteScrollLoader{min-height: 200px;position: relative;}


.product-state-header{height: 300px;background: linear-gradient(to right, rgb(92, 107, 192), rgb(149, 117, 205));color: #fff;padding-top: 100px;}
.product-state-header .title-copy {font-size: 36px;font-weight: 700;letter-spacing: 0;line-height: 44px;margin: 0;text-shadow: 0 1px 1px rgba(0,0,0,.12);}
.product-state-header .sub-title-copy{ width: 300px; font-size: 20px;font-weight: 500;letter-spacing: 0;line-height: 34px;margin: 0;margin-top:10px;text-shadow: 0 1px 1px rgba(0,0,0,.12);}


.api-state-header{height: 280px;/*background: linear-gradient(to right, #fff, #fff);*/color: #000;padding-top: 80px;/*border-bottom: 1px solid #e0e0e0;*/}
.api-state-header .title-copy {font-size: 36px;font-weight: 700;letter-spacing: 0;line-height: 44px;margin: 0;text-shadow: 0 1px 1px rgba(0,0,0,.12);margin-bottom: 10px; text-transform:  capitalize; }
.api-state-header .title-copy {font-size: 24px;line-height: 36px;}
.api-state-header .sub-title-copy{ width: 500px; font-size: 20px;font-weight: 500;letter-spacing: 0;line-height: 34px;margin: 0;margin-top:10px;text-shadow: 0 1px 1px rgba(0,0,0,.12);}
.api-state-header .title-copy.center{text-align: center;}

.api-state-header.bookings{border-bottom: 0;}
.api-state-header.apps{height: 130px;}

.client-state-header{height: 340px;background: linear-gradient(to right, #1a67d3, #4285f4);color: #fff;padding-top: 100px;}
.client-state-header .profile-logo{ overflow: hidden; float: left;width: 100px;height: 100px;background-color: #fff; margin-right: 40px; margin-top: -5px; border: 0; padding: 8px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.client-state-header .profile-logo img{height: 100%;width: 100%;}
.client-state-header .title-copy {margin-left: 120px;font-size: 36px;font-weight: 700;letter-spacing: 0;line-height: 44px;margin: 0;text-shadow: 0 1px 1px rgba(0,0,0,.12);}
.client-state-header .sub-title-copy{ width: 300px; font-size: 20px;font-weight: 500;letter-spacing: 0;line-height: 34px;margin: 0;margin-top:10px; margin-left: 120px; text-shadow: 0 1px 1px rgba(0,0,0,.12);}



.state-header-teal{background: linear-gradient(to right, #0097a7, #00acc0); }



.breadcrumb-links{list-style: none;padding: 0;margin: 0;padding-top: 12px;display: block;font-size: 13px;}
.breadcrumb-links li{padding: 0;margin: 0;padding-right:10px;float: left;line-height: 28px;color: #476282;}
.breadcrumb-links a{display: block;color: inherit;}
.breadcrumb-links a:hover{color: #1b3a57;}


.table-item-row{padding: 8px 20px;border-bottom: 1px solid #ddd;font-size: 13px;position: relative;}
.table-item-row.row-head{text-transform: uppercase;}
.table-item-row:hover{background-color: rgba(0,0,0,.04);}
.table-item-row.off{background-color: transparent;}
.table-item-row.no-hover:hover{background-color: transparent;}

.table-item-row p{padding-bottom: 0;margin-bottom: 0;}

.table-item-row .title{font-size:14px;font-weight: 500;padding-top: 4px;padding-bottom: 4px;}
.table-item-row .text{padding-top: 10px;}

.table-item-row .hover-trigger .icon{color: #6f6f6f;padding-left: 10px;padding-right: 10px;opacity: 0!important;cursor: pointer;}
.table-item-row:hover .hover-trigger .icon{opacity: 1!important;}
.table-item-row.no-hover .hover-trigger .icon{opacity: 1;}

.table-item-row.highlighted{background-color: #d5e7ff;}

.table-pagination-wrapper{padding-left: 20px;padding-right: 20px;}
.table-pagination-wrapper .count{position: absolute;right:20px;top:5px; color: #6d6e6f; }

.booking-status-icon-wrapper{width: 14px;height: 14px;border-radius: 14px;background-color: #cccccc;margin-left: 12px;display: block;margin-top: 6px;position: relative;}
/*.booking-status-icon-wrapper:after{content: "";position: absolute;top:50%;left:50%;width:10px;height:10px;border-radius: 10px;margin-left: -5px;margin-top: -5px;background-color: #fff;}*/
.booking-status-icon-wrapper.secondary{margin-left: 0px!important;}
.load-widget .booking-status-icon-wrapper{width: 16px;height: 16px;margin-left: 0px;margin-top: 0px;}

.booking-status-icon-wrapper.OK{background-color: #1a73e8;}
.booking-status-icon-wrapper.FINALISED{background-color: #17c073;}
.booking-status-icon-wrapper.CONFIRMED{background-color: #febc35;/*background-color: #4162FD;*/}
.booking-status-icon-wrapper.FAILED{background-color: #d43f3a;}
.booking-status-icon-wrapper.CANCELLED{background-color: #99a3b2;background-color: #ffafc1;}
/*.booking-status-icon-wrapper.CANCELLED:after{background-color: #fff;}*/
.booking-status-icon-wrapper.PREBOOKED{background-color: #71a6ff;}

.booking-status-icon-wrapper.sml{margin-left: 0;margin-top: 8px;}


.table-wrapper-wide{width: 100%;overflow-y: scroll;position: relative;}
.table-wrapper-wide .table{width: 100%;min-width: 1780px;}

.table tr .hover-trigger .icon{color: #6f6f6f;padding-left: 10px;padding-right: 10px;opacity: 0!important;cursor: pointer;}
.table tr:hover .hover-trigger .icon{opacity: 1!important;}
.table.no-hover tr .hover-trigger .icon{opacity: 1;}


.filter-date-container{height: 40px;width: 160px;position: relative;margin-bottom: 10px;color: #444444;}
.filter-date-container:hover{color: #1b72e8;}
.filter-date-container .icon{float: left;width: 24px;height: 24px;font-size: 18px;line-height: 24px;}
.filter-date-container .body{margin-left: 30px;padding-top: 4px;font-size: 12px;}
.filter-date-container .input-chev-down{color: inherit;}


.client-profile-logo-small{ position: relative; width: 100px;height: 100px; float: right; margin-right: 30px; border:0; background-color: #fff; padding: 8px; overflow: hidden; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.05), 0 2px 2px 0 rgba(0,0,0,0.05), 0 3px 1px -2px rgba(0,0,0,0.05);}
.client-profile-logo-small img{width: 100%;height: 100%;}
.client-profile-logo-small .edit{position: absolute;top:0;left: 0;right: 0;bottom: 0;width: 100%;opacity: 0;z-index: 1;background-color: rgba(255,255,255,0.85);color: #006bed;font-size: 30px; line-height: 80px; text-align: center;text-align: center;padding: 10px; cursor: pointer;}
.client-profile-logo-small:hover .edit{opacity: 1;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}

#loaderbar{height: 3px;}
.loading-strip{height: 3px;background-color: #006bed;}
.install-well{}


.inline-editor-card {background-color: #fff;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;position: absolute;top:20px;left:0;right:0;z-index: 40;box-shadow: 0px 1px 2px 0px rgba(60,64,67,.3), 0px 2px 6px 2px rgba(60,64,67,.15);margin: 0 -36px;padding: 24px;}
.inline-editor-card .title{padding-bottom: 15px;font-size: 18px;}


.inline-editor-card .action-bar-header{margin-top:-24px;margin-left: -24px;margin-right: -24px;padding: 24px; -webkit-border-radius: 3px 3px 0 0 ;-moz-border-radius: 3px 3px 0 0 ;border-radius: 3px 3px 0 0 ;margin-bottom: 20px; border-bottom: 1px solid #ddd; /*color: #fff;background-color: #28a745;*/}
.inline-editor-card .action-bar-header p{line-height: 20px;}

.inline-editor-card.inline-action{left: 50%;width: 60px;margin-left: -30px;}


/*SEARCH RESULTS*/
.h-results{min-height: 600px;}
.h-result-card{margin-bottom: 10px;padding: 10px;border-radius: 10px;background-color: #fff;border:1px solid #d3d3d3;}
.h-result-card.active{border-color: #8392c2;background-color: #e1e8ff;}
.h-result-card .h-img-thumb{float: left;width: 80px;height: 80px;background-color: #ddd; background-repeat: no-repeat;background-size: cover;background-position: center;border-radius: 8px;}
.h-result-card .h-info{margin-left: 90px;}
.h-result-card .h-info .h-name{font-size: 16px;font-weight: 700;margin:0;padding: 0;padding-bottom: 5px;}
.h-result-card .h-info .h-stars{font-size: 14px;margin-left: 10px;}
.h-result-card .h-info .h-address{font-size: 12px;font-weight: 400;margin:0;padding: 0;padding-bottom: 5px;}
.h-result-card .h-price-from{margin:0;padding:0;font-size: 12px;text-align: right;}
.h-result-card .h-price{font-size: 14px;font-weight: 600;text-align: right;}
.h-result-card .h-price.lg{font-size: 20px;}

#HotelRoomsResults{min-height: 400px;position: relative;}

.h-room-h-name{font-size: 16px;font-weight: 700;margin:0;padding: 0;padding-bottom: 5px;}
.h-room-h-address{font-size: 12px;font-weight: 400;margin:0;padding: 0;padding-bottom: 5px;}
.h-room-results{margin-bottom: 10px;padding: 10px;padding-left:0;padding-right:0;border-radius: 10px;background-color: #fff;border:1px solid #d3d3d3;}
.h-room-results .h-room-row{padding: 5px;padding-left:10px;padding-right:10px;padding-top:8px;padding-bottom:8px;border-bottom: 1px solid #ddd;}
.room-group-title{padding: 10px; font-weight: 700; background-color: #e1e9ff; border-bottom: 1px solid #8392c2;border-top: 1px solid #8392c2;}


/*QUOTE*/
.quote-pill{display: inline-block;border:1px solid #ddd;height: 40px;border-radius: 20px;padding-left: 20px;padding-right: 20px;line-height: 40px;font-size: 14px;}
.quote-pill .no{font-weight: 700;color: #007bff;}
.pill-close{float: right;height: 40px;border-left: 1px solid #ddd;border-radius: 20px;padding-left:15px;margin-left:20px;margin-right: -20px;padding-right: 15px;color: #333;}


/*CREATE OVERFLOW*/
.project-create-splash{position: fixed;top:0px;left:0px;right:0px;bottom: 0px;z-index: 100;background-color: #f1f1f1;  }
.project-create-splash.light{background-color: #fff;}
.project-create-splash .project-close-create-splash{ z-index: 101; position: absolute; border-radius: 4px; top:20px;right: 20px;height: 30px;width: 30px;padding:5px;cursor: pointer;-o-transition:.25s;-ms-transition:.5s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s;}
.project-create-splash .project-close-create-splash svg{height:20px;width: 20px;fill: #999999;}
.project-create-splash .project-close-create-splash.dark svg{fill: #000;}
.project-create-splash .project-close-create-splash.light svg{fill: #fff;}
.project-create-splash .project-close-create-splash:hover{background-color: #efefef;opacity: 1;-o-transition:.25s;-ms-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s;}
.project-create-splash .project-close-create-splash:hover svg{fill: #666666;}

.project-create-splash .project-back-create-splash{ z-index: 101; position: absolute; border-radius: 4px; top:20px;left: 20px;height: 30px;width: 30px;padding:5px;cursor: pointer;-o-transition:.25s;-ms-transition:.5s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s;}
.project-create-splash .project-back-create-splash svg{height:20px;width: 20px;fill: #999999;}
.project-create-splash .project-back-create-splash:hover{background-color: #efefef;opacity: 1;-o-transition:.25s;-ms-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s;}
.project-create-splash .project-back-create-splash:hover svg{fill: #666666;}




    /* -- QUOTE */
.Scrollable--withCompositingLayer{position: fixed;top: 0px;right: 0px;bottom: 0px;left: 0px;z-index: 10;overflow-x: hidden;overflow-y: auto;display: flex;padding: 30px;box-sizing: border-box;}
.Scrollable--wrapper {z-index: 1200;width: 100%;transform: scale(1);opacity: 1;-webkit-tap-highlight-color: transparent;margin: auto;transition: opacity 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s, -webkit-transform 0.2s ease-in-out 0s;outline: 0px;display: block;min-height: 420px;}
.ProjectCreationFlowPicker {margin-bottom: 64px;}
.TileWrapper{text-align: center;}
.TileStructure { cursor:pointer;border-radius: 30px;box-sizing: border-box;height: 226px;min-width: 152px;padding: 16px 0;width: 152px;align-items: center;position: relative;transition-duration: .4s;display: inline-block;}
.TileStructure:hover{background: rgba(57, 57, 57, 0.07);transform: translate3d(0, -4px, 0);}
.ProjectCreationFlowPicker-titles{margin: 8px;margin-bottom: 40px;text-align: center;}
.ProjectCreationFlowPicker-title input{width: calc(100% - 200px) ; text-align: center; border:0;padding:0;outline: none;background-color: transparent;font-size: 30px; font-weight: 700; color: #1e1f21;}
.DashedTile.DashedTile--large {height: 120px;min-height: 120px;min-width: 120px;width: 120px;text-align: center;}
.TileStructure-name {box-sizing: border-box;margin-top: 8px;padding: 0 8px;-webkit-box-orient: vertical;display: -webkit-box;font-size: 14px;font-weight: 500;-webkit-line-clamp: 2;line-height: 18px;max-height: 36px;overflow: hidden;text-align: center;text-overflow: ellipsis;width: 100%;color: #333;}
.TileStructure-subTitle {box-sizing: border-box;margin-top: 4px;padding: 0 8px;font-size: 12px;line-height: 18px;color: #666666;fill: #666666;overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-weight: 300;}
.DashedTile.DashedTile--large .DashedTile-outer {stroke-dasharray: 10.0605,5.0302;}
.FlowPickerTile-dashedTile .DashedTile-outer {fill: #fff;stroke: #afabac;transition: 200ms fill,200ms stroke;}
.FlowPickerTile-dashedTile .DashedTile-inner {fill: #afabac;transition: 200ms fill,200ms stroke;}
.FlowPickerTile-box {border-radius: 20px;height: 120px;width: 120px;align-items: center;background: #fff;border-color: #edeae9;border-style: solid;border-width: 2px;box-sizing: border-box;display: inline-block;fill: #6d6e6f;justify-content: center;position: relative;}
.MiniIllustration.MiniIllustration--xlargeAvatar {height: 48px;min-height: 48px;min-width: 48px;width: 48px;margin-top: 35px;}


/* CREATE BOOKING */


.selectGuestsTrigger {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 1;
}

.select-guests-wrapper{ z-index: 999999; position: absolute;top:100%;left:0;width: 300px; margin-top: -25px; background-color: #fff;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px; overflow: hidden;-webkit-box-shadow: 0 0 8px rgba(37,32,31,.1);box-shadow: 0 0 8px rgba(37,32,31,.1);border:1px solid #ddd;}
.select-guests-wrapper .item{position: relative;}
.select-guests-wrapper .item .room-title{padding: 10px 15px;font-size: 14px;background-color: #fff;color:#000;font-weight: 600;border-top:1px solid #efefef;}
.select-guests-wrapper .item .room-title .close-item{float: right;cursor: pointer;}
.select-guests-wrapper .item .pax-box{padding: 10px 15px; min-height: 50px;}
.select-guests-wrapper .item .pax-title{padding: 0;margin: 0;line-height: 28px;height: 30px;}
.select-guests-wrapper .item .select-buttons-container{float: right;height: 30px;width: 120px;}
.select-guests-wrapper .item .select-buttons-container .item-btn{ cursor: pointer; line-height: 28px; width: 30px;height: 30px; box-sizing: border-box; float: left; font-size: 16px; color:#2296f3; border:1px solid #2296f3; text-align: center;font-weight: 600;background-color: #fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.select-guests-wrapper .item .select-buttons-container .item-btn.off{border-color: #adadad;color:#adadad;}
.select-guests-wrapper .item .select-buttons-container .item-number{line-height: 28px;color:#000;width: 60px;height: 30px; float: left; font-size: 16px;text-align: center;font-weight: 600;}
.select-guests-wrapper .more-rooms-trigger{position: relative;padding: 15px;font-size: 16px;text-align: center;font-weight: 600;cursor: pointer;}
.select-guests-wrapper .more-rooms-trigger.off{cursor: not-allowed; color: #ccc; }

.ar .select-guests-wrapper{right: auto;left: 0;}
.ar .select-guests-wrapper .item .select-buttons-container{float: left;}
.ar .select-guests-wrapper .item .room-title .close-item{float: left;}

.closePaxOccupancyPopup{float: right;cursor: pointer;}
.ar .closePaxOccupancyPopup{float: left;}

.ages-container select {
  font-family: inherit;
  padding: 6px 12px;
  background: 0 0;
  border: 0;
  margin: 0;
  box-shadow: inset 0 0 0 1px #c6d2e1;
  border-radius: 4px;
  transition: background-color .125s,box-shadow .125s;
  display: block;
  width: 100%;
  min-height: 40px;
  height: 40px;
  line-height: 20px;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}



/* OFFLINE ROOMS */ 

.offline-rooms-container ul{margin:0;padding:0;list-style: none;}
.offline-rooms-container ul li{margin:0;padding:0;list-style: none;}
.offline-rooms-container ul li .addRoomTitle{padding-top: 20px;border-top: 1px solid #ddd; padding-bottom: 15px;}
.offline-rooms-container ul li .addRoomTitle .RemoveOfflineRoomTrigger{position: absolute;top:20px;right: 20px;cursor: pointer;}
.offline-rooms-container ul li .addRoomTitle .RemoveOfflineRoomTrigger svg{height: 20px;width: 20px;}
.offline-rooms-container ul li:first-child .addRoomTitle{border-top: 0;padding-top: 0;}
.offline-rooms-container ul li:first-child .addRoomTitle .RemoveOfflineRoomTrigger{display: none;}
/**/



.form-standalone-input-wrapper{background: rgba(55, 23, 23, 0.03); background-color: #fff; border:1px solid #edeae9; border-color: #d3d3d3; border-radius: 14px;padding:40px 30px;}
.form-standalone-input-wrapper.focused{border:1px solid #333;}
.form-standalone-input-wrapper.min{padding:0;}
.form-standalone-input-wrapper.min .inner{padding:40px 30px;}
.form-standalone-input-wrapper .input-br{border-radius: 10px;}
.form-standalone-input-wrapper h3{font-weight: 400;margin: 0;margin-bottom: 0px;padding: 0;margin-bottom: 30px;font-size: 14px; text-transform: uppercase; }
.form-standalone-input-wrapper h3 .icon{margin-right: 5px;float: left;margin-top:-2px;width: 25px;}
.form-standalone-input-wrapper h3 .icon svg{height: 20px;width:20px;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);}
.form-standalone-input-wrapper h3 .icon.no-fill svg{fill:none;}
.form-standalone-input-wrapper h3 .icon.stroke svg{ stroke: rgb(76, 85, 102); }
.form-standalone-input-wrapper .invoiced-to{}
.form-standalone-input-wrapper .invoiced-to .icon{margin-right: 10px;}
.form-standalone-input-wrapper .invoiced-to .icon svg{width: 20px;}

.form-standalone-input-footer .cm-footer{border-top: 0px solid #edeae9;flex: 0 0 auto;justify-content: space-between;display: flex;flex-direction: row;align-items: center;padding: 0;padding-top:40px;height: 64px;box-sizing: border-box;flex-shrink: 0;justify-content: end;}
.form-standalone-input-footer .cm-footer .cancel{margin-right: 12px;}
.form-standalone-input-wrapper .breaker{border-top:1px solid #d3d3d3 ;}

#ProjectCreateBooking{min-height: 420px;margin-bottom: 0;}

/*ACTION LIST*/
.item-action-list{list-style: none;margin:0;padding: 0;}
.item-action-list li{margin: 0;padding: 0;border-top: 1px solid #efedec;padding: 8px;padding-left: 5px;padding-right: 5px;font-weight: 400;min-height: 31px;box-sizing: border-box;}

#TaskList.item-action-list li{padding-left: 8px;padding-right: 8px;margin-left: 20px;margin-right: 20px;margin-top: -1px;border-top: 1px solid transparent;min-height: 38px;}
#TaskList.item-action-list.pre-pad{padding-top: 8px;}
#TaskList.item-action-list li:hover{padding-left: 28px;padding-right: 28px; margin-left: 0;margin-right: 0;border-top: 1px solid #efefef;}
#TaskList.item-action-list li .task-name{margin-right: 170px;margin-left: 30px;height: 20px;overflow: hidden;}
#TaskList.item-action-list li .task-name.wide{margin-right: 540px;}
.item-action-list li.working{background-color: #efefef;-webkit-animation: flickerAnimation 1s infinite;-moz-animation: flickerAnimation 1s infinite;-o-animation: flickerAnimation 1s infinite;animation: flickerAnimation 1s infinite;}
.item-action-list .task-priority-inline{position: absolute;right:62px;top:-1px;cursor: pointer;}
.item-action-list .task-priority-inline .priority-item{position: relative;width: 20px;height: 20px;border-radius: 50%;display: flex; align-items: center;justify-content: center;}
.item-action-list .task-priority-inline .priority-item svg{height: 16px; width: 16px; }
.item-action-list .task-priority-inline .priority-item.LOWEST svg{}
.item-action-list .task-priority-inline .priority-item.LOW svg{}
.item-action-list .task-priority-inline .priority-item.MEDIUM svg{fill:#FFAB00;}
.item-action-list .task-priority-inline .priority-item.HIGH svg{}
.item-action-list .task-priority-inline .priority-item.HIGHEST svg{} 
.item-action-list .task-assignee-inline{position: absolute;right:100px;top:-2px;cursor: pointer;}
.item-action-list .task-assignedto-inline{position: absolute;right:140px;top:-2px;cursor: pointer;}


.item-action-list .task-priority-inline.detailed{right: 200px;padding-left: 40px; border-left: 0px solid #efedec; padding-top: 10px; padding-right: 40px; border-right: 0px solid #efedec; top:-8px;height: 36px;}
.item-action-list .due-inline{margin-right: 110px;width: 90px;text-align: center!important;}
.item-action-list .task-assignee-inline.wide{position: absolute;right:300px;top:-8px;cursor: pointer;width: 150px;height: 36px; padding-top: 6px;overflow: hidden; padding-left: 10px; border-left: 0px solid #efedec; }
.item-action-list .task-assignedto-inline.wide{position: absolute;right:450px;top:-8px;  cursor: pointer;width: 150px;height: 36px; padding-top: 6px; overflow: hidden; padding-left: 10px; border-left: 0px solid #efedec;}
.item-action-list .task-created-inline{position: absolute;right:0px;top:-8px; height: 36px; padding-top: 10px; cursor: pointer;width: 100px;font-size: 12px;color: #333; text-align: right; padding-left: 10px; border-left: 0px solid #efedec;}
.item-action-list .task-created-inline.secondary{top:-10px;}


.item-action-list .assignee-item{position: relative;width: 24px;height: 24px; line-height: 24px; text-align: center; border-radius: 50%;display: flex; align-items: center;justify-content: center;background-color: #ccc;font-size: 10px;font-weight: 400; }
.item-action-list .assignee-item.detailed{float: left;margin-right: 10px;}
.item-action-list .assignee-item._blue{background-color: #1073d6;color: #fff;}
.item-action-list .assignee-item._pink{background-color: #fc979c;color: #1e1f21;}
.item-action-list .assignee-item._orange{background-color: #ff991f;color: #1e1f21;}
.item-action-list .assignee-item._purple{background-color: #904ee2;color: #fff;}
.item-action-list .assignee-item._navy{background-color: #172B4D;color: #fff;}
.item-action-list .assignee-item.disc{border:0px solid #ff991f;}

.item-action-list .assign-name{font-size: 12px;display: inline-block;margin-top: 4px;}

.item-action-list li.complete{color: #333;font-weight: 400;}
.item-action-list li .action-tabs{float: right;width: 90px;text-align: right;}
.item-action-list li .action-tabs.min{width: 40px;}
.item-action-list li .action{margin-left: 10px;}
.item-action-list li .title{float: left;width: 70px;}
.item-action-list li .title.wide{width: 120px;}
.item-action-list li .icon{ position: relative; float: left;width: 18px;height: 18px; margin-top: 1px; margin-right: 10px;border:1px solid #17c073; background-color: #17c073; fill:#fff; border-radius: 10px;text-align: center;line-height: 15px;}
.item-action-list li .icon svg{height: 8px;width: 8px;fill:#fff;}
.item-action-list li .icon.open{opacity: 1;border-color: #000;fill: #000; color: #000; background-color: transparent;}
.item-action-list li .icon.open svg{fill:#000;}
.item-action-list li .icon.awaitingresponse{opacity: 1;border-color: #ff8f00;fill: #fff; color: #fff; background-color: #ff8f00;}
.item-action-list li .icon.awaitingresponse svg{fill:#fff;}
.item-action-list li .icon.underprocess{opacity: 1;border-color: #FFAB00;fill: #fff; color: #fff; background-color: #FFAB00;}
.item-action-list li .icon.underprocess svg{fill:#fff;}

.item-action-list li .comments-pill{background-color:#e8e5e4;border-radius: 12px;display: inline-flex;font-size: 12px;height: 20px;line-height: 20px;justify-content: center;position: relative;padding-left:8px;padding-right: 8px;}

.item-action-list li .icon.create{margin-top: 5px;background-color: transparent;}
.item-action-list li .icon.light{opacity: 0.75;border-color: #666;margin-top: 6px;background-color: transparent}
.item-action-list li .icon.light svg{fill: #666; color: #666;}

.item-action-list li .icon.action{cursor: pointer;margin-left: 0;}

.item-action-list li.working .icon.open{opacity: 0.75;border-color: #666;cursor: pointer;}
.item-action-list li.working .icon.open svg{fill: #666; color: #666;}

.item-action-list li .icon.border-transparent{border-color: transparent;}
.item-action-list li .notification-count{width: 20px;height: 20px;margin: 0px;border-radius: 4px;background-color: #efefef;color: #999;line-height: 20px;text-align: center;font-size: 12px;font-weight: 700;display: inline-block;}
.item-action-list li .notification-count.on{background-color: #007bff;color: #fff;}


.item-action-list li .input{border:0;outline:none;background-color: transparent;height: 28px;margin:0;padding:0; margin-top: 0px;width: calc(100% - 100px);font-size: 18px;}


.item-action-list.inverted li{border-top: 0;border-bottom: 1px solid #efedec;position: relative;}
.item-action-list.inverted li:hover{background-color: #f5f5f5;}

#TaskList{/*max-height: 221px;*/max-height: 230px;overflow: hidden;}
#TaskList.detailed{max-height: none;overflow:auto; margin-bottom: 50px;}
#RecentTasks.with-pagination{padding-bottom: 50px;min-height: 100%;}


@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0.4; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0.4; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0.4; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0.4; }
  100% { opacity:1; }
}
.animate-flicker {
  -webkit-animation: flickerAnimation 1s infinite;
  -moz-animation: flickerAnimation 1s infinite;
  -o-animation: flickerAnimation 1s infinite;
   animation: flickerAnimation 1s infinite;
}


/** RESPONSIVE **/

@media (max-width: 1200px){
	.page-l{width: 0px;overflow: hidden;}
	.page-l .sub-header{width: 0;overflow: hidden;}
	.page-c{margin-left:0px;}
}


/** MOBILE PHONES **/

@media (max-width: 768px) {

	#leftSuperMenuTrigger{margin-top: 13px;display: block;}
	.mat-select{width: 200px;}

    .c-card .label{display: block;}

}


/** CENTRAL CONTAINER FIX **/
@media (max-width: 1440px){
  .page-c .container{max-width: 100%;}
  .page-c.min .container{max-width: 1180px;}
}


.responseAvailability{min-height: 100px;}

.select-label {
  background-color: #fff;
  position: absolute;
  height: 20px;
  line-height: 20px;
  left: 0;
  top: 0;
  margin-top: -10px;
  margin-left: 10px;
  font-weight: 500;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  font-size: 10px;
  z-index: 1;
}


.add-to-booking-wrapper{padding-top: 20px;padding-bottom: 20px;}
.add-to-booking-wrapper ul{list-style: none;margin:0;padding: 0;border:1px solid #cad3e0;height: 50px;border-radius: 25px;}
.add-to-booking-wrapper ul li{float: left;width: 25%;}
.add-to-booking-wrapper ul li a{display: block;height: 50px;line-height: 48px;text-align: center;width: 100%;font-size: 14px;font-weight: 500;color: rgb(29, 44, 60);}
.add-to-booking-wrapper ul li a .fa{margin-right: 10px;}

.booking-action-wrapper{padding-top: 0px;padding-bottom: 20px;}
.booking-action-wrapper ul{list-style: none;margin:0;padding: 0;border:1px solid #cad3e0; border-color: #e3e8ef; height: 50px;border-radius: 25px;}
.booking-action-wrapper ul li{float: left;width: 33.333333%;}
.booking-action-wrapper ul li.downloadDoc{height: 50px;}
.booking-action-wrapper ul li a{display: block;height: 50px;line-height: 48px;text-align: center;width: calc(100% - 30px); margin-left:15px; margin-right:15px; font-size: 14px;font-weight: 500;color: rgb(29, 44, 60);}
.booking-action-wrapper ul li a .fa{margin-right: 10px;}

.booking-action-wrapper ul.square{border-radius: 4px;}
.booking-action-wrapper._25 ul li{width: 25%;}
.booking-action-wrapper._20 ul li{width: 20%;}
.booking-action-wrapper.f-0{padding-bottom: 0;}

.booking-action-wrapper ul.working li a{color: #ccc!important;}
.booking-action-wrapper ul li.working a{color: #ccc!important;}


/*#ServiceResp{border:2px dashed #ccc;min-height: 100px;}*/
#ServiceLoader{min-height: 100px;position: relative;border-top:1px solid #d3d3d3 ;}


.booking-service-delete {
  z-index: 101;
  position: absolute;
  border-radius: 4px;
  top: 20px;
  right: 20px;
  height: 30px;
  width: 30px;
  padding: 5px;
  cursor: pointer;
  -o-transition: .25s;
  -ms-transition: .5s;
  -moz-transition: .25s;
  -webkit-transition: .25s;
  transition: .25s;
}
.booking-service-delete:hover{
  background-color: #efefef;
  opacity: 1;
  -o-transition: .25s;
  -ms-transition: .25s;
  -moz-transition: .25s;
  -webkit-transition: .25s;
  transition: .25s;
}
.booking-service-delete svg{
  height: 20px;
  width: 20px;
  fill: #999999;
}
.booking-service-delete:hover svg{fill: #666666;}


/*.section-booking-overview-wrapper{padding-left: 15px;padding-right: 15px;}*/
.section-booking-overview-wrapper{padding-left: 0px;padding-right: 0px;padding-top: 20px;}

._booking-title-wrapper{text-align: center;padding-bottom: 20px;}
._booking-title-wrapper input{
  border: 0;
  outline: 0;
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  text-align: center;
  color: rgb(29, 44, 60);
  padding: 0;
  width: 100%;
  border-radius: 2px;
  margin: 0;
}
._booking-title-wrapper input::placeholder {
  color: rgb(104, 119, 143);
  font-weight: 700;
}

.section-booking-overview-wrapper .service-title-wrapper{padding-bottom: 18px;}
.section-booking-overview-wrapper .service-flex-start {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.section-booking-overview-wrapper .service-title-icon {
  background-color: #fff;
  position: relative;
}
.section-booking-overview-wrapper ._spacer-24px {
  padding: 0px 0px 0px 24px;
}
.section-booking-overview-wrapper .service-title-formatted-text {
  text-align: left;
  vertical-align: baseline;
  line-height: 24px;
  font-size: 18px;
  font-weight: 600;
}
.section-booking-overview-wrapper .service-title-icon svg {
  overflow: hidden;
  fill: rgb(76, 85, 102);
  color: rgb(76, 85, 102);
  vertical-align: text-top;
  font-size: 24px;
}

.section-booking-overview-wrapper .down-icon-wrapper{float: right;}
.section-booking-overview-wrapper .label-heading{font-size: 12px;font-weight: 400;padding:0;margin: 0;padding-bottom: 20px;/*text-transform: uppercase;*/color: #4B5669; color: rgb(29, 44, 60); letter-spacing: 0.5px;}
.section-booking-overview-wrapper label.label-title{font-size: 12px;padding:0;margin: 0;padding-bottom: 5px;}
.section-booking-overview-wrapper .booking_reference_title{font-size: 16px; font-weight: 600; padding-bottom: 10px;text-align: center;}
.section-booking-overview-wrapper .booking_status_title{font-size: 14px; font-weight: 400; padding-bottom: 20px;text-align: center;line-height: 20px;}


.booking-status-dot{display: inline-block;height: 20px;margin-right: 10px;}
.booking-status-text{display: inline-block;height: 20px;}



.section-booking-overview-wrapper .booking_status_title .booking-status-icon-wrapper{display: block;margin-top: 4px;height:20px;width:20px;}
.section-booking-overview-wrapper .booking_status_title span{display:inline-block;height:20px;line-height: 20px;}


.section-booking-overview-wrapper .booking_price_details{padding-top: 0px;padding-bottom: 0px;}
.section-booking-overview-wrapper .booking_price_details .total-price{padding: 0;margin:0;text-align: center;font-size: 22px;font-weight: 600;}
.section-booking-overview-wrapper .booking_price_details .supplier-total-price{padding: 0;margin:0;margin-top:8px;text-align: center;font-size: 14px;font-weight: 400;}

.section-booking-overview-wrapper .booking_dates{font-size: 12px;padding-bottom: 20px;text-align: center;}
.section-booking-overview-wrapper .booking_payment{font-size: 12px;padding-bottom: 0px;padding-top: 20px;}
.section-booking-overview-wrapper .booking_holder{font-size: 12px;padding-bottom: 0px;padding-top: 20px;}
.section-booking-overview-wrapper .booking_agency{font-size: 12px;padding-bottom: 0px;padding-top: 20px;}
.section-booking-overview-wrapper .booked-itinerary{padding-top: 20px;}

.section-booking-overview-wrapper .booking-content{padding: 20px; font-size: 12px;margin-bottom: 10px;border-radius: 8px;border: 1px solid rgb(227, 232, 239);}
.section-booking-overview-wrapper .booking-content.service-hotel{ padding-left: 0;padding-right: 0; /*border-left: 3px solid #006bee;border-top-left-radius: 3px;border-bottom-left-radius: 3px;*/}

.section-booking-overview-wrapper .booking-content .label-heading{padding-bottom: 0;}
.section-booking-overview-wrapper .booking-content .label-heading.service-title{padding-bottom: 0;padding-left: 20px;padding-right: 20px;border-bottom: 1px solid transparent;}
.section-booking-overview-wrapper .booking-content .label-heading.service-title.open{border-color: #e3e8ef;padding-bottom: 20px;}

.section-booking-overview-wrapper .booking-action-wrapper .label-heading{color: #333;font-size: 16px;}

.section-booking-overview-wrapper .product-wrapper{border-bottom:1px solid #efefef;padding-bottom: 10px;padding-bottom: 0px;position: relative;}
.section-booking-overview-wrapper .product-wrapper:last-child{border: 0;}
.section-booking-overview-wrapper .product-wrapper .h-image-wrapper{position: absolute;top: 90px;right:20px;width: 80px;height: 80px;background-color: #ddd;overflow: hidden;border-radius: 8px;}
.section-booking-overview-wrapper .product-wrapper .h-image-wrapper .h-image{height: 100%;width: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.section-booking-overview-wrapper .product-wrapper .title{font-size: 16px;font-weight: 500;padding-bottom: 5px;padding-left: 20px; padding-right: 20px;}
.section-booking-overview-wrapper .product-wrapper .sub-title{margin:0;padding: 0;padding-bottom: 10px;font-size: 12px;padding-left: 20px; padding-right: 20px;}
.section-booking-overview-wrapper .product-wrapper .sub-title .fa{margin-right: 10px;color:#cccccc;}
.section-booking-overview-wrapper .product-wrapper .dates-pax-rooms{margin:0; padding: 0;padding-bottom: 20px; font-size: 14px;padding-left: 20px; padding-right: 20px; }
.section-booking-overview-wrapper .product-wrapper .product-price{font-size:14px;padding-bottom: 20px;padding-left: 20px;padding-right: 20px;}
.section-booking-overview-wrapper .product-wrapper .product-price .amount{float: right;font-weight: 600;font-size:16px;}
.section-booking-overview-wrapper .product-wrapper .product-price .title-pill{color: #172b4d;border:1px solid #f1f1f1; min-width: 80px; margin-bottom: 5px; display: inline-block; border-radius:4px;padding:3px 8px; padding-bottom: 2px; margin-right: 20px;font-size: 12px;}

.section-booking-overview-wrapper .itinarary-title{color: rgb(85, 103, 122); color:#333; font-size: 20px;padding-bottom: 30px;padding-left: 0px;padding-top: 30px;padding-left: 0px;padding-right: 0px;}

.section-booking-overview-wrapper .h-rooms-wrapper{padding-bottom: 20px;padding-top:20px;border-top:1px solid #efefef;padding-left: 20px;padding-right: 20px;}
.section-booking-overview-wrapper .h-rooms-wrapper .svg-icon{float: left;margin-right: 10px;}
.section-booking-overview-wrapper .h-rooms-wrapper .svg-icon svg{height: 24px;width: 24px;margin-top: -4px;}
.section-booking-overview-wrapper .h-rooms-wrapper .rm-board{margin-left: 35px;padding-bottom: 10px;display: block;}
.section-booking-overview-wrapper .h-rooms-wrapper .pax-wrapper{padding-bottom: 0px;}
.section-booking-overview-wrapper .h-rooms-wrapper .pax-wrapper .pax-name{margin:0;padding: 0;padding-bottom: 5px;margin-left: 35px;color: rgb(76, 85, 102);}
.section-booking-overview-wrapper .h-rooms-wrapper .pax-wrapper .pax-name .pax-no{width: 40px;float: left;}
.section-booking-overview-wrapper .h-rooms-wrapper .h-room-name{font-weight: 500;}

.section-booking-overview-wrapper .h-rooms-wrapper .title-pill{color: #172b4d;border:1px solid #f1f1f1; min-width: 45px; margin-bottom: 5px; display: inline-block; border-radius:4px;padding:3px 8px; padding-bottom: 2px; margin-right: 20px;font-size: 12px;}

.section-booking-overview-wrapper .cancellation-wrapper{position: relative;padding-top: 20px;border-top:1px solid #efefef;padding-left: 20px;padding-right: 20px;}
.section-booking-overview-wrapper .cancellation-wrapper .policy-title{padding-bottom: 20px;}
.section-booking-overview-wrapper .cancellation-wrapper .policy-title .svg-icon{float: left;margin-right: 10px;}
.section-booking-overview-wrapper .cancellation-wrapper .policy-title .svg-icon svg{height: 24px;width: 24px;margin-top: -4px;}
.section-booking-overview-wrapper .cancellation-wrapper .policy-breakdown{padding-left: 35px;padding-bottom: 10px;}

.section-booking-overview-wrapper .remarks-wrapper{padding-top: 20px; padding-bottom:15px;border-top: 1px solid #efefef;padding-left: 55px;color: #4B5669;}
.section-booking-overview-wrapper .service-action-wrapper{padding-top: 20px; padding-right: 20px; border-top: 1px solid #efefef;padding-left: 55px;color: #4B5669;text-align: right;}


.item-title-inline{min-width: 100px;display: inline-block;}

/*RAC*/

.rac-tabs{height: 40px;border-bottom: 1px solid #ebecf0;position: absolute;top:69px;left:0;right: 0;background-color: #fff;z-index: 1;padding-top: 0px;}
.rac-tabs ul{list-style: none;}
.rac-tabs ul li{float: left;padding-left:30px;padding-right:30px;text-align: center;height: 40px;line-height: 20px;padding-top: 10px;padding-bottom: 10px;}
.rac-tabs ul li.active{color: #006bed;}

.rac-tabs ul li .notification-count{
    width: 20px;
    height: 20px;
    margin-left: 5px;
    border-radius: 4px;
    background-color: #006bee;
    color: #fff;
    border: 1px solid #006bee;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
}

.rac-tabs ul li:hover{background-color: #efefef;}

.rac-tabs-spacer{height: 40px;}


.section-rac-standard-wrapper{padding-left: 15px;padding-right: 15px;}





textarea._pre{
    min-height: 300px;
    background: #31374f;
    border: 1px solid #31374f;
    color: #f2f3f4;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 12px;
    line-height: 1.6;
    border:0;
    outline: none;
    border-radius: 16px;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
    border-radius: 10px;
    box-shadow: none;
    padding-right: 40px!important;
}
textarea._pre:focus{
  border:0;
  padding: 1em 1.5em;
  box-shadow: none;
}


/* NOTES */
.booking-notes-wrapper{padding-bottom: 160px;}
.notes-message-input-wrapper{background-color:#fff; z-index:1;height: 160px;position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ebecf0;padding: 10px;padding-left: 20px;padding-right: 20px;box-shadow: 2px -5px 6px rgb(0 0 0 / 3%);}
.notes-message-input-wrapper textarea{height: 80px;width: 100%;border:1px solid #d3d3d3;background: #fff;padding: 10px;border-radius: 8px;}
.notes-message-input-wrapper .btn-wrapper{text-align: right;padding-top: 10px;padding-bottom: 20px;}

.user-note{margin-right: 100px;padding:10px;padding-left:15px;padding-right:15px;border-radius: 8px;background-color: #efefef;color: #333;margin-bottom: 10px;float: left;clear: both;position: relative;}
.user-note:before{position: absolute;bottom:10px;left:0px;margin-left:-20px;content: " ";border: 10px solid transparent;border-right: 10px solid #efefef;}
.user-note p{margin:0;padding:0;padding-bottom: 5px;}
.user-note .username{font-size: 12px;font-style: italic;}

.my-user-note{margin-left: 100px;padding:10px;padding-left:15px;padding-right:15px;border-radius: 8px;background-color: #ebf3fe;color: #333;margin-bottom: 10px;float: right;clear: both;text-align: right;position: relative;}
.my-user-note:before{position: absolute;bottom:10px;right:0px;margin-right:-20px;content: " ";border: 10px solid transparent;border-left: 10px solid #ebf3fe;}
.my-user-note p{margin:0;padding:0;padding-bottom: 5px;}
.my-user-note .username{font-size: 12px;font-style: italic;text-align: right;}


/* SUPPORT TICKETS */

.support-ticket-assignee{margin-right: 100px;padding:10px;padding-left:15px;padding-right:15px;border-radius: 8px;background-color: #f7f7f7;color: #333;margin-bottom: 10px;float: left;clear: both;position: relative; background-color: #fff; border: 1px solid #d4dbe0;   border-bottom-left-radius: 0; }
.support-ticket-assignee:before{position: absolute;bottom:10px;left:0px;margin-left:-20px;content: " ";border: 10px solid transparent;border-right: 10px solid #f7f7f7;}
.support-ticket-assignee p{margin:0;padding:0;padding-bottom: 5px;}
.support-ticket-assignee .username{font-size: 12px;font-style: italic;}

.support-ticket-agent{margin-left: 100px;padding:10px;padding-left:15px;padding-right:15px;border-radius: 8px;background-color: #f7f7f7;color: #333;margin-bottom: 10px;float: right;clear: both;text-align: right;position: relative;}
.support-ticket-agent:before{position: absolute;bottom:10px;right:0px;margin-right:-20px;content: " ";border: 10px solid transparent;border-left: 10px solid #f7f7f7;}
.support-ticket-agent p{margin:0;padding:0;padding-bottom: 5px;}
.support-ticket-agent .username{font-size: 12px;font-style: italic;text-align: right;}

.support-ticket-assignee.last, .support-ticket-agent.last{background-color: #f5f5f5;}
.support-ticket-assignee.last:before, .support-ticket-agent.last:before{border-right-color: #ebf3fe;display: none;}

.support-ticket-msg{cursor: pointer;}

/*TASKS*/

.section-task-overview-wrapper{position: relative;}
.section-task-overview-wrapper .inner-pad{padding-left: 15px;padding-right: 15px;} 

.section-task-overview-wrapper .private-header{background-color: #f9f8f8;padding: 10px 14px;color: #333;border-radius: 8px;display: flex;align-items: center;}
.section-task-overview-wrapper .private-header .subtle-btn{ color: #6d636f;fill: #6d636f;background-color: transparent;border:1px solid transparent;font-weight: 500;font-size: 14px;;height: 36px;line-height: 36px;padding: 0 12px;}
.section-task-overview-wrapper .private-header .subtle-btn:hover{background-color: #f2f0f0;}
.section-task-overview-wrapper .private-header .copy{flex:1; color: #333;font-size: 14px;line-height: 36px;}
.section-task-overview-wrapper .private-header .copy .svg{margin-right: 10px;}
.section-task-overview-wrapper .private-header .copy .svg svg{height: 14px;width: 14px;fill: currentColor;}

.section-task-overview-wrapper .task-title-wrapper{position: relative;margin-top:12px}
.section-task-overview-wrapper .task-title-wrapper .task-title-input{ border-radius: 8px; padding:10px;padding-left:14px;padding-right:14px;border:1px solid transparent;font-size: 24px;margin-bottom: 10px;background-color: #fff;outline: none;width: 100%;height: 46px; }
.section-task-overview-wrapper .task-title-wrapper .task-title-input:hover{border-color: #afabac;}

.section-task-overview-wrapper .task-description{position: relative;margin-bottom:12px}
.section-task-overview-wrapper .task-description .quickAddTaskDesc{resize: none;border-radius: 8px;padding:10px;border:1px solid #dfe1e6;border-color: transparent ; padding-left: 14px;padding-right: 14px;width: 100%;min-height: 100px;background-color: #fff;outline: none;}
.section-task-overview-wrapper .task-description .quickAddTaskDesc:hover{border-color: #afabac;}

.task-add-comment-wrapper{position: absolute;bottom: 0;left: 0;right: 0;padding:20px;background-color: #fff;border-top: 1px solid #ebecf0;}
.task-add-comment-wrapper .comment-user-avatar{ margin-top: 5px; margin-left: 14px; float: left; width: 36px; height: 36px; font-size: 12px; background-color: #ccc; border-radius: 50%; display: flex; justify-content: center;align-items: center;}
.task-add-comment-wrapper .comment-user-avatar._blue{background-color: #1073d6;color: #fff;}
.task-add-comment-wrapper .comment-user-avatar._pink{background-color: #fc979c;color: #1e1f21;}
.task-add-comment-wrapper .comment-user-avatar._orange{background-color: #ff991f;color: #1e1f21;}
.task-add-comment-wrapper .comment-user-avatar._purple{background-color: #904ee2;color: #fff;}
.task-add-comment-wrapper .comment-user-avatar._navy{background-color: #172B4D;color: #fff;}
.task-add-comment-wrapper .task-add-comment{ display: block; margin-left: 74px; max-height: 50px;border:1px solid #cfcbcb;background-color: #fff;outline: none;resize: none;padding: 14px 10px;width: calc(100% - 80px);border-radius: 8px;}
.task-add-comment-wrapper .task-add-comment.open{min-height: 140px;max-height: auto;}
.task-add-comment-wrapper .add-task-comment-footer{display: none;}
.task-add-comment-wrapper .add-task-comment-footer.open{flex: 0 0 auto;justify-content: space-between;display: flex;flex-direction: row;align-items: center;padding: 0 32px;height: 64px;box-sizing: border-box;flex-shrink: 0;justify-content: end;padding-right: 14px;}
.task-add-comment-wrapper .add-task-comment-footer .cancel{margin-right: 12px;}

.section-task-overview-wrapper .task-comments .comment-item{position: relative;margin-bottom: 15px;}
.section-task-overview-wrapper .task-comments .comment-item .comment-user-avatar{ float: left; width: 36px; height: 36px; font-size: 12px; background-color: #ccc; border-radius: 50%; display: flex; justify-content: center;align-items: center;}
.section-task-overview-wrapper .task-comments .comment-item .comment-user-avatar._blue{background-color: #1073d6;color: #fff;}
.section-task-overview-wrapper .task-comments .comment-item .comment-user-avatar._pink{background-color: #fc979c;color: #1e1f21;}
.section-task-overview-wrapper .task-comments .comment-item .comment-user-avatar._orange{background-color: #ff991f;color: #1e1f21;}
.section-task-overview-wrapper .task-comments .comment-item .comment-user-avatar._purple{background-color: #904ee2;color: #fff;}
.section-task-overview-wrapper .task-comments .comment-item .comment-user-avatar._navy{background-color: #172B4D;color: #fff;}

.section-task-overview-wrapper .task-comments .comment-item .comment-user-copy{margin-left: 60px;padding-top: 4px;}
.section-task-overview-wrapper .task-comments .comment-item .comment-user-copy .user-title{margin-bottom: 5px;color: #000;}
.section-task-overview-wrapper .task-comments .comment-item .comment-user-copy .user-title .name{font-size: 14px; font-weight: 500; margin-right: 8px;}
.section-task-overview-wrapper .task-comments .comment-item .comment-user-copy .user-title .time{font-size: 12px; margin-left: 8px; }
.section-task-overview-wrapper .task-comments .comment-item .comment-user-copy .user-comment{color: #333;font-size: 12px;font-weight: 400;line-height: 18px;}

.task-comments{padding-bottom: 100px;min-height: 100px;padding-left: 14px;padding-right: 14px;}
.task-comments.open{padding-bottom: 240px;}

.task-attachments{position: relative;}
.task-attachments:after{content: "";clear: left;display: block;}
.task-attachments .add-task-square{cursor:pointer;color: #1e1f21;fill:#6d6e6f;display:block; float: left; margin-right:10px; margin-bottom: 15px;width: 48px;height:48px;}
.task-attachments .add-task-square svg{height:48px;width:48px;}
.task-attachments .add-task-square svg .DashedTile-outer {fill: rgba(0,0,0,0);stroke: #cfcbcb;transition: 200ms fill,200ms stroke;stroke-dasharray: 2.9778,1.9852;}
.task-attachments .add-task-square svg .DashedTile-inner {fill: #6d6e6f;transition: 200ms fill,200ms stroke;}

.task-attachments .add-task-square:hover{background-color: #f9f8f8;border-radius: 6px;}

.section-task-overview-wrapper .display-flex{display: flex;}
.section-task-overview-wrapper .QuickAddTaskAssigneeField {align-items: center;display: flex;flex-shrink: 0;min-height: 36px;padding: 4px 0px; flex: 1;margin-bottom: 5px;}
.section-task-overview-wrapper .QuickAddTaskAssigneeField ._lable{margin-right: 8px;color: #6d6d6d;font-size: 12px;}
.section-task-overview-wrapper .QuickAddTaskAssigneeField ._lable.block{width: 120px;}
.section-task-overview-wrapper .QuickAddTaskAssigneeField .dueDateInput{position: absolute;top:0;left:0;right:0;bottom:0;z-index: 1;opacity: 0; cursor: pointer; }
.section-task-overview-wrapper .QuickAddTaskAssigneeField-token {flex: 0 1 auto;min-width: 1px;display: inline-flex;line-height: 20px; margin-right: 40px;}
.section-task-overview-wrapper .Token {align-items: center;background-color: #e8e5e4;border: 1px solid;border-top-color: currentcolor; border-color: transparent; background-color: transparent; border-right-color: currentcolor;border-bottom-color: currentcolor;border-left-color: currentcolor;border-color: rgba(0,0,0,0);border-radius: 12px;box-sizing: border-box;color: var(--color-customization-foreground-weak);cursor: pointer;display: inline-flex;font-size: 14px;height: 24px;justify-content: center;max-width: 1240px;padding-left: 8px; padding-left: 0; position: relative;transition-duration: 100ms;transition-property: background,border,color,fill;white-space: nowrap}
.section-task-overview-wrapper .Token .svg{margin-right:10px;width: 28px;text-align: center;}
.section-task-overview-wrapper .Token .svg.MEDIUM svg{fill:#FFAB00;}
.section-task-overview-wrapper .Token .svg.MEDIUM svg{fill:#FFAB00;}
.section-task-overview-wrapper .Token .svg svg{height:16px;width:16px;}
.section-task-overview-wrapper .QuickAddTokenButton {flex: 0 1 auto;min-width: 1px;}
.section-task-overview-wrapper .QuickAddTokenButton.hover{margin-left:-8px;padding-left: 8px;padding-right: 8px;border:1px solid transparent;padding-top: 10px;padding-bottom: 10px;border-radius: 6px;}
.section-task-overview-wrapper .QuickAddTokenButton.hover:hover{border-color: #efefef;background-color: #f9f8f8;}
.section-task-overview-wrapper .Token--withAvatar {padding-left: 38px}
.section-task-overview-wrapper .Token-anchorBox {align-items: center;display: inline-flex; padding-right: 10px;}
.section-task-overview-wrapper .Token-removeButton {margin: 0 4px;padding:0 4px;border-radius: 50%}
.section-task-overview-wrapper .Token-removeButton:hover{background-color: #efefef;}
.section-task-overview-wrapper .Token-removeButton svg{height: 12px;min-height: 12px;min-width: 12px;width: 12px}
.section-task-overview-wrapper .TokenAvatar {align-items: center;background: center/cover #cfcbcb;border-radius: 50%;box-shadow: inset 0 0 0 1px rgba(0,0,0,.07);box-sizing: border-box;color: #fff;display: inline-flex;justify-content: center;position: relative;vertical-align: top;background-color: #fc979c;border:1px solid #d58589;color: #1e1f21; left: 0px;position: absolute;top: 0px;width: 28px;height: 28px;font-size: 11px;margin-top:-4px;}
.section-task-overview-wrapper .TokenAvatar._blue{background-color: #1073d6;border-color:#1073d6;color: #fff;}
.section-task-overview-wrapper .TokenAvatar._pink{background-color: #fc979c;border-color:#fc979c;color: #1e1f21;}
.section-task-overview-wrapper .TokenAvatar._orange{background-color: #ff991f;border-color:#ff991f;color: #1e1f21;}
.section-task-overview-wrapper .TokenAvatar._purple{background-color: #904ee2;border-color:#904ee2;color: #fff;}
.section-task-overview-wrapper .TokenAvatar._navy{background-color: #172B4D;border-color:#172B4D;color: #fff;}

.section-task-overview-wrapper .TokenAvatar.CAL{background-color: transparent;border: 1px solid #444;fill:#6d6e6f;}
.section-task-overview-wrapper .TokenAvatar.CAL svg{height: 16px;width: 16px;}
.section-task-overview-wrapper .TokenAvatar.PAST{border:1px solid #c92f54 ; fill: #c92f54; background-color: transparent;}
.section-task-overview-wrapper .TokenAvatar.EMPTY{fill: #6d6e6f;border:1px dashed #6d6e6f ; background-color: transparent;}
.section-task-overview-wrapper #DueDateLAbel.PAST{color: #c92f54;}

.section-task-overview-wrapper .QuickAddTextArea{position: absolute;top:140px;left:0;right:0;bottom:70px;overflow-y: auto;}
.section-task-overview-wrapper .QuickAddTextArea textarea{ width: 100%; height: 210px; margin:0; padding: 24px; padding-top: 4px; font-size: 16px;border:0;outline: 0;background: transparent;resize: none;}
.section-task-overview-wrapper .QuickAddAttachments{padding-left: 14px;padding-right: 14px;margin-bottom: 10px;}
.section-task-overview-wrapper .QuickAddAttachments .file{height: 48px;border:1px solid #edeae9;background-color: #fff;border-radius: 6px;margin-right: 10px;margin-bottom: 10px;width: 200px; position: relative; display: block; float: left; }
.section-task-overview-wrapper .QuickAddAttachments .file input{height:1px;width: 1px;display: none;}
.section-task-overview-wrapper .QuickAddAttachments .file .filename{position: absolute;left:48px;top:15px;font-size: 14px;width: calc(100% - 58px);height: 20px;overflow: hidden;}
.section-task-overview-wrapper .QuickAddAttachments .file .file-icon{ text-decoration: none; margin-left: 15px; position: absolute;top:11px;height:24px; cursor: pointer; left: 0;width: 24px;display:flex; align-items: center; text-align: center; }
.section-task-overview-wrapper .QuickAddAttachments .file .file-icon svg{height:24px;width:24px;fill:#6d6e6f;}
.section-task-overview-wrapper .QuickAddAttachments .file:hover{border-color: #6d6e6f;-o-transition: .2s;-ms-transition: .2s;-moz-transition: .2s;-webkit-transition: .2s;transition: .2s;}
.section-task-overview-wrapper .QuickAddAttachments .file .delete-item{ border-top-right-radius: 6px; border-bottom-right-radius: 6px; cursor: pointer; position: absolute; right:0;top:0;bottom:0;width: 24px;display: none; align-items: center; justify-content: center; background-color: #f1f1f1; }
.section-task-overview-wrapper .QuickAddAttachments .file .delete-item svg{height: 16px;width: 16px;fill:#6d6e6f;}
.section-task-overview-wrapper .QuickAddAttachments .file:hover .delete-item{display: flex;}
.section-task-overview-wrapper .QuickAddAttachments .file ._loader{position: absolute; top:0; left:0; right:0; bottom:0;}
.section-task-overview-wrapper .actionBar{border-top:1px solid #efefef;position: absolute;bottom:0;left:0px;right:0;height: 70px;padding-left: 24px;padding-right:24px;align-items: center;display: flex;flex: 0 1 auto;flex-shrink: 0;justify-content: space-between;max-width: 100%;overflow: hidden;}
.section-task-overview-wrapper .actionBar .dueDate{position: relative; width: 200px;margin-left: 40px;margin-left: 0;}
.section-task-overview-wrapper .actionBar .dueDate .icon{width: 20px; text-align: center; position: absolute;left:-40px;top:0;margin-top: 10px;display: none;}
.section-task-overview-wrapper .actionBar .dueDate .icon svg{width:16px;height:16px;opacity: 0.7;fill: #6d6e6f;}
.section-task-overview-wrapper .actionBar .QuickAddFile {margin-right:80px;width: 38px;text-align: center;height: 38px;align-content: center;align-items: center;display: flex;justify-content: center;border-radius: 8px;cursor: pointer;}
.section-task-overview-wrapper .actionBar .QuickAddFile:hover{background-color: #efefef;}
.section-task-overview-wrapper .actionBar .QuickAddFile svg{width:16px;height:16px;opacity: 0.7;fill: #333;}
.section-task-overview-wrapper .actionBar .dueDate input{height: 38px;border:1px solid #ddd; border-radius: 8px; background-color: #fff;outline:0;background: #fff;box-shadow: none;padding-left: 10px;padding-right: 10px;width:100%;box-sizing: border-box;}
.section-task-overview-wrapper .actionBar .createButton{width: 100px;}










.btn._40{height: 40px;line-height: 40px;overflow: hidden;}
.btn.round20{border-radius: 20px;}




#NoTasksLabel{font-size: 14px;color: #666;padding-left: 28px;padding-right: 28px;padding-top: 10px;}

.booking-tasks-wrapper{padding-bottom: 295px;}
.tasks-message-input-wrapper{background-color:#fff; z-index:1; height: 295px;position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ebecf0;padding: 10px;padding-left: 20px;padding-right: 20px;box-shadow: 2px -5px 6px rgb(0 0 0 / 3%);}
.tasks-message-input-wrapper textarea{height: 80px;width: 100%;border:1px solid #d3d3d3;background: #fff;padding: 10px;border-radius: 8px;}
.tasks-message-input-wrapper .btn-wrapper{text-align: right;padding-top: 10px;padding-bottom: 20px;}

.booking-user-task{color:#333;margin-bottom: 20px;background-color: #fff; border: 0px solid #cad3e0; padding: 0px;padding-left:20px;padding-top:20px;border-radius: 0px;}
.booking-user-task .task-title{font-size: 20px;font-weight: 500;margin:0;padding: 0;padding-bottom: 20px;color: #333;}
.booking-user-task .task-item-label{font-size: 12px;color: #6A6E6F;}

.booking-user-task .status-icon {float: left;width: 14px;height: 14px;margin-right: 8px;text-align: center;line-height: 16px;}
.booking-user-task .down-icon-wrapper{float: right;}



.mat-flat-button-success:hover{color: #12714d;fill: #12714d;border-color: #58a182;background-color: #e0f4ec;}
.mat-flat-button-success:active{background-color: #cce8dd;}
.mat-flat-button-success.on{color: #12714d;fill: #12714d;border-color: #58a182;background-color: #e0f4ec;}

/* TOAST */

#toast-container {width: auto !important;position: fixed !important;right: 2% !important;max-height: 100%;top: 110px;max-width: 380px;z-index: 1111111111;}
.full-toast {float: right;width: 324px;height: auto !important;padding:10px;border-radius: 20px !important;box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);margin-bottom: 10px;padding-left: 40px;position: relative;font-weight: 600;}
.full-toast .fa{position: absolute;left: 12px; top: 12px;cursor: pointer;}
.red-mode {background-color: #FFE5E5 !important;color: #e63a5d !important;}
.blue-mode {background-color: #466be2 !important;color: #fff !important;}
.green-mode {background-color: #12d394 !important;color: #fff !important;}



.notepad-wrapper{height: 275px;position: relative;}
.notepad-wrapper .pre-loader{background-color: #eff0f3;height: 40px;border-radius: 8px;position: relative;margin-bottom: 5px;}
.notepad-wrapper .pre-loader.md{width: 80%;}
.notepad-wrapper .pre-loader.sm{width: 50%;}


.notepad-wrapper textarea{margin:0;padding: 0;outline: none; background: transparent; border:0; font-size: 14px; height: 100%; width: 100%; resize: none; }

/** SAFARI FIX **/
.row:before, .row:after {display: none !important;}

.ui-widget.ui-widget-content {
  border: 1px solid #000;
}
.ui-widget-content {
  border: 1px solid #000;
  background: rgba(0,0,0,.8);
  color: #ddd;
  -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
}
.ui-widget-shadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}


.view-container{padding:20px; padding-bottom: 40px; margin-top:-80px;min-height: 100vh;}
.view-container.secondary{min-height: calc(100vh - 200px);}
.view-container.teritory{min-height: calc(100vh - 348px);}
.view-container.home{min-height: calc(100vh - 220px);}
.view-container.profile{min-height: calc(100vh - 428px);}
.view-container.offset-top{margin-top: -80px;}
.view-container.offset-top-close{margin-top: -120px;}
.view-container.bookings{min-height: calc(100vh - 348px);margin-top: 20px;}


.bar-links{}
.bar-links ul{margin:0;padding:0;list-style: none;padding: 10px;}
.bar-links ul li{margin:0;padding:0;list-style: none;position: relative;}
.bar-links ul li a{display: block;border-radius: 8px;padding:10px;color:#1f1e21!important;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.bar-links ul li a:hover{color: #000;background-color: #efefef;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.bar-links ul li .cheveron {position: absolute;top: 50%;margin-top: -10px;height: 20px;right: 0;margin-right: 20px;font-size: 16px;color: #999;-o-transition: .2s;-ms-transition: .2s;-moz-transition: .2s;-webkit-transition: .2s;transition: .2s;}
.bar-links ul li:hover .cheveron{margin-right: 15px;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}


img.admin-company-logo{height: 80px;}



.section-quickaccess h2{font-size: 22px;font-weight: 400;margin:0;padding:0;margin-bottom: 20px;}
.section-quickaccess .item-wrapper{ position: relative; display: block; padding-left: 20px;padding-right: 20px;padding-top: 20px;padding-bottom: 20px;border-radius: 8px;background-color: #fff;color: #333; text-decoration: none; margin-bottom: 20px; }
.section-quickaccess .item-wrapper.hover-shadow:hover{box-shadow: 0 0 0 1px #afabac, 0 2px 10px 0 rgba(109, 110, 111, 0.08);}
.section-quickaccess .item-wrapper .item-icon{float: left;width: 30px;text-align: left;height: 24px;}
.section-quickaccess .item-wrapper .item-title{margin-left: 30px;font-size: 16px;height: 24px;}
.section-quickaccess .item-wrapper:hover{background-color: #fafafa;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.section-quickaccess .item-wrapper .cheveron{position: absolute;top:50%;margin-top: -10px;height:20px;right:0;margin-right: 20px;font-size: 16px;color: #999;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.section-quickaccess .item-wrapper:hover .cheveron{margin-right: 15px;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}


.section-quickaccess .links .item-wrapper{min-height: 130px;}
.section-quickaccess .links .item-wrapper .item-title{text-align: left;margin-left: 0;font-size: 14px;font-weight: 400;}
.section-quickaccess .links .item-wrapper .cheveron{top: 80%;}
.section-quickaccess .links .item-wrapper .item-count{font-size: 28px;position: absolute;right: 20px;bottom: 20px;color: #3c4043;font-weight: 400;display: flex;-webkit-align-items: right;align-items: right;-webkit-justify-content: center;justify-content: center;}
.section-quickaccess .links .item-wrapper .item-count.sm{font-size: 18px;}
.section-quickaccess .links .item-wrapper .item-create{font-size: 28px;position: absolute;left: 20px;bottom: 20px;color: #3c4043;font-weight: 400;display: flex;-webkit-align-items: left;align-items: left;-webkit-justify-content: center;justify-content: center;}
.section-quickaccess .links .item-wrapper .svg-item {margin-right: 5px;color: #3c4043; stroke: #3c4043; margin-top: -2px;}
.section-quickaccess .links .item-wrapper .svg-item svg{width: 24px;height: 24px;}
.section-quickaccess .links .item-wrapper .svg-item img{height: 24px;}
.section-quickaccess .links .item-wrapper .image-wrapper{ position: absolute;top:0px;left:0;right:0;bottom:0;background-color: #ccc; background-position: center; background-size: cover; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-radius: 8px; }
.section-quickaccess .links .item-wrapper .image-wrapper ._icon{position: absolute; top: 10px; right: 10px; display: flex; font-size: 20px; border:1px dashed #333; width: 30px; height: 30px; border-radius: 50%; background-color: #fff; -webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center; }

.blue-graphic .section-quickaccess h2,.pink-graphic .section-quickaccess h2{color: #fff;}


.bSegZV {/*color: rgb(104, 119, 143);*/color:rgb(224, 222, 220); overflow: hidden;margin-left: 0px;margin-right: 0px;font-size: 0px;}
.bSegZV::before {position: absolute;content: "";inset: 5px; inset: 0; border-radius: inherit; background-color: currentcolor;opacity: 0.1;transition: opacity 0.2s ease 0s;z-index: 0;pointer-events: none;}
.bSegZV::after {position: absolute;content: "";display: block;top: 0px;left: -300px;width: 300%;height: 100%;pointer-events: none;background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));animation: 2s ease-in-out 0s infinite normal none running gXrbbb;}

@-webkit-keyframes gXrbbb{
	0%{
		left:-300%;
	}
	to{
		left:300%;
	}
}
@keyframes gXrbbb{
	0%{
		left:-300%;
	}
	to{
		left:300%;
	}
}


.widget-list-wrapper{min-height: 280px;}
.widget-list-wrapper.with-header{min-height: 240px;}
.widget-list-wrapper .pre-loader-title{background-color: #eff0f3;max-width:200px;border-radius: 8px;position: relative;height: 24px;margin-bottom: 20px;}
.widget-list-wrapper .pre-loader-disc{height:40px;width:40px;background-color: #eff0f3; border-radius: 20px; margin-right: 10px; float: left; }
.widget-list-wrapper .pre-loader{background-color: #eff0f3;width: calc(100% - 50px) ;border-radius: 8px;position: relative;height: 40px;margin-bottom: 5px;margin-left: 50px;}
.widget-list-wrapper .pre-loader.md{width: 80%;}
.widget-list-wrapper .pre-loader.sm{width: 50%;}


.widget-list-wrapper.short{min-height: 104px;}
.widget-list-wrapper.short .pre-loader{height: 104px;width: 100%;margin-left: 0;}



.widget-list-quickaccess{min-height: 170px;position: relative;}
.widget-list-quickaccess .pre-loader-title{background-color: #eff0f3;width: 100%;border-radius: 8px;position: relative;height: 24px;margin-bottom: 20px;}
.widget-list-quickaccess .pre-loader{background-color: #eff0f3;width: 100%;border-radius: 8px;position: relative;height: 64px;margin-bottom: 5px;}

.widget-list-quickaccess.links{min-height: 160px;}
.widget-list-quickaccess.links .pre-loader{height: 130px;}


/* TASKS */

.create-modal-wrapper{position: fixed; top:0; left:0; right:0; bottom:0; z-index: 9999;overflow-x: hidden;overflow-y: auto;display: flex;padding: 40px;box-sizing: border-box; -o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s; }
.create-modal-wrapper .create-modal-backdrop{position: fixed; top:0; left:0; right:0; bottom:0; z-index: 1; background-color: rgba(0,0,0,0.7);background-color: rgba(30,31,33,0.75); }
.create-modal-wrapper .create-modal-container{
  width: 100%;
  max-height: 100%;
  max-width: 600px;
  transform: scale(1);
  background-color: rgb(255, 255, 255);
  opacity: 1;
  -webkit-tap-highlight-color: transparent;
  box-shadow: rgba(37, 32, 31, 0.25) 0px 12px 50px 0px;
  margin: auto;
  transition: opacity 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s, -webkit-transform 0.2s ease-in-out 0s;
  outline: 0px;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 320px;
  z-index: 2;
  position: relative;
}
.create-modal-wrapper .create-modal-container .cm-header{padding: 0 32px;height: 64px;box-sizing: border-box;border-bottom: 1px solid #edeae9;flex: 0 0 auto;justify-content: space-between;display: flex;flex-direction: row;align-items: center;color: #1f1e21;fill: #6d6d6d;}
.create-modal-wrapper .create-modal-container .cm-header h2{font-size: 20px;line-height: 28px;font-weight: 400;margin:0;padding:0;}
.create-modal-wrapper .create-modal-container .cm-header .close-button{cursor:pointer; height: 28px;min-height: 28px;min-width: 28px;width: 28px;border-radius: 6px;flex-grow: 0;margin: 0 0 0 16px;align-items: center;border: 1px solid;box-sizing: border-box;display: inline-flex;justify-content: center;transition-duration: 200ms;transition-property: background,border,fill;border-color: transparent;background-color: transparent;fill:#6d6d6d ;}
.create-modal-wrapper .create-modal-container .cm-header .close-button:hover{background-color: rgba(55,23,23,0.03);fill: #1e1f21;}
.create-modal-wrapper .create-modal-container .cm-header .close-button svg{flex: 0 0 auto;height: 16px;width: 16px;}
.create-modal-wrapper .create-modal-container .cm-content{padding: 24px 32px;min-height: 1px;}
.create-modal-wrapper .create-modal-container .cm-content h3{font-weight: 400;margin:0;padding:0;margin-bottom: 30px;font-size: 14px;}
.create-modal-wrapper .create-modal-container .cm-footer{border-top: 1px solid #edeae9;flex: 0 0 auto;justify-content: space-between;display: flex;flex-direction: row;align-items: center;padding: 0 32px;height: 64px;box-sizing: border-box;flex-shrink: 0;justify-content: end;}
.create-modal-wrapper .create-modal-container .cm-footer .cancel{margin-right: 12px;}


.create-modal-wrapper.sm .create-modal-container{min-height: auto;max-width: 500px;   }
.create-modal-wrapper.sm .create-modal-container #ModalActionResp{min-height: 150px;   }
.create-modal-wrapper.med .create-modal-container{max-width: calc(100% - 40px) ; width: 800px;   }
.create-modal-wrapper.wide .create-modal-container{ max-width: calc(100% - 40px); width: 1200px ; min-height: 800px;  }

/*
.create-modal-wrapper.sm .create-modal-container, .create-modal-wrapper.med .create-modal-container, .create-modal-wrapper.wide .create-modal-container
{
    -o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;
}
*/

#ModalActionResp{min-height: 300px;position: relative;overflow-y: auto; }


 /* KEYBOARD SHORTCUTS */

 .KeyboardShortcutLabel-key {
  background-color: #f9f8f8;
  border: 1px solid #edeae9;
  border-radius: 4px;
  box-sizing: border-box;
  color: #6d6e6f;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 24px;
  height: 32px;
  justify-content: center;
  line-height: 24px;
  min-width: 32px;
  padding: 4px;
}

.keyboard-shortcut-list{list-style: none;margin:0;padding:0;margin-top: 40px;margin-left: 20px;margin-right: 20px;}
.keyboard-shortcut-list li{border-bottom: 1px solid #edeae9;margin-bottom: 10px;padding-top: 5px; padding-bottom: 5px;position: relative;}
.keyboard-shortcut-list li .shortcut{float: right;}
.keyboard-shortcut-list li .shortcut .KeyboardShortcutLabel-key{padding:0px 4px;font-size: 14px;line-height: 18px;min-width: 20px;height: 20px;margin-left: 4px;}


.KeyboardShortcuts{
  padding-left: 20px;
  padding-right: 10px;
  height: 40px;
  display: block;
  line-height: 40px;
  border-top: 1px solid #efefef;
  font-size: 14px;
  color: #333;
  background-color: #fff;
  cursor: pointer;
}
.KeyboardShortcuts:hover{
  background-color: #efefef;color: #000;
}


.booking-buttons{}
.booking-buttons .btn{min-width: 150px!important;}



#DynamicMarkupProfiles{ position: relative; }
#DynamicMarkupProfiles .group{position: relative;padding: 10px 15px; padding-bottom: 20px; border:1px solid #ddd;border-radius: 8px;margin-bottom: 15px;}
#DynamicMarkupProfiles .group .delete-group{position: absolute;right:5px;top:5px;padding: 10px;border-radius: 4px; cursor: pointer; display: flex; align-items: center; ;justify-content: center; }
#DynamicMarkupProfiles .group .delete-group:hover{background-color: #efefef;}
#DynamicMarkupProfiles .group .delete-group  svg{height: 16px;width: 16px;}

#DynamicMarkupProfiles .group .form-check-label{margin-left: 5px!important;}





.hr-with-title {
  text-align: center;
  border-bottom: 1px solid #ccc;
  line-height: 0.1em;
  margin-bottom: 35px;
  margin-top: 10px;
}

.hr-with-title span {
  background: #fff;
  padding: 0 10px;
  color: #4c5566; 
  font-size: 14px;
}




.service-type-radio-wrapper{margin-bottom: 20px;}
.service-type-radio-wrapper .form-check{margin-bottom: 20px;border:1px solid #e3e8ef;border-radius: 40px;display: inline-block; /*min-width: 220px;*/ width:100%; margin-right: 20px; }
.service-type-radio-wrapper ._inner{padding:0px;}
.service-type-radio-wrapper .form-check-label{
  margin-left: 30px;
  font-weight: 500;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.service-type-radio-wrapper ._inner input{margin-left: 10px;}

/*
.service-type-radio-wrapper .icon
{
  margin-left: 10px;
  float: right;
  border-left: 1px solid #efefef;
  padding-top: 8px;
  padding-left: 10px;
  height: 40px;
  background-color: #efefef;
  padding-right: 10px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.service-type-radio-wrapper .icon svg{width: 20px;height: 20px;}
*/

.destination-suggest-list li{list-style: none;position: relative;border-bottom: 0;}
.destination-suggest-list li a{padding:7px 10px;text-decoration: none;color:#0065b8;display:block;outline:none;font-size: 14px;border-bottom: 1px solid #ddd;}
.destination-suggest-list li a.highlight,.destination-suggest-list li a:focus{background:#cce1ff;}
.destination-suggest-list li a:hover{background:#e3e8f0;}
.destination-suggest-list li a .fa{float: left;color: #333;margin-top: 3px;}
.destination-suggest-list li a span.title{display: block;float: none;margin-left:40px;margin-left: 25px; margin-right:20px; color: #000;font-weight: 500;height: 20px; overflow: hidden;}
.destination-suggest-list li a span.sub{display: block;float: none;margin-left: 40px;margin-left: 25px;color: #666;font-size: 12px;}
.destination-suggest-list span{float:right;color:#999;}
.destination-suggest-list li.header-title{height: auto;padding-left: 35px;padding-top: 8px;padding-bottom: 8px;background-color: #efefef;color: #000;font-size: 12px;font-weight: 700;}
.destination-suggest-list li span.flag{position: absolute; top:8px; right:10px;}
.destination-suggest-list li span.flag .img{height: 12px;width: 16px;background-size: cover; background-position: center; }

.destination-suggest-list.asl{width: 300px;border:0;}
.destination-suggest-list.asl .destination-suggest-list{margin-top: 0;border-radius: 6px;}
.destination-suggest-list.asl a{text-align: left;}
.destination-suggest-list.asl span{float: none;}
.destination-suggest-list.asl .destination-suggest-list li a{text-decoration: none;}
.destination-suggest-list.asl .destination-suggest-list li:last-child a{border-bottom: 0;}

.service-res-head{padding-bottom: 5px;border-bottom: 1px solid #d3d3d3; font-size: 12px; margin-bottom: 10px;}
.service-res-row{border: 1px solid #efefef;border-radius: 8px;margin-bottom: 6px;}
.service-res-row.on{
  border-color: #09757a;
  background-color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-left-width: 3px;
  border-right-width: 3px;
  border-bottom-width: 3px;
}
.service-res-row .title-item{padding-bottom: 5px;padding-top: 5px;padding-left: 10px;padding-right: 10px;}
.service-res-row .title-item:hover{background-color: #09757a; color: #fff;border-radius: 8px;}
.service-res-row .title-item.on{background-color: #09757a; color: #fff; font-weight: 700;border-radius: 0px;}
.service-res-row .res-item{min-height: 40px;position: relative;}
.service-res-row .rooms-wrapper{padding:10px;padding-bottom: 20px;}
.service-res-row.title-item:hover{background-color: #efefef;}

.service-res-row .item-header{
  border: 0;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  font-weight: 500;
}
.service-res-row .item{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 0;
  border-top: 1px solid #efefef;
  margin-bottom: 0px;
}
.service-res-row .item:hover{background-color: #f8f8f8; }
.service-res-row .row-txt{padding-top: 10px;padding-bottom: 10px;}
.service-res-row .row-txt img{max-height: 16px;max-width: 50px;}
.service-res-row .button-wrapper{position: absolute;top:50%;margin-top: -16px;right: 0;width: 105px;}
.service-res-row .button-wrapper .btn{width: 100%;}

.service-res-row .sheet{background-color: rgba(255,255,255,0.3);}

.service-checkout-selection-wrapper{
  border: 1px solid #efefef;
  border-radius: 8px;
  margin-bottom: 6px;
  padding: 15px;
}

.service-checkout-selection-wrapper ul{margin:0;padding:0;padding-left: 20px;padding-right: 20px;padding-bottom: 20px;padding-top: 10px;}
.service-checkout-selection-wrapper ul li{margin:0;padding:0;}

.add-profile-wrapper{padding-top: 30px;padding-bottom: 10px; padding-left: 20px; padding-right: 20px; border-top: 1px solid #eee;}

.h-info-title{float: left;width: 100px;}

.h-s-img{height: 40px;width: 60px;border-radius: 4px;background-color: #ccc;float: left;background-size: cover; background-position: center; }
.h-s-content{margin-left: 80px;padding-top: 4px;}

._title_inline{display: inline-block; width: 100px;}


.form-dynamic-items-wrapper{border:1px solid #d3d3d3;border-radius: 4px;margin-bottom: 50px;}
.form-dynamic-items-wrapper .item{padding: 24px;border-bottom: 1px solid #d3d3d3;padding-bottom: 0;}
.form-dynamic-items-wrapper .item:last-child{border-bottom: 0;}
.form-dynamic-items-wrapper .item-title{padding: 16px 24px;border-bottom: 1px solid #d3d3d3;color: #006bed;font-weight: 700; font-size: 11px;text-transform: uppercase;letter-spacing: .8px;}
.form-dynamic-items-wrapper .remove-item{position: absolute;top:0;right: 0;cursor: pointer;opacity: 0.6;}
.form-dynamic-items-wrapper .remove-item:hover{opacity: 1;}
.form-dynamic-items-wrapper .remove-item img{width: 16px;height: 16px;}
.form-dynamic-items-wrapper .item-title.secondary{color: #222;}
.form-dynamic-items-wrapper.m-b-0 {margin-bottom: 0px;border-bottom: 0;}
.form-dynamic-items-wrapper .item-title ._icon {float: left;width: 30px;}

/* ONBOARDING CREATE COMPONENTS */
.onboarding-sidebar {background-attachment: scroll;background-color: #1A72E6;background-image: url(/assets//img/grain@2x.png);background-position: right bottom;background-repeat: no-repeat;background-size: 25% 100%;position: absolute;top: 0;right: 0;bottom: 0;width: 320px;}
.platform-step {overflow: hidden;pointer-events: none;position: absolute;right: 32px;top: 64px;bottom: 0;width: 481px;}
.presentation-img {width: 100%;}
.client-onboarding-header {margin-bottom: 64px;margin-left: 120px;margin-top: 48px;min-width: 900px;max-width: 100%;}
.client-onboarding-header .title {padding: 0;margin: 0;margin-left: 0px;font-size: 24px;line-height: 32px;font-weight: 500;margin-left: 60px;}
.stepper {margin-left: 60px;margin-right: 80px;margin-top: 60px;}
.stepper .form-input-width{width: auto;}
.stepper .item{max-width: 900px;clear: both;min-height: 55px; position: relative;}
.stepper .item .stepper-item{}
.stepper .item:not(:last-child) .stepper-item::before { content: "";background-color: rgba(0,0,0,.12);width: 1px;left: 12px;position: absolute;top: 32px;bottom: 8px;}
.stepper .item .stepper-item-knob {background-color: rgba(0,0,0,.38);border-radius: 50%;font-size: 12px;font-weight: 500;height: 24px;line-height: 24px;position: relative;text-align: center;width: 24px;float: left;color: #fff;}
.stepper .item .stepper-item-label{color: rgba(0,0,0,.38);font-weight: 500;margin:0;padding: 0;margin-left: 40px;font-size: 16px;line-height: 24px;color: rgba(0,0,0,.38);}
.stepper .item .content{margin-left: 40px;padding-top: 40px;padding-bottom: 40px;display: none;}
.stepper .item .content .label-mat{display: block;padding-bottom: 0;}
.stepper .item.active .content{display: block;}
.stepper .item.active .stepper-item-knob {background-color: #1A72E6;}
.stepper .item.active .stepper-item-label{color: rgba(0,0,0,.87);}
.stepper .item.done .stepper-item-knob {background-color: #1A72E6;cursor: pointer;}
.stepper .item.done .stepper-item-label{color: rgba(0,0,0,.87);}

.system-update-icon {
  float: left;
  margin-right: 10px;
  width: 10px;
  border: 1px solid #222;
  width: 18px;
  height: 18px;
  display: flex;
  text-align: center;
  border-radius: 50%;
  align-items: center;justify-content: center;
}
.system-update-icon svg{width: 10px;fill: #222;}
.system-update-icon.pending{border-style: dashed;opacity: 0.7;}





.search-filters-wrapper {
  min-height: 70px;
  margin-top: 20px;
  margin-bottom: 10px;
  border-top: 1px solid #d3d3d3;
  padding-top: 20px;
  border-bottom: 0px solid #d3d3d3;
  padding-bottom: 20px;
}
.search-filters-wrapper::after{content: "";clear: both;display:block;}
.search-filters-wrapper ul{list-style: none; margin: 0; padding: 0;}
.search-filters-wrapper ul li{list-style: none; margin: 0; padding: 0;float: left;height: 30px;border:1px solid #ccc;border-radius: 6px;padding:4px 10px;}
.search-filters-wrapper ul li ._icon{display: inline-block;margin-right: 6px;}
.search-filters-wrapper ul li ._icon svg{width: 16px;height: 16px;}
.search-filters-wrapper ul li:hover{background-color: #222;color: #fff;}
.search-filters-wrapper ul li:hover ._icon svg{fill: #fff;color: #fff;}
.search-filters-wrapper ul li ._notification .title-count{background: #363f45;color: #fff;height: 20px;padding: 0 8px;border-radius: 99px;font-size: 12px;line-height: 18px;font-weight: 700;}
.search-filters-wrapper .inline-filter-pill-selection{background-color:#fff;border:1px solid #636b7c;color: #2b2c30;}
.search-filters-wrapper .inline-filter-pill-selection:hover{background-color: #636b7c;color: #fff;}
.search-filters-wrapper .inline-filter-pill-selection .close-pill{background-color:#636b7c;margin-top: 5px;line-height: 16px;color: #fff;}
.search-filters-wrapper .inline-filter-pill-selection:hover .close-pill{background-color:#fff;color: #636b7c;}


.c-card{box-shadow: none;}
.table-wrapper-wide {-ms-overflow-style: none;  /* Internet Explorer 10+ */scrollbar-width: none;  /* Firefox */}
.table-wrapper-wide::-webkit-scrollbar { display: none;  /* Safari and Chrome */}


/*CUSTOM*/
.page-l{background-color: #f6f6f6;box-shadow: 10px 0 5px -2px #ddd; box-shadow: none; border-right: 1px solid #dee2e6;}
.page-l ul.list-menu li a{color: #222;}
.page-l ul.list-menu li a span.icon{color: inherit;}
.page-l.min ul.list-menu li{padding-left: 10px; -webkit-transition: all .25s;transition: all .25s; }
.page-l.min ul.list-menu li a{padding-left: 12px;padding-right: 12px; -webkit-transition: all .25s;transition: all .25s; }
.page-l.min ul.list-menu li a:hover{padding-left: 12px;padding-right: 12px; -webkit-transition: all .25s;transition: all .25s; }
.page-l.min ul.list-menu li.active a{padding-left: 12px;padding-right: 12px; -webkit-transition: all .25s;transition: all .25s; }

.page-l ul.list-menu li{-webkit-transition: all .25s;transition: all .25s; }
.page-l ul.list-menu li a{-webkit-transition: all .25s;transition: all .25s; }
.page-l ul.list-menu li a:hover{-webkit-transition: all .25s;transition: all .25s; }
.page-l ul.list-menu li.active a{-webkit-transition: all .25s;transition: all .25s; }

.page-l.min ul.list-menu li a ._title{display: none;}
.page-l-toggle{background-color: #f6f6f6;border-top-color: #d2d7dd;}
.page-l ul.list-menu li:hover a{background-color: rgb(185, 190, 197);}


.custom-col-pad{padding-left: 5px;padding-right: 5px;}
.c-card{margin-bottom: 10px!important;}
.section-quickaccess .links .item-wrapper{height: 170px;margin-bottom: 10px;}
.widget-list-quickaccess.links .pre-loader{height: 170px;margin-bottom: 10px;}
.page-l ul.list-menu li a{border-radius: 18px;}
.page-l ul.list-menu li:hover a{border-radius: 18px;}
.page-l ul.list-menu li.active a{border-radius: 18px;}



#HotelNameResultsList{position: absolute;right:0;min-width: 400px;top:29px;list-style: none;padding:0;margin:0;z-index: 999;}
#HotelNameResultsList li{list-style: none;padding:0;margin:0;padding: 8px 15px;background-color: #fff;color: #000;border: 1px solid #ddd;border-bottom: 0;max-width: 100%; overflow: hidden;height: auto;float: none;border-radius: 0;line-height: 18px;}
#HotelNameResultsList li:first-child{border-top-left-radius: 8px;border-top-right-radius: 8px;}
#HotelNameResultsList li:last-child{border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
#HotelNameResultsList li:last-child{border-bottom: 1px solid #ddd;}
#HotelNameResultsList li:hover{background-color: #efefef;cursor: pointer;}




.form-standalone-input-wrapper.focused{border:0px solid #ddd;box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);}
.project-create-splash{background: rgb(226, 231, 236);background: #f6f6f6;}
/*.service-res-row{border-radius: 20px;}*/
.service-res-row .title-item{padding-left: 20px;padding-right: 20px;}
/*.service-res-row .title-item:hover{border-radius: 20px;}*/
.service-res-row .title-item.on:hover{border-radius: 0px;}
.search-filters-wrapper .inline-filter-pill{border-color: #d9d9d9;}
.service-res-row .title-item:hover,.service-res-row .title-item.on{background-color: #1a73e8;background-color: #636b7c;}
.service-res-row.on{border-color: #1a73e8; border-color: #636b7c; border-radius: 8px;}
.hotel-autocomplete-pill{position: relative;height: 30px;box-sizing: border-box; border:1px solid #d9d9d9;float: right;margin-left: 10px;margin-bottom: 10px;border-radius: 20px;line-height: 30px;background-color: #fff;}
.hotel-autocomplete-pill ._icon {
  float: left;
  width: 20px;
  margin-left: 20px;
  color: #666;
}
.hotel-autocomplete-pill input {
  width: calc(100% - 40px);
  height: 26px;
  max-height: 100%;
  padding-left: 0px;
  padding-right: 10px;
  border: 0;
  outline: none;
  background-color: transparent;
}

.hotel-autocomplete-pill ._close-pill {
  position: absolute;
  top: 1px;
  right: 1px;
  padding-right: 10px;
  background-color: #fff;
  border-radius: 20px;
  height: 26px;
  line-height: 26px;
  padding-left: 10px;
}
.inline-filter-pill-selection ._close-pill{float: right ;margin-left: 10px; width: 18px;height: 18px ; line-height: 18px; margin-top: 4px; border-radius: 15px; font-size: 13px; text-align: center; background-color: #bcd5f8 ; color: #1a73e8; }
.inline-filter-pill-selection ._close-pill:hover{background-color: #fff;}


.page-l .logo{position: absolute;left:0;right:0;border-bottom: 0px solid #d2d7dd;height:60px;}
.p-l-menu-wrapper{margin-top: 75px;margin-bottom: 60px;overflow-y: scroll; height: calc(100% - 135px); }
.p-l-menu-title{font-size: 12px;margin-bottom: 20px; padding-top: 20px; color: rgba(0,0,0,0.6);padding-left: 20px;padding-right: 20px;max-height: 36px;overflow: hidden;}

.p-l-group-list-wrapper{padding-left: 10px;padding-right: 10px;}
.p-l-group-list{}
.p-l-group-list ul._group{list-style: none;margin:0;padding: 0;}
.p-l-group-list ul._group li._group-item{list-style: none;margin:0;padding: 0; border-bottom: 2px solid #f6f6f6; background-color: #eaeaea;}
.p-l-group-list ul._group li._group-item:hover{background-color: #e2e2e2;}
.p-l-group-list ul._group li._group-item.on{background-color: #e2e2e2;}

.p-l-group-list ul._group li._group-item:first-child{border-top-left-radius: 20px;border-top-right-radius: 20px;}
.p-l-group-list ul._group li._group-item:last-child{border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;border-bottom:0;}

.p-l-group-list ._head-title{padding-left: 15px;padding-right: 15px;padding-top:15px;padding-bottom: 13px;cursor: pointer;}
.p-l-group-list ._head-title ._toggle-icon{float: right;}
.p-l-group-list ._head-title ._toggle-icon svg{height: 10px;width: 10px;fill: rgba(0, 0, 0, 0.6);-o-transition:.25s;-ms-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s;}
.p-l-group-list ._head-title.on ._toggle-icon svg{transform: rotate(180deg);-o-transition:.25s;-ms-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s;}

.p-l-group-list ._head-title ._title{font-weight: 500;color: #333333;}
.p-l-group-list ._items{padding-bottom: 15px;}
.p-l-group-list ._items ul{list-style: none;margin:0;padding: 0;padding-left: 6px;padding-right: 6px;}
.p-l-group-list ._items ul li{list-style: none;margin:0;padding: 0;border-radius: 20px;margin-bottom: 2px;}
.p-l-group-list ._items ul li:hover{background-color: #d5dce6;background-color: rgb(185, 190, 197);}
.p-l-group-list ._items ul li a{text-decoration: none;color: rgba(0, 0, 0, 0.6);display: block;padding: 8px 10px;color: #222;}
.p-l-group-list ._items ul li:hover a{color: #222;}

.p-l-group-list ._items ul li.on{background-color: #d5dce6;background-color: rgb(185, 190, 197);}
.p-l-group-list ._items ul li.on a{color: #222;}

.p-l-group-list ._items ul li a ._icon{float: left;width: 35px;margin-left: 15px;}
.p-l-group-list ._items ul li a ._icon svg{width: 16px;height: 16px;}
.p-l-group-list ._items ul li a ._link-name{}

.page-l.min ul.list-menu{padding-top: 56px;}
.page-l.min .p-l-menu-title{display: none;}
.page-l.min .p-l-group-list-wrapper{display: none;}

.page-l{background-image: none;}

.back-to-top{position: fixed; bottom: 60px; right: 40px;width: 40px; height: 40px; font-size: 16px; display: none;border-radius: 50%; background: #222; color: #fff;}
.back-to-top.on{ z-index: 9; cursor: pointer; display: flex; align-items: center;justify-content: center; flex-direction: column;}
.back-to-top.on:hover{opacity: 0.75;}

.latest-booking-list{list-style: none;margin:0;padding:0;border-top: 0px solid #efedec;}
.latest-booking-list li{list-style: none;margin:0;padding:0;border-bottom: 0px solid #efedec;padding-bottom: 8px;padding-top: 8px;padding-left: 20px;padding-right: 20px;}
.latest-booking-list li:hover{background-color: #f5f5f5;}
.latest-booking-list li .booking-item{display: flex; align-items: center;font-size: 12px; }
.latest-booking-list li .booking-item ._first{width: 30px;flex-shrink: 0;}
.latest-booking-list li .booking-item ._second{width: 90px;flex-shrink: 0;}
.latest-booking-list li .booking-item ._third{width: 100px;flex-shrink: 0;}
.latest-booking-list li .booking-item ._forth{width: 100px;flex-shrink: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-right: 10px;}
.latest-booking-list li .booking-item ._fifth{flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0;}
.latest-booking-list li .booking-item ._sixth{width: 100px;flex-shrink: 0; text-align: right;}

.latest-bookings-count{position: absolute;right:20px;top: -40px;font-size: 12px;color: rgba(0,0,0,.54);}

._dates-to{position: absolute;left: 50%; margin-left: -10px; top: 50%; margin-top: -10px;}
._dates-to svg{height:20px;width: 20px;}

.dashboard-list-table-rows-wrapper{height: 380px; overflow-y: scroll;}

.dashboard-list-secondary-table-rows{height: 155px;overflow-y: scroll;}
.dashboard-hotels-distribution-flex{display: flex;border-bottom: 1px solid #ebeef1;padding-top: 6px; padding-bottom: 6px;}
.dashboard-hotels-distribution-flex ._name-wrapper{flex: 1;}
.dashboard-hotels-distribution-flex ._count-wrapper{width:50px;flex-shrink: 0; text-align: right;}

.table.m-b-0{margin-bottom: 0;}

.row-checkbox-wrapper{padding-left: 12px;padding-top: 12px;}
.row-checkbox-wrapper .checkbox{opacity: 0;width: 18px;height: 18px;/*transition: opacity 0.2s ease;*/}
.bookings tr:hover .row-checkbox-wrapper .checkbox{opacity: 1;}
.row-checkbox-wrapper .checkbox:checked{opacity: 1;}

.table-list-rows-row .row-checkbox-wrapper .checkbox{opacity: 1;}
.table-list-rows-header .row-checkbox-wrapper .checkbox{opacity: 1;}

.footer-floating-menu-wrapper{
  box-sizing: border-box;
  position: fixed;
  bottom: 8px ;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  z-index: 9999;
  left: 0;
  right:0;
  padding:10px
}
._menu{
  position: relative;
  background-color: #505258;
  padding: 10px;
  border-radius: 10px;
  color: #dddee1;
  font-weight:600;
  padding-left: 30px;
  padding-right: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 1;
  font-size: 16px;
}
._menu .selected-count{min-width: 24px;height: 20px;background-color: #dddee1;color: #505258;border-radius: 4px;justify-content: center;align-items: center;display: flex;margin-right: 10px;}
._menu .divi{height: 16px;width:1px; background-color:#dddee1; margin-left: 30px;margin-right: 30px;}
._menu-btn{border:0;outline: 0;padding:5px 10px;background:none;border-radius: 4px;}
._menu-btn:hover{background-color: #373a40;}



.user-menu-popup{position: absolute;top:45px;right: 0; border-radius: 4px; width: 420px; background-color: #fff; box-shadow: var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f); }
.user-menu-popup .inner{padding: 8px;}
.user-menu-popup .user-row{background-color: #f8f8f8;padding: 16px;border-radius: 4px;display: flex; gap: 16px; align-items: stretch; flex-direction: row; }
.user-menu-popup .user-row .avatar-circle{width: 64px; height: 64px; border-radius: 50%; background-color: #0052cc; color: #fff; display: flex; justify-content: center; align-items: center ; font-weight: 700; font-size: 18px; }
.user-menu-popup .user-row .user-info{ display: flex; align-items: center; }
.user-menu-popup .user-row .user-info .user-name{font-size: 18px; font-weight: 700; color: var(--text-color); }
.user-menu-popup .link-row{ border-radius: 0; gap: 20px; display: flex;align-items: center; padding-left: 22px; padding-right: 22px; padding-top: 14px; padding-bottom: 14px; text-decoration: none; }
.user-menu-popup .link-row:hover{background-color: #f0f1f2; background-color: rgb(238, 242, 255);}
.user-menu-popup .link-row .icon{width: 24px;height: 24px; display: flex; justify-content: center; align-items: center; }
.user-menu-popup .link-row .icon svg{fill: var(--text-color); color: var(--text-color);  height: 16px; }
.user-menu-popup .link-row .title{font-size: 14px; color: var(--text-color); }
.user-menu-popup .spacer{margin-bottom: 6px;}
.user-menu-popup .spacer.bordered{border-top: 1px solid #ddd;margin-top: 6px;}


.page-l ul.list-menu li a span.icon svg{width: 16px;height: 16px;}
.page-l ul.list-menu li a{display: flex; align-items: center; }
.page-l ul.list-menu li a svg.guides path{fill: #000;}
.page-l ul.list-menu li.active a svg.guides path{fill: #fff;}

.page-l ul.list-menu li.active svg{color: #fff; fill: #fff;}
.latest-booking-list li .booking-item ._second{width: 110px;}

.header ul li a .avatar-disc{position: relative;z-index: 2;}
.header ul li a .avatar-disc._blue{background-color: #0052cc;color: #fff;}
.header ul li a .menu-disk.menu-btn{ line-height: auto; width: auto; border-radius: 6px; padding-left: 10px; padding-right: 12px; font-weight: 600; display: flex; align-items: center; gap: 4px; }
.header ul li .notification-count .value{background-color: #fd9891; color: var(--text-color); border-radius: 1px;}
.header ul li a svg{ width: 18px; }
.header ul{float: none; display: flex; align-items: center; justify-content: flex-end; }
.header ul li{display: flex;height: 50px;justify-content: center;align-content: center;align-items: center;}
.header ul li a{height: auto;}
.userMenu ul li{justify-content: flex-start;height: auto;}
.userMenu ul li a{width: 100%;}
.userMenu{box-shadow: var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f);}
.userMenu ul{display: block;}
.userMenu ul li a:hover{background-color: #f0f1f2;}
.achievement-widget-wrapper{border-radius: 6px;}
.header ul li.svg{padding-left: 0;padding-right: 0;}
.header ul li.svg a{height: 50px;display: flex;align-items: center; justify-content: center;color: #000;}
.inline-filter-pill{height: 40px; line-height: 40px;}

.inline-filter-pill-selection{height: 40px;line-height: 38px;border-radius: 20px;}
.inline-filter-pill-selection .close-pill{margin-top: 9px;}




.guides-search-wrapper{height: 44px; margin-bottom: 100px; border-radius: 8px; border:2px solid #919183; background-color: #fff;display: flex; align-items: center; gap: 14px; padding-left: 14px;padding-right: 5px;}
.guides-search-wrapper:hover{background-color: #efefef;}
.guides-search-wrapper:focus-within{border:2px solid #14140f;padding-left: 14px;padding-right: 4px;background-color: #fff;}
.guides-search-wrapper ._icon_search{width: 24px;height: 24px;}
.guides-search-wrapper input{width: 100%;background-color: transparent;border:0;height: 40px;outline: none;font-size: 16px;}
.guides-search-wrapper_close{ position: absolute; top: 5px; right: 6px; cursor: pointer; display: flex;  height: 32px;width: 34px;  align-items: center; justify-content: center; border-radius: 4px; background-color: #efefef; }
.guides-search-wrapper_close svg{width: 14px;height: 14px;fill: #666;display: block;}
.guides-search-wrapper_close:hover{opacity: 0.7;}

.suggest-search-wrapper{ z-index: 1; position: absolute;top: 49px; left: 0; right: 0; padding: 20px; border-radius: 10px; background-color: #fff; box-shadow: 0 8px 16px 1px #d2d2c8; }
.suggest-search-wrapper .item{padding: 16px 20px;border-radius: 8px;font-size: 16px;}
.suggest-search-wrapper .item.on{background-color: #e8e8e8;}
.suggest-search-wrapper .item:hover{background-color: #e8e8e8;}
.suggest-search-wrapper .no-results{padding: 16px 20px;font-size: 16px;}

.guides-header-title{font-size: 20px;font-weight: 400;}

.guides-article-link{padding: 24px; box-shadow: 0 0 0 1px #d2d2c8; cursor: pointer; background-color: #fff; margin-top: 16px; border-radius: 10px;transition: box-shadow .25s ease-in-out;}
.guides-article-link ._flex{display: flex; align-items: center; justify-content: space-between; }
.guides-article-link .formatted-text{font-size: 16px; line-height: 18px; font-weight: 400;display: flex; align-items: center; justify-content: flex-start; gap: 15px;}
.guides-article-link .formatted-text svg{width: 20px;height: 20px;}
.guides-article-link:hover {box-shadow: 0 3px 12px #00000014,0 1px 6px #00000014,0 0 2px #0000001f;transition: box-shadow .25s ease-in-out;}
.guides-article-link ._svg{width: 24px;height: 24px;}

.guides-search-wrapper_loader {
    position: absolute;
    top: 5px;
    right: 44px;
    height: 32px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spin {
    position: relative;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
}

.spin::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid;
    border-color: #000 #000 rgba(217,217,217,0.3) rgba(217,217,217,0.3);
    animation: spinLoader 0.8s linear infinite;
}

@keyframes spinLoader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spinLoader {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.guide-resp{position: relative;margin-bottom: 60px;}
.guide-resp .headline-flex{display: flex;align-items: start; justify-content: space-between; grid-area: 20px; margin-bottom: 20px;}
.guide-resp .headline-flex .btn-flex{display: flex;gap: 10px;align-items: center;}
.guide-resp .headline-flex .close-article{ display: flex; align-items: center; justify-content: center; gap: 6px; cursor: pointer;padding: 4px 8px; }
.guide-resp .headline-flex .close-article:hover{opacity: 0.7;background-color: #fff;border-radius: 4px;}
.guide-resp .headline-flex .share-article{ display: flex; align-items: center; justify-content: center; gap: 6px; cursor: pointer;padding: 4px 8px; }
.guide-resp .headline-flex .share-article:hover{opacity: 0.7;background-color: #fff;border-radius: 4px;}
.guide-resp h2{font-size: 20px;margin:0;padding:0;}
.guide-resp .sub-heading{margin-bottom: 30px;font-size: 14px; line-height: 22px;}
.guide-resp .item-well{box-shadow: 0 0 0 1px #d2d2c8;background-color: #fff;border-radius: 10px;padding: 20px;min-height: 100px;margin-bottom: 30px;}
.guide-resp .item-well .headline{display: flex;align-items: center;margin-bottom: 20px;gap: 10px;font-size: 16px;font-weight: 600;}
.guide-resp .item-well .headline .disc{width: 30px;height: 30px;border-radius: 15px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; background-color: #000; }
.guide-resp .item-well .screenshot{width: 100%;border-radius: 10px;margin-top: 10px;}

.guide-resp .jump-pills{display: flex;gap: 20px;margin-bottom: 40px;}
.guide-resp .jump-pills .jump-pill-item{ display: flex; font-size: 14px; height: 30px;border-radius: 15px; padding-left: 14px; padding-right: 14px; justify-content: center; align-items: center; border:1px solid #000; background-color: #fff;font-weight: 600; }
.guide-resp .jump-pills .jump-pill-item.on{background-color: #000;color: #fff;}

.icon-flex{display: flex;align-items: center;gap: 5px;justify-content: center;}
.icon-flex svg{height: 16px;width: 16px;}
.icon-flex svg polyline{stroke:#000;}
.green .icon-flex svg{height: 16px;width: 16px;fill: #09B219;}
.green  .icon-flex svg polyline{stroke: #09B219;}
.red .icon-flex svg{height: 16px;width: 16px;fill: #c92f54;}
.red  .icon-flex svg polyline{stroke: #c92f54;}


.statement-row{position: relative;}
.statement-well{position: relative; }
.statement-well .date-item{ padding-left: 11px; width: 200px;color: rgba(0,0,0,0.87);font-size: 15px;line-height: 24px;font-weight: 400;}
.statement-well .ending-balance{color: rgba(0,0,0,0.54);font-size: 15px;line-height: 24px;font-weight: 400;margin-top: 0;}
.statement-well .ending-balance .black{color: #000;}
.toggle-statement{border-top: 1px solid #ebeef1;margin-top: -1px;}

.toggle-statement.on{background-color: #f6f8fa;}
/*
.toggle-statement.on{background-color: #c9bee6;}
.table-list .table-list-rows .table-list-rows-row:hover{background-color: #c9bee6;}
*/

.toggle-statement.on .statement-well .date-item{font-weight: 700;font-size: 18px;}
.toggle-statement.on .statement-well .ending-balance{display: none;}
.statement-items{padding-bottom: 30px;}

.statement-items .table-list-rows-header .svg-icon svg{fill: #222;}

.download-statment{display: flex; justify-content: flex-start; align-items: center; gap: 5px; }

.copy{margin-left: 5px;cursor: pointer;}
.copy svg{width: 18px;height: 18px;}
.copy:hover svg{opacity: 0.5;}


.floating-header-search-bar{margin-top: 10px;position: relative;}
.floating-header-search-bar .search-icon{position: absolute;left: 0;height: 40px;width: 40px;display: flex;align-items: center; justify-content: center;}

.floating-header-search-bar .close-icon{position: absolute;right: 6px;height: 30px;width: 30px; top: 5px; border-radius: 50%; background-color: #f8f8f8; display: flex;align-items: center; justify-content: center;}
.floating-header-search-bar .close-icon:hover{opacity: 0.7;cursor: pointer;}

.floating-header-search-bar input{ width: 100%; padding-left: 30px; padding-right: 20px; height: 40px;background-color: rgba(255,255,255,0.5);border:2px solid #E0E0DF70; border-radius: 20px;outline: none;font-size: 16px;}
.floating-header-search-bar input:focus-within, .floating-header-search-bar input.on{background-color: #fff;border-color: #666;}

.search-suggest-dropdown{
  position: absolute;
  top: 44px;
  left: 0;
  right: 0;
  width: 100%;
  outline-offset: 2px;
  outline: 2px solid #0000;
  background-color: #fff;
  border-radius: 8px;
  min-height: 60px;
  box-shadow: 0 0 #0000,0 0 #0000,0 10px 15px -3px #0000001a;
  border: 1px solid rgb(229 231 235);
  max-height: 300px;
  overflow-y: scroll;
}



.search-suggest-dropdown .searching{display: flex;align-items: center; justify-content: center; flex-direction: row; gap: 10px; padding-top: 20px; padding-bottom: 20px; }
.search-suggest-dropdown .searching .spinner-container{width: 20px;height: 20px;position: relative;}
.search-suggest-dropdown .searching .spinner-container .spinner-sm {position:absolute;display:block;height: 20px;width: 20px;margin:auto;animation: rotate 0.6s infinite linear;border-width: 2px; border-style: solid; border-color:rgba(0,0,0,0.1);border-right-color: transparent;border-radius: 50%;border: 2px solid #666;border-right-color: transparent;position: absolute;top:50%;left:50%;margin-left: -10px;margin-top: -10px;}

.search-suggest-dropdown .suggestion-header{padding-left: 16px;padding-right: 16px; padding-top: 8px; padding-bottom: 8px; font-size: 12px; color: rgb(107, 114, 128); font-weight: 600; }
.search-suggest-dropdown ul{list-style: none;margin: 0; padding: 0;display: block;}
.search-suggest-dropdown ul li {list-style: none;margin: 0;padding: 8px 16px;display: block;height: auto; cursor: pointer;}
.search-suggest-dropdown ul li:hover { background-color: rgb(238, 242, 255); /*background-color: #b9bec5;*/ }
.search-suggest-dropdown ul li .outer-flex{display: flex; gap: 16px; align-items: stretch;}
.search-suggest-dropdown ul li .inner-icon{display: flex; align-items: center; }
.search-suggest-dropdown ul li .inner-icon svg{width: 22px;height: 22px; color: #0052cc; color: #000;}

.search-suggest-dropdown ul li .inner-text{display: flex; align-items: start; flex-direction: column; }
.search-suggest-dropdown ul li .line-1{font-size: 14px; color: rgb(25, 23, 44); line-height: 20px;}
.search-suggest-dropdown ul li .line-2{ font-size: 12px; color: rgb(107, 114, 128); line-height: 16px; }