:root {
     --blue: #007bff;
     --indigo: #6610f2;
     --purple: #6f42c1;
     --pink: #e83e8c;
     --red: #dc3545;
     --orange: #fd7e14;
     --yellow: #ffc107;
     --green: #28a745;
     --teal: #20c997;
     --cyan: #17a2b8;
     --white: #fff;
     --gray: #6c757d;
     --gray-dark: #343a40;
     --primary: #007bff;
     --secondary: #6c757d;
     --success: #28a745;
     --info: #17a2b8;
     --warning: #ffc107;
     --danger: #dc3545;
     --light: #f8f9fa;
     --dark: #343a40;
     --breakpoint-xs: 0;
     --breakpoint-sm: 576px;
     --breakpoint-md: 768px;
     --breakpoint-lg: 992px;
     --breakpoint-xl: 1200px;
     --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
 html {
     font-family: sans-serif !important;
     line-height: 1.15 !important;
     -webkit-text-size-adjust: 100% !important;
     -ms-text-size-adjust: 100% !important;
     -ms-overflow-style: scrollbar !important;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
 body {
     padding-bottom: 5px;
     background-color: #eee;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    /*font-size: 1.3rem !important;
    */
     font-weight: 400 !important;
     line-height: 1.5 !important;
     color: #212529 !important;
}


 .table {
    max-width: 200% !important;
    width: 100% !important;
    border-spacing: 0 !important;
    border-collapse: separate !important;
    border-radius: 6px !important;
    border: 1px solid #eee !important;
    z-index: 10000 !important;
/*    box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.2) !important;*/
 }

 /*.tablesorter-header-inner {
    display: hidden !important;
 }*/

 .table th:first-child {
    border-top-left-radius: 9px !important;
 }

 .table th:last-child {
    border-top-right-radius: 9px !important;
 }
 
 .table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 9px !important;
 }

.table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 9px !important;
}

 .table tbody tr td:first-child span {
    font-size: 9px !important;
    color: rgba(0,0,0,0.8);
 }  

 .tablesorter-header-inner {
/*    font-size: 11px !important;*/
/*     color :rgba(0, 0, 0, 0.6) !important;*/
     font-size: 13px !important;
     padding-top: 6px !important;
     padding-bottom: 3px !important;
 }

 .table-sm th, .table-sm td {
     padding: 0.3rem !important;
}
/*aaaaaaaaaaaaaaaaaaaaaaaa*/
 .form-inline {
     margin-top: 8px;
     margin-bottom: 6px !important;
}
 .form-signin {
     max-width: 215px;
}
 .form-signin input, .form-edit input, .form-new-item input, .form-edit-headers input, .form-test input {
     margin-bottom: 4px;
}
 .table tr {
     font-weight: 400;
     font-size: 12px;
}
/*
.my-table tbody tr td.trontap {
    background-color: #007bff !important;
    color: white;
}*/

 .ontap {
    font-size: 18px !important;
    color: rgb(0, 123, 255);
 }


/* #items {
    width: 100%;
 }

 #items table {
     table-layout: fixed;
     word-wrap: break-word;
     width: 100% !important;
}*/
 .navbar {
    background-color: white;
 }

 .navbar-brand {
     font-size: 14px !important;
     margin-top: 0px !important;
     padding-top: 0px !important;
}
 #test {
     float: left;
     white-space: normal;
     font-size: 18px;
     width: 80px;
}
 .scrolling {
     margin-right: 30px!important;
}
 .sticky {
     position: fixed;
     width: 98.8% !important;
     top: -10px !important;
     z-index: 1;
}

 .default {
     background-color: #FFF!important;
}
 .history {
     text-align: center;
     width: 86px;
}
 .unselectable {
     -moz-user-select: none;
     -khtml-user-select: none;
     -webkit-user-select: none;
     user-select: none;
     -ms-user-select: none;
}


/*form, user card and top buttons*/

 .spam-valves {
     display: inline !important;
     width: 82%;
     float: left;
}

/*user card*/

 .g {
     display: block !important;
     margin-top: 30px !important;
     padding: 0px !important;
}

 #text, #subject {
     width: 100% !important;
     cursor: default !important;
}



 #subject {
     font-family: Helvetica,Arial,sans-serif !important;
     /*font-weight: 400 !important;*/

     font-size: 15px !important;
     border: 1px solid #eee !important;
     border-radius: 10px !important;
     color: black;
     padding-left: 10px !important;
     box-shadow: none !important;
     -webkit-appearance: !important;
     -moz-appearance: !important;
     appearance: !important;
}

#subject::placeholder{
  color: rgba(34,47,62,.7);
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.4 !im;
  margin-block-end: 16px;
  margin-block-start:  16px;
  margin-inline-end: 0px;
  margin-inline-start: 0px;
}

 .firstline {
     border: 0px !important;
     display: inline;
     float: left;
     width: auto !important;
     max-width: 500px !important;
     padding: 1px !important;
     margin-right: 3px;
     margin-top: 4px;
     padding-left: 0px !important;
     cursor: pointer;
     border-radius: 10px !important;
     box-shadow: none !important;
     box-sizing: border-box !important;
     margin-bottom: 4px;
}

.firstline:hover {
    background-color: #eee;
}




/*buttons*/



 .atts, .tags_btn, .unsub, .email-tracking, .bfooter {
    color: rgba(0,0,0,0.6) !important;
    font-weight: bold !important;
    border: 1px solid #eee !important;
    border-radius: 10px !important;
    float: left; 
    margin-top: 24px;
    margin-right: 3px; 
    margin-left: 3px;
    padding: 0 6px 0 6px !important;
    font-size: 13px; 
    height: 44px !important;
    display: inline;
    width: auto;
    max-width: 220px;
    text-align: center;
    margin-bottom: 6px;
 }

 .tags_btn {
    float: left;
    background-color: #fff;
    margin-top: 6px !important;
    margin-left: 0px !important;
 }


 .unsub, .email-tracking, .bfooter {
    float: right;
 }

 .email-tracking {
    margin-right: 0px !important;
 }

 .atts {
    padding-top: 0px !important;
 }

 .headers {
     margin-right: 0px !important;
     padding-right: 0px !important;
     width: 100% !important;
}
 .pagination {
    height: 44px;
    margin: 0px !important;
    margin-top: 6px !important;
    margin-bottom: 0px !important;
    float: left;
     /*position: absolute;*/
     /*margin-top: 24px !important;*/
    
 }

 .pagination > li:first-child > a {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
   
 }

  .pagination > li:last-child > a {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
 }

 .pagination > li > a {
    height: 44px;
    padding-top: 13px !important;
    font-size: 13px !important;
 }


