body {
    margin: 0px;
    /*font-family: 'Open Sans', sans-serif;*/
    /*font-family: 'Montserrat', sans-serif;*/
    /*font-family: museo-sans, sans-serif;*/
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.2em;
    min-height: 900px;
background-color: #1a1f23;
background-color: #131619;
}


:root {
  --primarycolor: #e7156a;
  --primaryalt: #e7156a;
  --primarygreen: #e7156a;
  --primaryred: #de284a;
}


.primarycolor {
  color: var(--primarycolor);
}

.nobg {background:none;}
.bg1 {
/*background: url(../bg1.jpg) no-repeat center center fixed;margin: 40px;*/
background: url(../img/bg2.gif) no-repeat center center fixed;margin: 40px;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*body::after {
    content: "";
    background: url(../img/bg2.gif);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 0.07;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}*/

* {box-sizing: border-box;}


img {
    max-width: 100%;
    height: auto;
}
.fullimg {
    width: 100%;
    height: auto;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.w100 {width: 100%;}

.o0 {opacity: 0}
.o100 {opacity: 100}

.ss-header {
  background-color: #1b1d21;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 9999999;

}
.ss-header-content {
  display: block;
  margin: auto;
  height: 60px;
  position: relative;
  z-index: 2;
  background-color: #1b1d21;
}


.ss-logo {
  width: 177px;
display: inline-block;
margin-left: 16px;
margin-top: 17px;
}
.ss-logo-img {
  width: 100%;
}
.ss-right {
  display: inline-block;
  float: right;
  margin-right: 33px;
  margin-top: 3px;
}
.tleft {text-align: left;}
.tright{text-align: right;}

.ss-footer {
  height: 73px;
  background-color: #ebf0f4;
  /*background-color: #fff;*/
  border-top: 1px solid rgba(0,0,0,0.1);
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 3;

}
.ss-footer-content {
  display: block;
  width: calc(100% - 350px);
    margin-left: 350px;
  padding: 10px 50px;
  max-width: 960px;
}

.ss-left-nav {
  position: fixed;
  left: 0px;
  top: 52px;
  width: 350px;
  height: 98vh;
  border-right: 1px solid rgba(0,0,0,0.1);
  z-index: 2;
}

.ss-left-nav-content {
padding:48px 45px;
}

.ss-nav-title {
  font-size: 16px;
  text-transform: uppercase;
  color: #1e2124;
  letter-spacing: 0.03em;
  display: inline-block;
}
.newgrp-plus,.newgrp-plus:active, .newgrp-plus:visited, .delete-adgrp,.delete-adgrp:active, .delete-adgrp:visited {
    right: 30px;
    margin-top: -20px;
    padding: 0px 4px;
    font-size: 16px;
    margin-left: 10px;
    border-radius: 2px;
}
.delete-adgrp {
background-color: #c3c3c3;
color: #fff;
    border: 0px;
}

.ss-main-wrap {
width: calc(100% - 350px);
    margin-left: 350px;
    margin-top: 52px;
    max-width: 960px;
    padding-bottom: 180px;
}

.ss-lnav-links {
  margin-top: 20px;
  padding-left: 12px;
}
.ss-lnav-link {
  margin-bottom: 20px;
}
.lnav-icon {
  font-size: 16px;
  color: #e7156a;
}

.lnav-icon2 {
  font-size: 16px;
  color: #d6d8d9;
}
.lnav-icon2.ldone {
  font-size: 16px;
  color: #e7156a;
}

.ldone .lnav-icon2{
  font-size: 16px;
  color: #e7156a;
}
.ss-lnav-txt {
  font-size: 15px;
  color: #1e2124;
  margin: 0px 8px;
  display: inline-block;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  cursor: pointer;
}
.ss-active .ss-lnav-txt {
color: #e7156a;
}

.ss-lnav-txt:hover {
  color: #e7156a;
}

.ss-lnav-review {
    margin-top: 50px;
    text-transform: uppercase;
}
.ss-lnav-review .ss-lnav-txt {
font-size: 16px;
}

.ss-main-wrap .pure-form .pure-input-1,.s3-wrap #flight-start-s2, .s3-wrap #flight-end-s2 {
    height: 50px !important;
    font-size: 14px;
    padding: 10px 20px !important;
        font-weight: 400;
}
.ss-main-wrap  .mvc-select label, .mvc-date label, .mvc-input label {
margin-top: 25px;
    color: #95a4ab;
}

.ss-main-wrap .filled label, .mvc-form-wrap3 .focused label, .focused label {
    margin-top: 0px ;
    margin-left: 6px;
    font-size: 13px;
    color: #e7156a;
    font-weight: 400;
}

.brand-options, .other-goal {
  margin-top: 50px;
}

.report1 {
  position: absolute;
  top: 52px;
  background-color: #13181b;
  text-align: center;
  width: 100%;
  left: 0px;
  z-index: 8;
  min-height: 95vh;
}

.hreport {
  max-width: 1200px;
}

.nav-menu-icon {
padding: 10px;
    display: inline-block;
    margin: 9px 9px 0px;
    vertical-align: top;
}
.navicon:hover {
color: #e7156a;
}
.navicon {
    font-size: 20px;
    color: #fff;
}

.mp-nav-brand {
    font-size: 13px;
    margin: 0px 33px 0px 0px;
    position: relative;
    top: 2px;
    display: inline-block;
    text-align: right;
    cursor: pointer;

}

.mp-nav-acct-name, a.mp-nav-acct-name {
font-size:12px;
color: #a1a5af;
font-weight: 400;
cursor: pointer;
}
.mp-nav-brand-title {
    font-size: 11px;
    color: #717482;
    display: inline-block;
    user-select: none;
    position: relative;
    top: 6px;
    font-weight: 300;
    cursor: pointer;
}

.navpencil {
position: absolute;
    margin: -5px 0px 0px 8px;
    font-size: 19px;
    color: #797c8a;
    cursor: pointer;
}

.navpencil:hover {
    color: #464646;
}
.hicon {
color: #a1a5af;
    font-size: 18px;
    display: inline-block;
    padding: 20px 0px;
    border-left: 1px solid rgba(255,255,255,0.05);
    margin: 0px;
    width: 56px;
    text-align: center;
    position: relative;
    cursor: pointer;

}
.active.hicon {
	color: #fff;
}
.active.hicon::after {
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 2px;
	background-color: #e7156a;
}
.hicon.hlast {
    border-right: 1px solid rgba(255,255,255,0.05);
}
.hicon:hover {
  color: #e7156a;
  background-color: rgba(0,0,0,0.2);
}
.h-icon {
	position: relative;
	top: 0px;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.h-active .h-icon {
	top: -6px;
}

.active.hicon .fa-bars {
  display: none;
}
.active.hicon .fa-times {
  display: inline-block !important;
}

.ss-icon-txt {
    display: inline-block;
    position: absolute;
    text-align: center;
    margin-top: 10px;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 1.1em;
    left: 50%;
    width: 60px;
    margin-left: -30px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    
}
.h-active .ss-icon-txt {
    opacity: 1;
    margin-top: 20px;   
}
.h-active .ss-icon-txt.twolines {
    opacity: 1;
    margin-top: 15px;   
}

.ss-header-mid {
display: inline-block;
    float: right;
    margin-right: 20px;
    
}

.ss-report-icon {

}

.pbig {
    font-size: 43px !important;
    margin-top: -1px !important;
}

.ss-c {
padding-top: 0px;
-webkit-transition: padding .3s ease;
  -moz-transition: padding .3s ease;
  -ms-transition: padding .3s ease;
  -o-transition: padding .3s ease;
  transition: padding .3s ease;
}


.ss-drop-menu {
width: 100%;
    padding: 20px 40px;
    background-color: #212429;
    color: #fff;
    z-index: -1;
    overflow: auto;
    position: absolute;
    margin-top: -100px;
    -webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.showmenu {
  margin-top: 0px;
}
.ss-drop-menu-item {
  display: inline-block;
  cursor: pointer;
}
.ss-drop-menu-item:hover {
  color: #e7156a;
}

.selectbtn3, .selectbtn3:active, .selectbtn3:visited {
    color: #7f7f7f !important;
    border: 1px solid #b3b3b3 !important;
    padding: 6px 9px !important;
    margin: 0px 6px 10px 0px;
    text-align: center;
    letter-spacing: 0.02em;
}
.selectbtn3:hover {
    background-color: #eee !important;
    padding: 6px 9px !important;
    color: #222 !important;
}


.selectbtn-selected3 {
    background-color: #28a8b5 !important;
    color: #fff !important;
    border: 1px solid #28a8b5 !important;
}

.selectbtn-selected3:hover {
    background-color: #28a8b5 !important;
    color: #fff !important;
    border: 1px solid #28a8b5 !important;
}
.single-sel .selectbtn3 {
    margin: 0px -1px 10px 0px;
    text-align: center;
}
.selectbtn3.lend {
    border-radius: 3px 0px 0px 3px;
}
.selectbtn3.rend {
    border-radius: 0px 3px 3px 0px;
    border-left: 0px !important;
}


.checked1b {
    margin-right: 3px;
    display: none;
}
.selectbtn-selected3 .checked1b {display: inline-block;}


.sec-title {
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 30px;
    color: #444;
    font-size: 20px;
    letter-spacing: 0.02em;
}

.sel-all, .de-all {
  display: inline-block;
  font-size: 14px;
  color: #adb3b9;
  cursor: pointer;
}

.sel-all:hover {
  color: #e7156a;
}
.sec-spacer {
padding-top: 40px;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 40px;
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.fp-text-link {
    font-size: 12px;
    text-decoration: underline;
    color: #707e8a;
    display: inline-block;
    cursor: pointer;
}

.fp-text-link:hover {
    color: #e7156a;
}

.btn-teal {
  background-color: #e7156a;
  color: #fff;
}

.lf-txt {
  display: inline-block;
  margin-right: 30px;
      vertical-align: top;
}
.txt-terms {
    font-size: 12px;
    color: rgba(0,0,0,0.4);
}
.rt-txt {
  display: inline-block;
      vertical-align: top;
}

.ss-third {
  display: inline-block;
  width: 31%;
  margin-right: 2%;
  vertical-align: top;
}
.ss-third.last {
  margin-right: 0%;
  vertical-align: top;
}

.ss-half {
  display: inline-block;
  width: 48%;
  margin-right: 3%;
  vertical-align: top;
}
.ss-half.last {
  margin-right: 0%;
  vertical-align: top;
}
.ss-twothirds {
  width: 64%;
  margin-right: 2%;
}

.ss-drop {
  min-width: 70px;
  height: 42px !important;
  padding-left: 12px !important;
}

.ss-select {display: inline-block;position: relative;}
.ss-select::before {
font-family: "Font Awesome 5 Pro";
    content: "\f078";
    font-weight: 300;
    position: absolute;
    color: #444;
    font-size: 12px;
    right: 16px;
    top: 16px;
    pointer-events: none;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.inline {display: inline-block;}

.ss-form-label {
    font-size: 12px;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 4px;
    letter-spacing: 0.02em;
}

.ss-comp {
  display: block;
  margin-bottom: 10px;
}

.sec-title2 span, .sec-title span {
    color: #a4abc3;
    font-size: 14px;
    margin-left: 10px;
}

.ss-title2 {
  display: inline-block;
}
.ss-date:before {
    top: 38px;
    right: 17px;
}

.ss-mdrop-btn {
  height: 50px;
    line-height: 27px;
    border: 1px solid #aaa;

}
.ss-mdrop-btn:after {margin-top: -12px;}

/*pacing hover panel*/
.pacing-panel {
position: absolute;
    z-index: 999999;
    background-color: #282c33;
    padding: 17px 11px 30px;
    margin: 30px 0px 0px -4px;
    box-shadow: 0px 3px 20px rgb(0 0 0 / 80%);
    border-radius: 5px;
    min-width: 320px;
}

.pace-title {
width: 100%;
    text-align: center;
    margin-bottom: 17px;
    border-bottom: 1px solid rgb(74 101 131 / 20%);
    padding-bottom: 20px;
}

.tpace-btn {
        position: absolute;
    display: inline-block;
    opacity: 0.8;
    cursor: pointer;
    margin-left: 6px;
    margin-top: -2px;
    font-size: 14px;
    background: #353b4f;
    padding: 1px 7px;
    border-radius: 50px;

}
.tpace-btn:hover {
    opacity: 1;
}
.tpace-icon {font-size: 15px;}

.pace-green {
  color: #64d2a0;
}


.bt-info {
    position: absolute;
    
}  
.bt2-label {
  font-size: 12px;
  color: #646c86;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: 0.02em;
  text-transform: uppercase;

}
.bt2-val {
  font-size: 15px;
  color: #fff;
  line-height: 1.2em;
  margin-bottom: 15px;
}

.bt-left {
  left: 15px;
}

.bt-right {
  right: 15px;
  text-align: right;
}
.bt0-label {
    margin: -11px 0px 26px -1px;
}

/*Date Range styles*/

#daterange {

    height: 50px;
    border-radius: 0px !important;
    margin-bottom: 20px !important;
    padding-left: 15px !important;
}    
.daterangepicker .drp-buttons .applyBtn {
margin-left: 8px;
    font-size: 11px;
    padding: 8px 13px;
    border: 0px;
    background: #28a8b5;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.daterangepicker .drp-buttons .cancelBtn {
margin-left: 8px;
    font-size: 11px;
    padding: 8px 13px;
    background: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;

    background-color: #ffffff;
    color: #b6c3c3;
    border: 1px solid #d7e3e4;
}

.daterangepicker .drp-buttons .applyBtn:hover, .daterangepicker .drp-buttons .cancelBtn:hover {
    background: #424242;
    color: #fff;
}

.popimg {
    width: 100%;
    max-width: 76%;
    margin-top: -3px;
}

.pop-view9b {
    display: inline-block;
    max-width: 30%;
    width: 130px;
    height: 130px;
    border: 3px solid #f5f5f5;
    margin: 0px 2%;
    border-radius: 120px;
    padding-top: 42px;
    cursor: pointer;
    text-align: center;
}
.pop-view9b.pactive {
    border: 3px solid #e7156a;
}

.ktitle {
  display: inline-block;
  margin-right: 4px;
}
.inactive {
  pointer-events: none;
  opacity: 0.25;
}

/*date end*/

.nextbtn {
  display: inline-block;
  float: right;
}



.flp-main-body-wrap {
width: 100%;
    max-width: 1300px;
    margin: 15px 0px 60px -650px;
    left: 50%;
    position: relative;
    min-width: 1000px;
    padding: 0px 40px;
    -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.ss .flp-main-body-wrap {
    padding: 50px 40px;
}

/*.sideopen .flp-main-body-wrap {
    padding: 50px 20px 50px 310px;
}*/
.sideopen .flp-main-body-wrap {
width: calc(100% - 76px);
    margin: 15px 20px 60px 90px;
    left: 0%;
}




@media screen and (min-width: 1380px) {
	.sideopen .flp-main-body-wrap {
width: calc(100% - 276px);
    margin: 15px 20px 60px 290px;
    left: 0%;
}
}

@media screen and (min-width: 1720px) {
	.sideopen .flp-main-body-wrap {
width: 100%;
    margin: 15px 0px 60px -650px;
    left: 50%;
}
}

@media screen and (max-width: 1300px) {
.flp-main-body-wrap {
width: 100%;
    margin: 15px 0px 60px 0px;
    left: 0%;
}
.ss-logo {
    margin-left: 40px;
}
}


.flp-top {margin-bottom: 15px;}

.flp-nav-icon {
  font-size: 19px;
  color: #fff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;

}
.flp-nav-icon:hover {
  color: #e7156a;
 } 


.flp-top-nav {
display: inline-block;
    padding: 0px;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    top: -7px;
}


.flp-top-bar {
  color: #fff;
  text-align: right;
      margin-bottom: 8px;
}



.flp-top-acct {
  display: inline-block;
    margin-right: 5px;
    font-size: 13px;
    color: #707e8a;
    margin-right: 3px;
    position: relative;
    top: -6px;
    padding: 8px 25px 8px 8px;
    cursor: pointer;
    border: 1px solid rgba(170,170,170,0);
    border-radius: 3px;

}
.flp-top-acct-name {
    color: #fff;
    margin-left: 5px;
}

.top-span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 130px;
    display: inline-block;
    vertical-align: bottom;
}
@media screen and (max-width: 1300px) {.top-span {max-width: 110px;}.top-icons {margin-right: 20px !important;}}
@media screen and (max-width: 1250px) {.top-span {max-width: 95px;}.top-icons {margin-right: 15px !important;}}
@media screen and (max-width: 1210px) {.top-span {max-width: 80px;}.top-icons {margin-right: 10px !important;}}

.flp-top-acct:hover {
/*background-color: rgba(177,177,177,0.05);*/
border: 1px solid rgba(170,170,170,0.2);
}
.clear {clear: both;}

.drp-arw3 {
  font-size: 18px;
  color: #ccc;
  right: 10px;
  top: 9px;
  position: absolute;
}

.flp-top-bar-acct {
display: inline-block;
    margin-right: 5px;
    font-size: 13px;
    color: #444952;
}
.flp-top-bar-acct-name {
    color: #fff;
}


.filter-panel-wrap {
    padding: 20px 20px 20px;
    color: #cad1d6;
    border-right: 1px solid #1d1f23;
    position: fixed;
    width: 300px;
    min-height: 99vh;
    background: #222429;
    background: #121215;
    box-shadow: inset -10px 10px 20px rgb(0 0 0 / 30%);
    left: -350px;
    top: 59px;
    z-index: 9999999;
    -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  background-color: rgb(16 16 19 / 93%);
    -webkit-backdrop-filter: saturate(140%) blur(5px);
    backdrop-filter: saturate(140%) blur(5px);
    box-shadow: 10px 30px 30px rgb(0 0 0 / 50%);
}
.sideopen .filter-panel-wrap {
left: 0px;	
}

.filter-close {
  margin-top: -8px;
  cursor: pointer;
}
.filter-close:hover {
  color: #e7156a;
}

.ftr-itm {
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 5px;
    border: 1px solid rgb(53 62 78);
    padding: 2px 6px;
    border-radius: 4px;
    color: #6a7b98;
}
.fi-last {
    margin-right: 0px;
}

.ftr-size2 {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    padding: 5px 7px;
}
.ftr-itm.chkd {
    background-color: #e7156a;
    color: #1a1f23;
}
.ftr-ck {margin-right: 4px;} 
.chkd .ftr-ck {color: #1a1f23;background-color: transparent;}  
.ftr-ck {
  color: transparent;
  background-color: #2a2f38;
}


.flp-panel {
  background-color: #2f323a;
    background-color: #212429;
    padding: 30px;
    display: inline-block;
    color: #cad1d6;
    color: #fff;
    border-radius: 0px;
    position: relative;
    /*z-index: 2;*/
    border-radius: 3px;
    transform: scale(1);
    -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;

}

.flp-client-logo {
width: 175px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 0px;
}
.ss .flp-client-logo {display: none;}
.client-logo-img {}


.flp-panel-title {
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    line-height: 1.1em;
    text-transform: uppercase;
    letter-spacing: 0.05em;

}
.pan4 .flp-panel-title {
display: none;
}

.teal {color: #e7156a}
.gray1 {color: #939ba0}
.bold {font-weight: 600;}

.flp-panel-amt {
    /*font-size: 32px; for 4 panels*/
    font-size: 47px;
    font-weight: 200;
    line-height: 1em;
    color: #fff;
}
.fourpan .flp-panel-amt {
  font-size: 36px;
}
.threepan .flp-panel-amt {
  font-size: 36px;
}

.flp-top-panels, .panels-row2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.panels-row2 {
    margin-top: 60px;
}

.pan1,.pan1b, .pan2, .pan3,.pan3b, .pan4, .pan5 {
    display: inline-flex;
    justify-content: space-between;
}

.pan1 {width: 31.3%;padding-bottom: 25px;z-index: 3;}
.pan1b {width: 31.3%;padding-bottom: 25px;z-index: 2;}
.pan2 {width: 31.3%;padding-bottom: 25px;z-index: 2;display: none;}
.pan3 {width: 32.3%;padding-bottom: 25px;z-index: 2;}
.pan3b {width: 31.3%;padding-bottom: 25px;z-index: 2;display: none;}
.pan4 {width: 30%;padding: 30px 0px 0px;min-width: 366px;margin-right: 30px;z-index: 1;}
.pan5 {width: 67%;min-height: 530px;z-index: 1;}

/*.future .pan1 {width: 23%;padding-bottom: 25px;}
.future .pan1b {width: 23%;padding-bottom: 25px;}
.future .pan2 {width: 23%;padding-bottom: 25px;}
.future .pan3 {width: 23%;padding-bottom: 25px;}*/

.fourpan .pan1 {width: 23%;padding-bottom: 25px;z-index: 3;}
.fourpan .pan1b {width: 23%;padding-bottom: 25px;z-index: 2;}
.fourpan .pan2 {width: 23%;padding-bottom: 25px;z-index: 2;}
.fourpan .pan3 {width: 23%;padding-bottom: 25px;z-index: 2;}
.fourpan .pan3b {width: 23%;padding-bottom: 25px;z-index: 2;display: inline-flex;}
.fourpan .pan4 {width: 30%;padding: 30px 0px 0px;min-width: 366px;margin-right: 30px;z-index: 1;}
.fourpan .pan5 {width: 67%;min-height: 530px;z-index: 1;}


.threepan .pan1 {width: 23%;padding-bottom: 25px;z-index: 3;}
.threepan .pan1b {display: none;}
.threepan .pan2 {width: 23%;padding-bottom: 25px;z-index: 2;}
.threepan .pan3 {display: none;}
.threepan .pan3b {width: 21%;padding-bottom: 25px;z-index: 2;display: inline-flex;}
.pan3c {display: none;}
.threepan .pan3c {width: 50%;padding-bottom: 25px;z-index: 2;display: inline-flex;justify-content: space-between;}
.threepan .pan4 {width: 30%;padding: 30px 0px 0px;min-width: 366px;margin-right: 30px;z-index: 1;}
.threepan .pan5 {width: 67%;min-height: 530px;z-index: 1;}

.threepan .flp-panel-title {font-size: 14px;}
.threepan .flp-panel-amt-label {font-size: 14px;color: #687982;position: absolute;margin: -26px 0px 0px 0px;}
.threepan .top-pan .dbl .flp-panel-amt-label {margin: -34px 0px 0px 0px;}
.threepan .top-pan .flp-panel-amt {margin: 18px 0px 25px;}
.threepan .top-pan .dbl .flp-panel-amt {margin: 12px 0px 34px;}
.threepan .flp-panel-amt-label span {font-size: 13px;margin-right: 5px;}
.threepan .top-title-plus-wrap {margin-left: 2px;}
.label3b {display: none;}
.threepan .label3b {display: inline-block;}
.slabel {color: #999;}


.wtitle {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.07em;
}


.pan1-content,.pan1b-content {display: inline-block;}
.pan3b-content {display: inline-block;}

.top-pan .flp-panel-amt {
margin: 14px 0px 14px;
}


/*account switcher*/

.flp-acct-drop {
    position: absolute;
    background-color: #2c3035;
    padding: 20px 20px 10px 20px;
    z-index: 999;
    width: 280px;
    margin-top: 20px;
    margin-left: -147px;
    border-radius: 3px;
    box-shadow: 0px 2px 20px 2px rgb(0 0 0 / 50%);
}

.brand1a input {
    width: 100% !important;
    padding: 10px !important;
    margin-top: 4px !important;
    border: 1px solid #2c3035 !important;
    height: 35px;
    border-radius: 3px;
}
.brand1a .frm-arw {
    background-color: #e7156a;
    width: 40px !important;
    height: 34px;
    margin-left: -40px;
    z-index: 2;
    position: absolute;
    text-align: center;
    box-sizing: border-box;
    margin-top: 4px;
    padding: 11px;
    color: #fff;
    cursor: pointer;
    border-radius: 0px 3px 3px 0px;
}

.acct-drop-names {
  margin-top: 10px;
  max-height: 300px;
  overflow: scroll;
}
.acct-drop-name {
  padding: 6px 0px;
  color: rgba(129, 140, 165, 1);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.acct-drop-name:hover {
  color: #fff;
}


.flp-panel-change {display: inline-block;}
.changearw {width: 22px;height: 15px;margin-right: 8px;display: none;}
.change-amt {
display: inline-block;
    padding: 0px 6px;
    border-radius: 20px;
    font-size: 13px;
    line-height: 1.4em;
    color: #1a1f23;
    font-weight: 700;
    position: relative;
    background-color: #fff;
    transform: scale(1);
    top: -4px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.changedown .fa-caret-up {display: none;}
.changeup .fa-caret-down {display: none;}
.changeupred .fa-caret-down {display: none;}
.changedowngreen .fa-caret-up {display: none;}
.c-icon {margin-right: 3px;}

.amtlabel {
    font-size: 33px;
    opacity: 1;
    font-weight: 200;
}
.flp-panel-amt-label {
    font-size: 13px;
    color: #687982;
    position: absolute;
    margin: -26px 0px 0px 0px;
}

.flp-panel-amt-label span {
    font-size: 13px;
    color: #cad1d6;
    margin-right: 5px;
}



.c-down {
    background-color: #de284a;
}
.c-up {
    background-color: #64d2a0;
}

.last1 {
    margin-right: 0px;
}


.pan-tabs {
    position: absolute;
    margin: -67px 0px 0px 0px;
    padding-top: 5px;
    display: inline-block;
    z-index: 1;
    white-space: nowrap;
    max-width: 100%;
    overflow: scroll;
}

.pan5 .pan-tabs {
    margin: -67px 0px 0px -30px;
}

.pan-tab {
    background-color: #24262b;
    background-color: #1b1d21;
    color: #848890;
    display: inline-block;
    margin-right: 3px;
    font-size: 12px;
    font-size: 0.82em;
    padding: 6px 10px;
    border-radius: 3px 3px 0px 0px;
    font-weight: 400;
    cursor: pointer;
    height: 33px;
    position: relative;
    top: -1px;
    -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.pan-tabs .activetab {background-color: #212429;color: #cad1d6;top: -3px;height: 37px;}
.pan-tabs .activetab:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #01abb7;
    display: inline-block;
    position: absolute;
    margin: -6px 0px 0px -10px;
}

.pan-tab:hover {background-color: #212429;color: #cad1d6;top:-2px;}
.activetab:hover {background-color: #212429;color: #cad1d6;top: -3px;height: 37px;}

.r-txt {text-align: right;}
.l-txt {text-align: left;}

/*dropdowns*/

.select-dropdown {
  position: relative;
  background-color: #b0bbc8;
  width: auto;
  float: left;
  max-width: 100%;
  border-radius: 3px;
  min-width: 150px;
}
.select-dropdown select {
  font-size: 15px;
  font-weight: 400;
  max-width: 100%;
  padding: 8px 24px 8px 10px;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select-dropdown select:active, .select-dropdown select:focus {
  outline: none;
  box-shadow: none;
}
.select-dropdown:after {
  top: 50%;
  font-family: "Font Awesome 5 Pro";
    content: "\f078";
    font-weight: 600;
    position: absolute;
    color: #222;
    font-size: 10px;
    right: 14px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-top: -8px;
  pointer-events: none;
}


.drop-dark {
  background-color: #262933;
  color: #cad1d6;
}

.drop-dark select {
  color: #cad1d6;
}
.drop-dark:after {
    color: #cad1d6;
}


.input1 {
    width: 200px;
    padding: 10px 10px;
    border: 0px;
    position: relative;
    height: 100%;
    font-size: 15px;
    text-align: left;
    min-width: 150px;
    display: inline-block;
    border-radius: 4px;
}

.inputdark {
    background-color: #262933;
  color: #cad1d6;
}

.icon-cal:after {
  top: 50%;
    font-family: "Font Awesome 5 Pro";
    content: "\f133";
    font-weight: 600;
    position: absolute;
    color: #cad1d6;
    font-size: 13px;
    right: 14px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-top: -9px;
    pointer-events: none;
    font-weight: 500;
}

.wrap4icon.icon-cal {
    position: relative;
    display: inline-block;
}

.ical2:after {
    top: 50%;
    font-size: 17px;
    right: 16px;
    margin-top: -11px;
}

.pex, .incr-i {display: inline-block;}

.psub {
    display: block;
    padding-left: 10px;
    font-size: 12px;
    color: #a4acbb;
}
.psub2 {
    padding: 5px 5px 5px 20px !important;
}
.multidrop .psub {
padding-left: 23px;
}
.multidrop .psub.last {
margin-bottom: 15px;
}


.incr-i2 {
    display: inline-block;
    margin-right: 1px;
    text-transform: lowercase;
}

/*dropdowns 2*/

* {
  outline: 0;
}

span.msg,
span.choose {
  color: #555;
  padding: 5px 0 10px;
  display: inherit
}
.container {
  width: 500px;
  margin: 50px auto 0;
  text-align: center
}

/*Styling Selectbox*/
.dropdown {
  min-width: 150px;
  display: inline-block;
  background-color: #30323a;
    border-radius: 4px;
    /* box-shadow: 0 0 2px rgb(204, 204, 204); */
    transition: all .3s ease;
    position: relative;
    font-size: 14px;
    color: #cad1d6;
  /*height: 100%;*/
  text-align: left;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */ 
}

.dropdown .select {
    cursor: pointer;
    display: block;
    padding: 8px 10px;
}
.droparw {
    font-size: 11px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    float: right;
    line-height: 12px;
    position: relative;
    top: 4px;
}

.active .droparw{
    transform: rotate(180deg)
}

.dropdown:hover {
    /*box-shadow: 0 0 4px rgb(204, 204, 204)*/
}
.dropdown:active {
    /*background-color: #c3ccd8*/  
}
.dropdown.active:hover,
.dropdown.active {
    /*box-shadow: 0 0 4px rgb(204, 204, 204);*/
    /*box-shadow: 0 0px 10px rgba(204, 204, 204, 0.2);*/
    border-radius: 4px 4px 0 0;
    /*background-color: #c3ccd8*/
}

.darkdrp.active:hover,
.darkdrp.active {
    /*box-shadow: 0 0 4px rgb(204, 204, 204);*/
    /*box-shadow: 0 0px 10px rgba(204, 204, 204, 0.2);*/
    border-radius: 4px 4px 0 0;
    background-color: #383a44;
    border-color: #131619;
}


.dropdown .dropdown-menu, .dropdown .dropdown-menu-multi {
    position: absolute;
    background-color: rgb(45 46 53 / 93%);
    -webkit-backdrop-filter: saturate(140%) blur(5px);
    backdrop-filter: saturate(140%) blur(5px);
    width: 100%;
    left: 0;
    margin-top: 0px;
    box-shadow: 0px 5px 3px 1px rgba(0,0,0,0.1);
    border-radius: 0 1px 4px 4px;
    overflow: hidden;
    display: none;
    max-height: 338px;
    overflow-y: auto;
    z-index: 999;

}
.dropdown .dropdown-menu li, .dropdown .dropdown-menu-multi li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    font-size: 13px;
    display: block;
} 
.dropdown .dropdown-menu, .dropdown .dropdown-menu-multi {
    padding: 0px 0px 10px 0px;
    list-style: none
}
.dropdown .dropdown-menu li:hover, .dropdown .dropdown-menu-multi li:hover {
    background-color: rgba(255,255,255,0.04);
}
.dropdown .dropdown-menu li:active, .dropdown .dropdown-menu-multi li:active {
    background-color: #333
}

/*top dropdown*/

.flp-top-drop {
  border: 1px solid rgba(170,170,170,0.2);
  background-color: transparent;
  position: relative;
  top: -6px;
}

.flp-top-drop:hover {
    border: 1px solid rgba(170,170,170,0.4);
}

/*light dropdown*/

.drop-light {
  background-color: #f4f4f4;
    color: #333;
    border: 1px solid #ddd;
}
.drop-light .dropdown-menu {
    background-color: #f4f4f4;
    box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 15%);

}
.drop-light .dropdown-menu li:hover {
    background-color: #ddd;
}


/*darkmode*/
.dropdown.dropdark {
  background-color: #262933;
  color: #cad1d6;
}

.dropdown.dropdark:active {
    background-color: #262933
}

.dropdown.dropdark.active:hover,
.dropdown.dropdark.active {
    border-radius: 5px 5px 0 0;
    background-color: #262933
}

.dropdown.dropdark .dropdown-menu {
    background-color: #1d202b;
}
.dropdown.dropdark .dropdown-menu li:hover {
    background-color: #292c38
}
.dropdown.dropdark .dropdown-menu li:active {
    background-color: #292c38
}

.dropdown.drop-sm {
    background-color: transparent;
    font-size: 12px;
    text-transform: uppercase;
    min-width: 100px;
}
.dropdown.drop-sm .select {
    padding: 8px 0px;
}

.dropdown.drop-sm .select span {
    margin-right: 5px;
}

.dropdown.drop-sm .dropdown-menu {
    background-color: rgb(61 63 72 / 98%);
    box-shadow: 0px 5px 3px 1px rgba(0,0,0,0.1);
    border-radius: 0 1px 4px 4px;
    font-size: 11px;
    text-transform: none;
}


/*dropdowns 2 end*/


.pan-table {margin-top: 30px}   
.pan-table {
    margin-top: -30px;
}

.pan-table .btlink {display: none;} 

.pan-table-header {
margin-bottom: 0px;
    background-color: #282c33;
    background-color: transparent;
    padding: 12px 0px 8px;
    border-bottom: 1px solid rgba(155,155,155,0.1);
}
.future .pan-table-header {
  margin-top: 15px;
}

.header-txt {
    font-size: 13px;
    font-weight: 400;
    color: #cad1d6;
    color: #97a7bb;
    display: inline-block;
    line-height: 1.2em;
    font-weight: 600;
}
.pan-head-icon-wrap {
    position: absolute;
    right: 17px;
    top: 11px;
}
.pan-head-icon {
    color: #97a7bb;
}
.pan-head-icon:hover {
    color: #e7156a !important;
}

.w2 .header-txt {
text-align: center;
display: block;
width: 100%;
margin-bottom: 4px;
}


.ht-1 { width: 90px; }
.ht-2 { width: 180px; }
.ht-3 {  width: 63px;}

.cp-2 .ht-3 {width: 57px;}
.cp-3 .ht-3 {width: 57px;}

.cp-4 .ht-3  {
    float: right;
    margin-right: 30px;
}

.pnl-search {
    margin: 3px 0px 8px 17px;
    display: inline-block;
    text-align: right;
    padding: 6px;
    border-radius: 3px;
    border: 1px solid rgba(170,170,170,0.2);
    width: calc(100% - 45px);
    background-color: #202126;
}
.pnl-search-icon {
  font-size: 13px;
  color: #fff;
}
.pnl-search-icon:hover {
  color: #e7156a;
}
.pnl-search-close {
  display: inline-block;
  position: absolute;
  margin: 0px 0px 0px 15px;
  color: #97a7bb;
}
.pnl-search-close:hover {
  color: #fff;
}
.pnl-search-open-icon {
    position: absolute;
    right: 5px;
    font-size: 13px;
    color: #97a7bb;
    display: inline-block;
    margin: 2px 0px 0px 0px;
}
.pnl-search-open-icon:hover {
    color: #fff;
}

.pnl-table-icon {
    position: absolute;
    right: 23px;
    font-size: 13px;
    color: #97a7bb;
    display: inline-block;
    margin: 2px 0px 0px 0px;
}
.pnl-table-icon:hover {
    color: #fff;
}

.cp-sort {cursor: pointer;color: #69737d;font-size: 12px;}
.cp-sort:hover {color: #01abb7;}

.side-sort {text-align: right;margin: -1px 0px -10px 0px;display: none;}
.sidesort1 {}
.sidesort2 {margin: 0px 43px 0px 25px;}
.sidesort3 {margin: 0px}

.side-sort2 {
  display: inline-block;
  position: absolute;
  padding: 5px;
}

.side-sort3 {
  display: inline-block;
  position: absolute;
  padding: 11px;
}

.sidesort1b {margin:0px 5px 0px 0px;}

.bt {display: inline-block;font-size: 12px;line-height: 1.2em;vertical-align: middle;color: #bac0c5;}
.bt img {width: 57px;height: auto;border-radius: 2px;}



.bt-1 { width: 60px;} 
.cp-1 .bt-1 {display: none;}/*Hiding creative*/
.bt-2 { width: 190px; }
.bt-3 {  width: 107px;}
.cp-3 .bt-3 {width: 150px;float: right;}
.cp-2 .bt-3 {width: 120px;float: right;}

.cp-4 .bt-2 {width: 190px;font-size: 12px;    padding: 10px 0px;}

.cp-0 .bt-1 {
    font-size: 17px;
    position: relative;
    top: 2px;
    width: 27px;
    margin-right: 6px;
    text-align: center;
}
.cp-0 .bt-2 {width: 150px;vertical-align: middle;position: relative;top: 1px;}
.cp-1 .bt-2 {vertical-align: middle;position: relative;top: 1px;}
.cp-0 .popicon {display: none;}

.bt-logo {width: 206px;margin:8px 0px 5px;}
.cp-2 .bt-1, .cp-3 .bt-1 {width: 140px;margin:8px 0px 5px;}
.bt-logo img,.cp-2 .bt img, .cp-3 .bt img {
    width: 130px;
    height: auto;
}
.tabi {
  margin-right: 4px;
}

.pan-line {
  width: 100%;
  margin: 17px 0px;
  border-top:1px solid rgba(170,170,170,0.1);
}

.w2 {
width: 49%;
    display: inline-block;
    vertical-align: top;
    height: 140px;
    padding: 18px 10px 0px;
}
.w2 .tb-change {
    margin-left: -17px;
}

.w2a {border-right: 1px solid rgba(177,177,177,0.1);}
.w2b {}
.w2c {border-right: 1px solid rgba(177,177,177,0.1);border-top: 1px solid rgba(177,177,177,0.1);}
.w2d {border-top: 1px solid rgba(177,177,177,0.1);}

.w2 .bt-perf {
    font-size: 16px;
    top: 0px;
}
.w2 .btlink {
    top: -2px;
}
.bt0-label {
font-size: 13px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    color: #fff;
    margin: -18px 0px 26px 3px;
    line-height: 1.2em;
    position: absolute;
}
.bt0-label2 {
    font-size: 10px;
    width: 100%;
    text-align: center;
    color: #687982;
    margin: 5px 0px 0px 0px;
    line-height: 1.2em;
}

.pac-sub-wrap {
    margin-top: 15px;
    padding: 15px;
    font-size: 12px;
    position: relative;
}


.pac-bar {
  display: block;
  height: 5px;
  background-color: #a4a5ad;
  border-radius: 0px 2px 2px 0px;
  margin-bottom: 2px;
  margin-top: 0px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.pac-bar:hover {
  height: 8px;
  margin-top: -3px;
}

.pac-exp {
  width: 80%;
  background-color: #a4a5ad;
}

.pac-act {
  width: 94%;
  background-color: #e7156a;
}

.pac-exp.pac2 {
  width: 80%;
}

.pac-act.pac2 {
  width: 76%;
  background-color: #de284a;
}


.pac-title {
  margin:10px 0px 5px 0px;
  width: 80%;
  display: inline-block;
}

.pac-bars {
  width: 80%;
  display: inline-block;
}

.pac-amt-hdr {
  display: inline-block;
  width: 19%;
  text-align: right;
}
.pac-amt {
  display: inline-block;
  width: 19%;
  text-align: right;
  top: -3px;
  position: relative;
}
.pac-amt.up {
color: #e7156a;
}
.pac-amt.down {
color: #de284a;
}

.pac-close {
right: 18px;
    top: 0px;
    position: absolute;
    cursor: pointer;
}

.pac-close:hover {
color: #e7156a;
}

.r45 {transform: rotate(45deg);}
.r90 {transform: rotate(90deg);}
.r180 {transform: rotate(180deg);}
.r270 {transform: rotate(270deg);}

.tb-change {
    display: inline-block;
text-align: center;
width: 44px;
position: relative;
top: -1px;
}

.top-title-plus-wrap {
  display: inline-block;
  margin-left: 5px;
  cursor: pointer;
}
.top-title-plus {
  display: inline-block;
}
.title-plus-drop {
  position: absolute;
    padding: 10px 10px 10px 0px;
    background-color: #383a44;
    margin: 25px 0px 0px -10px;
    text-transform: none;
    z-index: 2;
    display: none;
}
.tp-active .title-plus-drop {
    display: inline-block;
}
.psub-title {
  color: #eee;
  font-weight: 600;
  font-size: 13px;
}



.cp-1 .tb-change {
  top: -3px;
    position: relative;
}

.tb-change.changeupred {color: #de284a}
.tb-change.changeup {color: #64d2a0}
.tb-change.changedown {color: #de284a}
.tb-change.changedowngreen {color: #64d2a0}
.bt-perf {
font-size: 16px;
    margin-left: 5px;
    position: relative;
    top: -3px;
    margin-right: 12px;
    display: inline-block;
    width: 43px;
}
.bt-perf2 {
  font-size: 16px;
    margin-left: 5px;
    position: relative;
    top: 0px;
    margin-right: 16px;
  }
.cp-2 .bt-perf, .cp-3 .bt-perf {
  top: 0px;
  width: 53px;
  display: inline-block;
  margin-right: 10px;
  margin-top: 5px;
}
.btlink {
    position: relative;
    margin: 0px;
    top: -5px;
    right: -12px;
}
.btlink:hover {color:#e7156a;}




.tb-change .c-icon {
    margin-right: 3px;
    margin-bottom: -1px;
}

.tb-row {
padding: 13px 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
cursor: pointer;
position: relative;
}
.tb-row:hover {
background-color: rgba(0,0,0,0.2);
}

.rwactive {
    background-color: #3c4552 !important;
}
.bk-name {
    text-align: center;
    font-size: 18px;
    margin: -50px 0px 40px 0px;
}
.ct-cover {
  width: 100%;
  height: 300px;
  margin: 20px 0px 0px 0px;
  color: #fff;
  display: flex;
    align-items: center;
}
.ct-arw {
font-size: 30px;
    margin-right: 20px;
    position: relative;
    top: 1px;

}

.cp-2 .tb-row, .cp-3 .tb-row {padding: 6px 20px;}

.pan-sec-body {
    text-align: center;
}

.pleft {padding-left: 20px;}

.scroll-area {
    max-height: 490px;
    overflow: scroll;
    width: calc(100% + 0px);
    padding-bottom: 20px;
    overflow-x: hidden;
}

.scroll-wrap {overflow: hidden;height: 500px;width: 100%;}

.flp-top {color: #cad1d6;}
.ss .flp-top {height: 55px;}

.flp-top-left {
	text-align: left;
	display: inline-block;
	float: left;
	margin: 13px 0px 0px 0px;
}

.flp-top-center {
display: inline-block;
    position: relative;
    margin: 0px 0px 0px 50px;
    top: -17px;
}

.flp-top-right {
display: inline-block;
    float: right;
    top: 6px;
    position: relative;
    z-index: 100;
}
.ss .flp-top-right {
display: block;
float: none;
}



.top-icons {
  display: inline-block;
    font-size: 21px;
    color: #ddd;
    position: relative;
    margin-right: 25px;
    margin-top: 0px;
    top: -5px;
    cursor: pointer;
}
.top-icons-right {
	display: inline-block;
	float: right;
	margin-right: 20px;
	margin-top: 25px;
}

.top-icons:hover {
    color: #e7156a;
}

.top-filter-icon {
    font-size: 19px;
}

.top-export-icon {
}

.top-export-icon:hover {
    color: #e7156a;
}

.exportable-table-wrap {
height: 400px;
height: 70vh;
margin-bottom: 35px;
overflow: hidden;


-webkit-transition: height .3s ease;
  -moz-transition: height .3s ease;
  -ms-transition: height .3s ease;
  -o-transition: height .3s ease;
  transition: height .3s ease;
}

.ex-collapse {
    height: 5px;
}

.ex-close {
    padding: 9px 2px 9px 20px;
}
.ex-close:hover {
    color: #e7156a;
}

.download-alert {
    position: absolute;
    margin: 20px 0px 0px -34px;
    padding: 16px 30px;
    background-color: rgba(29, 33, 37, 0.95);
    color: #cad1d6;
    border-radius: 5px;
    -webkit-transition: margin .3s ease;
  -moz-transition: margin .3s ease;
  -ms-transition: margin .3s ease;
  -o-transition: margin .3s ease;
  transition: margin .3s ease;
  width: 250px;
  text-align: center;
  z-index: 99;
}

.alert-box {
    padding: 5px 5px 5px 30px;
    background-color: #ff000070;
    margin-bottom: 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}
.alert-box::before {
    font-family: "Font Awesome 5 Pro";  /* updated font-family */
    font-weight: 400; /* regular style/weight */
    content: "\f071";
    position: absolute;
    color: #fff;
    font-size: 16px;
    pointer-events: none;
    font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  top: 5px;
  left: 7px;
  cursor: pointer;
}

.dl-alert-in {
    position: absolute;
    margin: 50px 0px 0px -34px;
}

.flp-sched-icon {
    position: relative;
    top: 2px;
}

.flp-sched-drop {
position: absolute;
    padding: 20px;
    border-radius: 3px;
    background-color: #2c3035;
    width: 500px;
    right: 60px;
    margin-top: 20px;
    text-align: left;
    background-color: #21262d;
    box-shadow: 0px 2px 20px rgb(0 0 0 / 60%);
    z-index: 9;
}

.flp-sched-drop .flp-panel-title, .sched-close {
  color: #fff;
  margin-bottom: 10px;
}

.flp-sched-set-wrap {
  margin-bottom: 20px;
}

.flp-sched-set {
font-size: 13px;
    padding: 5px 0px 13px;
    border-bottom: 1px solid rgba(170,170,170,0.15);
}


.flp-sched-itm {
  display: inline-block;
  width: 54px;
  color: rgba(129, 140, 165, 1);
  font-size: 14px;
}
.flp-sched-right {
  display: inline-block;
  width: calc(100% - 62px);
}

.flp-sched-row {
  padding: 5px 0px;
  font-size: 
}

.sched-itm {
  display: inline-block;
  width: 20%;

}

.sched-set-0 {width: 37%}
.sched-set-1 {width: 12%}
.sched-set-2 {width: 26%}
.sched-set-3 {width: 4%;text-align: right;}
.sched-set-4 {width: 10%;text-align: right;}
.sched-set-5 {width: 6%;text-align: right;}

.sched-itm .sm-toggle-btn {
    top: 3px;
}

.sched-itm .toggle-inactive {
  color: #555;
}

.col30 {display: inline-block;width: 30%;}
.col31 {display: inline-block;width: 31%;}
.col32 {display: inline-block;width: 32%;}
.col33 {display: inline-block;width: 33%;}
.col333 {display: inline-block;width: 33.3%;}

.col50 {display: inline-block;width: 50%;}
.col49 {display: inline-block;width: 49%;}
.col48 {display: inline-block;width: 48%;}

.flex {
  display: flex;
  justify-content: space-between;
}

.roll-preset {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #e7156a;
    color: #cad1d6;
    padding: 0px 4px;
    border-radius: 12px;
    margin-right: 6px;
    display: inline-block;
}

.fltr-toggle-wrap {

}

.fltr-toggle-opt {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border: 1px solid rgba(170,170,170,0.2);
    display: inline-block;
    padding: 1px 10px;
    color: #687982;
    cursor: pointer;
}
.fltr-toggle-opt:hover {
    filter: brightness(1.2);
}
.fltr-toggle-opt.small-opt {
    font-size: 12px;
    letter-spacing: 0em;
    padding: 3px 6px !important;
}
.fltr-toggle-opt.opt-on {
background-color: #e7156a;
color: #fff;
font-weight: 600;
border-color: #e7156a;
border-right: 0px;
}
.fltr-toggle-opt.first {
border-radius: 4px 0px 0px 4px;
}
.fltr-toggle-opt.last {
border-radius: 0px 4px 4px 0px;
margin-left: -5px;
}

.fltr-conv-window {
  display: inline-block;
  width: 180px;
  margin-left: 0px;
  font-size: 14px;
  position: relative;
  vertical-align: middle;
}
.fltr-conv-window.openconv {
top:0px;
    margin-bottom: 0px;
    margin-top: 20px;
}
.fltr-conv-window .toggle-inactive {
    color: #4c4f5a;
}
.fltr-conv-window .sm-toggle-btn {top: -4px;}
.fltr-conv-window .flp-input {
    color: #ddd;
    border: 1px solid rgba(170,170,170,0.2);
    background-color: transparent;
    padding: 11px 12px;
    border-radius: 4px;
}


/*** custom checkboxes ***/


label {   
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */ 
}


input[type='checkbox'] {display:none;}
input[type='checkbox'] + label:before {
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
}

input[type='checkbox'] + label:after {
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
}



input[type=checkbox] + label:before { 
  font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    font-weight:600;
    letter-spacing: 10px;opacity: 0;
    position: relative;
    left: 3px;
    top: -2px;
    font-size: 14px;
    color: #e7156a;
    z-index: 2;
} /* checked icon */
input[type=checkbox]:checked + label:before { content: "\f00c";font-weight:600;letter-spacing: 10px;opacity: 1; } /* checked icon */

input[type=checkbox] + label::after { content: "\f111";font-weight:300;position: absolute;left: 0px;color: rgba(150,150,150,0.4); } /* unchecked icon */
input[type=checkbox]:checked + label::after { color: #e7156a; } 

.flp-checkbox {display: inline-block;position: relative;}

/* ======== checkbox end ========== */

.flp-panel-top {
    margin-bottom: 4px;
    /*border-bottom: 1px solid rgba(255,255,255,0.1);*/
    /*border-bottom: 1px solid #01abb7;*/
    padding-bottom: 20px;
    height: 44px;
}

.flp-panel-top-right {
    position: absolute;
    right: 0px;
    margin: -20px 10px 0px 0px;
    z-index: 6;
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}



.flp-btn {
    background: #e7156a;
    background: linear-gradient(90deg,#ef5023 0%,#e7156a 50%,#ef5023 100%);
    background-size: 200% !important;
    font-size: 14px;
    padding: 15px 26px;
    border-radius: 0px;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    display: inline-block;
    font-weight: 500;
    border-radius: 3px;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    text-align: center;
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none;
}

.flp-btn:hover {
background-position: right !important;
box-shadow: 0px 0px 14px rgb(230 8 74 / 70%);
background-position: right !important;
}

.btn-size1 {font-size: 10px;padding: 4px 10px;min-width: 20px;font-weight: 600;}
.btn-size2 {font-size: 12px;padding: 6px 10px 8px;min-width: 20px;font-weight: 600;}
.btn-size2b {font-size: 12px;padding: 9px 17px;}
.btn-size3 {font-size: 12px;padding: 10px 18px;}
.btn-size4 {font-size: 13px;padding: 12px 22px;}
.btn-size5 {font-size: 14px;padding: 15px 26px;}
.btn-size6 {font-size: 16px;padding: 18px 32px;}


.btn-outline {
  background-color: transparent;
  background: transparent;
  color: #373f4a;
  border:1px solid #373f4a;
}

.drk-btn {
  background-color: transparent;
  color: #fff;
  border:1px solid rgba(170,170,170,0.2)
}
.drk-btn:hover {
    border: 1px solid rgba(170,170,170,0.4);
    color: #fff !important;
}



.flp-btn-icon {
    font-size: 20px;
    position: relative;
    margin: 0px 0px 0px 20px;
    border-left: 1px solid rgba(0,0,0,0.15);
    padding: 7px 0px 11px 16px;
    top: 0px;
}

.flp-btn-icon-size2 {
    font-size: 18px;
    position: relative;
    margin: 0px 0px 0px 13px;
    border-left: 1px solid rgba(0,0,0,0.15);
    padding: 3px 4px 7px 12px;
    top: 0px;
}

.flp-btn-icon-size3 {
    font-size: 20px;
    position: relative;
    margin: 0px 0px 0px 20px;
    border-left: 1px solid rgba(0,0,0,0.15);
    padding: 7px 0px 11px 16px;
    top: 0px;
}

.pac-btn {
position: absolute;
    top: 159px;
    left: 15px;
    width: 68px;
    line-height: 1.05em;
    letter-spacing: 0.01em;
    padding: 3px;
    font-weight: 600;
    font-size: 10px;
    z-index: 4;
    color: #e7156a;
}

.opt-btn:hover {color: #e7156a;}

.opt-title {font-size: 12px;}

.dropcal {margin-right: 20px;}


.tag-drop {
    background-color: #e7156a;
}

.multi-tag-wrap {
  display: inline-block;
  z-index: 999;
}
.tag-plus {
  transform: rotate(0deg);
  -webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
position: relative;
    top: 1px;
    left: -1px;
    font-weight: 600 !important;
}
.active .tag-plus {
  transform: rotate(45deg);
}

.m-tag-itm {
    display: none;
    padding: 5px 27px 4px 7px;
    background-color: #e7156a;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    margin: 2px;
    cursor: pointer;
    opacity: 1;
}
.m-tag-itm:hover {
    opacity: 0.8;
}
.m-tag-itm.selected {display: inline-block;}
.m-tag-itm:after {
    top: 50%;
    font-family: "Font Awesome 5 Pro";
    content: "\f00d";
    font-weight: 300;
    position: absolute;
    color: #fff;
    opacity: 0.7;
    font-size: 13px;
    right: 10px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-top: -9px;
    pointer-events: none;
}
.m-tag-itm:hover:after {
    opacity: 1;
}


.future-item {display: none !important;}
.future-show {display: block !important;}
.i.future-show {display: inline-block !important;}

.deact {
  pointer-events: none;
  opacity: 0.3;
}

.hide {display: none !important;}
.show {display: block !important;}

.fleft {float: left;}
.fright {float: right;}
.overflowhide {overflow: hidden;}
.overflowshow {overflow: visible;}

/*DATE PICKER*/


.mvc-date {letter-spacing: 0em;position: relative;}
.mvc-date::before {
    font-family: "Font Awesome 5 Pro";  /* updated font-family */
    font-weight: 400; /* regular style/weight */
    content: "\f073";
    position: absolute;
    color: #464646;
    font-size: 16px;
    pointer-events: none;
    font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  top: 21px;
  right: 20px;
  cursor: pointer;
}
.mvc-date1:before, .daterange-wrap .mvc-date:before {top: 17px;}

.mvc-date-field {
  width: 100%;
}

#daterange {
    height: 50px;
    border-radius: 0px !important;
    margin-bottom: 20px !important;
    padding-left: 15px !important;
    font-weight: 400;
    font-size: 16px;
    color: #555;
}

#daterange {
    height: 50px;
    border-radius: 0px !important;
    margin-bottom: 20px !important;
    padding-left: 15px !important;
    font-weight: 400;
    font-size: 16px;
    color: #555;
}    
.daterangepicker .drp-buttons .applyBtn {
margin-left: 8px;
    font-size: 11px;
    padding: 8px 13px;
    border: 0px;
    background: #28a8b5;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.daterangepicker .drp-buttons .cancelBtn {
margin-left: 8px;
    font-size: 11px;
    padding: 8px 13px;
    background: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;

    background-color: #ffffff;
    color: #b6c3c3;
    border: 1px solid #d7e3e4;
}

.daterangepicker .drp-buttons .applyBtn:hover, .daterangepicker .drp-buttons .cancelBtn:hover {
    background: #424242;
    color: #fff;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    border-radius: 0px !important;
}

#flight-start, #flight-end, #flight-end-adjust {
    height: 50px;
    border-radius: 0px !important;
    margin-bottom: 20px !important;
    padding-left: 15px !important;
}
#flight-end {float: right;}

.field-insight {
    font-size: 13px;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #fdea85;
    color: #5b696b;
    border-radius: 2px;
    display: inline-block;

}   
.field-insight::before {
content: "";
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fdea85;
    position: absolute;
    z-index: 0;
    margin-left: 13px;
    margin-top: -24px;
}             



/*.pure-form label {
position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #777;
    font-size: 14px;
    transition: all .2s linear;
    cursor: text;
    background-color: #fff;
    padding: 0px 5px;
    margin-top: 25px;
    margin-left: 13px;
    pointer-events: none;
        z-index: 2;
}*/


.mvc-select label, .mvc-date label, .mvc-input label {
position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #a6afb7;
    font-size: 15px;
    transition: all .2s linear;
    cursor: text;
    background-color: #fff;
    padding: 1px 5px;
    margin-top: 25px;
    margin-left: 13px;
    pointer-events: none;
    z-index: 2;
    font-weight: 300;
}
.mvc-date label {
 padding: 1px 90px 1px 5px;
}

.mvc-btn {
    background-color: #fdce07;
    font-size: 14px;
    padding: 15px 26px;
    border-radius: 0px;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;
    appearance: none;
    color: #464646;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    display: inline-block;
    font-weight: 400;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    text-align: center;
    min-width: 100px;
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none;
}

.edit-btn {

}
.mvc-btn:hover {
    background-color: #fff;
    color: #2f323a;
}   



/*DATE PICKER END*/

/*MULTI SELECT*/  

.btn-wraps-txt {
    cursor: pointer;
    display: block;
    padding: 8px 10px;
}

.drop-single-show {
    height: auto;
    /*box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.3);*/
    box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.3);
    overflow: visible;
}

.drop-single-content {
    margin-top: -1px;
    font-size: 12px;
    letter-spacing: 0.03em;
    width: 100%;
    margin-left: 0;
    padding: 4px 0px 1px 0px;
    z-index: 999;
    min-width: 160px;
    position: absolute;
    background: rgb(45 46 53 / 98%);
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0px 5px 3px 1px rgba(0,0,0,0.1);
    display: none;

}

.io-drop {
    padding: 1px 0px;
    background-color: #2d3138;
    background-color: transparent;
    border: 1px solid rgba(170,170,170,0.2);
}


.drop-single-content-show {
  display: block;
}

.drop-single-option {
  border-bottom: 0px solid #eee;
  padding-bottom: 20px;
  padding-top: 20px;
}


.drp-itm {
    padding: 10px 17px;
    text-decoration: none;
    display: block;
    font-size: 13px;
    /*font-family: "Museo Sans 300", Arial, Helvetica, sans-serif;*/
    border-bottom: 1px solid rgba(0,0,0,0.04);

}

.drp-itm:hover {
  /*-webkit-filter: brightness(97%);*/
  color: inherit;
  background-color: rgba(255,255,255,0.04);
}

.drop-ck {
    float: right;
    color: #e7156a;
    border: 0px;
    box-shadow: inset 0px 0px 1px 1px #ffffff70;
    padding: 2px;
    position: relative;
    top: 2px;
    background: transparent;
    font-size: 13px;
    border-radius: 30px;
}

.dropdown-menu-multi .drop-ck {
    float: none;
    color: #e7156a;
    border: 0px;
    box-shadow: inset 0px 0px 1px 1px #ffffff70;
    padding: 2px;
    position: relative;
    top: 2px;
    background: transparent;
    font-size: 13px;
    border-radius: 30px;
    display: inline-block;
    margin-right: 10px;
}
/*.dropdown-menu-multi .mdrp-sub .drop-ck {
    margin-right: 15px;
}*/

.change-panel .drop-ck {
    float: left;
    margin-right: 14px;
}

.change-panel  {
    width: 200px;
    background-color: #3e414c;
    position: absolute;
    margin: 31px 0px 0px -122px;
    z-index: 80;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.3);
    display: inline-block;
    display: none;
}

.changehover .change-panel {
    display: inline-block;
}

.change-panel:before {
  font-family: "Font Awesome 5 Pro";
    content: "\f0d8";
    font-weight: 600;
    position: absolute;
    background-color: transparent;
    width: 60px;
    text-align: center;
    color: #3e414c;
    font-size: 30px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    left: 50%;
    margin: -12px 0px 0px -30px;
}

.chart-val-wrap {
margin-top: -2px;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-left: 39px;
}

.cur-vs {
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    margin: 4px -21px -20px 24px;
    opacity: 0.3;
    border-left: 1px solid #999;
    height: 80px;
    transform: rotate(11deg);
}

.cur-val-wrap {
  display: inline-block;
}

.cur-val {
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.cur-amt {
    font-size: 48px;
    line-height: 1em;
    font-weight: 300;
}
.amtsym {font-size: 25px;}

.cur-lbl {
  font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.5;
}
.cur-val-change {
      display: inline-block;
    margin: 42px 0px 0px 20px;
    vertical-align: top;
}

.prev-val-wrap {
  margin-left: 50px;
}

.prev-val-wrap .cur-val,.prev-val-wrap .cur-amt,.prev-val-wrap .cur-lbl {
    color: #687982;
}


/*DEV NOTES*/

.dev-note-wrap {text-align: left;display: none;}
.dev-note-icon {
font-size: 12px;
    background-color: #f45936;
    color: #fff;
    border-radius: 40px;
    padding: 3px 2px;
    box-sizing: content-box; 
}
.dev-note {
    position: absolute;
    width: 300px;
    background-color: #f45936;
    padding: 10px 20px 17px 20px;
    font-size: 13px;
    margin-left: -80px;
    margin-top: 40px;
    border-radius: 5px;
    color: #222;
    box-shadow: 1px 3px 10px rgba(0,0,0,0.4);
    display: none;
}
.dev-note-title {
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
/*so mouse can get to note*/
.dev-note::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 300px;
    height: 40px;
    background-color: transparent;
    margin: -50px 0px 0px -30px;
}
.shownote .dev-note {
    display: inline-block;
}
.shownotes {
    display: inline-block !important;
}

.dev-note-icon {z-index: 1;}
.dev-border {
    box-shadow: 0px 0px 1px 6px #f45936;
}
.devnote-position {position: absolute; z-index: 99999;}
.ztop {z-index: 999999;}
/*dev note end*/



.ifp-sort-btn1 .drop-ck {border: 0px;background: transparent;}

.check-off {
    color: transparent !important;
}

/*MULTI DROPDOWN END*/


.pan-drop-title {
  font-size: 12px;
  position: relative;
  top: -5px;
}


.pan-left-side {
  display: inline-block;
  width: 35%;
  vertical-align: top;
}

.pan-right-side {
  display: inline-block;
  width: 64%;
  vertical-align: top;
}

.pan-andor-wrap {
  text-align: center;
  margin: 5px 0px 7px;
  position: relative;
}
.pan-andor {
  display: inline-block;
  display: inline-block;
    vertical-align: top;
    font-size: 12px;
    position: relative;
    top: -2px;
    padding: 0px 4px;
    color: #545a61;
}  
.andor-on {
  color: #cad1d6;

}

.pan-hover {
    background: rgba(0,0,0,0.15);
    box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.15);
}

.pan-top2 {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
}

/*toggle buttons*/

.sm-toggle-btn {
    width: 26px;
    display: inline-block;
    position: relative;
    top: -5px;
    font-size: 12px;
    margin-bottom: -10px;
    color: #e7156a;
}

.pan-toggle-btn {
    width: 26px;
    display: inline-block;
    position: relative;
    top: -5px;
    font-size: 12px;
    margin-bottom: -10px;
    color: #b0bbc8;
} 
.toggle-active { font-size: : 24px;color: #e7156a; }
.toggle-inactive { font-size: : 24px; color: #c4c9c9;}

.ct-3 .dropdown,.ct-6 .dropdown {
  width: 100%;
  margin-bottom: 12px;
}

/*PLus Button*/

.plus-btn1 {
display: inline-block;
    padding: 5px 5px 5px 5px;
    background: #b0bbc8;
    color: #2f323a;
    border: 0px;
    width: 28px;
    font-size: 16px;
    line-height: 1em;
    text-align: center;
    min-width: 10px !important;
    border-radius: 4px;
}
.plus-btn1::after {
    content: "";
    margin: 0px 0px 0px -2px;
    position: absolute;
    transition: all .3s ease; 
    font-size: 10px;
}
.plus-btn1:hover::after {
content: 'Add More';
    position: absolute;
    margin: 0px 0px 0px 18px;
    display: inline-block;
    width: 120px;
    text-align: left;
    color: #cad1d6 !important;

}

.pan4 .pan-content {
    width: 100%;
}
.pan-content.ct-1 {
    z-index: 2;
}
.pan-content {
    z-index: 2;
}


.pan-by {
  position: relative;
  display: inline-block;
  font-size: 14px;
  margin-right: 7px;
  color: #cad1d6;
}

.pan-close {
    display: inline-block;
    position: absolute;
    right: 5px;
    color: #b0bbc8;
}

.pan-close:hover {
    color: #cad1d6;
}
.pan-close::after {
    content: "";
    margin: 0px 0px 0px -2px;
    position: absolute;
    font-size: 10px;
    letter-spacing: 0.1em;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.pan-close:hover::after {
content: 'REMOVE';
    position: absolute;
    margin: 0px 0px 0px 18px;
    display: inline-block;
    width: 120px;
    text-align: left;
    color: #cad1d6 !important;

}

.flp-opt-panel {
    background-color: #fff;
    border-radius: 3px;
    color: #333;
    width: 250px;
    min-height: 100px;
    position: absolute;
    margin: 9px 0px 0px -216px;
    box-shadow: 2px 6px 9px 0px rgba(0,0,0,0.3);
    z-index: 9;


}

.pan-detail {
position: absolute;
z-index: 20;
top: 0px;
right: -400px;

}
.pand-in .pan-detail{
right: -52px;
}

.pand-wrap {
  font-size: 14px;
  padding: 10px 30px 10px 5px;
  background-color: #313740;
  color: #fff;
  width: 300px;
  height: 60px;
}

.pand-wrap::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 0px;
    border-left-width: 24px;
    border-bottom: 60px solid #313740;
    position: absolute;
    margin: -10px 0px 0px -28px;
}

.pand-h, .pand-v {
display: inline-block;
width: 50px;
margin-right: 8px;
}

.pand-h {
color: #8a94a5;
font-size: 13px;
}

.pand-v {
  color: #bac0c5;

}
/*.pand-h.plast {color: #fff;font-weight: 600;}*/
/*.pand-v.plast {color: #fff;font-weight: 600;}*/

.easeall {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.opt-top {
    background-color: #01abb8;
    border-radius: 4px 4px 0px 0px;
    padding: 10px 20px;
    height: 40px;
    font-size: 14px;
}

.flp-opt-panel:before {
    content: '';
    position: absolute;
    margin: -5px 21px 0px 0px;
    right: 0px;
width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid #01abb8;
}

.flp-input {
border: 1px solid #ccc;
background-color: #f4f4f4;
padding: 12px 15px;
}
.flp-input.dark {
    border: 1px solid #3e404a;
    background-color: #30323a;
    padding: 10px 15px;
    border-radius: 4px;
    color: #fff;
}
.flp-input.dark::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #555c69;
  opacity: 1; /* Firefox */
}

.flp-input.dark:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #555c69;
}

.flp-input.dark::-ms-input-placeholder { /* Microsoft Edge */
  color: #555c69;
}

.input-conv {
    width: 60px;
}

.opt-b1 {display: inline-block;vertical-align: top;margin-right: 6px;}
.opt-b2 {display: inline-block;vertical-align: top;width: 60px;}
.opt-b3 {display: inline-block;vertical-align: top;float: right;}

.opt-txt {font-size: 12px;}

.btn-opt {font-size: 12px;padding: 10px 12px;}

.intip4 {
    position: relative;
    top: 0px;
    display: inline-block;
}

.intip[data-tool-tip]::after {
    content: attr(data-tool-tip);
    display: block;
    position: absolute;
    width: 230px;
    font-size: 12px;
    line-height: 1.2em;
    background-color: #35363c;
    color: #5b5b5b;
    padding: 10px 12px;
    border-radius: 3px;
    left: 0;
    margin-left: -105px;
    bottom: 100%;
    transform: scale(0);
    transition: ease .3s;
    transform-origin: bottom center;
    z-index: 999;
    pointer-events: none;
}


.intip4[data-tool-tip]::after {
    content: attr(data-tool-tip);
    display: inline-block;
    position: absolute;
    width: 100px;
    font-size: 12px;
    line-height: 1.2em;
    background-color: #35363c;
    color: #5b5b5b;
    padding: 10px 12px;
    border-radius: 3px;
    left: 0;
    margin-left: -65px;
    bottom: 0%;
    transform: scale(0);
    transition: ease .3s;
    transform-origin: bottom center;
    z-index: 99;
    text-align: center;
    pointer-events: none;
}
.intip4[data-tool-tip]::after {
    background-color: rgba(245,245,250,0.9);
    color: #222;
    width: 140px;
    margin-left: -75px;
    font-size: 12px;
    pointer-events: none;
}
.w2 .intip4[data-tool-tip]::after {
    margin-left: -35px;
}
.intip5[data-tool-tip]::after {
    background-color: rgba(245,245,250,1);
    color: #222;
    width: 220px;
    bottom: 100%;
    margin-left: -120px !important;
    font-size: 12px;
    padding: 12px 15px;
    text-align: left;
    pointer-events: none;
    text-transform: none;
    letter-spacing: 0em;
    font-weight: 400;
}
.intip5b[data-tool-tip]::after {
    background-color: rgba(245,245,250,1);
    color: #222;
    width: 180px;
    bottom: 100%;
    margin-left: -40px !important;
    font-size: 12px;
    padding: 12px 15px;
    text-align: left;
    pointer-events: none;
    text-transform: none;
    letter-spacing: 0em;
    font-weight: 400;
}


.intip6[data-tool-tip]::after {
    background-color: rgba(245,245,250,0.9);
    color: #222;
    width: 70px;
    bottom: 100%;
    margin-left: -35px !important;
    font-size: 12px;
    font-weight: 600;
    padding: 6px;
    text-align: center;
    pointer-events: none;
}

.intip7[data-tool-tip]::after {
    background-color: rgba(0,0,0,0.97);
    color: #eee;
    width: 120px;
    bottom: 100%;
    margin-left: 30px !important;
    font-size: 12px;
    padding: 12px 15px;
    text-align: left;
    pointer-events: none;
}
.intip8[data-tool-tip]::after {
    width: 400px;
    bottom: auto;
    text-align: left;
    pointer-events: none;
    margin-left: -200px !important;
    top: -200% !important;
    font-weight: 400;

    font-size: 13px !important;
    line-height: 1.4em;
    max-width: 400px;
    position: absolute;
    padding: 10px;
    background: rgba(0,0,0,0.9);
    z-index: 999999;
    border-radius: 4px;
    color: #808792;
    text-transform: none;
}

.intip4[data-tool-tip]:hover::after {
    transform: scale(1);
    bottom: -145%;
}
.intip5[data-tool-tip]:hover::after {
    transform: scale(1);
    bottom: 145%;
}
.intip5b[data-tool-tip]:hover::after {
    transform: scale(1);
    bottom: 145%;
}
.intip6[data-tool-tip]:hover::after {
    transform: scale(1);
    bottom: 145%;
}

.intip7[data-tool-tip]:hover::after {
    transform: scale(1);
    bottom: 200%;
}


.intip8[data-tool-tip]:hover::after {
    transform: scale(1);
    bottom: auto;
    margin-left: -3px !important;
    top: 140% !important;
}



.inc-stats-container {
    margin-top: 60px;
    padding-top: 40px;
    box-shadow: 0px -41px 40px -41px rgb(137 206 239 / 20%);
}
.inc-stat-wrap {
    font-size: 14px;
    margin-left: 20px;
    margin-bottom: 20px;
}
.stat-col {
  display: inline-block;
  width: 29%;
}  
.stat-row-name {
    display: inline-block;
}
.stat-row-val {
    display: inline-block;
    float: right;
}
.stat-col.left-col {
  color: #00ABB7;
}
.stat-col.mid-col {
margin: 0px 3%;
    padding: 0px 3%;
    border-left: 1px solid rgba(200,220,250,0.1);
    border-right: 1px solid rgba(200,220,250,0.1);
    color: #abb2c5;
    width: 32%;
}
.stat-col.right-col {
  color: #fff;
}

.bl-stats-container {
    margin-top: 30px;
    padding-left: 10px;
    margin-bottom: -15px;
}

.bl-stat-wrap {
    display: inline-block;
    max-width: 79%;
    font-size: 14px;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #2f3337;
    vertical-align: top;
}

.lift-bubble {
    text-align: center;
    padding: 7px 11px 12px;
    border-radius: 7px;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    background-color: #30323a;
}
.lb-title {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
    font-size: 13px;
    line-height: 1.2em;
    color: #abb2c5;
}
.lb-value {
font-size: 24px;
color: #e7156a;
}
.sig-check {
  color: #e7156a;
  margin-right: 5px;
}
.bl-sig {
    margin-top: 5px;
    display: inline-block;
    background-color: #30323a;
    padding: 1px 8px;
    border-radius: 4px;
}


/*TABLE STYLES*/
div.blueTable {
  border: 0px solid #000;
  width: 100%;
  height: 200px;
  text-align: left;
  border-collapse: collapse;
}
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
  border: 0px solid #000;
  padding: 8px 3px 8px 6px;
}
.divTable.blueTable .divTableHead {
    padding: 12px 3px 12px 6px;
}
.divTable.blueTable .divTableBody .divTableCell {
  font-size: 12px;
  color: #aab7bc;
}
.divTable.blueTable .divTableRow:nth-child(even) {
  background: rgba(255,255,255,0.03);
}
.divTable.blueTable .divTableHeading {
    /*border-bottom: 1px solid #222;*/
    background-color: #e7156a;
  position: sticky;
  top: 0;
}
.divTable.blueTable .divTableHeading .divTableHead {
  font-size: 13px;
  color: #fff;
  border-left: 0px solid #000;
  font-weight: 600;
  vertical-align: middle;
}

.divTable.blueTable .divTableHeading .divTableHead:first-child {
  border-left: none;
}

.blueTable .tableFootStyle {
  font-size: 14px;
}
.blueTable .tableFootStyle .links {
   text-align: right;
}
.blueTable .tableFootStyle .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #cad1d6;
  padding: 2px 8px;
  border-radius: 5px;
}
.blueTable.outerTableFooter {
  border-top: none;
}
.blueTable.outerTableFooter .tableFootStyle {
  padding: 3px 5px; 
}

.divTable{ display: table; }
.divTableRow { display: table-row; border-bottom: 1px solid #27292f;}
.divTableRow:hover { background-color: #373a44 !important;}
.divTable.blueTable .divTableHeading .divTableRow:hover {background-color: #e7156a !important;}
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}



.divTableBody-wrap {
  height: 100px;
  overflow: scroll;
}

.subrow {
  background: #191919 !important;
  border-bottom: 0px !important;
}
.tc1 {width: 10px;}

.subrow .tc1 {
border-right: 2px solid #e7156a !important;
background-color: #212529;
}

.tbl-drp-arw {
display: inline-block;

}

.tbl-drp-arw:hover {
color: #e7156a;
}

.tbl-drp-arw .droparw {
-webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.tda-flip {
transform: rotate(90deg);

}
.tbl-scroll-wrap {
    max-height: 70vh;
    overflow-y: scroll;
}


/*TABLE END*/


/*Login */

.fxlogin {
  z-index: 99999999999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: #131619;
}

.fxmain-logo {
  width: 250px;
    height: 60px;
  margin: 15px 20px;
} 

.fxleft {
  display: inline-block;
  float: left;
  width: 60%;
}

.fxright {
display: inline-block;
    float: right;
    width: 40%;
    box-sizing: border-box;
    padding: 33px;
}

.fxloginimg {
  width: 420px;
  height: 373px;

}
.fxwrap {
  width: 700px;
  height: 373px;
  position: fixed;
  top: 50%;
  margin-top: -200px;
  left: 50%;
  margin-left: -350px;
  box-shadow: 0 0px 70px rgba(0,0,0,0.1);
  background-color: rgba(255,255,255,0.06);
}

input[type=button] {
    width: 100%;
}

.fxmvc-btn {
    background: #e7156a;
    background: linear-gradient(90deg,#ef5023 0%,#e7156a 50%,#ef5023 100%);
    background-size: 200% !important;
    font-size: 13px;
    padding: 15px 18px;
    color: #fff;
    border-radius: 5px !important;
    border: 0px;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 5px;
    -moz-appearance: none;
    appearance: none;
    text-transform: uppercase;
    letter-spacing: .07em;
    display: inline-block;
    font-weight: 600;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    text-align: center;
    min-width: 170px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fxmvc-btn:hover {
    background-position: right !important;
    letter-spacing: .15em;
    color: #fff;
    box-shadow: 0px 0px 14px rgb(230 8 74 / 70%);
}

.fxlabel {
  font-size: 13px;
  color: #9c9c9c;
  margin: 20px 0 4px 0 ; 
}

.fxinput {
    width: 100%;
    padding: 15px 20px;
    box-sizing: border-box;
    font-size: 12px;
    border: 1px solid #dadada;
    -webkit-appearance: none;
}

.fxtitle {
  font-size: 20px;
  color: #fff;
  font-weight: 300;
}

.byp {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 0px;
  right: 0px;
}


/* Login end*/



 
.pgrow {
  transform: scale(1.13);
  box-shadow: 0px 0px 0px 2px #e7156a;
  background-color: #303133;
}
.pflash {
  background-color: #e2e2e2;
} 



.incr-i {
    text-transform: lowercase;
    font-size: 0.8em;
}

.inact {
    opacity: 0.3;
    pointer-events: none;
}

.bgwhite {background-color: #fff !important;}
.colorwhite{color: #cad1d6 !important;}
.sc1 {transform: scale(1.2);}


/*.chartload {
  transform: scale(1);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  opacity: 1;
}
.chartloadout {
  transform: scale(0.8);
  opacity: 0;
}*/


img[src*="flp-client-logo"]::after {
    content: 'All other prodivers';
    display: inline-block;
    position: absolute;
    font-size: 12px;
    background-color: #ccc;
    border-radius: 4px;
    padding:3px 5px;
    text-align: center;
}

div < img[src*="fliplogo500"]:after {
    content: "All other prodivers";
    position: absolute;
    color: #222;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-top: -8px;
  pointer-events: none;
  background-color: #f00;
}



/*------scroll bar---------------------*/

::-webkit-scrollbar {
  width: 5px;
  height: 7px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: rgba(111,111,111,0.2);
  border: 0px none #ffffff;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #525965;
}
::-webkit-scrollbar-thumb:active {
  background: #525965;
}
::-webkit-scrollbar-track {
  background: transparent;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: transparent;
}
::-webkit-scrollbar-track:active {
  background: transparent;
}
::-webkit-scrollbar-corner {
  background: transparent;
}



.drp-wrap {
background-color: transparent;
border: 1px solid rgba(170,170,170,0);
}
.drp-wrap:hover {
background-color: transparent;
border: 1px solid rgba(170,170,170,0.3);
}

/* ============= DEFAULT THEME ============= */


/* THEME 5 PRIMARY COLOR : PURPLE: */
.theme1 {
  --primarycolor: #67c3e4;
  --primarygreen: #67c3e4;
  --primaryred: #de284a;
  --overtext: #1a1f23;
}

.theme1 .c-up {
    background-color: var(--primarycolor);
}

.theme1 .tb-change.changeup {
    color: var(--primarycolor);
}

.theme1 .pan-tabs .activetab:before {
    background-color: var(--primarycolor);
}

.theme1 .m-tag-itm {
    background-color: var(--primarycolor);
    color: var(--overtext);
}
.theme1 .m-tag-itm:after {
    color: var(--overtext);
}
.theme1 .tag-drop {
    background-color: var(--primarycolor);
}
.theme1 .flp-panel .btn-wraps-txt {
  color: var(--overtext);
}
.theme1 .active .tag-plus {
color: #fff;
}

.theme1 .hicon:hover {
    color: #fff;
}
.theme1 .active.hicon::after {
    background-color: var(--primarycolor);
}
.theme1 .top-icons:hover {
    color: var(--primarycolor);
}

.theme1 .flp-btn {
    background-color: var(--primarycolor);
    color: var(--overtext);
}

.theme1 .fltr-toggle-opt.opt-on {
    background-color: var(--primarycolor);
    border-color: var(--primarycolor);
    color: var(--overtext);
  }

.theme1 .ftr-itm.chkd {
    background-color: var(--primarycolor);
    color: var(--overtext);
}
.theme1 .chkd .ftr-ck {
    color: var(--overtext);
}

.theme1 .drop-ck {
    color: var(--primarycolor);
    box-shadow: inset 0px 0px 1px 1px #464646;
}

/*settings close button hover color*/
.theme1 .filter-close:hover {
    color: var(--primarycolor);
}

/*side settings checkboxes*/
.theme1 input[type=checkbox] + label:before {
    color: var(--primarycolor);
}
.theme1 input[type=checkbox]:checked + label::after {
    color: #464646;
}

/*dropdown checkboxes*/
.theme1 .dropdown-menu-multi .drop-ck {
    color: var(--primarycolor);
    box-shadow: inset 0px 0px 1px 1px #464646;
}

.theme1 .pace-green {
    color: var(--primarygreen); /*pacing icon when green*/
}
.theme1 .bt0-label {
    color: var(--primarygreen); /*overpacing text when green*/
}

.theme1 .c3-lines-Impressions path {
stroke: var(--primarycolor) !important;
}

.theme1 .c3-legend-item-Impressions .c3-legend-item-tile {
  stroke: var(--primarycolor) !important;
}
.theme1 .c3-tooltip-name--Impressions .name span {
  background-color: var(--primarycolor) !important;
}

/* ===== DEFAULT THEME 1 END  =====*/


/* ===== THEME 2 STYLES =====*/

body.theme2 {
  background: rgb(24,50,56);
background: -moz-radial-gradient(circle, rgba(24,50,56,1) 0%, rgba(12,14,17,1) 100%);
background: -webkit-radial-gradient(circle, rgba(24,50,56,1) 0%, rgba(12,14,17,1) 100%);
background: radial-gradient(circle, rgba(24,50,56,1) 0%, rgba(12,14,17,1) 100%); /*darker*/
/*background: radial-gradient(circle, rgb(35 58 64) 0%, rgb(21 24 29) 100%);*/ /*brighter*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#183238",endColorstr="#0c0e11",GradientType=1);

/*background:url(../img/bg1.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}
.theme2 .flp-panel {
    background-color: rgba(0,0,0,0.3);
    color: #c5cbcd;
    /*box-shadow: 0px 0px 20px rgb(109 199 255 / 6%);*/
}

.theme2 .pan-tabs .activetab {
    top: -5px;
    background-color: rgba(0,0,0,0.3);
}

.theme2 .pan-tab {
background-color: rgba(32,68,84,0.3);
color: #aab3b9;
}
.theme2 .pan-tab:hover {
background-color: rgb(53 82 95 / 54%);
}
.theme2 .pan-tabs .activetab  {
    color: #fff;
}
.theme2 .pan-tabs .activetab:hover  {
    top: -5px;
    background-color: rgba(0,0,0,0.25);
}

.theme2 .inputdark {
    background-color: rgb(65 70 78 / 30%);
}

.theme2 .c-up {
    /*color: #e7156a;
    background-color: transparent;*/
    box-shadow: 0px 0px 12px rgb(35 201 152 / 60%);
}


.theme2 .c-down {
    /*color: #fe3d57;
    background-color: transparent;*/
    box-shadow: 0px 0px 9px rgb(201 35 86 / 80%);
}


.theme2 .bt-2 {
    color: #778292;
}

.theme2 .dropdown {
    background-color: #242f35;
    color: #c5c5c5;
}


.theme2 .dropdown .dropdown-menu {
    background-color: #202a2f;
    box-shadow: 0px 2px 1px 1px rgba(0,0,0,0.15);
}
.theme2 .dropdown .dropdown-menu li:hover {
    background-color: rgba(255,255,255,0.04);
}
.theme2 .drop-single-content {
    background-color: #202a2f;
}
.theme2 .drp-itm {color: #808b92;}


.theme2 .divTableRow { display: table-row; border-bottom: 1px solid rgb(0 0 0 / 40%);}
.theme2 .divTableRow:hover { background-color: rgba(255,255,255,0.05) !important;}

.theme2 .divTable.blueTable .divTableRow:nth-child(even) {
  background: rgba(0,0,0,0.1);
}
.theme2 .tb-row {
    border-bottom: 1px solid rgb(0 0 0 / 40%);

}
.theme2 .tb-row:hover {
    /*box-shadow: 0px 0px 20px rgba(255,255,255,0.05);*/
    background-color: rgba(255,255,255,0.05);

}

.theme2 .flp-panel-top {border-bottom: 1px solid #01abb7;}

.theme2 .change-panel  {
    background-color: rgba(46, 61, 66, 0.8);
    box-shadow: 0px 4px 12px rgba(0,0,0,0.3);
}
.theme2 .change-panel:before {color: rgba(46, 61, 66, 0.8);}
.theme2 .change-panel .drp-itm {
    color: #ccc;
}

body.theme2::after {
    content: "";
    background: url(../img/bg2d.gif);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 0.08;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}


/* ===== THEME 2 STYLES END  =====*/


.c-down.basic {
    color: #fe3d57;
    background-color: transparent;
    box-shadow: none;
}

.c-up.basic {
    color: #64d2a0;
    background-color: transparent;
    box-shadow:none;
}

/* ===== THEME 3 STYLES =====*/

body.theme3 {
  background: #f6f6f6;
}

.theme3 .flp-panel-amt {color: #65686b;}
.theme3 .flp-panel {
    background-color: #fff;
    color: #505050;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.07);
}

.theme3 .pan-tabs .activetab {
    background-color: #fff;
    color: #333;
    /*border-top: 3px solid #01abb7;*/
    box-shadow: 0px -2px 3px rgba(0,0,0,0.1);
    position: relative;
}

.theme3 .pan-tabs .activetab:before {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #01abb7;
    display: inline-block;
    position: absolute;
    margin: -8px 0px 0px -10px;
}



.theme3 .pan-tab {
background-color: rgba(185,185,185,0.25);
}
.theme3 .pan-tab:hover {
color: #333;
}

.theme3 .inputdark {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    color: #555;
}
.theme3 .icon-cal:after {color: #868686;}



.theme3 .divTable.blueTable .divTableBody .divTableCell {color: #555;}
.theme3 .divTableRow { display: table-row; border-bottom: 1px solid rgb(0 0 0 / 10%);}
.theme3 .divTableRow:hover { background-color: rgba(0,0,0,0.06) !important;}


.theme3  .tb-row {border-bottom: 1px solid rgb(0 0 0 / 4%);}
.theme3 .divTable.blueTable .divTableRow:nth-child(even) {
  background: rgba(0,0,0,0.02);
}
.theme3  .divTable.blueTable .divTableHeading .divTableHead {background-color: #01abb7;}
.theme3  .tb-row:hover {background-color: rgba(0,0,0,0.06);}

.theme3  .flp-top {color: #444;}

.theme3 .cp-2 .bt-1, .theme3 .cp-3 .bt-1, .theme3 .bt-logo { filter: brightness(0.3);}

/*.theme3 .ct-1 img {
    filter: brightness(0.9);
}*/

.theme3 .top-export-icon {color: #444;}
.theme3 .top-export-icon:hover {color: #e7156a;}

.theme3 .intip4[data-tool-tip]::after {background-color: rgba(55,55,60,0.95);color: #fff;}

.theme3 .dropdown {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    color: #555;
}
.theme3 .dropdown .dropdown-menu {
    background-color: #f9f9f9;
    box-shadow: 0px 2px 1px 1px rgba(0,0,0,0.15);
    border-top: 1px solid #eee;
}
.theme3 .dropdown .dropdown-menu li:hover {
    background-color: rgba(0,0,0,0.04);
}


.theme3 .drop-single-content {
        background-color: #f9f9f9;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0);
    width: calc(100% + 2px);
    margin-left: -1px;
}
.theme3 .drop-ck {
    color: #5b6165;
    border: 0px solid #9ba3b7;
    box-shadow: 0px 0px 1px #484848;
    background: #ffffff;
}
.theme3 .check-off {color: #ffffff;}

.theme3 .plus-btn1 {
  background-color: #e7156a;
  color: #fff;
}
.theme3 .plus-btn1:hover {
  background-color: #666;
  color: #fff;
}
.theme3 .plus-btn1:hover::after {color: #555 !important;}
.theme3 .pan-toggle-btn, .theme3 .pan-andor-wrap .toggle-inactive {color: #e7156a !important;}
.theme3 .pan-andor {color: #b0bbc8;}
.theme3 .andor-on {color: #e7156a;font-weight: 600}

.theme3 .flp-panel-top {border-bottom: 1px solid rgba(255,255,255,0.1);}


.theme3 .c-up {color: #fff;background-color: #e7156a;}
.theme3 .c-down {color: #fff;background-color: #e02c44;}
.theme3 .c-up.basic {color: #e7156a;background-color: transparent;}
.theme3 .c-down.basic {color: #e02c44;background-color: transparent;}
.theme3 .tb-change.changeup {color: #e7156a;}
.theme3 .tb-change.changedown {color: #e02c44;}

.theme3 .header-txt {
    color: #616161;
}
.theme3 .bt {
    color: #888;
}

.theme3 div.datepicker {
    border: 1px solid #fff;
    box-shadow: 1px 1px 12px 1px rgba(0,0,0,0.2);
}
.theme3 .drp-wrap {
    background-color: #f9f9f9;
    border: 1px solid #ddd !important;
    color: #2f323a;
    border-bottom: 1px;
}
.theme3 .drp-wrap input {color: #2f323a !important;}
.theme3 .datepicker {
    background-color: #f5f5f5;border: 0px !important;
}

.theme3 .flp-panel-amt-label span {
    color: #505050;
    font-weight: 600;
}

/* ===== THEME 3 STYLES END  =====*/



/* ===== THEME 4 STYLES =====*/

body.theme4 {
  /*background: #16151a;*/

background: rgb(26,41,62);
background: -moz-linear-gradient(0deg, rgba(26,41,62,1) 0%, rgba(29,28,47,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(26,41,62,1) 0%, rgba(29,28,47,1) 100%);
background: linear-gradient(0deg, rgba(26,41,62,1) 0%, rgba(29,28,47,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a293e",endColorstr="#1d1c2f",GradientType=1);
background-color: #19283e;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.theme4 .flp-panel {
    background-color: rgba(255,255,255,0.05);
    color: #c5cbcd;
    /*background: rgb(40,42,44);
background: -moz-linear-gradient(180deg, rgba(40,42,44,1) 0%, rgba(24,24,28,1) 65%);
background: -webkit-linear-gradient(180deg, rgba(40,42,44,1) 0%, rgba(24,24,28,1) 65%);
background: linear-gradient(180deg, rgba(40,42,44,1) 0%, rgba(24,24,28,1) 65%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#282a2c",endColorstr="#18181c",GradientType=1);*/
}

.theme4 .pan-tabs .activetab {
    top: -5px;
    background-color: rgba(255,255,255,0.05);
}

.theme4 .pan-tab {
background-color: rgba(255,255,255,0.03);
}
.theme4 .pan-tab:hover {
background-color: background-color: rgba(255,255,255,0.05);
}
.theme4 .pan-tabs .activetab:hover  {
    top: -5px;
    background-color: background-color: rgba(255,255,255,0.1);
}

.theme4 .inputdark {
    background-color: rgb(65 70 78 / 30%);
}


.theme4 .bt-2 {
    color: #778292;
}

.theme4 .dropdown {
    background-color: #363e54;
    color: #c5c5c5;
}


.theme4 .dropdown .dropdown-menu {
    background-color: #323a4e;
    box-shadow: 0px 2px 1px 1px rgba(0,0,0,0.15);
}
.theme4 .dropdown .dropdown-menu li:hover {
    background-color: rgba(255,255,255,0.04);
}
.theme4 .drop-single-content {
    background-color: #323a4e;
}
.theme4 .drp-itm {color: #808b92;}

.theme4 .drp-wrap {
    background-color: #2e2e42;
}

.theme4 .divTableRow { display: table-row; border-bottom: 1px solid rgb(0 0 0 / 40%);}
.theme4 .divTableRow:hover { background-color: rgba(255,255,255,0.05) !important;}

.theme4 .divTable.blueTable .divTableRow:nth-child(even) {
  background: rgba(0,0,0,0.1);
}
.theme4 .tb-row {
    border-bottom: 1px solid rgb(0 0 0 / 40%);

}
.theme4 .tb-row:hover {
    /*box-shadow: 0px 0px 20px rgba(255,255,255,0.05);*/
    background-color: rgba(255,255,255,0.05);

}

.theme4 .flp-panel-top {border-bottom: 1px solid #01abb7;}

/*body.theme4::after {
    content: "";
    background: url(../img/bg2.gif);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 0.07;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}
*/


/* ===== THEME 4 STYLES END  =====*/


/* ============= THEME 5 STYLES WHITE LABEL ============= */

/*:root {
  --primarycolor: #e7156a;
  --primarycolorbg: #e7156a;
}
.primarycolorbg {background: var(--primarycolorbg);}
.primarycolor {color: var(--primarycolor);}*/




/* THEME 5 PRIMARY COLOR : PURPLE: */
.theme5 {
  --primarycolor: #6600CC;
  --primarygreen: #49c99e;
  --primaryred: #de284a;
  --overtext: #ffffff;
}


.theme5 .logo1 {
  display: none;
}

.logo5 {
  display: none;
}

.theme5 .logo5 {
  display: inline-block;
}

.theme5 .ss-logo {width: 125px;}

.theme5 .c-down,.theme5 .c-up {
color: #c5ced5;
    background-color: transparent;
    box-shadow: none;
    font-weight: 600;
}

.theme5 .c-down  {
  color: var(--primaryred);
}
.theme5 .c-up  {
  color: var(--primarygreen);
}

.theme5 .fa-caret-down.c-icon {
    color: var(--primaryred);
}

.theme5 .fa-caret-up.c-icon {
    color: var(--primarygreen);
}

/*.theme5 .tb-change.changeup,.theme5 .tb-change.changedown {
    color: #b7bec3;
}*/
.theme5 .tb-change.changeup {
  color: var(--primarygreen);
}

.theme5 .tb-change.changedown {
    color: var(--primaryred);
}



.theme5 .pan-tabs .activetab:before {
    background-color: var(--primarycolor);
}

.theme5 .m-tag-itm {
    background-color: var(--primarycolor);
}
.tag-drop {
    background-color: var(--primarycolor);
}

.hicon:hover {
    color: #fff;
}
.theme5 .active.hicon::after {
    background-color: var(--primarycolor);
}
.theme5 .top-icons:hover {
    color: var(--primarycolor);
}

.theme5 .flp-btn {
    background-color: var(--primarycolor);
    color: var(--overtext);
}

.theme5 .fltr-toggle-opt.opt-on {
    background-color: var(--primarycolor);
    border-color: var(--primarycolor);
    color: var(--overtext);
  }

.theme5 .ftr-itm.chkd {
    background-color: var(--primarycolor);
    color: var(--overtext);
}
.theme5 .chkd .ftr-ck {
    color: var(--overtext);
}

.theme5 .drop-ck {
    color: #fff;
    box-shadow: inset 0px 0px 1px 1px #464646;
}

/*settings close button hover color*/
.filter-close:hover {
    color: var(--primarycolor);
}

/*side settings checkboxes*/
input[type=checkbox] + label:before {
    color: #fff;
}
input[type=checkbox]:checked + label::after {
    color: #464646;
}

/*dropdown checkboxes*/
.theme5 .dropdown-menu-multi .drop-ck {
    color: #fff;
    box-shadow: inset 0px 0px 1px 1px #464646;
}

.theme5 .pace-green {
    color: var(--primarygreen); /*pacing icon when green*/
}
.theme5 .bt0-label {
    color: var(--primarygreen); /*overpacing text when green*/
}

.theme5 .c3-lines-Impressions path {
stroke: var(--primarycolor) !important;
}

.theme5 .c3-legend-item-Impressions .c3-legend-item-tile {
  stroke: var(--primarycolor) !important;
}
.theme5 .c3-tooltip-name--Impressions .name span {
  background-color: var(--primarycolor) !important;
}

/* ===== THEME 5 STYLES WHITE LABEL END  =====*/


.sqs-block-image .design-layout-card .sqs-image-content::after, .sqs-block-image .design-layout-card .image-overlay {
    background-color: rgba(0,0,0,0) !important;
}
.header-nav-item.header-nav-item--collection,.header-nav-item.header-nav-item--external {
    font-weight: 600;
}
.primary-button-style-outline .header-actions .btn {
color: #01478c !important;
    border-color: #eec835 !important;
    background: #eec835 !important;
    border-radius: 4px;
  font-weight:600;
}
.primary-button-style-outline .header-actions .btn:hover {
    border-color: #fff !important;
    background: #fff !important;
}

#page-section-60efb80391893d3c0392616c h2 {
  color:#01407b;
}
@media screen and (max-width: 767px) {
.content-wrapper {
 align-self: flex-end;
}
#page-section-60efb80391893d3c0392616c h2 {
font-size: 1.6em;
    line-height: 1.3em;
    margin: 6px;
    background: #fff;
    display: inline-block;
    padding: 1px 4px;
  text-align:center;
  border-radius:5px;
}
.section-background img {
    object-position: 16% 50% !important;
}
body:not(.header--menu-open) .bright-inverse .burger-inner .top-bun, body:not(.header--menu-open) .bright-inverse .burger-inner .patty, body:not(.header--menu-open) .bright-inverse .burger-inner .bottom-bun {background-color: #ccc !important;}

 .header-menu-actions {
    padding-top: 70px;
}
  .header-menu-cta {
     position: relative;
    top: -166px;
  }


}


/* ===================== MOBILE ===================== */

@media screen and (min-width: 600px) and (max-width: 1281px) {
/*.flp-panel {padding: 20px 30px;}
.pan4 {padding: 20px 0px 0px;width: 31%;margin-right: 20px;}*/
.flp-panel-top-right {margin: -10px 10px 0px 0px;}
/*.flp-main-body-wrap {
    margin: 20px auto 60px;
    min-width: 1000px;
    padding: 0px 30px;
}*/
/*.pan-tab {font-size: 11px;}*/



.pan4 .pan-tabs {margin: -52px 0px 0px 0px;}
.pan5 .pan-tabs {margin: -52px 0px 0px -30px;}
.pan-line {margin: 10px 0px;}
.pan3,.pan2 {width: 31%;}

#iframe-daily {height: 370px;}
#iframe-creative, #iframe-pub {margin-top: 0px !important;}
.scroll-wrap {height: 360px;}

.cur-val-change {margin: 42px 0px 0px -1px;}
.cur-vs {margin: 4px -35px -20px 9px;}
.prev-val-wrap {margin-left: 50px;}
.chart-val-wrap {margin-left: 0px;}
.cur-lbl {letter-spacing: 0.01em;}
.cur-amt {font-size: 40px;}

}


@media screen and (max-width: 600px) {

.ss .flp-main-body-wrap {
    padding: 90px 20px;
}
.ss-logo {margin-left: 23px !important;}
.ss-right {margin-right: 5px;}
.mp-nav-brand {display: none;}
.fxwrap {
    width: 340px;
    margin-top: -210px;
    margin-left: -170px;
}
.fxleft {
    display: none;
}
.fxright {
    width: 100%;
}
.ss-header-content {
    overflow: scroll;
}

.top-export-icon, .flp-top-nav, .btm-options, .lilchart {
  display: none !important;
}

/*.flp-top-acct, .top-filter-icon, .top-export-icon, .flp-top-nav, .btm-options, .lilchart {
  display: none !important;
}*/

.flp-main-body-wrap {
    margin: 15px auto 60px;
    min-width: 350px;
    padding: 0px 25px;
}
.top-pan {
    vertical-align: top;
}
.flp-top-panels {
    width: 100%;
    /*white-space: nowrap;*/
    display: block;
}

.panels-row2 {
    width: 100%;
    display: block;
    justify-content: inherit;
}

.flp-client-logo {width: 200px;height: 43px;}

.flp-top-right {
    top: 0px;
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-top: -30px;
}
.cp-4 .bt-2 {width: 156px;}
.cp-0 .bt-2 {width: 120px;overflow: hidden;}
.bt-1b {max-width: 118px !important;white-space: nowrap;overflow: hidden;}
.cp-2 .bt-3 {margin-top: 8px;}
.cp-2 .bt-3 {width: 116px;}

.top-icons {margin-right: 5px;}
.tabdrop {margin: -57px 0px 0px 0px !important;}
.pan5 .tabdrop {margin: -57px 0px 0px -20px !important;}

.drp-wrap {margin-bottom: 20px;margin-top: 15px;}
.ical2:after {margin-top: -16px;}
.wrap4icon.icon-cal {width: 100%;}

.flp-acct-drop {margin-left: -160px;}
.flp-top-acct, .top-filter-icon {float: right;margin-right: 0px;}
.top-filter-icon {top:3px;margin-right: 10px;}
.io-drop {
    margin-left: 0px !important;
    margin-top: 20px;
}
.pan-table-header {padding: 22px 0px 8px;}

.pan1,.pan1b, .pan2, .pan3, .pan3b, .pan4, .pan5 {
    width: 100%;
    min-width: 100%;
    margin-right: 0px;
    margin-bottom: 25px;
}
.pan4 {margin-top: -25px;padding: 20px 0px;}
.pan5 {
    width: 100%;
    min-height: 310px;
    margin-top: 35px;
    padding: 20px;
}
.fourpan .pan5 {
    min-height: 340px;
}
/*ALT VERSION */


/*.flp-top-panels-wrap {
width: 100%;
    overflow-x: scroll;
    height: 180px;
    overflow-y: hidden;
}

.flp-top-panels {
    width: 230%;

}
.pan1, .pan2, .pan3 {
width: 32%;
    min-width: 32%;
    margin-right: 5px;
    margin-bottom: 0px;
    padding: 20px;
}*/

/*ALT VERSION END */


.pan4 .pan-tabs {
    margin: -52px 0px 0px 0px;
}
.pan-tabs, .pan5 .pan-tabs {
    overflow: hidden;
    max-height: 42px;
    overflow-x: scroll;
    max-width: 100%;
    margin: -52px 0px 0px -20px;
}

.pan-itm-wrap.pan-big {
    padding: 11px 20px 2px 20px !important;
}
.pan-itm-wrap.pan-small {
    padding: 0px 20px 7px 20px !important;
}

.pan-tab-inner {
  display: block;
  white-space: nowrap;
}

.flp-panel-amt {
  font-size: 36px;
}

.chart1 {
    /* transform: scale(1); */
    width: 100%;
    margin-left: 0px;
    height: 210px;
}
.chart2, .chart2b,.mchart {
    transform: scale(0.65);
    width: 700px;
    margin-left: -145px;
    margin-top: -30px;
    height: 210px;
    margin-bottom: 70px;
}
#chart {height: 230px !important;}

.chart2.chart-aud-comp, .chart2.chart-pub-comp, .chart2d.chart-creative-comp {
    margin-top: -30px !important;
    margin-bottom: 90px !important;
}

.cur-amt {font-size: 36px;}
.amtlabel {font-size: 23px;}

.chart-val-wrap {
    margin-top: 15px;
    margin-left: 0;
}
.chart2 iframe {
    margin-top: 0px !important;
}
.chart-geo img {max-width: 100% !important;}


.cur-val-change {
    margin: 85px 0px 0px -100px;
    vertical-align: top;
    display: inline-block;
    width: 120px;
}
.cur-vs {display: none;}
.prev-val-wrap {
    margin-left: 0px;
}

.stat-row-val { float: left;}
.stat-col {vertical-align: top;}
.stat-row-name {
    opacity: 0.8;
    font-size: 0.9em;
}

.flp-half {
	width: 100%;
	display: inline-block;
}

.flp-half-right {
	float:none;
}

.flp-body-left {
	width: 100%;
	display: inline-block;
	float: none;
}
.flp-body-right {display: none;}

.bt-2 {
    width: 56%;
}
.ht-2 {width: 100px;}

.cp-2 .bt-1, .cp-3 .bt-1 {
    width: 110px;
}
.dropdown {
    min-width: 110px;
}
.p5drop {
    width: 110px !important;
    margin-right: 6px;
}
.p5bdrop {
    width: 110px !important;
    margin-right: 6px;
}
.inc-drop {
    width: 170px !important;
}
.pan-by {
    margin: 10px;
}
.pan-itm {
    width: 62% !important;
}
.pan-big .pan-itm {
}
.pan-big .pan-itm-value {
    font-size: 16px !important;
}
.pan-itm-wrap .tb-change {width: 16% !important;}

.tb-export[data-tool-tip]::after {
  display: none;
}

} /*600 max end*/