body, html {
      padding: 0;
      margin: 0;
    }
    body {
      
      font-family: Arial;
      font-size: 12px;
      background-color: #989898;
    }
    .no_scroll {
      overflow: hidden;
    }
    .white {
      background-color: #fff;
    }
    a {
      text-decoration: none;
      color: #6aa5ff;
    }
    .wrapper:before{
        z-index:-1;
        position:absolute;
        left:0;
        top:0;
        background-image: url('STATISTICS.jpg');
        background-repeat: no-repeat;
        opacity:0.4;
    }
    hr {
      color: #000;
      margin-top: 41px;
      margin-bottom: 0;
    }
    .holder_wrapper {
      padding: 15px 30px;
    }
  

    .holder_wrapper_light {
      background-color: #c4c4c4;
      padding: 10px;
    }
    .type_tabs {
      display: flex;
      background-color: #c4c4c4;
      padding-left: 30px;
    }
    .type_tab {
      background-color: #989898;
      color: #fff;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      padding: 6px 25px;
      margin-right: 10px;
      cursor: pointer;
    }
    .type_tab_active {
      background-color: #005c8f;
      cursor: default;
    }


    .holder {
      position: relative;
      padding: 0px 0px 0px 0px;
      background-color: #fff;
      -webkit-box-shadow: 0px 0px 8px 5px rgba(11, 13, 15, 0.5);
        -moz-box-shadow: 0px 0px 8px 5px rgba(11, 13, 15, 0.5);
        box-shadow: 0px 0px 8px 5px rgba(11, 13, 15, 0.5);
    }
    .holder_dark {
      background-color: #555555;
      min-height: 100px;
      margin-top: 20px;
    }
    .topbar_holder {
      display: flex;
      padding: 10px 10px 0 10px;
      justify-content: space-between;
    }
    .settings_btn {
      background-color: #393939;
      border-radius: 5px;
      width: 26px;
      height: 24px;
      padding-top: 2px;
      cursor: pointer;
      position: absolute;
      top: 10px;
      right: 30px;
    }

    .settings_btn > div {
      width: 18px;
      height: 2px;
      background-color: #fff;
      margin: 4px 4px;
    }

    .new_campaign {
      padding-bottom: 10px;
    }
    .topbar {
      position: relative;
      height: 26px;
      background-color:#005c8f;
      margin-bottom: 30px;
      text-align: right;
      font-size: 0;
    }
    .topbar_dark {
      background-color:#393939;
      text-align: left;
      color: #fff;
      font-size: 12px;
      line-height: 26px;
      padding-left: 10px;
      width: 100%;
      border-radius: 5px;
    }
    .callapse {
      width: 26px;
        position: absolute;
        height: 26px;
        cursor: pointer;
    }
    
    .triangle {
      position: absolute;
      top: 6px;
      left: 6px;
      width: 0;
      height: 0;
      border-style: solid;
     
    }
    .triangle_up {
      border-width: 0 7px 10px 7px;
      border-color: transparent transparent #fff transparent;
    }
    .triangle_down {
      border-width: 10px 7.5px 0 7.5px;
      border-color: #fff transparent transparent transparent;
    }
    .moveUp, .moveDown, .moveToTop, .moveToBottom {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 3px 3px 3px 0;
      background-color: #737373;
      border-radius: 5px;
      text-align: center;
      position: relative;
      cursor: pointer;
    }
    .move_disabled > .arrow {
      /*background-color: #bebebe;*/
      cursor: default;
      opacity: .5;
    }
    .moveUp:hover  .arrow, .moveDown:hover .arrow, .moveToTop:hover  .arrow, .moveToBottom:hover .arrow{
      /*background-color: #bebebe;*/
      opacity: .5;
    }
    .arrow {
      border: solid #fff;
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 3px;
      position: absolute;
      
      left: 6px;
    }
    .up {
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
      top: 7px;
    }
    .up1 {
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
      top: 6px;
    }
    .up2 {
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
      top: 11px;
    }
    
    .down {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      top: 3px;
    }
    .down1 {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      top: 2px;
    }
    .down2 {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      top: 7px;
    }
    .padding {
      padding: 0 30px;
    }
    .input {
      border: 1px solid #747474;
      
      max-width: 100%;
      margin-right: 3px;
      font-size: 12px;
      padding: 2px;
    }
    .input_long {
      width: 50%;
    }
    .input_short {
      min-width: 389px;
    }
    .input_dark {
      background-color: #e9e9e9;
      border-color: #e9e9e9;
      font-weight: bold;
    }
    .btn_medium {
      font-weight: bold;
      border: none;
      background-color: #3970ff;
      color: #fff;
      padding: 6px 9px;
      font-size: 12px;
      text-align: center;
      min-width: 143px;
      cursor: pointer;
      position: relative;
      border-radius: 5px;
    }
    .btn {
      font-weight: bold;
      border: none;
      background-color: #3b519c;
      color: #fff;
      padding: 3px 9px;
      font-size: 12px;
      text-align: center;
      min-width: 143px;
      cursor: pointer;
      position: relative;
    }
    .startstop_on {
      background-color: #d1d1d1;
    }
    .btn_small {
      min-width: 30px;
    }
    .btn_on {
      background-color: #6aa5ff;
      color: #fff;
    }
    .btn:disabled {
      opacity: .5;
      cursor: default;
    }
    .campaign_name_line {
      display: flex;
      justify-content: space-between;
      padding-bottom: 20px;
    }
    .campaign_name_input {
      width: 100%;
    }
    .campaign_name_input > input{
      width: 95%;
    }
    .close {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 10px;
      height: 10px;
      
    }
    .close:hover {
      opacity: 1;
    }
    .close:before, .close:after {
      position: absolute;
      left: 5px;
      content: ' ';
      height: 13px;
      width: 2px;
      background-color: #000;
    }
    .close:before {
      transform: rotate(45deg);
    }
    .close:after {
      transform: rotate(-45deg);
    }
    .list {
      margin-top: 30px;
    }
    .list_item {
      position: relative;
      padding-left: 18px;
      margin-bottom: 20px;
    }
    .list_item_info {
      padding-left: 10px;
      margin-top: 5px;
    }
    .output > div {
      margin-bottom: 5px;
    }
    .output > div.clicked_delay_holder {
      margin-bottom: 15px;
    }
    .output_btns {
      display: flex;
    }
    .output_btns > div {
      margin-right: 10px;
    }
    .add_file_holder {
      margin-bottom: 20px;
    }
    .error {
      color: red;
    }
    .step {
      color: #72b168;
    }
    #_status {
      position: fixed;
      top: 15px;
      left: 15px;
    }
    .line {
      width: 100%;
      background-color: #000;
      height: 1px;
    }
    .line_white {
      background-color: #fff;
    }
    .summary {
   
      display: flex;
      padding-bottom: 20px;
    }
    .bottom_btns {
      display: flex;
      justify-content: space-between;
      padding-bottom: 20px;
    }
    .summary > div {
      margin-right: 100px;
      min-width: 150px;
    }
    .time_stats {
      display: flex;
    }
    .time_stats > div {
      
    }
    .info_line {
      display: flex;
      margin-bottom: 5px;
    }
    .output {
      margin-top: 20px;
      margin-bottom: 20px;
      border-bottom: 1px solid #c0c0c0;
    }
    .fillout {
     
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .chart {
      display: flex;
      flex-direction: column;
    }
    .chart_columns {
      flex-direction: column;
    }
    .pie {
      width: 100px;
      margin-top: 20px;
    }
    .pie_info {
      margin-left: 20px;
        margin-top: 34px;
        line-height: 20px;
        min-height: 100px;
    }
    .pie_info_white {
      color: #fff;
      margin-left: 0px;
      margin-top: 10px; 
    }
    .pie_info > div {
      display: flex;
      flex-direction: column;
      margin-bottom: 5px;
    }
    .pie_info_white > div {
      flex-direction: column;
    }
    .centered {
      align-items: center;
     
      min-height: 70px;
    }
    .pie_info_white > .centered {
      flex-direction: row;
    }
    .squire {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 10px;
    }
    .s_green {
      background-color: #85cb83;
    }
    .s_blue {
      background-color: #0166ff;
    }
    .s_red {
      background-color: #fe0000;
    }
    

    .time_color1 {
      background-color: #56dfd7; 
    }
    .time_color2 {
      background-color: #54c458;
    }
    .time_color3 {
      background-color: #feba67;
    }
    .time_color4 {
      background-color: #ff7663;
    }

    .video_color1 {
      background-color: #efc1ff; 
    }
    .video_color2 {
      background-color: #ff8bfa;
    }
    .video_color3 {
      background-color: #f30092;
    }
    .video_color4 {
      background-color: #e20001;
    }
    .s_bordered {
      border: 1px solid #000;
      width: 18px;
      height: 18px;
    }
    .block_state {
      font-size: 14px;;
    }
    .block_header {
        padding: 7px 30px;
        background-color: #f1faff;
        font-weight: bold;
        cursor: pointer;
        user-select: none;
        line-height: 21px;
        position: relative;
    }
    .with_back {
      background-color: rgb(245, 245, 245);
    
    }
    .subholder {
      border-bottom: 1px solid #c0c0c0;
    }
    .h20 {
      height: 20px;
    }
    .label_bold {
      font-weight: bold;
    }
    .label {
      margin-bottom: 5px;
    }
    .label_white {
      color: #fff;
    }
    .space {
      padding-top: 20px;
    }
    .input_holder {
      display: flex;
      
      width: 590px;
      margin: 0 -10px;
      padding-bottom: 20px;
    }
    .notes_div_holder {
      padding: 10px 0;
    }
    .notes_div {
    
      width: 100%;
      border: 1px solid #c0c0c0;
      resize: vertical;
      overflow: auto;
      height: 100px;
      background-color: #fff;
      
    }
    .input_holder > div {
      margin: 0 10px;
      
    }
    .server_url {
      line-height: 21px;
      margin: 0 3px 0 10px !important;
    }
    .input_holder > div > input {
      width: 100%;
    }
    .hidden {
      display: none;
    }
    .some_line {
      height: 1px;
      background-color: #c0c0c0;
      margin-bottom: 20px;
    }
    .some_line_top {
      margin-top: 20px;
    }
    .utm {
      margin-bottom: 20px;
    }
    select, select:focus {
        min-width: 200px;
        border: none;
        background-color: #747474;
        color: #fff;
     
        height: 19px;
        outline: none;
        font-weight: bold;
    }
    .select_long {
      width: 600px;
      max-width: 100%;
    }
    .match_by {
      padding: 5px 0;
    }
    .match_select {
      width: 389px;
    }
    .match_by > span {
        display: inline-block;
        border: none;
        background-color: #eef1fa;
        padding: 3px;
        vertical-align: top;
        min-height: 13px;
        width: calc(100% - 400px);
    }
    .matching {
      margin-bottom: 0;
    }
    .tooltip {
      position: absolute;
      top: 30px;
      left: -20px;
      background-color: #e9e9e9;
      border-radius: 10px;
      padding: 10px;
      white-space: nowrap;
        line-height: 18px;
        display: none;
        font-weight: normal;
        z-index: 100;
        color: #000;
    }
    .btn:hover .tooltip {
      display: block;
    }
    .simplelink {
      margin: 10px 0;
    }

    .output_table_holder {
      width: 100%;
      overflow-x: auto;
    }
    .output_table {
      display: table;
      margin-top: 15px;
      padding-bottom: 5px;
    }
    .row_header {
      background-color: #e9e9e9;
      font-weight: bold;
    }
    .row {
      display: table-row;
    }
    .cell-wrap {
      max-height: 100px;
      overflow: hidden;
    }
    .cell {
      display: table-cell;
      padding: 10px 10px 10px 30px;
      border-bottom: #e9e9e9 1px solid;
      border-right: #e9e9e9 1px solid;
      vertical-align: top;
      position: relative;
    }
    .cell_small {
      white-space: nowrap;
      min-width: 150px;
    }
    .cell_big {
      min-width: 200px;
      max-width: 300px;
      overflow: hidden;
    }
    .cell:first-child {
      border-left: #e9e9e9 1px solid;
    }

  .confirmation, .question {
      position: fixed;
      width: 100%;
      height: 100%;
      z-index: 900;
      
      top: 0;
  }
  #confirmation {
    display: none;
  }
  #ask {
    display: none;
  }
  .question_header {
    border-bottom: 1px solid #000;
  }
  .confirmation_bg {
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: .95;
      background-color: #f8f8f8;
  }
  .confirmation_center {
      display: table;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -70px;
      margin-left: -100px;
      width: 200px;
      height: 140px;
      border: 1px solid #000;
      
      background-color: #fff;
  
  }
  .question_text {
    padding: 30px 0;
  }
  .question_text > select {
    width: 100%;
  }
  .question_center {
    display: table;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -70px;
    margin-left: -200px;
    width: 400px;
    height: 140px;
    border: 1px solid #000;
    padding: 30px;
    background-color: #fff;

}
  .like_link {
    color: #4C92E4;
  }
  .confirmation_center > div {
    display: table-row;
  }
  .confirmation_message {
     
      display:table-cell;
      vertical-align:middle;
      margin: auto;
  }
  .confirmation_text {
      display: block;
      font-size: 12px;
      line-height: 16px;
      margin-bottom: 9px;
      text-align: center;
      padding: 0 15px;
  }
  .confirmation_line {
      display: block;
      margin: auto;
      width: 200px;
      height: 1px;
      background-color: #d5d3d3;
      margin-bottom: 30px;
  }
  .confirmation_buttons {
    display: flex;
    margin: auto;
    width: 126px;
    justify-content: space-between;
  }
  .question_buttons {
    display: flex;
    margin: auto;
    width: 100%;
    justify-content: space-between;
  }
  .confirmation_buttons > a {
     font-weight: bold;
  }
  .block_header {
    display: flex;
  }
  .block_header > div{
    display: inline-block;
  }
  .new_campaign_plus_holder {
    color: #fff;
    background-color: #005c8f;
    border-radius: 7px;
    display: flex;
    line-height: 20px;
    width: 107px;
    margin: 20px 0 20px 0;
    cursor: pointer;
  }
  .plus {
    position: relative;
    display: inline-block;
    width:20px;
    height:20px;
  }

  .new_campaign_plus {
    background: #005c8f;
    border-radius: 10px;
    cursor: pointer;
  }
  .new_campaign_plus_bottom {
    padding-top: 0;
  }
  .new_campaign_plus_top {
    padding-bottom: 0;
    padding-top: 0;
  }

  .plus:before,
  .plus:after {
    content: "";
    position:absolute;
    background:#000;
  }
  .new_campaign_plus:before,
  .new_campaign_plus:after {
    background:#fff;
  }

  .callapse .plus:before,
  .callapse .plus:after {
    background:#fff;
  }
  .triangle_down:before {
    display: none;
  }
  
  
  
  .plus:before {
    left:50%;
    top:4px;
    bottom:4px;
    width:2px;
    transform:translateX(-50%);
  }
  
  .plus:after {
    top:50%;
    left:4px;
    right:4px;
    height:2px;
    transform:translateY(-50%);
  }

  .minus:before {
    width: 0;
  }
  .login_form {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    margin: -100px 0 0 -150px;
  }
  .login_form > div {
    padding-bottom: 5px;
  }
  .line1 {
    font-weight: bold;
  }
  .line2 {
    width: 300px;
  }
  .line2 > input {
    width: 100%;
  }
  .line3 {
    text-align: right;
  }
 .engagment_popup {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 30px;

  transition: all 0.5s ease;
 }
 .engagment_headers {
   overflow: hidden;
 }
 .engagment_back {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.5;
}
.engagment_block {
 
  
  background-color: #fff;
  height: calc(100% - 100px);
  width: calc(100% - 100px);
  border-radius: 10px;
  position: relative;
  z-index: 1;
  padding: 5px 20px 20px 20px;
}
.engagment_body {
  display: flex;
  flex-direction: column;
  height: calc(100% - 20px);
  justify-content: space-between;
}
.engagment_table {
  height: 100%;
  max-height: calc(100% - 100px);
}
.engagment_data {
  overflow: scroll;
  max-height: calc(100% - 35px);
}
.engagment_btns {
  padding: 0 0 10px 0;
  display: flex;
  justify-content: space-between;
}

