body{	
	background-color: white;
	color:#1c6ec9;
}	

.bg-popup{
	background-color: white;
	color: #1c6ec9;
}

 .bg-dark{
	background-color: #d7e9fa;
}

.create-campaign,.spend-schedule{
     left: 292px !important;
    top: 10%;
    height: fit-content;
    width: 126px !important;
}

 .bg-light, #contacts-table tbody tr:nth-child(odd), .cm-table tbody tr:nth-child(odd), .table-lined tbody tr:nth-child(odd) {
    background-color: #2d7bcf;
} 

.bg-color-1{
	background-color :#1c6ec9;
	color:white;
}

.bg-color-2{
	background-color :#22c7e0;
	box-shadow: 3px 3px 7px #87d7f7;
	color:white;
	text-shadow: -1px 1px 1px #008a8c;
}

.shadow-darkblue{
	box-shadow: 3px 3px 7px #0f4a8c;
}

.bg-color-3, th{
	background-color :#d7e9fa;
	color:#1c6ec9;
}

.bg-color-4{
	background-color :#F1F8FF;
	color:#1c6ec9;
}

.bg-color-5{
	background: linear-gradient(#FFFEF2 0%, #FFFCCC 100%);	
	box-shadow: inset 0 0 5px #F2DA79;
}

.bg-color-6{
	background-color: #ec8113;
	color: white;
	text-shadow: -1px 1px 1px #995d08;
	box-shadow: 3px 3px 7px #87d7f7;
}

td{
	background: linear-gradient(360deg, white, #eef7ff);
	box-shadow: 10px 10px 15px #acccef;
}

#ad-network-popup ul{
	background: linear-gradient(360deg, white, #eef7ff);
}

.bg-grad-1{
    background: linear-gradient(360deg, white, #eef7ff);
}

.rad-5{
	border-radius: 5px;
}

.header-line-active{
  border-color:#1c6ec9;
}

.bg-light{
	background-color: #ffffff22;
}

.border-light{    
    border: 1px #d7e9fa solid;
}   

.border{    
    border: 1px #1c6ec9 solid;
}  

.text-color-1{
	color:white;
}

.text-color-2{
	color:#9ef2ff;
}

.text-color-3{
	color:#22c7e0;
}


.text-color-hint{
	color: #fbff00;
}	

a.bg-color-3:hover{
	background-color: #1c6ec9;
	color: white;
}

.btn-border{
	border:1px solid #22c7e0;
	border-radius: 5px;
}

.shadow-1{
	box-shadow: 12px 20px 50px #acccef;
}

.shadow-2{
	box-shadow: 10px 10px 15px #cee1f5;
}

.shadow-3 {
    box-shadow: 1px 1px 5px #acccefbb;
}


.bg-light-max {
    background-color: rgba(255,255,255,0.1);    
}

.bg-orange{
	background-color:#ff6e00;	
}

.bg-white{
	background-color:white;
	color: #1d6fc9;
}

.text-yellow{
	
}

.text-hover:hover {
    color: #fff200;
}

.bg-yellow{
	background-color: #fff200;
	color:  #2d7bcf;
}

.btn-orange{
	background-color: #ff6e00;
	border: 1px #ff6e00 solid;
}

.btn-orange:hover{
  color: #500000;
  background-color: gold;
  border: 1px gold solid;
}

.btn-orange:hover:after{
	filter:invert(0.75);
}

#wrapper .btn-transp:hover{

}

.btn-semi-transp{
  background-color:  rgba(255,255,255,0.1);
  border: 1px rgba(255,255,255,0.3) solid;
}	

.btn-semi-transp:hover{
  color: #600000;
  background-color: gold;
}	

.icon-yellow{
	filter: hue-rotate(111deg) saturate(2) brightness(0.83);
}

.text-light{
color: rgba(255, 255, 255, 0.7);
}

.dotted-bottom:after{
	background-image: url(../img/dotted-line.png);
}

#menu .menu-active, #menu .menu-active:hover{
	background-color: #115dad;
	color: white;
	cursor: pointer;
}

#menu .menu-active a{
	color: white;
	cursor: default;
}

.bottom-line {
    border-bottom: 1px solid rgba(255,255,255, 0.35);
}

a.btn-small:hover, a.btn:hover, a.btn-micro:hover, a.btn-wicon:hover, a.btn-mini-micro:hover{
	background-color: #ec8113;
	color: white;
	box-shadow: 3px 3px 7px #ec8113b0;
	text-shadow: -1px 1px 1px #7a3e00;
}