/*table buttons*/

 .fx-btns {
     margin-bottom: -55px !important;
     width: auto;
     background: rgba(255,255,255,0.5);
 }
 .fx-btns div {
     display: inline;
     padding-left: 0px;
     padding-right: 0px;
}
 .fx-btns div:first-child {
     padding-left: 0px;
}
 .fx-btns img {
     width: 17px;
     height: 17px;
}


 .fx-btns button {
     font-size: 11px;
     font-weight: bold;
}
 .contacts-block div {
     display: inline;
     float: left;
}
 .contacts-block button {
     width: 100px !important;
     height: 29px;
     margin-right: 0px;
     margin-left: 0px;
}

 .upload-block {
    margin-left: 10px !important;

 }
 .upload-block button {
     min-width: 75px !important;
     height: 29px;
}
 .upload-big {
     font-size: 30px !important;
}
 .mdi-timer-sand {
     padding-top: 6px !important;
}
 .pseudo-button {
     text-decoration: none;
     font-weight: normal;
     font-size: 11px;
     cursor: pointer;
     padding: 3px 0 3px 0;
     border-radius: 3px;
}
 .separator:after {
     content: ' ';
     display: block;
     float: left;
     background: #ADADAD;
     height: 123%;
     opacity: 0.6;
     width: 1px;
     margin-left: 30px;
     margin-right: 30px;
     margin-top: -6px;
}
 .tools-block, .contacts-block, .stats-block {
     float: left;
}
 .tools-block i, .contacts-block i, .stats-block i {
     text-align: center;
     opacity: 0.6;
    /*letter-spacing: 0.5px;
    */
}
 .stats-block {
     padding-top: 11px !important;
     padding-right: 0px !important;
     margin-right: 0px !important;
}
 .stats-unsubscribed {
     font-size: 11px;
}
 #is-selected {
     height: 60px;
     float: left;
     margin-right: 10px;
     padding-right: 8px;
     border-right: 1px solid #d7d7d7;
}
 .just-stat {
     float: right;
}
 .tools-block button {
     width: 100px !important;
     height: 29px;
}
 .hi-down-block button {
     float: right !important;
     height: 29px;
}
 .download {
     border-radius: 0px !important;
     border-top-right-radius: 4px !important;
     border-bottom-right-radius: 4px !important;
     border-left: 0px !important;
}
/*new style*/
 .mdi {
     font-size: 15px;
}
/*tabz*/
 .mdi-pencil {
     cursor: pointer !important;
}
 
 .invisible {
     visibility: hidden;
     opacity: 0;
}

 .close_tab {
     color: grey;
     opacity: .5;
     margin-left: 1px;
}
}
 sup span {
     font-size: 1em;
}
 .my-table {
    width: 99% !important;
    counter-reset: rowNumber;
}
 .my-table :not(thead)>tr {
    counter-increment: rowNumber;
}
 .my-table tr th:first-child::before {
    content: counter(rowNumber);
    min-width: 1em;
    margin-right: .5em;
}
 .my-table thead tr th:first-child::before {
    content: '';
    width: 1px !important;
 }

 .my-table tr th:first-child {    
    padding-bottom: 6px !important;
 }

 .my-table thead tr th:last-child {
    padding-right: 6px !important;
 }

 .my-table thead tr {
    background-color: white !important;
 }

 .my-table thead tr td {
    background-color: white !important;
 }

 .my-table thead tr th {
    background-color: white !important;
 }


 .u img {
     width: 30px !important;
     height: 30px !important;
}
 button.disabled span {
     background-color: inherit!important;
}

 .my-table td {
    border-top: 0.5px !important;
    border-color: rgba(241,241,241,1) !important;
 }

 .my-table tr:last-child td {
    border-bottom: 0px !important;
 }

 .my-table th:first-child {
    width: 1px !important;
 }

 .my-table tbody tr td {
    vertical-align: middle !important;
 }

 .tablesorter-filter-row td:first-child {
    width: 1px !important;
    background-size: 1px !important;
 }


 .tablesorter thead .disabled {
    display: none
}
 .tablesorter-filter-row td {
     background: #fff !important;
     line-height: normal;
     text-align: center;
     -webkit-transition: line-height .1s ease;
     -moz-transition: line-height .1s ease;
     -o-transition: line-height .1s ease;
     transition: line-height .1s ease;
}
 .tablesorter-filter-row .disabled {
     opacity: 0.5;
     filter: alpha(opacity=50);
     cursor: not-allowed;
}
 .tablesorter-filter-row.hideme td {
     line-height: 0;
     cursor: pointer;
     margin: 0;
     padding: 2px;
}
 .tablesorter-filter-row.hideme * {
     height: 1px;
     min-height: 0;
     border: 0;
     opacity: 0;
     filter: alpha(opacity=0);
     margin: 0;
     padding: 0;
}
 .tablesorter-filter {
     width: 85%;
     float: left;
     height: inherit;
     background-color: #fff;
     border: 1px solid #bbb;
     color: #333;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: height .1s ease;
     -moz-transition: height .1s ease;
     -o-transition: height .1s ease;
     transition: height .1s ease;
     border-radius: 3px;
}
 .ts-startRow {
     background-color: #fff;
     border: 1px solid #bbb;
     color: #333;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: height .1s ease;
     -moz-transition: height .1s ease;
     -o-transition: height .1s ease;
     transition: height .1s ease;
     border-radius: 3px;
     text-align: center;
}
 .tablesorter .filtered {
     display: none;
}
 .handler {
     right: 50px;
}
 .handler th {
     padding: 5px;
}
 .popover {
     width: 230px;
     height: 320px;
     right: 0px;
     bottom: 0px;
}
 .disconnected:before {
     content: 'Gmail is disconnected';
}
 .connected:before {
     content: 'Gmail is connected';
}
 .connected span {
     display: inline-block;
     height: 5px;
     width: 5px;
     margin: 5px;
     -moz-border-radius: 30px;
     border-radius: 30px;
     background-color: #5cb85c ;
     vertical-align: middle;
     color: white;
     text-align: center;
     font-size: 2em;
}
 .disconnected span {
     display: inline-block;
     height: 5px;
     width: 5px;
     margin: 5px;
     -moz-border-radius: 30px;
     border-radius: 30px;
     background-color: #d9534f ;
     vertical-align: middle;
     color: white;
     text-align: center;
     font-size: 2em;
}
 .hide {
     right: 10px !important;
}
 .mdi-pushpin:hover {
     cursor: pointer;
}
 .check {
     border: 1px solid #ccc !important;
}
 .gamburger {
     float: right;
}
 .hiddenname {
     display: none;
     font-size: 11px;
     width: 50px !important;
}

 .i {
     margin-right: 3px;
     cursor: pointer;
}
 .v {
     display: inline;
}
 .help {
     display: inline;
     width: 210px;
     float: right;
     font-size: 11px;
}
 .preview {
     margin: 15px;
     list-style-type: none;
}
 .plz {
     color: red;
}
 .select-flag {
     width: 17px;
     height: 17px;
}
 #radioBtn {
     left: 5px;
}
 #radioBtn:hover {
     border: 0px;
}
 .test-items tr td {
     padding: 2px;
}

 .icon-flipped {
     transform: scaleX(-1);
     -moz-transform: scaleX(-1);
     -webkit-transform: scaleX(-1);
     -ms-transform: scaleX(-1);
}
}
 .cptch, .l {
     display: inline;
}
 .error {
     color: #d9534f;
}
 .beta {
     color: rgba(255,255,255,0);
     text-shadow: 0px 0px 1px white;
}

 #text {
     float: left !important;
     display: none;
     color: black;
     font-family: Helvetica, Arial, sans-serif !important;
     font-size: 16px !important;
     opacity:  0.6;
     line-height: 22.4px;
     margin-block-end: 16px;
     margin-block-start:  16px;
     margin-inline-end: 0px;
     margin-inline-start: 0px;
}

 #text::placeholder {
    color: black;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    opacity:  0.6;
    line-height: 22.4px;
    margin-block-end: 16px;
    margin-block-start:  16px;
    margin-inline-end: 0px;
    margin-inline-start: 0px;
 }
 
 .another-one {
     font-size: 12px;
     margin-left: 5px;
     cursor: pointer;
}
 .pagesize {
     padding-top: 2px !important;
     width: 100px !important;
     display: inline !important;
}
 .gmail_settings {
     display: block;
     float: left;
     width: auto !important;
     min-width: 260px;
     max-width: 540px !important;
     border: 1px solid #eee !important;
     border-radius: 10px !important;
}
 .gmail_settings img {
     width: 62px;
     height: 62px;
     float: left;
     margin-right: 6px;
     border-radius: 10px;
}

 .gmail_settings img:hover {
     cursor: pointer;
}

