/* reset css */

/* end of reset css */

/* reset default wordpress style */
#wpcontent {padding-left: 0; }
/* end of wordpress default style */

#ot-ccpa-banner-settings.ot-container {display: flex;flex-direction: column; }
#ot-ccpa-banner-settings header {grid-column: 1/3; }
#ot-ccpa-banner-settings section {width: 60%;padding: 2em 1em 2em 2em; }
#ot-ccpa-banner-settings aside {width: 40%;padding: 2em 2em 2em 1em; }
#ot-ccpa-banner-settings .grid-layout{ display: flex; }
@media (max-width: 767px) {
#ot-ccpa-banner-settings.ot-container {display: flex;flex-direction: column; }
#ot-ccpa-banner-settings header {width: 100%; }
#ot-ccpa-banner-settings section {width: 100%;padding: 2em 1em 2em 2em; }
#ot-ccpa-banner-settings aside {width: 100%;padding: 2em 2em 2em 1em; }
}
/* end of main layout grid operation */
/* ot header style */
#ot-ccpa-banner-settings .ot-banner {background-image: url(../images/cookiesbkgd.svg); background-size: cover; background-repeat: no-repeat; min-height: 150px; display: flex; flex-wrap: wrap; align-items: center; text-align: center; }
#ot-ccpa-banner-settings .ot-banner .ot-banner-logo {flex:1;padding-left: 15px; }
#ot-ccpa-banner-settings .ot-banner .ot-banner-header {font-size: 28px; letter-spacing: -0.64px; line-height: 24px; color: #FFFFFF; flex:2; }
#ot-ccpa-banner-settings .ot-banner .ot-banner-header-left {flex:1; }
#ot-ccpa-banner-settings .ot-banner .ot-banner-header-button {border-radius: 2.5px; background-color: #FFFFFF; box-shadow: inset 0 2px 0 0 #FFFFFF, 0 1px 2px 0 rgba(0,0,0,0.2); color: #6699CC; height: 36px;	width: 125px;border: none;    padding: 10px 20px;
	text-decoration: none; }