div.btn:hover{
	background-color: #ec8113;
	color: white;
	box-shadow: 3px 3px 7px #ec8113b0;
}

/*--------------- dark mode  -------------------------------------------*/


.body-dark{
	background-color: #04162b;
}

.body-dark .header-line{
  background-color: #04162b;
  border-bottom: 4px solid #112a4d;
  background: linear-gradient(#04162b 30%, #041324 100%);
}

.body-dark .shadow-1{
	box-shadow: 12px 20px 50px #020913;
}

.body-dark .shadow-2{
	box-shadow: 10px 10px 15px #020913;
}

.body-dark .bg-color-1{
	background-color: #174273;
	color: #81A4CC;
}

.body-dark #main,
.body-dark a{
	color: #81A4CC; 
}

.body-dark .btn-active,
.body-dark .bg-color-2{
	color:white; 
}


.body-dark .bg-color-2{
	background-color: #04a4b9;
	box-shadow: 3px 3px 7px #082e58;
}

.body-dark .bg-color-3{
	background-color: #112a4d;
	color: #81A4CC;
}

.body-dark .bg-color-4{
	background-color: #143b67;
	color: #9bb8d8;
}

.body-dark .bg-color-5{
	background-color: #174273;
	color: #174273;
}

.body-dark .bg-grad-1{
    background: linear-gradient(360deg, #04162b, #112a4d);
}

.body-dark .border-light{    
    border: 1px #27578e solid;
}   

.body-dark .header-line-active{
  border-color: #174273;
}

.body-dark a.bg-color-3:hover{
	background-color: #174273;
	color: white;
}

.body-dark .text-bright{
	color: white;
}

.body-dark .results-number,
.body-dark .select-campaign,
.body-dark #popup-content,
.body-dark .url{
	color: white;
}

.body-dark .popup,
.body-dark .popup-title,
.body-dark .popup p{
	color: white;
}

.body-dark .popup a:not(.bg-color-2){
	color: #22c7e0;
}

.body-dark .popup-close-btn{
	background-color: #04a4b9;
	background: linear-gradient(#04a4b9 82%, #0e5e69 100%);
}

/* .body-dark .menu{
	background-color: #112a4d;
}
 */
.body-dark input[type=checkbox]:checked + label:before {
    background-color: #04a4b9;
}

.body-dark input[type=checkbox] + label:before {    
	background-color: #174273;
}

.body-dark .campaign.bg-light,
.body-dark .campaign-entries .bg-light,
.body-dark .content-section.bg-light,
.body-dark .account.bg-light{
	background-color: #174273;
}

.body-dark .bg-light{
	background-color: #ffffff12;
}

.body-dark .bg-popup{
	background-color: #174273;
    color:white !important;
    box-shadow: 0 0 38px black;
}

.body-dark .log-section{
	background-color: #112a4d;
	border: 1px #27578e solid;
	box-shadow: none;
}

.body-dark .log-inner-section{
	border:0;
}	

.body-dark .log-close-icon span{
	background-color: #04a4b9;
}

.body-dark .input, 
.body-dark .input-2,
.body-dark .select {
  background-color: #04162b;
  color: white;
  box-shadow: 2px 2px 5px #00000077;
  border: 1px solid #1c5596;
}  

.body-dark .input::placeholder{
  color: white; 
}

.body-dark input[type=range].range::-webkit-slider-runnable-track {
  background: #22c7e075;
}

.body-dark .results-number{
	background-color: transparent; 
}

.body-dark .icon-color-1{
	filter: contrast(0.4) brightness(1.5);
}

/* .body-dark #contacts-table tbody tr:nth-child(odd),
.body-dark .cm-table tbody tr:nth-child(odd),
 .body-dark .table-lined tbody tr:nth-child(odd) {
    background-color: #132a5f;
}  */

.body-dark .bg-dark{
	background-color: #213e69;
	color: white;
}

.body-dark th{
	border-right: 1px #04162b solid;
	background-color: #213e69;
	color: white;
}

.body-dark td{
	background: linear-gradient(360deg, #04162b, #112a4d);
	box-shadow: 10px 10px 15px #213e69;
	color: #81A4CC;
	border-right: 1px #213e69 solid;
}

.body-dark #ad-network-popup ul{
	background: linear-gradient(360deg, #04162b, #112a4d);
	color: #81A4CC;
}

.body-dark .scroll-custom::-webkit-scrollbar{
    width: 10px;
    background-color: black;
}

.body-dark .scroll-custom::-webkit-scrollbar-track{
    background-color: black; 
    border-radius: 10px;   
}

.body-dark .scroll-custom::-webkit-scrollbar-thumb{
    background-color: #04a4b9;
    border-radius: 10px;
}


.body-dark .loader{
  border:2px solid #04162b;
}

.body-grey{
    background-color: white;
}

.body-grey, .body-grey a{
	color: #4a4a4a;	
}

.body-grey #popup{
	background-color: #d8d8d8;	
}

.body-grey .bg-light{
	background-color: #f3f3f3;
}

.body-grey .bg-dark{
	background-color: #e4e4e4;
}

.body-grey .border{
	border: 1px solid rgba(0,0,0,0.25);
}


.body-grey .btn-orange{
	background-color: #ff6e00;
	color: white;
}

.body-grey .bg-yellow{
	color: white;
	background-color: #ff6e00;
}

.body-grey .bg-white{
	color: grey;
}	

.body-grey .text-yellow{
}

.body-grey .btn-orange:hover{
  color: #500000;
  background-color: gold;
  border: 1px gold solid;
}

.body-grey #wrapper .btn-transp{
	color: #333; 
	border: 1px solid rgba(0,0,0,0.25);
	
}

.body-grey #wrapper .btn-transp:hover{
	filter:none;
	color: white;  
	background-color: #FF6E00;
	border-color: #FF6E00;
}

.body-grey .btn-semi-transp{
  background-color:  rgba(0,0,0,0.05);
  border: 1px rgba(0,0,0,0.15) solid;
  filter: hue-rotate(300deg) saturate(5);
}	

.body-grey .btn-semi-transp:hover{
	color: #500000;
    background-color: gold;
    border: 1px gold solid;
	filter: none;
}
	
.body-grey .bottom-line{
	border-bottom: 1px solid rgba(0,0,0, 0.12);
}

.body-grey .dotted-bottom:after,
.body-grey .dotted-bottom:before{
	filter: invert(100%);
}


.body-grey #adv-nav hr{
    border-top: 1px solid rgba(0,0,0, 0.17);
}

