:root {
  --smarticoBlue: #3c64a2;
  --smarticoBlueActive: #506195;
  --smarticoBlack: #212529;
  --smarticoGrey: #B5B5B5;
  --smarticoGreen: #127c4e;
  --smarticoPurple: #800080;
}
/*  Landing Page Styling Options - Headlines + Small Text Start */
/* Style the buttons in the dropdown */
.note-style .dropdown-item {
    font-family: 'Poppins', sans-serif;
    color: #000000;
}

/* Text styles */
.small-text {
    font-size: 12px;
    line-height: 16px;
    color: #707083;
}

.normal-text {
    font-size: 16px;
    line-height: 24px;
    color: #707083;
}

.header1-text {
    font-size: 42px;
    line-height: 42px;
    color: #707083;
}

.header2-text {
    font-size: 36px;
    line-height: 42px;
    color: #707083;
}

.header3-text {
    font-size: 20px;
    line-height: 42px;
    color: #707083;
}

/* Style the dropdown button */
.note-style .dropdown-toggle {
    background-color: #FFFFFF;
    color: #000000;
}

/* Style button hover effect */
.note-style .dropdown-toggle:hover {
    background-color: #D5D5DE;
}
/*  Landing Page Styling Options - Headlines + Small Text Stop */
.bootstrap-select .dropdown-menu li a.opt{
    white-space: initial !important;
}
.bootstrap-select> .dropdown-menu {
    width: 295px !important;
}
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    backdrop-filter: blur(10px);
    animation: slideDown 0.35s ease-out;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

@font-face {
  font-family: SF Pro;
  src: url("../fonts/SF_Pro/SFPRODISPLAYREGULAR.OTF") format("opentype");
}

* ::-webkit-scrollbar {
    width: 5px;
}
* ::-webkit-scrollbar-track {}
* ::-webkit-scrollbar-track:hover {}
* ::-webkit-scrollbar-thumb {
    background-color: #dbdbdb;
}
* ::-webkit-scrollbar-thumb:hover {}
* ::-webkit-scrollbar-button {}

.adCountersWrapper {
    border: 1px solid #a8a8a8;
    border-radius: 5px 0px 0px 5px;
    width: 15%;
}
.adCountersWrapper:not(:first-child):not(:last-child) {
    border-radius: 0px;
}
.adCountersWrapper:last-of-type {
    border-color: var(--smarticoBlue);
    border-width: 4px;
    border-radius:0px
}
.adCountersWrapper:last-of-type .day{
    color:var(--smarticoBlue);
}
.adCountersWrapper:last-of-type .numberOfDay{
    background-color:var(--smarticoBlue);
    color:white;
    width: 20%;
    border-radius:50px;
    text-align: center;
}

input[type="checkbox"]:checked {
  /* set the background color when the checkbox is checked */
  background: var(--smarticoBlue);
  border:none;
  font-family: "Font Awesome 5 Pro";
  position: relative;
}

.permissions:disabled {
  /* set the background color when the checkbox is checked */
  background: var(--smarticoBlue);
  border:none;
  font-family: "Font Awesome 5 Pro";
  position: relative;
}

.permissions:disabled::before {
    opacity: 1;
}

.modal-header .close{
    color:white;
    background-color: var(--smarticoBlue);
    padding: .5rem .8rem;
    margin: -1rem -1rem -1rem auto;
    border-radius: .5rem;
    opacity: unset;
}

.col {
    min-width: 0;
}

input[type="checkbox"] {
  /* set the background color */
  /* set the size of the checkbox */
  width: 16px;
  height: 16px;
  /* hide the default checkbox */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
   border:1px solid rgb(124 124 124);
   border-radius:.25rem;
  /* set the custom checkbox */
  position: relative;
  vertical-align: text-bottom;
}


input[type="checkbox"]::before {
  /* add the checkmark symbol */
  content: "\f00c";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: white;
  opacity: 0;
}

input[type="checkbox"]:checked::before {
  /* show the checkmark symbol when the checkbox is checked */
  opacity: 1;
}

input[type="radio"] {
  /* set the size of the radio button */
  width: 16px;
  height: 16px;
  /* hide the default radio button */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* set the custom radio button */
  border: 1px solid #999;
  border-radius: 50%;
  cursor: pointer;
  background-color: inherit;
}

input[type="radio"]:checked {
  /* set the background color when the radio button is checked */
  background-color: var(--smarticoBlue);
  border:none;
  position: relative;
}