#tinymce {

}

#tinymce p {
    font-size: 16px !important;
    padding: 0 !important;
    margin: 2px 0 !important;
}

 .control-handlers {
     float: left;
     display: block;
}
 .subscribe {
     font-weight: normal !important;
     cursor: pointer;
}
 .reset {
     color: #d9534f;
     opacity: 0;
     width: 5px;
     height: 5px;
     float: right;
     margin-right: 23px;
     position: relative;
     margin-top: -24px !important;
}
 .del-h {
     text-decoration: none !important;
     color: grey !important;
     opacity: .5;
}
 .del-h:hover {
     opacity: 1;
}
 .bg-info:hover {
     background-color: #abd7ed !important;
}
 .bg-deep {
     background-color: #abd7ed !important;
}
 .pager {
     float: right;
     position: fixed !important;
     right: 100px;
     bottom: -11px !important;
     background-color: rgba(255,255,255,0.7);
}
 .next span {
     float: none!important;
}


#pager div .next, #pager div .last, #pager div .prev, #pager div .first {
     line-height: 21px !important;
     height: 34px !important;
     font-size: 15px !important;
}
 .scrollToTop{
     line-height: 21px;
     height: 34px;
     font-size: 15px;
     position: fixed;
     bottom: 10px;
     right: 10px;
}
 .scrollToBottom {
     line-height: 21px;
     height: 34px;
     font-size: 15px;
     position: fixed;
     bottom: 10px;
     right: 55px;
}
 .scrollToTop, .scrollToBottom:hover{
     cursor: pointer;
}
 .nav-tabs {
     border-bottom: 1px solid #d7d7d7;
}
 .nav-tabs li {
     border: 1px solid #d7d7d7;
     border-right-width: 0px;
     min-width: 150px;
}
 .nav-tabs li:last-child {
     border-right-width: 1px;
}
 .nav-tabs li a {
     padding-left: 25px !important;
     padding-right: 25px !important;
     margin: 0px !important;
     background: rgba(243,243,243,.85);
     border-width: 0px !important;
     border-radius: 0px !important;
     border-top: 2px solid rgba(243,243,243,.85) !important;
     text-align: center !important;
     cursor: pointer !important;
}
 .nav-tabs li.active a:after, .nav-tabs li.active:after {
     width:100%;
     left:0px;
     bottom:-1px;
     content:"";
     position:absolute;
     border-bottom: 2px solid white !important;
}
 .nav-tabs li.active a:before {
     width:101.5%;
     left:-1px;
     top:-3px;
     content:"";
     position:absolute;
     border-top:3px solid rgb(0, 123, 255) !important;
}

 


 .nav-tabs li:hover:not(.active):not(.new-one) a:before {
     border-top: 3px solid #d3d3d3 !important;
     width:100%;
     left:0px;
     top:-3px;
     content:"";
     position:absolute;
}
 .nav-tabs li:hover:not(.active):not(.new-one) a {
     background: rgba(243,243,243,.85);
}

 .nav-tabs li a:active {
    background-color: #d3d3d3 !important;
 }

 .nav-tabs li.active a:active {
     cursor: pointer !important;
     background-color: rgb(0, 123, 255) !important;
     color: white !important;
     border-color: rgb(0, 123, 255) !important;
     border-left: 1px solid rgb(0, 123, 255) !important;
 }




 .new-tab-handler form button {
     font-size: 16px !important; 
     line-height: 4px !important; 
     vertical-align: -0.05em; 
     border: 0px solid #d7d7d7;
     min-width: 150px !important;
     height: 42px !important;
     color: #28a745 !important;
     background-color: white;
 }

  .new-tab-handler form button:hover {
     color: white !important;
     background-color: #28a745 !important;
     cursor: pointer;
 }

 .active-campaign:hover {
    background: #eee !important;
    cursor: pointer !important;
 }

 .new-one {
     border: 0px !important;
     min-width: 0px !important;
}
 .nav-tabs .new-one a {
     color: #d3d3d3;
     padding-left: 10px !important;
     padding-right: 15px !important;
     background: white !important;
     border-top: 0px !important;
     margin-top: 2px !important;
     height: 30px !important;
}
 .nav-tabs .new-one a span {
     font-size: 19px !important;
     padding-bottom: 3px !important;
}
 .nav-tabs .new-one:hover a {
     cursor: pointer;
     color: #737373;
}
/* Shared */
 .loginBtn {
     box-sizing: border-box;
     position: relative;
    /* width: 13em;
     - apply for fixed size */
     margin: 0.2em;
     padding: 0 15px 0 46px;
     border: none;
     text-align: left;
     line-height: 34px;
     white-space: nowrap;
     border-radius: 0.2em;
     font-size: 16px;
     color: #FFF;
}
 .loginBtn:before {
     content: "";
     box-sizing: border-box;
     position: absolute;
     top: 0;
     left: 0;
     width: 34px;
     height: 100%;
}
 .loginBtn:focus {
     outline: none;
}
 .loginBtn:active {
     box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}