/* end of ot header style */
/* section style */
#ot-ccpa-banner-settings .ot-container {border-radius: 4px; background-color: #FFFFFF; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2); display: flex; flex-direction: column; }
#ot-ccpa-banner-settings .ot-container.ot-preview {margin-top: 2em; }
#ot-ccpa-banner-settings .ot-container article {border-bottom: 1px solid #D7D7D7; padding: 1rem; }
#ot-ccpa-banner-settings .ot-container article .form-control-group {display: flex; flex-direction: row; padding: 1rem; }
#ot-ccpa-banner-settings .ot-container article .form-control-group.ot-preview-body {flex-direction: column; align-items: center;  }
.form-control-label {width: 30%; font-weight:bold;}
.form-control {width: 70%; display: flex; }
.form-control.ot-footer {width: 100%; justify-content: flex-end; }
.form-control-group .form-control input[type="checkbox"].ot-checkbox {height: 22px; min-width: 23px; margin: 0; }
.form-control-group .form-control input[type="checkbox"].ot-checkbox:checked:before {margin: 0px 0px 0px 0px; color: #FFFFFF; background-color: #6699CC; width: 100%; height: 100%; }
.form-control-group .form-control .ot-checkbox-text {width: 93%; margin-top: 0%; margin-left: 2%; font-style: normal;color: #6C6C6C; }
.form-control-label-side-bar {float: left; width: 65%; font-weight:bold;padding-right: 30px; }
.form-control-side-bar {float: right; width: 50%; }
.form-control .form-textbox {width: 90%; border-radius: 4px;box-shadow: none; padding-left: 10px;padding: 3px 5px 8px 10px;color: #6a6a6a; }
.form-control .form-textarea {width: 90%; height: 50px; overflow: auto; }
.form-control .form-textbox.width-70 {width: 70%;border-radius: 4px;box-shadow: none;padding-left: 10px;padding: 3px 5px 8px 10px; color: #6a6a6a; }
.text-colorpicker{display: block; float: left; width: 40%; }
.background-colorpicker {display: block; float: right; width: 45%; }
.margin-top {margin-top: -1.5rem; }
.margin-left {margin-left: 20px; }
.pull-right {float: right; }
.padding-bottom {padding-bottom: 2rem; }
.white-button {height: 32px; padding-left: 1.5rem; padding-right: 1.5rem; border: 1px solid #D8D8D8; border-radius: 2.5px; background-color: #FFFFFF; }
input.white-button {color: #696969;cursor: pointer; }
.primary-button {height: 36px; width: 125px; border-radius: 2.5px; background-color: #6699CC; }
input.primary-button {color: #FFFFFF; border: none;height: 34px;cursor: pointer; }
.ot-color-picker {height: 32px; width: 160px; border: 1px solid #D7D7D7; border-radius: 3px; overflow: hidden; }
.ot-color-picker input {height: 100%; width: 48%; padding: 0; margin: 0; border: none; box-shadow: none; text-align: center; }
.ot-color-picker input.color-picker-text-edit {transform: translateY(-7px); }
.settings-text {font-size: 27px; }
.ot-preview-background {background-image: url("../images/preview.svg"); background-size: cover; background-repeat:no-repeat; height: auto; width: 100%; border: 1px solid #979797; border-radius: 12px; background-color: #FFFFFF;min-height: 250px; }
.ot-preview-background.popup {margin-top: 2em; }
.ot-banner-button {font-family: sans-serif;vertical-align: middle;max-width: 100px;float: right;overflow: hidden; }
.ot-banner-button input { height: auto; width: auto; border-radius: 100px; background-color: transparent; color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: 19px; text-align: center; padding-bottom: 3px; padding-top: 3px; padding-left: 22px; padding-right: 22px; overflow: hidden;border: none;cursor: pointer; }
.ot-banner-confirmation-popup { margin-top:70px;margin-right: 15px; display: block; height: auto; max-width: 300px;  border-radius: 5px; background-color: #FFFFFF; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3); }
.ot-banner-confirmation-popup .side-border {width: 0.5rem; background-color: #48C331; }
.ot-banner-confirmation-popup .side-popup-column-left-side {width: 3rem; align-self: center; text-align: center; }
.ot-banner-confirmation-popup .side-popup-column-main { max-width: 100%;background-color: #6699CC;padding: 20px;  border-radius: 5px 5px 0px 0px;color: #fff; }
.ot-banner-confirmation-popup .side-popup-column-main .ot-confirmation-popup-header{font-weight: bold; font-size: 11px; padding-top: 6px; }
.ot-banner-confirmation-popup .side-popup-column-main .ot-confirmation-popup-text {font-size: 12px; padding: 0px 20px; }
.ot-banner-confirmation-popup .side-popup-column-main .ot-confirmation-popup-text a{ color: #fff; }
.ot-banner-confirmation-popup .side-popup-column-right-side {width: 2rem; align-self: center; }
.ot-banner-confirmation-popup .side-popup-column-left-side .check-circle-font-awesome {height: 28.84px; width: 30px; color: #6CC04A; font-family: FontAwesome; font-size: 20px; line-height: 20px; text-align: center; }
#tooltipDiv, #optouttooltipDiv {display: none; position:fixed; background-color:#6699CC ; color: #FFFFFF; border:2px solid #696969; padding: 6px; border-radius: 100px; }
.behaviors-form{ margin-top: 40px; }
.form-control.lspasection{ margin-left: 55px; }
.confirmmsg{ display: block; }
.confirmmsg span{ display: block;width: 90%; font-size: 12px; color: #666; }
::placeholder { /* Firefox, Chrome, Opera */
	color: #DADADA;
	font-size: 12px;
	display: inline-block;
	font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #DADADA;
	font-style: italic;
}
::-ms-input-placeholder { /* Microsoft Edge */
	color: #DADADA;
	font-style: italic;
}
::-webkit-scrollbar {
	width: 0px;  /* Remove scrollbar space */
	background: transparent;  /* Optional: just make scrollbar invisible */
}
.ot-toggle-switch {position: relative; display: block; width: 55px; height: 25px; margin-left: 20px;float: right; }
.ot-toggle-switch input {opacity: 0; width: 0; height: 0; }
.ot-toggle-slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #F4F4F4; -webkit-transition: .4s; transition: .4s; }
.ot-toggle-slider:before {position: absolute; content: ""; height: 20px; width: 20px; left: 1px; bottom: 2px; background-color: #696969; -webkit-transition: .4s; transition: .4s; }
input:checked + .ot-toggle-slider {background-color: #E0F3FF; border: 1px solid #1F96DB; }
input:focus + .ot-toggle-slider {box-shadow: 0 0 1px #2196F3; }
input:checked + .ot-toggle-slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); left: 6px; background-color: #1F96DB; }
.ot-toggle-slider.round {border-radius: 34px; border: 1px solid #DCDCDC; }
.ot-toggle-slider.round:before {border-radius: 50%;}
.ot-toggle-switch.googleConfirmation input:checked + .ot-toggle-slider {background-color: #1F96DB; border: 1px solid #1F96DB; }
.ot-toggle-switch.googleConfirmation input:checked + .ot-toggle-slider::before{ background-color: #fff; }
.ot-toggle-switch.googleConfirmation .ot-toggle-slider{ background-color: #7B7B7B; }
.ot-toggle-switch.googleConfirmation .ot-toggle-slider.round{ border: 1px solid #7B7B7B; }
.ot-toggle-switch.googleConfirmation .ot-toggle-slider::before { background-color: #fff; }
.ot-preview-screen{ min-height: 250px; display: flex; justify-content: center; align-items: center;position: relative; }
.ot-preview-screen .ot-banner-button{ margin: 0 20px 30px 30px;background-color: #6699CC;padding: 10px; border-radius: 10px;width: 60px;height: 60px; position: absolute;right: 0;bottom: 0; }

.ot-banner-button-two { position: absolute;left: 0;bottom: 15px;width:100%;text-align:center;/*transform: translateX(-50%);*/ }
.form-control.selectoption{ width: 20%; }
.form-control.selectoption input[type="radio"], .floating_button_option input[type="checkbox"]{ margin-top: 0px; }
.snippet{ display: inline-flex;width: 100%; }
.group-optout-button .form-control{ flex-direction: column; } 
.group-optout-button .form-control-label-side-bar { width: 100%; }

.ot-preview-background.ot-preview-screen.leftaligncontent {justify-content: flex-start; }
.ot-banner-button img{ max-width: 100%;height: 100%; }
.popupcloseicon { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; }
.popupcloseicon .confirmation-popup-close{ background-color: #6699cc; border-radius: 10px; margin: 20px 13px 20px 0px; padding: 10px 10px 6px 10px; }
.popupcloseicon .confirmation-popup-close img{ max-width: 100%; }
.popupcloseicon .ot-banner-confirmation-popup .side-popup-column-main .ot-confirmation-popup-text{ padding: 0px;margin: 5px 0px; }
#ot-ccpa-banner-settings .ot-container article .form-control-group.group-linktext{ display: block; }
.group-linktext .form-control{ width: 100%; }
.form-control .form-textbox.width-70{ font-size: 12px;width: 100%;max-width: 100%; }
.dashicons.dashicons-no-alt{background-color:#6699CC; color: #fff; padding: 10px; border-radius: 100px; margin-bottom: 8px;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3);}
.powered-by-icon{ float: left; }
span.subtext {font-weight: normal; font-size: 12px; color: #6C6C6C; }
.ConfirmBtn{ border-radius: 100px; }
.otformImage{ display: table; text-decoration: none; padding-left: 10px; font-size: 20px; position: relative; }
.button-primary{ margin-left: 20px; }
#donate{ position: relative; }
#donate label {float:left; width:150px; background-color:#ffffff; border-radius:4px; border:1px solid #D7D7D7; overflow:auto;}
#donate label span {text-align:center; font-size: 18px; padding:8px 0px; display:block; color: #878787; }
#donate label input {position:absolute; top:12px;width: 0px;min-width: 0px;border: none; }
#donate input:checked + span {background-color:#6699CC; color:#FFFFFF; }
#donate input[type=radio]:checked:before{ width: 0px;background-color: unset; }
.personal-info {background-color: #FFF; padding:20px;border-bottom: 1px solid #CCCCCC; }
p.personal-info-title {font-size: 12px; font-weight: bold; float: left;padding: 0px;margin: 0px;}
.clearboth{ clear: both; }
.personal-info .ot-confirmation-popup-text{ font-size: 10px !important; }
.shortdescription{ display: block;font-size: 12px;color: #878E9B; }
.previewheading{ display: block; padding-left: 6px; font-weight: bold; font-size: 15px;align-self: flex-start;padding-bottom: 5px;margin-top: 12px;}
textarea:disabled, input[type="text"]:disabled { background: #E9E9E9; }
.popup-footer{ display: block;padding: 20px; }
.form-link-icon a{ color: #fff; }
.popup-title-main{ font-weight: bold;margin-top: 0px;margin-bottom: 0px; }
span.email-address-icon:before, span.phone-number-icon:before, span.form-link-icon:before{ display: inline-block;vertical-align: top;margin-right: 5px; }
span.email-address-icon:before { content: url(../images/email.svg); }
span.phone-number-icon:before{ content: url(../images/phone.svg); }
span.form-link-icon:before{ content: url(../images/form.svg); }
.popupcloseicon.leftaligncontent { align-items: flex-start; padding-left: 20px; }
.upload_logo_img img{ max-width: 85px; }
#selectuseroption { margin-top: 2px; }
.ot-banner-button.leftaligncontent {left: 0; }
.ot-ccpa-optout__button {padding: 4px 10px; border-radius: 10px; cursor: pointer; background: #fff; border: 1px solid #aaa; margin: 2px; }
.ot-ccpa-optout__button img {margin-right: 0; vertical-align: middle; width: 30px; height: 30px; margin-bottom: 0; font-size: 11px; }
.ot-ccpa-optout__button .ot-ccpa-optout__button__title {vertical-align: top; display: inline-block; margin-top: 4px; margin-left: 2px; color: #6AAAE4; font-size: 13px; font-weight: bold; }
.ot-ccpa-optout__button {cursor: pointer; }
.ot-ccpa-optout__button .ot-ccpa-optout__button__subtitle {display: -webkit-box; display: flex; width: 100%; text-align: right; margin-top: 0; color: #6AAAE4; font-weight: normal; line-height: 1.2; -webkit-box-pack: end; justify-content: flex-end; }