input[type="radio"]:checked::before {
    content: "\2022";
    position: absolute;
    color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

input[type="radio"]:hover,input[type="checkbox"]:hover{
    opacity: 0.6;
}

/* main header */
.navbar-custom {
    background-color: #F7F4F2;
    box-shadow: 0 3px 6px hsla(0, 0%, 0%, .16);
}

.btn-outline-primary{
    color:rgb(60, 100, 162);
    border-color:rgb(60, 100, 162);
}

.btn-outline-primary:hover {
  color: #fff;
    border-color:rgb(60, 100, 162);
    background-color: rgb(60, 100, 162);
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle{
    color: #fff;
    border-color:rgb(60, 100, 162);
    background-color: rgb(60, 100, 162);
}

.filter-option-inner-inner:contains("Please select...") :not(.filter-option-inner-arrow) {
  font-family: inherit !important;
}

/*.filter-option-inner-inner .fas .fa-circle {
  font-family: inherit !important;
}*/

/*.filter-option-inner-inner:not(.filter-option-inner-arrow, .fas.fa-circle) {
  font-family: inherit !important;
}*/

.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: none;
}

table.dataTable thead th, table.dataTable tbody, table.dataTable.no-footer {
  border-bottom: none;
  border-top: none;
}

table.dataTable.no-footer{
     border-bottom: none;
  border-top: none;
}

.nav-link.underline {
    color: rgba(0, 0, 0, 0.5);
}

.nav-link.underline:after {
    display:block;
    content: '';
    border-bottom: solid 2px var(--smarticoBlue);
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
    transform-origin:100% 50%
}
.nav-link.underline:hover:after {
    transform: scaleX(1);
    transform-origin:0 50%;
}

.nav-link.underline.nav-active {
    color: rgba(0, 0, 0, 0.7);
}

.nav-link.underline.nav-active:after {
    transform: scaleX(1);
}

a#navbarDropdown {
    color: rgba(0, 0, 0, 0.5);
}

a#navbarDropdown:hover {
    color: rgba(0, 0, 0, 0.7);
}

/*end main header*/

form .table {
	font-size: 85%;
}

form .table th,
form .table td {
	padding: .75rem;
}

form .table thead th,
form .table tbody th,
form .table tbody td {
	border-top: 0;
}

.table .header .col,
.table .header .col-1,
.table .header .col-2 {
    text-align: left;
    font: normal normal bold 16px/19px SF Pro;
    letter-spacing: 0px;
    color: #3F3F3F;
}

.table .header {
	font-size: 90%;
	font-weight: bold;
	background-color: #dbdbdb;
}

.table .header > .row,
.table > .row {
	margin: 0;
	padding: 1rem 0;
	border-top: 1px solid #ced4da;
}

.table > .row:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.status-active, .status-visible {
    color: var(--teal);
    font-weight: bold!important;
}

.status-inactive, .status-invisible {
    color: var(--yellow);
    font-weight: bold!important;
}

[class*="status-"] {
    font-size: 10px;
    position: relative;
    top: -2px;
}

.error {
    color: red;
}

.status-inactive, .status-invisible {
	color: var(--yellow);
	font-weight: bold !important;
}

.status-active, .status-visible {
	color: var(--teal);
	font-weight: bold !important;
}

table.trm-table thead {
	font-size: 90%;
	font-weight: bold;
	background-color: #dbdbdb;
}

table.trm-table thead th {
    border-bottom: none;
}

table.trm-table tbody tr td {
    border-top: 1px solid #ced4da;
}



.trm-card-header {
    border-bottom: 3px solid var(--smarticoBlue);
    background: #F7F7F7 0% 0% no-repeat padding-box;
    text-align: left;
    font: normal normal bold 16px/19px SF Pro;
    letter-spacing: 0px;
    color: #707070;
}

.copy-to {
    text-align: center;
    font-size: 18px;
    background: #e6e6e6;
    position: absolute !important;
    z-index: 99999;
    width: 100%;
    top: 0;
    height: 25px;
    padding-left: 10px;
    margin-left: -20px;
}

.copy-to > div, .copy-to > .copy-to-area {
    z-index: 99999;
}

.copy-to-area {
    padding: 5px;
    background: #fff;
    box-shadow: rgb(182 182 182) -1px 1px 5px;
    color: #575757;
    font-size: 14px;
    cursor: pointer;
}

.color-box {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 25px;
    border-radius: 4px;
}

