@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800");
[layout-wrap] {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

[layout="row-wrap"] {
  display: flex;
  flex-flow: row wrap;
}

[layout="row"] {
  display: flex;
  flex-direction: row;
  align-items: center;
  -webkit-align-items: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

[layout="column"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

[layout-align="center"] {
  align-items: center;
  -webkit-align-items: center;
}

[layout-align="stretch"] {
  align-items: stretch;
  -webkit-align-items: stretch;
}

[layout-align="flex-start"] {
  align-items: flex-start;
  -webkit-align-items: flex-start;
}

[layout-align="flex-end"] {
  align-items: flex-end;
  -webkit-align-items: flex-end;
}

[layout-justify="center"] {
  justify-content: center;
  -webkit-justify-content: center;
}

[layout-justify="flex-end"] {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

[layout-justify="space-between"] {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

[layout-justify="space-around"] {
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

[align-self="flex-start"] {
  align-self: flex-start;
  -webkit-align-self: flex-start;
}

[flex],
[flex="auto"] {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}

[flex="none"] {
  flex: none;
  -webkit-flex: none;
}

[flex="33"] {
  flex: 1 1 33.3337%;
  -webkit-flex: 1 1 33.3337%;
}

[flex="66"] {
  flex: 1 1 66.6667%;
  -webkit-flex: 1 1 66.6667%;
}

[flex="0"] {
  flex: 1 1 0%;
  -webkit-flex: 1 1 0%;
}

[flex="5"] {
  flex: 1 1 5%;
  -webkit-flex: 1 1 5%;
}

[flex="10"] {
  flex: 1 1 10%;
  -webkit-flex: 1 1 10%;
}

[flex="15"] {
  flex: 1 1 15%;
  -webkit-flex: 1 1 15%;
}

[flex="20"] {
  flex: 1 1 20%;
  -webkit-flex: 1 1 20%;
}

[flex="25"] {
  flex: 1 1 25%;
  -webkit-flex: 1 1 25%;
}

[flex="30"] {
  flex: 1 1 30%;
  -webkit-flex: 1 1 30%;
}

[flex="35"] {
  flex: 1 1 35%;
  -webkit-flex: 1 1 35%;
}

[flex="40"] {
  flex: 1 1 40%;
  -webkit-flex: 1 1 40%;
}

[flex="45"] {
  flex: 1 1 45%;
  -webkit-flex: 1 1 45%;
}

[flex="50"] {
  flex: 1 1 50%;
  -webkit-flex: 1 1 50%;
}

[flex="55"] {
  flex: 1 1 55%;
  -webkit-flex: 1 1 55%;
}

[flex="60"] {
  flex: 1 1 60%;
  -webkit-flex: 1 1 60%;
}

[flex="65"] {
  flex: 1 1 65%;
  -webkit-flex: 1 1 65%;
}

[flex="70"] {
  flex: 1 1 70%;
  -webkit-flex: 1 1 70%;
}

[flex="75"] {
  flex: 1 1 75%;
  -webkit-flex: 1 1 75%;
}

[flex="80"] {
  flex: 1 1 80%;
  -webkit-flex: 1 1 80%;
}

[flex="85"] {
  flex: 1 1 85%;
  -webkit-flex: 1 1 85%;
}

[flex="90"] {
  flex: 1 1 90%;
  -webkit-flex: 1 1 90%;
}

[flex="95"] {
  flex: 1 1 95%;
  -webkit-flex: 1 1 95%;
}

[flex="100"] {
  flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
}

[layout="row"] > [flex="0"] {
  max-width: 0%;
}

[layout="row"] > [flex="5"] {
  max-width: 5%;
}

[layout="row"] > [flex="10"] {
  max-width: 10%;
}

[layout="row"] > [flex="15"] {
  max-width: 15%;
}

[layout="row"] > [flex="20"] {
  max-width: 20%;
}

[layout="row"] > [flex="25"] {
  max-width: 25%;
}

[layout="row"] > [flex="30"] {
  max-width: 30%;
}

[layout="row"] > [flex="35"] {
  max-width: 35%;
}

[layout="row"] > [flex="40"] {
  max-width: 40%;
}

[layout="row"] > [flex="45"] {
  max-width: 45%;
}

[layout="row"] > [flex="50"] {
  max-width: 50%;
}

[layout="row"] > [flex="55"] {
  max-width: 55%;
}

[layout="row"] > [flex="60"] {
  max-width: 60%;
}

[layout="row"] > [flex="65"] {
  max-width: 65%;
}

[layout="row"] > [flex="70"] {
  max-width: 70%;
}

[layout="row"] > [flex="75"] {
  max-width: 75%;
}

[layout="row"] > [flex="80"] {
  max-width: 80%;
}

[layout="row"] > [flex="85"] {
  max-width: 85%;
}

[layout="row"] > [flex="90"] {
  max-width: 90%;
}

[layout="row"] > [flex="95"] {
  max-width: 95%;
}

[layout="row"] > [flex="100"] {
  max-width: 100%;
}

[layout="column"] > [flex="0"] {
  max-height: 0%;
}

[layout="column"] > [flex="5"] {
  max-height: 5%;
}

[layout="column"] > [flex="10"] {
  max-height: 10%;
}

[layout="column"] > [flex="15"] {
  max-height: 15%;
}

[layout="column"] > [flex="20"] {
  max-height: 20%;
}

[layout="column"] > [flex="25"] {
  max-height: 25%;
}

[layout="column"] > [flex="30"] {
  max-height: 30%;
}

[layout="column"] > [flex="35"] {
  max-height: 35%;
}

[layout="column"] > [flex="40"] {
  max-height: 40%;
}

[layout="column"] > [flex="45"] {
  max-height: 45%;
}

[layout="column"] > [flex="50"] {
  max-height: 50%;
}

[layout="column"] > [flex="55"] {
  max-height: 55%;
}

[layout="column"] > [flex="60"] {
  max-height: 60%;
}

[layout="column"] > [flex="65"] {
  max-height: 65%;
}

[layout="column"] > [flex="70"] {
  max-height: 70%;
}

[layout="column"] > [flex="75"] {
  max-height: 75%;
}

[layout="column"] > [flex="80"] {
  max-height: 80%;
}

[layout="column"] > [flex="85"] {
  max-height: 85%;
}

[layout="column"] > [flex="90"] {
  max-height: 90%;
}

[layout="column"] > [flex="95"] {
  max-height: 95%;
}

[layout="column"] > [flex="100"] {
  max-height: 100%;
}

[hide-mob] {
  display: none;
}

[text-align="center"] {
  text-align: center;
}

[text-align="left"] {
  text-align: left;
}

[text-align="right"] {
  text-align: right;
}

[text-form="uppercase"] {
  text-transform: uppercase;
}

[float="right"] {
  float: right;
}

[float="left"] {
  float: left;
}

@media (max-width: 768px) {
  [layout-tab="column"] {
    flex-direction: column;
  }
  [layout-tab="column-reverse"] {
    flex-direction: column-reverse;
  }
  [layout-tab="row-reverse"] {
    flex-direction: row-reverse;
  }
  [layout-justify-tab="flex-start"] {
    justify-content: flex-start;
  }
  [flex-tab="auto"] {
    max-width: 100% !important;
    flex: 1 1 auto;
  }
  [flex-tab="100"] {
    width: 100%;
    max-width: 100% !important;
    flex: 1 1 auto;
  }
  [flex-tab="50"] {
    width: 50%;
    max-width: 50% !important;
    flex: 1 1 auto;
  }
  [hide-mob] {
    display: block;
  }
  [hide-desk] {
    display: none;
  }
}

@media (max-width: 525px) {
  [layout-mob="column"] {
    flex-direction: column;
  }
  [layout-mob="column-reverse"] {
    flex-direction: column-reverse;
  }
  [layout-justify-mob="flex-start"] {
    justify-content: flex-start;
  }
  [flex-mob="auto"] {
    max-width: 100% !important;
    flex: 1 1 auto;
  }
  [flex-mob="100"] {
    width: 100%;
    max-width: 100% !important;
    flex: 1 1 auto;
  }
  [flex-mob="50"] {
    width: 50%;
    max-width: 50% !important;
    flex: 1 1 auto;
  }
  [mob-direction="reverse"] {
    flex-direction: column-reverse;
  }
}

.vertical-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

[layout="fx-row"] {
  display: flex;
  flex-direction: row;
}

[layout="fx-wrap"] {
  display: flex;
  flex-flow: row wrap;
}

[layout="fx-column"] {
  display: flex;
  flex-direction: column;
}

[fx-wrap] {
  flex-wrap: wrap;
}

[fx-align="center"] {
  align-items: center;
}

[fx-align="start"] {
  align-items: flex-start;
}

[fx-align="end"] {
  align-items: flex-end;
}

[fx-align="stretch"] {
  align-items: stretch;
}

[fx-justify="center"] {
  justify-content: center;
}

[fx-justify="start"] {
  justify-content: flex-start;
}

[fx-justify="end"] {
  justify-content: flex-end;
}

[fx-justify="between"] {
  justify-content: space-between;
}

[fx-justify="around"] {
  justify-content: space-around;
}

[fx-self="align-center"] {
  align-self: center;
}

[fx-self="align-start"] {
  align-self: flex-start;
}

[fx-self="align-end"] {
  align-self: flex-end;
}

[fx],
[fx="auto"] {
  flex: 1 1 auto;
}

[fx="none"] {
  flex: none;
}

[fx="33"] {
  flex: 1 1 33.3337%;
  max-width: 33.3337%;
}

[fx="66"] {
  flex: 1 1 66.6667%;
  max-width: 66.6667%;
}

[fx="0"] {
  flex: 0 1 0%;
}

[fx="5"] {
  flex: 0 1 5%;
}

[fx="10"] {
  flex: 0 1 10%;
}

[fx="15"] {
  flex: 0 1 15%;
}

[fx="20"] {
  flex: 0 1 20%;
}

[fx="25"] {
  flex: 0 1 25%;
}

[fx="30"] {
  flex: 0 1 30%;
}

[fx="35"] {
  flex: 0 1 35%;
}

[fx="40"] {
  flex: 0 1 40%;
}

[fx="45"] {
  flex: 0 1 45%;
}

[fx="50"] {
  flex: 0 1 50%;
}

[fx="55"] {
  flex: 0 1 55%;
}

[fx="60"] {
  flex: 0 1 60%;
}

[fx="65"] {
  flex: 0 1 65%;
}

[fx="70"] {
  flex: 0 1 70%;
}

[fx="75"] {
  flex: 0 1 75%;
}

[fx="80"] {
  flex: 0 1 80%;
}

[fx="85"] {
  flex: 0 1 85%;
}

[fx="90"] {
  flex: 0 1 90%;
}

[fx="95"] {
  flex: 0 1 95%;
}

[fx="100"] {
  flex: 0 1 100%;
}

[fx="105"] {
  flex: 0 1 105%;
}

[fx="110"] {
  flex: 0 1 110%;
}

[fx="115"] {
  flex: 0 1 115%;
}

[fx="120"] {
  flex: 0 1 120%;
}

[fx="125"] {
  flex: 0 1 125%;
}

[fx="130"] {
  flex: 0 1 130%;
}

[fx="135"] {
  flex: 0 1 135%;
}

[fx="140"] {
  flex: 0 1 140%;
}

[fx="145"] {
  flex: 0 1 145%;
}

[fx="150"] {
  flex: 0 1 150%;
}

[fx="155"] {
  flex: 0 1 155%;
}

[fx="160"] {
  flex: 0 1 160%;
}

[fx="165"] {
  flex: 0 1 165%;
}

[fx="170"] {
  flex: 0 1 170%;
}

[fx="175"] {
  flex: 0 1 175%;
}

[fx="180"] {
  flex: 0 1 180%;
}

[fx="185"] {
  flex: 0 1 185%;
}

[fx="190"] {
  flex: 0 1 190%;
}

[fx="195"] {
  flex: 0 1 195%;
}

[fx="200"] {
  flex: 0 1 200%;
}

[fx="205"] {
  flex: 0 1 205%;
}

[fx="210"] {
  flex: 0 1 210%;
}

[fx="215"] {
  flex: 0 1 215%;
}

[fx="220"] {
  flex: 0 1 220%;
}

[fx="225"] {
  flex: 0 1 225%;
}

[fx="230"] {
  flex: 0 1 230%;
}

[fx="235"] {
  flex: 0 1 235%;
}

[fx="240"] {
  flex: 0 1 240%;
}

[fx="245"] {
  flex: 0 1 245%;
}

[fx="250"] {
  flex: 0 1 250%;
}

[fx="255"] {
  flex: 0 1 255%;
}

[fx="260"] {
  flex: 0 1 260%;
}

[fx="265"] {
  flex: 0 1 265%;
}

[fx="270"] {
  flex: 0 1 270%;
}

[fx="275"] {
  flex: 0 1 275%;
}

[fx="280"] {
  flex: 0 1 280%;
}

[fx="285"] {
  flex: 0 1 285%;
}

[fx="290"] {
  flex: 0 1 290%;
}

[fx="295"] {
  flex: 0 1 295%;
}

[fx="300"] {
  flex: 0 1 300%;
}

[fx="305"] {
  flex: 0 1 305%;
}

[fx="310"] {
  flex: 0 1 310%;
}

[fx="315"] {
  flex: 0 1 315%;
}

[fx="320"] {
  flex: 0 1 320%;
}

[fx="325"] {
  flex: 0 1 325%;
}

[fx="330"] {
  flex: 0 1 330%;
}

[fx="335"] {
  flex: 0 1 335%;
}

[fx="340"] {
  flex: 0 1 340%;
}

[fx="345"] {
  flex: 0 1 345%;
}

[fx="350"] {
  flex: 0 1 350%;
}

[fx="355"] {
  flex: 0 1 355%;
}

[fx="360"] {
  flex: 0 1 360%;
}

[fx="365"] {
  flex: 0 1 365%;
}

[fx="370"] {
  flex: 0 1 370%;
}

[fx="375"] {
  flex: 0 1 375%;
}

[fx="380"] {
  flex: 0 1 380%;
}

[fx="385"] {
  flex: 0 1 385%;
}

[fx="390"] {
  flex: 0 1 390%;
}

[fx="395"] {
  flex: 0 1 395%;
}

[fx="400"] {
  flex: 0 1 400%;
}

[fx="405"] {
  flex: 0 1 405%;
}

[fx="410"] {
  flex: 0 1 410%;
}

[fx="415"] {
  flex: 0 1 415%;
}

[fx="420"] {
  flex: 0 1 420%;
}

[fx="425"] {
  flex: 0 1 425%;
}

[fx="430"] {
  flex: 0 1 430%;
}

[fx="435"] {
  flex: 0 1 435%;
}

[fx="440"] {
  flex: 0 1 440%;
}

[fx="445"] {
  flex: 0 1 445%;
}

[fx="450"] {
  flex: 0 1 450%;
}

[fx="455"] {
  flex: 0 1 455%;
}

[fx="460"] {
  flex: 0 1 460%;
}

[fx="465"] {
  flex: 0 1 465%;
}

[fx="470"] {
  flex: 0 1 470%;
}

[fx="475"] {
  flex: 0 1 475%;
}

[fx="480"] {
  flex: 0 1 480%;
}

[fx="485"] {
  flex: 0 1 485%;
}

[fx="490"] {
  flex: 0 1 490%;
}

[fx="495"] {
  flex: 0 1 495%;
}

[fx="500"] {
  flex: 0 1 500%;
}

[layout="fx-row"] > [fx="0"] {
  max-width: 0%;
}

[layout="fx-row"] > [fx="5"] {
  max-width: 5%;
}

[layout="fx-row"] > [fx="10"] {
  max-width: 10%;
}

[layout="fx-row"] > [fx="15"] {
  max-width: 15%;
}

[layout="fx-row"] > [fx="20"] {
  max-width: 20%;
}

[layout="fx-row"] > [fx="25"] {
  max-width: 25%;
}

[layout="fx-row"] > [fx="30"] {
  max-width: 30%;
}

[layout="fx-row"] > [fx="35"] {
  max-width: 35%;
}

[layout="fx-row"] > [fx="40"] {
  max-width: 40%;
}

[layout="fx-row"] > [fx="45"] {
  max-width: 45%;
}

[layout="fx-row"] > [fx="50"] {
  max-width: 50%;
}

[layout="fx-row"] > [fx="55"] {
  max-width: 55%;
}

[layout="fx-row"] > [fx="60"] {
  max-width: 60%;
}

[layout="fx-row"] > [fx="65"] {
  max-width: 65%;
}

[layout="fx-row"] > [fx="70"] {
  max-width: 70%;
}

[layout="fx-row"] > [fx="75"] {
  max-width: 75%;
}

[layout="fx-row"] > [fx="80"] {
  max-width: 80%;
}

[layout="fx-row"] > [fx="85"] {
  max-width: 85%;
}

[layout="fx-row"] > [fx="90"] {
  max-width: 90%;
}

[layout="fx-row"] > [fx="95"] {
  max-width: 95%;
}

[layout="fx-row"] > [fx="100"] {
  max-width: 100%;
}

[layout="fx-row"] > [fx="105"] {
  max-width: 105%;
}

[layout="fx-row"] > [fx="110"] {
  max-width: 110%;
}

[layout="fx-row"] > [fx="115"] {
  max-width: 115%;
}

[layout="fx-row"] > [fx="120"] {
  max-width: 120%;
}

[layout="fx-row"] > [fx="125"] {
  max-width: 125%;
}

[layout="fx-row"] > [fx="130"] {
  max-width: 130%;
}

[layout="fx-row"] > [fx="135"] {
  max-width: 135%;
}

[layout="fx-row"] > [fx="140"] {
  max-width: 140%;
}

[layout="fx-row"] > [fx="145"] {
  max-width: 145%;
}

[layout="fx-row"] > [fx="150"] {
  max-width: 150%;
}

[layout="fx-row"] > [fx="155"] {
  max-width: 155%;
}

[layout="fx-row"] > [fx="160"] {
  max-width: 160%;
}

[layout="fx-row"] > [fx="165"] {
  max-width: 165%;
}

[layout="fx-row"] > [fx="170"] {
  max-width: 170%;
}

[layout="fx-row"] > [fx="175"] {
  max-width: 175%;
}

[layout="fx-row"] > [fx="180"] {
  max-width: 180%;
}

[layout="fx-row"] > [fx="185"] {
  max-width: 185%;
}

[layout="fx-row"] > [fx="190"] {
  max-width: 190%;
}

[layout="fx-row"] > [fx="195"] {
  max-width: 195%;
}

[layout="fx-row"] > [fx="200"] {
  max-width: 200%;
}

[layout="fx-row"] > [fx="205"] {
  max-width: 205%;
}

[layout="fx-row"] > [fx="210"] {
  max-width: 210%;
}

[layout="fx-row"] > [fx="215"] {
  max-width: 215%;
}

[layout="fx-row"] > [fx="220"] {
  max-width: 220%;
}

[layout="fx-row"] > [fx="225"] {
  max-width: 225%;
}

[layout="fx-row"] > [fx="230"] {
  max-width: 230%;
}

[layout="fx-row"] > [fx="235"] {
  max-width: 235%;
}

[layout="fx-row"] > [fx="240"] {
  max-width: 240%;
}

[layout="fx-row"] > [fx="245"] {
  max-width: 245%;
}

[layout="fx-row"] > [fx="250"] {
  max-width: 250%;
}

[layout="fx-row"] > [fx="255"] {
  max-width: 255%;
}

[layout="fx-row"] > [fx="260"] {
  max-width: 260%;
}

[layout="fx-row"] > [fx="265"] {
  max-width: 265%;
}

[layout="fx-row"] > [fx="270"] {
  max-width: 270%;
}

[layout="fx-row"] > [fx="275"] {
  max-width: 275%;
}

[layout="fx-row"] > [fx="280"] {
  max-width: 280%;
}

[layout="fx-row"] > [fx="285"] {
  max-width: 285%;
}

[layout="fx-row"] > [fx="290"] {
  max-width: 290%;
}

[layout="fx-row"] > [fx="295"] {
  max-width: 295%;
}

[layout="fx-row"] > [fx="300"] {
  max-width: 300%;
}

[layout="fx-row"] > [fx="305"] {
  max-width: 305%;
}

[layout="fx-row"] > [fx="310"] {
  max-width: 310%;
}

[layout="fx-row"] > [fx="315"] {
  max-width: 315%;
}

[layout="fx-row"] > [fx="320"] {
  max-width: 320%;
}

[layout="fx-row"] > [fx="325"] {
  max-width: 325%;
}

[layout="fx-row"] > [fx="330"] {
  max-width: 330%;
}

[layout="fx-row"] > [fx="335"] {
  max-width: 335%;
}

[layout="fx-row"] > [fx="340"] {
  max-width: 340%;
}

[layout="fx-row"] > [fx="345"] {
  max-width: 345%;
}

[layout="fx-row"] > [fx="350"] {
  max-width: 350%;
}

[layout="fx-row"] > [fx="355"] {
  max-width: 355%;
}

[layout="fx-row"] > [fx="360"] {
  max-width: 360%;
}

[layout="fx-row"] > [fx="365"] {
  max-width: 365%;
}

[layout="fx-row"] > [fx="370"] {
  max-width: 370%;
}

[layout="fx-row"] > [fx="375"] {
  max-width: 375%;
}

[layout="fx-row"] > [fx="380"] {
  max-width: 380%;
}

[layout="fx-row"] > [fx="385"] {
  max-width: 385%;
}

[layout="fx-row"] > [fx="390"] {
  max-width: 390%;
}

[layout="fx-row"] > [fx="395"] {
  max-width: 395%;
}

[layout="fx-row"] > [fx="400"] {
  max-width: 400%;
}

[layout="fx-row"] > [fx="405"] {
  max-width: 405%;
}

[layout="fx-row"] > [fx="410"] {
  max-width: 410%;
}

[layout="fx-row"] > [fx="415"] {
  max-width: 415%;
}

[layout="fx-row"] > [fx="420"] {
  max-width: 420%;
}

[layout="fx-row"] > [fx="425"] {
  max-width: 425%;
}

[layout="fx-row"] > [fx="430"] {
  max-width: 430%;
}

[layout="fx-row"] > [fx="435"] {
  max-width: 435%;
}

[layout="fx-row"] > [fx="440"] {
  max-width: 440%;
}

[layout="fx-row"] > [fx="445"] {
  max-width: 445%;
}

[layout="fx-row"] > [fx="450"] {
  max-width: 450%;
}

[layout="fx-row"] > [fx="455"] {
  max-width: 455%;
}

[layout="fx-row"] > [fx="460"] {
  max-width: 460%;
}

[layout="fx-row"] > [fx="465"] {
  max-width: 465%;
}

[layout="fx-row"] > [fx="470"] {
  max-width: 470%;
}

[layout="fx-row"] > [fx="475"] {
  max-width: 475%;
}

[layout="fx-row"] > [fx="480"] {
  max-width: 480%;
}

[layout="fx-row"] > [fx="485"] {
  max-width: 485%;
}

[layout="fx-row"] > [fx="490"] {
  max-width: 490%;
}

[layout="fx-row"] > [fx="495"] {
  max-width: 495%;
}

[layout="fx-row"] > [fx="500"] {
  max-width: 500%;
}

[layout="fx-column"] > [fx="0"] {
  max-height: 0%;
}

[layout="fx-column"] > [fx="5"] {
  max-height: 5%;
}

[layout="fx-column"] > [fx="10"] {
  max-height: 10%;
}

[layout="fx-column"] > [fx="15"] {
  max-height: 15%;
}

[layout="fx-column"] > [fx="20"] {
  max-height: 20%;
}

[layout="fx-column"] > [fx="25"] {
  max-height: 25%;
}

[layout="fx-column"] > [fx="30"] {
  max-height: 30%;
}

[layout="fx-column"] > [fx="35"] {
  max-height: 35%;
}

[layout="fx-column"] > [fx="40"] {
  max-height: 40%;
}

[layout="fx-column"] > [fx="45"] {
  max-height: 45%;
}

[layout="fx-column"] > [fx="50"] {
  max-height: 50%;
}

[layout="fx-column"] > [fx="55"] {
  max-height: 55%;
}

[layout="fx-column"] > [fx="60"] {
  max-height: 60%;
}

[layout="fx-column"] > [fx="65"] {
  max-height: 65%;
}

[layout="fx-column"] > [fx="70"] {
  max-height: 70%;
}

[layout="fx-column"] > [fx="75"] {
  max-height: 75%;
}

[layout="fx-column"] > [fx="80"] {
  max-height: 80%;
}

[layout="fx-column"] > [fx="85"] {
  max-height: 85%;
}

[layout="fx-column"] > [fx="90"] {
  max-height: 90%;
}

[layout="fx-column"] > [fx="95"] {
  max-height: 95%;
}

[layout="fx-column"] > [fx="100"] {
  max-height: 100%;
}

[layout="fx-column"] > [fx="105"] {
  max-height: 105%;
}

[layout="fx-column"] > [fx="110"] {
  max-height: 110%;
}

[layout="fx-column"] > [fx="115"] {
  max-height: 115%;
}

[layout="fx-column"] > [fx="120"] {
  max-height: 120%;
}

[layout="fx-column"] > [fx="125"] {
  max-height: 125%;
}

[layout="fx-column"] > [fx="130"] {
  max-height: 130%;
}

[layout="fx-column"] > [fx="135"] {
  max-height: 135%;
}

[layout="fx-column"] > [fx="140"] {
  max-height: 140%;
}

[layout="fx-column"] > [fx="145"] {
  max-height: 145%;
}

[layout="fx-column"] > [fx="150"] {
  max-height: 150%;
}

[layout="fx-column"] > [fx="155"] {
  max-height: 155%;
}

[layout="fx-column"] > [fx="160"] {
  max-height: 160%;
}

[layout="fx-column"] > [fx="165"] {
  max-height: 165%;
}

[layout="fx-column"] > [fx="170"] {
  max-height: 170%;
}

[layout="fx-column"] > [fx="175"] {
  max-height: 175%;
}

[layout="fx-column"] > [fx="180"] {
  max-height: 180%;
}

[layout="fx-column"] > [fx="185"] {
  max-height: 185%;
}

[layout="fx-column"] > [fx="190"] {
  max-height: 190%;
}

[layout="fx-column"] > [fx="195"] {
  max-height: 195%;
}

[layout="fx-column"] > [fx="200"] {
  max-height: 200%;
}

[layout="fx-column"] > [fx="205"] {
  max-height: 205%;
}

[layout="fx-column"] > [fx="210"] {
  max-height: 210%;
}

[layout="fx-column"] > [fx="215"] {
  max-height: 215%;
}

[layout="fx-column"] > [fx="220"] {
  max-height: 220%;
}

[layout="fx-column"] > [fx="225"] {
  max-height: 225%;
}

[layout="fx-column"] > [fx="230"] {
  max-height: 230%;
}

[layout="fx-column"] > [fx="235"] {
  max-height: 235%;
}

[layout="fx-column"] > [fx="240"] {
  max-height: 240%;
}

[layout="fx-column"] > [fx="245"] {
  max-height: 245%;
}

[layout="fx-column"] > [fx="250"] {
  max-height: 250%;
}

[layout="fx-column"] > [fx="255"] {
  max-height: 255%;
}

[layout="fx-column"] > [fx="260"] {
  max-height: 260%;
}

[layout="fx-column"] > [fx="265"] {
  max-height: 265%;
}

[layout="fx-column"] > [fx="270"] {
  max-height: 270%;
}

[layout="fx-column"] > [fx="275"] {
  max-height: 275%;
}

[layout="fx-column"] > [fx="280"] {
  max-height: 280%;
}

[layout="fx-column"] > [fx="285"] {
  max-height: 285%;
}

[layout="fx-column"] > [fx="290"] {
  max-height: 290%;
}

[layout="fx-column"] > [fx="295"] {
  max-height: 295%;
}

[layout="fx-column"] > [fx="300"] {
  max-height: 300%;
}

[layout="fx-column"] > [fx="305"] {
  max-height: 305%;
}

[layout="fx-column"] > [fx="310"] {
  max-height: 310%;
}

[layout="fx-column"] > [fx="315"] {
  max-height: 315%;
}

[layout="fx-column"] > [fx="320"] {
  max-height: 320%;
}

[layout="fx-column"] > [fx="325"] {
  max-height: 325%;
}

[layout="fx-column"] > [fx="330"] {
  max-height: 330%;
}

[layout="fx-column"] > [fx="335"] {
  max-height: 335%;
}

[layout="fx-column"] > [fx="340"] {
  max-height: 340%;
}

[layout="fx-column"] > [fx="345"] {
  max-height: 345%;
}

[layout="fx-column"] > [fx="350"] {
  max-height: 350%;
}

[layout="fx-column"] > [fx="355"] {
  max-height: 355%;
}

[layout="fx-column"] > [fx="360"] {
  max-height: 360%;
}

[layout="fx-column"] > [fx="365"] {
  max-height: 365%;
}

[layout="fx-column"] > [fx="370"] {
  max-height: 370%;
}

[layout="fx-column"] > [fx="375"] {
  max-height: 375%;
}

[layout="fx-column"] > [fx="380"] {
  max-height: 380%;
}

[layout="fx-column"] > [fx="385"] {
  max-height: 385%;
}

[layout="fx-column"] > [fx="390"] {
  max-height: 390%;
}

[layout="fx-column"] > [fx="395"] {
  max-height: 395%;
}

[layout="fx-column"] > [fx="400"] {
  max-height: 400%;
}

[layout="fx-column"] > [fx="405"] {
  max-height: 405%;
}

[layout="fx-column"] > [fx="410"] {
  max-height: 410%;
}

[layout="fx-column"] > [fx="415"] {
  max-height: 415%;
}

[layout="fx-column"] > [fx="420"] {
  max-height: 420%;
}

[layout="fx-column"] > [fx="425"] {
  max-height: 425%;
}

[layout="fx-column"] > [fx="430"] {
  max-height: 430%;
}

[layout="fx-column"] > [fx="435"] {
  max-height: 435%;
}

[layout="fx-column"] > [fx="440"] {
  max-height: 440%;
}

[layout="fx-column"] > [fx="445"] {
  max-height: 445%;
}

[layout="fx-column"] > [fx="450"] {
  max-height: 450%;
}

[layout="fx-column"] > [fx="455"] {
  max-height: 455%;
}

[layout="fx-column"] > [fx="460"] {
  max-height: 460%;
}

[layout="fx-column"] > [fx="465"] {
  max-height: 465%;
}

[layout="fx-column"] > [fx="470"] {
  max-height: 470%;
}

[layout="fx-column"] > [fx="475"] {
  max-height: 475%;
}

[layout="fx-column"] > [fx="480"] {
  max-height: 480%;
}

[layout="fx-column"] > [fx="485"] {
  max-height: 485%;
}

[layout="fx-column"] > [fx="490"] {
  max-height: 490%;
}

[layout="fx-column"] > [fx="495"] {
  max-height: 495%;
}

[layout="fx-column"] > [fx="500"] {
  max-height: 500%;
}

[fx-spacer] {
  visibility: hidden;
  height: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

[txt="center"] {
  text-align: center;
}

[txt="left"] {
  text-align: left;
}

[txt="right"] {
  text-align: right;
}

[txt="uppercase"] {
  text-transform: uppercase;
}

[pos="rel"] {
  position: relative;
}

[pos="abs"] {
  position: absolute;
}

[mar="auto"] {
  margin: auto;
}

@media screen and (min-width: 769px) {
  [media~="tab"]:not([media~="desk"]), [media~="mob"]:not([media~="desk"]) {
    display: none;
  }
}

@media screen and (max-width: 768px) and (min-width: 526px) {
  [media~="desk"]:not([media~="tab"]), [media~="mob"]:not([media~="tab"]) {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  [fx-tab="auto"] {
    max-width: 100% !important;
    flex: 1 1 auto;
  }
  [fx-tab="100"] {
    width: 100%;
    max-width: 100% !important;
    flex: 1 1 100%;
  }
  [fx-tab="50"] {
    width: 50%;
    max-width: 50% !important;
    flex: 1 1 50%;
  }
}

@media screen and (max-width: 525px) {
  [media~="desk"]:not([media~="mob"]), [media~="tab"]:not([media~="mob"]) {
    display: none;
  }
  [fx-mob="auto"] {
    max-width: 100% !important;
    flex: 1 1 auto;
  }
  [fx-mob="100"] {
    width: 100%;
    max-width: 100% !important;
    flex: 1 1 100%;
  }
  [fx-mob="50"] {
    width: 50%;
    max-width: 50% !important;
    flex: 1 1 50%;
  }
}

/* Make sure all font awesome classes use the 'FontAwesome' font-family */
*[class^="fa-"] {
  position: relative;
  font-family: 'FontAwesome' !important;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

.bg-white hr,
.dblWidth hr {
  background-color: #ebebeb;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

:-moz-placeholder {
  font-style: italic;
  color: #999;
}

:-ms-input-placeholder {
  font-size: 12px;
  font-style: italic;
  color: #999;
}

input::-webkit-input-placeholder {
  color: #999;
}

dd {
  margin: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}

table button,
table input {
  *overflow: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}

td.green,
td.red {
  text-align: center;
}

.noBorder td {
  padding: 6px 0;
  border: none;
  vertical-align: middle;
}

td.pts {
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-size: 22px;
}

@font-face {
  font-family: 'Gotham-Light';
  src: url("/common/assets/fonts/Gotham/Gotham-Light.otf");
  src: url("/common/assets/fonts/Gotham/Gotham-Light.woff");
  src: url("/common/assets/fonts/Gotham/Gotham-Light.woff2");
}

@font-face {
  font-family: 'Gotham-Regular';
  src: url("/common/assets/fonts/Gotham/Gotham-Book.otf");
  src: url("/common/assets/fonts/Gotham/Gotham-Book.woff");
  src: url("/common/assets/fonts/Gotham/Gotham-Book.woff2");
}

@font-face {
  font-family: 'Gotham-Bold';
  src: url("/common/assets/fonts/Gotham/Gotham-Bold.otf");
  src: url("/common/assets/fonts/Gotham/Gotham-Bold.woff");
  src: url("/common/assets/fonts/Gotham/Gotham-Bold.woff2");
}

@font-face {
  font-family: 'Poppins';
  src: url("/common/assets/fonts/Poppins/Poppins-Regular.ttf");
}

.blueText {
  color: #3a90bb;
}

.nameLink {
  color: #000000;
}

img[align="left"] {
  margin: 0 12px 12px 0;
}

.inputHint {
  padding: 10px;
}

.btn:hover,
.btn-back:hover {
  color: #fff;
  text-decoration: none;
}

.ie8 .btn,
.ie7 .btn {
  background: url(/common/img/grad-green.png) repeat-x left center;
}

.all-caps {
  text-transform: uppercase;
}

.dblWidth {
  width: 634px;
  background-color: #fff;
  margin-bottom: 14px;
}

.fullWidth {
  width: 958px;
  background-color: #fff;
  margin-bottom: 14px;
}

.fixedHeight {
  height: 370px;
}

.margRight {
  margin-right: 14px;
}

.bigger {
  font-size: 1.3em;
}

.floater .leftCol {
  width: 49%;
}

.floater .leftCol:first {
  border-right: 2px solid #ebebeb;
}

.statsLink {
  background: url(/common/img/icon-stats.png) no-repeat left center;
  padding: 10px 0 10px 30px;
  color: #0061b5;
  font-weight: bold;
  font-size: 12px;
}

.prospectsLink {
  background: url(/common/img/icon-prospects.png) no-repeat left center;
  padding: 10px 0 10px 26px;
  color: #0061b5;
  font-weight: bold;
  font-size: 12px;
}

.viewallLink {
  background: url(/common/img/icon-view.png) no-repeat left center;
  padding: 10px 0 10px 26px;
  color: #0061b5;
  font-weight: bold;
  font-size: 12px;
}

.checkmarkLink {
  background: url(/common/img/icon-checkmark.png) no-repeat left center;
  padding: 10px 0 10px 26px;
  color: #0061b5;
  font-weight: bold;
  font-size: 12px;
}

.createfolder,
.jquery_tabs .createfolder,
.createFolderNewPage,
.jquery_tabs .createFolderNewPage {
  background: url(/common/img/icon-createfolder.png) no-repeat left center;
  padding: 10px 0 10px 30px;
  color: #0061b5;
  font-weight: bold;
  font-size: 12px;
}

.editfolders,
.editFoldersNewPage,
.jquery_tabs .editFoldersNewPage {
  background: url(/common/img/icon-editfolders.png) no-repeat left center;
  padding: 10px 0 10px 30px;
  color: #0061b5;
  font-weight: bold;
  font-size: 12px;
}

.statFilters {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 200px;
  color: #000000;
  font-weight: bold;
  float: left;
}

.statFilters li a {
  background-color: #f5f5f5;
  padding: 12px;
  border: 1px solid #cccccc;
  position: relative;
  display: block;
  color: #000000;
}

.statFilters li .fl-right {
  width: 50px;
}

.ie7 .statFilters li a {
  height: 1%;
  padding: 8px 12px;
}

.statFilters li a .pointer {
  position: absolute;
  right: -1px;
  top: 14px;
  width: 9px;
  height: 18px;
  background: url(/common/img/pointer.png) no-repeat;
  display: none;
}

.statFilters li a.active,
.statFilters li a:hover {
  background-color: #e1e1e1;
  cursor: pointer;
}

.statFilters li a.active .pointer,
.statFilters li a:hover .pointer {
  display: block;
}

.statFilters li a.greenGrad {
  background: url(/common/img/grad-green.png) no-repeat;
  color: #fff;
}

#filterOutput {
  width: 430px;
  height: 320px;
  margin-left: 0px;
}

#filterOutput > div {
  width: 430px;
  height: 305px;
}

#filterOutput > div#graph_loading img {
  display: block;
  margin: 128px auto auto;
}

#filterOutput div.legend td {
  border: 0px none;
  padding: 2px;
}

.users_help_page hr.hidden-xs {
  display: none;
}

.users_help_page .pageTitle .leftCol {
  width: 100%;
  text-align: center;
}

.users_help_page .pageTitle h1#page_title {
  width: 100%;
  display: block;
  font-size: 60px;
  text-shadow: none;
}

.users_help_page .pageTitle .leftCol i {
  display: none;
}

#mainContent {
  background: inherit;
  border: none;
}

.contact-us {
  width: 100%;
  text-align: center;
  display: flex;
  -webkit-display: flex;
  justify-content: center;
  -webkit-justify-content: center;
}

.contact-icon {
  font-size: 70px;
}

.contact-us .call-us, .contact-us .live-chat {
  border: solid 1px #d3d3d3;
  border-radius: 5px;
  width: 300px;
  min-height: 300px;
  font-size: 35px;
  font-family: 'Gotham-Regular', Arial, sans-serif;
  color: #898997;
  cursor: pointer;
  margin: 0 20px;
  padding: 5px;
}

.contact-us .email-us {
  border: solid 1px #d3d3d3;
  border-radius: 5px;
  width: 300px;
  min-height: 300px;
  font-size: 18px;
  font-family: 'Gotham-Regular', Arial, sans-serif;
  color: #898997;
  cursor: pointer;
  padding: 5px;
}

.contact-us .email-us a:hover, .contact-us .call-us a:hover {
  color: inherit;
}

.contact-us .call-us a.disabled {
  pointer-events: none;
  cursor: default;
}

.contact-us .email-us p {
  font-size: 35px;
}

.contact-us .email-us .input {
  margin-top: 10px;
}

.contact-us .input_placeholder {
  font-size: 18px;
  margin-top: 0;
  line-height: 1.4;
}

.contact-us .input p {
  margin-bottom: 0;
}

.contact-us .input p:first-child {
  margin-bottom: 15px;
  margin-top: 20px;
}

.contact-us a {
  color: inherit;
}

.contact-us img#lhnchatimg {
  display: none;
}

.contact-us .icon-wrapper {
  margin-top: 50px;
}

.help_page #send-feedback label {
  width: auto;
}

.help_page #send-feedback div.submit {
  float: none;
  text-align: center;
}

.users_help_page .help_page textarea {
  width: 100%;
  height: 200px;
  color: #898997;
  font-size: 22px;
}

.users_help_page #send-feedback {
  margin: auto;
  max-width: 1000px;
}

.users_help_page #feedback {
  display: none;
}

.help_page #send-feedback div.submit input {
  border-radius: 50px;
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-size: 22px;
  color: #fff;
  font-weight: 100;
  width: 235px;
  height: 50px;
}

.users_help_page #send-feedback h2 {
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-size: 60px;
  font-weight: normal;
  color: inherit;
}

.users_help_page #send-feedback .hdr {
  background-color: none;
  background: none;
  border: none;
  text-align: center;
}

.users_help_page #send-feedback .input {
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-size: 30px;
  color: #898997;
}

.users_help_page #send-feedback .input label {
  font-style: italic;
}

.users_help_page #send-feedback .select select {
  height: 40px;
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-size: 21px;
  color: #898997;
  background: none;
  border: solid 1px #d3d3d3;
}

.users_help_page #send-feedback .select label, #send-feedback .textarea label {
  display: none;
}

@media (max-width: 993px) {
  #mainContent {
    clear: both;
  }
  .contacts_view_page .contact-paging {
    right: 20px;
  }
  .contact-us {
    margin-top: 25px;
    display: block;
  }
  .contact-us .call-us, .contact-us .email-us, .contact-us .live-chat {
    margin: 20px auto;
  }
  #send-feedback {
    margin-top: 25px;
  }
}

@media (max-width: 768px) {
  .users_help_page .help_page textarea {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .users_help_page #send-feedback .input {
    font-size: 25px;
  }
  .users_help_page #send-feedback h2 {
    font-size: 37px;
  }
  .users_help_page .pageTitle h1#page_title {
    font-size: 37px;
  }
}

.contacts_sidebar #contactFolders {
  overflow: auto;
}

@font-face {
  font-family: gotham-medium;
  src: local("Gotham-Medium"), url("./fonts/Gotham-Medium.otf") format("opentype");
  font-weight: normal;
}

@font-face {
  font-family: gotham-book;
  src: local("Gotham-Book"), url("./fonts/Gotham-Book.otf") format("opentype");
  font-weight: normal;
}

@font-face {
  font-family: gotham-black;
  src: local("Gotham-Black"), url("/app/webroot_common/assets/fonts/GothamHTF-Black.otf") format("opentype");
  font-weight: normal;
}

.pageTitle .leftCol .hdr-contacts {
  font-family: 'Gotham-Bold';
  font-size: 32px;
  line-height: 40px;
  font-weight: 900;
  padding-left: 13px;
}

.contacts_view .contact-edit-contact-information {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: -51px;
}

.contacts_view .contact-edit-contact-information h2 {
  text-transform: uppercase;
  margin: 0px;
  font-size: 13px;
  font-family: 'Gotham-Bold';
  margin-left: 5px;
}

.contacts_view .dblWidth {
  position: relative;
}

#ContactTagsComplete {
  width: 99%;
  margin-bottom: 10px;
}

#profile .contact_date_container div {
  display: flex;
  flex-direction: column;
}

#profile .contact_date_container {
  display: flex;
}

#profile .subheader-container {
  padding: 3.3px 0px;
}

#profile .profile-info .pad {
  display: flex;
  flex-direction: column;
  padding: 8px 16px;
}

#profile .profile-info .pad .contact-address {
  margin: 0px;
}

#profile .profile-info .pad p {
  display: flex;
  flex-direction: column;
  margin: 0px;
}

#profile .profile-info .pad strong {
  font-size: 12px;
  color: #767D84;
  font-family: 'Gotham-Medium';
  text-transform: uppercase;
  margin-top: 10px;
}

#profile .profile-info .pad a {
  font-size: 17px;
  font-family: 'Gotham-Book';
}

#profile .pad #box .submit input {
  font-family: 'Gotham-Bold';
  font-size: 13px;
}

#profile #ContactNotesForm label {
  margin-top: 10px;
}

#profile .edit_contact_notes {
  min-height: 75px;
  margin-bottom: 10px;
}

#profile label {
  font-size: 12px;
  color: #767D84;
  font-family: 'Gotham-Medium';
}

#profile .contact_date_container div .contact-date-created-modified {
  font-size: 12px;
  color: #767D84;
  font-family: 'Gotham-Medium';
  margin-bottom: 4px;
}

#profile .contact_date_container div .contact-date-date {
  font-size: 17px;
  font-family: 'Gotham-Book';
  color: black;
  text-transform: none;
}

#profile .hdr.clearfix .fl-right {
  display: flex;
  flex-direction: column;
}

#profile .hdr.clearfix .fl-right h3 {
  font-size: 12px;
  color: #767D84;
  font-family: 'Gotham-Medium';
  margin-bottom: 4px;
}

#profile .hdr.clearfix .fl-right .contact-star-container {
  display: flex;
  justify-content: space-around;
}

#profile .hdr.clearfix .fl-right .contact-star-container img {
  width: 18px;
  height: 18px;
}

.users_upstreams_page .upstream_tabs .tabs-container {
  padding-top: 0px;
}

.users_upstreams_page .upstream_tabs .tabs-container .divHalf {
  padding: 0px;
}

.users_upstreams_page .upstream_tabs .tabs-container p {
  font-family: 'Gotham-Book';
  font-size: 17px;
}

.users_upstreams_page .upstream_tabs .pill-tabs {
  margin: 0px;
}

.users_upstreams_page .upstream_tabs .pill-tabs .tabs-wrapper .tabs.ui-tabs-nav {
  margin-bottom: 0px;
}

.users_upstreams_page #page_title {
  font-family: 'Gotham-Bold';
  font-size: 32px;
  line-height: 40px;
  font-weight: 900;
  padding-left: 15px;
  text-shadow: none;
}

.users_upstreams_page .tabs-container form label {
  font-size: 12px;
  color: #767D84;
  font-family: 'Gotham-Medium';
  text-transform: uppercase;
}

.users_upstreams_page .tabs-container form #UserUpstreamCode {
  color: black;
  font-family: 'Gotham-Book';
  font-size: 17px;
}

.users_upstreams_page .tabs-container form #UserUpstreamCode ::-webkit-input-placeholder {
  color: #767D84;
}

.users_upstreams_page .tabs-container form #UserUpstreamCode ::-moz-placeholder {
  color: #767D84;
}

.users_upstreams_page .tabs-container form #UserUpstreamCode ::-ms-input-placeholder {
  color: #767D84;
}

.users_upstreams_page .tabs-container form #UserUpstreamCode ::placeholder {
  color: #767D84;
}

.users_upstreams_page .tabs-container form #TeamCodeCode {
  color: black;
  font-family: 'Gotham-Book';
  font-size: 17px;
}

.users_upstreams_page .tabs-container form #TeamCodeCode ::-webkit-input-placeholder {
  color: #767D84;
}

.users_upstreams_page .tabs-container form #TeamCodeCode ::-moz-placeholder {
  color: #767D84;
}

.users_upstreams_page .tabs-container form #TeamCodeCode ::-ms-input-placeholder {
  color: #767D84;
}

.users_upstreams_page .tabs-container form #TeamCodeCode ::placeholder {
  color: #767D84;
}

.users_upstreams_page .upstream_tabs .submit input {
  font-family: 'Gotham-Bold';
  font-size: 15px;
  line-height: 18.75px;
  text-transform: initial;
}

@media (max-width: 768px) {
  .users_upstreams_page .not_team_leader .pill-tabs {
    display: none;
  }
  .users_upstreams_page #page_title {
    padding-left: 0px;
  }
  .users_upstreams_page .upstream_tabs .tabs-container {
    padding: 5px;
  }
  .users_upstreams_page .upstream_tabs .tabs-container p p {
    font-size: 15px;
  }
  .users_upstreams_page .pill-tabs .tabs-wrapper {
    height: 100% !important;
    overflow: initial !important;
    width: 100% !important;
  }
  .users_upstreams_page .jquery_tabs.mobile-tabs .tabs li {
    border: none !important;
  }
  .users_upstreams_page .jquery_tabs.mobile-tabs .tabs li a {
    background: transparent !important;
    box-shadow: none !important;
  }
  .users_upstreams_page .jquery_tabs.mobile-tabs .tabs.ui-tabs-nav {
    position: initial;
    height: 100%;
    margin-bottom: 0px;
  }
  .users_upstreams_page .jquery_tabs.mobile-tabs .tabs.ui-tabs-nav li a {
    font-family: Arial, sans-serif;
    text-transform: initial;
  }
  .users_upstreams_page .jquery_tabs.ui-tabs .pill-tabs ul.ui-widget-header {
    flex-wrap: nowrap;
    height: 38px;
    display: flex;
    align-items: center;
  }
  .users_upstreams_page .jquery_tabs.ui-tabs .pill-tabs ul.ui-widget-header li.ui-tabs-selected {
    overflow: hidden;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .users_upstreams_page .jquery_tabs.ui-tabs .pill-tabs ul.ui-widget-header li.ui-tabs-selected a {
    color: black !important;
  }
}

#contactFolders input {
  background-color: #F3F6FA;
  border: none;
  border-radius: 10px;
  box-sizing: border-box;
  display: block;
  font-size: 16px;
  margin: 8px auto;
  max-width: 315px;
  padding: 8px 16px;
  width: 100%;
}

#contactFolders .savedelete {
  padding: 8px 18px;
  background-color: #acacac;
}

#contactFolders .savedelete a {
  color: #fff;
  margin: 0 3px;
}

#saveChanges {
  display: none;
  padding: 12px;
  border-top: 1px solid #cccccc;
  text-align: right;
}

.green {
  background-color: #47b648;
  color: #fff;
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-weight: normal;
}

span.green {
  padding: 4px 4px 1px;
}

.red {
  background-color: #e5122e;
  color: #fff;
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-weight: normal;
}

span.red {
  padding: 4px 4px 1px;
}

.blockLinks a {
  display: block;
  text-align: center;
  padding: 79px 0 0;
  color: #000000;
  height: 24px;
  border-bottom: 2px solid #ebebeb;
}

.error-console {
  display: none;
  margin: 15px;
  padding: 20px;
  border: 1px solid #ff0000;
  color: #ff0000;
}

.error-console ul {
  padding: 0 0 0 30px;
}

.error-console ul li {
  list-style-type: disc;
}

.blockLinks a:hover {
  background-position: left bottom;
  color: #fff;
}

.blockLinks .availableCredits {
  padding: 17px 0 0;
  height: 84px;
}

.blockLinks a.availableCredits:hover {
  background: url(/common/img/grad-green.png) no-repeat 0 0;
}

.blockLinks .availableCredits .big {
  font-size: 50px;
  line-height: 58px;
  font-family: 'Gotham-Light', Arial, sans-serif;
  text-transform: uppercase;
}

.blockLinks .availableCredits .big .creditNum {
  font-family: 'Gotham-Bold', Arial, sans-serif;
}

.blockLinks .purchaseCredits {
  background: url(/common/img/purchase-credits.png) no-repeat;
}

.blockLinks .sendSamples {
  background: url(/common/img/send-samples.png) no-repeat;
}

.tags {
  background-color: #e1e1e1;
  padding: 3px;
}

.tags a {
  color: #fff;
  background-color: #3a90bb;
  border-radius: 3px;
  padding: 1px 8px;
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 2px;
}

.reportingLinks {
  width: 308px;
  margin: 0;
}

.reportingLinks li {
  border: 1px solid #ebebeb;
}

.reportingLinks li a {
  display: block;
  padding: 14px 0px 7px 120px;
  color: #000000;
}

.reportingLinks li a span {
  font-family: 'Gotham-Light', Arial, sans-serif;
  font-size: 36px;
  line-height: 1;
}

.reportingLinks li.websitevisits a {
  background: url(/common/img/btn-websitevisits.png) no-repeat;
}

.reportingLinks li.homepagevideoviews a {
  background: url(/common/img/btn-homepagevideoviews.png) no-repeat;
}

.reportingLinks li.topwebpagesviewed a {
  background: url(/common/img/btn-topwebpagesviewed.png) no-repeat;
}

.reportingLinks li.presentationvideosviewed a {
  background: url(/common/img/btn-presentationvideosviewed.png) no-repeat;
}

.reportingLinks li a:hover {
  background-position: left bottom;
  color: #fff;
}

input[type="submit"].quickView {
  border: none;
  text-decoration: none;
  padding: 1px 0px 0px 56px;
  position: relative;
  text-transform: uppercase;
  text-align: left;
  width: 201px;
  height: 57px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.4;
}

input[type="submit"].quickView:hover {
  background-position: left bottom;
  color: #fff;
}

input[type="submit"].hotProspects {
  background: url(/common/img/btn-hotprospects.png) no-repeat;
}

li.selectedRow input[type="submit"].hotProspects {
  background-position: left bottom;
  color: #fff;
}

li.selectedRow input[type="submit"].surveyResults {
  background-position: left bottom;
  color: #fff;
}

input[type="submit"].surveyResults {
  background: url(/common/img/btn-surveyresults.png) no-repeat;
}

input[type="submit"].customFolder {
  border: 1px solid #cccccc;
  background-color: #e1e1e1;
  background-image: none;
  color: #636363;
  text-decoration: none;
  padding: 1px 0px 0px 12px;
  position: relative;
  text-transform: capitalize;
  text-align: left;
  width: 100%;
  height: 41px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.4;
}

input[type="submit"].customFolder:hover {
  background-color: #f5f5f5;
}

input[type="submit"].webSiteFolderLink {
  border: none;
  background-color: #ffffff;
  background-image: none;
  color: #3A90BB;
  text-decoration: none;
  padding: 1px 1px 1px 1px;
  position: relative;
  text-transform: capitalize;
  text-align: left;
  font-weight: normal;
}

input[type="submit"].webSiteFolderLink:hover {
  background-color: #0061b5;
}

.weather span {
  font-family: 'Gotham-Light', Arial, sans-serif;
  font-size: 36px;
  line-height: 1;
}

.weather-sprite {
  display: block;
  background: url("/img/common/backoffice/weather_sprite.png") no-repeat top left;
}

.weather-sprite-chance_of_rain {
  background-position: 0 0;
  width: 60px;
  height: 50px;
}

.weather-sprite-chance_of_rain_large {
  background-position: -61px 0;
  width: 120px;
  height: 100px;
}

.weather-sprite-chance_of_snow {
  background-position: -182px 0;
  width: 60px;
  height: 50px;
}

.weather-sprite-chance_of_snow_large {
  background-position: -243px 0;
  width: 120px;
  height: 100px;
}

.weather-sprite-chance_of_thunderstorm {
  background-position: -364px 0;
  width: 60px;
  height: 50px;
}

.weather-sprite-chance_of_thunderstorm_large {
  background-position: -425px 0;
  width: 120px;
  height: 100px;
}

.weather-sprite-cloudy {
  background-position: -546px 0;
  width: 60px;
  height: 50px;
}

.weather-sprite-cloudy_large {
  background-position: -607px 0;
  width: 120px;
  height: 100px;
}

.weather-sprite-flurries {
  background-position: -728px 0;
  width: 60px;
  height: 50px;
}

.weather-sprite-flurries_large {
  background-position: -789px 0;
  width: 120px;
  height: 100px;
}

.weather-sprite-haze {
  background-position: -910px 0;
  width: 60px;
  height: 50px;
}

.weather-sprite-haze_large {
  background-position: -971px 0;
  width: 120px;
  height: 100px;
}

.weather-sprite-mostly_cloudy {
  background-position: -1092px 0;
  width: 60px;
  height: 50px;
}

.weather-sprite-mostly_cloudy_large {
  background-position: -1153px 0;
  width: 120px;
  height: 100px;
}

.weather-sprite-mostly_sunny {
  background-position: -1274px 0;
  width: 60px;
  height: 50px;
}

.weather-sprite-mostly_sunny_large {
  background-position: -1335px 0;
  width: 120px;
  height: 100px;
}

.weather-sprite-rain {
  background-position: -1456px 0;
  width: 60px;
  height: 50px;
}

.weather-sprite-rain_large {
  background-position: -1517px 0;
  width: 120px;
  height: 100px;
}

.weather-sprite-sleet {
  background-position: -1638px 0;
  width: 60px;
  height: 50px;
}

.weather-sprite-sleet_large {
  background-position: -1699px 0;
  width: 120px;
  height: 100px;
}

.weather-sprite-snow-thunderstorm {
  background-position: -1820px 0;
  width: 60px;
  height: 50px;
}

.weather-sprite-snow-thunderstorm_large {
  background-position: -1881px 0;
  width: 120px;
  height: 100px;
}

.weather-sprite-snow {
  background-position: 0 -101px;
  width: 60px;
  height: 50px;
}

.weather-sprite-snow_large {
  background-position: -61px -101px;
  width: 120px;
  height: 100px;
}

.weather-sprite-storm {
  background-position: -182px -101px;
  width: 60px;
  height: 50px;
}

.weather-sprite-storm_large {
  background-position: -243px -101px;
  width: 120px;
  height: 100px;
}

.weather-sprite-sunny {
  background-position: -364px -101px;
  width: 60px;
  height: 50px;
}

.weather-sprite-sunny_large {
  background-position: -425px -101px;
  width: 120px;
  height: 100px;
}

.weather-sprite-thunderstorm {
  background-position: -546px -101px;
  width: 60px;
  height: 50px;
}

.weather-sprite-thunderstorm_large {
  background-position: -607px -101px;
  width: 120px;
  height: 100px;
}

.center {
  text-align: center;
}

.alignRight {
  text-align: right;
}

.alignCenter {
  text-align: center;
}

input.fancy {
  /* Hide the input, but have it still be clickable */
  opacity: 0;
  float: left;
  width: 18px;
  height: 18px;
}

.styledCheck {
  margin: 0;
  display: block;
  clear: none;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background: url(/common/img/radio.png) left center no-repeat;
}

.ie7 .styledCheck {
  display: none;
}

input.fancy:checked + .styledCheck {
  background-image: url(/common/img/radio-selected.png);
}

.scrollable.no-header .viewport {
  height: 310px;
}

.scrollable .disable {
  display: none;
}

.greyBg {
  background-color: #e1e1e1;
  color: #707070;
}

.percentBar {
  width: 80px;
  border: 1px solid #ebebeb;
  display: inline-block;
}

.percentBar span {
  background-color: #4bb747;
  height: 16px;
  display: block;
}

.sidebar .hdr:not(:nth-child(1)) {
  margin-top: 60px;
}

#ContactEditForm {
  float: left;
  width: 280px;
}

#ContactEditForm select {
  float: right;
  margin: 1px 1px 8px;
  width: 170px;
}

#ContactEditForm label {
  font-weight: bold;
  float: left;
}

#ContactEditForm input[type="submit"] {
  float: right;
  margin-bottom: 20px;
  padding: 8px 8px 6px;
}

#ContactEditForm .dateinput {
  float: right;
}

.jshowoff-slidelinks {
  width: 100px;
  text-align: center;
  /*top: -53px; right: 0;*/
}

.jshowoff-slidelinks a {
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background: url(/common/img/radio.png) no-repeat center center;
  display: inline-block;
  text-decoration: none;
}

.jshowoff-slidelinks a.jshowoff-active {
  background: url(/common/img/radio-selected.png) no-repeat center center;
}

.jshowoff-controls {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.jshowoff-controls > a {
  color: #767d84;
}
#announcements-container img {
  width: 100%;
  height: auto;
}
#announcements-container * {
  max-width: 100%;
}
#announcements-container p {
  text-wrap: wrap;
  word-break: break-word;
}

#fourCol {
  width: 960px;
  background: #FFFFFF;
}

#fourCol .singleWidth {
  width: 200px;
  margin: 0px 30px 0px 0px;
  height: auto;
}

#fourCol .tripleWidth {
  width: 668px;
  margin: 0px 30px 0px 0px;
}

.notchedArrow {
  background: url("../img/notchedArrow.png") no-repeat center left;
  padding: 0px 0px 0px 28px;
  margin: 0px 0px 0px 15px;
  display: inline-block;
}

.stages div {
  border: 1px solid #cccccc;
}

#stages div.clear,
.stages div.clear {
  border: 0px solid #CCCCCC;
}

.stages div.active,
.stages div:hover {
  border-right: 0px solid #cccccc;
}

.stage1 {
  background: url("../img/sprites-gettingstarted.png") no-repeat -603px -161px;
  width: 201px;
  height: 161px;
}

.stage1.active,
.stage1:hover {
  background: url("../img/sprites-gettingstarted.png") no-repeat -603px 0px;
}

.stage2 {
  background: url("../img/sprites-gettingstarted.png") no-repeat -402px -161px;
  width: 201px;
  height: 161px;
}

.stage2.active,
.stage2:hover {
  background: url("../img/sprites-gettingstarted.png") no-repeat -402px 0px;
}

.stage3 {
  background: url("../img/sprites-gettingstarted.png") no-repeat -201px -161px;
  width: 201px;
  height: 161px;
}

.stage3.active,
.stage3:hover {
  background: url("../img/sprites-gettingstarted.png") no-repeat -201px 0px;
}

.stage4 {
  background: url("../img/sprites-gettingstarted.png") no-repeat 0px -161px;
  width: 201px;
  height: 161px;
}

.stage4.active,
.stage4:hover {
  background: url("../img/sprites-gettingstarted.png") no-repeat 0px 0px;
}

#fourCol .hdr {
  padding: 16px;
}

#fourCol .hdr h3 {
  display: inline-block;
  float: left;
}

#fourCol .hdr p {
  display: inline-block;
  margin: 10px 0 0 15px;
}

.middlCol {
  display: block;
  position: absolute;
  top: 4px;
  width: 100%;
}

.buttoned {
  cursor: pointer;
}

#stages h3,
#stages a {
  color: #636363;
  cursor: pointer;
}

#stages h3,
#stages div {
  width: 100%;
  padding: 16px;
}

#stages h3 {
  border: 2px solid #EBEBEB;
  margin: 10px 0px 0px 0px;
}

#stages > div {
  border-left: 2px solid #EBEBEB;
  border-right: 2px solid #EBEBEB;
  border-bottom: 2px solid #EBEBEB;
  margin: 0px 0px 10px 0px;
}

#stages div * {
  margin: 0 0 15px 15px;
  display: block;
}

#stages:first-child {
  margin: 20px 0px 0px 0px;
}

.ui-state-active .cto {
  display: none;
}

.cto {
  background: url("../img/ctoArrow.png") no-repeat scroll right center transparent;
  float: right;
  font-family: arial;
  font-size: 11pt;
  font-weight: bold;
  margin: 6px 0 0;
  padding: 0 25px 2px 0;
  text-align: right;
  display: block;
}

.ui-icon {
  display: inline-block;
  height: 20px;
  margin: 0 0 -2px;
  padding: 0 0 0 10px;
  width: 20px;
}

.ui-icon-triangle-1-s {
  background: url("../img/activeicon.png") no-repeat center left;
}

.ui-icon-triangle-1-e {
  background: url("../img/notactiveicon.png") no-repeat center left;
}

.percentage-complete {
  width: 201px;
  height: 39px;
  display: block;
  margin: 0 auto;
}

.perecent0 {
  background: url("../img/sprites-gettingstarted.png") no-repeat 0px -322px;
}

.perecent10 {
  background: url("../img/sprites-gettingstarted.png") no-repeat 0px -361px;
}

.perecent20 {
  background: url("../img/sprites-gettingstarted.png") no-repeat 0px -400px;
}

.perecent30 {
  background: url("../img/sprites-gettingstarted.png") no-repeat 0px -439px;
}

.perecent40 {
  background: url("../img/sprites-gettingstarted.png") no-repeat -201px -322px;
}

.perecent50 {
  background: url("../img/sprites-gettingstarted.png") no-repeat -201px -361px;
}

.perecent60 {
  background: url("../img/sprites-gettingstarted.png") no-repeat -201px -400px;
}

.perecent70 {
  background: url("../img/sprites-gettingstarted.png") no-repeat -201px -439px;
}

.perecent80 {
  background: url("../img/sprites-gettingstarted.png") no-repeat -402px -322px;
}

.perecent90 {
  background: url("../img/sprites-gettingstarted.png") no-repeat -402px -361px;
}

.perecent100 {
  background: url("../img/sprites-gettingstarted.png") no-repeat -402px -400px;
}

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.ir br {
  display: none;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a,
a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr,
img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
h3 {
    page-break-after: avoid;
  }
}

.announcements,
.standalone_text {
  padding: 5px;
  text-align: left;
}

.rankReportAttained, .rankReportPrevious {
  min-height: 680px;
}

.rankReportGoal {
  min-height: 500px;
}

.multipleItems p.jshowoff-controls {
  background: none;
  height: 38px;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 35%;
  width: 100%;
  z-index: 150;
  text-align: center;
  opacity: 0.0;
  filter: alpha(opacity=0);
  webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
}

.jshowoff.jshowoff-1.multipleItems:hover p.jshowoff-controls, .jshowoff.jshowoff-2.multipleItems:hover p.jshowoff-controls {
  opacity: 1.0;
  text-align: center;
  filter: alpha(opacity=100);
  webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.multipleItems .jshowoff-controls a.jshowoff-prev:before {
  content: "\f053";
}

.multipleItems .jshowoff-controls a.jshowoff-next:before {
  content: "\f054";
}

.multipleItems .jshowoff-controls a.jshowoff-prev,
.multipleItems .jshowoff-controls a.jshowoff-next {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 30px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.multipleItems .jshowoff-controls a {
  background: none;
  background-repeat: no-repeat;
  margin: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  background-color: gray;
  opacity: 0.3;
  border-radius: 5px;
  color: white;
}

.multipleItems .jshowoff-controls a.jshowoff-prev {
  left: 15px;
}

.multipleItems .jshowoff-controls a.jshowoff-next {
  right: 15px;
}

.multipleItems .jshowoff-controls a.jshowoff-play {
  display: none;
}

.multipleItems p.jshowoff-slidelinks.jshowoff-1-slidelinks, .multipleItems p.jshowoff-slidelinks.jshowoff-2-slidelinks {
  width: 100%;
}

.localNews span.summary {
  font-size: 80%;
}

.drip_email_subject,
.send_email_subject {
  font-style: italic;
}

input[type='submit'].alphafilter {
  text-decoration: none;
  color: #3A90BB;
  background-image: none;
  background-color: #fff;
  padding: 4px 2px 2px;
}

.contact_table {
  width: 100%;
  font-size: 1em;
}

#contactFolders.asset_folders li a,
#contactFolders.asset_folders li a i.fa {
  color: #555555;
  text-transform: capitalize;
}

#contactFolders.asset_folders #quickViewsBlock ul li ul.blocks li a {
  color: #555555;
}

#contactFolders.asset_folders #quickViewsBlock ul li ul.blocks li.active a, #contactFolders.asset_folders #quickViewsBlock ul li ul.blocks li a:hover {
  color: #fff;
}

#contactFolders.asset_folders li.tag_filter:hover, #contactFolders.asset_folders li.tag_filter.active {
  background-color: #2291BC;
  background-image: linear-gradient(to bottom, #2291bc, #3dc0de);
}

#contactFolders.asset_folders li.tag_filter a:hover {
  color: #fff;
}

.sidebar .asset_folders #tag_filter_disliked {
  display: none;
}

#contactFolders.asset_folders #quickViewsBlock ul#quickViews li:hover,
#contactFolders.asset_folders #quickViewsBlock ul#quickViews li:hover.active,
#contactFolders.asset_folders #quickViewsBlock ul#quickViews li:hover.visible {
  background-color: #2291BC;
  background-image: linear-gradient(to bottom, #2291bc, #3dc0de);
}

#contactFolders.asset_folders #quickViewsBlock ul li.visible a,
#contactFolders.asset_folders #quickViewsBlock ul li:hover a,
#contactFolders.asset_folders li.active a,
#contactFolders.asset_folders #quickViewsBlock ul li:hover a i.fa,
#contactFolders.asset_folders #quickViewsBlock ul li.active a i.fa,
#contactFolders.profile_sections #quickViewsBlock ul li.ui-tabs-selected a,
#contactFolders.profile_sections #quickViewsBlock ul li.ui-state-active a,
#social_drip_tabs #contactFolders.asset_folders li:hover a,
#social_drip_tabs #contactFolders.asset_folders li.active a,
#social_drip_tabs #contactFolders.asset_folders li:hover a i.fa,
#social_drip_tabs #contactFolders.asset_folders li.active a i.fa,
#social_drip_tabs #contactFolders.asset_folders li.company_specific:hover a,
#social_drip_tabs #contactFolders.asset_folders li.company_specific.active a {
  color: #FFFFFF;
}

.prospecting_sidebar #contactFolders li span {
  position: relative;
}

#contactFolders .cf-move-icon {
  display: block;
  padding-left: 5px;
  cursor: move;
  width: 10px;
  float: left;
}

#contactFolders .cf-move-icon:after {
  content: '\f047';
  font-family: 'FontAwesome';
  position: absolute;
  left: -5px;
}

.prospecting_sidebar #contactFolders li span.cf-edit-icon {
  cursor: pointer;
  font-size: 32px;
  position: absolute;
  right: 5px;
  top: 7px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}

.prospecting_sidebar #contactFolders li span.cf-edit-icon.visible {
  right: 15px;
  opacity: 1;
  pointer-events: auto;
}

.prospecting_sidebar #contactFolders li span.cfClick {
  cursor: pointer;
  margin-left: 1px;
  overflow: hidden;
  padding-left: 0;
  width: 100%;
  position: relative;
}

#ui-state-default.RowEdit {
  padding-left: 1px;
  margin-left: 1px;
  cursor: pointer;
}

.cfClick {
  padding-left: 10px;
}

.saveBox {
  border-top-color: #CCCCCC;
  border-top-style: solid;
  border-top-width: 1px;
  display: none;
  float: right;
  margin-top: 10px;
  padding: 8px 0 10px 4px;
  width: 200px;
}

.cfUpdateBox {
  padding: 10px;
  background-color: #eaeaea;
}

.cfUpdateBox input {
  margin-left: 12px;
  background-color: #cccccc;
  outline: none;
  border: 1px solid #bbbbbb;
  width: 140px;
}

img.cf-close-icon {
  margin-left: 6px;
  cursor: pointer;
}

hr.hline {
  width: 100%;
  height: 3px;
  background-color: #cccccc;
  color: #cccccc;
}

hr.hlineSm {
  width: 100%;
  height: 2px;
  margin: 0 0 4px 0;
  background-color: #cccccc;
  color: #cccccc;
}

#createNewFolder {
  background-color: #FFFFFF;
  border: none;
  float: unset !important;
  margin: 0;
  padding: 10px 0px;
  width: 100%;
}

#createNewFolder form {
  padding: 0px 10px;
}

.folderLinkContainer {
  margin-top: 15px;
}

#createNewFolder input {
  background-color: #F3F6FA;
  border: none;
  border-radius: 10px;
  box-sizing: border-box;
  display: block;
  font-size: 16px;
  margin: 8px auto;
  max-width: 315px;
  outline: none;
  padding: 8px 16px;
  width: 100%;
}

#createNewFolder input:focus {
  outline: none;
}

#saveSortingChanges a {
  margin-left: 20px;
}

.starFilledClick {
  cursor: pointer;
}

.starEmptyClick {
  cursor: pointer;
}

.actionsBox h4 {
  cursor: pointer;
  font-size: 13px;
}

.actionsBox {
  cursor: pointer;
  font-size: 12px;
  padding: 0;
  width: 320px;
}

.hdrCP {
  border-bottom: 2px solid #ebebeb;
  padding: 12px;
  background-color: #fff;
}

.sidebar .hdrCP {
  border: 1px solid #cccccc;
}

.sidebar .hdrCP:not(:nth-child(1)) {
  margin-top: 0px;
}

.qvShowHide {
  border: 0 none;
  color: red;
  cursor: pointer;
  float: right;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: right;
  text-transform: lowercase;
  top: 22px;
  width: 30px;
}

.noBorder2 td {
  padding: 0;
  border: none;
  vertical-align: middle;
}

.noBorder2 td #customSearch {
  margin: 1px 0 0 0;
  border: none;
  vertical-align: middle;
  padding: 0;
}

.noBorder2 td #PaginateFilter {
  border: 1px #cccccc solid;
  height: 22px;
  margin: 0;
  vertical-align: middle;
  padding: 0;
}

.noBorder2 select {
  height: 26px;
  margin-top: -1px;
  padding-top: 1px;
}

.noBorder2 td label {
  padding-top: 4px;
}

#addToExistingFolder {
  width: 800px;
  height: 700px;
}

.efFolders {
  float: left;
  margin: 1px 12px;
}

.efContacts {
  float: left;
  margin: 10px;
}

.addToExistingFoldersBox {
  background-color: #FFFFFF;
  border: 1px solid #dedede;
  border-top-color: #0061b5;
  border-top-style: solid;
  border-top-width: 8px;
  box-shadow: #111111 0 0 6px;
  display: none;
  padding: 0 10px;
  position: absolute;
  right: 0;
  text-align: left;
  top: 108%;
  width: 250px;
  z-index: 100;
}

.showPointsBox {
  background-color: #FFFFFF;
  border: 1px solid #dedede;
  border-top-color: #0061b5;
  border-top-style: solid;
  border-top-width: 8px;
  box-shadow: #111111 0 0 6px;
  display: none;
  padding: 0 10px;
  position: absolute;
  right: 0;
  text-align: left;
  top: 108%;
  width: 400px;
  z-index: 100;
}

.folderListFloater .efFolders {
  float: none;
  overflow-y: auto;
  overflow-x: none;
  max-height: 350px;
  margin: 0px;
  border: 0;
  width: 100%;
}

.folderListFloater .efFolders td {
  border: 0;
  padding: 2px 5px;
}

.hasDatepicker {
  margin-right: 12px;
}

.dripTableRow {
  max-width: 160px;
  min-width: 155px;
  text-align: center;
}

.dripTableRow img {
  margin: 0 9px 0 8px;
}

.arPreview li {
  border: 1px solid #DDDDDD;
  padding: 12px;
  margin: 12px;
}

.arStat {
  width: 100%;
  margin: 12px 0;
}

.arStat tbody tr th a {
  color: #fff;
}

h3.ar-header-title {
  padding-top: 15px;
}

/***Helper Classes***/
.w10 {
  width: 8%;
  padding: 0 1%;
}

.w10.nopadding {
  width: 10%;
}

.w20 {
  width: 18%;
  padding: 0 1%;
}

.w20.nopadding {
  width: 20%;
}

.w30 {
  width: 28%;
  padding: 0 1%;
}

.w30.nopadding {
  width: 30%;
}

.w40 {
  width: 38%;
  padding: 0 1%;
}

.w40.nopadding {
  width: 40%;
}

.w50 {
  width: 48%;
  padding: 0 1%;
}

.w50.nopadding {
  width: 50%;
}

.w60 {
  width: 58%;
  padding: 0 1%;
}

.w60.nopadding {
  width: 60%;
}

.w70 {
  width: 68%;
  padding: 0 1%;
}

.w70.nopadding {
  width: 70%;
}

.w80 {
  width: 78%;
  padding: 0 1%;
}

.w80.nopadding {
  width: 80%;
}

.w90 {
  width: 88%;
  padding: 0 1%;
}

.w90.nopadding {
  width: 90%;
}

.w100 {
  width: 98%;
  padding: 0 1%;
}

.w100.nopadding {
  width: 100%;
}

.w25 {
  width: 23%;
  padding: 0 1%;
}

.w25.nopadding {
  width: 25%;
}

.w33 {
  width: 31%;
  padding: 0 1%;
}

.w33.nopadding {
  width: 33%;
}

.w66 {
  width: 64%;
  padding: 0 1%;
}

.w66.nopadding {
  width: 66%;
}

.w75 {
  width: 73%;
  padding: 0 1%;
}

.w75.nopadding {
  width: 75%;
}

.fl-left {
  float: left;
}

.fl-right {
  float: right;
}

.section {
  position: relative;
}

.section:before,
.section:after {
  content: '';
  display: table;
  clear: both;
}

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

.border-thin {
  border: 1px solid #ebebeb;
}

.absolute {
  position: absolute !important;
}

.relative {
  position: relative !important;
}

.top-left {
  top: 0;
  left: 0;
}

.top-right {
  top: 0;
  left: 0;
}

.btm-left {
  bottom: 0;
  left: 0;
}

.btm-right {
  bottom: 0;
  right: 0;
}

.nopadding {
  padding: 0 !important;
}

.nopadding-x {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.nopadding-y {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.nomargin {
  margin: 0 !important;
}

.nomargin-x {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.nomargin-y {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

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

.upper {
  text-transform: uppercase;
}

.auto_responder_preview {
  padding: 0px;
  background: #fff;
}

.auto_responder_preview .hdr {
  padding: 12px;
}

.hlist {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.hlist:after {
  content: '';
  display: table;
  clear: both;
}

.hlist li {
  float: left;
}

.wrapperOneThird {
  position: relative;
  border: 0;
  float: left;
  width: 250px;
  padding: 0 20px;
}

.wrapperOneThird .text {
  padding-top: 20px;
}

.wrapperOneThird .input {
  padding: 20px;
}

.wrapperOneThird input,
.wrapperOneThird select,
.wrapperOneThird textarea {
  width: 230px;
}

.wrapperOneThird .error-message {
  color: red;
}

/* End Helper Classes */
/* Bootstrap Tweaks */
article,
aside,
details,
figcaption,
figure,
footer,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

.hidden {
  display: none;
}

html {
  overflow-y: scroll;
  font-size: 100%;
}

html.mobile-overlay {
  overflow-y: auto;
}

button,
input,
select,
textarea {
  font-family: 'Gotham-Regular', sans-serif;
  color: #393939;
}

input[type="text"],
input[type="password"],
textarea {
  border: 1px solid #ccc;
}

.input.select {
  padding: 7px 0;
  position: relative;
}

.input label {
  margin: 0 5px 0 0;
}

.step2options div.input,
div.conferencing_page div.input,
div.billing_details div.input,
#UserEmailScriptAddForm div.input,
#UserEmailScriptEditForm div.input,
.help_page div.input,
.setup-wizard div.input,
.setup-wizard div.submit,
#profile_tabs div.input,
#profile_tabs div.submit {
  clear: both;
  padding: 10px 0;
  line-height: 1em;
  box-sizing: border-box;
}

.step2options div.input label {
  text-align: left;
  padding: 5px 0;
  display: block;
}

.help_page div.input label,
#addDripRecipients div.input label,
#profile_tabs div.input label {
  /*float: left;*/
  clear: both;
  width: 20%;
  max-width: 100px;
  margin-right: 1%;
  /*padding: 5px 0;*/
  /*text-align: right;*/
  text-align: left;
}

#profile_tabs div.input input[type=text],
#profile_tabs div.input input[type=tel],
#profile_tabs div.input input[type=email],
#profile_tabs div.input input[type=password],
#profile_tabs div.input select,
#profile_tabs div.input textarea,
#profile_tabs div.input .input-element,
.setup-wizard div.input input[type=text],
.setup-wizard div.input input[type=tel],
.setup-wizard div.input input[type=email],
.setup-wizard div.input input[type=password],
.setup-wizard div.input input[type=submit],
.setup-wizard div.input input[type=button],
.setup-wizard div.input select,
.setup-wizard div.input textarea {
  float: left;
  width: 260px;
  max-width: 60%;
}

#profile_tabs div.input select {
  width: 260px;
  margin-right: 10px;
  max-width: 100%;
}

#profile_tabs div.input.date select {
  float: none;
}

#profile_tabs div.submit {
  margin-left: 110px;
}

#profile_tabs #mail-server div.input label[for="UserSmtpSettingUsePersonalSmtp"] {
  width: auto;
}

.user_settings_page *::-moz-selection {
  background: none repeat scroll 0 0 #b3d4fc;
  color: #FFFFFF;
  text-shadow: none;
}

a {
  color: #3A90BB;
  text-decoration: none;
  outline: medium none;
}

.fa {
  color: #B8C2CB;
}

.fa.hidden {
  display: none;
}

.fa.fa-inverse {
  color: #fff;
}

.faq-link {
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 1.4em;
  border: 1px solid #000000;
  border-radius: 52%;
  padding: 2px 7px;
}

a:hover {
  color: #0061b5;
  text-decoration: none;
  outline: medium none;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 2px;
  margin: 1em 0;
  padding: 0;
  border: 0 none;
}

.mobile-overlay hr {
  background-color: #ccc;
}

.hr {
  height: 1px;
  clear: both;
  border-top: 1px solid #ccc;
}

.bg-white hr,
.dblWidth hr {
  background-color: #EBEBEB;
}

ins {
  background: none repeat scroll 0 0 #FFFF99;
  color: #000000;
  text-decoration: none;
}

mark {
  background: none repeat scroll 0 0 #FFFF00;
  font-style: italic;
  font-weight: bold;
  color: #000000;
}

pre,
code,
kbd,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

pre {
  word-wrap: break-word;
  white-space: pre-wrap;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: none;
}

small {
  font-size: 85%;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul,
ol {
  margin: 1em 0;
  padding: 0;
  list-style: none outside none;
}

dd {
  margin: 0;
}

img {
  vertical-align: sub;
  -ms-interpolation-mode: bicubic;
  border: 0 none;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0 none;
}

label {
  cursor: pointer;
  margin: 5px 0;
}

.txt-center {
  text-align: center;
}

.txt-white {
  color: #fff;
}

.txt-red {
  color: #ff0000;
}

.txt-lgray {
  color: #ccc;
}

.txt-dgray {
  color: #777;
}

.txt-orange {
  color: #ff8800;
}

.txt-green {
  color: #0061b5;
}

.txt-fb_blue {
  color: #3B5998;
}

.txt-twitter_blue {
  color: #00aced;
}

legend {
  padding: 0;
  border: 0 none;
}

button,
input,
select,
textarea {
  vertical-align: baseline;
  margin: 0;
  padding: 3px;
  font-family: 'Gotham-Regular', sans-serif;
  color: #393939;
  font-size: 100%;
}

button,
input {
  line-height: normal;
}

tr.noCells td:not(:first-child),
tr.noCells td:not(:last-child) {
  border-left: none;
  border-right: none;
}

tr.noCells td:first-child {
  border-left: 1px solid #e0e0e0;
}

tr.noCells td:last-child {
  border-right: 1px solid #e0e0e0;
}

table.offset-gray tr:nth-child(2n+1) {
  background: #f0f0f0;
}

table.border-collapse {
  border-top: 1px solid #e0e0e0;
}

table.border-collapse tr td:not(:first-child) {
  border-left: 0px;
}

table.border-collapse tr td {
  border-top: 0px;
}

table.no-border,
table.no-border tr,
table.no-border tr td {
  border: 0px;
}

table.sample-details-table td {
  padding: 5px 12px;
}

table.sample-details-table .preview {
  display: block;
  padding-top: 15px;
}

button,
input[type="button"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="checkbox"] {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  margin: 0 5px;
}

input[type="radio"] {
  box-sizing: border-box;
  margin: 0 5px;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0 none;
}

textarea {
  vertical-align: top;
  resize: vertical;
  overflow: auto;
  width: 98%;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
}

table {
  margin: 0;
  border-spacing: 0;
}

table td img {
  vertical-align: middle;
}

td {
  vertical-align: middle;
  padding: 8px 12px;
  border: 1px solid #e0e0e0;
  height: 35px;
}

td.red {
  text-align: center;
}

.tab_pages {
  margin-bottom: 15px;
}

.tab_pages td,
.tab_pages td label,
.tab_pages td select,
.tab_pages td .panelpreview {
  padding: 0;
  margin: 5px;
  vertical-align: middle;
}

.panel_profile_box {
  margin: -1px -16px 0;
  padding: 0px 15px;
}

.top-panel {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#moving_tab .wizard_step .panel_profile_box .hdr {
  background: #efefef;
  position: relative;
  margin: 0 -15px 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px 15px 0;
}

.dateinput input {
  background: #f5f5f5;
}

.clearfix:before,
.clearfix:after,
.wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.clearfix {
  zoom: 1;
  clear: both;
}

.rounded-3px {
  border-radius: 3px;
  overflow: hidden;
}

.vid_remove_choices td {
  position: relative;
  padding: 2px 0;
  border: none;
}

.vid_remove_choices td label {
  color: #000000 !important;
  background: transparent !important;
  float: right;
  width: 85%;
  margin-left: 15px;
}

.vid_remove_choices td span.span_to_hide {
  cursor: pointer;
  line-height: 1;
  display: block;
  background: transparent !important;
  color: #000000;
  margin: 0 5px;
  padding: 0 2px;
  border: 2px solid #000000;
  position: absolute;
}

.vid_remove_choices .td_to_hide {
  display: none;
}

#vidAddChoices td .previewbox {
  display: block;
}

#moving_tab .panel {
  padding: 0;
  margin: 0;
  border: none;
}

#moving_tab .panel .next_btn,
#moving_tab .panel .back_btn {
  display: block;
  margin: 10px 0;
}

#moving_tab .panel .next_btn {
  float: right;
}

#moving_tab .panel .back_btn {
  float: left;
}

#moving_tab .panel .submit {
  margin: 0;
}

#moving_tab .panel .hdr {
  width: 100% !important;
}

#moving_tab .panel:after {
  content: '';
  display: table;
  clear: both;
}

#moving_tab .panel .wrapper {
  width: 100%;
  max-width: 100%;
}

#moving_tab .panel ul.vid_remove_choices {
  width: auto;
}

#moving_tab .item:before {
  font-family: 'FontAwesome';
  font-size: 4.5em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  font-weight: normal;
  line-height: 1.4em;
}

#moving_tab .videoContent:before {
  content: '\f144';
}

#moving_tab .pageContent:before {
  content: '\f022';
}

#moving_tab .leadCapture:before {
  content: '\f03e';
}

#moving_tab .reviewSave:before {
  content: '\f0c7';
}

#moving_tab .item {
  color: #777;
  cursor: pointer;
  box-shadow: inset 0 -50px 100px -20px rgba(0, 0, 0, 0.1);
}

#moving_tab .activeItem {
  background: #0061b5;
  color: #fff;
  box-shadow: inset 0 -50px 100px -20px rgba(0, 0, 0, 0.2);
}

#vidAddChoices .span_to_hide {
  display: none;
}

.st-fixed {
  background: #fff;
  z-index: 999;
}

.st-fixed td {
  white-space: normal;
}

.noBorder td {
  vertical-align: middle;
  padding: 6px 0;
  border: medium none;
}

.padNoBorder td {
  vertical-align: middle;
  border: medium none;
}

td.pts,
td.stars {
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-size: 22px;
}

td.stars {
  color: #3A90BB;
}

th {
  padding: 8px;
  font-weight: 400;
  background-color: #3A90BB;
  font-family: 'Gotham-Bold', Arial, sans-serif;
  font-size: 0.9em;
  color: #FFFFFF;
  text-align: left;
}

.table-wrapper {
  position: relative;
  width: 95%;
  overflow-x: auto;
  margin: 0 auto 10px;
  display: flex;
  flex-flow: row wrap;
}

body {
  min-height: 100%;
  position: relative;
  background: none repeat scroll 0 0 #fff;
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-weight: normal;
  font-size: 0.8em;
  color: #000000;
  line-height: 1.4;
  margin: 0;
}

h1 {
  margin: 0 0 0.3em;
  font-family: 'Gotham-Light', Arial, sans-serif;
  font-size: 3.1em;
  font-weight: normal;
  line-height: 1.2;
  text-transform: uppercase;
}

.fa-top {
  position: absolute;
  top: 0;
  left: 0;
}

h1#page_title {
  background: none;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9), 0px -1px 0px rgba(0, 0, 0, 0.5);
}

h3,
#profile_tabs legend {
  margin: 0;
  font-family: 'Gotham-Light', Arial, sans-serif;
  font-size: 1.9em;
  font-weight: normal;
}

.hdr h3,
.hdrCP h3,
.hdr-row h3 {
  text-indent: 15px;
  font-size: 1.4em;
  color: #3A90BB;
  text-transform: uppercase;
  font-weight: bold;
}

.hdr.no-indent h3,
.hdrCP.no-indent h3 {
  text-indent: 0;
}

/*h3.smallHdr-followup {
  padding-left : 30px;
  background   : url("/common/img/icon-followup.png") left center no-repeat;
}*/
#social_drip_tabs #auto .smlMainCol h3 {
  padding-left: 30px;
  background: url("/common/img/icon-bubble.png") left center no-repeat;
}

h3.social-networks {
  padding-left: 25px;
  background: url(/common/img/icon-social-networks.png) no-repeat left 5px;
}

#social_drip_tabs .social_network_apps {
  margin-bottom: inherit;
}

#social_drip_tabs .social_network_apps > div {
  width: 98%;
  border-right: none;
}

h4 {
  margin-top: 0;
}

form label {
  display: inline-block;
  float: left;
  font-weight: bold;
}

table label {
  font-weight: normal;
}

label[for="queue-yes"],
label[for="queue-no"] {
  margin: 0;
}

.step2options div.input input[type=text],
.step2options div.input select,
#UserEmailScriptAddForm input[type="text"],
#UserEmailScriptEditForm input[type="text"],
#profile_tabs input[type="text"],
#profile_tabs input[type="tel"],
#profile_tabs input[type="email"],
#profile_tabs .input-element,
#profile_tabs input[type="password"] {
  padding: 3px 0;
  border: medium none;
  -webkit-appearance: none;
  border-radius: 0;
  text-indent: 10px;
}

#UserEmailScriptAddForm select,
#UserEmailScriptEditForm select,
.help_page select,
#profile_tabs select {
  border: medium none;
}

.selectWrapper {
  position: relative;
  overflow: hidden;
  height: 40px;
  padding: 0;
  background: #eaeaea;
  border: 1px solid #CCCCCC;
}

.selectWrapper:after {
  font-family: 'FontAwesome';
  content: '\f107';
  font-size: 24px;
  position: absolute;
  right: 10px;
  top: 5px;
}

.selectWrapper select {
  overflow: hidden;
  height: 43px;
  width: 100%;
  padding: 10px 10px 10px 0;
  cursor: pointer;
  background: none repeat scroll 0 0 transparent;
  font-weight: bold;
  color: #555555;
  border: none;
  outline: medium none;
  position: relative;
  left: 10px;
  z-index: 99;
  -moz--appearance: none;
  -webkit-appearance: none;
}

table h3 {
  color: #000000;
}

.blueText,
#social_drip_tabs #contactFolders.asset_folders li.company_specific a {
  color: #3A90BB;
}

.googleLink {
  color: #000000;
}

select.goog-te-combo:focus {
  color: #000 !important;
  background: #fff !important;
}

footer {
  position: relative;
  box-shadow: inset 0px 5px 10px -5px rgba(0, 0, 0, 0.3);
  clear: both;
  color: #fff;
  padding: 20px 0 100px;
  background-color: #2291BC;
  background-image: linear-gradient(to bottom, #2291bc, #3dc0de);
}

#feedback a:hover {
  text-decoration: none;
  background: #8BC73E;
  color: #FFFFFF;
}

#main {
  clear: both;
  padding: 30px 0px;
  background: none repeat scroll 0 0 #fafafa;
}

#main.full-width > .wrapper {
  max-width: 100%;
  padding: 0;
}

#main.no-padding {
  padding: 0;
}

.greyBox {
  padding: 18px;
  background: #eaeaea;
  border: 1px solid #CCCCCC;
}

.lrgSidebar .greyBox {
  margin-top: -1px;
}

.redBtn {
  padding: 0 16px !important;
  background-color: #E5122E;
  font-weight: bold;
  color: #FFFFFF;
  border-radius: 50px;
  height: 42px;
  line-height: 42px;
  box-sizing: border-box;
  font-size: 14px;
}

.redBtn:hover {
  color: #FFFFFF;
}

.hdr .redBtn {
  position: relative;
  float: right;
  z-index: 1111;
  text-transform: uppercase;
}

.wrapper {
  clear: both;
  position: relative;
  width: auto;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 10px;
}

.w33 .input {
  min-height: 45px;
  margin: 20px 7px 0 0;
}

.w33 .input.select {
  padding: 0 0 6px 0;
}

.w33 input,
.w33 select,
.w33 textarea,
.w33 .as-selections {
  width: 100%;
}

.w33 .input.checkbox input {
  float: left;
  width: 10px;
  margin-top: 3px;
}

ul.as-selections {
  box-shadow: none !important;
  padding: 0 !important;
  border: 1px solid #ccc !important;
}

ul.as-selections input {
  background-color: #f5f5f5;
}

ul.as-selections li {
  margin: 0 !important;
  font-size: inherit;
  padding: 0px;
}

ul.as-selections li.as-original input {
  font-size: inherit;
  height: auto;
  padding: 3px;
}

.page_add_todo_widget ul.as-selections,
.w33 ul.as-selections {
  border: 1px solid #ccc !important;
}

.relative {
  position: relative;
}

.threeCol {
  float: left;
  width: 33%;
}

.singleWidth {
  width: 32%;
  min-width: 310px;
  background-color: #FFFFFF;
  margin-bottom: 0px;
}

.dblWidth {
  width: 66%;
  min-width: 634px;
  background-color: #FFFFFF;
  margin-bottom: 0px;
}

.fixedHeight {
  height: 370px;
}

.twoCol {
  width: 50%;
}

.twoColumn {
  background: url(/common/img/bg_light-grey_1x1.png) top center repeat-y;
}

.twoColumn > div:first-child {
  width: 48%;
  float: left;
}

.twoColumn > div:last-child {
  width: 48%;
  float: right;
}

.twoColumn:after {
  content: '';
  display: table;
  clear: both;
}

.bigger {
  font-size: 1.3em;
}

.hdr,
.hdr-row {
  margin-bottom: 10px;
  padding: 12px 0;
  background-color: #fff;
  border-bottom: 1px solid #EBEBEB;
}

.help_page .hdr {
  padding: 12px 15px;
}

.hdr .recordActivity {
  position: relative;
  top: -28px;
  left: 190px;
  border: 0;
}

.border {
  border: 1px solid lightgray;
}

.floater,
.secondary_floater,
.inputHint {
  position: absolute;
  display: none;
  top: 100%;
  right: 0;
  padding: 10px;
  z-index: 999999;
  width: 336px;
  background-color: #FFFFFF;
  text-align: left;
  box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.5);
  border: 1px solid #ccc;
  border-radius: 8px;
}

.users_profile_page .inputHint {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#email_script_actions_top {
  padding-right: 25px;
}

.byWebsite .floater,
.byMarketingStatus .floater {
  padding: 29px 0px 0px;
}

.byMarketingStatus .floater {
  padding: 0px;
}

.floater h4 {
  width: 100%;
  top: 0;
  left: 0;
  padding: 5px 0;
  background: rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #ccc;
  text-indent: 15px;
}

.byWebsite .floater h4,
.byMarketingStatus .floater h4 {
  position: absolute;
}

.floater.half-width-floater {
  width: 175px;
}

.floater ul {
  list-style: none outside none;
  margin: 0;
}

.sidebar .floater ul li {
  margin: 0;
  border: none;
}

.floater ul li {
  background: transparent;
}

.floater ul li a {
  display: block;
}

.floater ul li.active {
  background: #49b751;
}

.floater ul li.active a {
  color: #fff;
}

.secondary_floater h4 {
  float: left;
}

.actionsBox .leftColBox,
.actionsBox .rightColBox {
  width: 50%;
  padding: 0;
  float: left;
  zoom: 1;
}

.contact_actions {
  position: relative;
}

.contact_actions h4 {
  text-transform: uppercase;
}

.secondary_floater .closeLink,
.floater .closeLink {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 140%;
  color: #47B648;
}

.secondary_floater div,
.floater ul {
  clear: both;
}

.previewbox i {
  font-size: 30px;
}

.play-video {
  text-transform: uppercase;
  padding: 10px 36px 10px 0;
  font-size: 12px;
  font-weight: 400;
  color: #0061b5;
}

.play-video:after {
  font-family: 'FontAwesome';
  content: '\f01d';
  font-size: 20px;
  margin-left: 5px;
  position: relative;
  top: 3px;
}

.statsLink {
  padding: 10px 15px 10px 30px;
  background: url("/common/img/icon-stats.png") left center no-repeat;
  font-size: 12px;
  font-weight: bold;
  color: #0061b5;
}

.pencilLink {
  padding: 7px 1px 4px 20px;
  background: url("/img/common/icon-pencil-small.png") left center no-repeat;
  font-size: 12px;
  font-weight: bold;
  color: #0061b5;
}

.alphaFilter {
  padding: 10px 0;
  text-align: center;
  font-weight: 600;
}

.alphaFilter.top-margin {
  margin-top: 15px;
}

.alphaFilter a {
  padding: 7px;
}

/*.blocks {
  overflow   : auto;
  margin     : 0;
  padding    : 0;

  list-style : none outside none;
}

.blocks li {
  position            : relative;

  padding             : 12px;

  background-color    : #E1E1E1;
  background-position : left center;
  font-weight         : bold;
}

.blocks li a {
  color : #636363;
}

.blocks li:hover {
  background-color : #F5F5F5;
}*/
.btn.fl-right {
  margin-left: 5px;
}

.btn.fl-left {
  margin-right: 5px;
}

.btn img {
  margin-bottom: 2px;
}

table.asset_list a.btn {
  margin: 0 5px;
  font-size: 12px !important;
}

.btn:hover,
.smallBtn:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.ui-widget-content a.btn,
.btn,
input[type="submit"],
a.btnRed,
a.btnGreen,
.smallBtn {
  position: relative;
  display: inline-block;
  border: none;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Gotham-Regular', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  padding: 4px 6px;
}

.asset_list .btn {
  font-size: 12px;
}

.smallBtn {
  padding: 3px 5px;
  font-size: 0.8em;
}

a.btnRed,
.ui-widget-content a.btnRed {
  background-color: #E5122E;
}

a.btnRed:hover {
  color: #ffffff;
}

.ui-widget-content a.btn,
.btn,
input[type="submit"],
a.btnGreen,
.ui-widget-content a.btnGreen,
.smallBtn {
  background-color: #0061b5;
}

.btnHolder {
  text-transform: uppercase;
  padding-bottom: 10px !important;
  margin-bottom: 10px;
  border-bottom: 1px solid #eaeaea;
}

a.btnGreen:hover {
  color: #ffffff;
}

.sidebar .floater {
  right: auto;
  left: -1px;
  width: 200px;
}

.greenLinks .blocks li a {
  font-weight: 500;
  text-transform: uppercase;
}

.red {
  background-color: #E5122E;
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-weight: normal;
  color: #FFFFFF;
}

.quickLinksDashboard {
  margin: 0;
  color: #000000;
}

.quickLinksDashboard li {
  padding: 10px;
  line-height: 59px;
  border-bottom: 1px solid #ebebeb;
}

.quickLinksDashboard li:last-child {
  border-bottom: none;
}

.quickLinksDashboard li:before,
.quickLinksDashboard li:after {
  content: '';
  display: table;
  clear: both;
}

.quickLinksDashboard li:hover {
  background-color: #eaeaea;
}

.quickLinksDashboard i {
  width: 60px;
  text-align: center;
  display: inline;
  vertical-align: middle;
}

.quickLinksDashboard li h3 {
  display: inline;
  color: #727272;
  vertical-align: middle;
  margin-left: 15px;
}

.folder-options a {
  font-weight: bold;
  font-size: 17px;
  color: #0061b5;
}

.folder-options i {
  font-size: 17px;
  color: #0061b5;
}

.list-group .list-group-item {
  display: block;
  float: left;
  clear: both;
  padding: 5px 0;
}

.quickLinks {
  margin: 0;
  padding: 0;
  list-style: none;
}

.quickLinks li {
  border-bottom: 2px solid #ebebeb;
}

.quickLinks li a {
  display: block;
  padding: 9px 0 9px 40px;
  background-image: url(/common/img/icon-sprite.png);
  background-repeat: no-repeat;
  font-weight: bold;
  color: #000000;
}

.quickLinks li a:hover {
  background-color: #3a90bb;
  background-image: url(/common/img/icon-sprite-hover.png);
  color: #fff;
}

.quickLinks .customize a {
  background-position: 0 -112px;
}

.quickLinks .sharemedia a {
  background-position: 0 -192px;
}

.quickLinks .sendemail a,
.quickLinks .send-marketing-invite a {
  background-position: 0 -305px;
}

.quickLinks .createpresentation a {
  background-position: 0 -345px;
}

.quickLinks .sharepdf a {
  background-position: 0 -387px;
}

.quickLinks .autoresponder a {
  background-position: 0 -425px;
}

.quickLinks a.disabled {
  opacity: 0.4;
}

.reportingLinks {
  width: 308px;
  margin: 0;
}

.reportingLinks li {
  border: 1px solid #EBEBEB;
}

.reportingLinks li a {
  display: block;
  padding: 14px 0 7px 120px;
  color: #000000;
}

.reportingLinks li a span,
.user_stats table span.count {
  font-family: 'Gotham-Light', Arial, sans-serif;
  font-size: 36px;
  line-height: 1;
}

.reportingLinks li.websitevisits a {
  background: url("/common/img/btn-websitevisits.png") no-repeat;
}

.reportingLinks li.homepagevideoviews a {
  background: url("/common/img/btn-homepagevideoviews.png") no-repeat;
}

.reportingLinks li.topwebpagesviewed a {
  background: url("/common/img/btn-topwebpagesviewed.png") no-repeat;
}

.reportingLinks li.presentationvideosviewed a {
  background: url("/common/img/btn-presentationvideosviewed.png") no-repeat;
}

.reportingLinks li.survey-results a {
  background: url("/common/img/btn-surveyresults.png") no-repeat;
}

.reportingLinks li a.active,
.reportingLinks li a:hover {
  background-position: left bottom;
  color: #FFFFFF;
}

.quickViews {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  list-style: none outside none;
}

.quickViews > li > a {
  position: relative;
  overflow: hidden;
  display: block;
  font-weight: bold;
}

.quickViews li.hotProspects > a,
.quickViews li.do-not-email > a,
.quickViews li > a {
  padding: 12px;
  background: none;
}

.quickViews li a i,
.quickViews li a .fa-stack {
  position: relative;
  top: 3px;
  text-align: center;
  width: 30px;
  font-size: 22px;
  margin-right: 10px;
}

.asset_folders li.active,
.asset_folders.profile_sections li.ui-tabs-selected,
.asset_folders.profile_sections li.ui-state-active,
.quickViews > li.active {
  background-position: left bottom;
  color: #FFFFFF;
  background: #0061b5;
  /* Old browsers */
  box-shadow: inset 0px -15px 30px 0px rgba(0, 0, 0, 0.1);
}

.asset_folders li a span.cfClick {
  display: block;
}

.quickViews > li.active > a:after {
  content: ' \2713';
}

.quickViews > li.active > a,
.quickViews > li.active > a i,
.quickViews > li > a:hover i,
.quickViews > li.visible > a i {
  color: #fff;
}

.quickViews .byWebsite a .fa-angle-down,
.quickViews .byMarketingStatus a .fa-angle-down {
  position: relative;
  float: right;
  margin: 0;
  width: auto;
  height: auto;
  font-size: 22px;
}

.sidebar {
  overflow: auto;
}

.sidebar .sub-drop-down {
  position: relative !important;
  padding: 0 !important;
  width: 100%;
}

.sidebar .sub-drop-down h4 {
  color: #555555;
  position: relative !important;
  margin-bottom: 0;
}

.sidebar .sub-drop-down ul li {
  background: rgba(204, 204, 204, 0.4);
}

.sidebar .sub-drop-down ul li a:hover {
  color: #fff;
}

.sidebar .sub-drop-down ul li.active {
  background: #49b751;
}

.pad2 {
  padding: 12px;
}

.center {
  text-align: center;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignCenter {
  text-align: center;
}

.clear {
  clear: both;
}

input.fancy {
  float: left;
  height: 18px;
  width: 18px;
  opacity: 0;
}

.styledCheck {
  display: block;
  clear: none;
  height: 18px;
  width: 18px;
  margin: 0;
  cursor: pointer;
  background: url("/common/img/radio.png") left center no-repeat;
}

input.fancy:selected .styledCheck,
input.fancy:checked .styledCheck {
  background-image: url("/common/img/radio-selected.png");
}

#profile_tabs div.input.fancy_checkbox label,
div.input.fancy_checkbox label {
  margin: -15px 0 0 20px;
  text-align: left;
}

.drips_index_page table i {
  font-size: 20px;
}

.scrollable {
  clear: both;
  width: 310px;
}

.dblWidth .scrollable {
  width: 637px;
}

.scrollable .viewport {
  position: relative;
  overflow: hidden;
  height: 276px;
  width: 295px;
}

.dblWidth .scrollable .viewport {
  width: 622px;
}

.scrollable .overview {
  position: absolute;
  top: 0;
  left: 0;
  width: 295px;
  list-style: none outside none;
}

.dblWidth .scrollable .overview {
  width: 622px;
}

.scroll-y {
  overflow-y: auto;
}

.scrollable .thumb .end,
.scrollable .thumb {
  background-color: #707070;
}

.scrollable .scrollbar {
  position: relative;
  float: right;
  width: 13px;
}

.scrollable .track {
  position: relative;
  height: 100%;
  width: 8px;
  padding: 0 1px;
  background-color: #FFFFFF;
}

.scrollable .thumb {
  position: absolute;
  top: 0;
  overflow: hidden;
  height: 20px;
  width: 8px;
  cursor: pointer;
  border-radius: 5px 5px 5px 5px;
}

.scrollable .thumb .end {
  overflow: hidden;
  height: 5px;
  width: 13px;
}

.scrollable .disable {
  display: none;
}

.scrollable .pad {
  padding: 8px 0 8px 18px;
}

.sidebar .scrollable {
  width: 200px;
}

.sidebar .scrollable .viewport {
  height: 500px;
  width: 190px;
}

.users_send_page .sidebar .scrollable .viewport {
  height: auto;
  min-height: 500px;
}

.users_send_page .scrollable .scrollbar {
  width: auto;
}

.sidebar .scrollable .overview {
  width: 190px;
  padding: 10px 0;
}

.templates_wizard_page .mainCol {
  border: none;
  width: 75%;
  padding: 0;
}

.templates_wizard_page .sidebar .scrollable,
.templates_wizard_page .sidebar .scrollable .overview,
.templates_wizard_page .sidebar .scrollable .viewport {
  width: auto;
}

.templates_wizard_page .sidebar .scrollable .viewport {
  overflow-y: scroll;
  height: 520px;
  margin-left: 15px;
}

.lrgSidebar {
  position: relative;
  float: left;
  width: 32%;
  margin-right: 10px;
}

.smlMainCol {
  float: left;
  width: 66%;
}

.smlMainCol.greyBorder {
  width: 580px;
  padding: 10px;
}

.smlMainCol.fl-right {
  float: right;
}

.bg-white {
  background-color: #FFFFFF;
}

.leftCol,
.contacts_view_page .leftCol {
  float: left;
  width: 50%;
}

.leftCol select {
  width: 100%;
}

.rightCol {
  float: right;
  width: 50%;
  text-align: right;
}

.pageTitle .rightCol {
  width: 30%;
}

.pageTitle .leftCol {
  width: 70%;
}

.pageTitle.users_home .rightCol {
  width: 60%;
}

.pageTitle.users_home .leftCol {
  width: 40%;
}

.pageTitle.users_home .leftCol h1 {
  max-width: 700px;
}

.greyBg {
  background-color: #E1E1E1;
  color: #707070;
}

.ui-widget-content .greyBg a.btn,
.greyBg a.btn {
  color: white;
}

.ui-widget-content .greyBg a,
.greyBg a {
  color: #0061b5;
}

.greyBorder {
  border: 1px solid #CCCCCC;
}

.lrgSidebar > ul {
  margin: 0;
  background: #eaeaea;
}

.sidebar .hdr,
.lrgSidebar .hdr,
.sidebar > .selectWrapper {
  position: relative;
  border: 1px solid #ccc;
}

.sidebar .hdr .current {
  display: none;
}

.sidebar > ul li,
.lrgSidebar > ul li {
  position: relative;
  border: 1px solid #ccc;
  margin-top: -1px;
}

.sidebar > ul li a,
.lrgSidebar > ul li a {
  display: block;
  padding: 12px;
}

.sidebar ul.quickViews li {
  padding: 0;
}

.sidebar .recipients ul li {
  border: none;
}

.full-width .sidebar ul.send_email_recipients li {
  border: none;
}

.sidebar ul:last-child li:last-child {
  margin-bottom: 0;
}

.sidebar .hdr:not(:nth-child(1)),
.lrgSidebar .hdr:not(:nth-child(1)) {
  margin-top: -1px;
}

.sidebar.prospecting_sidebar .hdr:not(:nth-child(1)),
.sidebar.prospecting_sidebar .selectWrapper {
  margin-top: -1px;
}

.sidebar .asset_folders li {
  font-size: 16px;
  font-weight: bold;
  text-transform: capitalize;
}

#contactFolders.asset_folders li.company_specific:hover,
#contactFolders.asset_folders li.company_specific.active {
  background-color: #2291BC;
  background-image: linear-gradient(to bottom, #2291bc, #3dc0de);
}

.prospecting_sidebar #updateFolder {
  background-color: #FFFFFF;
  box-sizing: border-box;
  display: none;
  padding: 10px;
}

.mainCol {
  float: left;
  padding: 8px 20px;
}

.in_iframe .modal .mainCol {
  width: 100%;
}

.in_iframe .modal .tabs li {
  width: auto;
}

.in_iframe .modal .tabs.prospecting li {
  width: unset !important;
}

.in_iframe .modal #send_asset_tabs.ui-tabs .ui-tabs-nav li {
  top: 2px !important;
}

.mainCol.fl-right {
  float: right;
}

.tabs-container .mainCol {
  padding: 0;
  width: 100%;
  float: unset;
}

.full-width .mainCol {
  width: 75%;
  border: none;
  padding: 8px 10px;
}

.full-width,
.jquery_tabs.ui-tabs .full-width.ui-tabs-panel {
  width: auto;
  border: 1px solid #ccc;
  padding: 15px;
  background: #fff;
  margin-bottom: 10px;
  box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.2);
}

.jquery_tabs.ui-tabs .tabs-container .full-width.ui-tabs-panel {
  border: none;
  padding: 0;
}

.templates_wizard_page .sidebar {
  width: 25%;
}

.templates_wizard_page .mainCol .viewport .overview {
  margin: 1px;
}

.pad {
  padding: 8px 20px;
}

.training-videos {
  float: none !important;
  width: 100% !important;
}

.training-videos .dataTables_info {
  float: none;
  width: 100%;
}

.table-header {
  margin: 0 0 10px 0;
}

footer a,
footer a:hover {
  color: #FFFFFF;
}

#feedback a {
  position: fixed;
  display: block;
  right: 0;
  bottom: 0;
  padding: 6px;
  background-color: #3a90bb;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
}

.jshowoff-slidelinks {
  width: 100px;
  text-align: center;
  /*right     : 0;*/
  /*top       : -53px;*/
}

.jshowoff-slidelinks a {
  display: inline-block;
  height: 8px;
  width: 8px;
  margin-right: 10px;
  background: #cfcfcf;
  text-decoration: none;
  text-indent: -9999px;
  border-radius: 50%;
  margin-left: 10px;
}

.jshowoff-slidelinks a.jshowoff-active {
  background: #999;
}

.tabs {
  font-weight: bold;
  list-style: none outside none;
}

.jquery_tabs .tabs li,
.tabs li {
  float: left;
  margin-right: 3px;
  border-color: #ccc;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
}

.jquery_tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
  -moz-border-bottom-colors: #CCCCCC;
}

#send_asset_tabs.ui-tabs .ui-tabs-nav li {
  top: 1px !important;
}

.in_iframe #send_asset_tabs.ui-tabs .ui-tabs-nav li {
  top: 1px;
}

.jquery_tabs.ui-tabs .ui-tabs-nav {
  padding: 0;
}

.jquery_tabs .tabs li > a,
.tabs li > a,
.jquery_tabs.ui-tabs .ui-tabs-nav li > a {
  display: block;
  padding: 3px 6px;
  color: rgba(0, 0, 0, 0.5);
  background: #e5e5e5;
}

.jquery_tabs > li:not(.ui-tabs-selected) > a,
.jquery_tabs > li:not(.ui-tabs-selected) > a:hover {
  box-shadow: inset 0px -3px 10px -7px rgba(0, 0, 0, 0.3);
}

.jquery_tabs .sidebar li:not(.ui-tabs-selected) a,
.jquery_tabs .sidebar li:not(.ui-tabs-selected) a:hover,
.mainCol .actions-btn ul li a {
  box-shadow: none;
}

.jquery_tabs .sidebar li a {
  display: block;
}

.jquery_tabs li:not(.ui-tabs-selected) a:hover {
  color: rgba(0, 0, 0, 0.5);
  box-shadow: none;
}

.jquery_tabs .sidebar li:not(.ui-tabs-selected) a:hover {
  color: #fff;
  background: none;
}

.jquery_tabs .ui-tabs-selected a {
  box-shadow: none;
  background: #fff;
}

#profile_tabs.ui-tabs .ui-tabs-nav li a {
  background: none;
}

.jquery_tabs .floater a,
.jquery_tabs.ui-tabs .ui-tabs-nav li.ui-state-active a {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #3A90BB;
  overflow: hidden;
}

.tabsEmail {
  font-weight: bold;
  list-style: none outside none;
  display: flex;
}

.tabsEmail li {
  float: left;
  position: relative;
  margin-right: 3px;
  border-color: #ccc #ccc transparent #ccc;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
}

.tabsEmail li a {
  display: block;
  padding: 5px 6px 6px;
  background: none repeat scroll 0 0 #FFFFFF;
  color: #000000;
}

.tabsEmail li.active {
  margin-bottom: -1px;
  z-index: 98;
}

.tabsEmail li a:hover,
.tabsEmail li.active a {
  color: #777;
  background: none repeat scroll 0 0 #d3d3d3;
}

.tabsEmail li.active a {
  padding-bottom: 7px;
}

.tabsSMS li {
  float: left;
  position: relative;
  margin-right: 3px;
  border-color: #ccc #ccc transparent #ccc;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
}

.tabsSMS li a {
  display: block;
  padding: 5px 6px 6px;
  background: none repeat scroll 0 0 #FFFFFF;
  color: #000000;
}

.tabsSMS li.active {
  margin-bottom: -1px;
  z-index: 98;
}

.tabsSMS li a:hover,
.tabsSMS li.active a {
  color: #777;
  background: none repeat scroll 0 0 #d3d3d3;
}

.tabsSMS li.active a {
  padding-bottom: 7px;
}

.cke-custom-skin {
  background: #e0e0e0;
  border: 1px solid #ccc;
}

span.cke_skin_kama,
span.cke_skin_kama span.cke_wrapper {
  border-radius: 0px !important;
  border: none !important;
}

span.cke_skin_kama {
  padding: 0 !important;
  background: none !important;
}

span.cke_skin_kama span.cke_wrapper {
  background-image: none !important;
}

.cke_skin_kama .cke_resizer {
  margin: 0 !important;
}

.emailBody {
  min-height: 300px;
  border: medium none;
}

.smsBody {
  min-height: 300px;
  border: medium none;
}

.emailViews {
  display: none;
}

.emailViews:first-child {
  display: block;
}

.smsViews {
  display: none;
}

.smsViews:first-child {
  display: block;
}

.saveTemplate {
  display: inline-block;
  padding: 1px 2px 1px 1px;
  font-weight: bold;
  color: #FFFFFF;
  border: 1px solid #ccc;
}

.saveTemplate input {
  background-color: #ddd;
  color: #000;
  border: 2px solid #ddd;
}

.saveTemplate .btnRed {
  padding: 4px;
  font-family: arial;
  font-size: 1em;
  font-weight: bold;
}

.ui-icon {
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 0 -2px;
  padding: 0 0 0 10px;
}

.ui-datepicker .ui-widget-header .ui-icon {
  padding: 0;
}

.breadcrumb {
  font-family: Arial;
  font-size: 10pt;
  font-weight: bold;
  margin: 12px 0;
}

.breadcrumb a {
  padding: 0 5px;
}

.contact-paging {
  position: absolute;
  top: 13px;
  right: 40px;
  font-weight: bold;
}

.product_details img.asset_thumbnail,
#products_tabs img.asset_thumbnail,
#social_drip_tabs img.asset_thumbnail,
.asset_list img.asset_thumbnail,
.asset_list p.language,
.asset_list p.market {
  float: left;
  margin-bottom: 0px;
  padding: 0 5px;
}

.product_details img.asset_thumbnail,
#products_tabs img.asset_thumbnail,
#social_drip_tabs img.asset_thumbnail,
.asset_list img.asset_thumbnail {
  max-height: 100px;
  max-width: 100px;
}

.flag_image {
  box-shadow: 2px 2px 2px #888888;
  max-height: 16px;
  max-width: 16px;
}

#social_drip_tabs .share_links a {
  margin: 0 3px;
}

.btnPinIt {
  display: inline;
  position: relative;
  top: 5px;
}

.priority_slider_labels span {
  float: left;
  font-size: 80%;
}

.priority_slider_labels span.high {
  float: right;
  margin-right: 8px;
}

.showPointsBox table,
#social_drip_tabs table {
  width: 100%;
}

.cake-sql-log {
  display: block;
  width: auto;
  /*max-width: 320px;*/
  margin: 1px;
  padding: 1px;
  border-collapse: collapse;
  background-color: white;
  font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace;
  font-size: 11px;
  color: #222222;
  border: 1px solid #CCCCCC;
  overflow: auto;
}

table.cake-sql-log td,
table.cake-sql-log th {
  margin: 1px;
  padding: 1px;
  border: 1px solid #CCCCCC;
}

table.cake-sql-log th {
  font-weight: bold;
}

.efAdd {
  float: left;
  margin: 10px;
}

td.secondary_actions a i {
  font-size: 20px;
  color: #fff;
}

.greyBg td.secondary_actions a,
td.secondary_actions a {
  background: #0061b5;
  padding: 5px;
  color: #fff;
  display: block;
  margin: 0 0 5px 0;
  width: 80%;
}

.wrapperOneThird label {
  width: 260px;
}

.actions_container div {
  float: right;
}

.actions-panel .actions-btn > a.btn,
.actions-panel .btn {
  font-size: 14px;
  font-family: 'Gotham-Regular', Arial, sans-serif;
}

.actions-btn > a i {
  line-height: 0;
  color: #fff;
  vertical-align: middle;
}

.noBorder {
  border: 0;
}

.noBorder div.input.checkbox,
.actions_container div.input.checkbox {
  clear: none;
  padding-top: 5px;
}

.noBorder div.input.checkbox {
  float: right;
  margin-top: 4px;
  display: flex;
  align-items: center;
}

.noBorder div.input.checkbox label,
.actions_container div.input.checkbox label {
  float: none;
  width: auto;
  margin: 7px 0 0 0;
}

select#domain {
  margin-left: 5px;
}

#addNew {
  width: 90%;
  margin: 8px;
  padding: 5px;
  text-align: center;
  border: 0;
}

#addNew h2 {
  margin: 0;
  text-align: center;
  border: 0;
}

li.rowwhite {
  display: inline-block;
  float: left;
  width: 90%;
  margin: 0px;
  padding: 3px 8px;
}

li.rowshaded {
  display: inline-block;
  float: left;
  width: 90%;
  margin: 0px;
  padding: 3px 8px;
  background-color: #e7e7e7;
}

.dblWidth .scrollable li.rowwhite,
.dblWidth .scrollable li.rowshaded {
  width: 100%;
}

.autoResponderTable {
  border: 0;
  width: 280px;
}

.autoResponderTable td {
  vertical-align: top;
  padding: 2px;
  border: 0;
}

.drip_description {
  margin-bottom: 65px;
}

.report_table {
  float: left;
  margin-top: 10px;
  width: 100% !important;
}

table a.plus img {
  width: 14px;
}

.report_table thead {
  font-weight: bold;
  text-align: center;
}

.prospecting_actions {
  position: relative;
}

.tabs-container {
  padding: 15px;
  margin-bottom: 10px;
}

.in_iframe .tabs-container {
  box-shadow: none;
  border-width: 1px 0px 0px 0px;
}

.tabs-container:after,
.full-width:after {
  content: '';
  display: table;
  clear: both;
}

.tabs-container > .hdr:first-child {
  padding-top: 2px;
}

.jquery_tabs.ui-corner-all,
.jquery_tabs .ui-corner-all,
.jquery_tabs .ui-corner-top,
.jquery_tabs .ui-corner-bottom {
  border-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-topleft: 0px;
}

.jquery_tabs.ui-widget-content,
.jquery_tabs.ui-widget-content .ui-widget-content {
  background: none;
  font-family: 'Gotham-Regular', 'Helvetica Neue', Arial, sans-serif;
  font-size: 1em;
  color: #000000;
  border: none;
  padding: 0;
}

#profile_tabs .ui-tabs-panel {
  float: right;
  width: 73%;
}

#profile_tabs .ui-tabs-nav {
  padding: 0;
}

#profile_tabs.ui-tabs .ui-tabs-nav li {
  position: relative;
  margin: -1px 0 0 0;
  padding: 12px;
  border: 1px solid #ccc !important;
  float: none;
  top: 0;
}

#profile_tabs.ui-tabs .ui-tabs-nav li a {
  float: none;
  background: none;
}

.drip-float {
  padding: 10px;
  margin: 0;
  background: #FFFFFF;
}

.jquery_tabs.ui-tabs .ui-widget-header {
  background: none;
  font-family: Arial, sans-serif;
  font-size: 1em;
  border: none;
}

#profile_tabs h2 {
  margin-top: 5px;
  font-family: 'Gotham-Light', Arial, sans-serif;
  font-size: 1.9em;
  font-weight: 400;
  text-transform: uppercase;
  clear: both;
}

.access_code_details {
  font-style: italic;
}

.access_code_details span {
  font-style: normal;
}

#profile_tabs fieldset {
  clear: both;
  margin-bottom: 10px;
  padding-bottom: 25px;
  /*border-bottom  : 1px solid #cccccc;*/
}

#profile_tabs fieldset#cc_info,
#profile_tabs fieldset#manual_smtp,
.setup-wizard fieldset#manual_smtp {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px none;
}

#profile_tabs fieldset#manual_smtp,
.setup-wizard fieldset#manual_smtp {
  margin-top: 40px;
}

.setup-wizard .btn,
.setup-wizard div.submit,
.help_page div.submit,
#profile_tabs div.submit {
  float: right;
}

#profile_tabs #notifications div.submit {
  clear: none;
  margin-left: 10px;
}

#profile_tabs #notifications table {
  margin: 10px auto;
}

.personalized_urls_label {
  clear: both;
  padding-top: 25px;
  font-style: italic;
}

p.inline_help.warning {
  padding: 5px;
  color: #E5122E;
  border: 1px solid #E5122E;
}

.demoLink {
  margin: 0px;
  padding: 0px;
}

#loginLastCheck {
  display: none;
}

#loginAvailable {
  position: relative;
  top: 8px;
  display: none;
  margin: 0px 15px;
  padding: 0 10px;
  background: #efefef;
  border: 1px solid #777;
  color: #777;
}

#loginAvailable.ajax_spinner {
  content: '';
}

.help_page div.input label,
#addDripRecipients div.input label,
#profile_tabs div.input label {
  width: 40%;
  max-width: 300px;
}

#profile_tabs #cc_info div.input {
  padding-right: 15px;
  box-sizing: border-box;
}

#profile_tabs #cc_info div.input label,
#profile_tabs #cc_info div.input input:not([type="checkbox"]),
#profile_tabs #cc_info div.input select {
  width: 100%;
  max-width: 100%;
}

.help_page div.singleWidth div.input label {
  width: 25%;
  margin-right: 10px;
}

#profile_tabs #mail-server div.input label,
#profile_tabs #drip-triggers div.input label {
  width: 133px;
}

#profile_tabs #join-now-samples div.clear {
  margin-top: 50px;
}

#website-display div.input label {
  width: 70px;
}

#drip-triggers div.delay_days {
  clear: both;
  width: 390px;
  margin-top: -20px;
}

#drip-triggers div.delay_days select {
  margin-right: 0;
}

#website-display div.input input[type="text"],
#website-display div.input select,
#website-display div.input textarea {
  width: 220px;
  max-width: inherit;
}

#website-display-form {
  float: left;
  width: 337px;
}

.website_display_picture {
  float: left;
  width: 200px;
  margin-top: 10px;
  margin-left: 25px;
}

.website_display_picture a {
  margin-top: 10px;
  margin-right: 10px;
}

img.profile_picture {
  max-width: 200px;
}

#smtp_reply_to_message,
#smtp_test_email_message {
  float: right;
  width: 270px;
  margin-left: 10px;
}

#smtp_reply_to_message {
  margin-top: -85px;
}

#smtp_test_email_message {
  margin-top: -10px;
}

.setup-wizard #smtp_reply_to_message,
.setup-wizard #smtp_test_email_message {
  margin-left: 20px;
  width: 480px;
}

.social_network_apps,
.major_social_networks {
  margin-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}

.social_network_apps > div:first-child {
  border-right: 1px solid #cccccc;
}

.social_network_apps > div.social_network_app,
.major_social_networks > div.social_network_app {
  float: left;
  width: 47%;
  padding: 2.4% 1.4%;
}

.major_social_networks > div > div,
#other_social_networks > div {
  float: left;
  width: 310px;
  margin: 10px 0;
}

.setup-wizard .social_network_apps > div {
  width: 47%;
}

.major_social_networks > div > div.submit,
#other_social_networks > div.submit {
  width: inherit;
}

.major_social_networks > div > div.submit input {
  float: right;
}

.social_network_apps a {
  margin: 0 10px;
  display: inline !important;
}

#other_social_networks img,
.major_social_networks img {
  height: 15px;
  width: 15px;
  margin: 0 10px;
}

.additional_networks_stuff {
  float: left;
  margin: 0 10px;
}

.iPhoneCheckContainer {
  position: relative;
  overflow: hidden;
  height: 27px;
  cursor: pointer;
  border-radius: 5px;
}

.iPhoneCheckContainer input {
  position: absolute;
  top: 5px;
  left: 30px;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.iPhoneCheckContainer label {
  position: absolute;
  display: block;
  top: 0;
  overflow: hidden;
  height: 27px;
  width: auto;
  padding-top: 5px;
  cursor: pointer;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  line-height: 17px;
  white-space: nowrap;
  margin: 0;
}

.iPhoneCheckContainer,
.iPhoneCheckContainer label {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
}

#profile_tabs div.input .iPhoneCheckContainer label {
  width: 100px;
}

label.iPhoneCheckLabelOn,
div.input label.iPhoneCheckLabelOn {
  left: 0;
  padding-top: 5px;
  background: #47B647;
  color: white;
  text-align: left;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
}

label.iPhoneCheckLabelOn span {
  float: left;
  padding-left: 8px;
}

label.iPhoneCheckLabelOff {
  right: 0;
  background: #D12229;
  color: white;
}

label.iPhoneCheckLabelOff span {
  padding-right: 8px;
  float: right;
  text-align: initial;
}

.iPhoneCheckHandle {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 27px;
  width: 0;
  padding-left: 3px;
  cursor: pointer;
  background: url("/common/img/iphone-style-checkboxes/slider_left.png") no-repeat;
}

.iPhoneCheckHandleRight {
  height: 100%;
  width: 100%;
  padding-right: 3px;
  background: url("/common/img/iphone-style-checkboxes/slider_right.png") no-repeat right 0;
}

.iPhoneCheckHandleCenter {
  height: 100%;
  width: 100%;
  background: url("/common/img/iphone-style-checkboxes/slider_center.png");
}

#qr_code_tabs h3,
#followup_tabs h3,
#products_tabs h3 {
  padding: 10px 0;
}

#qr_code_tabs #help h3 {
  margin: 10px -20px 20px;
  padding: 10px 20px;
  border-bottom: 1px solid #cccccc;
}

#qr_code_tabs h4,
#qr_code_tabs legend {
  padding: 5px 0;
  font-weight: bold;
  text-transform: uppercase;
}

.qr_code_input {
  float: left;
  min-height: 620px;
  width: 33%;
  padding: 10px 0 10px 10px;
}

.qr_code_input fieldset {
  margin: 10px 0;
}

.qr_code_input fieldset#what {
  margin: 0;
}

.qr_code_input label {
  float: none;
  padding: 5px 0;
}

.qr_code_input div.input {
  margin: 10px 0;
}

.qr_code_input input,
.qr_code_input select,
.qr_code_input textarea {
  width: 295px;
}

.qr_code_output {
  float: left;
  min-height: 620px;
  width: 64%;
  padding: 10px 0px 10px 10px;
  background-color: #E1E1E1;
  border: 1px solid #ccc;
}

.qr_code_output_box {
  clear: both;
  margin: 20px 10px;
}

.qr_code_output_box:not(:first-child) {
  border-top: 1px solid #cccccc;
}

.qr_code_output_box:first-child {
  margin-top: -10px;
}

.qr_code_output_subbox,
#redlaser_icon {
  float: left;
  margin: 0 20px 0 0;
}

.qr_code_output h4 {
  margin-top: 10px;
}

.qr_code_help_column:not(:first-child) {
  border-left: 1px solid #cccccc;
}

.qr_code_help_column {
  float: left;
  min-height: 600px;
  width: 31%;
  padding: 0 10px;
  margin: -10px 0;
}

.qr_code_help_column ul li {
  margin-left: 15px;
  list-style: disc outside none;
}

.qr_code_help_column img {
  display: block;
  margin: auto;
}

.setup-wizard .panel .setup-completed-actions li {
  font-size: 18px;
  position: relative;
}

.setup-wizard .panel .setup-completed-actions li a {
  padding-left: 30px;
}

.setup-wizard .panel .setup-completed-actions li a:before {
  position: absolute;
  top: 2px;
  left: 0;
  font-family: 'FontAwesome';
}

.setup-wizard .panel .setup-completed-actions li.home-page a:before {
  content: '\f00a';
}

.setup-wizard .panel .setup-completed-actions li.preview-my-site a:before {
  content: '\f108';
}

.setup-wizard .panel .setup-completed-actions li.start-building-my-business a:before {
  content: '\f008';
}

.setup-wizard .panel .setup-completed-actions li.add-contacts-to-my-site a:before {
  content: '\f234';
}

.setup-wizard .panel .website-preview-list {
  clear: both;
  background: #f5f5f5;
  border: 1px solid #ccc;
  padding: 15px;
  margin: 0 0 30px;
}

.setup-wizard .panel .website-preview-list:after {
  content: '';
  clear: both;
  display: table;
  visibility: hidden;
}

.setup-wizard .panel .website-preview-list li {
  width: 33%;
  float: left;
  box-sizing: border-box;
  margin: 15px 0;
  padding: 0 15px;
  text-align: center;
}

.setup-wizard .panel .website-preview-list li a .clipping-mask {
  display: block;
  width: 100%;
  height: auto;
  max-height: 150px;
  overflow: hidden;
  border: 1px solid #ccc;
}

.setup-wizard .panel .website-preview-list li a {
  display: block;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #ccc;
  background: #fff;
}

.setup-wizard .panel .website-preview-list li h3 {
  height: 70px;
}

.setup-wizard .panel .website-preview-list li img {
  width: 100%;
  height: auto;
}

.setup-wizard .panel .website-preview-list li span.link-text {
  width: 100%;
  display: block;
  overflow: hidden;
  border: 1px solid #ccc;
  background: #efefef;
  white-space: nowrap;
  padding: 5px;
  margin: 15px 0 0;
  position: relative;
  box-sizing: border-box;
}

.setup-wizard .panel .hdr {
  padding: 12px;
}

.setup-wizard .panel .hdr h2,
.setup-wizard .panel .hdr h3 {
  text-transform: uppercase;
  color: #777;
  display: inline;
}

.setup-wizard .panel .hdr h3 {
  margin-left: 5px;
}

.setup-wizard .panel .btn {
  margin-left: 5px;
}

.setup-wizard .panel .input label {
  width: 150px;
  line-height: 23px;
  display: block;
  padding: 0;
  margin-right: 15px;
  text-align: right;
}

.setup-wizard .panel .prev-next {
  position: relative;
  margin: 15px 0 0;
  padding: 15px 0 0;
  border-top: 1px solid #ccc;
}

.setup-wizard .panel .prev-next .submit {
  margin: 0 5px;
  padding: 0;
  position: relative;
  float: right;
  clear: none;
}

.setup-wizard .panel .prev-next a,
.setup-wizard .panel .prev-next input[type="submit"] {
  line-height: 1em;
  font-size: 15px;
  display: block;
  float: right;
  clear: none;
  padding: 5px;
  margin: 0;
}

.setup-wizard .panel .notification-table {
  margin: 15px 0 0 165px;
}

.setup-wizard .panel #UserEditForm table {
  margin: 20px;
}

.setup-wizard .panel #UserEditForm .redGrad.btn.next-step {
  bottom: 10px;
  position: absolute;
  right: 20px;
}

.setup-wizard .panel #UserEditForm .submit {
  bottom: 0;
  position: absolute;
  right: 80px;
}

.setup-wizard .pad {
  padding: 0 0 80px;
}

.setup-wizard #UserEditForm .submit input {
  height: 28px;
}

.setup-wizard #UserEditForm #SetupSendTestNotificationButton.btn.next-step {
  bottom: 10px;
  position: absolute;
  right: 250px;
}

.setup-wizard #UserEditForm .pad .btn.next-step {
  bottom: 10px;
  float: none;
  position: absolute;
  right: 30px;
}

.setup-wizard #UserEditForm > .pad > .btn {
  bottom: 10px;
  position: absolute;
  right: 80px;
}

.setup-wizard #UserSmtpSettingEditForm .btn.redGrad.next-step {
  bottom: 10px;
  padding: 1px 5px 0;
  position: absolute;
  right: 20px;
}

.setup-wizard #UserSmtpSettingEditForm .submit {
  bottom: 0;
  position: absolute;
  right: 80px;
}

.setup-wizard #UserEditForm .submit input {
  height: 28px;
}

.setup-wizard #UserEditForm #SetupSendTestNotificationButton.btn.next-step {
  bottom: 10px;
  position: absolute;
  right: 250px;
}

.setup-wizard #UserEditForm .pad .btn.next-step {
  bottom: 10px;
  float: none;
  position: absolute;
  right: 30px;
}

.setup-wizard #UserEditForm > .pad > .btn {
  bottom: 10px;
  position: absolute;
  right: 80px;
}

.setup-wizard #UserSmtpSettingEditForm .btn.redGrad.next-step {
  bottom: 10px;
  padding: 1px 5px 0;
  position: absolute;
  right: 20px;
}

.setup-wizard #UserSmtpSettingEditForm .submit {
  bottom: 0;
  position: absolute;
  right: 80px;
}

.user_stats > div {
  float: left;
  height: 370px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  background-color: white;
}

.user_stats > div#dates {
  height: inherit;
}

.user_stats > div h3,
.user_stats div.header {
  height: 34px;
  padding: 5px;
  border-bottom: 1px solid #cccccc;
}

.user_stats > div#dates h3 {
  float: left;
  margin-right: 10px;
  border-bottom: 0px none;
}

.user_stats > div#dates form div {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}

.user_stats > div#dates form label {
  margin-right: 5px;
}

.user_stats > div#dates form div.submit {
  float: right;
}

.user_stats > div.half_width {
  width: 49%;
}

.user_stats > div.full_width {
  width: 100%;
}

.user_stats > div.two_thirds_width {
  width: 66%;
}

.user_stats > div.third_width {
  width: 32%;
}

.user_stats div.graph {
  height: 325px;
  width: 95%;
  margin: auto;
}

.user_stats .scrollable .viewport {
  height: 325px;
}

.user_stats .full_width .scrollable,
.user_stats .full_width .scrollable .overview {
  width: 100%;
}

.user_stats .third_width .scrollable,
.user_stats .third_width .scrollable .overview {
  width: 100%;
}

.user_stats .third_width .scrollable .viewport {
  width: 95%;
}

.user_stats .full_width .scrollable .viewport {
  width: 96%;
}

.user_stats div.scrollable table {
  width: 100%;
}

.user_stats div.header h3 {
  float: left;
  padding: 0px;
  border-bottom: 0px none;
}

.user_stats div.header select {
  height: 30px;
  float: right;
  font-size: 70%;
  margin: 2.5px 0px 0px 0px;
}

/*-------------mysite---------------*/
.grid_4,
.grid_10,
.grid_12 {
  display: inline;
  float: left;
}

.box_template {
  text-align: center;
}

.box {
  margin-bottom: 20px;
  padding: 15px;
  background-image: -moz-linear-gradient(center top, #ffffff, #ffffff 64%, #e2e2e2 65%, #e2e2e2);
  border: 1px solid #ccc;
}

.template_preview {
  height: 220px;
}

.box_template .template_img_wrapper {
  display: block;
  height: 220px;
  width: 100%;
  overflow: hidden;
}

.box_template .language_title {
  display: block;
  float: none;
  width: 100%;
  margin-bottom: 10px;
}

.box_template .language_title:after {
  content: '';
  display: table;
  clear: both;
}

.box_template img.template_preview {
  display: block;
  float: none;
  height: auto;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.box_template input {
  width: 92%;
}

.box_template label {
  margin: 10px 0;
}

.box_template h3 {
  font-size: 19px;
}

.box_template img {
  float: right;
  margin-left: 8px;
}

.box_template span {
  float: right;
}

.box_template a {
  font-size: 0.97em;
}

.grid_4 {
  width: 305px;
  margin-right: 15px;
}

.grid_4 a {
  margin: 0 3px;
  font-size: 0.86em;
}

.profile_box {
  float: left;
  width: 100%;
  margin-top: 2px;
  padding: 5px;
}

.profile_box label {
  width: 100%;
}

.profile_box select {
  width: 210px;
  margin-right: 12px;
}

.profile_box a {
  margin-left: 5px;
}

.clipboardInput {
  margin-bottom: 10px;
}

.template_filter_container {
  float: right;
}

.template_filter_container select {
  width: 250px;
}

.mysite_top_box {
  margin-bottom: 12px;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
}

.mysite_top_box h3 {
  float: left;
}

.top_box_line {
  position: relative;
  clear: both;
  left: -10px;
  width: 102.3%;
  padding-top: 8px;
  border-bottom: 1px solid #ccc;
}

/*---Moved from /templates/red_olive_wizard.ctp---*/
#moving_tab {
  overflow: hidden;
  width: 1280px;
  position: relative;
  margin: 0 auto;
}

#moving_tab .tabs {
  position: relative;
  height: 100px;
  padding-top: 5px;
  cursor: default;
}

#moving_tab .tabs .item {
  position: relative;
  float: left;
  display: block;
  width: 240px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #ccc;
}

#moving_tab .tabs .item:not(:first-child) {
  margin-left: -1px;
}

#moving_tab .content {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ccc;
}

#moving_tab .panel {
  position: relative;
  width: 5120px;
}

#moving_tab .panel ul {
  float: left;
  width: 1280px;
  padding: 0;
  margin: 0;
  list-style: none;
}

#moving_tab .panel ul li {
  padding: 5px 0 5px 10px;
  border-bottom: 1px dotted #fff;
}

#moving_tab .wizard_step {
  padding: 15px 15px 0px 15px;
  border-bottom: 1px solid #ebebeb;
}

#moving_tab .wizard_step .hdr {
  padding: 15px 15px 10px 15px;
  width: 100%;
  margin: -15px -15px 0px -15px;
}

#moving_tab .wizard_step .hdr h3 {
  margin-left: -15px;
}

#moving_tab .wizard_step .caption {
  text-align: left;
  margin: 30px 0;
  font-family: 'Gotham-Regular', 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
}

#moving_tab .wizard_step h4 {
  font-size: 16px;
  margin: 5px 0px;
}

#moving_tab .contactlist {
  height: 520px;
  max-height: 520px;
  overflow-y: auto;
}

/*-----------end mysite-------------*/
#social_drip_tabs .greyBox a {
  margin: 5px;
}

#social_drip_tabs .social_networks {
  margin-top: -10px;
  margin-bottom: 15px;
}

#SocialDripEditForm div.select {
  margin: 10px 0;
}

#SocialDripEditForm label,
#SocialDripEditForm .social_networks h4 {
  text-transform: uppercase;
}

#SocialDripEditForm .social_networks h4 {
  margin: 0;
}

#SocialDripEditForm select {
  clear: both;
  width: 100%;
}

#social_drip_tabs h3 {
  color: #000000;
  text-transform: uppercase;
}

img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

ul.social_drip_item_categories {
  width: auto;
  margin-top: 0px;
  background-color: #e1e1e1;
}

ul.social_drip_item_categories li {
  padding: 10px;
}

ul.social_drip_item_categories li:not(:nth-child(1)) {
  border-top: 1px solid #cccccc;
}

ul.social_drip_item_categories li span {
  padding: 0 3px;
}

ul.social_drip_item_categories li span.priority_slider {
  display: block;
  width: 95%;
  margin: 10px 0;
}

.jquery_tabs.ui-widget-content .ui-widget-content.priority_slider {
  background-color: #C8C8C8;
}

.jquery_tabs.ui-widget-content .ui-widget-content.priority_slider .ui-state-default {
  background-color: #8BC73E;
  background-image: linear-gradient(to bottom, #8bc73e, #49b748);
}

.social_drip_item_category_label span {
  display: inline-block;
  margin-right: 5px;
}

.social_drip_item_category_label span.social_drip_item_category_type_generic {
  color: #0061b5;
}

#social_drip_tabs .attachment_image {
  float: right;
  margin-left: 3px;
}

#social_drip_representative_items p.label,
td.social_drip_item_category_label {
  font-weight: 400;
}

#social_drip_tabs #history h3 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  /*background     : url("/common/img/icon-followup.png") no-repeat scroll left 3px transparent;*/
  border-bottom: 1px solid #cccccc;
}

#social_drip_log_items {
  width: 100%;
}

.form-fields .input {
  margin-bottom: 7px;
}

.form-fields .input.select {
  padding: 0;
}

.form-fields label {
  text-align: right;
  width: 30%;
}

.form-fields input[type="text"],
.form-fields input[type="tel"],
.form-fields input[type="password"],
.form-fields input[type="email"],
.form-fields select {
  width: 65%;
  padding: 3px;
  border: 1px solid #ccc;
}

.form-fields select {
  height: 25px;
}

.form-fields .sms_note {
  margin-left: 30%;
  padding-left: 5px;
  margin-bottom: 5px;
}

/*Contact Import Page*/
.divTypeRow {
  float: left;
  min-height: 180px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 30px;
  border: 0;
  border-bottom: 1px solid #ccc;
}

ul.two-columns {
  overflow: hidden;
  width: 160px;
  margin-bottom: 20px;
  border: 0px solid #ccc;
}

ul.two-columns li {
  display: inline;
  float: left;
  width: 50%;
  line-height: 1.4em;
  border-bottom: 0px solid #ccc;
}

.typeBox {
  height: 150px;
  width: 215px;
  border: 0;
}

.previewcontacts {
  overflow: scroll;
  height: 470px;
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

.ic-table {
  vertical-align: top;
  height: 132px;
  width: 250px;
  margin: 0;
  margin: 0 0 0.3em;
  padding: 0;
  font-family: 'Gotham-Light', Arial, sans-serif;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 0.9;
  text-transform: uppercase;
}

.ic-table-header {
  font-family: 'Gotham-Light', Arial, sans-serif;
  display: block;
  font-size: 1.4em;
  text-transform: uppercase;
}

.ic-emph {
  font-size: 1.7em;
}

.ic-leftstrip {
  width: 8%;
  border: 0;
  border-right: 1px #ffffff solid;
}

.ic-rightstrip {
  width: 92%;
  color: #fff;
  border: 0;
  white-space: normal;
  display: flex;
  flex-direction: column;
  height: calc(100% - 16px);
  justify-content: center;
}

.ic-rightstrip br {
  display: none;
}

.ic-email-account {
  background-image: url("/common/img/ic-email-contacts.png");
  /* fallback */
  background-image: url("/common/img/ic-email-contacts.png"), linear-gradient(to bottom, #3989c9 0%, #0072bc 100%);
  background-position: 90% 50%;
  background-repeat: no-repeat;
  border-top-right-radius: 40px;
  /* IE10 Consumer Preview */
  /* Mozilla Firefox */
  /* Opera */
  /* Webkit (Safari/Chrome 10) */
  /* Webkit (Chrome 11+) */
  /* W3C Markup, IE10 Release Preview */
  -webkit-border-top-right-radius: 40px;
  -moz-border-radius-topright: 40px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3989C9', endColorstr='#0072BC');
}

.ic-csv {
  background-image: url("/common/img/ic-csv.png");
  /* fallback */
  background-image: url("/common/img/ic-csv.png"), linear-gradient(to bottom, #f8961d 0%, #f47920 100%);
  background-position: 90% 50%;
  background-repeat: no-repeat;
  border-top-right-radius: 40px;
  /* IE10 Consumer Preview */
  /* Mozilla Firefox */
  /* Opera */
  /* Webkit (Safari/Chrome 10) */
  /* Webkit (Chrome 11+) */
  /* W3C Markup, IE10 Release Preview */
  -webkit-border-top-right-radius: 40px;
  -moz-border-radius-topright: 40px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8961d', endColorstr='#f47920');
}

.ic-excel {
  background-image: url("/common/img/ic-excel.png");
  /* fallback */
  background-image: url("/common/img/ic-excel.png"), linear-gradient(to bottom, #8cc83e 0%, #0061b5 100%);
  background-position: 90% 50%;
  background-repeat: no-repeat;
  border-top-right-radius: 40px;
  /* IE10 Consumer Preview */
  /* Mozilla Firefox */
  /* Opera */
  /* Webkit (Safari/Chrome 10) */
  /* Webkit (Chrome 11+) */
  /* W3C Markup, IE10 Release Preview */
  -webkit-border-top-right-radius: 40px;
  -moz-border-radius-topright: 40px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cc83e', endColorstr='#0061b5');
}

.sms_send_page .contactlist,
.users_send_page .contactlist {
  max-height: 340px;
  overflow-y: auto;
}

.contactlist table {
  width: 100%;
}

.data-controls,
.data-pagination {
  clear: both;
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.input.checkbox.select-all {
  display: flex;
  align-items: center;
}

.input.checkbox.select-all label {
  padding: 1px 0 0 0;
}

.data-pagination {
  padding: 15px;
}

.divHalf {
  vertical-align: text-top;
  width: 455px;
  display: inline-block;
  padding: 5px;
}

.verticalLine {
  border-right: 2px solid #EBEBEB;
}

.dataTables_wrapper table {
  clear: both;
}

.dataTables_wrapper {
  overflow: scroll;
}

.dataTables_wrapper .filter-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 0;
}

.dataTables_filter,
.dataTables_length {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  display: flex;
  align-items: center;
  flex-direction: row;
}

.dataTables_length {
  text-align: left;
  float: left;
}

.dataTables_filter {
  text-align: right;
  float: right;
}

.dataTables_filter label,
.dataTables_length label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.dataTables_filter label > input,
.dataTables_filter label > select,
.dataTables_length label > input,
.dataTables_length label > select {
  margin-left: 0.5em;
}

.dataTables_info {
  float: left;
  width: 100%;
  margin: 6px;
  text-align: center;
  border: 0px solid red;
}

.dataTables_paginate {
  float: none !important;
  width: 100%;
  margin: 6px 6px 16px;
  text-align: center !important;
  border: 0px solid red;
}

div.addPadding {
  padding: 17px;
}

div.oneLine {
  float: left;
  width: 440px;
  padding: 0 0 10px 0;
  border: 0px solid red;
}

.efAdd {
  width: 280px;
  margin: 10px;
  text-align: center;
  border: 0;
}

.showPoints {
  cursor: pointer;
}

.nfaNotes {
  height: 180px;
  background-color: #fff;
  padding: 6px !important;
}

.nfaActivityList {
  overflow: auto;
  height: 174px;
  margin: 0;
  padding: 2px;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-radius: 8px;
}

.nfaActivityList li {
  margin: 8px 0;
}

.nfaActivityList li:first-child {
  margin-top: 0;
}

.nfaActivityList li:last-child {
  margin-bottom: 0;
}

#tableScroll {
  overflow-x: scroll;
}

#products_tabs .btnGreen,
#addDripRecipients .submit {
  float: right;
  margin: 15px 0px 0px;
}

.product {
  position: relative;
  float: left;
  height: 550px;
  width: 310px;
  margin: 0px 14px 14px 14px;
  background-color: #E0E0E0;
}

#products_tabs .product {
  width: 284px;
  border: 1px solid #CCCCCC;
}

.product h4 {
  width: 300px;
  margin-bottom: 0px;
  padding: 5px;
  background-color: white;
  font-family: 'Gotham-Light', Arial, sans-serif;
  font-size: 1.9em;
  font-weight: normal;
  color: #3A90BB;
  border-bottom: 1px solid #CCCCCC;
}

.product .price_ribbon {
  position: absolute;
  top: 15px;
  left: 200px;
  width: 120px;
  background-color: #E96724;
  background-image: linear-gradient(to right, #e96724, #d42b2a);
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-size: 1.4em;
  color: white;
  text-align: center;
  transform: rotate(45deg);
  transform-style: preserve-3d;
  -webkit-transform: rotate(45deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform: rotate(45deg);
  -moz-transform-style: preserve-3d;
  -ms-transform: rotate(45deg);
  -ms-transform-style: preserve-3d;
}

.product .image_container {
  position: relative;
  overflow: hidden;
  width: auto;
  padding: 5px;
  background-color: transparent;
}

#products_tabs .product .image_container {
  width: 292px;
}

.product img {
  display: block;
  max-height: 245px;
  max-width: 245px;
  margin: auto;
}

#products_tabs .product img {
  max-width: 280px;
}

.product .description {
  padding: 5px 10px;
  max-height: 124px;
  overflow-y: auto;
  box-sizing: border-box;
}

.buy_button_container {
  clear: both;
  bottom: 15px;
  border-top: 1px solid #CCCCCC;
}

.product .buy_button_container {
  position: absolute;
  right: 15px;
  width: 290px;
}

.products_index_page .jquery_tabs.ui-tabs .pill-tabs, .products_index_page .tabs-container {
  padding-top: 16px;
}

#products_tabs .product .buy_button_container {
  width: inherit;
  max-width: 90%;
}

#products_tabs .product .buy_button_container a {
  width: 100%;
  text-align: center;
}

#products_tabs #history .btnGreen {
  color: #fff;
}

#products_tabs #history .btnGreen img,
.product .buy_button_container img {
  display: inline;
  vertical-align: middle;
  height: 14px;
}

.product .subscription_label {
  font-weight: bold;
  font-family: 'Gotham-Bold', Arial, sans-serif;
}

.announcements.rotator {
  overflow-y: auto;
  height: 425px;
  padding: 10px;
  text-align: center;
}

#UserEmailScriptEditForm div.input label,
#UserEmailScriptAddForm div.input label {
  width: 90px;
  text-align: left;
  line-height: 2em;
}

#UserEmailScriptAddForm input[type=text],
#UserEmailScriptAddForm select,
#UserEmailScriptEditForm input[type=text],
#UserEmailScriptEditForm select {
  width: 225px;
  margin-left: 20px;
}

#UserEmailScriptEditForm div.input input[type="text"],
#UserEmailScriptAddForm div.input input[type="text"] {
  width: 90%;
}

#drip_edit_step_one div.input.select,
#UserEmailScriptAddForm div.input.select,
#UserEmailScriptEditForm div.input.select {
  float: left;
  width: 45%;
}

#drip_edit_step_one div.input.select {
  margin: 20px 0;
}

#drip_edit_step_one div.input.select.second_in_row,
#UserEmailScriptAddForm div.input.select.second_in_row,
#UserEmailScriptEditForm div.input.select.second_in_row {
  clear: none;
}

#drip_edit_step_one div.input.select.second_in_row {
  margin-left: 30px;
}

.addTodoItemFloater div.input,
.editTodoItemFloater div.input {
  margin: 10px 0;
}

.quickViews li > a,
.quickViews li > a i {
  color: #0061b5;
}

.quickViews li.byWebsite > a:hover {
  color: white;
}

.help_page textarea {
  width: 600px;
}

.help_page iframe {
  height: 500px;
  width: 100%;
}

a.social_sites_import {
  display: block;
  padding: 10px;
}

#profile_tabs a.tutorial_video_link {
  float: right;
  display: none;
}

#products_tabs table {
  width: 100%;
}

table.send_options_bottom {
  text-align: right;
  width: 100%;
}

table.send_options_bottom td {
  vertical-align: bottom;
  padding: 5px;
  text-align: center;
}

table.send_options_bottom .input {
  padding: 7px 0;
  width: 100%;
}

.presentation_builder div.filters div.input {
  display: inline-block;
  vertical-align: center;
}

.presentation_builder div.filters .input {
  width: 25%;
}

.presentation_builder div.filters .input.select select {
  width: 90%;
}

.presentation_builder div.filters .input.select label {
  float: none;
  clear: both;
  display: block;
}

.presentation_builder div.filters div.input.checkbox {
  text-align: right;
}

.presentation_builder #captureInfo {
  display: none;
  padding: 0 12px;
}

#followup_tabs table {
  width: 100%;
}

#followup_tabs td.redGrad {
  text-transform: uppercase;
}

.required-welcome-message-info div {
  margin-bottom: 10px;
}

#videoListTable {
  clear: both;
  width: 100%;
}

#videoListTable_wrapper {
  display: block;
  width: auto;
  padding: 10px 0px;
}

#videoListTable_wrapper .contactlist {
  width: 100%;
  border: 1px solid #ebebeb;
}

div.products_purchase_bottom {
  clear: both;
}

div.products_purchase_bottom #ProductAddForm input[type="submit"] {
  float: right;
  padding: 4px 8px;
}

div.products_purchase_bottom a.btnRed {
  padding: 2px 8px;
}

div.billing_details label {
  float: left;
}

div.billing_details span.input_placeholder {
  display: block;
  float: left;
  height: 25px;
}

.billing_details,
.product_details {
  width: 473px;
}

.billing_details .description,
.product_details .description {
  font-size: 17px;
}

.product_details img.asset_thumbnail {
  margin-right: 10px;
}

.billing-history-dates {
  text-align: right;
}

.cc-num-warning {
  margin: 0;
}

/*-------------------------------------------------------------------------
STUPID OLD HOVER-IN TOOLTIP
-------------------------------------------------------------------------*/
/* tooltip will display on :hover event */
.conferencing_page {
  padding: 15px;
}

.conferencing_page .top_section {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EAECEB;
}

.conferencing_page .why {
  width: 62%;
}

.conferencing_page .features {
  width: 32%;
  background-color: #EBEBEB;
}

.conferencing_page .features ul {
  list-style: inherit;
}

.conferencing_page .get {
  width: 34%;
  background-color: #EBEBEB;
}

.conferencing_page .get p {
  font-family: 'Gotham-Light', Arial, sans-serif;
  font-size: 1.7em;
}

.conferencing_page .options p.toll_free_description {
  margin-top: 0px;
}

.conferencing_page div.input.fancy_checkbox label {
  float: left;
}

.conferencing_page .iPhoneCheckContainer {
  margin-top: 10px;
}

.conferencing_page .priceCol {
  width: 300px;
}

.conferencing_page .priceCol a {
  margin-top: 30px;
}

.conferencing_page .price {
  position: relative;
  overflow: hidden;
  min-height: 150px;
  width: 300px;
  background-color: #3989C9;
  background-image: linear-gradient(to bottom, #3989c9, #0072bc);
  color: white;
  border-top-right-radius: 40px;
}

.conferencing_page .price .left-strip {
  position: absolute;
  left: 0;
  height: 100%;
  width: 20px;
  border-right: 1px solid white;
}

.conferencing_page .price .right {
  float: left;
  padding-top: 5px;
  padding-bottom: 20px;
  padding-left: 35px;
}

.conferencing_page .price p {
  margin: 0;
}

.conferencing_page .price p.toll_free_price {
  margin-left: 3px;
}

.conferencing_page .price .startmeeting_retail {
  text-decoration: line-through;
}

.conferencing_page .price .startmeeting_retail.label {
  text-decoration: inherit;
}

.conferencing_page .price .your_price {
  margin: 0;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.2em;
}

.conferencing_page .price .label {
  margin-top: 20px;
}

.conferencing_page .price .value {
  font-family: 'Gotham-Light', Arial, sans-serif;
}

.phone {
  float: left;
  z-index: 100;
  height: 240px;
  width: 140px;
}

.bluePixUnder {
  position: absolute;
  top: 328px;
  left: 24px;
  z-index: 10;
}

.phoneBG {
  width: 625px;
  padding: 0;
}

.phoneBG > div.content {
  height: 250px;
}

.fanClubBG > div.content {
  height: 250px;
  width: 605px;
  margin-left: 20px;
}

div.content img.fl-left {
  margin-right: 15px;
}

div.content img.fl-right {
  margin-left: 15px;
}

.phoneBG ul li {
  list-style: circle;
}

.phoneBG ul {
  margin-left: 20px;
}

.phoneChatBubble ul {
  margin: 0;
}

ul.chat_bubble li {
  float: left;
  height: 85px;
  width: 460px;
  background: url("/common/img/chat_bubble.png") no-repeat;
  background-size: contain;
  list-style: none;
  list-style-type: none;
}

ul.chat_bubble li div {
  margin: 0;
  padding-top: 20px;
  padding-right: 40px;
  padding-left: 30px;
  color: #000000;
}

.phoneChatBubble {
  width: 960px;
}

#contact_index {
  clear: both;
}

#contact_index td,
#contact_index th {
  width: auto !important;
  white-space: nowrap !important;
}

.contacts .dataTables_filter {
  margin-bottom: 40px;
}

.sorting_asc,
.sorting_desc {
  background-image: url("/common/img/sort_asc.png");
  background-position: right center;
  background-repeat: no-repeat;
}

.sorting_desc {
  background-image: url("/common/img/sort_desc.png");
}

.lower-box {
  padding: 10px 0;
  border-top: 1px solid #ebebeb;
}

/****************************************************************** setup_wizard CSS *******************************************************************/
#statsPane #chart_div {
  height: 350px;
  width: 100%;
  overflow: scroll;
}

.contacts_view_page #statsPane #table_div {
  max-height: unset;
  width: 100%;
}

#statsPane #table_div {
  max-height: 500px;
  width: 100%;
}

.upstream_tabs h3 {
  color: #000000;
  text-transform: uppercase;
}

.upstream_tabs .divHalf {
  width: 50%;
}

.upstream_tabs div.submit {
  width: 278px;
  padding: 15px;
}

.template_options {
  clear: both;
  padding: 18px 0 2px;
}

.template_hr {
  clear: both;
  width: 112%;
  margin: 10px 0 10px -16px;
  border-bottom: 1px solid #ccc;
}

.drip-index,
.email-script-index {
  width: 77%;
  float: right;
}

.email-script-index table,
.drip-index table {
  width: 100%;
}

.drip-index th.favorite,
.drip-index th.checkbox {
  width: 4%;
}

.drip-index th.action-column {
  width: 28%;
}

.drip-index td img {
  padding: 0 5px;
}

.email-script-index .action-button,
.email-script-index .actions,
.drip-index .actions,
.drip-index .action-button {
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
}

.dashboardMainRow {
  min-height: 320px;
}

.dashboardHeight,
.businessHeight {
  min-height: 542px;
}

.widget-block:before,
.widget-block:after {
  content: '';
  clear: both;
  display: table;
}

.setupLinks {
  padding: 0 10px;
}

.setupLinks h3 {
  line-height: inherit;
  margin-top: 8px;
  color: #727272;
}

.setupLinks li {
  position: relative;
  margin: 0 0 10px 0;
}

.setupLinks a {
  color: #727272;
}

.setupLinks a:hover {
  color: #727272;
}

.setupLinks div {
  float: left;
  padding: 6px 10px 6px 6px;
}

.setup_list_line:hover {
  background-color: #eee;
  box-shadow: inset 0 0 5px 2px #ddd;
  -webkit-box-shadow: inset 0 0 5px 2px #ddd;
}

.setup_list_line span {
  top: -20px;
  font-size: 0.9em;
}

.setup_list_line img {
  position: absolute;
  height: 40px;
  width: 40px;
  margin: 7px 0 0 20px;
}

.setup_list_line h3,
.setup_list_line span {
  position: relative;
  margin-left: 95px;
}

.setup_list_line h3 {
  top: -15px;
}

.setup_list_line span.img-caption {
  top: -9px;
}

.profile_setup_incomplete span.img-caption {
  position: absolute;
  margin: 50px 0 0 20px;
  color: #f00;
}

.profile_setup_complete span.img-caption {
  position: absolute;
  margin: 50px 0 0 20px;
  color: #00bf00;
}

.light-shadow {
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);
}

#widget-business {
  width: 100%;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-width: 631.5px;
  -moz-column-width: 631.50px;
  column-width: 631.5px;
  -webkit-column-gap: 10px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 10px;
  /* Firefox */
  column-gap: 10px;
}

#widget-business .border {
  border: 1px solid #CCCCCC;
  margin-bottom: 12px;
  background-color: white;
}

#widget-business div {
  overflow: hidden;
  /* Fix for firefox and IE 10-11  */
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari, Opera */
  page-break-inside: avoid;
  /* Firefox */
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  /* IE 10+ */
  break-inside: avoid-column;
}

h2.businessTitle {
  margin-left: 20px;
  margin-right: 20px;
  font-size: 35px;
  font-weight: normal;
  font-family: Gotham-Light,Arial;
}

.tileItem h2 {
  font-size: 25px;
  font-weight: 600;
}

.tileItem .smallText {
  font-family: Gotham-Light,Arial;
  font-weight: 500;
  font-size: 15px;
}

.tileItem .mediumText {
  font-family: Gotham-Light,Arial;
  font-weight: 600;
  font-size: 20px;
}

.tileItem .largeText {
  font-weight: 600;
  font-size: 30px;
}

.tileItem .largeNumber {
  font-weight: 600;
  font-size: 40px;
}

div.businessContainer {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.row .profileName h2, .row .profileEnrollmentDate h2 {
  margin-bottom: 0;
}

.row .profileName p, .row .profileEnrollmentDate p {
  margin-top: 10px;
}

#businessProfileData div h2 {
  margin-bottom: 0;
}

#businessProfileData div p {
  margin-top: 10px;
}

@media (min-width: 575px) {
  .profileName {
    float: left;
    width: 65%;
  }
  .profileEnrollmentDate {
    float: right;
  }
  div#businessProfileData {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    text-align: center;
  }
  .profileName img {
    width: 100px;
    height: 100px;
    float: left;
    border-radius: 50%;
    background-color: lightgray;
    margin-right: 10px;
    margin-top: 15px;
  }
}

@media (max-width: 574px) {
  .profileName {
    float: left;
    width: 65%;
    clear: both;
  }
  .profileEnrollmentDate {
    float: left;
    clear: both;
  }
  div#businessProfileData {
    float: left;
  }
  .profileName img {
    width: 100px;
    height: 100px;
    float: left;
    border-radius: 50%;
    background-color: lightgray;
    margin-right: 10px;
    margin-top: 15px;
    clear: both;
  }
}

.profileName i {
  margin-right: 10px;
  font-size: 100px;
  float: left;
  margin-top: 15px;
}

.volumeHistoryHeader {
  text-align: right;
  margin-right: 10%;
}

.volumeHistory th, .volumeHistory td {
  text-align: center;
  border-left: 0 none;
  border-right: 0 none;
  border-bottom: 0 none;
  background-color: white;
}

.myAutoship th, .myAutoship td {
  text-align: center;
  border-left: 0 none;
  border-right: 0 none;
  border-bottom: 0 none;
  background-color: white;
}

.totalOV th, .totalOV td {
  text-align: left;
  border-left: 0 none;
  border-right: 0 none;
  border-bottom: 0 none;
  background-color: white;
  font-family: Gotham-Light,Arial;
  font-weight: 600;
  font-size: 20px;
}

.volumeHistory th, .myAutoship th, .totalOV th {
  color: gray;
}

@media (min-width: 564px) {
  .volumeHistory table, .myAutoship table, .totalOV table {
    margin: 0 auto;
    border-spacing: 0;
    width: 90%;
    background-color: lightgray;
  }
}

@media (max-width: 563px) {
  .volumeHistory table, .myAutoship table, .totalOV table {
    margin: 0 auto;
    border-spacing: 0;
    width: 90%;
    display: block;
    overflow-x: auto;
  }
}

.rankReportPVDV {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  text-align: center;
}

.rankReportLegs {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  text-align: center;
}

.rankReportLegs div {
  foverflow: hidden;
  /* Fix for firefox and IE 10-11  */
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari, Opera */
  page-break-inside: avoid;
  /* Firefox */
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  /* IE 10+ */
  break-inside: avoid-column;
}

.rankReportPersonallySponsored {
  text-align: center;
}

#widget-dashboard .light-shadow {
  box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.4);
}

.progressBar {
  background-color: lightgray;
  font-size: 20px;
  color: white;
  font-weight: bold;
  border-radius: 2px;
  position: relative;
}

.progressBar > div {
  background-color: #3a90bb;
  height: 30px;
  font-size: 20px;
  color: white;
  float: left;
  text-align: center;
  font-weight: bold;
}

.progressBar span {
  position: absolute;
  display: block;
  width: 100%;
}

.progressBar i {
  color: white;
}

.rankReportPVDV .value {
  position: absolute;
}

.additionalServices {
  margin-bottom: 30px;
}

.additionalServices {
  margin-bottom: 15px;
}

.tileItem hr {
  color: #e1e1e1;
  border-style: solid;
  border-bottom-width: 1px;
}

.tileItem .button {
  text-align: center;
}

.tileItem button {
  width: 125px;
  height: 50px;
  font-size: 20px;
  background-color: #3a90bb;
  color: white;
  border: 0 none;
  border-radius: 3px;
  margin-top: 20px;
  position: relative;
  margin: 0 -62px;
  left: 50%;
}

.tileItem .business-button {
  width: 125px;
  color: white;
  font-size: 20px;
  display: inline-block;
  background-color: #3a90bb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: pointer;
  font-weight: 500;
  position: relative;
  margin: 0 -62px;
  left: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.myAutoship button {
  width: 250px;
  position: relative;
  margin: 0 -125px;
  left: 50%;
}

.rankReportPersonallySponsored button {
  left: 0%;
}

.blueDot {
  height: 20px;
  width: 20px;
  background-color: #3a90bb;
  border-radius: 50%;
  display: inline-block;
}

.whiteDot {
  height: 20px;
  width: 20px;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
}

.additionalServices {
  overflow: hidden;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  break-inside: avoid-column;
}

.additionalServices img {
  width: 100px;
  max-height: 100px;
  float: left;
  margin-top: 20px;
  margin-right: 20px;
}

.additionalServices h2.blueText.largeText {
  margin-top: 12px;
}

.newEnrollment {
  text-align: center;
}

.newEnrollment .name {
  float: left;
}

.newEnrollment .rank {
  float: right;
}

.newEnrollment th, .newEnrollment td {
  text-align: center;
  border-top: 0 none;
  border-left: 0 none;
  border-right: 0 none;
  border-bottom: 0 none;
  background-color: white;
  padding: 0;
}

.newEnrollment table {
  width: 100%;
  table-layout: fixed;
}

#banners div a img {
  width: 100%;
}

.body-gradient {
  background: #ffffff;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 40%, #dddddd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0);
  /* IE6-9 */
}

.header-gradient {
  /*background : -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 130%); /* FF3.6+ */
  /*background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(130%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
  /*background : -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 130%); /* Chrome10+,Safari5.1+ */
  /*background : -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 130%); /* Opera 11.10+ */
  /*background : -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 130%); /* IE10+ */
  /*background : linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 130%); /* W3C */
  /*filter     : progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6E6E6', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
  box-shadow: inset 0px -30px 50px -20px rgba(0, 0, 0, 0.2);
}

#launch_box .hdr {
  background-color: #3A90BB;
}

#launch_box .hdr h3 {
  color: #fff;
}

.bmbWidgets {
  margin: 10px 5px;
  list-style: none;
}

.bmbWidgets h3 {
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  font-size: 1.4em;
  color: #727272;
  line-height: 20px;
  text-align: left;
}

.bmbWidgets li {
  float: left;
  margin: 0 0 5px;
  width: 33%;
}

.bmbWidget {
  display: block;
  width: 90%;
  height: 60px;
  padding: 0px 8px;
  margin: 0px 5px 5px 5px;
}

.bmbWidgets i {
  width: 60px;
  text-align: center;
  display: inline;
  vertical-align: middle;
  margin: 0 5px 0 0;
  line-height: 1.2em;
}

.bmbWidget,
.setupLinks li {
  background-color: #fefefe;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: inset 0 -2px 15px -5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 -2px 15px -5px rgba(0, 0, 0, 0.5);
}

.setupLinks li i {
  font-size: 45px;
  position: absolute;
  left: 15px;
  width: 60px;
  height: 50px;
  text-align: center;
}

.setupLinks .profile_setup_complete i {
  color: #0061b5;
}

.setupLinks .profile_setup_incomplete i {
  color: #ff0000;
}

.bmbWidgets li .bmbWidget:hover {
  color: #000000;
}

.bmbWidgets li .bmbWidget:hover,
.setupLinks li:hover {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 2px 15px -5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 2px 15px -5px rgba(0, 0, 0, 0.5);
}

.bmbWidget img {
  float: left;
  height: 40px;
  width: 40px;
  margin: 10px 10px 5px 10px;
}

#dailyActions {
  height: 80px;
  margin-left: 15px;
}

#da_text h3 {
  margin-bottom: -20px;
  font-size: 4.3em;
  font-weight: normal;
  color: #000000;
  line-height: inherit;
}

#da_stars {
  margin: 10px;
}

#da_stars i {
  font-size: 6em;
  color: #0061b5;
  text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.5), 0px 2px 0px rgba(255, 255, 255, 0.8);
}

#da_stars i.grayscale {
  color: #999;
}

#da_stars img {
  padding-left: 15px;
}

.nameLink {
  font-weight: bold;
}

#contact_index .plus-checkbox {
  width: 45px;
}

#contact_index .contact-name {
  width: 145px;
}

#contact_index .contact-phone-email {
  width: 250px;
}

#contact_index .contact-points {
  width: 40px;
}

#contact_index .contact-interest-level {
  width: 95px;
}

#contact_index .pts {
  text-align: center;
}

a.contact-plus,
a.plus {
  float: left;
}

.contact-plus i,
.plus i {
  color: #0061b5;
  vertical-align: middle;
}

.contacts_index_page .mainCol {
  position: relative;
  width: 75%;
}

.contacts .alphaFilter {
  position: absolute;
  top: 40px;
  font-weight: bold;
}

.mainCol .select-all,
.mainCol .contact_actions {
  float: right;
}

.mainCol .select-all {
  width: auto;
  vertical-align: middle;
  margin: 0 10px;
  padding: 5px 0;
}

.contacts .dataTables_filter {
  width: 250px;
}

.addToAutoResponderBox {
  width: 375px;
  padding: 15px;
}

#addDripRecipients div.input {
  width: 350px;
  padding: 5px 0;
}

#addDripRecipients div.input select {
  width: 205px;
}

#addDripRecipients .submit {
  float: right;
  margin: 15px 0;
}

#addCustomFloater {
  display: none;
  padding: 0;
  background: #fff;
  margin: 5px;
}

.drips_auto_responder_page #addCustomFloater {
  height: 540px;
  margin: 5px 5px 75px 5px;
}

#acfIframe {
  display: none;
  height: 540px !important;
  width: 100%;
  max-width: 940px;
  border: 0 none;
}

.step2options {
  max-width: 268px;
  padding-bottom: 15px;
}

.dashboardMainRow .scrollable .viewport {
  height: 238px;
}

.dashboardMainRow .widget-content {
  height: 270px;
}

.introjs-helperNumberLayer {
  display: none;
}

.step2options {
  padding-bottom: 15px;
}

.step2options div.input input[type=text],
.step2options div.input select {
  float: left;
  margin-left: 0;
}

#sms-queue-date {
  width: 30em;
}

#widget-dashboard .row {
  clear: both;
}

#widget-dashboard .row:after {
  content: '';
  clear: both;
  display: table;
}

#widget-dashboard .row .widget-block {
  margin: 0px 0px 15px 0;
  border-radius: 5px;
}

#widget-dashboard .row .widget-block:first-child {
  margin-left: 0px;
}

.small-width-widget {
  width: 100%;
  max-width: 415px;
}

.users_home_page .lg-width-widget {
  width: 100%;
  min-width: 60%;
  max-width: 768px;
}

@media (max-width: 1024px) {
  .users_home_page .lg-width-widget {
    min-width: unset;
    max-width: 575px;
  }
}

@media (max-width: 768px) {
  .users_home_page .lg-width-widget, .users_home_page .small-width-widget {
    max-width: unset;
  }
}

#verb-stream-instance-library {
  height: 525px;
}

.widget-block .hdr {
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 0px;
}

.widget-block .hdr h3 {
  text-indent: 0;
}

#widget-dashboard .row .dblWidth,
#widget-dashboard .row .singleWidth {
  float: left;
}

.addthis_default_style .addthis_separator,
.addthis_default_style .at300b,
.addthis_default_style .at300bo,
.addthis_default_style .at300m,
.addthis_default_style .at300bs {
  display: inline-block;
  float: none;
}

.folderLinkContainer {
  margin: 15px 0;
}

#contact_index .numstars {
  display: none;
}

.white-btn {
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-weight: 700;
  background: #fff;
  border: 1px solid #ccc;
  color: #aaa;
  padding: 7px 15px;
  text-decoration: none;
  cursor: pointer;
}

.white-btn:hover {
  color: #777;
}

.red-btn {
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-weight: 700;
  background: #ee0000;
  border: 1px solid #ee0000;
  color: #fff;
  padding: 7px 15px;
  text-decoration: none;
  cursor: pointer;
}

.red-btn:hover {
  color: #fff;
  background: #ff0000;
}

.submit {
  margin: 5px 0px;
}

.users_send_page .tabsEmail {
  margin-left: 5px;
}

.alerts {
  background-color: #FFFFFF;
  box-shadow: 0 0 10px 2px #000000;
  color: #444;
  margin: 0 0 10px;
  padding: 0 10px;
  width: 940px;
}

.alert-toggle {
  cursor: pointer;
}

.alert-toggle-arrow {
  float: right;
  position: relative;
  top: -25px;
}

.expanded .alert-toggle-arrow {
  top: -45px;
}

.alerts.expanded .up-arrow,
.alerts .down-arrow,
.alerts .alert,
.alerts .clearfix {
  display: none;
}

.alerts .up-arrow,
.alerts.expanded .down-arrow,
.alerts.expanded .alert,
.alerts.expanded .clearfix {
  display: block;
}

.alert-toggle-message {
  font-size: 14px;
  padding: 10px 15px;
}

.expanded .alert-toggle-message {
  border-bottom: 2px solid #444;
  margin: 0 0 20px;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable {
  padding-right: 35px;
  position: relative;
}

.alert-dismissable .close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: inherit;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.fa-exclamation-triangle {
  color: #FDBD04;
}

#contactListTable .fa-exclamation-triangle {
  padding: 0 5px;
}

.email-picker .fa-exclamation-triangle {
  padding: 0 8px;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

.floaterPointer .floater_linkgen .pad {
  padding: 10px 0;
}

.floaterPointer .floater_linkgen .leftCol.select {
  float: none;
  padding: 10px 0;
  width: auto;
}

#page_title.setupwizard {
  float: left;
}

.progress-wrapper {
  float: left;
  margin: -16px 0 0 0;
  padding-left: 20px;
  position: relative;
  text-align: center;
  width: 500px;
}

/*progressbar*/
.progress-bar li .step {
  cursor: pointer;
}

ol.progress-bar {
  margin: 0;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
  padding: 5px;
}

ol.progress-bar li {
  color: #FFFFFF;
  float: left;
  font-size: 22px;
  font-weight: bold;
  list-style-type: none;
  position: relative;
  z-index: 0;
}

ol.progress-bar li span {
  width: 50px;
  display: block;
}

ol.progress-bar li span i.fa-circle {
  color: #47BB39;
  z-index: 2;
}

ol.progress-bar li.active span.step i.fa-circle {
  color: #4B93C2;
  z-index: 2;
}

ol.progress-bar li span i.fa-circle-thin {
  color: rgba(255, 255, 255, 0.5);
  z-index: 3;
}

ol.progress-bar li span i.fa-check {
  z-index: 3;
}

ol.progress-bar li.active span i.fa-circle-thin {
  display: block;
}

ol.progress-bar li span.completed {
  display: none;
}

ol.progress-bar li .bar {
  position: absolute;
  height: 5px;
  width: 100%;
  top: 45%;
  background: #ccc;
}

ol.progress-bar li:last-child .bar {
  display: none;
}

ol.progress-bar[data-progress-steps="5"] li {
  width: 19%;
}

ol.progress-bar[data-progress-steps="6"] li {
  width: 16%;
}

@media (max-width: 568px) {
  .progress-wrapper {
    padding: 0;
    margin: 0 auto;
    float: none;
    clear: both;
    width: auto;
    min-width: 275px;
  }
  .progress-wrapper .progress-bar {
    width: auto;
  }
  .help_page .fl-left.clearfix {
    width: 100% !important;
  }
  .help_page textarea {
    width: 100%;
  }
  #profile_tabs #mail-server div.input label, #profile_tabs #drip-triggers div.input label {
    width: 100px;
  }
}

/*progressbar connectors*/
/*ol.progress-bar li:after {
  background: none repeat scroll 0 0 #47BB39;
  content: '';
  height: 6px;
  left: -60%;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: -1;
}*/
ol.progress-bar[data-progress-steps="5"] li:after {
  left: -66%;
}

ol.progress-bar li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}

.setup-increment {
  color: #fff;
  position: relative;
  z-index: 4;
  display: block;
  text-align: center;
}

/*marking active steps blue*/
/*The number of the step and the connector before it = blue*/
ol.progress-bar li.completed span.completed {
  display: block;
}

ol.progress-bar li.completed span.step {
  display: none;
}

.asset_list tr td:nth-child(1),
.asset_list tr th:nth-child(1) {
  width: 25px;
  min-width: 25px;
}

.asset_list tr:nth-child(2n+1) td:nth-child(2) {
  text-align: center;
  width: 25px;
}

.asset_list tr td:nth-child(3),
.asset_list tr th:nth-child(3) {
  width: 350px;
  max-width: 350px;
  overflow-x: hidden;
}

.asset_list tr td:nth-child(4),
.asset_list tr th:nth-child(4) {
  width: 115px;
  min-width: 115px;
}

.asset_list tr td:nth-child(4) a {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.asset_list tr td:nth-child(5),
.asset_list tr th:nth-child(5) {
  width: 60px;
  min-width: 60px;
}

/***********************************Language Specfic CSS**************************/
/*********************SPANISH*****************/
html[lang="es"] .setupLinks h3 {
  margin-top: 0;
  margin-bottom: 2px;
}

html[lang="es"] h3,
html[lang="es"] #profile_tabs legend {
  font-size: 1.4em;
}

html[lang="es"] .profile_setup_incomplete span {
  top: -5px;
  left: 5px;
}

html[lang="es"] .quickViews li.hotProspects > a {
  padding-top: 10px;
  padding-bottom: 10px;
}

html[lang="es"] .quickViews li.do-not-email > a {
  padding-top: 2px;
  padding-bottom: 1px;
}

html[lang="es"] .quickViews li.byWebsite > a {
  padding-top: 2px;
  padding-bottom: 2px;
}

html[lang="es"] .contacts .select-all {
  padding-right: 20px;
}

html[lang="es"] #acdiv_float_right input {
  margin-bottom: 10px;
}

html[lang="es"] .ic-email-account {
  background-position: right bottom;
}

html[lang="es"] .ic-csv {
  background-position: right bottom;
}

html[lang="es"] .ic-excel {
  background-position: right bottom;
}

html[lang="es"] .upstream_tabs label {
  width: 15em;
}

html[lang="es"] .upstream_tabs div.submit {
  width: 335px;
}

html[lang="es"] .website_display_picture {
  width: 245px;
}

html[lang="es"] #drip-triggers div.delay_days {
  margin-top: 0px;
  margin-left: 310px;
}

html[lang="es"] .step2options div.input label,
html[lang="es"] #signup_tabs #step3 div.input label,
html[lang="es"] #profile_tabs #mail-server div.input label,
html[lang="es"] #profile_tabs #drip-triggers div.input label {
  width: 50%;
  max-width: 320px;
}

html[lang="es"] .help_page div.input label,
html[lang="es"] #addDripRecipients div.input label,
html[lang="es"] #signup_tabs div.input label,
html[lang="es"] #profile_tabs div.input label {
  width: 35%;
}

html[lang="es"] #contactFolders.asset_folders li {
  height: 35px;
  padding: 0.3em 0.4em 0.5em 0.3em;
  white-space: normal;
}

html[lang="es"] #da_text {
  margin-top: 10px;
}

html[lang="es"] #da_text h3 {
  margin-bottom: -15px;
  font-size: 3.3em;
}

html[lang="es"] #da_stars {
  margin-left: 0;
}

html[lang="es"] .setup_list_line span {
  font-size: 0.8em;
}

html[lang="es"] #website-display div.input input[type="text"],
html[lang="es"] #website-display div.input input[type="password"],
html[lang="es"] #website-display div.input input[type="submit"],
html[lang="es"] #website-display div.input input[type="button"],
html[lang="es"] #website-display div.input select,
html[lang="es"] #website-display div.input textarea {
  width: 200px;
}

html[lang="es"] .asset_list a.btn {
  max-width: 81px;
  margin-bottom: 5px;
  text-align: center;
}

#editcontactpage .input, #editcontactpage .submit {
  width: 100%;
}

#editcontactpage .input input, #editcontactpage .input select, #editcontactpage .input textarea, #editcontactpage .submit input, #editcontactpage .submit select, #editcontactpage .submit textarea {
  width: 100%;
}

#editcontactpage .input.select {
  padding: 0;
}

#editcontactpage div[flex] {
  box-sizing: border-box;
  padding: 0 1% 0 0;
}

#editcontactpage input[name="data[Contact][sms_phone]"] {
  padding: 0 !important;
  text-indent: 0 !important;
}

#editcontactpage textarea[name="data[Contact][notes]"] {
  padding: 16px !important;
  height: 68px;
}

.lang_es .hdr .pencilLink {
  position: relative;
  left: 100px;
  top: 10px;
}

.lang_es .hdr h3 {
  font-size: 1.2em;
}

.lang_es table.ic-table {
  line-height: 1;
}

.lang_es table.ic-table .ic-rightstrip {
  font-size: 14px;
}

.lang_es table.ic-table .ic-rightstrip .ic-emph {
  font-size: 1.3em;
}

.lang_es .ic-email-account {
  background-position: 90% 87%;
}

.lang_es .ic-excel {
  background-position: 90% 85%;
}

.lang_es .user_stats div h3 {
  font-size: 1.4em;
}

.lang_es .reportingLinks li a {
  padding: 0px 0px 0px 120px;
}

.lang_es .reportingLinks li a span {
  display: inline-block;
  margin-top: 7px;
}

.lang_es .reportingLinks a {
  height: 75px;
}

.lang_es #moving_tab .tabs {
  height: 130px;
}

.lang_es #moving_tab .blockLinks a {
  height: 65px;
}

.lang_es .asset_list tr td:nth-child(4) {
  min-width: 150px;
}

.lang_es .asset_list tr td:nth-child(4) a {
  margin-top: 5px;
}

.lang_es .asset_list tr td:nth-child(1) {
  text-align: center;
}

.lang_es .asset_list tr td:nth-child(2) {
  text-align: center;
}

.lang_es #dailyActions #da_text h3 {
  font-size: 4.9em;
}

.lang_es #dailyActions #da_text span {
  display: block;
  margin-top: 15px;
}

.lang_es #dailyActions #da_stars i {
  font-size: 6em;
}

.lang_es .sidebar .hdr h3 {
  text-indent: 0px;
}

.lang_es ul#quickViews li a i {
  margin-right: 0px;
}

.lang_es .floater h4 {
  text-align: center;
  text-indent: 0px;
}

.lang_es #acCol3 .submit input[type="submit"] {
  font-size: 13px;
}

.lang_es #profile_tabs.ui-tabs .ui-tabs-nav li {
  white-space: normal;
}

.lang_es .user_stats div.header select {
  width: 108px;
}

.lang_es #editcontactpage .input.select {
  padding: 0;
}

.lang_es #editcontactpage input[type="submit"] {
  width: 100%;
}

.lang_es .setupLinks h3 {
  font-size: 1.4em;
}

.lang_es .setupLinks span {
  display: block;
}

/**************************END SPANISH***********************/
/**************************JA Language***********************/
body.lang_ja .ic-rightstrip {
  border: 0 none;
  color: #fff;
  font-size: 16px;
  padding: 0 70px 0 0;
  white-space: normal;
  width: 93%;
}

/**************************END JA Language***********************/
/***Free User Dashboard***/
#free-dashboard {
  background: #fff;
  padding: 5px 25px;
  color: #636363;
  font-family: Arial, sans-serif;
  font-size: 12px;
  min-width: 270px;
}

#free-dashboard .section {
  margin: 10px 0;
  padding: 20px 0;
}

#free-dashboard .section.gray {
  background: #f3f3f4;
  padding: 20px;
}

#free-dashboard .section.white {
  background: #fff;
  padding: 20px;
}

#free-dashboard .section hr {
  border-width: 1px 0 0 0;
  border-color: #e1e1e3 transparent transparent transparent;
  border-style: solid solid solid solid;
  clear: both;
  margin: 15px 0;
  padding: 0;
  height: 0;
}

#free-dashboard .red-btn {
  padding: 0;
  border: none;
  color: #fff;
  position: relative;
  display: block;
  text-align: center;
  height: 24px;
  line-height: 24px;
  margin: 0 24px;
  text-transform: uppercase;
  background: url(/common/img/backoffice/btn_redmiddle.png) top left repeat-x;
}

#free-dashboard .red-btn:before {
  content: '';
  display: block;
  width: 15px;
  height: 24px;
  position: absolute;
  left: -14px;
  top: 0px;
  background: url(/common/img/backoffice/btn_redleft.png) no-repeat;
}

#free-dashboard .red-btn:after {
  content: '';
  display: block;
  width: 15px;
  height: 24px;
  position: absolute;
  right: -14px;
  top: 0px;
  background: url(/common/img/backoffice/btn_redright.png) top right no-repeat;
}

#free-dashboard h1,
#free-dashboard h2,
#free-dashboard h3,
#free-dashboard h4 {
  font-family: "Gotham-Light", Arial, sans-serif;
  color: #d2232a;
  font-weight: normal;
}

#free-dashboard h1 strong,
#free-dashboard h2 strong,
#free-dashboard h3 strong,
#free-dashboard h4 strong {
  font-family: "Gotham-Bold" Arial, sans-serif;
}

#free-dashboard h2 .sub-title {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #636363;
  text-indent: 10px;
  letter-spacing: -0.02em;
}

#free-dashboard h2 {
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 24px;
}

#free-dashboard h3 {
  font-size: 16px;
  padding: 5px 0 0 0;
}

#free-dashboard h5 {
  color: #636363;
  font-family: Arial, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 0;
}

#free-dashboard img.thirtydaybadge {
  float: left;
  position: relative;
  margin-left: -50px;
  margin-right: 10px;
}

#free-dashboard .video-responsive object {
  width: 100%;
  height: 100%;
}

#free-dashboard .screenshot {
  padding: 1%;
  width: 25%;
}

#free-dashboard .site-preview {
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: inset 0px 0px 15px 0px #e0e0e0;
  -webkit-box-shadow: inset 0px 0px 15px 0px #e0e0e0;
  cursor: pointer;
}

#free-dashboard .site-preview:hover {
  background: #fff;
}

#free-dashboard .site-preview a {
  display: block;
  width: 100%;
  overflow: hidden;
}

#free-dashboard .site-preview a img {
  left: -1px;
  padding: 1px;
  display: block;
  position: relative;
  box-shadow: inset 0px 0px 1px 0px #999;
  -webkit-box-shadow: inset 0px 0px 1px 0px #999;
}

/***End Free User Dashboard***/
/***Social Only Dashboard***/
.social_drips_dashboard_page h1#page_title {
  font-size: 24px;
  padding-left: 30px;
}

.social_drips_dashboard_page h1#page_title:before {
  width: 25px;
  height: 25px;
  background-size: 100%;
  margin: -1px 0 0 -30px;
}

#main.social_drips_dashboard_page {
  background: #fafafa;
}

.panel {
  background: #fff;
  border: 1px solid #ccc;
  margin-bottom: 15px;
  padding: 30px;
}

.social-tile {
  background: #fff;
  position: relative;
  float: left;
  width: 298px;
  height: 265px;
  padding: 5px;
  border: 1px solid #eaeaea;
  overflow: hidden;
  text-align: center;
  margin: 0px -1px -1px 0px;
}

.social-tile .img {
  width: 100%;
  height: 200px;
  background: #fff;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.social-tile .img span.fa-refresh {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 6em;
  text-align: center;
  line-height: 200px;
  z-index: 1;
}

.social-tile .img img {
  position: relative;
  height: 100%;
  width: auto;
  z-index: 2;
}

.social-tile .actions {
  line-height: 25px;
  padding: 0 5px;
  margin: 5px 0 0 0;
}

.social-tile .actions a {
  display: block;
  height: 30px;
  width: 30px;
  position: relative;
  cursor: pointer;
  font-size: 20px;
}

.social-tile .actions a:before {
  position: absolute;
  color: #aaa;
  z-index: 2;
  top: 0;
}

.social-tile .actions .fa-share:before,
.social-tile .actions .fa-thumbs-o-up:before,
.social-tile .actions .fa-thumbs-o-down:before {
  font-size: 20px;
  left: 4px;
}

/*.social-tile .actions .fa-share:after,
.social-tile .actions .fa-thumbs-o-up:after,
.social-tile .actions .fa-thumbs-o-down:after {
  content: '\f111';
  font-size: 25px;
  color: #000000;
  position: absolute;
  left: 0;
  z-index: 1;
}*/
.panel.half-width {
  width: 43%;
}

.sd_analytics {
  font-family: 'Gotham-Light', Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
}

.sd_analytics .hdr {
  text-align: left;
}

.sd_analytics table {
  width: 100%;
}

.sd_analytics td,
.sd_analytics th {
  border: none;
  background: none;
  text-align: center;
}

.sd_analytics span:not(.fa-stack) {
  color: #707070;
  font-size: 60px;
}

.sd_analytics i.fa-circle {
  color: #aaa;
}

.sd_analytics i.fa-pinterest {
  font-size: 77px;
  color: #aaa;
}

.sd_analytics th,
.sd_analytics span.sd_total {
  font-weight: normal;
  color: #aaa;
  font-size: 24px;
}

#social_dash_campaigns {
  margin-bottom: 15px;
}

#social_dash_campaigns,
#social_dash_campaigns .viewport {
  height: 335px !important;
  width: auto;
}

#social_dash_campaigns .overview {
  width: 100%;
}

#social_dash_campaigns .social-campaign {
  background-color: #eee;
  border: 1px solid #ccc;
  margin: 20px 0;
  padding: 10px;
}

#social_dash_campaigns .social-campaign.selected {
  background-color: #fff;
}

#social_dash_campaigns .social-campaign:first-child {
  margin-top: 0;
}

#social_dash_campaigns .social-campaign:last-child {
  margin-bottom: 0;
}

#social_dash_campaigns .social-campaign .name,
.panel .caption {
  font-size: 24px;
  font-family: 'Gotham-Light', 'Open Sans', Arial, sans-serif;
  color: #aaa;
  text-align: center;
  margin: 30px 20%;
  text-transform: uppercase;
}

#social_dash_campaigns .social-campaign .name {
  margin: 0;
  float: left;
}

#social_dash_campaigns .social-campaign img {
  max-width: 70px;
  float: right;
}

.panel .hdr {
  background: #f5f5f5;
  border-bottom: 1px solid #ccc;
  margin: -30px -30px 30px -30px;
}

.panel .social_media_statuses {
  margin: 30px 130px 0 130px;
}

.panel .social_media_statuses:after {
  content: '';
  display: table;
  clear: both;
}

.panel .social_media_status {
  padding: 15px;
  border: 1px solid #ccc;
}

.panel .social_media_status img {
  vertical-align: middle;
}

.social_advanced {
  width: auto;
  margin: 0 auto;
  text-align: center;
}

.sd_tools_link,
.sd_tools_link:hover {
  padding: 5px 15px;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #aaa;
  border: 1px solid #ccc;
  background: #f3f3f3;
  box-shadow: inset 0 -15px 40px -10px #dedede;
}

.sd_campaigns {
  text-align: center;
}

.sd_campaigns .hdr {
  text-align: left;
}

.sd_campaigns .sd_tools_link {
  width: 30%;
  margin: 15px auto 0 auto;
}

/***End Social Only Dashboard***/
#mobile-modal {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  background: #ffffff url(/common/img/spinner_large.gif) center 200px no-repeat;
  width: 100%;
  text-align: center;
}

#mobile-modal .close {
  position: absolute;
  top: 0px;
  right: 0px;
  background: #ee0000;
  color: #fff;
  border-radius: 0px 0px 0px 8px;
  text-decoration: none;
  padding: 5px 15px;
  font-size: 14px;
}

#mobile-modal .close:hover {
  color: #fff;
  background: #ff0000;
}

.mobile-modal-iframe {
  width: 95%;
  height: 600px;
  margin: 50px auto 0px auto;
  overflow: hidden;
  border: none;
}

.dashboardAddContactNotes {
  clear: both;
  padding: 10px 20px;
}

.widgetEmailTemplates,
.widget-email,
.widget-email-bottom,
.bottomBorder {
  width: auto;
}

.bottomBorder {
  border-bottom: 1px solid #ccc;
}

.widgetEmailTemplates li {
  float: none;
  margin: 0 0 10px 0;
}

.widget-email-bottom li,
#sendEmailTrigger {
  float: none;
}

.widget-input {
  border: 5px solid #ccc;
  margin-bottom: -5px;
}

.widget-input input {
  width: 100%;
}

.widget-input input[type="text"] {
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  box-shadow: none;
}

.widgetContent {
  width: auto;
  font-size: 14px;
}

.in_iframe .widgetHeader,
.in_iframe .widgetHeader .fa {
  color: #3a90bb;
}

.in_iframe .widgetHeader,
.in_iframe .widgetContent {
  margin-left: 15px;
  margin-right: 15px;
}

.select-wrapper {
  position: relative;
}

.widgetContent label {
  display: block;
  float: none;
  margin: 5px 5px 5px 0;
}

.widgetContent .input.checkbox label {
  display: inline-block;
}

.widgetContent .input,
.widgetContent .wrapperOneThird .input {
  padding: 5px 0 0 0;
}

.widgetContent .wrapperOneThird input,
.widgetContent .wrapperOneThird select,
.widgetContent .wrapperOneThird textarea,
.widgetContent select {
  width: 100%;
  border: 1px solid #ccc;
}

.widgetContent .input.select {
  padding: 5px 0 0 0;
}

.widgetContent .input.select .select-wrapper {
  position: relative;
  width: 100%;
  font-family: 'Gotham-Regular', 'Helvetica Neue', Arial, sans-serif;
  line-height: 1;
  -webkit-appearance: none;
  overflow: hidden;
  background: #efefef;
  /*background: #efefef url(/common/img/bg_select_arrow.png) 100% 50% no-repeat;
  background-size: contain;*/
  box-shadow: inset 0px -5px 15px -1px rgba(0, 0, 0, 0.1), 0px 1px 5px -1px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  cursor: pointer;
}

.custom-txt {
  position: relative;
  font-family: 'Gotham-Regular', 'Helvetica Neue', Arial, sans-serif;
  line-height: 25px;
  -webkit-appearance: none;
  overflow: hidden;
  background: #f5f5f5;
  height: 25px;
  width: 100%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: 1px solid #ccc;
}

.custom-select {
  position: relative;
  background: #f5f5f5;
  overflow: hidden;
  line-height: 25px;
  height: 25px;
  width: 100%;
  font-family: 'Gotham-Regular', 'Helvetica Neue', Arial, sans-serif;
  border-radius: 0px;
  cursor: pointer;
  border: 1px solid #ccc;
}

.msie .custom-select {
  background: #f5f5f5 url(/img/angle_down.png) top right no-repeat;
}

.custom-select-multi {
  position: relative;
  background: #f5f5f5;
  overflow: hidden;
  line-height: 25px;
  width: 100%;
  font-family: 'Gotham-Regular', 'Helvetica Neue', Arial, sans-serif;
  border-radius: 0px;
  cursor: pointer;
  border: 1px solid #ccc;
}

.custom-field {
  position: relative;
  font-family: 'Gotham-Regular', 'Helvetica Neue', Arial, sans-serif;
  -webkit-appearance: none;
  overflow: hidden;
  background: #f5f5f5;
  height: 25px;
  line-height: 25px;
  width: 100%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: 1px solid #ccc;
}

.custom-select select,
.custom-select-multi select,
.custom-txt input {
  position: relative;
  font-size: 12px;
  font-family: 'Gotham-Regular', 'Helvetica Neue', Arial, sans-serif;
  color: #333;
  line-height: 25px;
  -webkit-appearance: none;
  background: none !important;
  /*background: #efefef url(/common/img/bg_select_arrow.png) 100% 50% no-repeat;
  background-size: contain;*/
  border-radius: 0px;
  z-index: 1;
  text-indent: 10px;
  outline: none;
}

.custom-select-multi select {
  width: 100%;
  border: none;
  margin-right: -10px;
}

.custom-select select,
.custom-txt input {
  width: 100%;
  padding: 0 !important;
  border: none;
}

.msie .custom-field {
  background-color: transparent;
  background-image: url(/img/angle_down.png);
  background-repeat: no-repeat;
  background-position: top right;
  border: none;
  overflow: visible;
}

.msie .custom-field select {
  background: transparent;
}

.msie .custom-field select::-ms-expand {
  border: none;
  background: none;
  display: none;
}

.custom-select:after {
  color: inherit;
  top: 0;
  padding: 0 10px;
  font-family: 'FontAwesome';
  content: '\f107';
  position: absolute;
  height: 100%;
  right: 0;
  font-size: 1.4em;
}

.msie .widgetContent .input.select .select-wrapper:after,
.msie .widgetContent .input.select .select-wrapper:before,
.msie .custom-select:after,
.msie .custom-select:before {
  display: none;
}

.sms_note {
  font-size: 12px;
  margin: -25px 0 0 5px;
}

.social_network_icon {
  padding: 5px;
}

/*.mobile-overlay .widgetContent input[type="text"], .mobile-overlay .widgetContent input[type="email"], .mobile-overlay .widgetContent input[type="tel"], .mobile-overlay .widgetContent input[type="password"], .mobile-overlay .widgetContent textarea, .mobile-overlay .widgetContent select {
  max-width: 300px;
}*/
.widgetContent .cke_contents {
  height: auto !important;
}

.widgetHeader {
  width: auto;
  border-collapse: collapse;
}

.widgetHeader td {
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 8px 0;
}

.widgetHeader:after {
  content: '';
  clear: both;
  display: table;
}

.widgetHeader td:first-child {
  margin: 0;
}

.widgetHeader img {
  max-width: 60px;
  max-height: 60px;
  float: none;
  margin: 0;
}

.widgetHeader h3 {
  font-size: 1.7em;
  text-transform: uppercase;
  line-height: inherit;
  padding: 10px 0 0 10px;
  margin: 0;
  color: #3a90bb;
  text-align: left;
}

.social_posts_links {
  float: none;
  margin: 15px 0;
  padding: 0;
}

.social_posts_links:after {
  content: '';
  clear: both;
  display: table;
}

.social_posts_links li {
  margin: 5px 7px 0 0;
  display: inline-block;
}

.social_posts_links li span {
  margin-right: 5px;
}

.social_posts_links li a {
  font-size: 16px;
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-weight: bold;
  padding: 0px 5px;
  position: relative;
}

.social_posts_links li.authorized a {
  color: #ff0000;
  background: none;
}

.social_posts_links li.unauthorized a {
  color: #000000;
  background: none;
}

.page_send_sms_widget.mobile-overlay > .pad {
  padding: 0;
}

td .fa-plus-square.fa-lg,
td .fa-minus-square.fa-lg,
td .fa-spinner.fa-lg {
  vertical-align: middle;
}

/***Sign Up ***/
hr.clear.hidden-xs {
  display: none;
}

#signup_tabs hr {
  height: 0;
  border: 2px solid #ebebeb;
  border-radius: 1px;
}

.users_signup h1#page_title {
  color: #3A90BB;
  text-shadow: none;
}

#products_tabs .btnGreen,
#products_tabs .btnRed,
#signup_tabs .btnGreen,
#signup_tabs .submit,
#addDripRecipients .submit {
  float: right;
  margin: 15px 0px 0px;
}

#signup_tabs #step1 {
  border: 0px none;
}

#signup_tabs h3 {
  color: #3A90BB;
  margin-left: -1px;
  margin-top: -1px;
  padding: 5px 0;
  text-transform: uppercase;
  width: 99%;
}

#signup_tabs #step1 h3 {
  margin: 0 0 14px 0;
  clear: both;
}

#signup_tabs .flex-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.product {
  background-color: #fff;
  float: left;
  height: 500px;
  margin-right: 14px;
  margin-bottom: 14px;
  position: relative;
  width: 310px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.product a.not-selected {
  display: block;
}

.product a.selected,
.product div.coupon-code {
  display: none;
}

#products_tabs .product {
  border: 1px solid #CCCCCC;
  width: 284px;
}

.product.selected {
  background-color: #fff;
  border: 1px solid #ccc;
}

.product.selected a.selected,
.product.selected div.coupon-code {
  display: block;
}

#signup_tabs div.input.coupon-code label {
  width: 30%;
}

.product.selected a.not-selected {
  display: none;
}

.contacts_view_page #tags_autosuggest {
  border: 1px solid #ccc;
}

.product h4 {
  background-color: white;
  border-bottom: 1px solid #CCCCCC;
  color: #3A90BB;
  font-family: 'Gotham-Light', Arial, sans-serif;
  font-size: 1.9em;
  font-weight: normal;
  margin-bottom: 0px;
  padding: 5px;
  width: auto;
}

#products_tabs .product h4 {
  width: 284px;
}

.product .price_ribbon {
  -webkit-transform: rotate(45deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform: rotate(45deg);
  -moz-transform-style: preserve-3d;
  -ms-transform: rotate(45deg);
  -ms-transform-style: preserve-3d;
  transform: rotate(45deg);
  transform-style: preserve-3d;
  background-color: #E96724;
  background-image: linear-gradient(to right, #e96724, #d42b2a);
  color: white;
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-size: 1.4em;
  left: auto;
  right: -30px;
  position: absolute;
  top: 15px;
  text-align: center;
  width: 120px;
}

#products_tabs .product .price_ribbon {
  left: 191px;
}

.product .image_container {
  background-color: white;
  overflow: hidden;
  padding: 5px;
  position: relative;
  width: auto;
}

#products_tabs .product .image_container {
  width: 274px;
}

.product img {
  display: block;
  margin: auto;
  max-height: 208px;
  max-width: 245px;
}

#products_tabs .product img {
  max-width: 280px;
}

.buy_button_container {
  border-top: 1px solid #CCCCCC;
  bottom: 15px;
  clear: both;
}

#step2 .buy_button_container,
#step3 .buy_button_container {
  position: relative;
  margin-top: 30px;
  right: -15px;
  width: auto;
}

.product .buy_button_container {
  position: absolute;
  right: 15px;
  width: 290px;
  background: #fff;
}

#products_tabs .product .buy_button_container {
  width: 280px;
}

#products_tabs #history .btnGreen,
#products_tabs #history .btnRed {
  color: #fff;
}

#products_tabs #history .btnGreen img,
.product .buy_button_container img {
  display: inline;
  vertical-align: middle;
  height: 14px;
}

.product .buy_button_container img {
  display: none;
}

.product .buy_button_container input {
  opacity: 0;
  position: absolute;
  right: 0;
}

.product .buy_button_container label {
  font-family: 'Gotham-Light', Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

.product.other_product {
  height: auto;
  min-height: 500px;
  width: 242px;
}

.product.other_product .price_ribbon {
  left: 134px;
}

.product.other_product .buy_button_container {
  width: 215px;
}

.product.other_product .image_container,
.product.other_product h4 {
  width: 214px;
}

.product.other_product .image_container,
.product.other_product h4 {
  width: auto;
}

.product.other_product img {
  max-height: 150px;
  max-width: 200px;
}

.product .trial_price_label,
.product .subscription_label {
  font-weight: bold;
}

#signup_tabs .product div.input input::-webkit-input-placeholder {
  font-size: 14px;
}

#signup_tabs .product div.input input::-moz-placeholder {
  font-size: 14px;
}

#signup_tabs .product div.input input::-ms-input-placeholder {
  font-size: 14px;
}

#signup_tabs .product div.input input::placeholder {
  font-size: 14px;
}

#signup_tabs .product div.input .coupon-code {
  margin-top: -15px;
}

#signup_tabs .product.subscription_product {
  width: 100%;
  min-height: 0;
  height: auto;
  margin-bottom: 25px;
  background: transparent;
  border: none;
}

#signup_tabs .product.subscription_product p {
  margin: 5px 0;
}

#signup_tabs .product.subscription_product h4 {
  width: 100%;
  background: transparent;
  border: none;
  text-transform: uppercase;
}

#signup_tabs .product.subscription_product .description {
  padding-top: 0;
}

#signup_tabs .product.subscription_product .subscription_label {
  margin-top: 0;
}

#signup_tabs .product.subscription_product div.input {
  margin: 10px 50px 10px 0;
  position: relative;
  background: transparent;
  border: none;
}

#signup_tabs .product.subscription_product div.buy_button_container {
  width: 115px;
  margin: 10px 50px 10px 0;
  position: relative;
  left: 10px;
  right: 0;
  background: transparent;
  border: none;
}

#signup_tabs .product.subscription_product div a.btnGreen {
  background-color: #fff;
  color: #3A90BB;
  float: none;
  margin: 0;
  padding: 10px 15px;
  border: 2px solid #3A90BB;
  text-align: center;
}

#signup_tabs .product.subscription_product div a.btnGreen.selected {
  background-color: #3A90BB;
  color: #fff;
  float: none;
  margin: 0;
  padding: 10px 15px;
  border: 2px solid #3A90BB;
  text-align: center;
}

#signup_tabs .product.other_product {
  width: 100%;
  min-height: 0;
  height: auto;
  margin-bottom: 25px;
  background: transparent;
  border: none;
}

#signup_tabs .product.other_product h4 {
  width: 100%;
  background: transparent;
  border: none;
  text-transform: uppercase;
}

#signup_tabs .product.other_product .image_container {
  width: 214px;
  margin-right: 15px;
  background-color: transparent;
}

#signup_tabs .product.other_product .product-content {
  width: 60%;
  padding-top: 0;
}

#signup_tabs .product.other_product .subscription_label {
  margin: 5px 0;
}

#signup_tabs .product.other_product .description {
  padding: 0 10px;
}

#signup_tabs .product.other_product div.input {
  position: relative;
  background: transparent;
  border: none;
}

#signup_tabs .product.other_product div.input.buy_button_container {
  position: relative;
  left: 10px;
  right: 0;
  bottom: 0;
}

#signup_tabs .product.other_product div.input label.btnGreen {
  background-color: #fff;
  color: #3A90BB;
  float: none;
  padding: 16px 3px 11px;
}

#signup_tabs .product.subscription_product div a.btnGreen:hover {
  background-color: #3A90BB;
  color: #fff;
}

#signup_tabs .product.other_product div.input label.btnGreen.subscription-checked {
  background-color: #3A90BB;
  color: #fff;
}

#signup_tabs div.input select {
  max-width: 239px;
}

#signup_tabs div.input select#BillingInfoCcType {
  max-width: 200px;
}

#signup_tabs #step3 fieldset {
  width: 90%;
  margin: 0 auto 0 0;
}

#signup_tabs #step3 div.input {
  float: none;
  display: inline-block;
}

#signup_tabs #step3 div.AuthorizeNetSeal {
  float: left;
  width: 150px;
}

#signup_tabs #step3 div.totals {
  float: right;
  width: 370px;
}

#signup_tabs #step3 div.totals div {
  float: left;
  margin-top: -10px;
}

#signup_tabs #step3 div.input {
  padding: 10px 0;
}

#signup_tabs #step4 div.input {
  padding: 10px 0;
}

#signup_tabs #step4 label {
  display: none;
}

#signup_tabs .submit {
  float: none;
}

#signup_tabs div.input select#UserLanguage {
  display: none;
}

#signup_tabs div.input.checkbox.buy_button_container label {
  display: block;
  background-color: #fff;
  border: 2px solid #3A90BB;
}

#signup_tabs div.input.checkbox.buy_button_container label:hover {
  background-color: #3A90BB;
  color: #fff;
}

#signup_tabs .buy_button_container.blue_button {
  border: none;
}

#signup_tabs .buy_button_container.blue_button .submit input {
  display: block;
  margin: 0 auto;
  background: #fff;
  border: 2px solid #3A90BB;
  color: #3A90BB;
}

#signup_tabs .buy_button_container.blue_button .submit input:hover {
  display: block;
  margin: 0 auto;
  background: #3A90BB;
  color: #fff;
}

#signup_tabs #step3 div.totals h3 {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  float: left;
  margin-right: 5px;
  padding: 0;
  text-align: right;
  width: 50%;
}

#signup_tabs #step3 legend {
  font-weight: bold;
  text-transform: uppercase;
  display: none;
}

#signup_tabs div.input.date select {
  float: none;
  width: 118px;
}

#signup_tabs div.input label.btnGreen {
  text-align: center;
  float: right;
}

#signup_tabs div.input {
  width: 350px;
  clear: both;
  line-height: 1em;
  margin-right: 50px;
}

#signup_tabs #step2 div.input {
  padding: 10px 0;
}

#signup_tabs .buy_button_container.blue_button .submit input {
  padding: 10px 15px;
}

#signup-tabs div.input.coupon-code {
  margin-bottom: 30px;
}

#signup_tabs div.input label {
  display: none;
  clear: both;
  float: left;
  max-width: 100px;
  width: 20%;
  margin-right: 1%;
  padding: 5px 0;
}

#signup_tabs div.input input[type=text],
#signup_tabs div.input input[type=password],
#signup_tabs div.input select {
  width: 100%;
}

#signup_tabs div.error-message {
  margin-left: 130px;
  margin-top: 35px;
  color: #dd0000;
}

#signup_tabs input[type="text"],
#signup_tabs input[type="password"] {
  background-color: #fff;
  border: 1px solid #E1E1E1 !important;
  padding: 10px 15px;
}

#signup_tabs .other_product input[type="text"] {
  background-color: #FFFFFF;
}

#signup_tabs select {
  background-color: #fff;
  color: #393939;
  border: 1px solid #E1E1E1 !important;
}

#signup_tabs div.input label {
  max-width: 300px;
  width: 30%;
}

#signup_tabs #step3 div.input label {
  width: 125px;
}

#signup_tabs #step2.ui-tabs-panel,
#signup_tabs #step3.ui-tabs-panel {
  width: 980px;
}

#signup_tabs .totals div p {
  font-size: 18px;
  color: #3A90BB;
}

#signup_tabs .buy_button_container.blue_button {
  display: block !important;
}

#signup_tabs input.validation-error,
#signup_tabs select.validation-error {
  box-shadow: inset 0px 0px 0px 1px #ff0000;
}

#SignUpForm.validation-successful:before,
#UserSignUpForm.validation-successful:before {
  content: url(/common/img/spinner_large.gif);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 999;
}

.signup-totals {
  margin: 25px 0;
  padding: 20px;
  background: #ffffff;
  border: 1px solid #E1E1E1;
}

.signup-totals h3 {
  margin: 0 !important;
}

.signup-totals h4 {
  margin: 10px 0;
  color: #3A90BB;
  font-family: Gotham-Light;
  font-size: 1.9em;
  font-weight: 400;
}

.signup-totals h4 span.strikeSubPrice {
  text-decoration: line-through;
}

.signup-totals h4 strong {
  font-size: 1.1em;
  font-weight: 700;
}

.signup-totals p {
  margin: 0 0 10px;
}

.signup-totals p.subscription_label, .signup-totals p.trial_price_label {
  font-weight: 700;
}

.signup-totals hr {
  border: 1px solid #ebebeb !important;
}

.signup-totals hr.dashed {
  border: 1px dashed #ebebeb !important;
  background-color: #fff !important;
}

.signup-totals .total-amount {
  text-align: center;
}

/***End Sign Up ***/
.profile-xs {
  display: none;
  /*-webkit-box-shadow: inset 0px -50px 50px rgba(0,0,0,0.2);
  box-shadow: inset 0px -50px 50px rgba(0,0,0,0.2);*/
}

.email-add-options {
  float: right;
  width: 100%;
  background: #fff !important;
}

#email-add-media {
  background: #fff !important;
  padding: 10px;
}

/* Disable AddThis hover */
#at20mc {
  display: none !important;
}

.profile-xs a,
.profile-xs a:hover {
  background: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), inset 0px -15px 23px 0px rgba(0, 0, 0, 0.3);
  color: #333;
  margin: 0px 0px 10px 5px;
}

.profile-xs .user-name {
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-weight: 100;
  font-size: 20px;
}

.profile-xs .input.select {
  position: relative;
  height: 20px;
  margin: 0 0 5px 0;
  padding: 5px 0;
}

.profile-xs .input.select > select {
  border: medium none;
  cursor: pointer;
  height: 30px;
  padding: 0;
  position: relative;
  top: -5px;
  width: 100%;
  max-width: 100%;
}

.profile-xs form {
  position: relative;
}

#todo_items_container,
#todo_items_container .viewport {
  width: auto;
}

#todo_items_container .overview,
#todo_items_container table {
  width: 100%;
}

#todo_items_container .scrollbar {
  margin-left: -13px;
}

#todo_items_container .viewport {
  margin-right: 13px;
}

#todo_items_container table {
  border-collapse: collapse;
  border: none;
}

#todo_items_container table tr:first-child td {
  border-top: none;
}

#todo_items_container table tr td:first-child {
  border-left: none;
}

#todo_items_container table tr td:last-child {
  border-right: none;
}

.dd-mobile .label,
.dd-mobile .current {
  display: none;
}

.btn .triangle_down:after {
  top: 8px;
  right: 5px;
  border-color: #fff transparent transparent transparent;
}

.btn .triangle_up:after {
  bottom: 8px;
  right: 5px;
  border-color: transparent transparent #fff transparent;
}

.vertical_divider {
  position: absolute;
  z-index: -1;
  background: rgba(0, 0, 0, 0.1);
  width: 1px;
  height: 100%;
  left: 50%;
}

.current-tab {
  background: #0080c6;
  color: #fff;
  padding: 4px 0;
}

.table-options,
.table-options td {
  border: none;
  padding: 0;
}

.mobile-tabs .current-tab {
  display: none;
}

.pullout-fixed {
  position: relative;
}

.pullout-tab {
  display: none;
}

.pullout-fixed .pullout-tab {
  position: absolute;
  top: 0;
  right: -25px;
  width: 25px;
  height: 100%;
  background: #666;
  border-left: 1px solid #888;
  cursor: pointer;
}

.pullout-fixed .pullout-tab:after {
  content: '';
  display: block;
  position: absolute;
  margin-top: -24px;
  top: 50%;
  left: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 0px 24px 15px;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}

.pullout-fixed .pullout-tab.pulled:after {
  border-width: 24px 15px 24px 0px;
  border-color: transparent rgba(255, 255, 255, 0.5) transparent transparent;
}

.pullout-fixed .pullout-close {
  display: none;
  font-size: 24px;
  line-height: 10px;
  height: 15px;
  padding: 5px 8px;
  font-weight: 100;
  text-align: right;
  position: relative;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  border-width: 0px 0px 1px 1px;
  border-style: solid;
  border-color: transparent transparent rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.1);
  color: #e0e0e0;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3), 0px -1px 1px rgba(255, 255, 255, 0.5);
}

.scroll-icon {
  position: absolute;
  width: 100%;
  height: 100px;
  background: url(/common/img/scroll-left.png) no-repeat, url(/common/img/scroll-right.png) top right no-repeat;
  left: 0;
  opacity: 0.5;
}

.visible-xs {
  display: none;
}

.tooltip-btm-right {
  right: 0;
}

.tooltip-btm-right .introjs-arrow {
  right: 10px;
}

.overlay-hidden {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999 !important;
}

.overlay-content {
  position: relative;
  width: auto;
  border-radius: 10px;
  padding: 10px;
  margin: 50px auto 0;
  background: #fff;
  z-index: 99;
  overflow-y: auto;
  height: 90%;
  -webkit-overflow-scrolling: touch;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
  max-width: 960px;
}

.overlay-content a .fa {
  color: #fff;
}

.overlay-content a .fa.fa-circle {
  color: #ccc;
}

.overlay-content iframe {
  border: none;
  margin: 0;
  width: 100%;
  overflow: auto;
}

.overlay-close {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  color: #999;
  font-size: 40px;
  line-height: 1;
  text-align: right;
  z-index: 98;
}

.overlay-close:hover {
  color: #ff0000;
}

.overlay-content .step1 .hlist li a {
  color: #ccc;
}

.overlay-content .step1 h1 {
  font-family: 'Gotham-Light', Arial, sans-serif;
  text-transform: none;
}

.overlay-content .pinterest-icon {
  position: relative;
  font-size: 2em;
  line-height: 2em;
  display: inline-block;
  vertical-align: middle;
  width: 3em;
  height: 3em;
}

.overlay-content .pinterest-icon:before {
  content: '\f111';
  font-family: 'FontAwesome';
  font-size: 3em;
  line-height: 0.9em;
  position: relative;
  left: 5px;
  color: #ccc;
}

.overlay-content .pinterest-icon a {
  background-image: none !important;
  display: block !important;
  position: absolute !important;
  top: 0px;
  left: 0px;
  width: 100% !important;
  height: 100% !important;
  cursor: pointer;
}

.overlay-content .pinterest-icon a:before,
.overlay-content .pinterest-icon a:after {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 2em;
  top: 5px;
  left: 0;
  display: inline-block;
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.overlay-content .pinterest-icon a:before {
  content: '\f111';
  color: #fff;
  z-index: 1;
  font-size: 1.9em;
  top: 6px;
}

.overlay-content .pinterest-icon a:after {
  content: '\f0d2';
  z-index: 2;
}

.overlay-content .facebook-icon.hover .fa-circle,
.overlay-content .facebook-icon.selected .fa-circle {
  color: #3b5998;
}

.overlay-content .twitter-icon.hover .fa-circle,
.overlay-content .twitter-icon.selected .fa-circle {
  color: #00aced;
}

.overlay-content .pinterest-icon.hover:before,
.overlay-content .pinterest-icon.hover a:after,
.overlay-content .pinterest-icon.selected:before,
.overlay-content .pinterest-icon.selected a:after {
  color: #cb2027;
}

.overlay-content .social-drip-image img {
  max-width: 120px;
  float: left;
  padding-right: 10px;
}

.lrgSidebar.dd-lg,
.sidebar.dd-lg {
  float: none;
  width: 100%;
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
}

.lrgSidebar.dd-lg .hdr h3:after,
.sidebar.dd-lg .hdr h3:after {
  text-indent: 0;
  font-family: 'FontAwesome';
  content: '\f107';
  position: absolute;
  right: 0px;
  padding: 0 10px;
}

.lrgSidebar.dd-lg ul,
.sidebar.dd-lg > ul {
  display: none;
  position: absolute;
  z-index: 99;
  width: 100%;
}

.ui-selectmenu-menu {
  z-index: 1005 !important;
}

.ui-state-active {
  z-index: 1010 !important;
}

#purchaseCreditsPage .divHalf {
  max-width: 425px;
}

.presentation_builder .sidebar {
  border-right: 1px solid #ebebeb;
}

html {
  display: block;
  background: #fff;
}

.social_drips_index_page .overlay-content {
  min-width: 280px;
  max-width: 568px;
  height: 568px;
}

.picker.picker--opened {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 1px 10px;
  margin: -10px;
}

.picker.picker--opened .picker__frame {
  top: 0;
}

.picker.picker--time .picker__holder .picker__frame .picker__box {
  max-height: 300px;
  overflow-y: auto;
}

.picker .picker__holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.picker .picker__holder .picker__frame {
  top: 0;
  max-width: 300px;
}

.picker .picker__holder .picker__frame .picker__box {
  position: relative;
  top: 15%;
}

.picker .picker__holder .picker__frame .picker__weekday {
  font-size: 14px;
  color: #fff;
}

.picker .picker__holder .picker__frame .picker__day {
  font-size: 18px;
}

.picker .picker__holder .picker__frame .picker__nav--next:hover, .picker .picker__holder .picker__frame .picker__nav--prev:hover {
  background: transparent;
}

@media (max-height: 480px) {
  .picker.picker--opened .picker__frame {
    top: 10%;
  }
}

input#customTextFormFuturePostDate,
input#customTextFormFuturePostTime {
  width: 98%;
}

label[for="customTextFormFuturePostDate"],
label[for="customTextFormFuturePostTime"] {
  position: relative;
  z-index: 9;
  display: block;
  width: 100%;
}

label[for="customTextFormFuturePostDate"]:after,
label[for="customTextFormFuturePostTime"]:after {
  position: absolute;
  right: auto;
  font-family: 'FontAwesome';
  top: 22px;
  right: 10px;
}

label[for="customTextFormFuturePostDate"]:after {
  content: '\f073';
}

label[for="customTextFormFuturePostTime"]:after {
  content: '\f017';
}

.documentation#report {
  position: relative;
  width: 100%;
  min-height: 85vh;
}

.documentation#report .verb-fullscreen-loader {
  position: absolute;
}

@media screen and (min-width: 993px) {
  #header-nav,
.sidebar:not(.dd-lg) > ul,
.sidebar-border > ul,
.dd-tablet .dd-content,
.mobile-tabs .tabs {
    display: block !important;
  }
  .sidebar.dd-lg > ul {
    display: none;
  }
  .profile-xs,
.visible-xs {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .dd-mobile .dd-content {
    display: block !important;
  }
  .current-tab {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  html {
    display: block;
  }
  .users_send_page .sidebar .scrollable .viewport {
    width: 100%;
    height: auto;
    min-height: 200px;
    overflow-y: auto;
  }
  .step2options,
.email-add-options {
    width: 100%;
    float: none;
    border: none;
  }
  #email-add-media {
    float: right;
  }
  .social-tile {
    width: 33%;
    padding: 0;
  }
  .social-tile .img {
    width: 90%;
    height: 180px;
    margin: 10px auto;
  }
  .scroll-table {
    white-space: nowrap;
  }
  .panel.full-width,
.panel.half-width {
    padding: 10px;
    margin: 0 10px 15px 10px;
  }
  .panel.half-width {
    width: auto;
    float: none;
  }
  .panel .hdr {
    margin: -10px -10px 30px -10px;
  }
  .panel .social_media_statuses {
    margin: 0;
    width: auto;
  }
  .panel .social_media_status {
    margin: 15px 0 0 0;
    width: auto;
    float: none;
    text-align: center;
  }
  .panel .caption {
    margin: 30px 10px;
  }
  .sd_tools_link,
.sd_campaigns .sd_tools_link {
    width: auto;
    display: block;
    margin: 0 30px 15px;
  }
  .social_advanced li,
.social_advanced li:first-child,
.social_advanced li:last-child {
    width: 100%;
    margin: 5px 0;
  }
  .sidebar .scrollable {
    width: 100%;
  }
  .jquery_tabs.ui-tabs {
    margin: 0 10px;
  }
  .jquery_tabs.ui-tabs .ui-tabs-panel {
    width: auto !important;
    max-width: 100% !important;
    float: none;
  }
  .dd-tablet .dd-content,
.hidden-sm {
    display: none;
  }
  .dd-tablet .dd-trigger {
    cursor: pointer;
  }
  .wrapper {
    width: auto;
    margin: 0;
    max-width: 100%;
  }
  .dblWidth,
.singleWidth {
    position: relative !important;
    width: 100% !important;
    margin: 10px 0 !important;
  }
  .w33 {
    width: 100%;
    padding: 0;
  }
  .contacts_add_page .w33 {
    width: 47%;
    padding: 0 10px;
  }
  .w33 .input {
    margin: 20px 0 0 0;
  }
  .w33 input,
.w33 textarea {
    padding: 3px 0;
    text-indent: 5px;
  }
  .divTypeRow {
    width: auto;
  }
  .bmbWidgets {
    width: auto;
    margin: 10px;
  }
  .bmbWidgets > li {
    float: none;
    width: 100%;
  }
  .bmbWidgets .bmbWidget {
    width: auto;
    margin: 0;
    padding: 0;
  }
  .widget-block .hdr:before {
    content: '';
    position: absolute;
    top: 20px;
    right: 21px;
    width: 0;
    height: 0;
    border-width: 8px 7.5px 0px 7.5px;
    border-color: rgba(0, 0, 0, 0.3) transparent transparent transparent;
    border-style: solid;
  }
  .widget-block .hdr:after {
    content: '';
    position: absolute;
    top: 21px;
    right: 20px;
    width: 0;
    height: 0;
    border-width: 8px 7.5px 0px 7.5px;
    border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent;
    border-style: solid;
  }
  .dashboardHeight,
.dashboardMainRow,
.businessHeight {
    height: auto;
    min-height: 0;
  }
  .mobile-overlay .widgetHeader h3 {
    line-height: 1;
  }
  .overlay-content {
    margin: 50px auto 10px;
  }
  .overlay-content iframe {
    height: 95%;
  }
  #page_title {
    font-size: 3.6em;
    line-height: 1;
    background-size: contain;
  }
  .profile-xs {
    display: block;
    padding: 8px 10px;
    font-size: 16px;
    font-weight: 100;
  }
  .profile-xs a {
    font-size: 14px;
    text-align: center;
    display: block;
    float: right;
    padding: 5px 15px;
    margin-left: 5px;
  }
  .profile-xs form {
    clear: both;
    width: 100%;
  }
  .profile-xs select#UserLanguage {
    width: 100%;
    margin: 0;
  }
  .profile-xs .user-name {
    display: block;
    float: left;
    padding: 5px 0;
    font-size: 14px;
  }
  .myship_orders_send_page .mainCol {
    float: none !important;
  }
  .sidebar,
.mainCol,
.full-width .mainCol {
    float: none;
    width: auto;
    max-width: 100%;
    font-size: 14px;
    min-height: 0 !important;
    margin: 0;
    border: none;
    padding: 0;
  }
  .sidebar:after,
.mainCol:after {
    content: '';
    display: table;
    clear: both;
  }
  .mainCol {
    padding: 10px;
    border-left: none;
    border-right: none;
  }
  .tabs-container > div {
    width: auto;
    max-width: 100%;
  }
  .tabs-container .mainCol {
    float: none;
    width: auto;
    max-width: 100%;
  }
  .tabs-container .sidebar {
    border-left: none;
    border-right: none;
  }
  .sidebar .hdr,
.lrgSidebar .hdr {
    padding: 4px 0;
    cursor: pointer;
  }
  .sidebar .hdr h3,
.lrgSidebar .hdr h3 {
    position: relative;
    font-size: 22px;
    text-indent: 15px;
  }
  .sidebar .hdr h3 .current,
.lrgSidebar .hdr h3 .current {
    top: -3px;
    font-size: 14px;
    position: relative;
  }
  .sidebar .hdr .current {
    display: inline;
  }
  .sidebar .hdr h3:after {
    content: '\f107';
    position: absolute;
    top: 0px;
    right: 10px;
    font-family: 'FontAwesome';
  }
  .sidebar-border > ul,
.sidebar-border > .selectWrapper {
    display: none;
  }
  .sidebar.prospecting_sidebar .selectWrapper,
.sidebar-border > .selectWrapper {
    height: 38px;
    margin-top: -40px;
    background: none;
    left: 0;
    right: 15px;
    width: auto;
  }
  .selectWrapper:after {
    content: '';
  }
  .sidebar.prospecting_sidebar .selectWrapper select,
.sidebar-border > .selectWrapper select {
    position: absolute;
    left: 10px;
    width: 100%;
    max-width: 100%;
    height: 40px;
    color: rgba(0, 0, 0, 0);
  }
  .sidebar .floater {
    width: 100%;
    left: -1px;
    top: 100%;
  }
  .sidebar > ul.quickViews li a {
    padding: 10px;
  }
  .lrgSidebar {
    margin-bottom: 15px;
  }
  .breadcrumb {
    margin: auto 10px;
  }
  .breadcrumb > a:first-child {
    padding-left: 0;
  }
  .caption {
    margin-left: 10px;
    margin-right: 10px;
  }
  .full-width {
    margin: auto 10px;
    padding: 15px;
  }
  .quickViews li.hotProspects > a:before,
.quickViews li.do-not-email > a:before,
.quickViews li.byWebsite > a:before {
    top: 5px;
    background-size: 66%;
  }
  .quickViews li.hotProspects:hover > a:before,
.quickViews li.do-not-email:hover > a:before,
.quickViews li.byWebsite:hover > a:before,
.quickViews li.byWebsite.visible > a:before {
    top: -37px;
  }
  .quickViews li.byWebsite > a:after {
    top: 18px;
  }
  .sidebar .asset_folders a {
    font-size: 14px;
  }
  .lrgSidebar {
    width: auto !important;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  .smlMainCol,
.smlMainCol.fl-right {
    width: auto !important;
    float: none;
  }
  .tabs-container > div,
.tabs-container > .ui-tabs-panel > h3,
.tabs-container > .ui-tabs-panel > p,
.tabs-container > .ui-tabs-panel > table,
.tabs-container > .ui-tabs-panel {
    width: auto;
  }
  ul.social_drip_item_categories {
    width: auto;
  }
  .sidebar-content {
    display: none;
  }
  #social_drip_tabs .social_network_apps {
    width: 100%;
    margin-top: 15px;
    border-bottom: none;
  }
  #social_drip_tabs .ui-tabs-panel > h3 {
    font-size: 22px;
  }
  .social_network_apps > div.social_network_app {
    width: 100% !important;
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    border-bottom: none;
  }
  .social_network_apps .social_network_app:first-child {
    border-right: none;
    border-bottom: 1px solid #ccc;
  }
  .pullout-fixed .pullout-close {
    display: block;
  }
  .pullout-fixed {
    position: fixed;
    z-index: 999;
    top: 0;
    height: 100%;
    background: #777;
  }
  .pullout-fixed.introjs-fixParent {
    left: 0 !important;
    z-index: 99 !important;
  }
  .pullout-fixed .greyBox {
    background: none;
    border: none;
  }
  .pageTitle,
#widget-dashboard {
    margin: 0 10px;
  }
  /*.jquery_tabs.mobile-tabs .tabs-container .ui-tabs-panel {
  padding-left: 10px;
  padding-right: 10px;
  }*/
  .folder-actions {
    padding: 10px;
  }
  .phoneBG,
.fanClubBG,
.phoneChatBubble {
    width: auto;
  }
  .phoneBG > div.content,
.fanClubBG > div.content {
    width: auto;
    height: auto;
    margin: 0;
  }
  ul.chat_bubble li div {
    padding-top: 15px;
  }
  #sms_page .hdr h3 {
    padding: 0;
  }
  .documentation {
    padding: 0 10px;
  }
  footer {
    width: 100%;
    position: relative !important;
    bottom: 0;
    padding: 20px 10px 100px;
  }
  .step2options div.input label,
#profile_tabs #mail-server div.input label,
#profile_tabs #drip-triggers div.input label {
    text-align: left;
  }
  .custom-select,
.custom-txt {
    clear: both;
  }
  .dashboardMainRow .widget-content {
    height: auto;
  }
  .presentation_builder .sidebar {
    border: none;
  }
  .qr_code_help_column,
.qr_code_help_column:not(:first-child) {
    width: auto;
    border-top: 1px solid #ccc;
    border-left: none;
    position: relative;
    margin: -15px;
    padding: 15px 15px 45px 15px;
    top: -1px;
    min-height: 0;
  }
  #qr_code_tabs #help h3 {
    margin: 0 -15px 15px;
    padding: 10px;
  }
  .qr_code_output,
.qr_code_input {
    min-height: 0px;
    width: auto;
  }
  .alerts {
    width: auto;
  }
  .presentations_presentation_builder_page .sidebar .scrollable .viewport {
    min-height: 300px;
    height: 300px;
    width: auto;
  }
  #sendSmsPage .sidebar {
    float: none;
    width: auto;
    border: none !important;
  }
  #profile_tabs .ui-tabs-panel,
#drip-triggers div.delay_days {
    float: none;
  }
  .conferencing_page .why,
.conferencing_page .features {
    width: auto;
  }
  .conferencing_page .features ul {
    padding-left: 15px;
  }
  .conferencing_page .price {
    width: 270px;
  }
  .user_stats > div#dates,
.user_stats > div.third_width,
.user_stats > div.half_width,
.user_stats > div.two_thirds_width,
.user_stats > div.full_width {
    float: none;
    width: auto;
    clear: both;
    margin: 0 auto 15px;
  }
  .user_stats .third_width .scrollable,
.user_stats .third_width .scrollable .viewport {
    width: auto;
  }
  .user_stats .third_width .scrollable .overview {
    width: 100%;
  }
  .user_stats div.header h3 {
    font-size: 1.4em;
  }
  #da_stars {
    text-align: center;
  }
  #MyshipOrderAddForm .sample-credits.clearfix {
    padding: 0 10px;
  }
}

@media screen and (max-width: 900px) {
  #UserRedOliveSignupForm .price_ribbon {
    left: initial;
    right: -30px;
  }
  #signup_tabs {
    margin: 0 10px;
  }
  #UserRedOliveSignupForm .product,
#UserRedOliveSignupForm .image_container,
#UserRedOliveSignupForm .buy_button_container {
    width: 100%;
  }
  #UserRedOliveSignupForm .image_container,
#UserRedOliveSignupForm h4,
#UserRedOliveSignupForm h3 {
    padding: 0;
  }
  #UserRedOliveSignupForm .product {
    margin-right: 0px;
    margin-left: 0px;
  }
  #UserRedOliveSignupForm h3,
#UserRedOliveSignupForm h4 {
    width: auto;
    padding: 0 10px;
  }
}

@media (max-width: 950px) {
  #signup_tabs div.input {
    max-width: 275px;
    width: 100%;
  }
}

@media (max-width: 650px) {
  #signup_tabs .product.other_product .product-content {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .setup-wizard .panel .website-preview-list li {
    width: 50%;
  }
  html {
    display: block;
  }
  span.visible-xs {
    display: inline;
  }
  #smtp_reply_to_message,
#smtp_test_email_message {
    float: none;
    margin: 15px 0;
    clear: both;
  }
  #SmsAddForm .fl-left.twoCol,
#SmsAddForm .fl-left.twoCol > div,
#linkGenerator .leftCol {
    float: none;
    width: auto;
    border: none !important;
  }
  #videoListTable_wrapper,
.sms_folder_filters,
.sms_folder_filters tbody,
.sms_folder_filters tr,
.sms_folder_filters td {
    width: 100%;
    display: block;
    padding: 0;
  }
  .sms_folder_filters td {
    height: auto;
    margin: 0 0 5px;
  }
  .sms_folder_filters label,
.sms_folder_filters select {
    float: none;
    width: 100%;
  }
  .divHalf,
#purchaseCreditsPage .divHalf {
    width: auto;
    max-width: 100%;
  }
  .data-controls {
    margin-bottom: 0;
  }
  select {
    width: auto;
    max-width: 200px;
  }
  .custom-select select {
    max-width: 100%;
  }
  .contacts_add_page .w33 {
    width: 100%;
    padding: 0;
  }
  .hdr h3 {
    text-indent: 0;
  }
  #email-add-media,
#email-add-media a {
    float: none;
    display: block;
    margin: 0 0 5px 0;
    max-width: 268px;
  }
  .data-pagination {
    padding: 15px 0;
  }
  .send_options_bottom td {
    display: block;
    width: 100%;
    text-align: left !important;
  }
  .visible-xs {
    display: block;
  }
  .hidden-xs {
    display: none !important;
  }
  .tabsEmail li a i {
    display: block;
    padding: 5px 15px;
  }
  .tabsEmail .active i {
    color: #000;
  }
  .tabs-wrapper {
    position: relative;
    top: 1px;
  }
  .jquery_tabs.ui-tabs {
    padding: 0;
    margin: 0;
  }
  .jquery_tabs.mobile-tabs .current-tab {
    display: none;
  }
  .jquery_tabs.mobile-tabs .tabs {
    display: block;
    top: 0;
    margin-bottom: 0;
    position: absolute;
    text-indent: 0;
    height: 34px;
  }
  .jquery_tabs.mobile-tabs .tabs li {
    float: left;
    margin: 0 0 0 -1px;
    width: 50%;
    border: 1px solid #ccc !important;
    top: 0;
  }
  .jquery_tabs.mobile-tabs .tabs li.ui-tabs-selected {
    background: #fff;
    z-index: 9;
    border: 1px solid #ccc !important;
    border-bottom: 1px solid #fff !important;
    padding-bottom: 1px;
  }
  .jquery_tabs.mobile-tabs .tabs li a {
    display: block;
    float: none;
    padding: 0;
    height: 33px;
    line-height: 38px;
    background: #ddd !important;
    color: #999 !important;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Gotham-Light', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 20px;
  }
  .jquery_tabs.mobile-tabs .tabs li.ui-tabs-selected a {
    position: relative;
    background: #fff !important;
  }
  .jquery_tabs.mobile-tabs .ui-tabs-panel {
    position: relative;
    padding: 10px 0;
    width: auto !important;
    border-left: none;
    border-right: none;
  }
  .sidebar {
    background: #fff;
  }
  .tabs-container {
    border-width: 1px 0px 1px 0px;
  }
  .tabs-container .lrgSidebar .hdr h3 {
    text-indent: 15px;
  }
  .folder-actions {
    padding: 10px;
  }
  .actions-btn > a {
    display: block;
  }
  .actions-btn > a i,
.alphaFilter > i,
.domain-switch > i {
    color: inherit;
    position: absolute;
    line-height: 1.4em;
    height: 100%;
    top: 0;
    right: 0;
    padding: 0 10px;
  }
  .filter-option i {
    position: absolute;
    line-height: 1.4em;
    height: 100%;
    right: 0;
    top: 0;
    padding: 0 10px;
  }
  .actions-panel .input.select select,
.filter-option select {
    -webkit-appearance: none;
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    max-width: 180px;
    font-family: Arial, sans-serif;
    border: none;
    font-size: 12px;
    line-height: 18px;
    float: right;
    height: 30px;
    padding: 0 40px 0 5px;
    z-index: 9;
    outline: none;
    overflow: hidden;
  }
  .folderLinkContainer {
    margin: 0;
    padding: 10px 0px 10px 10px;
  }
  .dd-mobile .dd-content {
    display: none;
  }
  .dd-mobile .dd-trigger {
    cursor: pointer;
  }
  .profile-xs .user-name {
    float: none;
    text-align: center;
    font-size: 16px;
  }
  .profile-xs a {
    float: none;
    margin: 5px 0;
  }
  form label {
    float: left;
    display: block;
    text-align: left;
  }
  .profile-xs a,
.profile-xs a:hover {
    margin: 0px 0px 5px 0px;
    -webkit-text-decoration: none©2818;
            text-decoration: none©2818;
  }
  .pageTitle .leftCol,
.pageTitle.users_home .leftCol,
.pageTitle .rightCol,
.pageTitle.users_home .rightCol {
    width: 100%;
    float: none;
    text-align: center;
  }
  .contacts_view_page .pageTitle.contacts_view .leftCol {
    text-align: inherit;
  }
  #guide_me {
    display: block;
    width: 200px;
    margin: 0 auto;
    padding: 10px 0;
    float: none;
  }
  #da_text {
    float: none;
    text-align: center;
    width: 100%;
  }
  #dailyActions {
    height: auto;
    margin: 0;
  }
  #da_stars {
    float: none;
    width: 90%;
    margin: 10px auto;
  }
  #da_stars img {
    width: 18%;
    max-width: 85px;
    height: auto;
    padding: 0;
    margin-right: 2%;
  }
  .alphaFilter {
    position: relative !important;
    top: 0 !important;
    float: left;
  }
  .dd-mobile {
    width: auto;
    background: #fefefe;
    padding: 0px 20px 0 0;
    border: 1px solid #ccc;
    cursor: pointer;
    position: relative;
  }
  .panel .caption {
    font-size: 16px;
  }
  .social_advanced {
    width: auto;
  }
  .social_media_status a {
    display: block;
    margin-top: 10px;
  }
  .alphaFilter.dd-mobile {
    margin-left: 15px !important;
    z-index: 1010;
  }
  .dd-mobile .label {
    display: block;
    float: left;
    zoom: 1;
    padding: 0 5px;
  }
  .dd-mobile .current {
    display: block;
    float: left;
    zoom: 1;
    margin-right: 15px;
    padding: 0 10px 0 5px;
    font-weight: 100;
    color: #999;
  }
  .dd-mobile .dd-arrow,
.actions.btn .triangle_down,
.domain-switch .triangle_down,
.input.select .triangle_down {
    position: absolute;
    width: 21px;
    height: 20px;
    padding: 5px;
    top: 0;
    right: 0;
    border-left: 1px solid #ccc;
    z-index: 8;
  }
  .dd-mobile .dd-arrow:after,
.actions.btn .triangle_down:after,
.domain-switch .triangle_down:after,
.input.select .triangle_down:after {
    content: '';
    position: absolute;
    right: 8px;
    top: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
  }
  .dd-mobile .dd-arrow:before,
.actions.btn .triangle_down:before,
.domain-switch .triangle_down:before,
.input.select .triangle_down:before {
    content: '';
    position: absolute;
    right: 9px;
    top: 11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
  }
  .dd-mobile .dd-content {
    display: none;
    position: absolute;
    top: 30px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 999;
    width: 100%;
    left: -1px;
    overflow: hidden;
  }
  .alphaFilter.dd-mobile a {
    display: block;
    padding: 5px 0;
    width: 25%;
    color: #000000;
    float: left;
    text-align: center;
  }
  .alphaFilter.dd-mobile a:hover {
    background: #000000;
    color: #fff;
  }
  table.table-options,
table.table-options tbody,
table.table-options tr,
table.table-options td {
    display: block;
    height: auto;
  }
  .jquery_tabs .mainCol.actions-panel .actions-btn > a,
.jquery_tabs .mainCol.actions-panel .input.checkbox input[type="checkbox"] {
    font-family: inherit;
    font-weight: normal;
    margin: 0;
    padding: 0;
  }
  .jquery_tabs .mainCol.actions-panel .input.checkbox input[type="checkbox"] {
    margin-right: 5px;
  }
  .twoColumn {
    background: none;
  }
  .twoColumn > div:first-child,
.twoColumn > div:last-child {
    float: none;
    width: auto;
  }
  .mainCol div.select-all,
.mainCol .actions-btn,
.mainCol .alphaFilter,
.mainCol .dataTables_length,
.mainCol .dataTables_filter,
.mainCol .domain-switch,
.mainCol .filter-option,
.presentation_builder div.filters div.filter-option,
.presentation_builder div.filters div.input.checkbox {
    text-align: left;
    position: relative;
    width: auto;
    margin: 0 0 5px 0;
    padding: 5px;
    font-weight: normal;
    display: block;
  }
  .mainCol div.select-all.fl-right,
.mainCol .actions-btn.fl-right,
.mainCol .alphaFilter.fl-right,
.mainCol .dataTables_length.fl-right,
.mainCol .dataTables_filter.fl-right,
.mainCol .domain-switch.fl-right,
.mainCol .filter-option.fl-right,
.presentation_builder div.filters div.filter-option.fl-right,
.presentation_builder div.filters div.input.checkbox.fl-right {
    float: right;
  }
  .myship_orders_send_page .mainCol .dataTables_filter {
    width: 45vw;
    height: 15px;
    display: inline-block;
    background: #fff;
    border: none;
    font-size: 13px;
    font-weight: 100;
  }
  .myship_orders_send_page .mainCol .dataTables_filter input {
    width: 65%;
  }
  .myship_orders_send_page .filters-trigger {
    max-width: 90px !important;
    margin: 10px 0 10px 10px !important;
  }
  .myship_orders_send_page td {
    padding: 9px;
  }
  .myship_orders_send_page #bottomButtons .btn.fl-right {
    float: none;
    display: block;
    max-width: 185px;
    margin: 10px auto !important;
  }
  .myship_orders_send_page .pad {
    padding: 0;
  }
  .mainCol .select-all:after,
.mainCol .actions-btn:after,
.mainCol .alphaFilter:after,
.mainCol .dataTables_length:after,
.mainCol .dataTables_filter:after {
    content: '';
    display: table;
    clear: both;
  }
  .mainCol .dataTables_info,
.mainCol .dataTables_paginate {
    width: auto;
    float: none;
    margin: 0 auto;
  }
  .dataTables_filter input {
    padding: 0;
  }
  .mainCol .select-all label {
    font-weight: normal;
  }
  .mainCol .actions-btn a {
    position: static;
    padding: 0 5px;
    background: none;
    font-weight: normal;
    color: #000000;
    font-family: inherit;
  }
  .actionsBox.floater {
    top: 30px !important;
    left: -1px !important;
  }
  .actionsBox.floater h4 {
    position: relative;
    border-top: 1px solid #ccc;
    margin: 0;
    top: -1px;
  }
  .actionsBox .vertical_divider {
    display: none;
  }
  .actionsBox .closeLink {
    position: absolute !important;
    top: 5px;
    right: 5px;
    z-index: 99;
  }
  .actionsBox.floater .leftColBox,
.actionsBox.floater .rightColBox {
    float: none;
    width: 100%;
  }
  .actionsBox.floater ul {
    padding: 0;
    margin: 0;
  }
  .sm-dd h3 {
    font-size: 20px;
  }
  .actionsBox.floater ul li:hover {
    background: #efefef;
  }
  .actionsBox.floater ul li a {
    display: block;
    padding: 5px 0;
  }
  h1#page_title {
    font-size: 2em;
  }
  h1#page_title:before {
    width: 30px;
    height: 30px;
    margin: -5px 0 0 -40px;
    background-size: contain;
  }
  h1.hdr-profile:before {
    width: 40px !important;
    height: 30px !important;
    background-size: 70% !important;
  }
  h1.hdr-social:before {
    width: 50px !important;
    margin: -5px 0 0 -60px !important;
  }
  ul.chat_bubble li {
    float: none;
    height: 85px;
    width: auto;
    background-position: left center;
    background-size: 100% 100%;
  }
  .tab-before a {
    box-shadow: inset -3px -3px 10px -7px rgba(0, 0, 0, 0.3) !important;
  }
  .tab-after a {
    box-shadow: inset 3px -3px 10px -7px rgba(0, 0, 0, 0.3) !important;
  }
  #jGrowl.jGrowl {
    width: 100%;
    top: 0;
    left: 0;
    padding: 0;
  }
  #jGrowl.jGrowl .jGrowl-notification {
    width: 100%;
    min-height: 50px;
    margin: 0;
    border-radius: 0;
  }
  #jGrowl.jGrowl .jGrowl-notification.error {
    background: rgba(255, 0, 0, 0.9);
    color: #fff;
  }
  .email-add-options {
    background: none;
    margin-bottom: 15px;
  }
  #bottomButtons .btn.fl-right {
    margin-bottom: 5px;
  }
  #previewmessageDripItemMessage_tbl {
    overflow: auto;
  }
  #drip_edit_step_one div.input.text,
#drip_edit_step_one div.input.select.second_in_row,
#drip_edit_step_one div.input.select {
    float: none;
    margin: 0;
    width: 100%;
    max-width: 320px;
  }
  .users_setupwizard_page .breadcrumb {
    margin-left: 15px;
  }
  .setup-wizard .header h3,
.setup-wizard .header p {
    margin-left: 15px;
  }
  .setup-wizard #display-information-form input,
.setup-wizard #display-information-form select,
.setup-wizard #UserSetupwizardForm1 input,
.setup-wizard #UserSetupwizardForm1 select,
.setup-wizard #UserSmtpSettingSetupwizardForm input,
.setup-wizard #UserSmtpSettingSetupwizardForm input {
    width: 100%;
    max-width: 100%;
  }
  .setup-wizard .panel .input label {
    width: 100%;
    text-align: left;
  }
  .setup-wizard .panel .notification-table {
    margin: 15px 0;
  }
  #UserSetupwizardForm2 .fl-left.w50 {
    width: 100%;
  }
  .setup-wizard #smtp_reply_to_message,
.setup-wizard #smtp_test_email_message {
    width: auto;
  }
}

/* iPhone landscape */
@media screen and (max-width: 568px) {
  .contacts_view_page .pageTitle.contacts_view #page_title {
    margin: 0px 0px 20px 0px;
  }
  .setup-wizard .panel .website-preview-list li {
    width: 100%;
  }
  .setup-wizard .panel .website-preview-list li h3 {
    font-size: 18px;
    height: auto;
  }
  .social-tile {
    width: 50%;
    padding: 0;
    margin: -1px;
  }
  .overlay-content {
    width: auto;
    margin: 50px 10px 0;
    overflow-y: auto;
  }
  .hasDatepicker {
    margin-right: 0;
  }
  label[for="customTextFormFuturePostDate"] {
    position: relative;
    z-index: 9;
  }
  label[for="customTextFormFuturePostDate"]:after {
    content: '\f073';
    position: absolute;
    right: 0;
    font-family: 'FontAwesome';
    top: 22px;
    right: 12px;
  }
  #ui-datepicker-div {
    width: 21em !important;
  }
  .overlay-content iframe {
    height: 91%;
  }
  .overlay-content .social-drip-image {
    text-align: center;
    margin-top: 30px;
  }
  .overlay-content .social-drip-image img {
    max-width: 100%;
  }
  .overlay-content .submit input[type="submit"] {
    width: 50%;
    display: block;
    height: 40px;
    margin: 0 auto;
    margin-top: 45px;
    font-size: 24px;
  }
  .sms_send_page .btnHolder h3,
.sms_send_page .btnHolder > div {
    text-align: center;
    float: none;
  }
  .sms_send_page .btnHolder > div {
    background: #eaeaea;
    padding: 10px;
    margin: -20px -15px 10px -15px;
  }
  #da_stars .fa-5x {
    font-size: 5em;
  }
}

@media screen and (max-width: 320px) {
  .social-tile {
    float: none;
    width: auto;
    margin: -1px 0;
  }
  .overlay-content {
    width: 280px;
    max-height: 488px !important;
    overflow-y: auto;
  }
  .social_drips_index_page .overlay-content {
    max-height: 568px !important;
  }
  .overlay-content .submit input[type="submit"] {
    width: 100%;
  }
  .overlay-content iframe {
    width: auto;
    margin: 0 -10px;
  }
  #da_stars .fa-5x {
    font-size: 4em;
  }
}

/************************************************************************ EASY SHARE RELATED CSS *************************************************************/
button.top-back-btn {
  background: none repeat scroll 0% 0% #FFF;
  border-right: none;
  border-left: none;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  padding: 10px;
  text-align: center;
  margin: 0px;
  font-size: 30px;
  line-height: 30px;
  width: 100%;
}

button.top-back-btn:before {
  font-family: FontAwesome;
  content: "";
  position: relative;
  left: 15px;
  float: left;
  display: block;
  width: 30px;
}

.asset-picker, .service-picker {
  padding: 10px 0;
  background-color: #FFF;
  width: 100%;
}

div.asset-picker {
  max-width: 100%;
  overflow: initial;
  margin: 10px auto 30px;
}

.asset-picker h1, .service-picker h1, .email-picker h1, .message-picker h1 {
  text-align: center;
  margin: 0;
  background-color: #3A90BB;
  color: #FFF;
  padding: 15px 0;
  line-height: normal;
  font-size: 30px;
}

ul.asset-picker li {
  width: 145px;
  border: 0 !important;
  margin: 15px 35px;
}

ul.asset-picker li .thumbnail-box {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  transition: all .1s ease-in-out;
}

ul.asset-picker li .thumbnail-box .stacket {
  margin: 0 auto;
  border-radius: 5px 5px 0 0;
  height: 6px;
  width: 97px;
  background-color: #B8C2CB;
}

ul.asset-picker li .thumbnail-box .stacket-1 {
  width: 89px;
  background-color: #D8E0E9;
}

ul.asset-picker li .thumbnail-box .asset-image {
  height: 128px;
  padding-bottom: 0;
}

ul.asset-picker li .thumbnail-box .asset-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

ul.asset-picker li .thumbnail-box .thumbnail__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: tranparent;
  top: 0;
  left: 0;
  z-index: 1;
  transition: visibility 0s, opacity .1s linear;
}

ul.asset-picker li .thumbnail-box .thumbnail__overlay .thumbnail-option {
  width: 100%;
  padding: 10px;
  justify-content: space-between;
  display: flex;
  box-sizing: border-box;
}

ul.asset-picker li .thumbnail-box .thumbnail__overlay .thumbnail-option .option {
  width: 18px;
  cursor: pointer;
}

ul.asset-picker li .thumbnail-box .thumbnail__overlay .thumbnail-option .option a {
  padding: 0;
  margin: 0;
  float: none;
}

ul.asset-picker li .thumbnail-box .thumbnail__overlay .thumbnail-option .option:hover {
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
  -webkit-transform-origin: center;
          transform-origin: center;
}

ul.asset-picker li .thumbnail-box .thumbnail__overlay .thumbnail-option .option img {
  width: 100%;
}

ul.asset-picker li .thumbnail-box .thumbnail__overlay .thumbnail-option .option img.active {
  display: none;
}

ul.asset-picker li .thumbnail-box .thumbnail__overlay .thumbnail-option .option input {
  width: 18px;
  height: 18px;
  margin: 0;
  float: none;
  background-color: #D8E0E9;
  visibility: hidden;
  opacity: 0;
}

ul.asset-picker li .thumbnail-box .thumbnail__overlay .thumbnail-option .option input:checked{
  visibility: visible;
  opacity: 1;
  display: block;
}

ul.asset-picker li .thumbnail-box .thumbnail__overlay .thumbnail-option--bottom {
  justify-content: center;
  position: absolute;
  bottom: 0;
  padding: 0;
  visibility: hidden;
  opacity: 0;
}

ul.asset-picker li .thumbnail-box .thumbnail__overlay .thumbnail-option .option img {
  visibility: hidden;
}

ul.asset-picker li .thumbnail-box .thumbnail__overlay .thumbnail-option--bottom .option {
  width: 20px;
  margin: 8px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s ease-in-out;
}

ul.asset-picker li .thumbnail-box .thumbnail__overlay .thumbnail-option--bottom .option img {
  width: 100%;
}

ul.asset-picker li .thumbnail-box .thumbnail__overlay .thumbnail-option--bottom .option img.active {
  display: none;
}

ul.asset-picker li .thumbnail-box .thumbnail__overlay .thumbnail-option--bottom .option:hover {
  margin: 8px 8px;
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
  box-shadow: 0 1px 5px -1px rgba(0,0,0,0.5);
}

/* ul.asset-picker li .thumbnail-box .thumbnail__overlay .thumbnail-option--bottom .option:hover img {
  display: none;
} */

/* ul.asset-picker li .thumbnail-box .thumbnail__overlay .thumbnail-option--bottom .option:hover img.active {
  display: block;
} */

ul.asset-picker li .thumbnail-box .thumbnail__overlay .thumbnail-option--bottom .option.option-unable-to-preview {
  width: auto;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  text-align: center;
  margin-bottom: 0;
}

ul.asset-picker li.asset-type-Pdf {
  width: 105px;
  margin: 15px 25px;
}

ul.asset-picker li.asset-type-Pdf .thumbnail-box .asset-image {
  height: 136px;
  padding: 0;
}

ul.asset-picker li.asset-type-Link {
  width: 143px;
  margin: 15px 35px;
}

ul.asset-picker li.asset-type-Link .thumbnail-box .asset-image {
  height: 143px;
}

ul.asset-picker li.asset-type-Video {
  width: 220px;
  margin: 15px 25px;
}

ul.asset-picker li.asset-type-Video .thumbnail-box .asset-image {
  height: 124px;
  padding: 0;
}

ul.asset-picker li.tag_favorite .thumbnail-option--top .option img {
  display: none;
}

ul.asset-picker li.tag_favorite .thumbnail-option--top .option img.active {
  display: block;
}

ul.asset-picker li:hover .thumbnail-box {
  -webkit-transform: scale(1.0552);
          transform: scale(1.0552);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}

ul.asset-picker li:hover .thumbnail-box .thumbnail__overlay{
  display: block;
  visibility: visible;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.65);
}

ul.asset-picker li:hover .thumbnail-box .thumbnail__overlay .thumbnail-option .option input{
  display: block;
  visibility: visible;
  opacity: 1;
}


ul.asset-picker li:hover .thumbnail-box .thumbnail__overlay .thumbnail-option .option img{
  visibility: visible;
  opacity: 1;
}

ul.asset-picker li:hover .thumbnail-box .thumbnail__overlay .thumbnail-option--bottom {
  visibility: visible;
  opacity: 1;
}

ul.asset-picker li.asset-type-Pdf:hover .thumbnail-box {
  -webkit-transform: scale(1.0762);
          transform: scale(1.0762);
}

ul.asset-picker li.asset-type-Video:hover .thumbnail-box {
  -webkit-transform: scale(1.03634);
          transform: scale(1.03634);
}

ul.asset-picker li .asset-title {
  font-size: 12px;
  font-weight: normal;
  color: #53565B;
  padding-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

ul.asset-picker li:hover .asset-title {
  color: #000;
}

.asset-controls button, button#sendEmailTrigger, .service-picker .service-share {
  width: 50%;
  padding: 0px;
  margin: 0px;
  border: none;
  font-size: 25px;
  font-weight: normal;
  color: #FFF;
  padding: 8px 0;
  text-transform: uppercase;
}

.asset-controls .asset-share {
  background-color: #3A90BB;
}

button#sendEmailTrigger, .service-picker .service-share {
  background-color: #3A90BB;
  width: auto;
  padding: 5px 15px;
  margin: 20px auto;
}

.service-picker .service-share {
  margin: 0;
}

.asset-controls .asset-share, .asset-controls .asset-preview {
  width: 50%;
  display: inline-block;
  color: #fff;
  padding: 8px 0;
  cursor: pointer;
  text-align: center;
}

.asset-controls .asset-share .fa, .asset-controls .asset-preview .fa {
  color: #fff;
  font-size: 24px;
  position: relative;
  top: 3px;
}

.asset-controls .asset-preview {
  background-color: #B8C2CB;
}

.asset-controls .asset-share:hover,
.asset-controls .asset-preview:hover {
  background-color: rgba(0, 0, 0, 0.35);
}

ul.service-picker li.disabled div.service-title:after {
  content: ' Disabled';
  /*XXX Translate Me! (Use an icon!)*/
}

ul.service-picker li.disabled .service-share {
  color: lightgray !important;
}

ul.service-picker li div.service-image {
  width: 60px;
  margin: 20px 20px 0;
  float: left;
}

.major_social_network .fa-facebook-square {
  color: #3B5998;
  font-size: 15px;
  height: 15px;
  width: 15px;
  margin: 0 10px;
}

.major_social_network .fa-twitter-square {
  color: #00ACED;
  font-size: 15px;
  height: 15px;
  width: 15px;
  margin: 0 10px;
}

.major_social_network .fa-linkedin-square {
  color: #0077b5;
  font-size: 15px;
  height: 15px;
  width: 15px;
  margin: 0 10px;
}

.service-image .fa-facebook-square {
  color: #3B5998;
}

.service-image .fa-pinterest-square {
  color: #CB2027;
}

.service-image .fa-twitter-square {
  color: #00ACED;
}

.service-controls button::before {
  content: "";
}

#tabs-container {
  background-color: #FFF;
}

#tabs-control {
  border: 1px solid #3A90BB;
  clear: both;
  margin: 0 0 20px;
  width: 100%;
  float: left;
}

#tabs-control li {
  float: left;
  width: 50%;
  margin: 0;
  text-align: center;
  font-size: 25px;
  padding: 2px 0 6px 0;
  margin: 0;
  cursor: pointer;
}

#tabs-control li.tab-recipients, #tabs-control li.tab-contacts {
  color: #3A90BB;
}

#tabs-control li.tab-contacts.active, #tabs-control li.tab-recipients.active {
  background-color: #3A90BB;
  color: #FFF !important;
}

#tabs-container th {
  background-color: #eaeaea;
  color: #3A90BB;
}

#tabs-container td input[type="checkbox"] {
  width: 30px;
  height: 30px;
  margin: 0;
}

.tab-contacts.hidden,
.tab-recipients.hidden {
  display: none;
}

form.hidden {
  display: none;
}

form.contacts tr,
form.contacts td {
  position: relative;
}

form.contacts td {
  cursor: pointer;
}

form.contacts td.contact-id {
  width: 1%;
}

form.contacts td > label {
  height: 100%;
  position: absolute;
  top: -6px;
  left: 0;
  width: 100%;
  z-index: 1;
}

div.bootstrap-tagsinput {
  background-color: transparent;
  border-style: none;
  box-shadow: none;
}

div.bootstrap-tagsinput input {
  display: none;
}

div.bootstrap-tagsinput .tag {
  background-color: #eaeaea;
  border-radius: 4px;
  color: black;
  line-height: 28px;
  padding: 4px;
  white-space: nowrap;
}

#tabs-container .contacts .dataTables_filter {
  margin: 20px 0 0;
  width: 100%;
  padding: 5px 0 15px;
  float: none;
  background-color: #eaeaea;
}

#tabs-container .contacts .dataTables_filter form label {
  width: 90%;
  margin: 0 15px;
  text-align: left;
}

#tabs-container .contacts .dataTables_filter input[type="search"] {
  width: 100%;
}

.dataTables_paginate a {
  margin: 0 2px;
}

.share_recipients_page .continue {
  background-color: #000000;
  color: #FFF;
  width: 100%;
  max-width: 350px;
  border: none;
  font-size: 20px;
  padding: 5px 0 10px;
  margin: 0 auto;
  clear: both;
  float: none;
  display: block;
}

#tabs-container .tab-contacts {
  padding: 15px;
  position: relative;
}

.email-picker .tab-contacts h2, .email-picker .tab-recipients h2 {
  line-height: normal;
  font-size: 2em;
  font-weight: 400;
  text-indent: 10px;
  color: #3A90BB;
  margin: 0 0 20px;
}

.email-picker .tab-contacts h2 .fl-left, .email-picker .tab-recipients h2 .fl-left {
  font-size: 1.4em;
  font-style: normal;
}

.email-picker .tab-recipients > div {
  padding: 15px;
  position: relative;
}

.email-picker form.insert-contact button.cancel, .email-picker form.insert-contact button.insert {
  float: right;
  margin: 20px 10px;
  padding: 5px 15px;
  background-color: #000000;
  color: #FFF;
  border: none;
  font-size: 20px;
}

.email-picker form.insert-contact button.insert {
  background-color: #3A90BB;
}

.email-picker button.insert-contact {
  background-color: #000000;
  border: medium none;
  color: #fff;
  font-family: "Open Sans",sans-serif;
  font-size: 1.3em;
  line-height: 1.4em;
  margin: 0;
  padding: 5px 20px;
  position: absolute;
  right: 15px;
  top: 10px;
}

.email-picker button.insert-contact::before {
  font-family: FontAwesome;
  margin: 0 10px 0 0;
}

.email-picker form.insert-contact label {
  display: block;
  float: none;
  font-weight: bold;
  margin: 9px 0;
  font-size: 16px;
  color: #3A90BB;
}

.email-picker .dataTables_filter label {
  float: left;
  display: block;
  text-align: left;
  margin: 5px 15px 10px;
  width: 50%;
}

.email-picker .dataTables_info {
  background-color: #FFF;
  padding: 10px 15px 10px;
  width: 100%;
  margin: 0 0 0 -15px;
}

.email-picker .tab-recipients {
  width: 100%;
  margin: 0;
  padding: 0 0 10px;
}

.email-picker .tab-recipients table {
  margin: 10px 0;
  border-spacing: 0px;
  width: 100%;
}

.tab-recipients {
  width: 100%;
  margin: 0;
  padding: 0px 0px 10px;
  position: relative;
}

.tab-recipients > div {
  padding: 1px 15px;
}

.tab-recipients .bootstrap-tagsinput .tag [data-role="remove"] {
  margin: 0 5px 0 10px;
  font-size: 20px;
  cursor: pointer;
}

.email-picker form.insert-contact {
  border: 1px solid #000000;
  padding: 0 15px 10px;
}

form.contacts td {
  position: relative;
}

form.contacts td > label {
  height: 100%;
  position: absolute;
  top: -6px;
  left: 0;
  width: 630%;
  z-index: 1;
}

div.bootstrap-tagsinput {
  background-color: transparent;
  border-style: none;
  box-shadow: none;
}

div.bootstrap-tagsinput input {
  display: none;
}

div.bootstrap-tagsinput .tag {
  background-color: #eaeaea;
  border-radius: 4px;
  color: #000;
  line-height: 28px;
  padding: 5px 5px 5px 10px;
  white-space: nowrap;
}

form.message fieldset {
  margin: 4px;
}

form.message label {
  display: block;
  float: none;
  font-weight: bold;
  margin: 9px 0;
  font-size: 16px;
  color: #3A90BB;
}

form.message textarea {
  height: 150px;
}

.message-picker > div, .message-picker form {
  padding: 15px;
  background-color: #FFF;
}

.counter span {
  padding: 15px;
  display: block;
  font-size: 16px;
}

.counter span > span {
  display: inline;
  font-weight: bold;
}

.message-picker p {
  padding: 10px 15px;
  margin: 0;
}

table.analytics-table {
  width: 100%;
}

table.analytics-table td {
  width: 33.3333%;
  height: auto;
  padding: 10px 20px;
}

table.analytics-table td img {
  display: block;
  margin: 0 auto;
  max-width: 50px;
  vertical-align: middle;
  width: 80%;
}

.totals {
  text-align: center;
}

table.analytics-table .share-amount, table.analytics-table .share-clicks {
  font-size: 28px;
  text-align: center;
  color: #727272;
  padding: 0;
  white-space: nowrap;
}

table.analytics-table#tabs-container th {
  text-align: center;
}

#admin-video-preview {
  margin: 25px auto 100px;
  text-align: center;
}

#admin-video-preview .video_preview {
  margin: 0 auto;
}

#admin-video-preview .video_preview video {
  z-index: 0 !important;
}

.video_preview {
  max-width: 1024px;
  padding: 0 15px;
}

.video_preview .brightcove_player_container > div {
  padding-bottom: 56.25%;
  position: relative;
}

.video_preview #myExperience {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.associated_div {
  display: none;
}

.filterAssets {
  width: 100%;
  text-align: center;
}

.filterAssets p {
  display: inline-block;
}

.filterAssets p span {
  font-size: 20px;
  margin-right: 10px;
}

.filterAssets input {
  width: unset;
}

.drips_auto_responder_page .hdr, .drips_edit_auto_responder_page .hdr {
  padding: 5px 0;
}

.drips_auto_responder_page .hdr h3, .drips_edit_auto_responder_page .hdr h3 {
  text-indent: 0;
}

.drips_auto_responder_page .title-btns, .drips_edit_auto_responder_page .title-btns {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.drips_auto_responder_page .title-btns .btn.fl-right, .drips_edit_auto_responder_page .title-btns .btn.fl-right {
  margin: 0 0 0 5px;
}

.drips_auto_responder_page .title-btns .redBtn.drip_delete_link, .drips_edit_auto_responder_page .title-btns .redBtn.drip_delete_link {
  background-color: #aaa;
}

.drips_auto_responder_page .custom-txt input, .drips_auto_responder_page textarea, .drips_edit_auto_responder_page .custom-txt input, .drips_edit_auto_responder_page textarea {
  color: #929292;
}

.drips_auto_responder_page .deleteAllItemsOverlay, .drips_edit_auto_responder_page .deleteAllItemsOverlay {
  background-color: #aaa;
}

.drips_auto_responder_page .tabs-container, .drips_edit_auto_responder_page .tabs-container {
  margin-top: 25px;
}

.drips_auto_responder_page label, .drips_edit_auto_responder_page label {
  cursor: default;
}

.drips_auto_responder_page .full-width, .drips_edit_auto_responder_page .full-width {
  padding: 20px;
}

.drips_auto_responder_page .custom-select, .drips_edit_auto_responder_page .custom-select {
  padding: 5px 10px;
}

.drips_auto_responder_page .custom-select::after, .drips_edit_auto_responder_page .custom-select::after {
  padding: 5px 10px;
}

.drips_auto_responder_page hr, .drips_edit_auto_responder_page hr {
  width: 100%;
  height: 1px;
  margin: 35px auto 25px;
  background: #e0e0e0;
}

.drips_auto_responder_page .hdr.stepTwo, .drips_edit_auto_responder_page .hdr.stepTwo {
  margin-top: 50px;
}

.drips_auto_responder_page #bottomButtons, .drips_edit_auto_responder_page #bottomButtons {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e0e0e0;
}

.drips_auto_responder_page .overlay-content, .drips_edit_auto_responder_page .overlay-content {
  width: 95%;
  max-width: 800px;
  height: 69%;
  max-height: 725px;
}

.drips_auto_responder_page .overlay-content .modal-header, .drips_edit_auto_responder_page .overlay-content .modal-header {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.drips_auto_responder_page .overlay-content h3, .drips_edit_auto_responder_page .overlay-content h3 {
  color: #3990bb;
}

.drips_auto_responder_page .overlay-content .btn, .drips_edit_auto_responder_page .overlay-content .btn {
  font-size: 13px;
  cursor: pointer;
}

.drips_auto_responder_page .overlay-content .btn, .drips_edit_auto_responder_page .overlay-content .btn.addRecipient {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.drips_auto_responder_page .overlay-content .btn.redBtn, .drips_edit_auto_responder_page .overlay-content .btn.redBtn {
  background-color: #E5122E;
}

.drips_auto_responder_page .overlay-content .btn.grey-btn, .drips_edit_auto_responder_page .overlay-content .btn.grey-btn {
  background-color: #aaa;
}

.drips_auto_responder_page .overlay-content .hideBtn, .drips_edit_auto_responder_page .overlay-content .hideBtn {
  display: none !important;
}

.drips_auto_responder_page .overlay-content .title-btns, .drips_edit_auto_responder_page .overlay-content .title-btns {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.drips_auto_responder_page .overlay-content .title-btns .btn.fl-right, .drips_edit_auto_responder_page .overlay-content .title-btns .btn.fl-right {
  margin: 0 0 0 5px;
}

.drips_auto_responder_page .overlay-content h1, .drips_edit_auto_responder_page .overlay-content h1 {
  margin: 5px 0;
}

.drips_auto_responder_page .overlay-content .redBtn, .drips_edit_auto_responder_page .overlay-content .redBtn {
  display: block;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
}

.drips_auto_responder_page .overlay-content hr, .drips_edit_auto_responder_page .overlay-content hr {
  width: 100%;
  height: 1px;
  margin: 0 auto;
  background: #e0e0e0;
}

.drips_auto_responder_page .overlay-content hr.cke-divider, .drips_edit_auto_responder_page .overlay-content hr.cke-divider {
  margin: 25px auto;
}

.drips_auto_responder_page .overlay-content form#form1, .drips_edit_auto_responder_page .overlay-content form#form1 {
  width: 100%;
  max-width: 385px;
  margin: 0 auto;
}

.drips_auto_responder_page .overlay-content .modal-asset-container, .drips_edit_auto_responder_page .overlay-content .modal-asset-container {
  width: 375px;
  height: 485px;
  margin: 50px auto 25px;
  background: #fafafa;
  border: 1px solid #929292;
}

.drips_auto_responder_page .overlay-content .modal-asset-container .asset-image, .drips_edit_auto_responder_page .overlay-content .modal-asset-container .asset-image {
  pointer-events: none;
}

.drips_auto_responder_page .overlay-content .asset-image, .drips_edit_auto_responder_page .overlay-content .asset-image {
  width: 100%;
  height: 100%;
}

.drips_auto_responder_page .overlay-content .btn.replace-file, .drips_edit_auto_responder_page .overlay-content .btn.replace-file {
  display: block;
  max-width: 90px;
  margin-left: auto;
}

.drips_auto_responder_page .overlay-content .add-recipient .lower-box, .drips_edit_auto_responder_page .overlay-content .add-recipient .lower-box {
  border: none;
}

.drips_auto_responder_page .overlay-content .add-recipient .step2options, .drips_edit_auto_responder_page .overlay-content .add-recipient .step2options {
  width: 100%;
  max-width: 100%;
}

.drips_auto_responder_page .overlay-content .add-recipient .input.text, .drips_edit_auto_responder_page .overlay-content .add-recipient .input.text {
  width: 100%;
  max-width: 500px;
}

.drips_auto_responder_page .overlay-content .add-recipient .input.text .custom-txt, .drips_edit_auto_responder_page .overlay-content .add-recipient .input.text .custom-txt {
  width: 100%;
  max-width: 100%;
}

.drips_auto_responder_page .overlay-content .add-recipient .input.text .custom-txt input, .drips_edit_auto_responder_page .overlay-content .add-recipient .input.text .custom-txt input {
  text-indent: 10px;
}

.drips_auto_responder_page .overlay-content .add-recipient .input.select, .drips_edit_auto_responder_page .overlay-content .add-recipient .input.select {
  width: 100%;
  max-width: 100px;
}

.drips_auto_responder_page .overlay-content .add-recipient label, .drips_edit_auto_responder_page .overlay-content .add-recipient label {
  margin: 0 0 5px;
  font-weight: 700;
}

.drips_auto_responder_page .overlay-content .add-recipient .drip-day-desc, .drips_edit_auto_responder_page .overlay-content .add-recipient .drip-day-desc {
  width: 100vw;
  max-width: 600px;
  margin: 5px 0 10px;
}

.drips_auto_responder_page .overlay-content .add-recipient .email-add-options, .drips_edit_auto_responder_page .overlay-content .add-recipient .email-add-options {
  margin-bottom: -60px;
}

.drips_auto_responder_page .overlay-content .add-recipient #email-add-media, .drips_edit_auto_responder_page .overlay-content .add-recipient #email-add-media {
  padding: 0;
  background: #fff;
}

.drips_auto_responder_page .overlay-content .add-recipient #email-add-media a, .drips_edit_auto_responder_page .overlay-content .add-recipient #email-add-media a {
  margin: 25px 0 0 5px;
}

.drips_auto_responder_page .overlay-content .add-recipient td, .drips_edit_auto_responder_page .overlay-content .add-recipient td {
  width: 100%;
}

.drips_auto_responder_page .overlay-content .add-recipient td#cke_bottom_wysiwygPLAIN, .drips_edit_auto_responder_page .overlay-content .add-recipient td#cke_bottom_wysiwygPLAIN {
  display: none;
}

.drips_auto_responder_page .overlay-content .add-recipient td#cke_bottom_wysiwygHTML, .drips_edit_auto_responder_page .overlay-content .add-recipient td#cke_bottom_wysiwygHTML {
  display: none;
}

.drips_auto_responder_page .overlay-content .add-recipient td#cke_contents_wysiwygPLAIN, .drips_edit_auto_responder_page .overlay-content .add-recipient td#cke_contents_wysiwygPLAIN {
  height: 285px !important;
  background-color: #fff;
}

.drips_auto_responder_page .overlay-content .add-recipient td#cke_contents_wysiwygHTML, .drips_edit_auto_responder_page .overlay-content .add-recipient td#cke_contents_wysiwygHTML {
  height: 285px !important;
  background-color: #fff;
}

.drips_auto_responder_page .overlay-content .add-recipient td#cke_contents_wysiwygHTML textarea, .drips_edit_auto_responder_page .overlay-content .add-recipient td#cke_contents_wysiwygHTML textarea {
  background: #fff !important;
}

.drips_auto_responder_page .overlay-content .add-recipient #previewmessageDripItemMessage_tbl *, .drips_edit_auto_responder_page .overlay-content .add-recipient #previewmessageDripItemMessage_tbl * {
  height: unset;
  background: #fff !important;
}

.drips_auto_responder_page .overlay-content .add-recipient #previewmessageDripItemMessage_tbl * a, .drips_auto_responder_page .overlay-content .add-recipient #previewmessageDripItemMessage_tbl * img, .drips_edit_auto_responder_page .overlay-content .add-recipient #previewmessageDripItemMessage_tbl * a, .drips_edit_auto_responder_page .overlay-content .add-recipient #previewmessageDripItemMessage_tbl * img {
  display: block;
  height: auto !important;
  margin: 5px auto;
}

.drips_auto_responder_page .overlay-content .add-recipient tr.contactBox, .drips_edit_auto_responder_page .overlay-content .add-recipient tr.contactBox {
  display: flex;
  flex-flow: column;
}

.drips_auto_responder_page .overlay-content .add-recipient tr.contactBox td, .drips_edit_auto_responder_page .overlay-content .add-recipient tr.contactBox td {
  width: 100% !important;
  max-width: 100% !important;
  padding: 10px 0 !important;
  text-align: center !important;
}

.drips_auto_responder_page .overlay-content .add-recipient tr.contactBox td table, .drips_edit_auto_responder_page .overlay-content .add-recipient tr.contactBox td table {
  width: 100%;
}

.drips_auto_responder_page .overlay-content .add-recipient tr.footerBox, .drips_edit_auto_responder_page .overlay-content .add-recipient tr.footerBox {
  display: initial;
}

.drips_auto_responder_page .overlay-content .add-recipient tr.footerBox td, .drips_edit_auto_responder_page .overlay-content .add-recipient tr.footerBox td {
  width: 100% !important;
  max-width: 100% !important;
}

.drips_auto_responder_page .overlay-content .btn.fl-right, .drips_edit_auto_responder_page .overlay-content .btn.fl-right {
  margin-top: -5px;
}

.drips_auto_responder_page #drip_edit_step_one .asset-image-container, .drips_edit_auto_responder_page #drip_edit_step_one .asset-image-container {
  width: 105px;
  height: 136px;
  background: #fafafa;
  cursor: pointer;
  transition: all .1s ease-in-out;
}

.drips_auto_responder_page #drip_edit_step_one .asset-image-container .stacket, .drips_edit_auto_responder_page #drip_edit_step_one .asset-image-container .stacket {
  margin: 0 auto -130px;
  border-radius: 5px 5px 0 0;
  height: 136px;
  width: 97px;
  background-color: #D9E0EE;
}

.drips_auto_responder_page #drip_edit_step_one .asset-image-container .stacket-1, .drips_edit_auto_responder_page #drip_edit_step_one .asset-image-container .stacket-1 {
  width: 89px;
  height: 136px;
  margin-bottom: -130px;
  background-color: #D9E0EE66;
}

.drips_auto_responder_page #drip_edit_step_one .asset-image-container:hover, .drips_edit_auto_responder_page #drip_edit_step_one .asset-image-container:hover {
  -webkit-transform: scale(1.0762);
          transform: scale(1.0762);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.drips_auto_responder_page #drip_edit_step_one .asset-image-container .crud-asset-thumbnail, .drips_edit_auto_responder_page #drip_edit_step_one .asset-image-container .crud-asset-thumbnail {
  top: 10px;
}

.drips_auto_responder_page #drip_edit_step_one .asset-image-container .crud-asset-thumbnail i, .drips_edit_auto_responder_page #drip_edit_step_one .asset-image-container .crud-asset-thumbnail i {
  width: 18px;
  position: absolute;
  top: 0;
  right: 10px;
  color: #D8E0E9;
}

.drips_auto_responder_page #drip_edit_step_one .asset-image-container--add .crud-asset-thumbnai, .drips_edit_auto_responder_page #drip_edit_step_one .asset-image-container--add .crud-asset-thumbnai {
  top: 50%;
}

.drips_auto_responder_page #drip_edit_step_one .asset-image, .drips_edit_auto_responder_page #drip_edit_step_one .asset-image {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  overflow: hidden;
  background: #8c9ba2;
}

.drips_auto_responder_page #drip_edit_step_one .asset-image:hover .crud-asset-thumbnail, .drips_edit_auto_responder_page #drip_edit_step_one .asset-image:hover .crud-asset-thumbnail {
  opacity: 1 !important;
}

.drips_auto_responder_page .asset-img-border, .drips_edit_auto_responder_page .asset-img-border {
  display: block;
  margin: 0 auto -1px;
}

.drips_auto_responder_page .changeImage, .drips_edit_auto_responder_page .changeImage {
  display: grid;
  align-items: center;
  background-color: #fafafa;
}

.drips_auto_responder_page .asset-thumbnail-container, .drips_edit_auto_responder_page .asset-thumbnail-container {
  width: 100%;
  height: 100%;
  position: relative;
  align-items: center;
}

.drips_auto_responder_page .crud-asset-thumbnail, .drips_edit_auto_responder_page .crud-asset-thumbnail {
  width: 100%;
  margin: 0 auto;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.drips_auto_responder_page .crud-asset-thumbnail img, .drips_edit_auto_responder_page .crud-asset-thumbnail img {
  display: block;
  margin: 5px auto;
}

.drips_auto_responder_page .crud-asset-thumbnail p, .drips_edit_auto_responder_page .crud-asset-thumbnail p {
  font-size: 14px;
  font-weight: 700;
  color: #2e2d2d;
  text-align: center;
}

.drips_auto_responder_page .drip-info-container, .drips_edit_auto_responder_page .drip-info-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.drips_auto_responder_page .drip-desc-container, .drips_edit_auto_responder_page .drip-desc-container {
  width: 100%;
  max-width: 1009px;
}

.drips_auto_responder_page .input.text, .drips_auto_responder_page .input.textarea, .drips_edit_auto_responder_page .input.text, .drips_edit_auto_responder_page .input.textarea {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  flex-flow: column;
}

.drips_auto_responder_page .input.text label, .drips_auto_responder_page .input.textarea label, .drips_edit_auto_responder_page .input.text label, .drips_edit_auto_responder_page .input.textarea label {
  margin: 0 0 10px;
}

.drips_auto_responder_page .input.text .custom-txt, .drips_auto_responder_page .input.textarea .custom-txt, .drips_edit_auto_responder_page .input.text .custom-txt, .drips_edit_auto_responder_page .input.textarea .custom-txt {
  max-width: 385px;
}

.drips_auto_responder_page .input.text .custom-txt input, .drips_auto_responder_page .input.textarea .custom-txt input, .drips_edit_auto_responder_page .input.text .custom-txt input, .drips_edit_auto_responder_page .input.textarea .custom-txt input {
  text-indent: 0;
}

.drips_auto_responder_page .input.text textarea, .drips_auto_responder_page .input.textarea textarea, .drips_edit_auto_responder_page .input.text textarea, .drips_edit_auto_responder_page .input.textarea textarea {
  width: 100%;
  height: 137px;
  resize: none;
}

.drips_auto_responder_page .input.text textarea::-webkit-input-placeholder, .drips_auto_responder_page .input.textarea textarea::-webkit-input-placeholder, .drips_edit_auto_responder_page .input.text textarea::-webkit-input-placeholder, .drips_edit_auto_responder_page .input.textarea textarea::-webkit-input-placeholder {
  color: #929292;
}

.drips_auto_responder_page .input.text textarea::-moz-placeholder, .drips_auto_responder_page .input.textarea textarea::-moz-placeholder, .drips_edit_auto_responder_page .input.text textarea::-moz-placeholder, .drips_edit_auto_responder_page .input.textarea textarea::-moz-placeholder {
  color: #929292;
}

.drips_auto_responder_page .input.text textarea::-ms-input-placeholder, .drips_auto_responder_page .input.textarea textarea::-ms-input-placeholder, .drips_edit_auto_responder_page .input.text textarea::-ms-input-placeholder, .drips_edit_auto_responder_page .input.textarea textarea::-ms-input-placeholder {
  color: #929292;
}

.drips_auto_responder_page .input.text textarea::placeholder, .drips_auto_responder_page .input.textarea textarea::placeholder, .drips_edit_auto_responder_page .input.text textarea::placeholder, .drips_edit_auto_responder_page .input.textarea textarea::placeholder {
  color: #929292;
}

.drips_auto_responder_page #drip_edit_step_one div.input.select, .drips_edit_auto_responder_page #drip_edit_step_one div.input.select {
  width: 100%;
  max-width: 385px;
  margin: 5px 0;
}

.drips_auto_responder_page #drip_edit_step_one div.input.select label, .drips_edit_auto_responder_page #drip_edit_step_one div.input.select label {
  margin-bottom: 10px;
}

.drips_auto_responder_page #drip_edit_step_one div.input.select.second_in_row, .drips_edit_auto_responder_page #drip_edit_step_one div.input.select.second_in_row {
  width: 100%;
  max-width: 100%;
}

.drips_auto_responder_page ul.as-selections input.as-input, .drips_edit_auto_responder_page ul.as-selections input.as-input {
  padding: 5px 0;
  color: #929292;
}

.drips_auto_responder_page ul.as-selections li.as-selection-item, .drips_edit_auto_responder_page ul.as-selections li.as-selection-item {
  color: #929292;
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 5px 25px 25px 5px;
}

.drips_auto_responder_page ul.as-selections li.as-selection-item a, .drips_edit_auto_responder_page ul.as-selections li.as-selection-item a {
  color: #929292;
}

.drips_auto_responder_page ul.as-selections li.as-selection-item:hover, .drips_edit_auto_responder_page ul.as-selections li.as-selection-item:hover {
  color: #929292;
}

.drips_auto_responder_page ul.as-selections li.as-selection-item:hover a, .drips_edit_auto_responder_page ul.as-selections li.as-selection-item:hover a {
  color: #929292;
}

.drips_auto_responder_page .drip-type-selector, .drips_edit_auto_responder_page .drip-type-selector {
  max-width: 385px;
  margin: 15px 0;
}

.drips_auto_responder_page select#smsBox, .drips_edit_auto_responder_page select#smsBox {
  width: 100%;
  color: #929292;
  background: #fafafa;
  border: none;
}

.drips_auto_responder_page th, .drips_edit_auto_responder_page th {
  height: 20px;
  padding: 0;
  font-size: 12.8px;
  font-weight: 700;
  color: #000000;
  background: #fff;
  opacity: 0;
}

.drips_auto_responder_page th.drip-day, .drips_edit_auto_responder_page th.drip-day {
  width: 150px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.drips_auto_responder_page th.drip-day span, .drips_edit_auto_responder_page th.drip-day span {
  width: 75px;
  text-align: center;
}

.drips_auto_responder_page .drip-section-title, .drips_edit_auto_responder_page .drip-section-title {
  font-weight: 700;
  color: #000000;
}

.drips_auto_responder_page .drip-items-container, .drips_edit_auto_responder_page .drip-items-container {
  margin-top: 20px;
}

.drips_auto_responder_page tr:first-of-type, .drips_edit_auto_responder_page tr:first-of-type {
  margin-bottom: 0;
}

.drips_auto_responder_page tr, .drips_edit_auto_responder_page tr {
  width: 100%;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
}

.drips_auto_responder_page td.dotted-border, .drips_auto_responder_page td.day-border, .drips_edit_auto_responder_page td.dotted-border, .drips_edit_auto_responder_page td.day-border {
  height: 32px;
  padding: 5px 10px;
  box-sizing: border-box;
  overflow: hidden;
}

.drips_auto_responder_page td.dotted-border a, .drips_auto_responder_page td.day-border a, .drips_edit_auto_responder_page td.dotted-border a, .drips_edit_auto_responder_page td.day-border a {
  display: flex;
  flex-flow: row;
  color: #929292;
}

.drips_auto_responder_page td.dotted-border a *, .drips_auto_responder_page td.day-border a *, .drips_edit_auto_responder_page td.dotted-border a *, .drips_edit_auto_responder_page td.day-border a * {
  display: none !important;
}

.drips_auto_responder_page td.dotted-border div:first-of-type, .drips_auto_responder_page td.day-border div:first-of-type, .drips_edit_auto_responder_page td.dotted-border div:first-of-type, .drips_edit_auto_responder_page td.day-border div:first-of-type {
  display: block !important;
  white-space: nowrap;
}

.drips_auto_responder_page td.dotted-border p:first-of-type, .drips_auto_responder_page td.day-border p:first-of-type, .drips_edit_auto_responder_page td.dotted-border p:first-of-type, .drips_edit_auto_responder_page td.day-border p:first-of-type {
  display: block !important;
  width: 95%;
  margin-left: 3px !important;
  overflow: hidden;
  color: #929292 !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.drips_auto_responder_page tbody.selected_videos tr:nth-child(2), .drips_edit_auto_responder_page tbody.selected_videos tr:nth-child(2) {
  border-top: 1px solid #ccc;
}

.drips_auto_responder_page tr:hover .email.dotted-border, .drips_edit_auto_responder_page tr:hover .email.dotted-border {
  background: #fafafa;
  border-top: 1px solid #fafafa;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.drips_auto_responder_page tr:hover .sms.dotted-border, .drips_edit_auto_responder_page tr:hover .sms.dotted-border {
  background: #fafafa;
  border-top: 1px solid #fafafa;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
}

.drips_auto_responder_page tr:hover .day.day-border, .drips_edit_auto_responder_page tr:hover .day.day-border {
  background: #fafafa;
  border-top: 1px solid #fafafa;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
  cursor: pointer;
}

.drips_auto_responder_page tr:hover .overall.day-border, .drips_edit_auto_responder_page tr:hover .overall.day-border {
  background: #fafafa;
  border-top: 1px solid #fafafa;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
  cursor: pointer;
}

.drips_auto_responder_page .email.dotted-border, .drips_edit_auto_responder_page .email.dotted-border {
  width: 100%;
  border-top: 1px solid #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  cursor: pointer;
}

.drips_auto_responder_page .email.dotted-border a p, .drips_auto_responder_page .email.dotted-border a h2, .drips_edit_auto_responder_page .email.dotted-border a p, .drips_edit_auto_responder_page .email.dotted-border a h2 {
  display: inline-block;
  margin: 0;
}

.drips_auto_responder_page .sms.dotted-border, .drips_edit_auto_responder_page .sms.dotted-border {
  width: 100%;
  border-top: 1px solid #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
  cursor: pointer;
}

.drips_auto_responder_page .sms.dotted-border p, .drips_edit_auto_responder_page .sms.dotted-border p {
  margin: 0;
}

.drips_auto_responder_page .day.day-border, .drips_edit_auto_responder_page .day.day-border {
  width: 100%;
  max-width: 75px;
  padding: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
  color: #000;
  text-align: center;
}

.drips_auto_responder_page .overall.day-border, .drips_edit_auto_responder_page .overall.day-border {
  width: 100%;
  max-width: 75px;
  padding: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
  color: #000;
  text-align: center;
}

@media screen and (min-width: 992px) {
  ul.service-picker li div.service-image {
    width: 60px;
    float: left;
    margin: 20px;
  }
}

@media screen and (max-width: 420px) {
  .email-picker button.insert-contact {
    font-size: 1.3em;
  }
  .email-picker .tab-contacts h2, .email-picker .tab-recipients h2 {
    font-size: 1.4em;
  }
  table.analytics-table td img {
    vertical-align: middle;
    width: 50px;
  }
}

.service-picker .service-share {
  width: 100%;
}

ul.service-picker li div {
  margin: 30px 0px;
}

.service-picker {
  content: "";
  display: table;
  clear: both;
}

.service-picker .service-download_image .service-controls {
  position: relative;
  height: 40px;
}

.service-picker .service-download_image .service-controls a {
  position: absolute;
  left: 0;
  text-align: center;
  text-decoration: none;
  padding: 0px;
  height: 40px;
  line-height: 40px;
}

.service-picker .service-download_image .service-image {
  margin: 15px;
}

ul.service-picker li {
  padding: 0px;
  margin-left: 30px;
  float: left;
  display: inline;
  width: 44%;
  min-height: 149px;
}

@media (max-width: 575px) {
  ul.service-picker li {
    margin-left: 0px;
    width: 100%;
  }
}

.emeaTerms {
  padding: 5px;
}

.emeaTerms p, .emeaTerms div {
  font-size: 14px;
  font-family: Verdana, Helvetica, sans-serif;
  word-wrap: break-word;
}

.emeaTerms h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #000;
}

.emeaTerms h4 {
  font-size: 16px;
  font-weight: bold;
}

.emeaTerms h5 {
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
}

.emeaTerms .contact-info p {
  margin: 0;
}

.asset_list .btn .fa {
  color: #fff;
}

ul.asset-picker {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}

ul.asset-picker:after {
  content: '';
  width: 225px;
  margin: 10px 5px;
}

ul.asset-picker li {
  padding: 0px;
  width: 145px;
  margin: 10px 5px;
  padding-bottom: 44px;
}

ul.asset-picker li div.asset-image {
  width: 100%;
  padding: 0px;
  float: none;
  overflow: hidden;
  margin: 0px;
  position: relative;
  padding-bottom: 100%;
}

ul.asset-picker li div.asset-image img {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

ul.asset-picker li .singleCheck.cbAction {
  float: right;
  margin: 7px 10px;
}

ul.asset-picker li a.toggle_favorite.pull-right {
  float: left;
  padding: 0 10px;
}

ul.asset-picker li div.asset-title {
  font-size: 16px;
  text-align: center;
}

ul.asset-picker li div.asset-description {
  display: none;
  height: 115px;
  width: 98%;
  margin: 0 auto;
}

ul.asset-picker li div.asset-controls {
  position: absolute;
  bottom: 0;
  left: 0;
}

ul.asset-picker li div.asset-controls button {
  width: 50%;
  margin: 0px;
  border: none;
  padding: 8px 0;
  display: inline-block;
  margin: auto;
}

@media (max-width: 950px) {
  ul.asset-picker {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  ul.asset-picker {
    justify-content: space-around;
  }
}

ul.asset-picker-video li div.asset-image, ul.asset-picker-presentation li div.asset-image, ul.asset-picker-category li div.asset-image {
  padding-bottom: 56.25%;
}

ul.asset-picker-category li {
  width: 462px;
  padding: 0;
  background: #000;
}

ul.asset-picker-category div.asset-controls {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

ul.asset-picker-category div.asset-controls div.asset-title, ul.asset-picker-category div.asset-controls button {
  color: #fff;
  font-size: 20px;
}

ul.asset-picker-category div.asset-controls button {
  display: block !important;
}

ul.asset-picker-category div.asset-image img {
  opacity: .5;
}

.users_prospecting_page .asset_list .btn .fa {
  display: inline;
}

.users_prospecting_page .cake-error {
  display: none;
}

.users_stats_page .full-width:after {
  width: 60px;
}

.users_stats_page .full-width.user_stats {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.users_stats_page .scrollable {
  width: 100%;
}

.users_stats_page .scrollable .viewport {
  width: 97%;
}

.users_stats_page .scrollable .overview {
  width: 100%;
}

.users_setupwizard_page .setup-wizard p {
  clear: both;
}

.qr_code_labels_index_page .ui-widget input, .qr_code_labels_index_page .ui-widget select, .qr_code_labels_index_page .ui-widget textarea {
  display: block;
}

.sms_send_page .phoneBG {
  width: 100%;
}

.sms_send_page .fanClubBG > div.content {
  width: 97%;
}

.sms_send_page .phoneChatBubble {
  width: 100%;
}

.sms_send_page ul.chat_bubble li {
  width: 415px;
}

.sms_send_page #sendSmsPage .filter-option label {
  padding-right: 5px;
}

.sms_send_page #sentPage th:nth-child(1), .sms_send_page #sentPage th:nth-child(4), .sms_send_page #sentPage th:nth-child(5), .sms_send_page #sentPage td:nth-child(1), .sms_send_page #sentPage td:nth-child(4), .sms_send_page #sentPage td:nth-child(5) {
  text-align: center;
}

.sms_send_page #sentPage th:nth-child(1), .sms_send_page #sentPage td:nth-child(1) {
  width: 46px;
}

.sms_send_page #inboxPage th:first-child, .sms_send_page #inboxPage td:first-child {
  text-align: center;
  width: 40px !important;
  min-width: 40px;
}

.sms_send_page #inboxPage th:nth-child(6), .sms_send_page #inboxPage td:nth-child(6) {
  text-align: center;
}

.myship_orders_send_page .mainCol {
  float: right;
}

.myship_orders_send_page .mainCol div.input.checkbox {
  position: relative;
  display: flex;
  flex-flow: row-reverse wrap;
  justify-content: flex-end;
}

.myship_orders_send_page .mainCol div.input.checkbox input {
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.myship_orders_send_page .mainCol div.input.checkbox label {
  max-width: 85%;
}

.users_home_page #widget-dashboard .row {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.users_home_page #widget-dashboard .row:after {
  display: none;
}

@media (min-width: 1280px) {
  .users_home_page #widget-dashboard .row .setupLinks li {
    margin: 0 17px 5px;
  }
}

.users_home_page #dailyActions {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.users_home_page #da_stars {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 64%;
}

.lang_it .profile_setup_incomplete span.img-caption {
  margin: 50px 0 0 11px;
}

.drips_edit_auto_responder_page .input.select .input label {
  vertical-align: top;
}

.users_setupwizard_page .template_list.website-preview-list {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.users_setupwizard_page .template_list.website-preview-list li {
  margin: 15px auto;
}

.users_setupwizard_page .styledCheck {
  margin: 0 auto;
}

.users_setupwizard_page .fancy {
  width: 100%;
}

.users_setupwizard_page #main label {
  text-align: left;
  width: 100px;
}

.users_setupwizard_page #main .notification-table {
  margin: 15px 0 0 0;
}

.users_setupwizard_page .progress-bar li {
  padding-right: 10px;
}

.users_conferencing_page #mainContent {
  border: 1px solid #ccc;
  background: #fff;
}

.training_videos_index_page .sorting {
  text-align: center;
}

.training_videos_index_page td:nth-child(n+2):nth-child(-n+3) {
  text-align: center;
  width: 90px;
}

.training_videos_index_page .overlay-content {
  overflow-y: hidden;
}

.training_videos_index_page .overlay-content iframe {
  height: 100%;
}

#videoplayer.tutorial_video,
#videoplayer.training_video {
  width: 100%;
  max-width: 1080px;
  height: 0;
  margin: 0 auto;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}

#videoplayer.tutorial_video iframe,
#videoplayer.training_video iframe,
#videoplayer.tutorial_video object,
#videoplayer.training_video object,
#videoplayer.tutorial_video embed,
#videoplayer.training_video embed {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 1440px) {
  #videoplayer.tutorial_video iframe,
#videoplayer.training_video iframe,
#videoplayer.tutorial_video object,
#videoplayer.training_video object,
#videoplayer.tutorial_video embed,
#videoplayer.training_video embed {
    height: 100%;
  }
}

#business-card-form img {
  max-width: 500px;
}

.contacts_index_page #contact_index td:first-child, .contacts_index_page #contact_index th:first-child {
  width: 50px !important;
  text-align: center;
}

.contacts_index_page #contact_index td:first-child a, .contacts_index_page #contact_index th:first-child a {
  float: none;
}

.contacts_index_page #contact_index td:nth-child(5), .contacts_index_page #contact_index th:nth-child(5) {
  width: 100px !important;
  text-align: center;
}

.contacts_index_page #contact_index td:nth-child(5) a, .contacts_index_page #contact_index th:nth-child(5) a {
  float: none;
}

.contacts_index_page #contact_index td:nth-child(6), .contacts_index_page #contact_index th:nth-child(6) {
  width: 75px !important;
  text-align: center;
}

.contacts_index_page #contact_index td:nth-child(6) a, .contacts_index_page #contact_index th:nth-child(6) a {
  float: none;
}

.users_send_page th:nth-child(2), .users_send_page td:nth-child(2) {
  width: 125px;
  text-align: center;
}

.users_send_page .input.file .custom-field {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.users_send_page .input.file .custom-field #clearFile {
  margin: 3px;
  float: right;
  height: 23px;
  line-height: 1;
}

.presentations_presentation_builder_page .sidebar .scrollable, .presentations_presentation_builder_page .sidebar .viewport, .presentations_presentation_builder_page .sidebar .overview {
  width: 100%;
}

.presentations_presentation_builder_page .checkbox {
  text-align: center;
}

.presentations_presentation_builder_page #main .checkbox.filter-option {
  width: 75%;
}

.presentations_presentation_builder_page th:first-child, .presentations_presentation_builder_page td:first-child {
  width: 40px;
}

.presentations_presentation_builder_page th:nth-child(3) {
  text-align: center;
}

.drips_index_page .asset_list th:nth-child(1), .drips_index_page .asset_list th:nth-child(2), .drips_index_page .asset_list th:nth-child(4), .drips_index_page .asset_list td:nth-child(1), .drips_index_page .asset_list td:nth-child(2), .drips_index_page .asset_list td:nth-child(4) {
  text-align: center;
}

.drips_index_page .asset_list th:nth-child(1), .drips_index_page .asset_list td:nth-child(1) {
  width: 18px;
  min-width: 18px;
}

.drips_index_page .asset_list th:nth-child(4), .drips_index_page .asset_list td:nth-child(4) {
  width: 75px;
  min-width: 75px;
}

.drips_index_page .asset_list th:nth-child(4) i, .drips_index_page .asset_list td:nth-child(4) i {
  margin: 5px auto;
}

.user_email_scripts_index_page .asset_list th:nth-child(1), .user_email_scripts_index_page .asset_list th:nth-child(2), .user_email_scripts_index_page .asset_list th:nth-child(5), .user_email_scripts_index_page .asset_list td:nth-child(1), .user_email_scripts_index_page .asset_list td:nth-child(2), .user_email_scripts_index_page .asset_list td:nth-child(5) {
  text-align: center;
}

.users_profile_page .sidebar {
  overflow: hidden;
}

.users_profile_page #profile_tabs #notifications .input {
  max-width: 450px;
}

.users_profile_page #profile_tabs #notifications .styledCheck {
  margin: 0 auto;
}

.users_profile_page #profile_tabs #notifications .fancy {
  width: 100%;
}

.users_profile_page #profile_tabs #notifications label {
  max-width: 145px;
}

.users_profile_page #profile_tabs #notifications table {
  margin: 25px 0;
}

.users_profile_page #profile_tabs #notifications td {
  padding: 8px 15px;
}

.users_profile_page #my-information .input {
  max-width: 465px;
}

.users_profile_page #my-information label {
  max-width: 145px;
}

.users_profile_page #my-information .settings-container div {
  margin-left: 0 !important;
}

.users_profile_page #my-information img {
  width: 165px;
}

.templates_wizard_page #vidAddChoices th:first-child, .templates_wizard_page #vidAddChoices td:first-child {
  width: 50px;
  text-align: center;
}

.templates_wizard_page #vidAddChoices th:first-child a, .templates_wizard_page #vidAddChoices td:first-child a {
  float: none;
}

.templates_wizard_page #vidAddChoices th:first-child a img, .templates_wizard_page #vidAddChoices td:first-child a img {
  margin-bottom: 14px;
}

.templates_wizard_page #vidAddChoices th:nth-child(3), .templates_wizard_page #vidAddChoices td:nth-child(3) {
  width: 85px;
  text-align: center;
}

.upstream_tabs .input.text, .upstream_tabs .submit {
  display: inline-block;
}

.contacts_view_page .overlay-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.contacts_view_page .dblWidth .scrollable {
  width: 100%;
}

.contacts_view_page .dblWidth .scrollable .viewport {
  width: calc(100 - 16px);
}

.contacts_view_page .dblWidth .scrollable .overview {
  width: 100%;
}

@media (min-width: 1280px) {
  .contacts_view_page #statsPane {
    width: 75%;
  }
}

.share_service_page .asset-preview {
  display: block;
  margin: 10px auto;
  width: 80%;
}

.share_service_page .asset-preview img {
  width: 100%;
  max-width: 200px;
  float: left;
  margin: 0 20px;
}

#share-type-selector > .btn > .btn-content {
  line-height: 38px;
}

#share-type-selector > .btn > .btn-content > p {
  display: inline;
  text-transform: none;
}

#share-type-selector > .btn > .btn-content > svg {
  width: 17px !important;
  height: 17px !important;
  vertical-align: middle;
  color: white;
  stroke: white;
  float: none;
  margin: 0;
}

#share-type-selector > .btn > .btn-content > svg * {
  stroke: white;
}

#share-type-selector > .btn.btn-outline-secondary {
  background-color: white;
}

#share-type-selector > .btn.btn-outline-secondary:hover {
  color: white;
}

#share-type-selector > .btn.btn-outline-secondary:hover > .btn-content svg * {
  stroke: white;
}

.service-picker .service-picker-list > p {
  font-size: 17px;
  font-weight: bold;
}

@media (max-width: 1109px) {
  .service-picker .service-picker-list > p {
    padding: 0px 90px;
    text-align: justify;
  }
}

@media (max-width: 992px) {
  .service-picker .service-picker-list > p {
    padding: 0px 80px;
  }
}

@media (min-width: 960px) {
  .service-picker .service-picker-list > p {
    padding: 0px 30px 0 50px;
    text-align: justify;
  }
}

@media (max-width: 768px) {
  .service-picker .service-picker-list > p {
    padding: 0px 20px 0 40px;
  }
}

@media (max-width: 558px) {
  .service-picker .service-picker-list > p {
    padding: 0px 0px;
    text-align: justify;
  }
}

.live_description_attendee {
  display: none;
}

.live_description_presenter {
  display: none;
}

.drips_auto_responder_page .email-add-options {
  clear: none;
}

@media (max-width: 1109px) {
  #drip-triggers div.delay_days {
    width: 100%;
    float: none;
    margin-top: 10px;
  }
  #drip-triggers div.delay_days select {
    margin-right: 20px;
  }
}

@media (max-width: 992px) {
  .tabs-container .mainCol {
    width: auto;
  }
  .users_stats_page .full-width.user_stats {
    display: block;
  }
  #createNewFolder {
    width: 99.7%;
  }
  .users_home_page .setupLinks li {
    width: 96%;
  }
  .users_home_page .singleWidth, .users_home_page .dblWidth {
    min-width: 0;
  }
}

@media (min-width: 960px) {
  .share_service_page ul.service-picker li {
    margin-left: 48px;
  }
}

@media (max-width: 768px) {
  #editcontactpage {
    padding: 0 15px;
  }
  #editcontactpage div[flex]:nth-child(2) {
    box-sizing: border-box;
    padding: 0;
  }
  #editcontactpage .input:not(.checkbox) {
    margin-bottom: 30px;
  }
  #editcontactpage div[layout-tab="column"] {
    margin-bottom: 30px;
  }
  #editcontactpage .sms_note {
    margin: -25px 0 30px 5px;
  }
  .contacts_view_page .dblWidth {
    min-width: 250px;
  }
  .contacts_view_page .dblWidth .leftCol {
    width: 100%;
  }
  .contacts_view_page .singleWidth {
    min-width: 250px;
  }
  .contacts_view_page .reportingLinks {
    max-width: 106%;
  }
  .contacts_view_page #ContactEditForm {
    width: 100%;
  }
  .contacts_view_page .contact-paging {
    top: auto;
    right: 26px;
    margin-top: 5px;
  }
  #UserEmailScriptAddForm div.input.select {
    float: none;
  }
}

@media (max-width: 670px) {
  .users_prospecting_page .tabs-wrapper .tabs li {
    width: 17% !important;
  }
  .users_prospecting_page .tabs-wrapper .tabs li:first-child {
    width: 26% !important;
  }
  .users_prospecting_page .tabs-wrapper .tabs li a {
    font-size: 12px;
  }
  .share_service_page .asset-preview {
    text-align: center;
  }
  .share_service_page .asset-preview img {
    margin: 10px auto;
    float: none;
  }
  .share_service_page .asset-preview p {
    display: none;
  }
}

@media (max-width: 558px) {
  .contacts_view_page .contact-paging {
    left: 34px;
    right: inherit;
  }
  .contacts_view .contact-edit-contact-information {
    right: inherit;
    top: -48px;
    left: 12px;
  }
  #profile .contact_date_container {
    flex-direction: column;
  }
}

@media (max-width: 500px) {
  .contacts_view_page .hdr .recordActivity {
    left: 70px;
  }
}

@media (max-width: 390px) {
  .contacts_view_page #ContactEditForm td {
    display: table-row !important;
  }
  .dataTables_wrapper {
    overflow: scroll;
  }
  #contactListTable_wrapper {
    overflow: unset;
  }
  #contactListTable_wrapper .contactlist {
    overflow: auto;
  }
}

.tabs-wrapper {
  max-width: 100vw;
}

.users_send_page .full-width, .users_prospecting_page .ui-tabs-nav li {
  overflow: hidden;
}

.contacts_view_page #ContactEditForm label {
  float: none;
}

.fa-sort, .fa-times {
  cursor: pointer;
}

#vidRemoveChoices .move_option {
  background: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
}

#vidRemoveChoices .move_option label {
  float: none;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  max-width: 30%;
  margin-bottom: -3px;
}

#vidRemoveChoices .span_to_hide {
  display: inline;
  border: none;
  position: relative;
  vertical-align: baseline;
  margin-top: 5px;
}

#vidAddChoices .fa-sort {
  display: none;
}

#upstream_sorter td {
  background: rgba(255, 255, 255, 0.9);
}

#upstream_sorter .ui-sortable .sort-order:before {
  content: "\f0dc";
  font-size: 13px;
  font: normal normal normal 14px/1 FontAwesome;
  cursor: pointer;
  margin-right: 5px;
}

.videos-sortable .fa-sort {
  margin-right: 5px;
}

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

.presentations_presentation_builder_page .cbli_entry {
  background: rgba(255, 255, 255, 0.8);
}

#prospecting_tabs .empty-state {
  text-align: center;
}

.myship_orders_send_page hr {
  margin: 5px auto 15px;
  background: #eee;
}

.myship_orders_send_page .flex-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.myship_orders_send_page .credit-title-container {
  max-width: 250px;
}

.myship_orders_send_page .credit-title-container h3 {
  margin: 5px 0;
}

.myship_orders_send_page .credit-title-container .total-credits {
  width: 75px;
}

@media (max-width: 558px) {
  .myship_orders_send_page .credit-title-container {
    max-width: 260px;
    margin-top: 20px;
  }
}

.myship_orders_send_page .credit-token {
  width: 30px;
  position: relative;
  text-align: center;
}

.myship_orders_send_page .credit-token::after {
  content: '';
  width: 30px;
  height: 34px;
  position: absolute;
  top: -10px;
  left: 0;
  background: url("/common/img/credits_unfilled.svg") center center/contain no-repeat;
}

.myship_orders_send_page .myship-allowances-purchase {
  margin-bottom: -25px;
}

.myship_orders_send_page .product-credit-container.flex-row {
  max-width: 1100px;
  justify-content: flex-start;
}

.myship_orders_send_page .product-credit {
  width: 100%;
  max-width: 325px;
  margin: 0 15px 10px 0;
  padding: 3px 0 0 10px;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);
}

.myship_orders_send_page .product-credit .expand-arrow {
  margin: 0 10px 0 20px;
}

.myship_orders_send_page .product-credit:hover {
  cursor: pointer;
}

.myship_orders_send_page .hdr {
  margin-left: 15px;
}

.myship_orders_send_page .hdr h3 {
  text-indent: 0;
}

.myship_orders_send_page #contactListTable td, .myship_orders_send_page .product_sample_recipients td {
  position: relative;
}

.myship_orders_send_page span.credit-token {
  position: absolute;
  top: 20px;
}

.myship_orders_send_page .review-order {
  max-width: 375px;
  margin-bottom: 15px;
}

.myship_orders_send_page .review-order span.credit-token {
  left: 15px;
}

.myship_orders_send_page .review-order span.credit-token::after {
  top: -12px;
  left: -1px;
}

.myship_orders_send_page .step_three.hdr {
  margin-left: 0;
}

.myship_orders_send_page .step_three.hdr h3 {
  text-indent: 0;
}

.myship_orders_send_page .overlay-content {
  padding: 20px;
}

.myship_orders_send_page .overlay-content .flex-row {
  justify-content: flex-start;
}

.myship_orders_send_page .overlay-content h3 {
  margin-top: 5px;
}

.myship_orders_send_page .overlay-content .credit-token {
  margin-left: 15px;
}

.myship_orders_send_page .overlay-content table {
  width: 100%;
}

.myship_orders_send_page .overlay-content th {
  background-color: transparent;
  font-size: 13px;
  color: #000000;
  border-bottom: 2px solid #ccc;
}

.myship_orders_send_page .overlay-content td {
  padding: 7px 10px;
  border: none;
  border-bottom: 1px solid #e0e0e0;
}

.myship_orders_send_page .overlay-content td.credit-token::after {
  top: 6px;
  left: 14px;
}

.myship_orders_send_page .breadcrumb, .myship_orders_send_page .sidebar, .myship_orders_send_page .filters .input.text, .myship_orders_send_page #contactListTable_length {
  display: none;
}

.myship_orders_send_page #guide_me {
  margin-bottom: 15px;
}

.myship_orders_send_page .full-width .mainCol {
  width: 98%;
}

.myship_orders_send_page #contactListTable_filter {
  float: none;
}

.myship_orders_send_page #contactListTable_filter input {
  padding: 1px;
}

.myship_orders_send_page .filters-trigger {
  max-width: 125px;
  width: 100%;
  margin: 10px 10px 10px 20px;
  padding: 0 5px 3px;
  display: inline-block;
  font-size: 13px;
  font-weight: 100;
  border: 1px solid #ccc;
}

.myship_orders_send_page .filters-trigger .filter-flex {
  width: 100%;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

.myship_orders_send_page .filters-trigger span {
  font-size: 11px;
}

.myship_orders_send_page .filters {
  max-width: 450px;
  width: 81%;
  position: absolute;
  z-index: 999;
}

.myship_orders_send_page .filters div:nth-child(2) {
  border-top: 1px solid #ccc;
}

.myship_orders_send_page .filters div.input {
  padding: 8px;
  position: relative;
  display: flex;
  flex-flow: row-reverse;
  justify-content: flex-end;
  background: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.myship_orders_send_page .filters div.input input {
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.myship_orders_send_page .filters div.input label {
  width: 85%;
  font-size: 13px;
  font-weight: 100;
}

.myship_orders_send_page .filters:first-child {
  border-top: 1px solid #ccc;
}

.myship_orders_send_page .filter-arrow {
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
}

.myship_orders_send_page .rotate {
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
}

.myship_orders_send_page .no-border.sample-details-table td {
  padding: 0;
}

.myship_orders_send_page select#MyshipOrderProduct, .myship_orders_send_page select#MyshipOrderCoverLetter {
  max-width: 275px;
}

.myship_orders_send_page .preview {
  margin-top: 15px;
  margin-left: 20px;
  padding: 5px !important;
  text-align: center;
}

.myship_orders_send_page .preview i {
  display: none;
}

.myship_orders_send_page .pencilLink {
  width: 105px;
  margin-top: 15px;
  display: block;
}

.myship_orders_send_page .availableCredits {
  font-weight: 700;
}

.myship_orders_send_page footer {
  width: 99.5%;
  padding: 15px 0;
}

.myship_orders_send_page .sidebar .recipients ul li {
  clear: both;
}

.contacts_contact_import_page .typeBox {
  height: 100%;
}

@media (max-width: 650px) {
  .myship_orders_send_page .sidebar .scrollable .viewport {
    height: 276px;
    overflow: auto;
  }
  #MyshipOrderAddForm .twoCol {
    float: none;
    width: 100%;
  }
}

@media (max-width: 768px) {
  #subnav_prospecting_qr_codes {
    display: none;
  }
}

.users_followup_page .ui-tabs .ui-tabs-hide {
  display: block !important;
}

.users_followup_page .tabs-wrapper {
  display: none;
}

.column {
  display: inline-block;
}

.column.half-width {
  width: 49%;
}

@media (max-width: 768px) {
  .column.half-width {
    width: 100%;
  }
}

.column label {
  width: auto;
}

.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color: white;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.input .select .second_in_row {
  width: 51%;
}

.faq-link {
  top: 10px;
  right: 10px;
}

.users_home_page .faq-link, .contacts_index_page .faq-link, .contacts_add_page .faq-link, .users_prospecting_page .faq-link, .myship_orders_send_page .faq-link {
  top: 2px;
  right: 100px;
}

.myship_orders_index_page #guide_me {
  display: none;
}

.hide-faq {
  display: none;
}

.users_faq_page #page_title {
  margin-top: 15px;
}

.users_faq_page button.top-back-btn {
  color: #000000;
  line-height: 20px;
}

@media (max-width: 768px) {
  .users_home_page .faq-link, .contacts_index_page .faq-link, .contacts_add_page .faq-link, .users_prospecting_page .faq-link {
    top: 2px;
    right: 10px;
  }
  span.tool span.tip {
    display: none;
  }
}

@media (min-width: 400px) {
  button.top-back-btn {
    width: 60px;
    margin: 0 0 10px;
    padding: 0;
    display: flex;
    border: none;
    background-color: transparent;
    font-size: 18px;
  }
  button.top-back-btn:before {
    left: 0;
    width: 20px;
  }
  .users_faq_page hr {
    margin-bottom: 0;
    height: 0;
  }
  .users_faq_page button.top-back-btn {
    color: #000000;
  }
}

.emailBody ol {
  list-style-type: decimal;
}

.smsBody ol {
  list-style-type: decimal;
}

.documentation iframe {
  width: 100%;
  height: 90vh;
  border: none;
}

.sms-text {
  width: inherit;
  height: 200px;
  background: #fff;
  resize: none;
  border: 5px solid #d3d3d3;
  border-bottom: 25px solid #d3d3d3;
}

.flex-column {
  display: flex;
  flex-flow: column;
}

.sms-char-count {
  background: #d3d3d3;
}

.sms-char-count p {
  width: 175px;
  margin: 10px auto 10px 6px;
  padding: 10px 15px;
  background: #fff;
  font-weight: bold;
}

#previewSMS {
  display: none;
  width: inherit;
  padding: 30px 5px;
  background: #fff;
  border: 5px solid #d3d3d3;
}

#previewSMS .phone-border {
  max-width: 325px;
  height: 500px;
  margin: 0 auto;
  padding: 50px 0;
  background: #eee;
  border: 1px solid #d3d3d3;
  border-radius: 20px;
}

#previewSMS .screen {
  width: 100%;
  height: 100%;
  background: #fff;
  border-top: 0.5px solid #d3d3d3;
  border-bottom: 0.5px solid #d3d3d3;
}

#previewSMS .text-bubble {
  width: 50%;
  margin: 20px 15px;
  padding: 10px;
  font-weight: bold;
  border: 0.5px solid #d3d3d3;
  border-radius: 10px;
}

#previewSMSMessage {
  background: #fff;
}

.media-container {
  text-indent: 25px;
  font-size: 15px;
  padding-top: 15px;
}

.videoWrapper {
  width: 325px;
  margin: 15px 30px;
  border: 1px solid #d3d3d3;
  text-align: center;
}

.videoWrapper .videoThumbnail {
  margin: 0 auto;
}

.videoWrapper p {
  margin: 5px auto;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  text-align: center;
  text-transform: uppercase;
}

.pdf-wrapper, .audio-wrapper {
  width: 325px;
  margin: 15px auto;
  padding: 5px 0 15px;
  text-align: center;
  border: 1px solid #d3d3d3;
}

.pdf-wrapper p, .audio-wrapper p {
  margin: 5px auto;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  text-align: center;
  text-transform: uppercase;
}

.pdf-wrapper .pdf-view, .audio-wrapper .pdf-view {
  margin-top: 10px;
}

@media (max-width: 1280px) {
  #training_tabs .table-wrapper {
    justify-content: space-between;
  }
  .videoWrapper {
    margin: 15px auto;
  }
}

.audio-view img {
  max-width: 100%;
}

.pdf-view img {
  max-width: 80%;
}

.title-error {
  font-family: 'Gotham-Regular', 'Helvetica Neue', Arial, sans-serif;
  position: absolute;
  padding: 5px;
  width: 250px;
  font-size: 14px;
  left: 0;
  bottom: -30px;
  background: white;
  border: 1px solid red;
  color: red;
}

html {
  height: 100%;
}

footer {
  width: 100%;
  position: relative !important;
  bottom: 0;
  padding: 20px 10px 100px;
}

body.users_terms_agreement_page #main {
  margin: 75px 0 250px;
  background-color: #fff;
  text-align: center;
}

body.users_terms_agreement_page #main .btn {
  width: auto;
  margin: 10px 20px;
  background-color: #929292;
  font-size: 1.4em;
}

body.users_terms_agreement_page #main input {
  width: auto;
  margin: 10px 20px;
  background-color: #0061b5;
  font-size: 1.4em;
}

.pages_display_page footer {
  position: relative !important;
}

.floaterPointer.delete-warning-modal strong {
  margin: 0;
}

.floaterPointer.delete-warning-modal strong h4 {
  margin: 0 auto 0;
  font-size: 18px;
  font-weight: 300;
  color: #3a90bb;
}

.fa-delete-person:before {
  margin-right: 5px;
  content: "\f235";
  color: #3a90bb;
}

input.btnRed.delete-submit-verified {
  background-color: #E5122E;
}

.floaterPointer.delete-warning-modal strong {
  margin-left: 0;
}

input.delete-warning-verify-input {
  margin: 10px 0;
  border: 0.5px solid #393939;
}

#UserProfileForm .input.textarea textarea {
  margin: 15px auto;
}

.radio input[type="radio"] {
  margin-left: 4px !important;
  margin-top: 3px !important;
}

input.btnRed.delete-submit-verified:disabled {
  background-color: #ccc;
}

#profile_tabs #billing #BillingInfoProfileForm1 div.submit.checking-address:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("/img/common/spinner_large.gif") center/contain no-repeat;
  width: 30px;
  height: 30px;
  position: relative;
  left: -35px;
}

#profile_tabs #billing div.input.text input,
#profile_tabs #billing div.input.text .input-element {
  box-shadow: inset 0 1px 5px -4px rgba(0, 0, 0, 0.8);
}

#profile_tabs #billing div.input.select select {
  position: relative;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  box-shadow: inset 0 -1px 5px -4px rgba(0, 0, 0, 0.8);
  background-image: url(/common/img/select_down.svg);
  background-repeat: no-repeat;
  background-position: 95%;
  padding-right: 28px !important;
}

#profile_tabs #billing div.input input:not([type="checkbox"]),
#profile_tabs #billing div.input select,
#profile_tabs #billing div.input .input-element {
  border-radius: 4px;
  width: 100%;
  max-width: 100%;
  float: none;
  margin-bottom: 0;
}

#profile_tabs #billing div.input .input-element {
  box-sizing: border-box;
  padding: 0 16px !important;
  background: #f3f6fa;
  border: none !important;
  height: 42px;
  float: none;
}

#profile_tabs #billing div.input .input-element.external-existing-data {
  line-height: 42px;
}

#profile_tabs #billing div.input label {
  width: 100%;
  max-width: 100%;
}

#profile_tabs #billing div.input {
  padding-right: 15px;
}

#profile_tabs #billing div.input.checkbox label {
  margin: 0;
  padding: 0 8px;
}

#profile_tabs #billing div.submit {
  margin-right: 15px;
}

#profile_tabs #billing div.submit input {
  padding: 0 32px !important;
  text-transform: none;
}

@media (max-width: 475px) {
  #signup_tabs .product.other_product .image_container, #signup_tabs .product.other_product div.input.buy_button_container, #signup_tabs .product.other_product div.input label.btnGreen {
    margin: 0 auto;
  }
  #signup_tabs .product.other_product div.input.buy_button_container {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

@media (max-width: 768px) {
  .myship_orders_send_page .faq-link, .myship_orders_index_page .faq-link {
    top: 40px;
    right: 25px;
  }
}

@media (max-width: 525px) {
  #profile_tabs div.input label {
    max-width: 100%;
    width: 100%;
  }
  #profile_tabs div.input input[type=text],
#profile_tabs div.input input[type=tel],
#profile_tabs div.input input[type=email],
#profile_tabs div.input input[type=password],
#profile_tabs div.input select,
#profile_tabs div.input textarea {
    float: left;
    width: 260px;
    max-width: 100%;
  }
}

body.users_request_password_page {
  position: relative;
  min-height: 100%;
  background: #f6f6f7;
}

body.users_request_password_page #main {
  height: 100%;
  background: transparent;
}

body.users_request_password_page .wrapper {
  position: initial;
}

body.users_request_password_page #login_main_l .login_logo img {
  max-width: 450px;
  margin: 25px auto 100px;
  display: block;
}

body.users_request_password_page #login_main_l {
  max-width: 725px !important;
  margin: 0 auto !important;
  float: none !important;
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-55%);
          transform: translateY(-55%);
  font-size: 18px;
  text-align: center;
}

body.users_request_password_page #login_main_l h1 {
  margin: 5px auto;
  background: transparent;
  font-size: 25px;
  font-weight: 400;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.users_request_password_page #login_main_l h3 {
  height: initial;
  margin: 5px auto;
  background: transparent;
  font-size: 22px;
  font-weight: 400;
  color: #000;
  text-align: center;
  letter-spacing: 0.08em;
}

body.users_request_password_page #login_main_l label {
  display: none;
}

body.users_request_password_page #login_main_l input#UserUsername {
  max-width: 550px;
  width: 100%;
  margin: 5px auto;
  padding: 10px;
  font-size: 18px;
  border: 1px solid #ccc;
  box-shadow: none;
}

body.users_request_password_page #login_main_l .submit input {
  max-width: 350px;
  width: 60%;
  margin: 10px auto;
  padding: 10px;
  display: block;
  background-color: #666666;
  font-size: 20px;
  color: #FFFFFF;
  border: 1px solid #a1a1a1;
  border-radius: 5px;
  cursor: pointer;
}

body.users_request_password_page #login_main_l .submit input:hover {
  color: #ffffff;
  background-color: #a1a1a1;
  border-color: #666666;
}

body.users_request_password_page footer {
  position: absolute !important;
  padding: 20px 0;
}

@media (max-width: 450px) {
  .myship_orders_send_page .product-credit-container.flex-row {
    margin: 10px auto;
  }
  .myship_orders_send_page .product-credit {
    max-width: 100%;
    margin: 5px auto;
  }
  .btn.fl-right.myship-allowances-purchase {
    float: none;
    display: block;
    max-width: 133px;
    margin: 0 auto;
  }
}

@media (max-width: 505px) {
  .contacts_view_page #statsPane .statsPane {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .contacts_view_page .contact-activity .scrollable {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .contacts_view_page .contact-activity .scrollbar {
    display: none;
  }
  .contacts_view_page .contact-activity .viewport {
    height: 100%;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
  }
}

.btn.myship-order-details {
  margin: 3px;
}

.myship-status-details li {
  font-size: 120%;
  list-style: disc inside;
  padding: 2px;
}

[theme] .hdr h3,
[theme] .hdrCP h3,
[theme] .hdr-row h3 {
  text-indent: 15px;
  font-size: 1.4em;
  text-transform: uppercase;
  font-weight: bold;
}

[theme] #signup_tabs .product img {
  max-height: 45px;
}

[theme] .share_recipients_page .email-picker #tabs-control .active,
[theme] #contactFolders.asset_folders li.ui-state-active a,
[theme] #contactFolders.asset_folders li.ui-state-active a i.fa,
[theme] #contactFolders.asset_folders li.tag_filter a:hover,
[theme] #contactFolders.asset_folders li.tag_filter a:hover i,
[theme] #contactFolders.asset_folders li.active a,
[theme] #contactFolders.asset_folders li.active a i {
  color: #fff;
}

[theme="light"] footer {
  background: #fff;
}

[theme="light"] footer,
[theme="light"] footer a,
[theme="light"] footer a:hover {
  color: #000;
}

[theme="dark"] header {
  background: #000 !important;
}

[theme="dark"] header nav > .nav-item > a, [theme="dark"] header > a:hover {
  color: #fff;
}

[theme="dark"] footer {
  background: #000;
}

[theme="dark"] footer,
[theme="dark"] footer a,
[theme="dark"] footer a:hover {
  color: #fff;
}

.error {
  color: #F6303E;
}

.charCounter {
  font-size: 15px;
  font-weight: 600;
  text-align: right;
  padding-right: 7px;
  padding-top: 110px;
}

.edit-hover img {
  transition: all 0.3s ease-in-out;
}

.edit-hover:after {
  font-family: 'FontAwesome';
  content: "\f044";
  font-size: 32px;
  color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.edit-hover:hover:after {
  opacity: 1;
}

.edit-hover:hover img {
  opacity: .25;
}

.btn.btn-secondary {
  background: #acacac;
}

.full-width {
  clear: both;
}

.top-margin {
  margin-top: 80px;
}

.top-padding {
  padding-top: 8px;
}

.left-margin {
  margin-left: 22px;
  position: relative;
  z-index: 2;
}

.right-margin {
  position: relative;
  z-index: 2;
  margin-right: 22px;
}

.right-padding {
  padding-right: 8px;
}

.relativeLetters {
  position: relative;
  top: 40px;
  right: 13px;
  z-index: 1;
}

.bottom-margin {
  width: 50%;
}

.email-add-options.bottom-margin {
  width: 70%;
}

.center-pagination {
  margin: auto;
  width: 100%;
}

.multiselect-margin {
  position: relative;
  bottom: 13px;
}

.letter-padding {
  padding: 0 135px;
}

#folder_list_disliked {
  display: none;
}

body, #main {
  background: #fff;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body > #main {
  flex: 1;
}

body footer {
  padding: 20px 10px;
  box-shadow: none;
  border-top: 1px solid #E1E7EE;
  box-sizing: border-box;
}

header {
  position: relative;
  padding: 10px 0;
  background: #F3F6FA !important;
}

header.sticky-header {
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.25);
  z-index: 9;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

header a, header a:hover {
  color: #000;
}

header img {
  max-width: 100%;
  max-height: 100%;
}

header .logo {
  max-width: 160px;
  font-family: 'Gotham-Bold', Arial, sans-serif;
  font-size: 12px;
  color: #383A3D;
}

header .logo img {
  max-height: 40px;
  margin-right: 10px;
}

header .badge {
  border-radius: 50%;
  max-width: 40px;
  max-height: 40px;
}

header .nav-item {
  font-size: 15px;
  padding: 10px 15px;
}

@media (min-width: 768px) {
  header .nav-item {
    padding: 0;
  }
}

header .nav-item > .nav-tab {
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
}

header .nav-item > .nav-tab [class^="icon-"] {
  margin-right: 5px;
  font-size: 18px;
}

header .nav-item > .nav-tab [class^="icon-"]:before {
  color: inherit;
}

header .nav-item, header .sub-nav-item {
  cursor: pointer;
  position: relative;
}

header .nav-item.has-sub-nav .nav-tab:after {
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #767D84;
  position: absolute;
  top: 7px;
  right: -15px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  transition: all 0.35s ease-in-out;
}

header .nav-item.has-sub-nav .nav-tab.active:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

header .profile-tab .nav-tab:after {
  display: none;
}

header .sub-nav-item {
  display: block;
}

header .sub-nav-item:after {
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #767D84;
  position: absolute;
  right: 20px;
  top: 25px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  transition: all 0.35s ease-in-out;
}

header .sub-nav-item.active:after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

header .sub-nav {
  visibility: hidden;
  display: none;
  width: 355px;
  margin-top: 0;
  opacity: 0;
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.05), 0 6px 24px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 1015;
  transition: all 0.35s ease-in-out;
}

header .sub-nav.active-sub-nav {
  visibility: visible;
  display: flex;
  margin-top: 10px;
  opacity: 1;
}

header .sub-nav a:hover, header .sub-nav .sub-nav-item:hover {
  background: #F3F6FA;
}

header .sub-nav span, header .sub-nav .sub-nav-item {
  width: 100%;
}

header .sub-nav span .sub-nav span, header .sub-nav .sub-nav-item .sub-nav span {
  width: 100%;
}

header .sub-nav a {
  display: block;
  padding: 19px 20px;
  width: 100%;
  height: 100%;
  text-align: left;
  box-sizing: border-box;
}

header .sub-nav > div {
  width: 100%;
}

header .sub-nav.top {
  top: 0;
}

header .sub-nav.right {
  left: 100%;
}

header .sub-nav.left {
  right: 100%;
}

header .nav-item > .sub-nav.left {
  right: calc(100% - 40px);
}

header .flag {
  max-height: 16px;
}

header .mob-nav-trigger {
  display: flex;
  align-items: center;
}

header .mob-nav {
  transition: all 0.3s ease-in-out;
  background: #fff;
  position: absolute;
  top: 0;
  height: 100vh;
  width: 80%;
  z-index: 1011;
  overflow: auto;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.05), 0 6px 24px 0 rgba(0, 0, 0, 0.1);
  left: -100%;
}

header .mob-nav.show {
  left: 0;
}

header .mob-nav .sub-nav {
  position: relative;
  left: unset !important;
  right: unset !important;
  border: none;
  padding: 10px;
  box-shadow: none;
  width: 100%;
}

header .mob-nav .nav-item.has-sub-nav:after {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #98A0A8;
  position: absolute;
  right: 20px;
  top: 25px;
}

header .mob-nav .nav-item > a {
  padding: 19px 10px;
  display: block;
}

header .mob-nav .nav-item:after, header .mob-nav .sub-nav-item:after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

header .mob-nav .nav-item:hover:after, header .mob-nav .sub-nav-item:hover:after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

header .mob-nav .close {
  font-size: 20px;
  margin: 10px;
}

.primary-select:hover {
  color: #000;
}

.primary-select.ui-selectmenu {
  background: none !important;
  border: none !important;
}

.primary-select.ui-selectmenu:after {
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #767D84;
  position: absolute;
  top: 13px;
  right: 12px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  transition: all 0.35s ease-in-out;
}

.primary-select.ui-selectmenu.ui-state-active:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.primary-select.ui-widget-content {
  border: none;
  border-radius: 10px;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.05), 0 6px 24px 0 rgba(0, 0, 0, 0.1);
}

.primary-select img {
  height: auto;
  width: auto;
  max-height: 16px;
}

.primary-select .ui-selectmenu-icon {
  display: none !important;
}

.primary-select .ui-selectmenu-status {
  padding-left: 0;
}

.primary-select a {
  color: #000;
}

.primary-select a:hover {
  background: #F3F6FA;
}

.primary-select li {
  border: 1px solid transparent !important;
}

a.is-disabled {
  pointer-events: none;
}

.jquery_tabs.ui-tabs .pill-tabs {
  justify-content: center;
  margin: 40px auto;
  clear: both;
}

.jquery_tabs.ui-tabs .pill-tabs ul.ui-widget-header {
  background: #E1E7EE;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-bottom: 50px;
  justify-content: space-around;
}

.jquery_tabs.ui-tabs .pill-tabs ul.ui-widget-header li {
  background: none;
  border: none;
  margin: 4px 4px 6px 6px;
}

.jquery_tabs.ui-tabs .pill-tabs ul.ui-widget-header li > a {
  background: none;
  padding: 5px 20px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.jquery_tabs.ui-tabs .pill-tabs ul.ui-widget-header li.ui-tabs-selected {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 8px 8px 0 rgba(0, 0, 0, 0.05);
}

.jquery_tabs.ui-tabs .pill-tabs ul.ui-widget-header li.ui-tabs-selected a {
  color: #000;
}

.breadcrumb, a[href*="/admin/faq"], p[class^="caption hidden-xs"] {
  display: none;
}

body.contacts_index_page .dataTables_wrapper, body .contactlist {
  width: 100%;
}

body #acCol1, body #acCol3 {
  padding: 0;
}

body #acCol2 {
  padding: 0 3%;
}

body .full-width {
  background: none;
  box-shadow: none;
  border: none;
  padding: 15px 0;
}

body .full-width > form {
  clear: both;
}

body h1#page_title {
  color: #000;
  text-transform: capitalize;
  font-weight: bold;
}

body input.submit, body input[type="submit"], body .btn:not(.actions), body .btnRed {
  font-family: 'Gotham-Regular', Arial, sans-serif;
  box-sizing: border-box;
  padding: 0 16px !important;
  border-radius: 50px;
  height: 42px;
  line-height: 42px;
}

body .btn.actions {
  background: transparent !important;
  color: #000000 !important;
  font-weight: normal;
  font-size: 14px;
  display: flex;
  align-items: center;
}

body .btn.actions i {
  color: #000;
}

body .select-all {
  white-space: nowrap;
}

body .select-all label {
  color: #000000;
  font-weight: normal;
  font-size: 14px;
}

body .input label, body label {
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 8px;
  color: #000000;
  display: block;
  float: none;
}

body .checkbox label, body input[type="checkbox"] ~ label {
  display: inline;
}

body input:not([type="file"]):not([type="checkbox"]), body select, body .custom-txt, body .w33 ul.as-selections, body .custom-select {
  height: 42px;
  line-height: 42px;
}

body input:not([type="file"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]), body select, body textarea, body .custom-txt, body .custom-select {
  box-sizing: border-box;
  padding: 0 16px !important;
  border-radius: 8px;
  background: #F3F6FA;
  border: none !important;
  height: 42px;
}

body input:not([type="file"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]).with-counter, body select.with-counter, body textarea.with-counter, body .custom-txt.with-counter, body .custom-select.with-counter {
  padding-right: 24px !important;
}

body .as-selections {
  border-radius: 8px;
  background: #fff;
}

body .as-selections .as-selection-item {
  background: #F3F6FA !important;
  border: none !important;
  margin: 8px !important;
}

body .cbli_entry {
  display: flex;
  align-items: baseline;
  width: 100%;
  max-width: 280px;
}

body .cbli_entry > :last-child {
  display: block;
  margin: 0 8px 0 auto;
}

body .cbli_entry > label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 8px;
}

body .input.file .custom-field {
  border: none;
  background: none;
}

body .dataTables_paginate .paginate_button, body .dataTables_paginate .paginate_active, body #main .dataTables_paginate .paginate_button, body #main .dataTables_paginate .paginate_active {
  color: #000000 !important;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  padding: 10px 15px;
}

body .dataTables_paginate .paginate_button, body #main .dataTables_paginate .paginate_button {
  background: #F3F6FA;
  border: none;
  margin: 0 1px;
}

body .dataTables_paginate .paginate_button.first, body .dataTables_paginate .paginate_button.previous, body .dataTables_paginate .paginate_button.next, body .dataTables_paginate .paginate_button.last, body #main .dataTables_paginate .paginate_button.first, body #main .dataTables_paginate .paginate_button.previous, body #main .dataTables_paginate .paginate_button.next, body #main .dataTables_paginate .paginate_button.last {
  background: #fff;
  border-radius: 8px;
}

body .dataTables_paginate .paginate_active, body .dataTables_paginate .paginate_button:hover, body #main .dataTables_paginate .paginate_active, body #main .dataTables_paginate .paginate_button:hover {
  background: #98A0A8;
  color: #fff !important;
}

body .dataTables_paginate > span:not(.paginate_button), body #main .dataTables_paginate > span:not(.paginate_button) {
  margin: 0 5px;
}

body .dataTables_paginate > span:not(.paginate_button) span:first-child, body #main .dataTables_paginate > span:not(.paginate_button) span:first-child {
  border-radius: 8px 0 0 8px;
}

body .dataTables_paginate > span:not(.paginate_button) span:last-child, body #main .dataTables_paginate > span:not(.paginate_button) span:last-child {
  border-radius: 0 8px 8px 0;
}

body .dataTables_paginate > span:not(.paginate_button) span:first-child:last-child, body #main .dataTables_paginate > span:not(.paginate_button) span:first-child:last-child {
  border-radius: 8px;
}

body .dataTables_wrapper th, body table th, body #main .dataTables_wrapper th, body #main table th {
  background: transparent;
  color: #000000 !important;
}

body .dataTables_wrapper a, body table a, body #main .dataTables_wrapper a, body #main table a {
  color: #000;
}

body .dataTables_wrapper a.btn, body .dataTables_wrapper a.redBtn, body table a.btn, body table a.redBtn, body #main .dataTables_wrapper a.btn, body #main .dataTables_wrapper a.redBtn, body #main table a.btn, body #main table a.redBtn {
  color: #fff;
}

body .dataTables_wrapper th, body table th, body #main .dataTables_wrapper th, body #main table th {
  border-bottom: 1px solid #E1E7EE;
}

body .dataTables_wrapper td, body table td, body #main .dataTables_wrapper td, body #main table td {
  border: 1px solid #F3F6FA;
  border-width: 0 0 1px 0;
}

body .dataTables_wrapper td:last-child, body table td:last-child, body #main .dataTables_wrapper td:last-child, body #main table td:last-child {
  border: none;
}

body .dataTables_wrapper .nameLink, body table .nameLink, body #main .dataTables_wrapper .nameLink, body #main table .nameLink {
  font-weight: 400;
}

body .asset_folders {
  border-radius: 8px;
}

body:not(.users_prospecting_page) .sidebar {
  width: 22%;
  float: left;
}

@media (max-width: 1000px) {
  body:not(.users_prospecting_page) .sidebar {
    width: 100%;
    float: none;
  }
}

@media (max-width: 600px) {
  .is-disabled-mob, .sub-nav-item > a {
    pointer-events: none;
  }
}

body.users_prospecting_page .media-button-container {
  margin: 15px auto 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

body.users_prospecting_page .media-button-container .btn {
  width: 100%;
  max-width: 200px;
  margin: 5px 10px;
}

body.users_prospecting_page .media-button-container .btn .btn-content {
  display: flex;
  flex-flow: row-reverse;
  justify-content: center;
  align-items: center;
}

body.users_prospecting_page .media-button-container .btn span {
  margin-right: 5px;
}

body.users_prospecting_page .media-button-container .btn span.icon-Plus:before {
  color: #FFFFFF;
}

@media (max-width: 768px) {
  body.users_prospecting_page .media-button-container {
    justify-content: center;
  }
}

body.users_prospecting_page #searchFilterContainer {
  background: #F3F6FA;
  box-sizing: border-box;
  margin-right: 12px;
  max-height: 56px;
  max-width: 520px;
  padding: 0 22px;
  width: 100%;
}

body.users_prospecting_page #searchFilterContainer p {
  display: flex;
  margin: 0;
}

body.users_prospecting_page #searchFilterContainer p span {
  font-size: 23px;
}

body.users_prospecting_page #searchFilterContainer input {
  background: #E1E7EE;
  border: none;
  box-sizing: border-box;
  font-size: 17px;
  height: 100%;
  margin: 0;
  padding: 16px 0;
  width: 100%;
}

body.users_prospecting_page #searchFilterContainer input:focus {
  outline: none;
}

body.users_prospecting_page .table-options {
  width: unset;
}

body.users_prospecting_page .filter-actions-container {
  font-family: 'Gotham-Regular', Arial, sans-serif;
  width: 100%;
  max-width: 500px;
}

body.users_prospecting_page .filter-actions-container .actions_container {
  display: flex;
  flex-flow: row-reverse;
  justify-content: space-around;
  width: 200px;
}

body.users_prospecting_page .filter-dropdown-container {
  position: relative;
  text-align: left;
  width: 85px;
}

body.users_prospecting_page .filter-dropdown-container .dropdown-trigger {
  cursor: pointer;
}

body.users_prospecting_page .filter-dropdown-container label {
  font-size: 12px;
}

body.users_prospecting_page .filter-dropdown-container h3.current-filter {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.users_prospecting_page .dropdown-options-container {
  background: #FFFFFF;
  border-radius: 15px;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  height: 60vh;
  opacity: 0;
  overflow: scroll;
  padding-bottom: 20px;
  position: absolute;
  top: 40px;
  transition: all 0.5s ease;
  visibility: hidden;
  width: 325px;
  z-index: 999;
}

body.users_prospecting_page .dropdown-options-container.active-dropdown {
  visibility: visible;
  opacity: 1;
  top: 55px;
}

body.users_prospecting_page .dropdown-options-container h3 {
  font-size: 17px;
}

body.users_prospecting_page .dropdown-options-container .crud-folder-triggers {
  box-sizing: border-box;
  padding: 15px 15px 5px 15px;
}

body.users_prospecting_page .dropdown-options-container .crud-folder-triggers a {
  margin-left: 15px;
}

body.users_prospecting_page .dropdown-options-container .crud-folder-triggers #editFolderLink {
  width: 55px;
  text-align: center;
  transition: all 0.3s ease;
}

body.users_prospecting_page .dropdown-options-container .crud-folder-triggers #createNewFolderLink .icon-Plus-Circle {
  display: block;
  font-size: 32px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  transition: all 0.3s ease;
}

body.users_prospecting_page .dropdown-options-container .crud-folder-triggers #createNewFolderLink.active .icon-Plus-Circle {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

body.users_prospecting_page .dropdown-options-container .crud-options {
  box-sizing: border-box;
  margin: 16px auto;
  max-width: 315px;
  width: 100%;
}

body.users_prospecting_page .dropdown-options-container .crud-options a.btnRed {
  background-color: #FFFFFF;
  color: #FF313D;
  padding: 0;
}

body.users_prospecting_page .dropdown-options-container .crud-options a.btnGreen {
  background-color: #FFFFFF;
  color: #6B3EFF;
  padding: 0;
}

body.users_prospecting_page .dropdown-options-container hr {
  box-sizing: border-box;
  background: #F3F6FA;
  height: 1px;
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}

body.users_prospecting_page .dropdown-options-container hr.hline {
  background-color: #F3F6FA;
  box-sizing: border-box;
  color: #F3F6FA;
  display: block;
  height: 1px;
  margin: 0 auto;
  position: unset;
  left: unset;
  width: 100%;
  max-width: 315px;
}

body.users_prospecting_page .sidebar,
body.users_prospecting_page .prospecting_sidebar {
  box-sizing: border-box;
  max-width: 355px;
  width: 100%;
}

body.users_prospecting_page .sidebar .asset_folders,
body.users_prospecting_page .prospecting_sidebar .asset_folders {
  box-sizing: border-box;
  margin: 0 auto;
}

body.users_prospecting_page .sidebar .asset_folders li,
body.users_prospecting_page .prospecting_sidebar .asset_folders li {
  box-sizing: border-box;
  border: none;
  padding: 0 5px;
  text-align: left;
}

@media (max-width: 768px) {
  body.users_prospecting_page #searchFilterContainer, body.users_prospecting_page .filter-actions-container {
    max-width: 100%;
    margin: 0;
  }
  body.users_prospecting_page #searchFilterContainer #prospecting_actions_top, body.users_prospecting_page .filter-actions-container #prospecting_actions_top {
    color: #FFFFFF;
    width: 90px;
  }
}

.black {
  color: black;
}

#followup {
  min-width: 66% !important;
  max-width: 66%;
}

.edit_contact_link {
  font-weight: 300;
}

.edit_contact_link:hover {
  color: #0FA3FF !important;
  transition: all .2s;
}

.follow_up_note_bg {
  background-color: #E1E7ED;
}

.descHidden td {
  border-radius: 10px;
}

.descHidden label {
  color: black;
}

.descHidden .btn {
  color: white !important;
}

.secondary_floater textarea {
  padding: 6px !important;
}

#announcements .hdr {
  border-radius: 5px;
}

.equalheight .buttons {
  margin: 15px auto;
}

#bottomButtons {
  margin-top: 50px;
}

.video-actions {
  display: flex;
  float: right;
  align-items: center;
  margin-bottom: 10px;
}

.video-actions * {
  margin-right: 10px;
}

@media (max-width: 768px) {
  .filter-divide {
    display: none;
  }
  body .input:not(.checkbox) {
    margin-bottom: 0 !important;
  }
  .secondary_floater,
.inputHint {
    position: absolute;
    display: none;
    top: 100%;
    left: 0 !important;
    padding: 5px 10px;
    z-index: 100;
    width: 336px;
    background-color: #FFFFFF;
    text-align: left;
    box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.5);
    border: 1px solid #ccc;
    padding-bottom: 20px;
    border-radius: 8px;
  }
  .secondary_floater.add-to-folder-box {
    width: 305px !important;
    top: 445px !important;
    left: 25px !important;
  }
  .pill-tabs {
    margin-bottom: 5px !important;
  }
  .filter-actions-container {
    width: 100% !important;
    justify-content: flex-end !important;
    padding: 4px 0px !important;
  }
  .filter-actions-container .prospecting_actions.actions-btn {
    padding-left: 0px;
  }
  .email-script-index tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .filter-dropdown-container {
    display: flex;
    width: 100% !important;
    justify-content: flex-start;
  }
  .filter-dropdown-container label {
    display: none;
  }
  .email-add-options.bottom-margin {
    width: 100%;
  }
  html.in_iframe {
    overflow: auto;
  }
  .left-margin {
    margin-left: 0;
  }
  .filterAssets {
    flex-direction: column;
  }
  .filter-assets-container {
    padding-bottom: 50px;
    height: 50px;
  }
  .prospecting_actions label {
    display: none;
  }
  .prospecting_page label {
    display: none;
  }
  .btn.actions i {
    margin-right: -15px;
  }
  .dataTables_wrapper .filter-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .table-options {
    width: 100% !important;
  }
  .table-options tbody tr td {
    display: flex;
    flex-direction: row !important;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
  }
  .table-options .select-all {
    padding: 20px !important;
  }
  .table-options tr {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
}

#prospecting_tabs h3 {
  font-size: 1.4em;
  text-transform: uppercase;
}

#prospecting_tabs .media-filter {
  margin-bottom: -8px;
}

#prospecting_tabs .filter-dropdown-container {
  font-family: 'Gotham-Light', Arial, sans-serif;
  font-weight: normal !important;
  top: -20px;
}

#prospecting_tabs .select-all label {
  font-size: 1.4em !important;
  font-family: 'Gotham-Light', Arial, sans-serif;
}

body .hdr.email-script {
  display: block !important;
}

.filter-actions-container td {
  display: flex;
  flex-direction: row-reverse;
}

.filter-actions-container tr {
  display: flex;
  align-items: center;
}

.filter-actions-container label {
  padding: 0;
  text-align: left;
}

.prospecting_actions {
  top: -22px;
}

.prospecting_actions a {
  font-family: 'Gotham-Light', Arial, sans-serif !important;
  font-size: 1.4em !important;
}

.prospecting_actions a#prospecting_actions_top {
  padding: 0;
}

.prospecting_actions i {
  margin-left: 5px;
}

header .nav-item > .nav-tab {
  font-weight: bold;
  font-size: 12px;
  color: #383A3D;
  transition: all 0.1s ease-in-out;
}

header .nav-item > .nav-tab span {
  color: #767D84;
  transition: all 0.1s ease-in-out;
}

header .nav-item > .nav-tab.active, header .nav-item > .nav-tab:hover {
  color: #767D84;
}

header .nav-item > .nav-tab.active span, header .nav-item > .nav-tab:hover span {
  color: #B8C2CB;
}

header .nav-item > .nav-tab.active:after, header .nav-item > .nav-tab:hover:after {
  border-top: 5px solid #B8C2CB;
}

header .nav-item > .nav-tab.active > a, header .nav-item > .nav-tab:hover > a {
  color: #767D84;
}

header .nav-item > .nav-tab > a {
  color: #383A3D;
}

header .nav-item > .nav-tab > a > span {
  vertical-align: bottom;
}

.jshowoff-slidelinks {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100%;
}

#tasks .add-task .btn {
  color: #fff !important;
}

.market_language_selector li:first-child a {
  color: lightgray;
  cursor: default;
}

.expand-contact {
  margin-bottom: 11px;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.jquery_tabs.ui-tabs .pill-tabs ul.ui-widget-header {
  max-width: 100%;
  background-color: #e1e7ee !important;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

#training_tabs .ui-tabs-nav {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}

.banner-wrapper {
  width: 100%;
  padding: 5px;
  color: #fff;
  font-size: 17px;
  display: flex;
  font-weight: bold;
  justify-content: space-between;
  align-items: center;
}

.btnWhite {
  color: #024D63;
  cursor: pointer;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  background-color: #fff !important;
  margin-left: 15px;
  white-space: nowrap;
}

.btnWhite:hover, banner-cta:hover {
  color: #000;
}

.banner-trigger {
  text-transform: uppercase;
  color: #fff;
  font-size: 13px;
  cursor: pointer;
}

.banner-trigger:hover {
  color: #fff;
}

@media (max-width: 1330px) {
  .banner-trigger-wrapper {
    text-align: right;
    padding-right: 10px;
  }
  .banner-tab {
    margin-right: 10px;
  }
}

.banner-tab-wrapper {
  width: 100%;
  position: absolute;
  top: 60px;
}

.banner-cta {
  white-space: nowrap;
  color: #000;
}

#main {
  padding-top: 25px;
}

.banner-tab {
  float: right;
  height: 26px;
  background-color: #CDFCE3;
  margin-right: 40px;
  font-size: 13px;
  justify-content: center;
  font-weight: bold;
  width: 124px;
  border-radius: 0 0  10px 10px;
  color: #fff;
  cursor: pointer;
}

.banner-tab span {
  margin-right: 10px;
}

.cc-input {
  max-width: none !important;
  padding-right: 15px !important;
}

.cc-type {
  width: 125px;
  padding-right: 15px !important;
}

.cc-type label {
  width: 100% !important;
}

.cc-input.select {
  max-width: 200px !important;
}

.cc-input.select:first-child {
  padding-right: 15px !important;
}

.cc-input > label {
  width: 100% !important;
}

.w-50 {
  width: 50%;
}

.w-75 {
  width: 75%;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100%;
}

.marketing-fold-wrapper {
  display: flex;
  justify-content: center;
  margin: 25px 0;
}

.marketing-fold-link {
  width: 64%;
}

.marketing-fold-header {
  font-size: 36px !important;
  width: 75%;
  margin: auto;
  text-align: center;
  font-weight: bold;
  font-family: 'Gotham-Bold', Arial, sans-serif;
}

.marketing-fold-header-wrapper {
  width: 100%;
  margin: auto;
  min-height: 56px;
  display: flex;
  align-items: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.marketing-fold-statement {
  font-size: 24px;
  display: flex;
  flex-direction: column;
}

.marketing-fold-statement-media {
  max-height: 65%;
  min-height: 275px;
  height: -webkit-fit-content;
  margin-left: -15px;
  margin-right: 25px;
  border-radius: 10px;
}

.marketing-fold-statement-media img {
  height: auto;
  max-height: 100%;
  width: 100%;
  border-radius: 10px;
}

.marketing-fold-statement-media iframe {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  border: none;
}

.marketing-fold-h1 {
  font-size: 24px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: .03;
  margin-left: -15px;
  margin-bottom: 5px;
  font-family: 'Gotham-Bold', Arial, sans-serif;
}

.marketing-fold-p {
  padding: 5px 10px 20px 0px;
  font-size: 14px;
  width: 100%;
  line-height: 20px;
  letter-spacing: 1.25px;
  color: #383A3D;
  font-weight: 400;
  margin-left: -15px;
  margin-top: 0px;
}

@media (max-width: 768px) {
  .marketing-fold-statement {
    padding: 24px 1.5em;
  }
  .marketing-fold-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .marketing-fold-statement-media {
    margin: 0px;
  }
  .marketing-fold-statement-media iframe {
    height: 300px;
  }
  .marketing-fold-h1, .marketing-fold-p {
    margin: 0px !important;
  }
}

.product-card {
  border: 0px !important;
  border-radius: 10px;
}

.product-card h4 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 0px;
  text-align: center;
  font-weight: bold;
  padding: 10px 0px;
  color: #000;
  font-size: 24px;
}

.border-box {
  box-sizing: border-box;
}

.fx-wrap {
  flex-wrap: wrap;
  width: 100%;
}

.fx-wrap input {
  min-width: 20%;
  max-width: 200px !important;
}

.fx-wrap-between {
  justify-content: space-between;
}

#BillingInfoCcType {
  position: relative;
  width: 100%;
}

#cc_type_image {
  position: absolute;
  right: 5%;
  top: 37%;
}

.products_purchase_page > #main > .wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.products_purchase_page > #main > .wrapper .input:last-child {
  max-width: 30%;
  margin-bottom: 0px !important;
}

.products_purchase_page > #main > .wrapper .input:last-child input {
  max-width: 100%;
}

.products_purchase_page .tool, .products_purchase_page .tool-price {
  font-size: 17px;
  font-weight: bold;
  text-transform: none;
}

.products_purchase_page .tip {
  font-size: 11px;
  font-weight: normal;
}

#page_title {
  white-space: nowrap;
}

.product-card-icon-field {
  margin-left: 5px;
  font-size: 17px !important;
}

.product-card {
  border-radius: 10px !important;
  width: 390px;
  align-items: center;
}

.product-card h2 {
  text-align: center;
  margin-top: 0px;
}

.product-card .buy_button_container {
  line-height: 30px;
  border: 0px !important;
}

.product-card .beta {
  background-color: #CDFCE3 !important;
  color: #024D63;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 12px !important;
  margin-left: 5px;
  text-transform: uppercase;
  font-weight: normal;
  display: flex;
  align-items: center;
}

#page_title {
  width: 100%;
}

#product-card-description {
  line-height: 1.25;
  color: #383A3D;
}

#product-card-fold-description {
  font-weight: 500;
  align-self: flex-start;
  flex-grow: 1;
  font-size: 14px;
  overflow-y: auto;
  padding: 0px 50px;
}

#product-card-fold-description p {
  font-weight: 600;
  font-size: 14px;
  display: flex;
  line-height: 1.6;
  flex-direction: row;
}

#product-card-fold-description img {
  margin: 0 20px 0 0;
}

#product-card-fold-description strong {
  display: contents;
}

#product-card-fold-description p:first-child {
  margin-top: 0px;
}

#product-card-fold-name {
  text-transform: none;
}

.banner-wrapper .btn {
  text-transform: none !important;
}

#product-card-purchase-description {
  font-size: 17px;
  font-weight: 500;
}

svg {
  fill: #00AC1E;
}

.svg-green {
  fill: #00AC1E !important;
}

.beta {
  background-color: #CDFCE3;
  color: #024D63;
  white-space: nowrap;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 12px !important;
  margin-left: 5px;
  text-transform: uppercase;
  font-weight: normal;
  display: flex;
  align-items: center;
}

.marketing-fold-card {
  max-width: 375px;
  font-size: 15px;
}

.product-card-disclaimer {
  font-size: 11.5px;
  font-weight: normal;
  text-align: center;
  line-height: 1.25;
}

.product-card-price {
  text-align: center;
  font-size: 32px !important;
  margin-top: .3em;
  font-family: 'Gotham-Bold', Arial, sans-serif;
}

.marketing-fold-card-header {
  text-align: center;
  font-weight: 700;
  border: none;
  padding: 5px;
  margin-top: 0px;
  font-size: 24px;
}

.text-black {
  color: #000 !important;
}

.payment_card {
  border-radius: 10px !important;
}

.payment_card div.input {
  font-size: 14px;
}

#product-fold-card-name {
  display: flex;
  justify-content: center;
  color: #fff;
  align-items: center;
  font-weight: 700;
  font-size: 24px;
  margin: auto;
}

#product-card-name {
  display: flex;
  justify-content: center;
  color: #000;
  align-items: center;
  font-weight: 700;
  font-size: 24px;
  margin: auto;
  font-family: 'Gotham-Bold', Arial, sans-serif;
}

.product-card-header {
  background-color: #000;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  width: 100%;
  font-weight: 700px;
  text-indent: 15px;
  padding: 12px 0px;
  position: relative;
  display: flex;
}

.product-card-header h3 {
  color: #fff !important;
}

.product-card-header i {
  position: absolute;
  right: 18px;
  color: #fff;
  top: 18px;
}

.fx-column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fx-reverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}

.products_cancel_page .leftCol {
  width: 100%;
  text-align: center;
}

.product_details {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.h3-light {
  color: #383A3D;
  font-size: 17px;
  font-weight: normal;
}

.bold {
  font-family: 'Gotham-Bold', Arial, sans-serif;
  font-weight: 700;
}

.h3-bold {
  color: #383A3D;
  font-size: 17px;
  font-weight: bold;
  font-family: 'Gotham-Bold', Arial, sans-serif;
  color: black;
}

.txt-black {
  color: #000 !important;
}

.flex-row {
  width: initial !important;
  display: flex;
  justify-content: space-between;
}

.fx-column {
  display: flex;
  flex-direction: column;
}

.fx-column label {
  text-align: left !important;
}

.txt-align {
  text-align: center;
}

.m-auto {
  margin: auto;
}

.row-reverse {
  display: flex;
  flex-direction: row-reverse;
}

.tabs-container {
  padding-top: 64px;
}

.hidden {
  display: none;
}

.cc-type > label {
  display: none !important;
}

.w-5 {
  width: 525px;
}

.w-5 .pad {
  font-size: 17px;
}

.completed-header {
  font-size: 32px;
  font-weight: 900;
  text-align: center;
}

.completed-text {
  font-size: 14px;
  text-align: center;
}

.completed-button {
  margin: auto;
  border-radius: 28px;
}

@media (max-width: 768px) {
  .center-pagination {
    text-align: center;
  }
  .center-pagination span {
    display: block;
  }
  #cc_type_image {
    right: 7%;
    top: 48%;
  }
}

#DripAutoResponderForm .input.file {
  display: none;
}

.ui-dialog-titlebar-close {
  background: transparent !important;
  border: none !important;
}

@media (max-width: 900px) {
  .overlay-content {
    width: 450px !important;
  }
  #verb-modal {
    width: 100%;
  }
}

#verb-modal iframe {
  max-height: 69%;
  height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available;
}

.overlay-content h3 {
  margin-bottom: 15px;
  font-size: 32px;
  font-family: 'Gotham-Bold';
}

.overlay-content .ui-widget-content {
  border: none;
}

.overlay-content #verb-modal {
  height: 100%;
}

.overlay-content iframe {
  border-radius: 10px;
}

.overlay-content {
  max-height: 69% !important;
}

#verb-modal {
  width: auto;
  border-radius: 10px !important;
  margin: auto;
  flex-direction: column;
}

#verb-modal p {
  font-size: 16px;
  line-height: 21.25px;
  margin-top: 0px;
}

#verb-modal iframe {
  width: 100%;
  margin-bottom: 15px;
  max-width: 100%;
}

#verb-modal a {
  float: right;
  align-self: flex-end;
}

#ui-dialog-title-verb-modal {
  font-size: 32px;
  line-height: 40px;
  font-weight: 900;
}

.ui-dialog {
  z-index: 1010 !important;
}

.ui-dialog .ui-dialog-titlebar-close {
  color: #98a0a8;
  font-size: 24px;
  font-weight: 400;
  position: relative !important;
  display: flex;
  flex: 1;
  justify-content: flex-end;
  padding: 0px !important;
}

.ui-dialog .ui-dialog-titlebar {
  display: flex;
  align-items: center;
}

.ui-widget {
  border-radius: 10px !important;
}

.ui-widget-header {
  background: transparent !important;
  border: none !important;
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
  position: absolute !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
  min-width: 550px !important;
}

.ui-dialog .ui-dialog-content {
  flex: 1 !important;
}

#verb-modal iframe {
  height: inherit;
}

.overlay-content #verb-modal {
  height: 100%;
}

@media (max-width: 558px) {
  .overlay-content {
    width: unset !important;
  }
  #banner-header-text {
    font-size: 12px;
  }
  .banner-cta {
    line-height: 32px !important;
    height: 32px !important;
  }
  #page_title {
    margin-top: 30px;
    margin-bottom: -30px;
    padding-bottom: 15px;
  }
  #editcontactpage {
    margin-top: 30px;
  }
}

.products_purchase #page_title {
  display: flex;
  width: 915px;
}

.purchase-card-input .input_placeholder {
  margin-bottom: 1em;
  width: 100%;
}

@media (max-width: 900px) {
  .marketing-fold-card {
    margin-left: 20px;
  }
  .products_purchase {
    width: 100%;
  }
  .purchase-page-layout {
    display: flex;
    flex-direction: column;
  }
  .products_purchase .pageTitle:parent:parent {
    width: 100%;
  }
  .products_purchase #page_title {
    width: 100%;
    margin: auto;
  }
}

.products_index_page .pageTitle {
  display: inline-block;
  margin-top: 25px;
}

.currency {
  white-space: nowrap;
}

#available {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.icon-video-camera-header {
  margin-right: 15px;
}

.go-live-header {
  margin-right: 30px;
}

.go-live-header-text {
  color: #fff;
}

@media (max-width: 768px) {
  .icon-video-camera-header {
    margin-right: 0px;
  }
  .go-live-header-text {
    display: none;
  }
}

@media (min-width: 769px) {
  .go-live-header-text {
    display: inline;
  }
}

#liveVideoBeforeShareModal {
  display: none;
  position: fixed;
  z-index: 1010;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
  /* Modal Content */
  /* Add Animation */
}

#liveVideoBeforeShareModal .modal-content {
  position: relative;
  padding: 16px;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  max-width: 800px;
  top: -10%;
  background-color: white;
  border-radius: 10px;
}

#liveVideoBeforeShareModal .modal-content .modal-header {
  padding-top: 10px;
}

#liveVideoBeforeShareModal .modal-content .modal-header .close {
  position: absolute;
  right: 0;
  top: 16px;
  width: 30px;
  height: 30px;
  opacity: 1;
}

#liveVideoBeforeShareModal .modal-content .modal-header .close:hover {
  opacity: 0.3;
}

#liveVideoBeforeShareModal .modal-content .modal-header .close:before, #liveVideoBeforeShareModal .modal-content .modal-header .close:after {
  position: absolute;
  content: ' ';
  height: 30px;
  width: 2px;
  background-color: #333;
}

#liveVideoBeforeShareModal .modal-content .modal-header .close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#liveVideoBeforeShareModal .modal-content .modal-header .close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#liveVideoBeforeShareModal .modal-content .modal-header h2 {
  text-align: center;
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
}

#liveVideoBeforeShareModal .modal-content .modal-body {
  padding: 2px 16px;
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-size: 16px;
  text-align: center;
}

#liveVideoBeforeShareModal .modal-content .modal-body p {
  margin-top: 0;
}

#liveVideoBeforeShareModal .modal-content .modal-footer {
  padding: 10px 16px 10px;
  font-family: 'Gotham-Regular', Arial, sans-serif;
  font-size: 16px;
  color: white;
  text-align: center;
}

#liveVideoBeforeShareModal .modal-content .modal-footer .modal-actions {
  justify-content: center;
  display: flex;
  gap: 16px;
}

#liveVideoBeforeShareModal .modal-content .modal-footer .modal-actions > .btn {
  text-transform: none;
  line-height: 1;
  min-width: 124px;
  height: 48px;
}

#liveVideoBeforeShareModal .modal-content .modal-footer .modal-actions > .btn > .btn-content {
  line-height: 38px;
}

#liveVideoBeforeShareModal .modal-content .modal-footer .modal-actions > .btn > .btn-content > p {
  display: inline;
  text-transform: none;
}

#liveVideoBeforeShareModal .modal-content .modal-footer .modal-actions > .btn > .btn-content > svg {
  width: 17px !important;
  height: 17px !important;
  vertical-align: middle;
  color: white;
  stroke: white;
  float: none;
  margin: 0;
}

#liveVideoBeforeShareModal .modal-content .modal-footer .modal-actions > .btn > .btn-content > svg * {
  stroke: white;
}

#liveVideoBeforeShareModal .modal-content .modal-footer .modal-actions > .btn.btn-outline-secondary {
  background-color: white;
}

#liveVideoBeforeShareModal .modal-content .modal-footer .modal-actions > .btn.btn-outline-secondary:hover:not(:disabled) {
  color: white;
}

#liveVideoBeforeShareModal .modal-content .modal-footer .modal-actions > .btn.btn-outline-secondary:hover:not(:disabled) > .btn-content svg * {
  stroke: white;
}

#liveVideoBeforeShareModal .modal-content .modal-footer .modal-actions > .btn:disabled, #liveVideoBeforeShareModal .modal-content .modal-footer .modal-actions > .btn[disabled] {
  opacity: 0.3;
}

@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

.switch_share{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin: 0;
}

.share {
  font-size: 16px;
  font-weight: 400;
  font-family: Gotham-Regular;
}

.switch {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 22px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 23px;
  width: 23px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color:  var(--verbtech-button-default-primary-background-color);

}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  transform: translateX(24px);
}


/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.tag_private {
  padding: 15px 20px;
  background-color: #ebeff4;
  color: #000;
  width: auto;
  display: inline-block;
  border-radius: 8px;
  font-weight: bold;
  text-align: start;
}

#tags {
  text-align: left;
}
#tags > div {
  display: none;
}

.tag{
  font-size: 12px;
  font-weight: bold;
  margin: 7px 0;
}

verb-crm-vod-analytics-report {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

header .nav-item > .nav-tab-react {
  font-weight: 500;
  font-size: 12px;
  display: flex;
  align-items: center;
  flex-direction: column;
  font-family: Poppins;
  a {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    width: max-content;
  }
}

header .nav-item.has-sub-nav .nav-tab-react:after {
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #767D84;
  position: absolute;
  top: 50%;
  right: -15px;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  transition: all 0.35s ease-in-out;
  transform: translateY(-50%);
}

.desk-nav-react {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 50px;
}

.vault-sub-icon {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}