/* Facebook */
 .loginBtn--facebook {
     background-color: #4C69BA;
     background-image: linear-gradient(#4C69BA, #3B55A0);
    /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;
    */
     text-shadow: 0 -1px 0 #354C8C;
}
 .loginBtn--facebook:before {
     border-right: #364e92 1px solid;
     background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat;
}
 .loginBtn--facebook:hover, .loginBtn--facebook:focus {
     background-color: #5B7BD5;
     background-image: linear-gradient(#5B7BD5, #4864B1);
}
/* Google */
 .loginBtn--google {
    /*font-family: "Roboto", Roboto, arial, sans-serif;
    */
     background: #DD4B39;
}
 .loginBtn--google:before {
     border-right: #BB3F30 1px solid;
     background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat;
}
 .loginBtn--google:hover, .loginBtn--google:focus {
     background: #E74B37;
}
 a.loginBtn:hover {
     text-decoration: none !important;
     color: white;
}
 .footer {
     margin-left: 48%;
     margin-top: 25px;     
     font-size: 11px;
}



 .scraping-bar {
     height: 50px !important;
}
 .history_header {
     text-align: right;
}
 .history_none {
     color: #007bff;
     text-align: right;
     opacity: 0.4;
}
 .history_block {
     float: right;
     text-align: right;
     width: 150px;
     right: 10px !important;
}
 .history_block .history_item:first-child {
     border-radius: 4px 4px 0 0;
}
 .history_block .history_item:last-child {
     border-radius: 0 0 4px 4px;
}
 .history_block .history_item:only-child {
     border-radius: 4px 4px 4px 4px;
}
 .history_item {
     display: inline;
     color: #fff !important;
     font-size: 11px;
    /*padding-left: 1px;
     padding-right: 1px;
    */
     margin: 0px !important;
}
 .history_item.success {
     color: #28a745 !important;
}
 .history_item.danger {
     color: #dc3545 !important;
}
 .mdi-pushpin {
     margin-left: 5px;
     opacity: 0.5;
}
 @media screen and (prefers-reduced-motion: reduce) {
     .btn {
         transition: none !important;
    }
}
 .btn:hover, .btn:focus {
     text-decoration: none !important;
}
 .btn:focus, .btn.focus {
     outline: 0 !important;
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}
 .btn.disabled, .btn:disabled {
     opacity: 0.65 !important;
}
 .btn:not(:disabled):not(.disabled) {
     cursor: pointer !important;
}
 a.btn.disabled, fieldset:disabled a.btn {
     pointer-events: none !important;
}
 .btn-primary {
     color: #fff !important;
     background-color: #007bff !important;
     border-color: #007bff !important;
}
 .btn-primary:hover {
     color: #fff !important;
     background-color: #0069d9 !important;
     border-color: #0062cc !important;
}
 .btn-primary:focus, .btn-primary.focus {
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) !important;
}
 .btn-primary.disabled, .btn-primary:disabled {
     color: #fff !important;
     background-color: #007bff !important;
     border-color: #007bff !important;
}
 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
     color: #fff !important;
     background-color: #0062cc !important;
     border-color: #005cbf !important;
}
 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) !important;
}
 .btn-secondary {
     color: #fff !important;
     background-color: #81888f !important;
     border-color: #6c757d !important;
}
 .btn-secondary:hover {
     color: #fff !important;
     background-color: #5a6268 !important;
     border-color: #545b62 !important;
}
 .btn-secondary:focus, .btn-secondary.focus {
     box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5) !important;
}
 .btn-secondary.disabled, .btn-secondary:disabled {
     color: #fff !important;
     background-color: #6c757d !important;
     border-color: #6c757d !important;
}
 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
     outline: none !important;
     box-shadow: none !important;
}
 .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
     outline: none !important;
     box-shadow: none !important;
}
 .btn-success {
     color: #fff !important;
     background-color: #28a745 !important;
     border-color: #28a745 !important;
}
 .btn-success:hover {
     color: #fff !important;
     background-color: #218838 !important;
     border-color: #1e7e34 !important;
}
 .btn-success:focus, .btn-success.focus {
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5) !important;
}
 .btn-success.disabled, .btn-success:disabled {
     color: #fff !important;
     background-color: #28a745 !important;
     border-color: #28a745 !important;
}
 .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
     color: #fff !important;
     background-color: #1e7e34 !important;
     border-color: #1c7430 !important;
}
 .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5) !important;
}
 .btn-info {
     color: #fff !important;
     background-color: #17a2b8 !important;
     border-color: #17a2b8 !important;
}
 .btn-info:hover {
     color: #fff !important;
     background-color: #138496 !important;
     border-color: #117a8b !important;
}
 .btn-info:focus, .btn-info.focus {
     box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}
 .btn-info.disabled, .btn-info:disabled {
     color: #fff !important;
     background-color: #17a2b8 !important;
     border-color: #17a2b8 !important;
}
 .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
     color: #fff !important;
     background-color: #117a8b !important;
     border-color: #10707f !important;
}
 .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}
 .btn-warning {
     color: #212529 !important;
     background-color: #ffc107 !important;
     border-color: #ffc107 !important;
}
 .btn-warning:hover {
     color: #212529 !important;
     background-color: #e0a800 !important;
     border-color: #d39e00 !important;
}
 .btn-warning:focus, .btn-warning.focus {
     box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5) !important;
}
 .btn-warning.disabled, .btn-warning:disabled {
     color: #212529 !important;
     background-color: #ffc107 !important;
     border-color: #ffc107 !important;
}
 .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
     color: #212529 !important;
     background-color: #d39e00 !important;
     border-color: #c69500 !important;
}
 .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5) !important;
}
 .btn-danger {
     color: #fff !important;
     background-color: #dc3545 !important;
     border-color: #dc3545 !important;
}
 .btn-danger:hover {
     color: #fff !important;
     background-color: #c82333 !important;
     border-color: #bd2130 !important;
}
 .btn-danger:focus, .btn-danger.focus {
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5) !important;
}
 .btn-danger.disabled, .btn-danger:disabled {
     color: #fff !important;
     background-color: #dc3545 !important;
     border-color: #dc3545 !important;
}
 .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
     color: #fff !important;
     background-color: #bd2130 !important;
     border-color: #b21f2d !important;
}
 .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5) !important;
}
 .btn-light {
     color: #212529 !important;
     background-color: #f8f9fa !important;
     border-color: #f8f9fa !important;
}
 .btn-light:hover {
     color: #212529 !important;
     background-color: #e2e6ea !important;
     border-color: #dae0e5 !important;
}
 .btn-light:focus, .btn-light.focus {
     box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5) !important;
}
 .btn-light.disabled, .btn-light:disabled {
     color: #212529 !important;
     background-color: #f8f9fa !important;
     border-color: #f8f9fa !important;
}
 .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
     color: #212529 !important;
     background-color: #dae0e5 !important;
     border-color: #d3d9df !important;
}
 .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5) !important;
}
 .btn-dark {
     color: #fff !important;
     background-color: #343a40 !important;
     border-color: #343a40 !important;
}
 .btn-dark:hover {
     color: #fff !important;
     background-color: #23272b !important;
     border-color: #1d2124 !important;
}
 .btn-dark:focus, .btn-dark.focus {
     box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5) !important;
     background-color: #8f8f8f !important;
}
 .btn-dark.disabled, .btn-dark:disabled {
     color: #fff !important;
     background-color: #343a40 !important;
     border-color: #343a40 !important;
}
 .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
     color: #fff !important;
     background-color: #8f8f8f !important;
     border-color: #8f8f8f !important;
}
 .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5) !important;
}
 .btn-outline-primary {
     color: #007bff !important;
     background-color: transparent !important;
     background-image: none !important;
     border-color: #007bff !important;
}
 .btn-outline-primary:hover {
     color: #fff !important;
     background-color: #007bff !important;
     border-color: #007bff !important;
}
 .btn-outline-primary:focus, .btn-outline-primary.focus {
     box-shadow: none !important;
}
 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
     color: #007bff !important;
     background-color: transparent !important;
}
 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
     color: #fff !important;
     background-color: #007bff !important;
     border-color: #007bff !important;
}
 .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) !important;
}
 .btn-outline-secondary {
     color: #6c757d !important;
     background-color: transparent !important;
     background-image: none !important;
     border-color: #6c757d !important;
}
 .btn-outline-secondary:hover {
     color: #fff !important;
     background-color: #6c757d !important;
     border-color: #6c757d !important;
}
 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
     box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5) !important;
}
 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
     color: #6c757d !important;
     background-color: transparent !important;
}
 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
     color: #fff !important;
     background-color: #6c757d !important;
     border-color: #6c757d !important;
}
 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5) !important;
}
 .btn-outline-success {
     color: #28a745 !important;
     background-color: transparent !important;
     background-image: none !important;
     border-color: #28a745 !important;
}
 .btn-outline-success:hover {
     color: #fff !important;
     background-color: #28a745 !important;
     border-color: #28a745 !important;
}
 .btn-outline-success:focus, .btn-outline-success.focus {
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5) !important;
}
 .btn-outline-success.disabled, .btn-outline-success:disabled {
     color: #28a745 !important;
     background-color: transparent !important;
}
 .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
     color: #fff !important;
     background-color: #28a745 !important;
     border-color: #28a745 !important;
}
 .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5) !important;
}
 .btn-outline-info {
     color: #17a2b8 !important;
     background-color: transparent !important;
     background-image: none !important;
     border-color: #17a2b8 !important;
}
 .btn-outline-info:hover {
     color: #fff !important;
     background-color: #17a2b8 !important;
     border-color: #17a2b8 !important;
}
 .btn-outline-info:focus, .btn-outline-info.focus {
     box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}
 .btn-outline-info.disabled, .btn-outline-info:disabled {
     color: #17a2b8 !important;
     background-color: transparent !important;
}
 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
     color: #fff !important;
     background-color: #17a2b8 !important;
     border-color: #17a2b8 !important;
}
 .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}
 .btn-outline-warning {
     color: #ffc107 !important;
     background-color: transparent !important;
     background-image: none !important;
     border-color: #ffc107 !important;
}
 .btn-outline-warning:hover {
     color: #212529 !important;
     background-color: #ffc107 !important;
     border-color: #ffc107 !important;
}
 .btn-outline-warning:focus, .btn-outline-warning.focus {
     box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5) !important;
}
 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
     color: #ffc107 !important;
     background-color: transparent !important;
}
 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
     color: #212529 !important;
     background-color: #ffc107 !important;
     border-color: #ffc107 !important;
}
 .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5) !important;
}
 .btn-outline-danger {
     color: #dc3545 !important;
     background-color: transparent !important;
     background-image: none !important;
     border-color: #dc3545 !important;
}
 .btn-outline-danger:hover {
     color: #fff !important;
     background-color: #dc3545 !important;
     border-color: #dc3545 !important;
}
 .btn-outline-danger:focus, .btn-outline-danger.focus {
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5) !important;
}
 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
     color: #dc3545 !important;
     background-color: transparent !important;
}
 .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
     color: #fff !important;
     background-color: #dc3545 !important;
     border-color: #dc3545 !important;
}
 .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5) !important;
}
 .btn-outline-light {
     color: #f8f9fa !important;
     background-color: transparent !important;
     background-image: none !important;
     border-color: #f8f9fa !important;
}
 .btn-outline-light:hover {
     color: #212529 !important;
     background-color: #f8f9fa !important;
     border-color: #f8f9fa !important;
}
 .btn-outline-light:focus, .btn-outline-light.focus {
     box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5) !important;
}
 .btn-outline-light.disabled, .btn-outline-light:disabled {
     color: #f8f9fa !important;
     background-color: transparent !important;
}
 .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
     color: #212529 !important;
     background-color: #f8f9fa !important;
     border-color: #f8f9fa !important;
}
 .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5) !important;
}
 .btn-outline-dark {
     color: #343a40 !important;
     background-color: transparent !important;
     background-image: none !important;
     border-color: #343a40 !important;
}
 .btn-outline-dark:hover {
     color: #fff !important;
     background-color: #343a40 !important;
     border-color: #343a40 !important;
}
 .btn-outline-dark:focus, .btn-outline-dark.focus {
     box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5) !important;
}
 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
     color: #343a40 !important;
     background-color: transparent !important;
}
 .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
     color: #fff !important;
     background-color: #343a40 !important;
     border-color: #343a40 !important;
}
 .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5) !important;
}
 .btn-link {
     font-weight: 400 !important;
     color: #007bff !important;
     background-color: transparent !important;
}
 .btn-link:hover {
     color: #0056b3 !important;
     text-decoration: underline !important;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn-link:focus, .btn-link.focus {
     text-decoration: underline !important;
     border-color: transparent !important;
     box-shadow: none !important;
}
 .btn-link:disabled, .btn-link.disabled {
     color: #6c757d !important;
     pointer-events: none !important;
}
 .btn-lg, .btn-group-lg > .btn {
    /*padding: 0.5rem 1rem !important;
    */
    /*font-size: 1.25rem !important;
     line-height: 1.5 !important;
    */
     border-radius: 0.3rem !important;
}
 .btn-sm, .btn-group-sm > .btn {
    /*padding: 0.25rem 0.5rem !important;
    */
    /*font-size: 0.875rem !important;
     line-height: 1.5 !important;
    */
     border-radius: 0.2rem !important;
}
 .btn-block {
     display: block !important;
     width: 100% !important;
}
 .btn-block + .btn-block {
     margin-top: 0.5rem !important;
}
 .pagedisplay {
     font-size: 12px;
     margin-right: 5px;
     margin-left: 5px;
}
 .custom-control-label::before {
     position: absolute !important;
     top: 0.25rem !important;
     left: -1.5rem !important;
     display: block !important;
     width: 1rem !important;
     height: 1rem !important;
     pointer-events: none !important;
     content: "" !important;
     -webkit-user-select: none !important;
     -moz-user-select: none !important;
     -ms-user-select: none !important;
     user-select: none !important;
     background-color: #dee2e6 !important;
}
 .custom-control-label::after {
     position: absolute !important;
     top: 0.25rem !important;
     left: -1.5rem !important;
     display: block !important;
     width: 1rem !important;
     height: 1rem !important;
     content: "" !important;
     background-repeat: no-repeat !important;
     background-position: center center !important;
     background-size: 50% 50% !important;
}
 .mdi-link {
     cursor: pointer;
}
 .non-link {
     opacity: 0.5;
     cursor: default;
     text-decoration: none !important ;
}
 .modal-backdrop.fade, .modal-backdrop.fade.in {
     opacity: 0.7 !important;
}
 .modal {
     background: rgba(0,0,0,0.5) !important;
     padding-top: 15%;
}
 
 .handlers {
     width:auto;
     min-width: 180px;
}
 #sending-to {
     font-style: normal;
     font-weight: normal;
     font-size: 11px;
     text-align: center;
}
 .stats {
     width: 150px;
     height: 150px;
     font-size: 23px;
     color: rgba(100, 100, 100, 0.4);
     margin-top: 15px;
}
 .alll {
     width: 250px;
     display: block;
     float: left;
     margin-top: 30px !important;
}

 .stats-near-circle {
    text-align: center !important;
    min-width: 260px;
    margin-top: 230px;
    padding-left: 45px;
    height: 20px; 
    position: absolute;
    color: rgba(100, 100, 100, 0.7);
 }

 .stats-near-circle-1 div {
    display: inline;
    margin-right: 15px;
 }

 .stats ul {
     margin-left: 0px;
     padding-left: 0px;
}
/*.selected {
     font-size: 15px;
}
*/
 
 
 .scraping-stats {
     float: right;
     margin-right: 250px;
}
 .scraping-counter {
     margin-left: 190px;
}
 .s-bar {
     height: 30px !important;
     width: 270px;
     display: inline;
     float:left;
     margin-left: 55px;
     margin-right: 5px;
}
 .progress-percentage {
     visibility: hidden;
     font-size: 50px;
     display: inline-block;
     width: 100px;
     float: right;
}
 .scraping_stop {
     display: inline;
}
 #sending {
     visibility: hidden;
    /*margin-left: 25%;
    */
    /*margin-top: 100px;
    */
     font-style: normal;
     font-weight: normal;
     display: inline-block;
     font-size: 11px;
     color: #007bff;
     margin-top: 5px;
}
 #pause {
     color: orange;
     margin-right: 115px;
}
 
 #super-background {
    background-size: 86% 65%;
    background-image: url('../static/mailontap-btn.png');
    color: rgb(0, 123, 255) !important;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    border: 0px !important;
    float: left;
    width: 220px !important;
    height: 190px !important;
    margin-left: 32px !important;
    margin-top: -3px !important;
    z-index: 100;
    cursor: pointer !important;
 }


 .super-grayscale-background {
    background-image: url('../static/mailontap-btn.png');
    filter: grayscale(100%);
 }

 .super {
    position: relative;
    width: 110px;
    border: 0px !important;
    font-size: 19px;
    font-weight: bold !important;
    background-color: rgba(255, 255, 255, 0);
    color: white;
    transform: rotate(-14deg);
    margin-top: 50px;     
    margin-left: 46px;
    z-index: 101;
    cursor: pointer !important;
}


 .counter {
    /*padding: 30px;
    */
     width: 50px !important;
     float: left !important;
     height: 347px !important;
    /*border: 1px solid grey;
     */
     margin-top: 30px;
     padding-top: 79px !important;
}
 .counter ul {
     list-style: none;
}
 .counter .progress {
     width: 60%;
}
 .counter .progress .progress-bar:not(:empty) {
     min-width: 11px;
}
 .counter ul li span {
     width: 80px;
     margin-right: 25px;
     float: left;
}

 .upload-first {
     float: left;
     font-size: 19px;
     width: 100px !important;
     height: 100px !important;
     border-radius: 100px !important;
     font-weight: bold !important;
     z-index: 1000 !important;
     margin-top: 5vh;
}
 .upload-first-label {
     padding-top: 25px;
}
 #myChart {
     margin-left: 13px !important;
     width: 250px;
     float: left !important;
     position: absolute !important;
     z-index: 99 !important;
}
 .resume {
     margin-right: 0px !important;
     margin-left: -25px !important;
     border-right: 0px !important;
}
 #addto_blast, #removefrom_blast {
     display: inline;
     width: 151px !important;
     font-size: 11px;
     margin: 5px;
     margin-right: 0px;
}
 .select-type {
    width: 76px !important;
 }


 thead th {
     background-repeat: no-repeat;
     background-position: 55% 75%;
}
}
 th.up {
     padding-right: 20px;
     background-image: url(data:image/gif;
    base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
 th.down {
     padding-right: 20px;
     background-image: url(data:image/gif;
    base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
 .tablesorter-default .header, .tablesorter-default .tablesorter-header {
    background-size: 17.3px !important;
    border-bottom: 0px !important;
 }

 .blast-block {
     display: inline;
     float: left;
     width: 303px !important;
     height: 29px;
     margin-top: 6px !important;
}
 .blast-block button {
     margin-right: 0px !important;
     margin-left: 0px !important;
}
 .edit-item {
     display: inline !important;
     opacity: 1;
}
 .force_stop {
     color: #d9534f !important;
     visibility: hidden;
     position: absolute;
     float: left;
     font-size: 19px;
     border: 0px !important;
     float: left;
     width: 190px !important;
     height: 190px !important;
     margin-left: 41px !important;
     margin-top: 1px !important;
     border-radius: 100px !important;
     font-weight: bold !important;
     background-color: white !important;
}
 .default-csv {
     width: 100px;
     height: 100px;
     float: left;
     cursor: pointer;
}
 button.tip span {
     display : none;
     padding : 3px 5px;
     margin-left : 8px;
     font-size: 13px;
     text-align: left;
}
 button.tip:hover span {
     display : inline;
     position : absolute;
     margin-left: -70px;
     bottom: 110px;
     background : #000000;
     border : 1px solid #000000;
     border-radius: 3px;
     color : white;
}
 .mdi-paperclip {
     margin-top: 6px !important;
     color: rgba(0,0,0,1) !important;
     font-size: 23px !important; 
     transform: rotate(220deg);
 }

 .att-label {
    font-size: 14px !important;
    background-color: #007bff !important;
    color: white !important;
    padding: 3px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    border-radius: 6px !important;
    margin-right: 0px !important;
 }
 /*.mdi-paperclip:hover {
     opacity: 1;
}*/

 .mdi-trash-can-outline {
    font-size: 11px !important;
    padding-bottom: 4px !important;
    padding-left: 2px !important;
 }

 .mdi-trash-can-outline:hover {
    cursor: pointer;
 } 

 #username {
     margin-top: 0px;
     width: auto;
     max-width: 300px;
     margin-right: 6px !important;
}
 .c-e {
     text-align: center !important;
     position: absolute;
     right: 1% !important;
     cursor: pointer;
     color: #333 !important;
     font-size: 23px;
     border-radius: 25px;
     width: 35px !important;
     margin-top: 3px;
}

 .c-e:hover {
    background-color: #eee;
 }

 .mdi-unfold-more-horizontal {
    background-color: rgb(0, 123, 255) !important;
    color: rgb(255, 255, 255) !important;
 }

 .mdi-unfold-less-horizontal {
    background-color: rgb(255, 255, 255) !important;
    color: rgb(51, 51, 51) !important;
 }

 .mdi-unfold-less-horizontal:hover {
    background-color: #eee !important;
 }

 .close-refresh {
    /*position: absolute;
    */
    /*top: 50px;
    */
     margin-left: 66px;
     margin-top: 16px;
     font-style: normal;
     font-weight: normal;
     text-align: center;
     color: #A9A9A9;
     float: left;
     font-size: 11px;
     z-index: 10000;
}
/*.close-refresh:hover {
    */
    /*text-decoration: underline;
    */
    /*
}
*/
 .onDrag {
     background-color: rgba(0, 123, 255, 0.2) !important;
     border: 4px dashed #007bff !important;
}
 .color_stat_square {
     width: 11px;
     height: 11px;
     /*padding-bottom: -10px !important;*/
     margin-right: 6px !important;
     border-radius: 30px;
     display: inline-block;
}
 .mailontap-brand-line {
     width: 100%;
     height: 8px;
     margin-bottom: 19px !important;
}
 .navbar-inverse {
     border: 0px !important;
     background-color: rgba(20,53,72,1) !important;
}
 .mailontap-brand-line > .third {
     background-color: rgb(255, 193, 7);
     width: 25%;
     height: 6px;
     float: left;
}
 .mailontap-brand-line > .second {
     background-color: rgb(40, 167, 69);
     width: 25%;
     height: 6px;
     float: left;
}
 .mailontap-brand-line > .first {
     background-color: rgb(220, 53, 69);
     width: 25%;
     height: 6px;
     float: left;
}
 .mailontap-brand-line > .four {
     background-color: rgb(0, 123, 255);
     width: 25%;
     height: 6px;
     float: left;
}
 .norm-logo {
     width: 100%;
     height: 100%;
}
 .small-logo {
     width: 50%;
     height: 50%;
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}

.delete-unsub {
    cursor: pointer; 
    color: red;
}

.delete-unsub:hover{
    text-decoration: underline;
}

.add-new-unsub-item {
    cursor: pointer;
    color: #337ab7;
}

.add-new-unsub-item:hover {
    text-decoration: underline;
}

.edit-unsub:hover {
    text-decoration: underline;
    cursor: pointer;
}

#cancel_sub {
    cursor: pointer;
}

#cancel_sub:hover {
    text-decoration: underline;
}


.btn-dark.subproject_link {
    border-color: #8f8f8f !important;
    border-top: 3px solid #8f8f8f !important;
    background-color: #eee !important;
    color: black !important;
}

.btn-secondary.subproject_link:active {
    border-top: 3px solid transparent !important;
    background-color: rgb(230,230,230) !important;
}

.btn-default.subproject_link:active {
    border-top: 1px solid #adadad !important;
}

.subproject_link {
    height: 32px !important;
    margin-top: 2px;
    border-radius: 30px !important;
}

.subproject_link.btn-secondary {
    padding-top: 6.5px;
    background-color: rgb(230,230,230) !important;
    border-color: rgb(230,230,230) !important;
    color: black !important;
}

.subproject_link.btn-secondary:hover {
    box-shadow: inset 0 calc(7px + 1px) 0 -5px rgb(210,210,210);

}

.subproject_link.btn-primary {
    margin-right: 8px !important;
    border-top: 3px solid #007bff !important;
    background-color: white !important;
    color: #007bff !important;
}

.btn-default.subproject_link {
    padding-top: 6.5px;
}


.btn-default.subproject_link:hover {
    /* border-top: 3px solid #007bff !important; */
    background-color: white !important;
    box-shadow: inset 0 calc(7px + 1px) 0 -5px #007bff;
}




.subtabs div {
    float: left;
    margin-top: 6px;
}

.subtabs a {
    border-radius: 4px !important; 
    padding-left: 23px; 
    padding-right: 23px; 
    width: 100px !important;
}

.subtabs form {
    float: left; 
    margin: 3px; 
    margin-left: 0px !important; 
    margin-top: 8px;
}

.subtabs form button {
    margin-left: 4px !important; 
    height: 32px !important; 
    border-radius: 4px !important; 
    width: 80.45px;
}

.subtabs .btn-default {
    background-color: rgba(255, 255, 255, 0);
}

.subtabs .btn-outline-success {
    border-color: #adadad !important;
}


#collapse_sent, #collapse_sent:hover, #collapse_sent:focus, #collapse_sent:active {
    outline:none !important;
    box-shadow:none !important;
    border-top: 3px solid transparent !important;
}