.body-grey input{
 	box-shadow:inset 0 0 3px #aaa;
 	color: #4a4a4a;
}

.body-grey textarea{
 	box-shadow:inset 0 0 3px #aaa;
 	color: #4a4a4a;
}

.body-grey .select{
 	border: 1px #CCC solid;
}


.body-grey #wrapper .btn-icon{
  	color: #ddd; 
	border: 1px solid rgba(255,255,255,0.38);	
    filter: invert(75%);
}

.body-grey #wrapper .btn-icon:hover{  
	filter: invert(0);
}	

.body-grey #wrapper .btn-tb{  
    filter: hue-rotate(300deg) saturate(5);
}	

.body-grey #wrapper .btn-tb:hover{  
    filter: invert(0);
}	

.body-grey .text-light{
	color: grey;
}

.body-grey .icon-yellow{
	 filter: hue-rotate(300deg) saturate(5);
}

.body-grey input[type=radio]:checked + label { 
    border-color:#ff6e00;
    color: white;
	}

.body-grey input[type=checkbox] + label:before {
    background-color: #ddd; 
}

.body-grey input[type=checkbox]:checked + label:before {
	background-color: #ff6e00; 
}

.body-grey .toggle-right{
	border: 1px solid rgba(0,0,0,0.5);
	border-left: 0;
}

.body-grey .toggle-left{
	border: 1px solid rgba(0,0,0,0.5);
	border-right: 0;
}

.body-grey input[type=range].range::-webkit-slider-runnable-track {
  background: #BBB;
}

.body-grey #menu li:hover{
    background-color: #999;
}

.body-grey #menu a{
	color:#4a4a4a;
}

.body-grey #nav-icon span,
.body-grey #nav-icon.open span,
.body-grey #close-icon span
{
	background-color:#555;
}

.body-grey #menu a:hover{
	color:white !important;
}

.body-grey #menu li {
	background-color:#f3f3f3;
}

.body-grey #menu .menu-active, .body-grey #menu .menu-active:hover{
	background-color: #d8d8d8;
	color: black;
}

.body-grey #menu .menu-active a{
	color: black;
	cursor: default;
}

