div.notfy-conn { width: 350px; height: auto; position: fixed; bottom: 0 !important; left: 0; z-index: 9999999; padding: 30px; padding-right: 0; padding-top: 0;  box-sizing: border-box; }
div.notfy-conn div.box-notfy { width: 100%; height: auto; min-height: 48px; background-color: #222; display: inline-block; padding: 14px 15px; 
border-radius: 5px; margin-top: 7px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.8)}
div.notfy-conn div.box-notfy span.dsc-ntf { display: inline-block; float: left; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5) ; overflow: hidden;}
div.notfy-conn div.box-notfy span.dsc-ntf.ac-lg { width: calc(100% - 30px); }
div.notfy-conn div.box-notfy span.dsc-ntf a { text-decoration: none; color: #aaa; }
div.notfy-conn div.box-notfy span.dsc-ntf a:hover { text-decoration: unset; }

div.notfy-conn div.box-notfy div.loader {  border: 2px solid rgba(0,0,0,0.2); border-top: 2px solid #fff; border-radius: 50%; width: 20px; 
height: 20px; display: inline-block; float: left; animation: spinLoading 1s linear infinite; margin-right: 10px; }

div.notfy-conn div.box-alert-ntf { width: 450px; min-height: 150px; background-color: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); 
box-shadow: 0 0 15px rgba(0,0,0,0.1); border-radius: 5px; padding: 50px; padding-bottom: 30px; -webkit-animation-duration: 0.8s; animation-duration: 0.8s;
  -webkit-animation-fill-mode: both; animation-fill-mode: both;}
div.notfy-conn div.box-alert-ntf.in {  -webkit-animation-name: bounceInLogin; animation-name: bounceInLogin; }
div.notfy-conn div.box-alert-ntf.out {  -webkit-animation-name: bounceOutLogin; animation-name: bounceOutLogin; }
div.notfy-conn div.box-alert-ntf div.i-alert { width: 80px; height: 80px; display: block; margin: 0px auto; border:3px solid #333; border-radius: 50%; 
position: relative;}
div.notfy-conn div.box-alert-ntf:before { animation: pulseOkay 2s linear infinite; background-color: #fff; border-radius: 50%; content: "";
 display: inline-block; height: 80px; opacity: 0; position: absolute; width: 80px; left: 50%; margin-left: -40px; }

div.notfy-conn div.box-alert-ntf div.i-alert.okay { border-color: #00e600; animation: pulseOkayIns 0.75s infinite alternate, scaleOkay 0.75s infinite alternate;}
div.notfy-conn div.box-alert-ntf div.i-alert.okay:before { content: ''; width: 4px; height: 20px; background-color: #00e600; position: absolute; top: 49%;
left: 35%; transform: translate(-50%, -0%) rotate(-50deg); }
div.notfy-conn div.box-alert-ntf div.i-alert.okay:after { content: ''; width: 4px; height: 40px; background-color: #00e600; position: absolute; top: 52%;
left: 60%; transform: translate(-50%, -50%) rotate(40deg);}

div.notfy-conn div.box-alert-ntf div.i-alert.alert { border-color: #ffa64d; animation: pulseWarningIns 0.75s infinite alternate, scaleWarning 0.75s infinite alternate;}
div.notfy-conn div.box-alert-ntf div.i-alert.alert:before { content: ''; width: 4px; height: 40px; background-color: #ffa64d; position: absolute; top: 50%;
left: 50%; transform: translate(-50%, -60%); }
div.notfy-conn div.box-alert-ntf div.i-alert.alert:after { content: ''; width: 4px; height: 4px; background-color: #ffa64d; position: absolute; top: 80%;
left: 50%; transform: translate(-50%, -00%);}

div.notfy-conn div.box-alert-ntf div.i-alert.error { border-color: #ff0000; animation: pulseErrorIns 0.95s infinite alternate, scaleError 0.95s infinite alternate;}
div.notfy-conn div.box-alert-ntf div.i-alert.error:before { content: ''; width: 4px; height: 40px; background-color: #ff0000; position: absolute; top: 50%;
left: 50%; transform: translate(-50%, -50%) rotate(45deg); }
div.notfy-conn div.box-alert-ntf div.i-alert.error:after { content: ''; width: 4px; height: 40px; background-color: #ff0000; position: absolute; top: 50%;
left: 50%; transform: translate(-50%, -50%) rotate(-45deg);}

div.notfy-conn div.box-alert-ntf div.tt-alert { width: 100%; display: block; font-size: 1.5em; color: #333; text-align: center; margin-top: 15px; }
div.notfy-conn div.box-alert-ntf div.dsc-alert { width: 100%; display: block; font-size: 0.9em; color: #666; text-align: center; margin-top: 5px; }
div.notfy-conn div.box-alert-ntf div.btns-alert { width: 100%; display: inline-block; text-align: center; padding-top: 15px; }
div.notfy-conn div.box-alert-ntf div.btns-alert button { display: inline-block; border: 1px solid #CCC;border-radius: 3px;
color: #FFF;font-weight: bold;padding: 6px 15px;text-decoration: none;text-shadow: 1px 1px 0 rgba(0,0,0,.5);box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);	
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
background-image:-moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
background-image:linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)); outline: none; background-color: #aaa; 
font-family: "Fonte2"; text-shadow: 0 -1px 0 #000; text-transform: uppercase; font-size: 1em;} 
div.notfy-conn div.box-alert-ntf div.btns-alert button:hover { border-color: ; background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
background-image: -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));background-image: -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
background-image: -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));background-image: linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0)); cursor: pointer;}