.select_icon {
    color: #337ab7;
    font-weight: bold !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
    max-width: auto;
}

.mdi-cog-outline {
    cursor: pointer;
    text-align: center !important;
    width: 20px !important;
    height: 22px !important;
    color:  black !important;
    background-color: white !important;
    /*border: 1px solid black;*/
    border-radius: 30px;
    padding-right: 1.5px;
    padding-left: 1.5px;
    margin-left: -10px;
}

.subtab-handler {
    background-color: transparent !important;
    margin-left: -30px !important;
}


.subtab-handler:hover {
    background-color: transparent !important;
}

.gmail-subtab-handler:hover {
    background-color: transparent !important;
}

.gmail-subtab-handler {
    background-color: transparent !important;
}

.tab-handler {
    text-align: center !important;
    width: 20px !important;
    height: 22px !important;
    display: block !important;
    position: relative;
    cursor: pointer;
    color: black !important;
    background-color: white !important;
    /*border: 1px solid black;*/
    border-radius: 30px !important;
    margin-right: 3px;
    margin-top: -39px !important;
    float: right !important;
    z-index: 1;
}
/*
.tab-handler:hover {
    background-color: #eee !important;
     
}*/

.edit-item:hover {
    background-color: white !important;
}

.statsss {
    width: 200px;
    height: 250px;
    float: right;
    margin-top: 85%;
    margin-right: 3%;
  /*  border: 2px solid #eee !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    padding: 10px;*/
}