.body-grey #select-language{
	border: 1px solid grey;
	color: grey;
}

.body-grey #select-color{
	border: 1px solid grey;
	color: grey;
}

.body-grey .input-login{
	color:#4a4a4a;
}


.body-grey #forgot{
	color: #4A4A4A;
}

.body-grey #header-line{
	border-bottom: 4px solid #d8d8d8;
}

/*-------- ↓ sales-contact ↓ -------- */

.body-grey #contact li{
	border-bottom: 1px grey dotted;
}

.body-grey #contact li:last-child{
	border:none;
}

.body-grey .btn-contact{
	border-left: none;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #1c6ec9;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #acccef;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #22c7e0;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

contacts-send-email

/*-------- ↓ choose-moe ↓ -------- */
.body-grey .moe span{
	color:#4A4A4A;
}

.body-grey label{
	color:#4A4A4A;
}

.body-grey #choose-moe-input{
	border: 1px solid #AAA;
	color: #4a4a4a;
}

/*-------- ↓ research ↓ -------- */

.body-grey #top-line{
	background-color: #d8d8d8;
}

.body-grey .hr-custom{
  filter: invert(100%);
}

.body-grey .words{
	border: 1px solid rgba(0,0,0,0.2);
}

.body-grey th {
	border-right: 1px rgba(255, 255, 255, 0.35) solid;
	background-color:rgba(0,0,0,0.06);
	color: #222;
}


.body-grey tr:nth-child(odd){
	background-color:rgba(0,0,0,0.04);
}

/*-------- ↓ account ↓ -------- */
.body-grey .form-input{
	border: 1px solid #AAA;
	color: #4a4a4a;
}

/*-------- ↓ welcome ↓ -------- */
.body-grey #next-payment{
	color: #999;  
}

.body-grey #users-grow strong{
	color: white;  
}

.body-grey #stats li{
	background-color: rgba(255, 255, 255, 0.5);
}

.body-grey #stats li:nth-child(1){
	background-color: rgba(255, 255, 255, 0.85);
}

/*-------- ↓ moe-services ↓ -------- */
.body-grey #drop-here{
	border-color: #BBB;
}

.body-grey .arrows{
	filter: invert(70%);
}

.body-grey #your-cm-blog img{
		filter: invert(50%);
}

.body-grey .sm-connect{
	border-color: #BBB;
}

/*-------- ↓ campaign-editor ↓ -------- */

.body-grey #delivery, 
.body-grey #objective,
.body-grey #schedule,
.body-grey #ad-sets{
	border-color: #BBB;
}	

/*-------- ↓ ad-set-editor ↓ -------- */

.body-grey #spend, 
.body-grey #bidding,
.body-grey #reach,
.body-grey #targeting,
.body-grey #placement{
	border-color: #BBB;
}

/*-------- ↓ ad-editor ↓ -------- */

.body-grey #delivery, 
.body-grey #message,
.body-grey #format,
.body-grey #action,
.body-grey #type{
	border-color: #BBB;
}

.body-grey #preview-box{
	border-color: #BBB;
}

/*-------- ↓ social-media-connections ↓ -------- */
.body-grey .action:after{
	filter: invert();
}

.body-grey #popup{
	background-color: #e4e4e4;
	color: #4a4a4a;
}	

/*---------twitter-prod-stats.html------------*/

.body-grey #producers::-webkit-scrollbar-track{
    background-color: #EAEAEA; 
}

.body-grey #producers::-webkit-scrollbar{
    background-color: white;
}

.body-grey .producer{
	border: 1px white solid;
}

.body-grey .prod-active {
    border: 1px rgba(0,0,0,0.1) solid;
}  

/*---------twitter-producer.html------------*/
.body-grey .tw-prod-active, .body-grey .tw-producer:hover{
	color: #ff6E00;
	border-color: #ff6E00; 
}
.body-grey #add-photo{
	filter: invert(50%);
}
#countryPhoneCode-value {
    position: absolute;
    top: 2px;
    left: 0px;
    border-radius: 30px;
    background-color: #810c03;
    color: #fff;
    height: 45px;
    width: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.z-m-input-field {
	position: relative;
	border: none;
	min-height: 60px;
}

.text-hover:hover {
    color: #fff200;
}

/* ad payment account service */
#top-line-menu .active, #toolbar-2 .active {
    color: #500000;
    background-color: gold;
    border: 1px gold solid;
}