div.notfy-conn div.box-alert-ntf div.btns-alert button.okay { background-color: #00e600; border-color: #00e600; }
div.notfy-conn div.box-alert-ntf div.btns-alert button.alert { background-color: #ffa64d; border-color: #ffa64d; }
div.notfy-conn div.box-alert-ntf div.btns-alert button.error { background-color: #ff0000; border-color: #ff0000; }

@keyframes pulseOkay {0% { background-color: #fff; transform: scale(1); opacity: 0.5; } 30% { background-color: #fff; transform: scale(1); opacity: 0.5;	}
100% {background-color: #aaa; transform: scale(2); opacity: 0; } }
@keyframes pulseOkayIns { 0% { background-color: #fff; } 100% { background-color: #e6ffe6; } }
@keyframes scaleOkay { 0% { transform: scale(1); } 30% { transform: scale(1.02); } 100% { transform: scale(1); } }

@keyframes pulseWarningIns { 0% { background-color: #fff; } 100% { background-color: #fff2e6; } }
@keyframes scaleWarning { 0% { transform: scale(1); } 30% { transform: scale(1.02); } 100% { transform: scale(1); } }

@keyframes pulseErrorIns { 0% { background-color: #fff; } 100% { background-color: #ffe6e6; } }
@keyframes scaleError { 0% { transform: scale(1); } 30% { transform: scale(1.02); } 100% { transform: scale(1); } }

@keyframes bounceInNtf {  0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) translate(-50%, -50%);
transform: translate3d(0, -3000px, 0) translate(-50%, -50%); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) translate(-50%, -50%); transform: translate3d(0, 25px, 0) translate(-50%, -50%);}
75% {-webkit-transform: translate3d(0, -10px, 0) translate(-50%, -50%); transform: translate3d(0, -10px, 0) translate(-50%, -50%); } 90% { -webkit-transform: translate3d(0, 5px, 0) translate(-50%, -50%);
transform: translate3d(0, 5px, 0) translate(-50%, -50%); } 100% { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }}

@keyframes bounceOutNtf { 20% { -webkit-transform: translate3d(0, -10px, 0) translate(-50%, -50%);
transform: translate3d(0, -10px, 0) translate(-50%, -50%); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) translate(-50%, -50%);;
transform: translate3d(0, 20px, 0) translate(-50%, -50%);;} 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) translate(-50%, -50%);;
transform: translate3d(0, -2000px, 0) translate(-50%, -50%);;}}


@media screen and (max-width:400px){
	div.notfy-conn { padding: 0; width: 100%; max-width: 100%; padding-bottom: 10px; }
	div.notfy-conn div.box-notfy { max-width: 90%; display: block; margin: 0 auto;  margin-top: 7px;  }
}


/* Alert navbar */
div.alert-container-hidden { width: 100%; height: 0px; padding: 10px; background-color: transparent; position: absolute; z-index: 9999999;
bottom: 0px; left: 0; overflow: hidden;}
div.alert-container-hidden div.alert-box-wdw { width: 100%; height: auto; padding: 10px; padding-bottom: 13px; background-color: #222; 
position: absolute; z-index: 9999999; bottom: -1px; display: flex; align-items: center; overflow: hidden;}

div.alert-container-hidden div.alert-box-wdw i.ldr { border: 2px solid rgba(0,0,0,0.4); border-top: 2px solid #fff; border-radius: 50%; width: 25px; 
height: 25px; display: inline-block; float: left; animation: spinLoading 0.7s linear infinite; margin-right: 12px;  }
div.alert-container-hidden div.alert-box-wdw.ev p { max-width: calc(100% - 85px); }
div.alert-container-hidden div.alert-box-wdw p { display: inline-block; float: left; color: #fff; font-weight: 100; font-size: 1em !important;
margin-top: 3.5px; font-family: "Fonte2"; color: #ccc;}
div.alert-container-hidden div.alert-box-wdw p b { color: #fff; }
div.alert-container-hidden div.alert-box-wdw a { float: right; display: inline-block; color: #aaa; text-decoration: none; text-transform: uppercase;
font-size: 0.85em; cursor: pointer; transition-duration: 0.4s; overflow: hidden !important; position: relative; padding: 5px 5px; border-radius: 3px;}
div.alert-container-hidden div.alert-box-wdw a.confirm_ac { color: #056FF3; }
div.alert-container-hidden div.alert-box-wdw a:after {content: ""; background: #fff; display: block; position: absolute; padding-top: 300%; padding-left: 350%;
  margin-left: -20px!important; margin-top: -120%; opacity: 0; transition: all 0.2s}
div.alert-container-hidden div.alert-box-wdw a:active:after { padding: 0; margin: 0; opacity: 1; transition: 0s}

div.alert-container-hidden div.alert-box-wdw span.qtd { padding: 5px; background-color: #056FF3; color: #fff; border-radius: 5px; font-size: .6em; box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2); text-shadow: 0 -1px 0 BLACK;
    margin: 0 5px; }
	div.alert-container-hidden div.alert-box-wdw div.bar { width: 100%; height: 4px; position: absolute; bottom: 0; left: 0; background-color: #000; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
	div.alert-container-hidden div.alert-box-wdw div.bar div.per { width: 0%; height: 4px; background-color: #056FF3; }

div.alert-container-hidden.fix div.alert-box-wdw { width: 100%; bottom: 0px; border-radius: 0px;}
div.alert-container-hidden.floating div.alert-box-wdw { width: 90%; bottom: 15px; border-radius: 4px;}

div.alert-container-hidden.floating { height: 120px;  }
div.alert-container-hidden.floating div.alert-box-wdw { padding: 15px; max-width: 450px; bottom: 30px !important; }
div.alert-container-hidden.floating div.alert-box-wdw p { font-size: 1.1em; margin-top: 0px; padding-left: 5px;}
div.alert-container-hidden.floating div.alert-box-wdw a { font-size: 1em; margin-top: 4px; }
div.alert-container-hidden.floating div.alert-box-wdw a:active {  }

div.alert-container-hidden div.alert-box-wdw.left { left: 30px; ; }
div.alert-container-hidden div.alert-box-wdw.center { left: 50%; transform: translateX(-50%)}
div.alert-container-hidden div.alert-box-wdw.right { right: 30px; ;}


@keyframes fadeInUpCenter {
0%{opacity:0;transform:translate3d(0,100%,0) translateX(-50%)}
100%{opacity:1;transform: translateX(-50%)}
}
.fadeInUpCenter {animation-name:fadeInUpCenter}

@keyframes fadeOutDownCenter {
0%{opacity:1; transform: translateX(-50%);}
100%{opacity:0; transform:translate3d(0,100%,0) translateX(-50%)}
}
.fadeOutDownCenter{ animation-name:fadeOutDownCenter}


/* Alerts - Plugin - modal */
div.wdw-mod { width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 999999999 !important; }
div.wdw-mod.white { background-color: rgba(255,255,255,0.2); }
div.wdw-mod.masc-light { background-color: rgba(0,0,0,0.2); }
div.wdw-mod div.wdw-ctt { width:600px; min-height: 100px; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
background-color: #fff; border-radius: 5px; padding: 35px; padding-bottom: 55px !important; box-shadow: 0 0 25px rgba(0,0,0,0.5); overflow: hidden;}
div.wdw-mod div.wdw-ctt.show { animation-duration: 0.3s; animation-fill-mode: both;  animation-name: bounceInLogin; animation-duration: .75s;}
div.wdw-mod div.wdw-ctt.hide { animation-duration: 0.2s; animation-fill-mode: both;  animation-name: bounceOutLogin; animation-duration: .75s;}

div.wdw-mod div.wdw-ctt.right { transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); }
div.wdw-mod div.wdw-ctt.show.right { animation-duration: 0.3s; animation-fill-mode: both; animation-name: fadeInUp; animation-duration: .75s; left: auto; right: 15px; top: 15px; }
div.wdw-mod div.wdw-ctt.hide.right {  animation-duration: 0.3s; animation-fill-mode: both;  animation-name: fadeOutDown; animation-duration: .75s; left: auto; right: 15px; top: 15px;}

div.wdw-mod div.wdw-ctt div.ldg-wdw { border: 3px solid rgba(0,0,0,0.09); border-top: 3px solid #056FF3; border-radius: 50%; width: 35px; 
height: 35px; display: block; animation: spinLoading 0.8s linear infinite; margin: auto; margin-top: 20px; position: absolute; top: 50%; left: 50%;
margin-top: -17.5px; margin-left: -17.5px; }


div.wdw-mod div.wdw-ctt .title-label { color: #666; font-size: 0.8em; }

div.wdw-mod div.wdw-ctt div.title-wdw div.main-tt { font-size: 1.2em; margin-bottom: 5px;}
div.wdw-mod div.wdw-ctt div.title-wdw div.desc { font-size: 0.70em; margin-bottom: 20px;}

div.wdw-mod div.wdw-ctt .progress-container { width: 100%; background-color: #e0e0e0; border-radius: 5px; overflow: hidden; height: 15px; margin-top: 15px;}
div.wdw-mod div.wdw-ctt .progress-bar {width: 0%; height: 100%; text-align: center;line-height: 15px; color: white; transition: width 0.5s ease; border-radius: 5px; font-size: .65em; text-shadow: 0 -1px 0 #000;
	background: linear-gradient(270deg, #056FF3, #7C28EF);  background-size: 300% 100%; animation: gradientAnimation 2s ease infinite;}

@keyframes gradientAnimation {  0% { background-position: 0% 0%; } 50% {  background-position: 100% 0%; } 100% { background-position: 0% 0%; } }

div.wdw-mod div.wdw-ctt div.data-wdw { width: 100%; word-break: keep-all; color: #111; font-size: 1.2em; }
div.wdw-mod div.wdw-ctt div.data-wdw .input-flex { display: flex; justify-content: space-between; }
div.wdw-mod div.wdw-ctt div.data-wdw .input-flex label { width: calc(100% / 3 - 10px); margin: 0px; margin-right: 10px;}
div.wdw-mod div.wdw-ctt div.data-wdw div.desc-alert { font-size: 0.78em; color: #666; display: inline-block; width: 100%; margin-top: 5px;}
div.wdw-mod div.wdw-ctt div.controls { width: calc(100% - 70px); height: 20px; position: absolute; bottom: 20px;
animation-duration: 0.3s; animation-fill-mode: both;  animation-name: fadeInUp; animation-duration: .75s; animation-delay: 0.4s;} 
div.wdw-mod div.wdw-ctt div.controls button { float: right; background-color: transparent; padding: 2px 5px; font-family: "Fonte1"; font-size: 1em; 
text-transform: uppercase !important; font-weight: 100; margin-left: 10px; color: #aaa; border: none; border-radius: 4px; cursor: pointer;
transition: background-color 0.4s, opacity 0.4s;}
div.wdw-mod div.wdw-ctt div.controls button:hover { background-color: rgba(0,0,0,0.05); }
div.wdw-mod div.wdw-ctt div.controls button:active { background-color: rgba(0,0,0,0.04); }
div.wdw-mod div.wdw-ctt div.controls button:disabled { opacity: 0.5; }
div.wdw-mod div.wdw-ctt div.controls button.conf { color: #056FF3; }
div.wdw-mod div.wdw-ctt div.controls div.ldg { border: 2px solid rgba(0,0,0,0.1); border-top: 2px solid #056FF3; border-radius: 50%; 
width: 25px; height: 25px; display: inline-block; animation: spinLoading 0.8s linear infinite; float: left;}
div.wdw-mod div.wdw-ctt input.alert {  }
div.wdw-mod label.stl-in { width: 100%; height: 42px; position: relative; display: block; margin-top: 5px;}
div.wdw-mod label.stl-in span.tt { position: absolute; top: 16px; left: 0px; font-size: 0.9em; color: #777; z-index: -1; transition:.2s ease all}
div.wdw-mod label.stl-in input { width: 100%; height: 42px; border:none; display: block; z-index: 999; background-color: transparent; 
padding-left: 0; padding-top: 10px;}
div.wdw-mod label.stl-in select { width: 100%; border:none; display: block; z-index: 999; background-color: transparent; 
padding-left: 0; padding-top: 5px; }
div.wdw-mod label.stl-in div.bar_1,
div.wdw-mod label.stl-in div.bar_2 { width: 50%; height: 1px; background-color: #ddd; position: absolute; bottom: 0; left: 0;}
div.wdw-mod label.stl-in div.bar_2 { left: 50%; }
div.wdw-mod label.stl-in div.bar_1:before,
label.stl-in div.bar_2:after { width: 0; height: 0; position: absolute; top: 0; right: 0; background-color: #60f;
transition:.3s ease all !important; content: ""; top: -1px;}
div.wdw-mod label.stl-in div.bar_2:after { left: 0; }
div.wdw-mod label.stl-in input:focus ~ div.bar_1:before, input:focus ~ div.bar_2:after { width: 100%; height: 2px; }
div.wdw-mod label.stl-in input:focus ~ span.tt { top: 0; left: 0; font-size: 0.75em; color: #60f !important;}
div.wdw-mod label.stl-in input.act ~ span.tt{ top: 0; left: 0; font-size: 0.75em;}
div.wdw-mod label.stl-in select:focus ~ div.bar_1:before, select:focus ~ div.bar_2:after { width: 100%; height: 2px; }
div.wdw-mod label.stl-in select:focus ~ span.tt { top: -2px; left: 0; font-size: 0.75em; color: #60f;}
div.wdw-mod label.stl-in select.act ~ span.tt { top: -2px; left: 0; font-size: 0.75em;}

@media screen and (max-width:450px){
	div.wdw-mod { height: 100% !important; }
	div.wdw-mod div.wdw-ctt { max-width: 92%; }
	div.wdw-mod div.wdw-ctt.ms { max-width: 100%; width: 100%; height: 100% !important; top: 0; left: 0;
		box-shadow: none; border-radius: 0; max-height: 100% !important; transform: none; }
	div.wdw-mod div.wdw-ctt.ms.show { animation-fill-mode: both;  animation-name: fadeInUp; animation-duration: .55s;}
	div.wdw-mod div.wdw-ctt.ms.hide { animation-fill-mode: both;  animation-name: fadeOutDown; animation-duration: .55s;}
	
	div.wdw-mod div.wdw-ctt div.playlists-content ul.folders-list li { width: calc(100% / 2 - 5px); margin-left: 5px; }
	div.wdw-mod div.wdw-ctt div.playlists-content ul.folders-list li:nth-child(1n+1){ margin-left: 5px !important; }	
}

/* Windows Integration - MELHOR ENVIO */

div.wdw-mod div.wdw-ctt div.integration { width: 100%; display: flex; flex-direction: column; justify-content: space-between; }
div.wdw-mod div.wdw-ctt div.integration div.title-wdw div.main-tt { font-size: 1.2em; margin-bottom: 5px;}
div.wdw-mod div.wdw-ctt div.integration div.title-wdw div.desc { font-size: 0.70em; margin-bottom: 20px;}

div.wdw-mod div.wdw-ctt div.integration label.inp { margin-bottom: 10px; }
div.wdw-mod div.wdw-ctt div.integration label.inp span.label { color: #333 !important; }
div.wdw-mod div.wdw-ctt div.integration label.inp input { color: #000 !important; }

div.wdw-mod div.wdw-ctt div.integration div.box-line { width: 100%; display: flex;  justify-content: space-between; }
div.wdw-mod div.wdw-ctt div.integration div.box-line label.inp.cliente_id { width: calc(30% - 5px); margin-left: 0; }
div.wdw-mod div.wdw-ctt div.integration div.box-line label.inp.secret { width: calc(70% - 5px);  margin-right: 0}

div.wdw-mod div.wdw-ctt div.integration div.label-switch { width: 100%; display: flex; margin-top: 10px; padding-top: 10px;; border-top: 1px solid rgba(0,0,0,.05);}
div.wdw-mod div.wdw-ctt div.integration div.label-switch span.data { padding-left: 15px; padding-top: 3px; font-size: 0.85em; }
div.wdw-mod div.wdw-ctt div.integration div.label-desc { font-size: 0.70em; margin-bottom: 10px;padding-left: 3px; }


/* iDrop Content */

div.idrop-content { width: 100px; height: 100px; background-color: #fff; position: absolute; top: 60px; }


/* Windows Payment - Adicionar gateway */

div.wdw-mod div.wdw-ctt div.integration.payment {  }
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments { width: 100%;  }
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box { width: 100%; }
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box figure.gateway { width: 100px; height: 50px; position: relative; 
border: 1px solid rgba(0,0,0,.1); margin-left: 20px; border-radius: 5px;}
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box figure.gateway img { width: 90%;; max-height: 90%; position: absolute;
top: 50%; left: 50%; transform: translate(-50%, -50%); }
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box div.data-gateway { padding-left: 15px;;}
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box div.data-gateway span.gateway-name { font-weight: bold; color: #056FF3;}
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box div.data-gateway div.gateways-supported { width: 100%; display: flex; }
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box div.data-gateway div.gateways-supported span.type { 
width: 24px; height: 24px; margin-right: 7px; background-position: center; background-repeat: no-repeat; background-size: 100%;}
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box div.data-gateway div.gateways-supported span.type.pix {background-image: url(../svg/payments/pix-color.svg);} 
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box div.data-gateway div.gateways-supported span.type.boleto {background-image: url(../svg/payments/ticket-color.svg);} 
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box div.data-gateway div.gateways-supported span.type.credit-card {background-image: url(../svg/payments/payment-color.svg);} 
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box div.data-gateway div.gateways-supported span.type.debit-card {background-image: url(../svg/payments/debit-card.svg);} 
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box div.data-gateway div.gateways-supported span.type.cryptocurrencies {background-image: url(../svg/payments/bitcoin-color.svg);} 
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box div.data-gateway div.gateways-supported span.type.checkout-pro { width: auto !important; font-size: 0.7em; font-weight: 900; color: #888;
padding-top: 2.5px;;} 


div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box label { display:block;position:relative;padding-left:35px;
cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; padding-top: 10px; padding-bottom: 10px;
border-bottom: 1px solid #ddd; width: 100%; display: flex;}
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box:last-child label { border-bottom: none; }
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box label input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box label .checkmark{position:absolute;top:50%;left:12px;height:25px;width:25px;background-color:#eee;
border-radius:50%;transform:translateY(-50%)}
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box label:hover input ~ .checkmark{background-color:#ccc}
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box label input:checked ~ .checkmark{background-color:#056FF3}
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box label .checkmark:after{content:"";position:absolute;display:none}
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box label input:checked ~ .checkmark:after{display:block}
div.wdw-mod div.wdw-ctt div.integration.payment div.list-gateway-payments div.gateway-box label .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;
border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}

div.wdw-mod div.wdw-ctt label.switch-wdw { display:flex;position:relative;cursor:pointer;font-size:22px;-webkit-user-select:none;
-moz-user-select:none;-ms-user-select:none;user-select:none; }

div.wdw-mod div.wdw-ctt label.switch-wdw input { opacity: 0;width: 0;height: 0; }  
div.wdw-mod div.wdw-ctt label.switch-wdw .slider {position: relative;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0; background-color: #ccc;
	-webkit-transition: .4s;transition: .2s; display: inline-block; width: 60px !important;height: 34px;}
div.wdw-mod div.wdw-ctt label.switch-wdw .slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;
	background-color: white;-webkit-transition: .2s;transition: .2s;  }  
div.wdw-mod div.wdw-ctt label.switch-wdw input:checked + .slider {background-color: #056FF3; }
div.wdw-mod div.wdw-ctt label.switch-wdw  input:focus + .slider {box-shadow: 0 0 1px #056FF3; }
div.wdw-mod div.wdw-ctt label.switch-wdw  input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);
	transform: translateX(26px); }

/* Rounded sliders */
div.wdw-mod div.wdw-ctt label.switch-wdw .slider.round {border-radius: 34px; }
div.wdw-mod div.wdw-ctt label.switch-wdw .slider.round:before {border-radius: 50%;}

div.wdw-mod div.wdw-ctt div.integration.payment div.label-desc.desc-pay {padding-top: 10px;;}
div.wdw-mod div.wdw-ctt div.integration.payment div.label-pay-types { width: 100%; display: flex; flex-direction: column; align-items: flex-start;}
div.wdw-mod div.wdw-ctt div.integration.payment div.label-pay-types label {  width: auto; height: 50px; margin-bottom: 10px;}
div.wdw-mod div.wdw-ctt div.integration.payment div.label-pay-types label i.pay_type { width: 50px; height: 50px; position: relative; 
	border: 1px solid rgba(0,0,0,.1); margin-left: 20px; border-radius: 5px; background-position: center; background-repeat: no-repeat; 
	background-size: 80%;}
div.wdw-mod div.wdw-ctt div.integration.payment div.label-pay-types label span.title-gateway { padding-left: 15px;; margin-top: 13px; color: #999; 
font-size: 0.8em;}
div.wdw-mod div.wdw-ctt div.integration.payment div.label-pay-types label span.title-gateway b { color: #056FF3;}
div.wdw-mod div.wdw-ctt div.integration.payment div.label-pay-types label:hover i.pay_type { box-shadow: 0 0 15px rgba(0,0,0,.2); }

div.wdw-mod div.wdw-ctt div.integration.payment div.label-pay-types label .slider { margin-top: 7px;}

div.wdw-mod div.wdw-ctt div.integration.payment div.label-pay-types label i.pay_type.pix {background-image: url(../svg/payments/pix-color.svg);} 
div.wdw-mod div.wdw-ctt div.integration.payment div.label-pay-types label i.pay_type.boleto {background-image: url(../svg/payments/ticket-color.svg);} 
div.wdw-mod div.wdw-ctt div.integration.payment div.label-pay-types label i.pay_type.credit-card {background-image: url(../svg/payments/payment-color.svg);} 
div.wdw-mod div.wdw-ctt div.integration.payment div.label-pay-types label i.pay_type.debit-card {background-image: url(../svg/payments/debit-card.svg);} 
div.wdw-mod div.wdw-ctt div.integration.payment div.label-pay-types label i.pay_type.cryptocurrencies {background-image: url(../svg/payments/bitcoin-color.svg);} 
div.wdw-mod div.wdw-ctt div.integration.payment div.label-pay-types label i.pay_type.checkout-pro { width: auto !important; font-size: 0.7em; font-weight: 900; color: #888;
padding-top: 2.5px;;} 


/* Página de devoluções */

div.wdw-mod div.wdw-ctt div.returns-orders { width: 100%; display: flex; flex-direction: column; justify-content: space-between; }
div.wdw-mod div.wdw-ctt div.returns-orders div.title-wdw div.main-tt { font-size: 1.2em; margin-bottom: 5px;}
div.wdw-mod div.wdw-ctt div.returns-orders div.title-wdw div.desc { font-size: 0.70em; margin-bottom: 20px;}

div.wdw-mod div.wdw-ctt div.returns-orders label.inp { margin-bottom: 10px; }
div.wdw-mod div.wdw-ctt div.returns-orders label.inp span.label { color: #333 !important; }
div.wdw-mod div.wdw-ctt div.returns-orders label.inp input { color: #000 !important; }

div.wdw-mod div.wdw-ctt div.returns-orders div.box-line { width: 100%; display: flex;  justify-content: space-between; }
div.wdw-mod div.wdw-ctt div.returns-orders div.box-line label.inp.cliente_id { width: calc(30% - 5px); margin-left: 0; }
div.wdw-mod div.wdw-ctt div.returns-orders div.box-line label.inp.secret { width: calc(70% - 5px);  margin-right: 0}

div.wdw-mod div.wdw-ctt div.returns-orders div.label-switch { width: 100%; display: flex; margin-top: 10px; padding-top: 10px;; border-top: 1px solid rgba(0,0,0,.1); justify-content: space-between;}
div.wdw-mod div.wdw-ctt div.returns-orders div.label-switch.logistic-service-list {justify-content: flex-start !important; }
div.wdw-mod div.wdw-ctt div.returns-orders div.label-switch div.data { padding-left: 15px; padding-top: 3px; font-size: 0.85em; }
div.wdw-mod div.wdw-ctt div.returns-orders div.label-desc { font-size: 0.70em; margin-bottom: 10px;padding-left: 3px; }

div.wdw-mod div.wdw-ctt div.returns-orders div.label-switch div.data .pro-data { color: #999; font-size: .85em;; }
div.wdw-mod div.wdw-ctt div.returns-orders div.label-switch .platform { background-color: #666; font-size: .8em; align-items: center; display: flex; padding: 5px 15px; border-radius: 25px; color: #fff; }




/* Listagem de serviço dos correios */

div.wdw-mod div.wdw-ctt div.services-logistic { width: 100%; display: flex; flex-direction: column; justify-content: space-between; max-height: 600px; overflow-x: auto;}
div.wdw-mod div.wdw-ctt div.services-logistic div.title-wdw div.main-tt { font-size: 1.2em; margin-bottom: 5px;}
div.wdw-mod div.wdw-ctt div.services-logistic div.title-wdw div.desc { font-size: 0.70em; margin-bottom: 20px;}

div.wdw-mod div.wdw-ctt div.services-logistic label.inp { margin-bottom: 10px; }
div.wdw-mod div.wdw-ctt div.services-logistic label.inp span.label { color: #333 !important; }
div.wdw-mod div.wdw-ctt div.services-logistic label.inp input { color: #000 !important; }

div.wdw-mod div.wdw-ctt div.services-logistic div.box-line { width: 100%; display: flex;  justify-content: space-between; }
div.wdw-mod div.wdw-ctt div.services-logistic div.box-line label.inp.cliente_id { width: calc(30% - 5px); margin-left: 0; }
div.wdw-mod div.wdw-ctt div.services-logistic div.box-line label.inp.secret { width: calc(70% - 5px);  margin-right: 0}

div.wdw-mod div.wdw-ctt div.services-logistic div.label-switch { width: 100%; display: flex; margin-top: 10px; padding-top: 10px;; border-top: 1px solid rgba(0,0,0,.1); justify-content: space-between;}
div.wdw-mod div.wdw-ctt div.services-logistic div.label-switch.logistic-service-list {justify-content: flex-start !important; }
div.wdw-mod div.wdw-ctt div.services-logistic div.label-switch div.data { padding-left: 15px; padding-top: 3px; font-size: 0.85em; }
div.wdw-mod div.wdw-ctt div.services-logistic div.label-desc { font-size: 0.70em; margin-bottom: 10px;padding-left: 3px; }

div.wdw-mod div.wdw-ctt div.services-logistic div.label-switch div.data .pro-data { color: #999; font-size: .85em;; }
div.wdw-mod div.wdw-ctt div.services-logistic div.label-switch .platform { background-color: #666; font-size: .8em; align-items: center; display: flex; padding: 5px 15px; border-radius: 25px; color: #fff; }