.sort-down {
  position: absolute;
  top: 11px;
  left: 8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 15px solid #a5a5a5;
  cursor: pointer;
}
.sort-down.active {
  border-top: 15px solid #245CEE;
}


.sort-up {
  position: absolute;
  top: 9px;
  left: 8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 15px solid #a5a5a5;
  cursor: pointer;
}
.sort-up.active {
  border-bottom: 15px solid #245CEE;
}
.pagination {
  width: 50px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  font-size: 12px;
  height: 12px;
}

  .settings_popup {

    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 80px 0 50px 0;
    overflow-y: scroll;
    transition: all 0.5s ease;
  }
  .settings_back {
    position: absolute;
    top: 0;
    height: 250%;
    width: 100%;
    background-color: #000;
    opacity: 0.5;
 }
 .settings_block {
    width: 700px;
    margin: auto;
    background-color: #fff;
    min-height: 100px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    padding: 5px 20px 20px 20px;
 }
 .block_title {
    font-weight: bold;
    border-bottom: 1px solid #000;
    line-height: 30px;
  }
  .settings_bottom {
    width: 740px;
    margin: auto;
    text-align: right;
    padding-top: 20px;
    z-index: 2;
    position: relative;
  }
  .settings_bottom_div {
    display: flex;
    justify-content: space-between;
  }
  .button_big {
    padding: 15px 15px;
    margin-bottom: 20px;
    background-color: #3b519c;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    border: none;
    cursor: pointer;
  }
  .emails_left {
    padding-top: 10px;
  }
  .emails_left input, .subject input {
    width: 100%;
    box-sizing: border-box;
    background-color: #efefef;
    border-radius: 4px; 
    border-color: #bbb;
    border-width: 1px;
    outline: none;
  }
  .emails_line {
    display: inline-block;
    margin-bottom: 5px;
    width: 90%
  }
  .emails_line_label {
    width: 55px;
  }
  .space {
    height: 20px;
  }
  .freq_group {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
  }
  input[type="radio"] {
    vertical-align: middle;
    margin-left: 0;
    margin-top: 0;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  .line_label {
    margin-bottom: 5px;
    margin-top: 5px;
  }
  .subject_line {
    width: 100%
  }

  .email_text {
    height: 150px;
    border: 1px solid #bbb;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    background-color: #efefef;
    border-radius: 4px;
  }