@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");
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; height: 100%;}
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;}

.body{height: 100%;}
.page-container{height:100%;min-height: 100%;}
.fixed-max-height{height:auto;min-height: 100%;}
.full-height{height: 100%;}

.stuck{height: 100%;overflow: hidden;}

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

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;}

.close{opacity: 0.6;}

.h30{height: 30px;}
.h50{height: 50px;}
.h100{height: 100px;}
.h200{height: 100px;}

.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-pad {/*padding-left: 10px;padding-right: 10px;*/}
.container-wide{max-width: 1400px;}

@media (min-width: 1200px){
    .container-wide {
      width: auto;
    }
}

.full-width{width:100%;}

.no-style{text-decoration:none;}
.underline{text-decoration: underline;}
.pointer{cursor: pointer;}

.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;}

.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-darkest{color:#666;}
.red{color:#ff0202;}
.blue{color:#274fa2;}
.blue-light{color: #5ac0e6;}
.white{color: #fff;}

.noscroll{overflow: hidden;min-height: 100%;}


/*
.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{background:#f6f6f6;}
.ivory-graphic{background-image: url(https://res.cloudinary.com/blackrock/image/upload/v1646394247/tripstick/ivory_background_qt9szw.png); background-repeat: no-repeat; background-position: center;}

.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-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-b-0{padding-bottom: 0;}
.p-t-0{padding-top: 0;}
.p-l-2{padding-left:2px;}
.p-r-2{padding-right: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-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-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-t-80{padding-top:80px;}
.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: 26px;width: 26px;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: -13px;margin-top: -13px;}

.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;}
.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: -35px;width: 40px;height: 40px;text-align: center;font-size: 18px;line-height: 40px;color: #1a73e8;}
.loader-icon.grey{color: #999999;}




.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;}
.input-chev-down { 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: 24px;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;}

.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;}



.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-mat { font-weight: 300; background-color: #fff;border: 0;-webkit-border-radius: 0px;border-radius: 0px;-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: 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;width: 390px;height: 40px;border:0px;}
.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 #000;box-shadow: none;padding:8px; padding-left: 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;}

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


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


.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;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;-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;}
.mat-raised-button:hover {color: #fff;background-color: #3356c7;-webkit-box-shadow: none;box-shadow: none;}
.mat-raised-button.secondary:hover{background-color: #fff;border:1px solid #1765cc;color: #1765cc;}

.mat-raised-button:active{outline: none;color: #fff;}
.mat-raised-button:focus{outline: none;color: #fff;}

.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: 600;
    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;}









/* 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: 2px !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;}

.red-mode-v2 {
  background-color: #fff !important;
  color: #ff5252 !important;
  border: 1px solid #ff5252;
}

/** 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;
}









.menu-icon {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
.line {
  fill: none;
  stroke: #000;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}