.history_global_string {
    float: left !important;
    text-align: left !important;
    /*margin-left: 50%;*/
    font-weight: bold;
    font-size: 16px;
}

.modal-backdrop {
     background-color: rgba(0,0,0,0.2) !important;
}

#logo_main {
    margin-top: 100px;
    margin-bottom: 50px;
}

.unsub-tab {
    border-color: rgb(0, 0, 0) !important;
}

.unsub-tab::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.nav-tabs li.active a.unsub-current:before {
    width:101.5%;
    left:-1px;
    top:-px;
    content:"";
    position:absolute;
    border-top:3px solid rgb(0, 0, 0) !important;
}

.nav-tabs li:hover a.unsub-tab:before {
    border-top:3px solid rgb(0, 0, 0) !important;
}

@media (max-width: 1000px) {

        body {
            width: 102% !important;
        }

        .whole_subtabs {
            width: 120% !important;
        }

        .gmail_settings {
            min-width: 240px !important;
        }

        .mailontap-brand-line {
            height: 9px !important;
            width: 125% !important;
            margin-top: 0px !important;
        }

         .mailontap-brand-line > .third {
             height: 9px;
        }
         .mailontap-brand-line > .second {
             height: 9px;
        }
         .mailontap-brand-line > .first {
             height: 9px;
        }
         .mailontap-brand-line > .four {
             height: 9px;
        }

        .footer {
            margin-left: 58% !important;
        }

        .c-e {
            left: 116% !important;
        }

        .hahaha {
            height: 45% !important;
        }

        .form-upload {
            height: 20% !important;
        }

        .nav-tabs {
            width: 127% !important;
        }

        #items {
            width: 125% !important;
        }

        .fx-btns {
            width: 125% !important;
        }

        .spam-valves {
            width: 94% !important;
        }

        #myChart {
            margin-left: 23px !important;
        }

        #super-background {
            margin-top: 0px !important;
            margin-left: 40px !important;
        }

        .super {
            margin-left: 56px !important;
            margin-top: 53px !important;
        }

        .stats-near-circle {
            min-width: 275px !important;
            padding-left: 50px !important;
        }

        .force_stop {
            width: 180px !important;
            height: 180px !important;
            margin-left: 50px !important;
        }

        .force_stop span:first-child {
            margin-left: 16px !important;
        }

        .force_stop span:last-child {
            margin-left: 66px !important;
        }
}