.radio-holder {
    color: #707070;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    margin: 0;
    line-height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dots {
    color: #707070;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0px 5px;
    background-color: #fff;
    line-height: 0px;
    font-size: 16px;
    cursor: pointer;
}

.dots.hidden {
    display: none;
}

.dots.active {
    display: block;
}

.menu-image{
    display: none;
    color: #000;
    position: absolute;
    right: 0px;
    top: 24px;
    background-color: #fff;
    width: 90%;
    z-index: 1;
    box-shadow: 5px 5px 10px #aaaaaa;
}

.menu-image a{
    padding:3px;
    color: #000;
    display: inline-block;
}

.menu-image a:hover{
    width: 100%;
    background: #F7F4F2;
    text-decoration: none;
}

.image-holder-div {
    height: 170px;
    width: 220px;
    display: inline-block;
    position: relative;
}

.image-holder{
    width: 90%;
    margin: 0 auto;
}

.img-gallery {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    padding: 0 0 0 10px;
    content: "";
    background: url('/images/transperent.jpg') no-repeat;
    background-position: 10px;
    background-size: cover;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
    border-left: none;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
    border-right: none;
}
.input-group {
    flex-wrap: nowrap;
}

.main-header {
    text-align: left;
    font: normal normal 600 32px/38px SF Pro;
    letter-spacing: 0px;
    color: #3F3F3F;
}

.trm-dashboard{
    position: absolute;
    top: 5px;
    left: 20px;
    background-image: url('../images/dashboard.png');
    width: 34px;
    height: 26px;
}

.color-blue {
    color: var(--smarticoBlue);
}

.prediction {
    cursor: pointer;
}

.prediction:hover {
    color: var(--smarticoBlueActive);
}

button.applyBtn.btn.btn-sm.btn-primary {
    background-color: var(--smarticoBlue);
    border-color: var(--smarticoBlue);
}

.daterangepicker .ranges li.active,
.daterangepicker td.active,
.daterangepicker td.active:hover{
    background-color: var(--smarticoBlue);
}

/** ad statuses**/
.ad-status-0 {
    color: #3F3F3F;
    background-color: #3F3F3F;
    border-radius: 5px;
    margin-right: 5px;
}

.ad-status-1 {
    color: #dbdbdb;
    background-color: #dbdbdb;
    border-radius: 5px;
    margin-right: 5px;
}

.ad-status-2 {
    color: #ffc107;
    background-color: #ffc107;
    border-radius: 5px;
    margin-right: 5px;
}

.ad-status-9999 {
    color: #ffc107;
    background-color: #ffc107;
    border-radius: 5px;
    margin-right: 5px;
}

.ad-status-3 {
    color: #20c997;
    background-color: #20c997;
    border-radius: 5px;
    margin-right: 5px;
}

.ad-status-4 {
    color: green;
    background-color: green;
    border-radius: 5px;
    margin-right: 5px;
}

.ad-status-5 {
    color: black;
    background-color: black;
    border-radius: 5px;
    margin-right: 5px;
}

.ad-status-6 {
    color: grey;
    background-color: grey;
    border-radius: 5px;
    margin-right: 5px;
}

.ad-status-7 {
    color: red;
    background-color: red;
    border-radius: 5px;
    margin-right: 5px;
}

.ad-status-8 {
    color: #08c;
    background-color: #08c;
    border-radius: 5px;
    margin-right: 5px;
}

.ad-status-10 {
    color: deeppink;
    background-color: deeppink;
    border-radius: 5px;
    margin-right: 5px;
}
/** ad statuses**/

/** filters style **/

.select-status .text {
    text-align: left;
    font: normal normal normal 16px/19px SF Pro;
    letter-spacing: 0px;
    color: var(--smarticoBlack);
}

.btn-custom:hover {
    color: var(--smarticoBlack);
    text-decoration: none;
}

.dropdown-toggle.btn-custom:focus {
    outline: none !important;
    box-shadow: none;
}
.btn-custom {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #B5B5B5;
    border-radius: 5px;
    text-align: left;
    font: normal normal normal 16px/19px;
    font-family: "Font Awesome 5 Pro";
    letter-spacing: 0px;
    color: var(--smarticoBlack);
}

.btn-custom.dropdown-toggle::after {
    content: "\f13a";
    border: none;
    color: var(--smarticoGrey);
}

.filter-header{
    text-align: left;
    font: normal normal bold 16px/19px SF Pro;
    letter-spacing: 0px;
    color: #3F3F3F;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-custom,
.btn-custom.bs-placeholder {
    color: var(--smarticoBlack);
}

.bootstrap-select>dropdown-toggle.bs-placeholder.btn-custom,
.btn-custom.bs-placeholder .filter-option-inner-inner {
  font-family: 'SF Pro', sans-serif;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner{
    font-family: 'SF Pro', sans-serif;
}

.bootstrap-select> .dropdown-menu {
    margin: 0;
}

.contols-img {
    vertical-align: text-top;
}

/** filters style **/
.nav-link-settings {
    background: #F6F4F2 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 0px 0px 10px 10px;
    color: #3F3F3F;
}
.nav-link-settings.active {
    background: var(--smarticoBlue) 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 0px 0px 10px 10px;
    color: #fff;
}

.main-label {
    font: normal normal bold 20px/24px SF Pro;
    letter-spacing: 0px;
    color: #3F3F3F;
}

.internal-label{
    font: normal normal normal 16px/19px SF Pro;
    letter-spacing: 0px;
    color: #3F3F3F;
}

.info-input {
    background: #E0E0E0 0% 0% no-repeat padding-box;
    border: 1px solid #EAECEF;
    border-radius: 5px;
    font: normal normal normal 16px/19px SF Pro;
    letter-spacing: 0px;
    color: #3F3F3F;
    padding: 10px 15px;
    min-height:41px;
}

.btn-settings{
    border: none;
    color: var(--smarticoBlue);
    background-color: transparent;
    font-size: 19px;
    display: block;
    margin: 0 0 0 auto;
}

.progress-bar {
    background-color: var(--smarticoBlue);
}

.btn-primary.blue{
    background-color: var(--smarticoBlue);
    border-color: var(--smarticoBlue);
}

.btn-primary.blue:active {
    background-color: var(--smarticoBlueActive) !important;
    border-color: var(--smarticoBlueActive) !important;
}

.btn-primary.blue:focus,
.btn-primary.blue:active:focus {
    box-shadow: none !important;
}

.sort {
    cursor: pointer;
}

.sort.asc:after {
    content: "\f077";
    font-family: "Font Awesome 5 Pro";
}

.sort.desc:after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
}

a.controls-icon:hover {
    text-decoration: none
}

.region-title {
    text-align: left;
    font: normal normal 400 16px/19px SF Pro;
    letter-spacing: 0px;
    color: var(--smarticoBlack);
}

.settings span.bs-ok-default.check-mark {
    left:10px;
}

/* start edit page*/

.sort-arrows {
    position: absolute;
    margin-top: 5px;
    left: 5px;
    cursor: pointer;
}

.edit-form .nav-link.active {
    background: var(--smarticoBlue) 0% 0% no-repeat padding-box;
    border: 1px solid var(--smarticoBlue);
    border-radius: 5px 5px 0px 0px;
    font: normal normal 600 16px/19px SF Pro;
    color: #F6F4F2;
}

.edit-form .nav-link.active:hover {
    border: 1px solid var(--smarticoBlue);
}

.edit-form .nav-link {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 5px 5px 0px 0px;
    font: normal normal 600 16px/19px SF Pro;
    color: #707070;
    padding: 8px;
}
.edit-form .nav-link:hover {
    border: 1px solid #707070;
}

.edit-form .nav-tabs {
    border-bottom: 2px solid #B5B5B5;
}

.edit-form .nav-tabs.nav-tabs-internal,
.edit-form .nav-tabs.nav-tabs-image{
    border-bottom: none;
}

.edit-form .nav-tabs.nav-tabs-internal .nav-link.active,
.edit-form .nav-tabs.nav-tabs-internal .nav-link,
.edit-form .nav-tabs.nav-tabs-image .nav-link.active,
.edit-form .nav-tabs.nav-tabs-image .nav-link{
    border-radius: 0px 0px 5px 5px;
}



.btn-next-save {
    background: var(--smarticoBlue) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    text-align: left;
    font: normal normal bold 16px/19px SF Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
    border-color: var(--smarticoBlue);
    padding: 10px 50px 10px 20px;
    display: inline-block;
    margin: 0 auto;
}

.btn-next-save:hover {
    background: var(--smarticoBlue) 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    border-color: var(--smarticoBlue);
}

.btn-next-save:active {
    background-color: var(--smarticoBlueActive) !important;
    border-color: var(--smarticoBlueActive) !important;
}

.btn-next-save:focus,
.btn-next-save:active:focus {
    box-shadow: none !important;
}

.btn-next-save.green {
    background-color: var(--smarticoGreen);
    border-color: var(--smarticoGreen);
}

.input-search {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #B5B5B5;
    border-radius: 5px 0px 0px 5px;
    font: normal normal normal 16px/19px SF Pro;
    letter-spacing: 0px;
    color: #707070;
    padding: 10px 15px;
}

.btn-search {
    font: normal normal normal 16px/15px SF Pro;
    letter-spacing: 0px;
    color: var(--smarticoBlue);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid var(--smarticoBlue);
    border-radius: 0px 5px 5px 0px;
    padding: 10px 15px;
}

.btn-search:hover {
    color: var(--smarticoBlue);
}

.gallery-image-holder{
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.gallery-image-holder img,
.print-image {
    width: 100%;
    max-height: 100px;
    content: "";
    background: url('/images/transperent.jpg') no-repeat;
    background-size: cover;
}

.logo-image,
.overlay-image {
    content: "";
    background: url('/images/transperent.jpg') no-repeat;
    background-size: cover;
}

.slogans {
    width: 75%
}

.add-slogan{
    cursor: pointer;
    display: inline-block;
}

input::-webkit-file-upload-button {
    background: var(--smarticoBlue) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    text-align: left;
    font: normal normal bold 16px/19px SF Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
    border: 1px solid var(--smarticoBlue);
    padding: 10px 50px;
}
/*end edit page*/



.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group>.btn:first-child {
    margin-left: 0;
}
.btn-group-vertical>.btn, .btn-group>.btn {
    position: relative;
    float: left;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}


#website-screenshot-container {
    position: relative;
}

.loading-mask {
    z-index:9999;
    width:100%;
    height: 100%;
    background-color: rgba(0,0,0,0.15);
    position: absolute;
    text-align: center;
}

.loading#website-screenshot-container{
    min-height: 400px;
}

.loading-mask > .fa-spinner {
    margin-top: 35%;
}

.btn-smartico-reversed {
    color: var(--smarticoBlue);
    border-radius: 10px;
    text-align: left;
    font: normal normal bold 16px/19px SF Pro;
    letter-spacing: 0px;
    background: #FFFFFF;
    border-color: var(--smarticoBlue);
    margin: 0 auto;
}

.btn-smartico {
    background: var(--smarticoBlue) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    text-align: left;
    font: normal normal bold 16px/19px SF Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
    border-color: var(--smarticoBlue);
    margin: 0 auto;
}

.btn-smartico:hover {
    background: var(--smarticoBlue) 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    border-color: var(--smarticoBlue);
}

.btn-smartico:active {
    background-color: var(--smarticoBlueActive) !important;
    border-color: var(--smarticoBlueActive) !important;
}

.btn-smartico:focus,.btn-smartico:active:focus {
    box-shadow: none !important;
}

.btn-slogan-suggestion{
    color: #565656;
    border-radius: 10px;
    text-align: left;
    letter-spacing: 0px;
    background: #FFFFFF;
    border-color: #565656;
    margin: 0 auto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.slick-dots li button::before {
    font-size: 20px;
    color: var(--smarticoBlue);
}

.slick-dots li,
.slick-dots li button {
    width: 15px;
    height: 15px;
    margin: 0;
}

.slick-dots {
    bottom: unset;
}

span.page-link {
    background-color: var(--smarticoBlue) !important;
    border-color: var(--smarticoBlue) !important;
}

.custom-links a.page-link {
    color: var(--smarticoBlue) !important;
}

.custom-links .page-link {
    color: var(--smarticoBlue);
}

.custom-links .page-item.disabled .page-link {
    color: #6c757d !important;
    background-color: #fff !important;
    border-color: #dee2e6 !important;
}

.iframe-holder {
    height: 450px;
    display: grid;
}

.iframe-preview {
    border: none;
    width: 100%;
    height: 100%;
}

.iframe-preview-1 {
    border: none;
    width: 100%;
    height: 100%;
}

.iframe-preview-2 {
    border: none;
    width: 100%;
    height: 140%;
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: 0px 0px;
}

.iframe-preview-3 {
    border: none;
    width: 140%;
    height: 100%;
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: 0px 0px;
    margin-top: 20px;
}

.iframeiframe-holder{
    height: 500px;
}

.iframe-landing-page {
    border: none;
    width: 200%;
    /* height: 200%; */
    height: 1000px;
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    transform-origin: 0px 0px;
}


.sticky {
  position: fixed;
  top: -16px;
  right: 3px;
}

.loading{
    position: absolute;
    right: 30px;
}

.print-ad-img {
    width: 100%;
    height: auto;
}

.trm-margin-remove-right {
    margin-right:0
}

.trm-margin-remove-left {
    margin-left:0
}

.trm-margin-remove-top {
    margin-top:0
}

.trm-margin-remove-bottom {
    margin-bottom:0
}

.trm-preview-color {
    width: 25px;
    margin-left: 3px;
    border-radius: 0.25rem;
    vertical-align: middle;
    border: 1px solid #707070;
    display: inline-block;
}

.trm-margin-remove-right {
    margin-right:0
}
.trm-margin-remove-left {
    margin-left:0
}
.trm-margin-remove-top {
    margin-top:0
}

.trm-margin-remove-bottom {
    margin-bottom:0
}

.trm-preview-color {
    width: 25px;
    margin-left: 3px;
    border-radius: 0.25rem;
    vertical-align: middle;
    border: 1px solid #707070;
    display: inline-block;
}

.line-height-40 {
    line-height: 40px;
}

.trm-margin-remove-right {
    margin-right:0
}
.trm-margin-remove-left {
    margin-left:0
}
.trm-margin-remove-top {
    margin-top:0
}
.trm-margin-remove-bottom {
    margin-bottom:0
}

.trm-preview-color {
    width: auto;
    margin-left: 3px;
    border-radius: 0.25rem;
    vertical-align: middle;
    border: 1px solid #707070;
    display: inline-block;
}

.line-height-40 {
    line-height: 40px;
}

.toggle-onoff-label {
    cursor: pointer;
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
}

.radio-helper-block {
    display: inline-block;
    position: relative;
    text-align: initial;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 10px;

}

.toggle-onoff-radio {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}


input[type="radio"].toggle-onoff-radio:hover {
    position: absolute;
    top: 0;
    background: inherit;
    left: 0;
    border: inherit;
}

input[type="radio"].toggle-onoff-radio:checked:hover
{
    background: none;
    position: absolute;
    top: 46%;
    left: 34%;
    font-size: 24px;
    color: white;
    opacity: 1;
}
input[type="radio"].toggle-onoff-radio:checked
{
    background: none;
    position: absolute;
    top: 46%;
    left: 34%;
    font-size: 40px;
    color: white;
    opacity: 1;
}
input[type="radio"].toggle-onoff-radio:checked::before
{
    content: "\2713";
}


input[type="radio"].toggle-onoff-radio:hover
{
    background: none;
    position: absolute;
    top: 15%;
    left: 19%;
    font-size: 24px;
    color: white;
    opacity: 1;
}
input[type="radio"].toggle-onoff-radio:hover::before {
    content: "\2764";
}


.copy_color {
    display: none;
}

.color_container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: flex-start;
    justify-content: space-between;
    margin: 0 0 30px;
}

.js-color-picker_preview {
    color: #707070;
    width: 100px;
    height:50px
}
.copy_color_i {
    font-size: 20px;
}
.copy_color ~ .copy_color_i {
    color: var(--smarticoBlue);
}

.copy_color:checked ~ .copy_color_i {
    color: var(--smarticoGreen);
}


.week_day_name_open {
    background: #6075a2;
}
.week_day_name_closed {
    background: #ccc;
}
.week_day_timepicker {
    width:100px;
}
.week_day_name {
    width: 50px;
    height: 45px;
    display: flex;
    justify-content: center;
    border-radius: 100px;
    flex-direction: row;
    color: white;
    cursor: pointer;
    align-items: center;
}
.week_day {
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 100px;
    background: #6075a2;
    color: white;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.week_day_modifier {
    display: flex;
    color: #444;
    font-size: 20px;
    cursor: pointer;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 5px;
}



.week_day_grid {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}


.switch-input {
    display: none;
    opacity: 0;
    margin:0;
    cursor: pointer;
}

.switch-label {
    margin:0;
    cursor: pointer;
}

.note-editable p {
    margin: 0;
}

.type_img {
    width: 80%;
    margin: auto;
    filter: grayscale(1);
}

.type_img.active {
    filter: grayscale(0);
}

.count-characters {
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 40px;
    right: 25px;
}

.count-characters.red {
    color: #F50005;
}

.count-characters.orange {
    color: #F58400;
}

.count-characters.green {
    color: #247C4E;
}

.pr_container{
    display: flex;
    padding-bottom: 20px;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}

.pr_container_2{
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}


.pr_title_number{
    display: flex;
    padding-left: 50px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

.pr_icon{
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    position: absolute;
}