#ccc {
    
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 200% !important;
}

#ccc table {
    margin-top: 8px !important;
    table-layout: auto !important;
}

.ab {
    background: #cce2fa !important;
    border: 0 !important;
    box-shadow: none !important;
}

.tablesorter tr[style] td {background: transparent}

.containerr {
  width: 16px;
  height: 16px;
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containerr input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  margin-top: 3px !important;
  position: absolute;
  height: 16px;
  width: 16px;
  background-color: rgba(255, 255, 255, 1) !important;
  border: 1px rgb(221, 221, 221) solid;
  border-radius: 2px !important;
  margin-left: 6px !important;
}

/* On mouse-over, add a grey background color */
.containerr:hover input ~ .checkmark {
  background-color: rgba(0, 123, 255, 0.2);
}

/* When the checkbox is checked, add a blue background */
.containerr input:checked ~ .checkmark {
  background-color: #002B4E;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
/*  background-color: grey !important;*/
}

/* Show the checkmark when checked */
.containerr input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerr .checkmark:after {
  left: -1px;
  top: -1px;
  width: 16px;
  height: 16px;
  background-color: rgb(140, 140, 140);
  border: 1px rgb(140, 140, 140) solid;
  border-radius: 2px !important;

/*  border: solid white;*/
/*  border-width: 0 2px 2px 0;*/
/*  -webkit-transform: rotate(35deg);*/
/*  -ms-transform: rotate(35deg);*/
/*  transform: rotate(35deg);*/
}

tr.active {
    width: 100% !important;
}

.tox-tinymce {
    border: 1px solid #eee !important;
}

.tox-editor-header {
    border-top: 1px solid #eee !important;
}

.mce-content-body[data-mce-placeholder].mce-edit-focus::before {
    content: '' !important;
}



.caret-right {
    vertical-align: 0.15em !important;
    -webkit-transform: rotate(-90deg);*/
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.caret-left {
    vertical-align: 0.15em !important;
    -webkit-transform: rotate(90deg);*/
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.caret-down {
    -webkit-transform: rotate(-180deg);*/
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.caret-down {
    -webkit-transform: rotate(0deg);*/
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}


.tab-handler {
    background-color: transparent !important;
}

#collapse_sent {
    background-color: #a1a7ad !important;
    border-radius: 4px !important; 
    margin-top: 8px !important; 
    float: left !important; 
    height: 32px !important; 
    vertical-align: center !important; 
    line-height: 2px !important; 
    margin-right: 4px !important;
    border: 3px solid transparent !important;
}

#collapse_sent:hover {
    background-color: #a1a7ad !important;
    border-top: 3px solid #5a6268 !important;
    text-align: center !important;

}

#collapse_sent:active {
    background-color: #a1a7ad !important;
    border-top: 1px solid #5a6268 !important;
}

.nav-tabs li a.unsub-tab:before {
    border-top: 2px solid black !important;
}

.subtabs_sent div {
    float: left;
    margin-top: 6px;
    margin-right: 4px;
}

.subtabs_sent div a {
    border-radius: 4px !important; 
    padding-left: 23px; 
    padding-right: 23px;
}

.somestyle {
    border-top: 3px solid #5a6268 !important;
}

#collapse_sent {
    border-top: 3px solid transparent !important;
}


.brdr {
    z-index: 1000 !important;
    margin-top: -1px !important;
    padding-top: -2px !important;
    width: 100px !important;
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    border-radius: 4px !important;
}


#finishModal .modal-content .modal-body {
    text-align: center !important;
}

.new-text {
    font-size: 16px;
    font-weight: bold;
    color: #4a914a;
}


.hidden { display: none !important; }

/* Force dropdowns hidden by default */
.dropdown-menu {
  display: none !important;
}

/* Show only when Bootstrap toggles .show */
.dropdown-menu.show {
  display: block !important;
}

.dropdown-menu a {
    font-size: 11px;
    text-decoration: none !important;
}