@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap');

*{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,select,input,option,textarea{margin:0;padding:0;border:0;outline:0;font-size:100%;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
nav ul,nav ol{list-style:none;list-style-image:none}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:top;border-radius: 0;box-shadow: none;outline: none;}
textarea{overflow:auto;vertical-align:top;border-radius: 0;box-shadow: none;outline: none;}
table{border-collapse:collapse;border-spacing:0}
button,html input[type="button"],input[type="reset"],input[type="submit"],textarea{-webkit-appearance:none;border-radius: 0}
input[type="text"],input[type="email"],input[type="tel"],textarea,select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border-radius: 0;box-shadow: none;outline: none}
:focus{outline:0}
ol, ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption, th, td{text-align:left;font-weight:normal}
a{text-decoration:none}
blockquote:before, blockquote:after,
q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
table{border:0 none;border-collapse:collapse;border-spacing:0}
td{vertical-align:top}
img{border:0 none;max-width:100%}
p a { text-decoration: none; color: var(--highlight-color); outline: none;position: relative;}
p a:hover, p a:focus { text-decoration: none; }
p{font-family: 'Work Sans', sans-serif;font-weight: 400;font-size: 16px;line-height: 20px;color: #494949;}
.none{display:none}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block}
.clear{clear:both}
img{max-width:100%;vertical-align:top}
.cf:before, .cf:after{content:"";display:table}
.cf:after{clear:both}
a,button,.btn{outline:none;transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;text-decoration:none;}
input, button{font-family: 'Work Sans', sans-serif;}
body{font-size:14px;-webkit-font-smoothing:antialiased;font-family: 'Work Sans', sans-serif;font-weight: 400;color: #494949;}
.cf:before, .cf:after{content:"";display:table}
.cf:after{clear:both}
.cf{zoom : 1}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}/* Firefox */input[type=number] {-moz-appearance: textfield;}
.container{max-width: 1295px;width: 100%;margin: 0 auto;padding-left: 15px;padding-right: 15px;}
input:focus::placeholder {
  color: transparent;
}

h1, h2, h3, h4, h5, h6{padding:0;margin: 0;}
h1{font-size:60px;line-height:72px;font-weight:700;}
h2{font-size:40px;line-height:48px;font-weight:700;}
h3{font-size:35px;line-height:40px;font-weight:700;}
h4{font-size:26px;line-height:33px;font-weight:700;}
h5{font-size:20px;line-height:normal;font-weight:700;}


.align-left{text-align: left;}
.align-center{text-align: center;}
.align-right{text-align: right;}
.hide_me{ display: none !important;}
.show-block {display: block;}
.wrapper{position: relative;overflow: hidden;}

.white-popup-block {width: 100%;position: relative;background: #FFFFFF;border-radius: 16px;}
#session-expired-modal {padding: 30px;}
.mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: var(--highlight-background-color);opacity: 0.95;}
.mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: none !important;-webkit-backface-visibility: hidden; }
.mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.mfp-hide {display: none !important; }
.mfp-preloader {color: #CCC;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;z-index: 1044; }
.mfp-preloader a {color: #CCC; }.mfp-preloader a:hover {color: #FFF; }
.mfp-s-ready .mfp-preloader {display: none; }.mfp-s-error .mfp-content {display: none; }
.mfp-close {width: 30px;height: 30px;line-height: 0;font-size: 0;position: absolute;right: 32px;top: 31px;padding: 0;background-color: transparent;border: 0;background-image: url(../images/close-icon-blue.svg);cursor: pointer;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;}
.mfp-close:hover{transform: rotate(90deg);}
.mfp-arrow {position: absolute;opacity: 0.65;margin: 0;top: 50%;margin-top: -55px;padding: 0;width: 90px;height: 110px;-webkit-tap-highlight-color: transparent; }
.mfp-content {max-width: 895px;width: 100%;}

.btn {padding: 24px 0 0 0;}
.btn a {background-color: var(--highlight-color);border: 0;border-radius: 8px;font-weight: 700;font-size: 14px;line-height: 18px;color: #ffffff;padding: 15px 30px 15px 30px;display: inline-block;vertical-align: top;border: 2px solid var(--highlight-color);}
.btn a:hover{background-color: transparent;color: var(--highlight-color);}

.highlight-color-filter { filter: var(--highlight-filter)}

/******* Standard Elements Start *******/
.form-main{}
.form-main ul{margin: 0 -16px;display: flex;flex-wrap: wrap;}
.form-main ul li{margin: 0 0 28px 0;position: relative;padding: 0 16px;width: 100%;}
.form-main ul li.half{width: 50%;}
.form-main ul li.third-half{width: 33%;}
.form-main label{font-weight: 700;font-size: 14px;line-height: 18px;color: #494949;display: block;margin: 24px 0 8px 0;}
.form-main .tooltip{font-weight: 400;font-size: 12px;}
.form-main input, .input{background-color: #F8F8F8;border-radius: 4px;width: 100%;padding: 18px 17px 20px 17px;font-weight: 400;font-size: 14px;line-height: 18px;color: #494949;font-family: 'Work Sans', sans-serif;}
.form-main input:disabled, .input:disabled{background-color: transparent; border: 2px solid #F0F0F0; padding: 16px 15px 18px 15px;}
.form-main .smallTextbox { width: 120px;}
.form-main button,.show-fullsize-preview-button{background-color: var(--highlight-color);border: 2px solid var(--highlight-color);border-radius: 8px;font-weight: 700;font-size: 14px;line-height: 18px;color: #ffffff;margin: 12px 0 0 0;padding: 15px 30px 15px 30px;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;cursor: pointer;display: inline-block;vertical-align: top;}
.form-main button:hover{background-color: transparent;color: var(--highlight-color);}
.form-main button:disabled{background-color: transparent;color: var(--highlight-color);}
.form-main button.arrow{padding: 15px 64px 15px 30px;background-image: url(../images/white-arrow.svg);background-repeat: no-repeat;background-position: 71% 50%;}
.form-main button.arrow:not(:disabled):hover{background-color: var(--highlight-background-color);color: #ffffff;border-color: var(--highlight-background-color);}
.form-main button:hover{background-position: 88% 50%;}
.form-main span.error {font-weight: 400;color: #f00;padding: 6px 0 0 0;margin: 0;}
.form-main .error.stripe-error,.form-main .error.user-error {display: none;}
.form-main .error.stripe-error.visible, .form-main .error.user-error.visible {display: block; padding: 6px 0 0 0;}
.form-main .error.stripe-error span.message, .form-main .error.user-error span.message {font-weight: 400;color: #f00;padding: 6px 0 0 0;text-transform: capitalize;}
.form-main .error.stripe-error span.message.generic, .form-main .error.user-error span.message.generic{text-transform: initial; }
.form-main p{font-size: 14px;line-height: 25px;color: #494949;margin: 20px 0 0 0;}
.form-main p a{font-weight: 700;position: relative;}
.form-main p a:before{position: absolute;content: "";height: 3px;left: 0;right: 0;bottom: 1px;background: var(--highlight-color);opacity: 0.4;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;z-index: -1;}
.form-main p a:hover:before{background-color: var(--highlight-background-color);opacity: 0.8;}
.next-btn{padding: 47px 0 0 0;}
.next-btn a{background-color: var(--highlight-color);border: 0;border-radius: 8px;font-weight: 700;font-size: 14px;line-height: 18px;color: #ffffff;padding: 17px 69px 17px 32px;background-image: url(../images/white-arrow.svg);background-repeat: no-repeat;background-position: 71% 50%;display: inline-block;}
.next-btn a:hover {background-position: 88% 50%;}
.next-btn .pagination{padding: 18px 0 0 18px;}
.prev-btn{padding: 47px 0 0 0;}
.prev-btn a{background-color: var(--highlight-color);border: 0;border-radius: 8px;font-weight: 700;font-size: 14px;line-height: 18px;color: #ffffff;padding: 17px 32px 17px 69px;background-image: url(../images/white-arrow-back.svg);background-repeat: no-repeat;background-position: 29% 50%;display: inline-block;}
.prev-btn a:hover {background-position: 12% 50%;}
/******* Standard Elements End *******/

/******* Sign Up Page Css Start *******/
.sign-up-sec{}
.sign-up-wrap, .sign-in-wrap{display: flex;flex-wrap: wrap;}
.sign-up-left, .sign-in-left{width: 45%;padding: 150px 117px 30px 116px;position: relative;}
.sign-up-logo-top, .sign-in-logo-top{position: absolute;top: 32px;left: 116px;}
.sign-up-form-sec, .sign-in-form-sec{width: 100%;}
.sign-up-form-sec h2, .sign-in-form h2{color: var(--base-heading-color);letter-spacing: -0.5px;margin: 0 0 16px 0;}
.sign-up-form-sec p, .sign-in-form-sec p{margin: 0 0 44px 0;}
.sign-up-right, .sign-in-right{width: 55%;background-color: var(--highlight-background-color);position: relative;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: center;padding: 157px 0 145px 19px;}
.sign-up-right:before, .sign-in-right:before{position: absolute;content: "";background-image: url(../images/signup-bg-pattern.png);background-repeat: no-repeat;background-position: 52% 50%;left: 0;right: 0;top: 0;bottom: 0;opacity: 0.25;}
.sign-up-right-content, .sign-in-right-content{text-align: center;position: relative;}
.sign-up-right-content h2, .sign-in-right-content h2{font-weight: 700;font-size: 40px;line-height: 48px;letter-spacing: -0.5px;color: #FFFFFF;margin: 32px 0 31px -4px;}
.sign-up-right-content a, .sign-in-right-content a{display: inline-block;border: 2px solid var(--highlight-color);border-radius: 8px;font-weight: 700;font-size: 14px;line-height: 18px;color: #FFFFFF;padding: 15px 30px 15px 30px;}
.sign-up-right-content a:hover, .sign-in-right-content a:hover{background-color: var(--highlight-color);}
.pagination{display: inline-block;vertical-align: top;padding: 30px 0 0 19px;}
.pagination span{width: 10px;height: 10px;border: 2px solid rgba(38, 44, 92, 0.20);display: inline-block;border-radius: 50%;margin: 0 11px 0 0;}
.pagination span.active{background-color: var(--highlight-color);border-color: var(--highlight-color);}

.forgot-password{font-weight: 700;font-size: 14px;line-height: 25px;color: #494949;position: absolute;right: 0;top: 25px;}
.forgot-password:before{position: absolute;content: "";height: 3px;left: 0;right: 0;bottom: 5px;background: var(--highlight-color);opacity: 0.4;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;z-index: -1;}
.forgot-password:hover:before{background-color: var(--highlight-background-color);opacity: 0.8;}
.login-form .form-main p {margin: 21px 0 0 0;line-height: 25px;color: #494949;}
.loading-div {width: 100%;height: 100%;position: fixed;background-color: rgba(0,0,0,0.3);top: 0px;background-image: url('../images/rolling-loader.svg');background-position: center; background-repeat: no-repeat;background-size: 10%;display: none;}
#password-rules{color:  grey;font-size: 12px;line-height: normal;margin-top: 10px;}

/******* Sign Up Page Css End *******/


/******* Advert Design Page Css Start *******/
.site-header {padding: 24px 0 23px 0;border-bottom: 1px solid rgba(38, 44, 92, 0.10);position: relative;z-index: 1;}
.resp-accordion{display: none;}
.resp-tab-content{display: none;padding: 30px 0 0 0;}
.resp-tab-content.resp-tab-content-active{display: block;}
.rev-select {position: relative;}
.select-hidden{display: none;}
.form-main ul.select-options{max-height: 30rem; overflow: auto; margin: 0;display: none;position: absolute;left: 0;right: 0;top: 100%;background-color: #f8f8f8;z-index: 1;border-radius: 0 0 4px 4px;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.20);}
.form-main ul.select-options li{margin: 0;padding: 10px 17px 10px 17px;font-weight: 400;font-size: 14px;line-height: 18px;color: #494949;cursor: pointer;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;}
.form-main ul.select-options li:hover{background-color: var(--highlight-background-color);color: #ffffff;}
.select-styled {display: inline-block; background-color: #F8F8F8;border-radius: 4px;width: 100%;padding: 16px 16px 18px 16px;font-weight: 400;font-size: 14px;line-height: 18px;color: #494949;font-family: 'Work Sans', sans-serif;cursor: pointer;position: relative;}
.select-styled.disabled-select { background-color: #FFFFFF;border: 1px solid #808080; cursor: default;}
.select-styled:before{position: absolute;content: "";transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;background-image: url(../images/down-arrow.svg);background-repeat: no-repeat;background-size: contain;width: 11px;height: 7px;right: 22px;top: 23px;filter: var(--highlight-filter)}
.select-styled.disabled-select::before{display: none;}
.select-styled.active:before{transform: rotate3d(1, 0, 0, 180deg);}
.age-select .rev-select {display: inline-block;}
.age-select .select-styled {width: 120px;}
.age-select p {display: inline-block; width: 40px; text-align: center;}

/* chart design styles */
.chart-design-wrap{display: flex;flex-wrap: wrap;padding: 0 0 23px 0;}
.chart-design-main{margin-bottom:40px;position: relative;}
.chart-body{width:95%;margin:30px;}
.chart-design-left{width: 50%;padding: 0px 123px 0 0;}
.chart-design-right{width: 50%;padding: 0px 123px 0 0;}
.chart-body canvas {width:100%;height:400px;max-height: 500px;border-radius: 8px;padding:10px;box-shadow: 1px 1px 0px 0px rgba(0 0 0 / 20%)}

/* chart design styles end */

.advert-design-sec{padding-top: 40px;}
.advert-design-wrap{display: flex;flex-wrap: wrap;padding: 0 0 23px 0;}
.advert-design-left{width: 50%;padding: 0px 123px 0 0;}
.advert-design-heading h2{font-size: 24px;line-height: 28px;color: var(--base-heading-color);letter-spacing: -0.3px;margin: 0 0 8px 0;}
.advert-design-heading p{font-size: 14px;line-height: 18px;color: #525252; margin: 8px 0;}
.advert-design-tab-wrap{padding: 30px 0 0 0;}
.advert-design-tab-wrap span.note{font-weight: 700;font-size: 14px;line-height: 18px;color: #494949;display: block;margin: 0 0 8px 0;}
.advert-design-tab-1{ margin-bottom: 15px; }
.advert-design-tab-2 > ul{ margin-bottom: 15px; }
.resp-tabs-list{display: flex;flex-wrap: wrap;}
.resp-tabs-list li{width: 24.999%;font-weight: 500;font-size: 14px;line-height: 18px;color: #494949;text-align: center;border: 1px solid #e9eaef;padding: 16px 10px 16px 10px;cursor: pointer;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s; word-wrap:break-word;}
.resp-tabs-list li.resp-tab-active{background-color: var(--highlight-background-color);border-color: var(--highlight-background-color);color: #ffffff;}
.resp-tabs-list li:nth-child(1){border-radius: 4px 0 0 4px;}
.resp-tabs-list li:nth-child(2){border-right: 0;border-left: 0;}
.resp-tabs-list li:last-child{border-radius: 0 4px 4px 0; border: 1px solid #e9eaef}
.resp-tab-content .form-main input {padding: 16px 17px 18px 17px;}
.resp-tab-content .form-main ul li {margin: 0 0 30px 0;}
.form-group {position: relative;}
.select-btn {border: 1px solid var(--highlight-background-color);border-radius: 4px;font-weight: 700;font-size: 14px;line-height: 18px;color: var(--highlight-background-color);padding: 16px 16px 16px 16px;position: absolute;right: 0px;top: 26px;background-color: #ffffff;}
.upload-logo {background-color: #F8F8F8;border-radius: 4px;width: 100%;padding: 16px 17px 18px 17px;font-weight: 400;font-size: 14px;line-height: 18px;color: #494949;font-family: 'Work Sans', sans-serif;display: block;}
.form-main input.file-upload {position: absolute;left: 0;top: 26px;padding: 0;bottom: 0;opacity: 0;cursor: pointer;}
.form-main input.website.valid {background-image: url(../images/check-icon.svg);background-repeat: no-repeat;background-position: 96.8% 50%;}
.form-main input.website {padding-right: 50px;}
.form-main .input-icon-container{position: relative;}
.resp-tab-content .form-main button{margin: 18px 0 0 0;}
.resp-tab-content .pagination {padding: 36px 0 0 21px;}
.ad-preview-sec{position: absolute;right: 0;top: 0;width: 50%;background-color: var(--highlight-background-color);z-index: 1;min-height: 1431px;}
.ad-preview-wrap{}
.ad-preview-wrap .ad-loading-img {position: absolute; top: 22px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 160px; height: 200px; display: none;}
.ad-preview-wrap .ad-loading-img img { width: 128px; }
.ad-preview-wrap .ad-loading-img div { color: white; text-align: center; font-size: 12px;}
.ad-preview-heading{text-align: center;padding: 244px 0 32px 5px;}
.ad-preview-heading h2{font-weight: 700;font-size: 24px;line-height: 28px;letter-spacing: -0.4px;color: #FFFFFF;}
.ad-preview-slider-sec{margin: 0 auto;text-align: center;padding: 0 0 0 9px;}
.ad-preview-slider-sec h5{font-weight: 400;font-size: 18px;line-height: 22px;color: #FFFFFF;}
.ad-preview-slider-sec h5 strong{font-weight: 600;}
.ad-preview-slider{margin: 82px 0 152px 0;}
.ad-preview-box{ position: relative; }
.ad-preview-box a{display: inline-block;border: 2px solid var(--highlight-color);border-radius: 8px;font-weight: 700;font-size: 14px;line-height: 18px;color: #FFFFFF;padding: 15px 30px 15px 30px;margin: 48px 0 0 0;}
.ad-preview-box a:hover {background-color: var(--highlight-color);}
.ad-preview-slider .slick-arrow:hover{opacity: 1;}
.payment-wrap .ad-preview-slider .slick-arrow{bottom: 100px;}

.preview-wrap .arrow{display: inline-block; width: 48px; height: 48px;background-image: url(../images/slider-arrow.svg);cursor: pointer}
.preview-wrap .arrow.forward-arrow{left: auto;transform: rotate3d(0, 1, 0, 180deg);}

.resize-image-content{text-align: left;padding: 33px 31px 32px 31px;}
.resize-image-content h2{font-size: 24px;line-height: 28px;color: var(--base-heading-color);letter-spacing: -0.2px;margin: 0 0 32px 0;}
.resize-image-bottom{display: flex;flex-wrap: wrap;align-items: center;padding: 31px 0 0 0;}
.resize-image-bottom span{font-weight: 700;font-size: 16px;line-height: 20px;color: #494949;display: inline-block;vertical-align: top;padding: 0 13px 0 0;}
.resize-image-bottom .rotation span{font-size: 14px;line-height: 18px;}
.zoom{padding: 0 39px 0 0;}
.rotation{padding: 0 23px 0 0;}
.rotate img{margin: 0 19px 0 0;}
.resize-image-btn{padding: 0 0 0 78px;}
.resize-image-btn a{background-color: var(--highlight-color);border: 2px solid var(--highlight-color);border-radius: 8px;font-weight: 700;font-size: 14px;line-height: 18px;color: #ffffff;padding: 15px 30px 15px 30px;display: inline-block;vertical-align: top;}
.avatar-preview{background: #F8F8F8;border-radius: 4px;overflow: hidden;position: relative;padding-top: 142px;background-repeat: no-repeat;background-position: center center; background-size: contain;}
.avatar-preview a{margin: 0 8px;text-indent: -9999px; font-size: 11px;line-height: 18px;color: #ffffff;background-color:var(--highlight-background-color);border: 1px solid rgb(255 255 255 / 30%);border-radius: 4px;display: inline-block;vertical-align: top;padding: 12px 0px 8px 0px;max-width: 40px;width: 200%;text-align: center;position: absolute; bottom: 6px; opacity: 0.8;}
.avatar-preview .edit-icon {right: 48px;}
.avatar-preview .delete-icon {right: 0px;}
.avatar-preview .edit-icon:before{position: absolute;content: "";background-image: url(../images/edit-icon.svg);width: 16px;height: 16px;top: 10x;left: 0;right: 0;margin: auto;filter: var(--highlight-filter)}
.avatar-preview .delete-icon:before{position: absolute;content: "";background-image: url(../images/delete-icon.svg);width: 14px;height: 16px;top: 10x;left: 0;right: 0;margin: auto;filter: var(--highlight-filter)}
.avatar-preview a:hover{background-color: #ffffff;color: var(--highlight-color);border-color: #ffffff;}
.designTypeChoice {margin-bottom: 16px;}
.designTypeChoice button {background-color: #ffffff; color: var(--highlight-color);}
.designTypeChoice button:hover {background-color: var(--highlight-color); color: #ffffff;}
.designTypeChoice button.selected {color: #ffffff; border: 1px solid var(--highlight-background-color); background-color: var(--highlight-background-color);}
.designTypeChoice button.selected:hover {color: #ffffff;}
.designTypeChoice div {font-size: 18px;line-height: 22px;color: var(--base-heading-color);letter-spacing: -0.3px;margin: 24px 16px; display: inline-block;}
.uploadAdSize input {width: 75%; max-width: 386px;}
.uploadAdSize button {margin: 4px 0 0 10px; height: 52px; width: 112px;}
.uploadAdSize span {display: inline-block; width: 100%; margin-top: 4px;}
.uploadStatus.uploading {display: inline-block; width:50px; height: 50px; background-image: url(../images/rolling-loader.svg); background-size: contain; background-repeat: no-repeat; background-position: center; background-color: #ffffff;}

.resp-tabs-color-list{display: flex;flex-wrap: wrap;}
.resp-tabs-color-list li{width: 20%;font-weight: 500;height: 120px; font-size: 14px;line-height: 18px;color: #494949;text-align: center;border: 1px solid #e9eaef;padding: 16px 10px 16px 10px;cursor: pointer;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;}
.resp-tabs-color-list li.resp-tab-active{background-color: var(--highlight-background-color);border-color: var(--highlight-background-color);color: #ffffff;}
/******* Advert Design Page Css End *******/


/******* Payment Page Css Start *******/
.payment-wrap{padding: 0 0 98px 0; min-height: 1000px;}
.payment-left{width: 50%;padding: 49px 123px 100px 2px;position: relative;}
.payment-heading{padding: 0 0 31px 0;}
.payment-heading h2{font-size: 24px;line-height: 28px;color: var(--base-heading-color);letter-spacing: -0.3px;margin: 0 0 8px 0;}
.payment-heading p{font-size: 14px;line-height: 18px;color: #525252;margin: 0 0 18px 0;}
.payment-heading p a{display: inline-block;margin: 0 0 0 5px;font-weight: 700;text-decoration: underline;color: var(--highlight-background-color);}
.payment-heading p a:hover{color: var(--highlight-color);}
.billing-sec h2{font-size: 24px;line-height: 28px;color: var(--base-heading-color);letter-spacing: -0.3px;margin: 0 0 28px 0;}
.billing-sec .form-main input{padding: 16px 17px 18px 15px;color: var(--base-heading-color);}
.billing-sec .form-main input.adderess{background-image: url(../images/search-icon.svg);background-repeat: no-repeat;background-position: 97% 50%;padding-right: 50px;}
.billing-sec .form-main ul li{margin: 0 0 30px 0;}
.payment-info{padding: 18px 0 0 0;}
.payment-info h2{font-size: 24px;line-height: 28px;color: var(--base-heading-color);letter-spacing: -0.3px;margin: 0 0 32px 0;}
.complete-order-sec{padding: 47px 0 0 0;}
.complete-order-sec a{background-color: var(--highlight-color);border: 0;border-radius: 8px;font-weight: 700;font-size: 14px;line-height: 18px;color: #ffffff;padding: 15px 30px 15px 30px;display: inline-block;vertical-align: top;border: 2px solid var(--highlight-color);}
.complete-order-sec a:hover{background-color: transparent;color: var(--highlight-color);}
.complete-order-sec .pagination{padding: 19px 0 0 20px;}
.billing-sec .form-main ul li.complete-order-btn{position: absolute;left: 0;padding: 0;margin: 0;bottom: 0;}
.form-main .complete-order-sec button {margin: 0;}
.hide {display: none !important;}
.bold {font-weight: bold !important;}
/******* Payment Page Css End *******/


/******* Successful Payment Page Css Start *******/
.successful-payment-sec{}
.successful-payment-wrap{position: relative;text-align: center;padding: 268px 0 80px 0;}
.successful-payment-wrap:before{position: absolute;content: "";background-image: url(../images/successful-payment-bg.svg);background-repeat: no-repeat;background-position: 50% 70px;left: 0;right: 0;bottom: 0;top: 0;z-index: -1;}
.successful-payment-wrap h1{font-weight: bold;font-size: 32px;line-height: 38px;letter-spacing: -0.3px;color: var(--base-heading-color);margin: 40px 0 25px 0;}
.successful-payment-wrap p{}
.successful-payment-wrap a{background-color: var(--highlight-color);border-radius: 8px;font-weight: 700;font-size: 14px;line-height: 18px;color: #ffffff;margin: 32px 0 0 0;padding: 15px 30px 15px 30px;display: inline-block;vertical-align: top;border: 2px solid var(--highlight-color);}
.successful-payment-wrap a:hover{background-color: transparent;color: var(--highlight-color);}
.payment-sec .successful-payment-wrap {padding-top: 120px;}
/******* Successful Payment Page Css End *******/


/******* Dashboard Page Css Start *******/
.logo svg{height: auto;}
.logo img{height: auto; max-height: 48px; width: 200px; max-width: 300px;} /* TODO: on mobile max-height: 48px; on desktop max-height: 58px  */
.menu-icon {display: none;}
.admin-header{box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);position: fixed; z-index: 1000;width: 100%; height: 92px; background-color: #FFFFFF; transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;}
.small-header {height: 64px;}
.header-main{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between; height: 74px;}
.header-main .logo {margin-top: 16px;}
.small-header .header-main {height: 60px;}
.small-header .logo {margin-top: 0px;}
.enumenu_ul{padding: 0 0 0 0;}
.enumenu_ul ul{display: flex;flex-wrap: wrap;}
.enumenu_ul ul li{margin: 0 0 0 49px;position: relative;}
.enumenu_ul ul li a{font-weight: 600;font-size: 16px;line-height: 20px;color: var(--base-heading-color);padding: 34px 4px 20px 4px;position: relative;display: inline-block;vertical-align: top;}
.enumenu_ul ul li a:before{position: absolute;content: "";left: 0;top: 0;right: 0;height: 2px;background-color: var(--highlight-color);opacity: 0;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;}
.enumenu_ul ul li.active a:before{opacity: 1;}
.enumenu_ul ul li a:hover:before{opacity: 1;}
.small-header .enumenu_ul ul li a {padding-top: 20px;}
.enumenu_ul ul.sb-menu {position: absolute;width: 245px;top: 120%;left: -85px;right: 0;margin: auto;background: #FFFFFF;border-radius: 8px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);padding: 0 16px;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;opacity: 0;visibility: hidden;z-index: 1;}
.enumenu_ul ul li.has-children:hover ul.sb-menu{top: 80%;opacity: 1;visibility: visible;}
.enumenu_ul ul.sb-menu:before{position: absolute;content: "";width: 20px;height: 20px;border-radius: 3px;background-color: #ffffff;transform: rotate(45deg);left: 0;right: 0;top: -6px;margin: auto;}
.enumenu_ul ul.sb-menu li{margin: 0;width: 100%;}
.enumenu_ul ul.sb-menu li a{font-weight: 500;font-size: 16px;line-height: 18px;color: #494949;padding: 20px 0 18px 0;text-align: center;display: block;border-bottom: 1px solid rgb(73 73 73 / 10%);}
.enumenu_ul ul.sb-menu li a:hover{color: var(--highlight-color);}
.enumenu_ul ul.sb-menu li.active a {color: var(--highlight-color);}
.enumenu_ul ul.sb-menu li:last-child a{border: 0;}
.enumenu_ul ul.sb-menu li a:before{display: none;}
.enumenu_ul ul li.has-children > a {padding-right: 17px;}
.enumenu_ul ul li.has-children > a:after {position: absolute;content: "";width: 10px;height: 7px;right: 0; top: 14px;bottom: 0;margin: auto;background-image: url(../images/down-arrow-green.svg);transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;}
.small-header .enumenu_ul ul li.has-children > a:after { top: 0;}

.admin-wrap{background-color: #f8f8f8; padding-top: 60px; min-height: 790px;}
.stepper-wrapper { padding-top: 128px; padding-bottom: 20px; margin-top: auto; background-color: var(--highlight-background-color); color: #ffffff; display: flex; justify-content: center; font-weight: 500;}
.stepper-inner {display: flex; justify-content: space-between; margin-bottom: 20px; max-width: 700px; width: 75%; z-index: 10;}
.stepper-item { position: relative; display: flex; flex-direction: column; align-items: center; flex: 1;  @media (max-width: 768px) { font-size: 12px; } }
.stepper-item::before { position: absolute; content: ""; border-bottom: 2px solid #222; width: 100%; top: 20px; left: -50%; z-index: 2; }
.stepper-item::after { position: absolute; content: ""; border-bottom: 2px solid #222; width: 100%; top: 20px; left: 50%; z-index: 2; }
.stepper-item .step-counter { position: relative; z-index: 5; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #222; margin-bottom: 6px; color: var(--highlight-background-color); }
.stepper-item.active .step-counter, .stepper-item.completed .step-counter { background-color: var(--highlight-color); color: #FFFFFF; }
.stepper-wrapper .completed .step-counter { cursor: pointer;}
.stepper-item.completed::after { position: absolute; content: ""; border-bottom: 2px solid var(--highlight-color); width: 100%; top: 20px; left: 50%; z-index: 3; }
.stepper-item:first-child::before { content: none; }
.stepper-item:last-child::after { content: none; }
.footer {z-index: 100; position: relative;}
.footer.band {background-color: #ffffff; }
.footer.band a {color: var(--base-heading-color); display: inline-block; margin-top: 14px; margin-right: 14px; font-size: 14px; font-weight: bold;}
.footer.band .container {padding-top: 26px; padding-bottom: 30px;}
.footer.band .footer-logo {float: right; margin: 0;}
.footer.band .footer-logo img {width: 150px;}
.footer.bottom {background-color: #f8f8f8;}
.footer.bottom .container {padding-top: 12px; padding-bottom: 12px; text-align: center;}
.footer.bottom p {color: #494949; font-size: 12px; display: inline-block; margin-right: 40px;}
.footer.bottom a {color: var(--base-heading-color);font-size: 12px; display: inline-block; margin-right: 14px;}
.onboarding .footer.band {background-color: #f8f8f8; }
.onboarding .footer.bottom {background-color: #ffffff; }
.connect-facebook-sec{padding: 64px 0 30px 0;}
.connect-facebook-wrap{background: #FFFFFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);border-radius: 8px;display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;overflow: hidden;}
.close-icon{position: absolute;right: 31px;top: 30px;background-image: url(../images/close-icon.svg);width: 31px;height: 31px;}
.close-icon:hover{transform: rotate(90deg);}
.connect-facebook-left{width: 47%;padding: 57px 0 58px 75px;}
.connect-facebook-content{}
.connect-facebook-content h3{font-size: 32px;line-height: 36px;color: var(--base-heading-color);letter-spacing: -0.3px;margin: 0 0 18px 0;}
.connect-facebook-content p{margin: 0 0 33px 0;}
.connect-facebook-content .btn{background-color: var(--highlight-color);border: 2px solid var(--highlight-color);border-radius: 8px;font-weight: 700;font-size: 16px;line-height: 20px;color: #ffffff;padding: 15px 30px 15px 30px;margin: 0 28px 0 0;}
.connect-facebook-content .btn:before{display: none;}
.connect-facebook-content .btn:hover{background-color: transparent;color: var(--highlight-color);}
.connect-facebook-content a{display: inline-block;vertical-align: middle;font-weight: 600;font-size: 16px;line-height: 18px;color: #494949;position: relative;z-index: 1;}
.connect-facebook-content a:before{position: absolute;content: "";height: 3px;left: 0;right: 0;bottom: 2px;background-color: rgba(0, 222, 173, 0.4);z-index: -1; transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;}
.connect-facebook-content a:hover:before{background-color: rgba(85, 60, 154, 0.8);}
.why-do-link-sec{margin: 34px 0 0 0;display: inline-block;position: relative;width: 100%;}
.why-do-link-sec a{display: inline-block;vertical-align: top;font-weight: 600;font-size: 14px;line-height: 16px;color: #494949;padding: 0 17px 0 0;position: relative;}
.why-do-link-sec a:before{position: absolute;content: "";background-color: transparent;background-image: url(../images/down-arrow-green.svg);width: 10px;height: 7px;right: 0px;top: 5px;left: auto;}
.why-do-info{position: absolute;opacity: 0;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;left: 0;top: 130%;right: 0;box-shadow: 0px 1px 3px rgb(0 0 0 / 20%);border-radius: 8px;padding: 5px;}
.why-do-info.active{opacity: 1;}
.why-do-info p{font-size: 13px;line-height: 17px;margin: 0;}
.connect-facebook-right{width: 33.4%;background-color: var(--highlight-background-color);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}

.dashboard-sec{padding: 35px 0 68px 0;}
.dashboard-sec.without-facebook {padding: 65px 0 68px 0;}
.dashboard-wrap{}
.dashboard-heading{}
.dashboard-heading h2{font-size: 32px;line-height: 36px;color: var(--base-heading-color);letter-spacing: -0.3px;margin: 0 0 25px 0;}
.filter-sec{display: flex;flex-wrap: wrap;justify-content: space-between;}
.search-sec{ display: none;}
.search-sec form{position: relative;}
.search-sec form input{background: #FFFFFF;border: 1px solid rgba(73, 73, 73, 0.1);border-radius: 4px;font-weight: 600;font-size: 14px;line-height: 18px;color: rgba(73, 73, 73, 0.5);font-family: 'Work Sans', sans-serif;padding: 13px 45px 13px 23px;width: 228px;}
.search-sec form input::-webkit-input-placeholder {color: rgba(73, 73, 73, 0.5);}
.search-sec form input::-moz-placeholder {color: rgba(73, 73, 73, 0.5);}
.search-sec form input:-ms-input-placeholder {color: rgba(73, 73, 73, 0.5);}
.search-sec form input:-moz-placeholder {color: rgba(73, 73, 73, 0.5);}

.search-sec form button{background-color: transparent;border: 0;background-image: url(../images/search-icon.svg);background-size: 16px;background-position: 6px 50%;background-repeat: no-repeat;width: 45px;height: 45px;padding: 0;position: absolute;right: 0;top: 0;cursor: pointer;}
.mob-filter-btn{display: none;}
.filter-list{flex-wrap: wrap;align-items: center; display: flex;}
.close-filter{display: none;}
.filter-list span.mob{display: none;}
.filter-list span{font-weight: 600;font-size: 14px;line-height: 18px;color: #494949;display: inline-block;margin: 0 10px 0 0;}
.filter-list ul{display: flex;flex-wrap: wrap;}
.filter-list ul li{margin: 0 0 0 8px;}
.filter-list ul li a.active{background-color: var(--highlight-background-color);border-color: var(--highlight-background-color);color: #ffffff;}
.filter-list ul li a{font-weight: 600;font-size: 14px;line-height: 18px;text-transform: uppercase;color: #494949;background: #FFFFFF;border: 1px solid rgba(73, 73, 73, 0.1);box-sizing: border-box;border-radius: 4px;display: inline-block;padding: 13px 23px 13px 23px;}
.filter-list ul li a:hover{border-color: #DDD8EB;background-color: rgba(85, 60, 154, 0.05);color: var(--highlight-background-color);}
.filter-list ul li a.active:hover{background-color: var(--highlight-background-color);border-color: var(--highlight-background-color);color: #ffffff;}
.filter-list ul li a.date-range{padding: 13px 46px 13px 23px;background-image: url(../images/calendar-icon.svg);background-repeat: no-repeat;background-position: 84% 50%;}
.filter-list ul li input.date-range {font-weight: 600;font-size: 14px;line-height: 18px;text-transform: uppercase;color: #494949;background: #FFFFFF;border: 1px solid rgba(73, 73, 73, 0.1);box-sizing: border-box;border-radius: 4px;display: inline-block;padding: 13px 46px 13px 23px;background-image: url(../images/calendar-icon.svg);background-repeat: no-repeat;background-position: 84% 50%;width: 160px;}
.filter-list ul li input.date-range::-webkit-input-placeholder {color: #494949;}
.filter-list ul li input.date-range::-moz-placeholder {color: #494949;}
.filter-list ul li input.date-range:-ms-input-placeholder {color: #494949;}
.filter-list ul li input.date-range:-moz-placeholder {color: #494949;}


.dashboard-campaign-list{padding: 32px 0 0 0;}
.dashboard-campaign-list ul{}
.dashboard-campaign-list ul li{margin: 0 0 16px 0;}
.dashboard-campaign-list ul li a{display: flex;align-items: center;background: #FFFFFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);border-radius: 8px;padding: 14px 0 14px 32px;position: relative;overflow: hidden;}
.dashboard-campaign-list ul li a:before{position: absolute;content: "";width: 8px;top: 0;bottom: 0;background-color: var(--highlight-background-color);left: 0;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;opacity: 0;}
.dashboard-campaign-list ul li a:hover:before{opacity: 1;}
.name-sec{max-width: 282px;width: 100%;}
.name-sec h4{font-weight: 600;font-size: 16px;line-height: 20px;color: var(--base-heading-color);padding: 0 10px 0 0;}
.dashboard-count-box{border-left: 1px solid rgba(73, 73, 73, 0.1);max-width: 135.8px;width: 100%;padding: 9px 0 9px 15px;}
.dashboard-count-box span{position: relative;display: block;font-weight: 600;font-size: 16px;line-height: 20px;color: var(--base-heading-color);padding: 0 0 4px 0;max-width: 100%;}
.dashboard-count-box span:before{display: inline-block;content: "";}
.dashboard-count-box span.status:before{width: 8px;height: 8px;border-radius: 50%;background-color: #94DF49;margin: 0 8px 0 0;}
.dashboard-count-box span.up:before{background-image: url(../images/up-arrow.svg);width: 11px;height: 8px;margin: -2px 6px 0 0;}
.dashboard-count-box span.down:before{background-image: url(../images/down-arrow-red.svg);width: 11px;height: 8px;margin: -2px 6px 0 0;}
.dashboard-count-box small{display: block;font-weight: normal;font-size: 12px;line-height: 16px;color: rgba(73, 73, 73, 0.7);}

.dashboard-pagination { display: flex;flex-wrap: wrap;padding: 0px;margin: 0px; justify-content: center; }
.dashboard-pagination li {margin-left: 4px !important; padding: 15px !important;cursor: pointer;}
.dashboard-pagination li a {display: flex;align-items: center;color:inherit;position: relative;overflow: hidden;}
.dashboard-pagination li.active {background-color: var(--highlight-background-color);border-color: var(--highlight-background-color);color:#FFFFFF}
.li-disabled {pointer-events: none;opacity: 0.6;}
/******* Dashboard Page Css End *******/


/******* Custom Filter CSS Start *******/
.main-filter-container{max-width:200px;width: 100% ;display: flex;border-radius: 0px 0px 8px 8px;}
.new-filter{ border-radius: 8px; cursor: pointer; font-weight: 600;font-size: 16px;line-height: 18px;color:var(--base-heading-color);display: inline-block;vertical-align: top;border: 1px solid rgba(73, 73, 73, 0.1);background-color: #fff;text-align: center;width: 100%;}
.main-filter-container .expand-btn{border-left: 0;border-radius: 0 8px 8px 0; padding: 14px 10px;border: 1px solid rgba(73, 73, 73, 0.1);}
.main-filter-container .expand-btn:hover{background-color: var(--highlight-background-color);border-color: var(--highlight-background-color);}
.main-filter-container .expand-btn span {background-image: url(../images/expand-arrow-filterable.svg);background-position: center center;background-repeat: no-repeat; padding: 10px 10px; filter: var(--highlight-filter);}
.main-filter-container a{border-radius: 8px 0 0 8px;font-weight: 600;font-size: 16px;line-height: 18px;color: var(--base-heading-color);display: inline-block;vertical-align: top;padding: 14px 25px 14px 23px; }
.expand-popup-main{width: 1200px;position: relative;float: right;}
.expand-popup{position: absolute;width: 100%;max-width: 1200px; background: #FFFFFF;z-index: 1;display:none;box-shadow: 0px 1px 1px 1px rgba(73, 73, 73, 0.1);border: 1px solid rgba(73, 73, 73, 0.1);}
.byDate, .byUser, .byStatus, .byFranchise, .byOffice, .byAddressOrCampaignNameHeader {text-align: center; width: 182px;margin: 0px 5px;color:var(--base-heading-color);font-size: 14px;font-weight: 600;}
.byAddressOrCampaignNameHeader {width: 200px}
.header-text{margin-left: 5px;}
.popup-btn-container{position:absolute;top:62%;left:77%;display: flex;padding: 7px;max-width:250px;width:100%;}
.dropdown-menu {display: flex; padding: 15px;}
.from-date, .to-date, .byAddress {display: flex; flex-wrap: wrap;width:100%; padding:7px;font-size: 14px;}
.from-date p, .to-date p, .byAddress p{width:30%; text-align: left;font-size: 14px;}
.new-filter .highlight-filter{line-height: 45px;filter: var(--base-heading-color);}
.from-date input, .to-date input, .byAddress input {height: 27px; width: 55%; border:1px solid #DDD8EB;border-radius: 4px; padding: 5px; }
.custom-select select{padding-left: 10px !important; border-radius: 4px; padding: 5px; position: relative; width:95%;border:1px solid #DDD8EB;background-image: url('../images/down-arrow.svg');background-repeat: no-repeat;background-position: right;background-position-x:95%;font-size: 14px;}
.custom-select{margin: 5px;}
.active.new-filter{border-radius: 8px;border-color: #DDD8EB;background-color: rgba(85, 60, 154, 0.05);color: var(--base-heading-color);}

.filter-btn a {
	position: absolute;
	padding: 8px;
	width: 30%;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	line-height: 15px;
	color: #ffffff;
}

.apply-filter-btn a {
	right: 0px;
	background-color: var(--highlight-color);
	border: 2px solid var(--highlight-color);
}

.reset-filter-btn a {
	left: 0px;
	background-color: var(--highlight-background-color);
	border: 2px solid var(--highlight-background-color);
}

.cancel-filter-btn a {
	left: 35%;
	background-color: var(--highlight-background-color);
	border: 2px solid var(--highlight-background-color);
}

.apply-filter-btn a:hover {
	background-color: transparent;
	color: var(--highlight-color);
}

.cancel-filter-btn a:hover,
.reset-filter-btn a:hover {
	background-color: transparent;
	color: var(--highlight-background-color);
}

/* style the jQuery datepicker's buttons */
.daterangepicker .drp-buttons {
	.cancelBtn {
		padding: 8px !important;
		text-align: center;
		cursor: pointer;
		border-radius: 5px;
		line-height: 15px;
		color: #ffffff;
		background-color: var(--highlight-background-color);
		border: 2px solid var(--highlight-background-color);
	}

	.cancelBtn:hover {
		background-color: transparent;
		color: var(--highlight-background-color);
	}

	.applyBtn {
		padding: 8px !important;
		text-align: center;
		cursor: pointer;
		border-radius: 5px;
		line-height: 15px;
		color: #ffffff;
		background-color: var(--highlight-color);
		border: 2px solid var(--highlight-color);
	}

	.applyBtn:hover {
		background-color: transparent;
		color: var(--highlight-color);
	}

	.drp-selected {
		display: none;
	}
}

.cancel-filter-btn a{color:#FFF;line-height: 15px;}
.calendar {background-image: url('../images/calendar-icon.svg');background-repeat: no-repeat;background-position: center;width: 25px;margin:0px}
/******* Custom Filter CSS  End *******/

/******* User Roles CSS Start  *******/
.search-box{width:100%;position: relative;margin-bottom: 45px;}
.search-text {width:90% !important;border-top-right-radius:0px; border-bottom-right-radius:0px;}
.search-container{display: flex;position: relative;float: right;}
.search-btn{height:94%;border-radius: 0 4px 4px 0;background-color: #F8F8F8;float:right;width:10%}
.btn-search{margin-left:10px;width:30%;border-radius: 8px;font-size: 14px;background-color: var(--highlight-color);font-weight: 700;line-height: 18px;padding: 15px 30px 15px 30px;color:#FFF;display: inline-block;vertical-align: top;border: 2px solid var(--highlight-color);}
.search-container input{border:1px solid rgba(0,0,0,0.2); background-color: #FFF;border-radius: 4px;width: 100%;padding: 18px 17px 20px 17px;font-weight: 400;font-size: 14px;line-height: 18px;color: #494949;font-family: 'Work Sans', sans-serif;}
.btn-update, .btn-delete {padding:10px 20px; border-radius: 8px;color:#fff;background-color: var(--highlight-background-color);border: 0px;cursor: pointer;}
.btn-delete { background-color: #e53935; margin-left: 5px; }
.roles-sec{padding: 85px 0 80px 0;}
.role-wrap{}
.roles-heading{display: flex; justify-content: space-between; align-items: center;}
.roles-heading h2{font-size: 32px;line-height: 36px;color: var(--base-heading-color);letter-spacing: -0.3px;}
.role-loading{background-image: url('/images/rolling-loader.svg');width: 45px;background-size:cover;background-position: center;background-repeat: no-repeat;height: auto;position: static;background-color: transparent;display: block;}
.role-loading-success{background-image: url('/images/check-icon.svg');width: 40px;background-size:auto;background-position: center;background-repeat: no-repeat;margin-top: 4px;height: auto;position: static;background-color: transparent;display: block;}
.role-loading-fail{background-image: url("/images/cancel-icon.svg");width: 40px;background-repeat: no-repeat;background-position: center;background-size: auto;height: auto;position: static;background-color: transparent;display: block;}
.role-list{padding: 30px 0 0 0;}
.role-top{display: flex;padding: 0 0 14px 32px;}
.role-list .role-top span{font-size: 14px;line-height: 18px;color: rgba(38, 44, 92, 0.5);}
.role-list ul li{background: #FFFFFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);border-radius: 8px;display: flex;align-items: center;padding: 16px 16px 16px 32px;margin: 0 0 16px 0;position: relative;}
.role-list ul li:before{position: absolute;content: "";width: 8px;top: 0;bottom: 0;background-color: var(--highlight-background-color);left: 0;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;opacity: 0;border-radius: 8px 0 0 8px;}
.role-list ul li:hover:before{opacity: 1;}
.role-list ul li.no-results{display: none;}
.role-list h4{font-weight: 600;font-size: 16px;line-height: 20px;color: var(--base-heading-color);padding: 0 10px 0 0;}
.role-list span{font-weight: 400;font-size: 14px;line-height: 16px;color: var(--base-heading-color);  position: relative;}
.role-list span.active:before, .role-list span.paid:before {position: absolute;content: "";width: 8px;height: 8px;border-radius: 50%;background-color: #94DF49;left: 0;top: 4px;}

.name-box{display: flex;width: 100%;}
.firstName{max-width: 180px;width: 100%;}
.lastName{max-width: 180px;width: 100%;}
.email-address{max-width: 250px;width: 100%;}
.role{max-width: 130px;width: 100%;}
.franchise{max-width: 130px;width: 100%;}
.office{max-width: 130px;width: 100%;}
.payByAccount{max-width: 50px;width: 100%;text-align: center;}
.pay-by-account.checkbox{accent-color: #00DEAD;}
.role-action{max-width: 225px;width: 100%;}
.role-action-btn{display: flex;flex-wrap: wrap;position: relative;}
.msg-box{position: absolute;top:50px;width: 100%;}
.error-control{border:1px solid rgba(255,0,0,0.6) !important}
.role-select select , .office-select select, .franchise-select select{padding: 10px 20px; border-radius: 4px; position: relative; width:95%;border:1px solid #DDD8EB;background-image: url('../images/down-arrow.svg');background-repeat: no-repeat;background-position: right;background-position-x:95%;font-size: 14px;}
/******* User Roles Csss End   *******/

/******* Campaigns Page Css Start *******/
.campaigns-sec{padding: 85px 0 80px 0;}
.campaigns-wrap{}
.campaigns-heading{display: flex; justify-content: space-between; align-items: center;}
.campaigns-heading h2{font-size: 32px;line-height: 36px;color: var(--base-heading-color);letter-spacing: -0.3px;}
.campaign-list{padding: 30px 0 0 0;}
.campaign-top{display: flex;padding: 0 0 14px 32px;}
.campaign-list .campaign-top span{font-size: 14px;line-height: 18px;color: rgba(38, 44, 92, 0.5);}
.campaign{max-width: 368px;width: 100%;}
.user-email{max-width: 270px;width: 100%;}
.post-codes{max-width: 250px;width: 100%;}
.package{max-width: 180px;width: 100%;}
.status{max-width: 150px;width: 100%;}
.action{max-width: 194px;width: 100%;}
.campaign-list ul{}
.campaign-list ul li{background: #FFFFFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);border-radius: 8px;display: flex;align-items: center;padding: 16px 16px 16px 32px;margin: 0 0 16px 0;position: relative;}
.campaign-list ul li:before{position: absolute;content: "";width: 8px;top: 0;bottom: 0;background-color: var(--highlight-background-color);left: 0;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;opacity: 0;border-radius: 8px 0 0 8px;}
.campaign-list ul li:hover:before{opacity: 1;}
.campaign-list ul li.no-results{display: none;}
.campaign-list h4{font-weight: 600;font-size: 16px;line-height: 20px;color: var(--base-heading-color);padding: 0 10px 0 0;}
.campaign-list .sub-title {font-size: 12px;}
.campaign-list span{font-weight: 400;font-size: 14px;line-height: 16px;color: var(--base-heading-color);  position: relative;}
.campaign-list .status span {padding: 0px 0px 8px 16px;}
.campaign-list span.active:before, .campaign-list span.paid:before {position: absolute;content: "";width: 8px;height: 8px;border-radius: 50%;background-color: #94DF49;left: 0;top: 4px;}
.campaign-list span.draft:before{position: absolute;content: "";width: 8px;height: 8px;border-radius: 50%;background-color: #ffcb5a;left: 0;top: 4px;}
.campaign-list span.pending:before{position: absolute;content: "";width: 8px;height: 8px;border-radius: 50%;background-color: #ffcb5a;left: 0;top: 4px;}
.campaign-list span.scheduled:before {position: absolute;content: "";width: 4px;height: 4px;border-radius: 50%;border-color: #94DF49; border-style: solid;border-width: 2px; left: 0;top: 4px;}
.campaign-list span.finished, .campaign-list span.cancelled, .campaign-list span.stopped{position: relative;}
.campaign-list span.finished:before, .campaign-list span.cancelled:before, .campaign-list span.stopped:before{position: absolute;content: "";width: 8px;height: 8px;border-radius: 50%;background-color: #FF5A5A;left: 0;top: 6px;}
/* border-bottom: 1px dashed #bbbbbb; */
.hovertext { position: relative; } 
.hovertext::after {content: attr(data-hover); visibility: hidden; opacity: 0; width: 260px; background-color: var(--highlight-background-color); color: #fff; text-align: center; border-radius: 5px;  padding: 5px 4px;  transition: opacity 1s ease-in-out;  position: absolute;  z-index: 1;  left: 0;  bottom: 2.5em; font-size: 80%;}
.hovertext:hover:after { opacity: 0.8; visibility: visible; }
.hovertext .fa-circle-question {margin-left: 6px; position: absolute; font-size: 9px; color: rgba(73, 73, 73, 0.7);}
.advert-design-header.hovertext::after { width: 225px; padding: 5px 4px; font-size: 12px; line-height: 16px; }
.campaign-list small{font-size: 11px;line-height: 14px;color: rgba(38, 44, 92, 0.5);display: none;}
.action-btn{display: flex;flex-wrap: wrap;position: relative;}
.action-btn a{border: 1px solid rgba(73, 73, 73, 0.1);border-radius: 8px 0 0 8px;font-weight: 600;font-size: 16px;line-height: 18px;color: var(--base-heading-color);display: inline-block;vertical-align: top;padding: 14px 25px 14px 23px; }
.action-btn a.text-btn{min-width: 148px; text-align: center;}
.action-btn .expand-btn{border-left: 0;border-radius: 0 8px 8px 0; padding: 14px 10px;}
.action-btn .expand-btn span {background-image: url(../images/expand-arrow-filterable.svg);background-position: center center;background-repeat: no-repeat; padding: 10px 10px; filter: var(--highlight-filter);}
.expand-info a{display: block;border: 0;border-radius: 0 !important;color: var(--highlight-background-color);font-weight: 500;font-size: 15px;line-height: 17px;padding: 16px 10px 14px 59px;background-color: transparent !important;}
.expand-info{position: absolute;left: 0;right: 1px;top: 100%;background: #FFFFFF;border: 1px solid #DDD8EB;border-top: 0;border-radius: 0 0 8px 8px;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);z-index: 1;display: none;}
.expand-info .duplicate{border-bottom: 1px solid #DDD8EB;background-image: url(../images/duplicate-icon.svg);background-repeat: no-repeat;background-position: 22px 50%;}
.expand-info .cancel{background-image: url(../images/cancel-icon.svg);background-repeat: no-repeat;background-position: 22px 50%;}
.expand-info .cancel:hover{color: var(--highlight-color);}
.expand-info .duplicate:hover{color: var(--highlight-color);}
.new-campaign-btn{padding: 24px 0 0 0;}
.new-campaign-btn a{background-color: var(--highlight-color);border: 2px solid var(--highlight-color);border-radius: 8px;font-weight: 700;font-size: 16px;line-height: 20px;color: #ffffff;padding: 15px 30px 15px 30px;display: inline-block;vertical-align: top;}
.new-campaign-btn a:hover{background-color: transparent;color: var(--highlight-color);}
.active.action-btn a{border-radius: 8px 0 0 0;border-color: #DDD8EB;background-color: rgba(85, 60, 154, 0.05);color: var(--highlight-background-color);}
.action-btn a:hover{border-color: #DDD8EB;background-color: rgba(85, 60, 154, 0.05);color: var(--highlight-background-color);}
.active.action-btn .expand-btn {border-radius: 0 8px 0 0;background-color: var(--highlight-background-color);border-color: var(--highlight-background-color);}
.action-btn .expand-btn:hover{background-color: var(--highlight-background-color);border-color: var(--highlight-background-color);}
/******* Campaigns Page Css End *******/


/******* Invoice Page Css Start *******/
.invoice-sec{padding: 65px 0 65px 0;}
.invoice-wrap{}
.invoice-heading{}
.invoice-heading h2{font-size: 32px;line-height: 36px;color: var(--base-heading-color);letter-spacing: -0.3px;margin: 0 0 25px 0;}
.invoice-list{padding: 30px 0 0 0;}
.invoice-top{display: flex;padding: 0 16px 14px 32px;}
.invoice-list .invoice-top span{font-size: 14px;line-height: 18px;color: rgba(38, 44, 92, 0.5);}
.invoice-number{max-width: 379px;width: 100%;}
.date{max-width: 303px;width: 100%;}
.amount{max-width: 326px;width: 100%;}
.invoice-list .action{max-width: 209px;width: 100%;}
.invoice-list ul li{background: #FFFFFF;box-shadow: 0px 4px 20px rgb(0 0 0 / 3%);border-radius: 8px;display: flex;align-items: center;padding: 16px 16px 16px 32px;margin: 0 0 16px 0;position: relative;overflow: hidden;}
.invoice-list ul li:before{position: absolute;content: "";width: 8px;top: 0;bottom: 0;background-color: var(--highlight-background-color);left: 0;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;opacity: 0;}
.invoice-list ul li:hover:before{opacity: 1;}
.invoice-list h4{font-weight: 600;font-size: 16px;line-height: 20px;color: var(--base-heading-color);padding: 0 10px 0 0;}
.invoice-list span{font-weight: 400;font-size: 16px;line-height: 18px;color: var(--base-heading-color);}
.invoice-list small{font-size: 11px;line-height: 12px;color: rgba(73, 73, 73, 0.7);display: none;}
.download-btn a{border: 1px solid rgba(73, 73, 73, 0.1);border-radius: 8px;display: inline-block;vertical-align: top;font-weight: 600;font-size: 16px;line-height: 18px;color: var(--base-heading-color);padding: 14px 25px 14px 42px;background-image: url(../images/expand-arrow-filterable.svg);background-position: 23px 50%;background-repeat: no-repeat;}
.download-btn a:hover{background-color: var(--highlight-background-color);border-color: var(--highlight-background-color);color: #ffffff;background-image: url(../images/expand-arrow-white.svg);}
/******* Invoice Page Css End *******/

/******* Payment Methods Page Css Start *******/
.payment-page-sec{padding: 65px 0 65px 0; background-color: white;}
.payment-page-sec .payment-wrap{max-width: 60%; margin-left: auto; margin-right: auto; border: 1px solid rgba(38, 44, 92, 0.1);  border-radius: 8px; display: flex; padding: 42px 89px 42px 77px;}
.payment-page-sec .payment-heading h2{font-size: 32px;line-height: 36px;color: var(--base-heading-color);letter-spacing: -0.3px;margin: 0 0 25px 0;}

.existing-cards{display: block;margin-top: 20px;}
.existing-cards h2{margin-bottom: 20px;}
.existing-cards ul li {margin:0px !important;}
.existing-cvc-box {display: flex;height: 50px;}
.existing-cvc-box label {width: 100%;text-align: center;}
.cvc-control {margin-top:9px;margin-left: 15px;width: 75%;}
.showCardBorders{border: 2px dashed rgba(73, 73, 73, 0.1);width: 100%;border-radius: 8px;padding: 8px;}
.showCardBorders:before{position: relative;content:"";background-image: url(../images/white-check-icon.svg);width: 30px;height: 30px;background-color: var(--highlight-color);border: 2px solid #FFFFFF;border-radius: 50%;background-position: center center;background-repeat: no-repeat;left:98%;top:-25px;opacity: 0;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;}
.showCardBorders.active:before{opacity: 1;}
.showCardBorders.active{border: 2px solid var(--highlight-color);}
.mt-20{margin-top: 20px !important;}
.card-img{position: absolute; width: 85px;height: 53px;background-position: center center;background-size: 80%; background-repeat: no-repeat;}
.card-info{display: block;width: 75%;float: right;}
.card-info label{margin:5px;}
.newHeight{padding-bottom:35px !important ;}
.loader{display: none; height: 100%;width: 100%;position: fixed;top: 0px;bottom:0px;background-image: url(../images/rolling-loader.svg);background-position:center;background-size: 200px;z-index: 9999;background-repeat: no-repeat;background-color: rgba(0,0,0,0.7);}
.loader .user-msg{position: relative;top:60%;transform: translate(43%,65%);color: var(--highlight-color);}

/******* Invoice Page Css End *******/

/******* Advertising Access Page Css Start *******/
.list-loading{background-image: url('/images/rolling-loader.svg');width: 45px;height: 45px;background-size:cover;background-position: center;background-repeat: no-repeat; display: none; margin-top: 16px;}
/******* Advertising Access Page Css End *******/

/******* Account Details Page Css Start *******/
.account-details-sec{padding: 64px 0 70px 0;}
.account-details-wrap{background: #FFFFFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);border-radius: 8px;padding: 41px 40px 10px 40px;display: flex;flex-wrap: wrap;}
.account-details-heading{width: 100%;padding: 0 0 42px 0;}
.account-details-heading h2{font-size: 32px;line-height: 36px;color: var(--base-heading-color);letter-spacing: -0.3px;}
.account-details-left{width: 50%;border-right: 1px solid rgba(73, 73, 73, 0.1);padding: 0 84px 0 0;}
.account-details-info .form-main ul li{margin: 0 0 30px 0;}
.account-details-info .form-main ul li.hide-desk{display: none;}
.account-details-info h4{font-weight: 700;font-size: 24px;line-height: 28px;letter-spacing: -0.3px;margin: 0 0 30px 0;color: var(--base-heading-color);}
.account-details-right{width: 50%;padding: 0 0 0 83px;}
.credit-card-details-sec{padding: 19px 0 0 0;}
.credit-card-details-sec h5{font-weight: 700;font-size: 24px;line-height: 28px;letter-spacing: -0.3px;margin: 0 0 32px 0;color: var(--base-heading-color);}
.credit-card-details-sec a{border: 2px solid rgba(73, 73, 73, 0.1);border-radius: 8px;display: inline-block;vertical-align: top;font-weight: 600;font-size: 16px;line-height: 18px;color: #494949;padding: 16px 30px 16px 30px;}
.credit-card-details-sec a:hover{background-color: var(--highlight-background-color);border-color: var(--highlight-background-color);color: #ffffff;}
.account-details-info .form-main input{padding: 16px 17px 18px 17px;color: var(--base-heading-color);}
.account-details-info .form-main input.address{background-image: url(../images/search-icon.svg);background-repeat: no-repeat;background-position: 97% 50%;padding-right: 50px;filter: var(--highlight-filter)}
.account-details-info .form-main button.search-icon{background-color: transparent;border: 0;padding: 0;margin: 0;width: 50px;height: 52px;position: absolute;right: 0;top: 26px;}
.account-details-info .form-main button{margin: 14px 0 0 0;padding: 18px 57px 16px 54px;font-size: 16px;line-height: 20px;}
/******* Account Details Page Css End *******/


/******* Cancel / Delete Popup Css Start *******/
.duplicate-popup-content, .delete-popup-content, .cancel-popup-content{padding: 124px 20px 120px 20px;display: flex;flex-wrap: wrap;justify-content: center;}
.duplicate-popup-content h4, .delete-popup-content h4, .cancel-popup-content h4 {font-weight: 700;font-size: 40px;line-height: 44px;letter-spacing: -0.5px;color: var(--base-heading-color);margin: 0 0 33px 0;}
.duplicate-popup-content p, .delete-popup-content p, .cancel-popup-content p{width: 100%;margin: 0 0 40px 0;}
.duplicate-popup-content a.dont-btn, .delete-popup-content a.dont-btn, .cancel-popup-content a.dont-btn {display: inline-block;vertical-align: top;border: 2px solid rgba(73, 73, 73, 0.1);border-radius: 8px;font-weight: 700;font-size: 16px;line-height: 18px;color: var(--base-heading-color);padding: 16px 31px 16px 30px;margin: 0 12px 0 12px;}
.duplicate-popup-content a.dont-btn, .delete-popup-content a.dont-btn:hover, .cancel-popup-content a.dont-btn:hover{background-color: var(--highlight-background-color);border-color: var(--highlight-background-color);color: #ffffff;}
.duplicate-popup-content a.yes-btn, .delete-popup-content a.yes-btn, .cancel-popup-content a.yes-btn{display: inline;vertical-align: top;background-color: var(--highlight-color);border-radius: 8px;border: 2px solid var(--highlight-color);font-weight: 700;font-size: 16px;line-height: 18px;color: #ffffff;padding: 16px 38px 16px 38px;margin: 0 0 0 0;}
.duplicate-popup-content a.yes-btn:hover, .delete-popup-content a.yes-btn:hover, .cancel-popup-content a.yes-btn:hover {background-color: transparent;color: var(--highlight-color); cursor: pointer; }
.deleted-popup-content, .canceled-popup-content{padding: 120px 20px 120px 20px;}
.deleted-popup-content h4, .canceled-popup-content h4{font-weight: bold;font-size: 40px;line-height: 44px;letter-spacing: -0.5px;color: var(--base-heading-color);margin: 36px 0 33px 0;}
.deleted-popup-content p, .canceled-popup-content p{margin: 0 0 40px 0;}
.deleted-popup-content p a, .canceled-popup-content p a{color: #494949;}
.deleted-popup-content p a:hover, .canceled-popup-content p a:hover{color: var(--highlight-color);}
.deleted-popup-content .back-btn, .canceled-popup-content .back-btn{display: inline-block;vertical-align: top;background-color: var(--highlight-color);border-radius: 8px;border: 2px solid var(--highlight-color);font-weight: 700;font-size: 16px;line-height: 18px;color: #ffffff;padding: 16px 34px;}
.deleted-popup-content .back-btn:hover, .canceled-popup-content .back-btn:hover{background-color: transparent;color: var(--highlight-color);}
/******* Cancel Popup Css End *******/


/******* Update Credit Card Popup Css Start *******/
.update-popup-content{padding: 124px 0 120px 0;}
.update-popup-content h4{font-weight: 700;font-size: 40px;line-height: 44px;letter-spacing: -0.5px;color: var(--base-heading-color);margin: 0 0 55px 0;width: 100%;}
.update-popup-content img{display: block;margin: 0 auto 40px;}
.update-popup-content .card-cancel{display: inline-block;vertical-align: top;border: 2px solid rgba(73, 73, 73, 0.1);border-radius: 8px;font-weight: 700;font-size: 16px;line-height: 18px;color: var(--base-heading-color);padding: 16px 54px 16px 54px;margin: 0 6px 0 0;}
.update-popup-content .card-cancel:hover{background-color: var(--base-heading-color);border-color: var(--base-heading-color);color: #ffffff;}
.update-popup-content .card-update{display: inline-block;vertical-align: top;background-color: var(--highlight-color);border-radius: 8px;border: 2px solid var(--highlight-color);font-weight: 700;font-size: 16px;line-height: 18px;color: #ffffff;padding: 16px 51px 16px 51px;margin: 0 0 0 6px;}
.update-popup-content .card-update:hover{background-color: transparent;color: var(--highlight-color);}

/******* Update Credit Card Popup Css End *******/


/******* Advert Location Section Css Start *******/
.advert-location-sec, .advert-campaignSelect-sec{padding: 10px 0 50px 0;}
.advert-location-wrap, .advert-campaignSelect-wrap{padding-top: 20px;}
.advert-location-heading, .advert-campaignSelect-heading, .category-list-container, .demographics-list-container{padding: 24px 0 14px 0;}
.advert-location-heading h2, .advert-campaignSelect-heading h2, .category-list-container h2, .demographics-list-container h2{font-size: 24px;line-height: 28px;color: var(--base-heading-color);letter-spacing: -0.3px;margin: 0 0 8px 0;}
.advert-location-heading p, .advert-campaignSelect-heading p{font-size: 14px;line-height: 18px;}
.advert-plan-sec, .advert-plan-sec-campselect{padding: 12px 0 12px 0; }
.advert-plan-sec ul, .advert-plan-sec-campselect ul{display: flex;flex-wrap: wrap;margin: 0 -15px;}
.advert-plan-sec ul li, .advert-plan-sec-campselect ul li{width: 33.33%;padding: 0 15px; margin-top: 10px;}
.advert-plan-sec ul li.hidden-package {display: none;}
.advert-plan-sec ul li a, .advert-plan-sec-campselect ul li a{display: block;position: relative;border: 2px dashed rgba(38, 44, 92, 0.1);box-sizing: border-box;border-radius: 8px;padding: 46px 45px 44px 45px; min-height: 100%;}
.advert-plan-sec ul li a:before, .advert-plan-sec-campselect ul li a:before{position: absolute;content: "";background-image: url(../images/white-check-icon.svg);width: 30px;height: 30px;background-color: var(--highlight-color);border: 2px solid #FFFFFF;border-radius: 50%;background-position: center center;background-repeat: no-repeat;right: -15px;top: -19px;opacity: 0;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;}
.advert-plan-sec ul li.active a, .advert-plan-sec-campselect ul li.active a{border: 2px solid var(--highlight-color);}
.advert-plan-sec ul li.active a:before, .advert-plan-sec-campselect ul li.active a:before{opacity: 1;}
.advert-plan-sec ul li h5, .advert-plan-sec-campselect ul li h5{font-weight: 700;font-size: 20px;line-height: 24px;letter-spacing: -0.3px;color: var(--base-heading-color);margin: 0 0 6px 0;}
.advert-plan-sec ul li h5 span, .advert-plan-sec-campselect ul li h5 span{font-weight: 500;font-size: 16px;line-height: 20px;letter-spacing: -0.3px;color: var(--base-heading-color);}
.advert-plan-sec .originalPrice {margin-right: 6px; text-decoration: line-through; color: #444444;}
.advert-plan-sec .taxMessage {margin-left: 6px; color: #444444; font-size: 12px;}
.advert-plan-sec ul li p, .advert-plan-sec-campselect ul li p{font-size: 14px;line-height: 18px; }
.date-sec{border: 1px solid rgba(38, 44, 92, 0.1);border-radius: 8px;display: flex;flex-wrap: wrap; padding-top: 42px;padding-bottom: 42px;}
.date-left{width: 50%;float: left;}
.date-right{width: 50%;position: relative;float: right;}
.date-full{width: 100%;}
.date-sec .date-content {padding: 6px 89px 6px 77px;width: 100%;}
.date-sec .input-icon-container i { position: absolute; top: 18px; right: 9px; font-size: 18px; color: #aaa;}
.suburbs-sec{border: 1px solid rgba(38, 44, 92, 0.1);border-radius: 8px;display: flex;flex-wrap: wrap;overflow: hidden; padding-bottom: 12px;}
.suburbs-left{width: 50%;}
.suburbs-content{padding: 42px 89px 42px 77px;}
.suburbs-content h4{font-size: 24px;line-height: 28px;color: var(--base-heading-color);letter-spacing: -0.3px;margin: 0 0 8px 0;}
.suburbs-content p{font-size: 14px;line-height: 18px;margin: 20px 0 31px 0;}
.suburbs-content .radius-container{margin-top: 40px;}
.suburbs-content #radius {display: none;}
.suburbs-content .rs-container .rs-scale {width: 100%;}
.suburbs-content .rs-container .rs-scale span {display: none;}
.suburbs-content .rs-container .rs-scale span:first-child  {display: block; }
.suburbs-content .rs-container .rs-scale span:last-child  {display: block; float: right;}
.suburbs-content .rs-container .rs-selected {background-color: var(--highlight-color); border-width: 0px;}
.suburbs-content .rs-tooltip {border-color: var(--highlight-color); border-width: 1px;}
.suburbs-content .radius-val {display: inline-block; width: 3em; padding: 18px 18px 18px 8px;}
.suburbs-content input[type=range] {width: 80%;  height: 7px; -webkit-appearance: none; background-color: #ffffff; border-radius: 5px; background-image: linear-gradient(var(--highlight-color), var(--highlight-color)); background-size: 70% 100%; background-repeat: no-repeat; }
.suburb_number {font-weight: bold;}
.location-info{padding: 24px 0 0 0;}
.location-info span.location-bubble{font-weight: 700;font-size: 14px;line-height: 18px;color: var(--base-heading-color);background: #ffffff;border-radius: 100px;padding: 14px 49px 14px 24px;display: inline-block;vertical-align: top;position: relative;margin: 0 4px 15px 0;border: var(--highlight-color) solid 2px;}
.location-info span.movable-bubble{border-color: var(--highlight-background-color);}
.location-info span.postcode {font-weight: 700;font-size: 14px;line-height: 18px;color: #ffffff;background: var(--highlight-background-color);border-radius: 100px;padding: 14px 24px;display: inline-block;vertical-align: top;position: relative;margin: 0 4px 15px 0;}
.close-location{width: 10px;height: 10px;background-image: url(../images/close-icon.svg);background-repeat: no-repeat;background-position: center;position: absolute;right: 18px;top: 0;bottom: 0;margin: auto;filter: var(--highlight-filter)}
.suburbs-content .form-main input{font-weight: 600;font-size: 16px;line-height: 18px;}
.advert-design-search-tab .form-main .input-icon-container:before,.suburbs-content .form-main .input-icon-container:before{position: absolute;content: "";transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;background-image: url(../images/search-icon.svg);background-repeat: no-repeat;background-size: contain;width: 18px;height: 18px;right: 20px;top: 19px;filter: var(--highlight-filter)}
.advert-design-search-tab .form-main .input-icon-container:hover::before {cursor: pointer;}
.suburbs-right{width: 50%;position: relative;}
div#map {position: absolute !important;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;}
.suburbs-right .drop-pin-btn {position: absolute; z-index: 10; bottom: 24px; right: 10px;}
.suburbs-right .drop-pin-btn a {background-color: var(--highlight-background-color);border: 2px solid var(--highlight-background-color);}
.suburbs-right .drop-pin-btn a:hover, .suburbs-right .drop-pin-btn a.disabled{background-color: white;color: var(--highlight-background-color);}
/******* Advert Location Section Css End *******/

/******* Advert Category and Keywords Section Css Start *******/
.category-keywords-sec {border: 1px solid rgba(38, 44, 92, 0.1);border-radius: 8px;display: flex;flex-wrap: wrap; margin-top: 0px;padding-top: 32px;}
.category-keywords-left,.franchise-left , .agent-left, .custom-aud-left , .office-left,.custom-empty-space,.date-left,.date-duration-left{width: 50%;}
.category-keywords-content, .franchise-content, .agent-content, .office-content, .custom-aud-content, .date-duration-content{padding: 8px 89px 8px 77px;}
.category-keywords-top-content{padding: 57px 89px 0px 77px;}
.category-keywords-bottom-content{padding: 10px 89px 42px 77px; width: 100%; min-height: 250px;}
.category-keywords-top-content h4{font-size: 24px;line-height: 28px;color: var(--base-heading-color);letter-spacing: -0.3px;margin: 0 0 8px 0;}
.category-keywords-top-content p{font-size: 14px;line-height: 18px;margin: 20px 0 31px 0;}
.category-no-keywords-bottom {padding: 20px;padding-bottom: 110px;}
.less-height{max-height:15rem !important;}
.keyword-form input {width: 70%;}
.keyword-form .btn {padding-left: 8px;}
.suggested-keyword-list, .keyword-list {padding: 24px 0 0 0; position: relative;}
.suggested-keyword-list {min-height: 140px; min-width: 100%; display: none;}
.suggested-keyword-list span, .keyword-list span{font-weight: 400;font-size: 14px;line-height: 18px;color: #ffffff;background: var(--highlight-background-color);border-radius: 100px;padding: 14px 49px 14px 24px;display: inline-block;vertical-align: top;position: relative;margin: 0 4px 15px 0;}
.suggested-keyword-list span.keyword, .keyword-list span.keyword {font-weight: 700;font-size: 14px;line-height: 18px;color: #ffffff;background: var(--highlight-background-color);border-radius: 100px;padding: 14px 24px;display: inline-block;vertical-align: top;position: relative;margin: 0 4px 15px 0;}

.category-list, .keyword-list {padding: 0; position: relative;}
.category-list {min-height: 140px; min-width: 100%; display: flex;}
.category-list span, .keyword-list span{font-weight: 400;font-size: 14px;line-height: 18px;color: #ffffff;background: var(--highlight-background-color);border-radius: 100px;padding: 14px 49px 14px 24px;display: inline-block;vertical-align: top;position: relative;margin: 0 4px 15px 0;}
.category-list span.keyword, .keyword-list span.keyword {font-weight: 700;font-size: 14px;line-height: 18px;color: #ffffff;background: var(--highlight-background-color);border-radius: 100px;padding: 14px 24px;display: inline-block;vertical-align: top;position: relative;margin: 0 4px 15px 0;}

.demographics-list, .keyword-list {padding: 0; position: relative;}
.demographics-list {min-height: 140px; min-width: 100%; display: flex;}
.demographics-list span, .keyword-list span{font-weight: 400;font-size: 14px;line-height: 18px;color: #ffffff;background: var(--highlight-background-color);border-radius: 100px;padding: 14px 49px 14px 24px;display: inline-block;vertical-align: top;position: relative;margin: 0 4px 15px 0;}
.demographics-list span.keyword, .keyword-list span.keyword {font-weight: 700;font-size: 14px;line-height: 18px;color: #ffffff;background: var(--highlight-background-color);border-radius: 100px;padding: 14px 24px;display: inline-block;vertical-align: top;position: relative;margin: 0 4px 15px 0;}

.keyword-list-box {width: 35%; }
.keyword-list-box div {height: 320px; overflow-y: auto; overflow-x: hidden; margin-top: 12px; background-color: #F8F8F8;}
.keyword-list-box ul {background-color: #F8F8F8;  margin: 0;}
.keyword-list-box ul li {margin: 0; padding: 14px 24px; margin-bottom: 1px; font-weight: 500; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.keyword-list-box ul li:hover{cursor: pointer;}

.category-list-box {width: 47%; }
.category-list-box div {height: 204px; overflow-y: auto; overflow-x: hidden; margin-top: 12px; background-color: #F8F8F8;}
.category-list-box ul {background-color: #F8F8F8;  margin: 0;}
.category-list-box ul li {margin: 0; padding: 14px 24px; margin-bottom: 1px; font-weight: 500; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.category-list-box ul li:hover{cursor: pointer;}

.demographics-list-box {width: 47%; }
.demographics-list-box div {height: 204px; overflow-y: auto; overflow-x: hidden; margin-top: 12px; background-color: #F8F8F8;}
.demographics-list-box ul {background-color: #F8F8F8;  margin: 0;}
.demographics-list-box ul li {margin: 0; padding: 14px 24px; margin-bottom: 1px; font-weight: 500; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.demographics-list-box ul li:hover{cursor: pointer;}

.keyword-move-icons {width: 88px; padding-top: 120px;}
.keyword-move-icons ul {margin: 0; padding: 0; align-items: center; justify-content: center;}
.keyword-move-icons ul li {margin: 6px 12px; height: 52px; width: 52px; background-color: #D0D0D0; border-radius: 28px; padding: 0; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; align-items: center; justify-content: center; display: flex;}
.keyword-move-icons ul li img {height: 18px; width: 18px; margin-top: -2px;}
.keyword-move-icons ul li:hover { cursor: pointer; background-color: var(--highlight-color);}
.category-move-icons {width: 88px; padding-top: 90px;}
.category-move-icons ul {margin: 0; padding: 0; align-items: center; justify-content: center;}
.category-move-icons ul li {margin: 6px 12px; height: 52px; width: 52px; background-color: #D0D0D0; border-radius: 28px; padding: 0; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; align-items: center; justify-content: center; display: flex;}
.category-move-icons ul li img {height: 18px; width: 18px; margin-top: -2px;}
.category-move-icons ul li:hover { cursor: pointer; background-color: var(--highlight-color);}

.demographics-move-icons {width: 88px; padding-top: 90px;}
.demographics-move-icons ul {margin: 0; padding: 0; align-items: center; justify-content: center;}
.demographics-move-icons ul li {margin: 6px 12px; height: 52px; width: 52px; background-color: #D0D0D0; border-radius: 28px; padding: 0; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; align-items: center; justify-content: center; display: flex;}
.demographics-move-icons ul li img {height: 18px; width: 18px; margin-top: -2px;}
.demographics-move-icons ul li:hover { cursor: pointer; background-color: var(--highlight-color);}

#keyword-suggested-list li {border: 2px solid #F8F8F8; border-bottom: 2px solid #F0F0F0;}
#keyword-suggested-list li:hover {background-color: #ffffff; color: #494949;}
#keyword-suggested-list li:last-child {border-bottom: none;}
#category-suggested-list li {border: 2px solid #F8F8F8; border-bottom: 2px solid #F0F0F0;}
#category-suggested-list li:hover {background-color: #ffffff; color: #494949;}
#category-suggested-list li:last-child {border-bottom: none;}

#demographics-suggested-list li {border: 2px solid #F8F8F8; border-bottom: 2px solid #F0F0F0;}
#demographics-suggested-list li:hover {background-color: #ffffff; color: #494949;}
#demographics-suggested-list li:last-child {border-bottom: none;}

#keyword-selected-list li { background-color: var(--highlight-background-color); color: #F0F0F0; border: 2px solid var(--highlight-background-color);}
#keyword-selected-list li:hover {background-color: #ffffff; color: #494949;}
#keyword-selected-list li::after {content: ""; width: 14px; height: 14px; background-image: url(../images/close-icon.svg); background-repeat: no-repeat; background-position: center; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto; filter: var(--highlight-filter);}

#category-selected-list li { background-color: var(--highlight-background-color); color: #F0F0F0; border: 2px solid var(--highlight-background-color);}
#category-selected-list li:hover {background-color: #ffffff; color: #494949;}
#category-selected-list li::after {content: ""; width: 14px; height: 14px; background-image: url(../images/close-icon.svg); background-repeat: no-repeat; background-position: center; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto; filter: var(--highlight-filter);}

#demographics-selected-list li { background-color: var(--highlight-background-color); color: #F0F0F0; border: 2px solid var(--highlight-background-color);}
#demographics-selected-list li:hover {background-color: #ffffff; color: #494949;}
#demographics-selected-list li::after {content: ""; width: 14px; height: 14px; background-image: url(../images/close-icon.svg); background-repeat: no-repeat; background-position: center; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto; filter: var(--highlight-filter);}

.keyword-loading-image {display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: #ffffff; z-index: 10;}
.keyword-loading-image img {height: 192px; width: 192px;}
.keyword-loading-image p {line-height: 20px; margin: 0; color: var(--base-heading-color); font-weight: bold;}
.close-source-keyword, .close-keyword{width: 10px;height: 10px;background-image: url(../images/close-icon.svg);background-repeat: no-repeat;background-position: center;position: absolute;right: 22px;top: 0;bottom: 0;margin: auto;filter: var(--highlight-filter)}
.category-keywords-bottom-content .error {display: block;}
.branding-box {padding:5px;}
.branding-box h6, .branding-box h5{padding: 5px}
.branding-box .text-msg-box {height:50px;padding-top: 7px;}
/******* Advert Category and Keywords Section Css End *******/


/******* Custom Audience for Properties Section CSS start ********/
.custom-aud-sec {margin-top:20px;border: 1px solid rgba(38, 44, 92, 0.1);border-radius: 8px;display: flex;flex-wrap: wrap;padding-top: 50px;padding-bottom: 50px;height: 380px;}


/*******  Custom Audience for Properties Section CSS End  ********/


/******* Campaigns Detail Section Css Start *******/
.campaigns-detail-sec{padding: 63px 0 80px 0;}
.campaigns-detail-sec .ad-preview-heading {padding-top: 45px;}
.campaigns-detail-wrap{}
.campaigns-detail-main{background: #FFFFFF;border: 1px solid rgba(73, 73, 73, 0.1);box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);border-radius: 8px;margin: 0 0 47px 0;}
.campaigns-detail-top{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 16px 16px 16px 31px;border-bottom: 1px solid #E3E3E3;}
.campaigns-detail-top h2{font-weight: 600;font-size: 20px;line-height: 24px;color: var(--base-heading-color);letter-spacing: -0.3px;}
.campaigns-detail-top .subTitle{font-size: 12px;}
.campaigns-detail-btn{}
.campaigns-detail-btn a{border: 2px solid rgba(73, 73, 73, 0.1);box-sizing: border-box;border-radius: 8px;display: inline-block;vertical-align: top;padding: 14px 23px 14px 58px;font-weight: 600;font-size: 16px;line-height: 20px;color: #494949;margin: 0 0 0 3px;}
.campaigns-detail-btn a:hover{background-color: var(--base-heading-color);color: #ffffff;}
.campaigns-detail-btn .duplicate-icon{background-image: url(../images/green-duplicate-icon.svg);background-repeat: no-repeat;background-position: 21px 50%;}
.campaigns-detail-btn .back-icon{background-image: url(../images/green-arrow-back.svg);background-repeat: no-repeat;background-position: 21px 50%;}
.campaigns-detail-btn .cancel-icon{background-image: url(../images/red-cancel.svg);background-repeat: no-repeat;background-position: 21px 50%;}
.campaigns-detail-bottom{display: flex;flex-direction: row;flex-wrap: wrap; padding: 14px 0 13px 0px;}
.file-upload-widget {display: none;}
.campaigns-count-box{max-width: 14%;width: 100%;padding: 8px 0 10px 31px;border-right: 1px solid #e9eaef;}
.campaigns-count-box span{position: relative;font-weight: 600;font-size: 16px;line-height: 20px;color: var(--base-heading-color);padding: 0 8px 4px 0;max-width: 100% !important;}
.campaigns-count-box small{display: block;font-weight: normal;font-size: 12px;line-height: 16px;color: rgba(73, 73, 73, 0.7); padding-top: 8px;}
.campaigns-count-box span:before {display: inline-block;content: "";}

/* TODO: "LED light" for all loopa statuses. */
.campaigns-count-box span.draft:before {width: 8px;height: 8px;border-radius: 50%;background-color: #ffcb5a;margin: 0 6px 0 0;}

.campaigns-count-box span.scheduled:before {width: 4px;height: 4px;border-radius: 50%;border-color: #94DF49; border-style: solid;border-width: 2px; margin: 0 6px 0 0;}

.campaigns-count-box span.active:before,
.campaigns-count-box span.paid:before,
.campaigns-count-box span.Enabled:before { 
	width: 8px;height: 8px;border-radius: 50%;background-color: #94DF49;margin: 0 6px 0 0;
}

.campaigns-count-box span.finished:before, .campaigns-count-box span.cancelled:before, .campaigns-count-box span.stopped:before{width: 8px;height: 8px;border-radius: 50%;background-color: #FF5A5A;margin: 0 6px 0 0;}


.campaigns-count-box span.up:before {background-image: url(../images/up-arrow.svg);width: 11px;height: 8px;margin: -2px 6px 0 0;}
.campaigns-count-box span.down:before {background-image: url(../images/down-arrow-red.svg);width: 11px;height: 8px;margin: -2px 6px 0 0;}

.campaigns-detail-wrap .suburbs-sec{background-color: #FFFFFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);border: 0;margin: 0 0 48px 0;}
.campaigns-detail-wrap .suburbs-content{padding: 41px 129px 40px 40px;}
.campaigns-detail-wrap .suburbs-content p{margin: 0 0 36px 0;}
.campaigns-detail-wrap .suburbs-content p a{display: inline-block;margin: 0 0 0 5px;font-weight: 700;text-decoration: underline;color: var(--highlight-background-color);}
.campaigns-detail-wrap .suburbs-content .form-main input{background-color: #F8F8F8;background-position: 96.4% 50%;}
.update-btn {padding: 24px 0 0 0;}
.update-btn a {background-color: var(--highlight-color);border: 0;border-radius: 8px;font-weight: 700;font-size: 14px;line-height: 18px;color: #ffffff;padding: 15px 30px 15px 30px;display: inline-block;vertical-align: top;border: 2px solid var(--highlight-color);}
.update-btn a:hover{background-color: transparent;color: var(--highlight-color);}

.mob-update-btn {display: none;}
.mob-update-btn a {background-color: var(--highlight-color);border: 0;border-radius: 8px;font-weight: 700;font-size: 16px;line-height: 18px;color: #ffffff;padding: 17px 20px 19px 20px;display: block;text-align: center;}

.imageUploader {width: 600px;min-height:500px;position: fixed;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);background: #fff;height: auto;z-index: 101;transform: translate(45%,0px);border-radius: 8px;top: 20%;display:none;}
.imageUploader .container-popup {position: relative;height: 100%;}
.imageUploader .header {display: flex;}
.imageUploader .loading-div{width: 50px;background-image: url('/images/rolling-loader.svg'); background-position: center; background-repeat: no-repeat;background-size: cover;}
.imageUploader .header,.footer-container-popup {height:50px;margin-bottom: 5px;}
.imageUploader .body{min-height:400px;height:auto;width:98%;max-width: 600px; background-color: #F8F8F8;margin:5px auto;text-align: center;}
.imageUploader .body canvas{object-fit: contain !important;}

.inlineVideo {width: 600px;min-height:300px;position: fixed;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);background: #fff;height: auto;z-index: 101;transform: translate(60%,0px);border-radius: 8px;top: 20%;display: none;margin: 0 auto;}
.inlineVideo .container-popup {position: relative;height: 100%;}
.inlineVideo .header {display: flex;}
.inlineVideo .loading-div{width: 50px;background-image: url('/images/rolling-loader.svg'); background-position: center; background-repeat: no-repeat;background-size: cover;}
.inlineVideo .header,.footer-container-popup {height:50px;margin-bottom: 5px;}
.inlineVideo .body{height:300px;width:98%;max-width: 600px; background-color: #F8F8F8;margin:5px auto;text-align: center;}
.inlineVideo .body canvas{object-fit: contain !important;}

.inlineAudio {width: 312px;min-height:54px;position: fixed;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);background: #fff;height: auto;z-index: 101;transform: translate(150%,0px);border-radius: 8px;top: 20%;display: none;margin: 0 auto;}
.inlineAudio .container-popup {position: relative;height: 100%;}
.inlineAudio .header {display: flex;}
.inlineAudio .loading-div{width: 50px;background-image: url('/images/rolling-loader.svg'); background-position: center; background-repeat: no-repeat;background-size: cover;}
.inlineAudio .header,.footer-container-popup {height:50px;margin-bottom: 5px;}
.inlineAudio .body{height:54px;width:98%;max-width: 312px; background-color: #F8F8F8;margin:5px auto;text-align: center;}
.inlineAudio .body canvas{object-fit: contain !important;}

.fullSizeAdPreview {position: fixed; max-height:98%;overflow-y: auto;overflow-x: hidden; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);background: #fff;z-index: 1001;border-radius: 8px;top: 0;bottom:0;display: none; right: 0;left: 0;margin:auto}
.fullSizeAdPreview .container-popup {position: relative;height: inherit;width: inherit;}
.fullSizeAdPreview .header{display: flex;height:50px;width: 100%;}
.fullSizeAdPreview .body{margin: 5px;}
.fullSizeAdPreview .body canvas{object-fit: contain !important;}
.fullSizeAdPreview .footer-container-popup{margin: 0 5px;}
.fullSizeAdPreview .cancel-ad-preview {margin-top:0px;margin-right:12px !important;float: right;padding: 10px 20px !important;background-color: var(--highlight-background-color) !important;border:2px solid var(--highlight-background-color) !important}
.fullSizeAdPreview .cancel-ad-preview:hover{background-color: #FFF !important;color:var(--highlight-background-color )!important}

#audioLink .fa-play-circle, #videoLink .fa-play-circle {padding:5px;}
#audienceFileLabel .space-20 {padding:5px;color:var(--highlight-color);cursor: pointer;}
.custom-close-btn{top:10px;right:15px;}
.file-control{display: none !important;}
.dv-browse{float: left;}
.instructions{position: relative;top:45%}
.browse-files{margin: 0 5px !important;padding: 10px 20px !important;}
.save-file, .cancel-file {margin:2px !important;float: right;padding: 10px 20px !important;}
.cancel-file{background-color: var(--highlight-background-color) !important;border:2px solid var(--highlight-background-color) !important}
.cancel-file:hover{background-color: #FFF !important;color:var(--highlight-background-color )!important}
.logo-header-text{font-size: 16px;font-weight: 700;top:20%;padding:15px 20px;vertical-align: middle;color:var(--base-heading-color)}
.photo-container{width:100%;max-width: 600px;height: 400px;position: relative;border:1px dashed #d4d4d4;padding:10px;background-size: contain;background-repeat: no-repeat;background-position: 50% 50%;}
.light-modal {--lm-small-modal: 30vw;--lm-large-modal: 50vw;--lm-font-size: 14px;}
.light-modal-content {background: var(--lm-body-bg);color: #fff;width: 100%;border-radius: .2em;position: relative;max-height: calc(100vh - 150px);line-height: 1.4;display: flex;flex-direction: column}
.light-modal-content img {max-width: 100%;border-radius: .2em}
.light-modal-content.large-content {	width: var(--lm-large-modal)}
.light-modal-body {padding: 20px;overflow: hidden;max-height: 450px;}
.light-modal:target {	display: flex;visibility: visible}
/* chart design styles */
.campaigns-detail-wrap .chart-design-wrap{background: #FFFFFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);border-radius: 8px 8px 8px 8px;overflow: hidden;padding: 0;}
.campaigns-detail-wrap .chart-design-left {padding: 10px 84px 10px 40px; position: relative;}
.campaigns-detail-wrap .chart-design-right {padding: 10px 84px 10px 40px; position: relative;}
.campaigns-detail-wrap .chart-design-left .not-editable {position: absolute; height: 100%; width: 100%; background-color: rgba(73, 73, 73, 0.1); top: 0; left: 0; z-index: 10;}
.campaigns-detail-wrap .chart-design-right .not-editable {position: absolute; height: 100%; width: 100%; background-color: rgba(73, 73, 73, 0.1); top: 0; left: 0; z-index: 10;}

/* chart design styles end */

.campaigns-detail-wrap .advert-design-wrap{background: #FFFFFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);border-radius: 8px 8px 8px 8px;overflow: hidden;padding: 0;}
.campaigns-detail-wrap .ad-preview-sec{position: static;}
.campaigns-detail-wrap .ad-preview-slider-sec{padding: 40px 0 0 0;}
.campaigns-detail-wrap .ad-preview-slider {margin: 82px 0 152px 0;}
.campaigns-detail-wrap .advert-design-left {padding: 41px 84px 10px 40px; position: relative;}
.campaigns-detail-wrap .advert-design-left .not-editable {position: absolute; height: 100%; width: 100%; background-color: rgba(73, 73, 73, 0.1); top: 0; left: 0; z-index: 10;}
.form-main ul li.blank-desk {margin: 0;}
.campaigns-detail-wrap .resp-tab-content .form-main button{margin: 10px 0 0 0;}
.advert-design-search-tab{margin-bottom: 20px;margin-top: 10px;}
.advert-design-search-tab .form-main{height:60px;}
.advert-design-search-tab .form-main input{font-weight: 600;font-size: 16px;line-height: 18px; }
.main-search-container{position: relative;}
.left-content {float: left !important;}
.search-list{ position: absolute; z-index: 10;box-shadow: 1px 1px 4px;width: 100%;}
.search-list ul li{ height: 35px;background-color: #fff;padding-top: 5px; border: 1px solid #DDD8EB;width:100%;max-width: 500px; }
.search-list ul li span { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;display: inline-block;padding: 5px;}
.search-list ul li.data{cursor: pointer;}
.search-list ul li.error {color:red;}
.search-list ul li.data:hover {background-color: var(--highlight-background-color);color:#FFF;}
/******* Campaigns Detail Section Css End *******/
.error-msg {font-weight: 400;color: #f00;padding: 6px 0 0 0;margin: 0;display: none;}
.error-msg.visible {display: block;}

body .ui-widget.ui-widget-content {border: 0;max-height: 200px;overflow-y: auto;overflow-x: hidden;background-color: #F8F8F8;list-style: none;}
body .ui-menu .ui-menu-item-wrapper{padding: 10px;font-weight: 400;font-size: 14px;line-height: 18px;color: #494949;border: 0;border-bottom: 1px solid #e9e9ee;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;}
body .ui-state-active, body .ui-widget-content .ui-state-active, body .ui-widget-header .ui-state-active, body a.ui-button:active, body .ui-button:active, body .ui-button.ui-state-active:hover{border-color: #e9e9ee;color: #00deae;background-color: transparent;margin: 0;}

body .ui-accordion .ui-accordion-header-active {
	background-color: var(--highlight-background-color);
    border-color: var(--highlight-background-color);
    color: #ffffff;
	font-weight: 700;
}

.add-disable a{cursor: not-allowed;pointer-events: none;opacity: 0.7;}

.footer-fixed {position: fixed;bottom: 0px;left:0px;background-color: var(--highlight-background-color);}
.footer-fixed .fixed-container {margin:8px;}
.fixed-container p {color:#FFF; word-wrap: break-word; font-size: 12px;}
.verified-icon{position: absolute;background-image: url('../images/check-icon.svg'); background-position: center; background-repeat: no-repeat;width:24px;height: 20px;margin-left: 5px;background-size: 50%;}
/******* Error Section Css Start *******/
.error-sec{padding: 124px 0 50px 0;}
.error-sec h2{font-size: 32px;line-height: 38px;color: var(--base-heading-color);letter-spacing: -0.3px;margin: 0 0 38px 0;}
.error-sec p{font-size: 16px;line-height: 18px; padding: 12px 0;}
.successful-verify-wrap a{background-color: var(--highlight-color);border-radius: 8px;font-weight: 700;font-size: 14px;line-height: 18px;color: #ffffff;margin: 32px 0 0 0;padding: 15px 30px 15px 30px;display: inline-block;vertical-align: top;border: 2px solid var(--highlight-color);}
.successful-verify-wrap a:hover{background-color: transparent;color: var(--highlight-color);}
/******* Error Section Css End *******/

/***** Flexible Creatives CSS Start *******/
.clr-field{height:100%}
.clr-field button {border-radius: 100%;} 
.clr-field input {width: 30px;height:30px;border-radius: 30px;}
.colorBox{ display: inline;width: 100%;position: relative;}
.checkboxGroup {display: flex;position: relative;width:100%;margin-top: 5px;}
.checkboxGroup input {padding: 4px;line-height: 0px;width: 25px;margin-top:2px;}
.checkboxGroup label {font-size: 14px;font-weight: 300;margin:0}
.advert-design-tab-logo {width:100% !important;}
.advert-design-tab-logo li {width: 25% !important;font-weight: 500; font-size: 14px;line-height: 18px;color: #494949;text-align: center;border: 1px solid #e9eaef;padding: 16px 10px 16px 10px !important;cursor: pointer;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;}
.resp-tabs-list-logo{margin: 0px !important;}
.resp-tabs-list-logo li.resp-tab-active{background-color: var(--highlight-background-color);border-color: var(--highlight-background-color);color: #ffffff;}
.resp-tabs-list-logo li:nth-child(1){border-radius: 4px 0 0 4px;}
.resp-tabs-list-logo li:nth-child(4){border-radius: 0 4px 4px 0;}
.shortcut {width:75px;height:75px;display:inline-block;}
.inner-social {padding: 20px;border: 1px solid rgba(38, 44, 92, 0.1);border-radius: 8px;}
.color-circle{width: 30px;height: 30px;border-radius: 30px;}
.color-heading{width: 70%;}
.color-row{display: flex;margin: 15px;}
.google-logo { background-repeat: no-repeat; background-size: 50%;position: relative;}
.facebook-logo { position: relative;font-size: 35px;color:#fff;top:-40px}
.social-icons {height: 70px;}
.style-list li {width:33.3333%;}
.style-list li:nth-child(3){border-radius: 0 4px 4px 0;}
.clr-field input:hover{cursor: pointer;}
.uploadAudio , .uploadVideo, .uploadAudience {margin:5px !important}
.adUpload {width: 60% !important;max-width: 375px;}
.input-icons i {position: absolute;margin-top:10px}
 
.input-icons {width: 100%;margin-bottom: 5px;}
.icon {padding: 10px;color: var(--highlight-color); min-width: 50px;text-align: center;}
.input-field {width: 100%;padding: 10px; text-align: center;}
.half {width:50%;}
.flexbox {display: flex;flex-wrap: wrap}
.pad-5 {padding: 5px;}
.mar-5 {margin:5px}
/***** Flexible Creatives CSS END *******/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {display: none;}.ui-helper-hidden-accessible {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}.ui-helper-reset {margin: 0;padding: 0;border: 0;outline: 0;line-height: 1.3;text-decoration: none;font-size: 100%;list-style: none;}.ui-helper-clearfix:before,.ui-helper-clearfix:after {content: "";display: table;border-collapse: collapse;}.ui-helper-clearfix:after {clear: both;}.ui-helper-zfix {width: 100%;height: 100%;top: 0;left: 0;position: absolute;opacity: 0;filter:Alpha(Opacity=0); /* support: IE8 */}.ui-front {z-index: 100;}/* Interaction Cues----------------------------------*/.ui-state-disabled {cursor: default !important;pointer-events: none;}/* Icons----------------------------------*/.ui-icon {display: inline-block;vertical-align: middle;margin-top: -.25em;position: relative;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;}.ui-widget-icon-block {left: 50%;margin-left: -8px;display: block;}/* Misc visuals----------------------------------*//* Overlays */.ui-widget-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;}.ui-accordion .ui-accordion-header {display: block;cursor: pointer;position: relative;margin: 2px 0 0 0;padding: .5em .5em .5em .7em;font-size: 100%;}.ui-accordion .ui-accordion-content {padding: 1em 2.2em;border-top: 0;overflow: auto;}.ui-autocomplete {position: absolute;top: 0;left: 0;cursor: default;}.ui-menu {list-style: none;padding: 0;margin: 0;display: block;outline: 0;}.ui-menu .ui-menu {position: absolute;}.ui-menu .ui-menu-item {margin: 0;cursor: pointer;/* support: IE10, see #8844 */list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");}.ui-menu .ui-menu-item-wrapper {position: relative;padding: 3px 1em 3px .4em;}.ui-menu .ui-menu-divider {margin: 5px 0;height: 0;font-size: 0;line-height: 0;border-width: 1px 0 0 0;}.ui-menu .ui-state-focus,.ui-menu .ui-state-active {margin: -1px;}/* icon support */.ui-menu-icons {position: relative;}.ui-menu-icons .ui-menu-item-wrapper {padding-left: 2em;}/* left-aligned */.ui-menu .ui-icon {position: absolute;top: 0;bottom: 0;left: .2em;margin: auto 0;}/* right-aligned */.ui-menu .ui-menu-icon {left: auto;right: 0;}.ui-button {padding: .4em 1em;display: inline-block;position: relative;line-height: normal;margin-right: .1em;cursor: pointer;vertical-align: middle;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;/* Support: IE <= 11 */overflow: visible;}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {text-decoration: none;}/* to make room for the icon, a width needs to be set here */.ui-button-icon-only {width: 2em;box-sizing: border-box;text-indent: -9999px;white-space: nowrap;}/* no icon support for input elements */input.ui-button.ui-button-icon-only {text-indent: 0;}/* button icon element(s) */.ui-button-icon-only .ui-icon {position: absolute;top: 50%;left: 50%;margin-top: -8px;margin-left: -8px;}.ui-button.ui-icon-notext .ui-icon {padding: 0;width: 2.1em;height: 2.1em;text-indent: -9999px;white-space: nowrap;}input.ui-button.ui-icon-notext .ui-icon {width: auto;height: auto;text-indent: 0;white-space: normal;padding: .4em 1em;}/* workarounds *//* Support: Firefox 5 - 40 */input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {border: 0;padding: 0;}.ui-controlgroup {vertical-align: middle;display: inline-block;}.ui-controlgroup > .ui-controlgroup-item {float: left;margin-left: 0;margin-right: 0;}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {z-index: 9999;}.ui-controlgroup-vertical > .ui-controlgroup-item {display: block;float: none;width: 100%;margin-top: 0;margin-bottom: 0;text-align: left;}.ui-controlgroup-vertical .ui-controlgroup-item {box-sizing: border-box;}.ui-controlgroup .ui-controlgroup-label {padding: .4em 1em;}.ui-controlgroup .ui-controlgroup-label span {font-size: 80%;}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {border-left: none;}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {border-top: none;}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {border-right: none;}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {border-bottom: none;}/* Spinner specific style fixes */.ui-controlgroup-vertical .ui-spinner-input {/* Support: IE8 only, Android < 4.4 only */width: 75%;width: calc( 100% - 2.4em );}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {border-top-style: solid;}.ui-checkboxradio-label .ui-icon-background {box-shadow: inset 1px 1px 1px #ccc;border-radius: .12em;border: none;}.ui-checkboxradio-radio-label .ui-icon-background {width: 16px;height: 16px;border-radius: 1em;overflow: visible;border: none;}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {background-image: none;width: 8px;height: 8px;border-width: 4px;border-style: solid;}.ui-checkboxradio-disabled {pointer-events: none;}.ui-datepicker {width: 17em;padding: .2em .2em 0;display: none;}.ui-datepicker .ui-datepicker-header {position: relative;padding: .2em 0;}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {position: absolute;top: 2px;width: 1.8em;height: 1.8em;}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {top: 1px;}.ui-datepicker .ui-datepicker-prev {left: 2px;}.ui-datepicker .ui-datepicker-next {right: 2px;}.ui-datepicker .ui-datepicker-prev-hover {left: 1px;}.ui-datepicker .ui-datepicker-next-hover {right: 1px;}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px;}.ui-datepicker .ui-datepicker-title {margin: 0 2.3em;line-height: 1.8em;text-align: center;}.ui-datepicker .ui-datepicker-title select {font-size: 1em;margin: 1px 0;}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {width: 45%;}.ui-datepicker table {width: 100%;font-size: .9em;border-collapse: collapse;margin: 0 0 .4em;}.ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;}.ui-datepicker td {border: 0;padding: 1px;}.ui-datepicker td span,.ui-datepicker td a {display: block;padding: .2em;text-align: right;text-decoration: none;}.ui-datepicker .ui-datepicker-buttonpane {background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0;}.ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;}/* with multiple calendars */.ui-datepicker.ui-datepicker-multi {width: auto;}.ui-datepicker-multi .ui-datepicker-group {float: left;}.ui-datepicker-multi .ui-datepicker-group table {width: 95%;margin: 0 auto .4em;}.ui-datepicker-multi-2 .ui-datepicker-group {width: 50%;}.ui-datepicker-multi-3 .ui-datepicker-group {width: 33.3%;}.ui-datepicker-multi-4 .ui-datepicker-group {width: 25%;}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {border-left-width: 0;}.ui-datepicker-multi .ui-datepicker-buttonpane {clear: left;}.ui-datepicker-row-break {clear: both;width: 100%;font-size: 0;}/* RTL support */.ui-datepicker-rtl {direction: rtl;}.ui-datepicker-rtl .ui-datepicker-prev {right: 2px;left: auto;}.ui-datepicker-rtl .ui-datepicker-next {left: 2px;right: auto;}.ui-datepicker-rtl .ui-datepicker-prev:hover {right: 1px;left: auto;}.ui-datepicker-rtl .ui-datepicker-next:hover {left: 1px;right: auto;}.ui-datepicker-rtl .ui-datepicker-buttonpane {clear: right;}.ui-datepicker-rtl .ui-datepicker-buttonpane button {float: left;}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {float: right;}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {border-right-width: 0;border-left-width: 1px;}/* Icons */.ui-datepicker .ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;left: .5em;top: .3em;}.ui-dialog {position: absolute;top: 0;left: 0;padding: .2em;outline: 0;}.ui-dialog .ui-dialog-titlebar {padding: .4em 1em;position: relative;}.ui-dialog .ui-dialog-title {float: left;margin: .1em 0;white-space: nowrap;width: 90%;overflow: hidden;text-overflow: ellipsis;}.ui-dialog .ui-dialog-titlebar-close {position: absolute;right: .3em;top: 50%;width: 20px;margin: -10px 0 0 0;padding: 1px;height: 20px;}.ui-dialog .ui-dialog-content {position: relative;border: 0;padding: .5em 1em;background: none;overflow: auto;}.ui-dialog .ui-dialog-buttonpane {text-align: left;border-width: 1px 0 0 0;background-image: none;margin-top: .5em;padding: .3em 1em .5em .4em;}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: right;}.ui-dialog .ui-dialog-buttonpane button {margin: .5em .4em .5em 0;cursor: pointer;}.ui-dialog .ui-resizable-n {height: 2px;top: 0;}.ui-dialog .ui-resizable-e {width: 2px;right: 0;}.ui-dialog .ui-resizable-s {height: 2px;bottom: 0;}.ui-dialog .ui-resizable-w {width: 2px;left: 0;}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw {width: 7px;height: 7px;}.ui-dialog .ui-resizable-se {right: 0;bottom: 0;}.ui-dialog .ui-resizable-sw {left: 0;bottom: 0;}.ui-dialog .ui-resizable-ne {right: 0;top: 0;}.ui-dialog .ui-resizable-nw {left: 0;top: 0;}.ui-draggable .ui-dialog-titlebar {cursor: move;}.ui-draggable-handle {-ms-touch-action: none;touch-action: none;}.ui-resizable {position: relative;}.ui-resizable-handle {position: absolute;font-size: 0.1px;display: block;-ms-touch-action: none;touch-action: none;}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {display: none;}.ui-resizable-n {cursor: n-resize;height: 7px;width: 100%;top: -5px;left: 0;}.ui-resizable-s {cursor: s-resize;height: 7px;width: 100%;bottom: -5px;left: 0;}.ui-resizable-e {cursor: e-resize;width: 7px;right: -5px;top: 0;height: 100%;}.ui-resizable-w {cursor: w-resize;width: 7px;left: -5px;top: 0;height: 100%;}.ui-resizable-se {cursor: se-resize;width: 12px;height: 12px;right: 1px;bottom: 1px;}.ui-resizable-sw {cursor: sw-resize;width: 9px;height: 9px;left: -5px;bottom: -5px;}.ui-resizable-nw {cursor: nw-resize;width: 9px;height: 9px;left: -5px;top: -5px;}.ui-resizable-ne {cursor: ne-resize;width: 9px;height: 9px;right: -5px;top: -5px;}.ui-progressbar {height: 2em;text-align: left;overflow: hidden;}.ui-progressbar .ui-progressbar-value {margin: -1px;height: 100%;}.ui-progressbar-indeterminate .ui-progressbar-value {background-image: none;}.ui-selectable {-ms-touch-action: none;touch-action: none;}.ui-selectable-helper {position: absolute;z-index: 100;border: 1px dotted black;}.ui-selectmenu-menu {padding: 0;margin: 0;position: absolute;top: 0;left: 0;display: none;}.ui-selectmenu-menu .ui-menu {overflow: auto;overflow-x: hidden;padding-bottom: 1px;}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {font-size: 1em;font-weight: bold;line-height: 1.5;padding: 2px 0.4em;margin: 0.5em 0 0 0;height: auto;border: 0;}.ui-selectmenu-open {display: block;}.ui-selectmenu-text {display: block;margin-right: 20px;overflow: hidden;text-overflow: ellipsis;}.ui-selectmenu-button.ui-button {text-align: left;white-space: nowrap;width: 14em;}.ui-selectmenu-icon.ui-icon {float: right;margin-top: 0;}.ui-slider {position: relative;text-align: left;}.ui-slider .ui-slider-handle {position: absolute;z-index: 2;width: 1.2em;height: 1.2em;cursor: default;-ms-touch-action: none;touch-action: none;}.ui-slider .ui-slider-range {position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0;}/* support: IE8 - See #6727 */.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {filter: inherit;}.ui-slider-horizontal {height: .8em;}.ui-slider-horizontal .ui-slider-handle {top: -.3em;margin-left: -.6em;}.ui-slider-horizontal .ui-slider-range {top: 0;height: 100%;}.ui-slider-horizontal .ui-slider-range-min {left: 0;}.ui-slider-horizontal .ui-slider-range-max {right: 0;}.ui-slider-vertical {width: .8em;height: 100px;}.ui-slider-vertical .ui-slider-handle {left: -.3em;margin-left: 0;margin-bottom: -.6em;}.ui-slider-vertical .ui-slider-range {left: 0;width: 100%;}.ui-slider-vertical .ui-slider-range-min {bottom: 0;}.ui-slider-vertical .ui-slider-range-max {top: 0;}.ui-sortable-handle {-ms-touch-action: none;touch-action: none;}.ui-spinner {position: relative;display: inline-block;overflow: hidden;padding: 0;vertical-align: middle;}.ui-spinner-input {border: none;background: none;color: inherit;padding: .222em 0;margin: .2em 0;vertical-align: middle;margin-left: .4em;margin-right: 2em;}.ui-spinner-button {width: 1.6em;height: 50%;font-size: .5em;padding: 0;margin: 0;text-align: center;position: absolute;cursor: default;display: block;overflow: hidden;right: 0;}/* more specificity required here to override default borders */.ui-spinner a.ui-spinner-button {border-top-style: none;border-bottom-style: none;border-right-style: none;}.ui-spinner-up {top: 0;}.ui-spinner-down {bottom: 0;}.ui-tabs {position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */padding: .2em;}.ui-tabs .ui-tabs-nav {margin: 0;padding: .2em .2em 0;}.ui-tabs .ui-tabs-nav li {list-style: none;float: left;position: relative;top: 0;margin: 1px .2em 0 0;border-bottom-width: 0;padding: 0;white-space: nowrap;}.ui-tabs .ui-tabs-nav .ui-tabs-anchor {float: left;padding: .5em 1em;text-decoration: none;}.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-bottom: -1px;padding-bottom: 1px;}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {cursor: text;}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {cursor: pointer;}.ui-tabs .ui-tabs-panel {display: block;border-width: 0;padding: 1em 1.4em;background: none;}.ui-tooltip {padding: 8px;position: absolute;z-index: 9999;max-width: 300px;}body .ui-tooltip {border-width: 2px;}/* Component containers----------------------------------*/.ui-widget {font-family: Arial,Helvetica,sans-serif;font-size: 1em;}.ui-widget .ui-widget {font-size: 1em;}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {font-family: Arial,Helvetica,sans-serif;font-size: 1em;}.ui-widget.ui-widget-content {border: 1px solid #c5c5c5;}.ui-widget-content {border: 1px solid #dddddd;background: #ffffff;color: #333333;}.ui-widget-content a {color: #333333;}.ui-widget-header {border: 1px solid #dddddd;background: #e9e9e9;color: #333333;font-weight: bold;}.ui-widget-header a {color: #333333;}/* Interaction states----------------------------------*/.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,/* We use html here because we need a greater specificity to make sure disabledworks properly when clicked or hovered */html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {border: 1px solid #c5c5c5;background: #f6f6f6;font-weight: normal;color: #454545;}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button {color: #454545;text-decoration: none;}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {border: 1px solid #cccccc;background: #ededed;font-weight: normal;color: #2b2b2b;}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus {color: #2b2b2b;text-decoration: none;}.ui-visual-focus {box-shadow: 0 0 3px 1px rgb(94, 158, 214);}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {border: 1px solid #003eff;background: #007fff;font-weight: normal;color: #ffffff;}.ui-icon-background,.ui-state-active .ui-icon-background {border: #003eff;background-color: #ffffff;}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {color: #ffffff;text-decoration: none;}/* Interaction Cues----------------------------------*/.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {border: 1px solid #dad55e;background: #fffa90;color: #777620;}.ui-state-checked {border: 1px solid #dad55e;background: #fffa90;}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {color: #777620;}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {border: 1px solid #f1a899;background: #fddfdf;color: #5f3f3f;}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {color: #5f3f3f;}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {color: #5f3f3f;}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {font-weight: bold;}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {opacity: .7;filter:Alpha(Opacity=70); /* support: IE8 */font-weight: normal;}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {opacity: .35;filter:Alpha(Opacity=35); /* support: IE8 */background-image: none;}.ui-state-disabled .ui-icon {filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */}/* Icons----------------------------------*//* states and images */.ui-icon {width: 16px;height: 16px;}.ui-icon,.ui-widget-content .ui-icon {background-image: url("../images/ui-icons_444444_256x240.png");}.ui-widget-header .ui-icon {background-image: url("../images/ui-icons_444444_256x240.png");}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon {background-image: url("../images/ui-icons_555555_256x240.png");}.ui-state-active .ui-icon,.ui-button:active .ui-icon {background-image: url("../images/ui-icons_ffffff_256x240.png");}/* positioning */.ui-icon-blank { background-position: 16px 16px; }.ui-icon-caret-1-n { background-position: 0 0; }.ui-icon-caret-1-ne { background-position: -16px 0; }.ui-icon-caret-1-e { background-position: -32px 0; }.ui-icon-caret-1-se { background-position: -48px 0; }.ui-icon-caret-1-s { background-position: -65px 0; }.ui-icon-caret-1-sw { background-position: -80px 0; }.ui-icon-caret-1-w { background-position: -96px 0; }.ui-icon-caret-1-nw { background-position: -112px 0; }.ui-icon-caret-2-n-s { background-position: -128px 0; }.ui-icon-caret-2-e-w { background-position: -144px 0; }.ui-icon-triangle-1-n { background-position: 0 -16px; }.ui-icon-triangle-1-ne { background-position: -16px -16px; }.ui-icon-triangle-1-e { background-position: -32px -16px; }.ui-icon-triangle-1-se { background-position: -48px -16px; }.ui-icon-triangle-1-s { background-position: -65px -16px; }.ui-icon-triangle-1-sw { background-position: -80px -16px; }.ui-icon-triangle-1-w { background-position: -96px -16px; }.ui-icon-triangle-1-nw { background-position: -112px -16px; }.ui-icon-triangle-2-n-s { background-position: -128px -16px; }.ui-icon-triangle-2-e-w { background-position: -144px -16px; }.ui-icon-arrow-1-n { background-position: 0 -32px; }.ui-icon-arrow-1-ne { background-position: -16px -32px; }.ui-icon-arrow-1-e { background-position: -32px -32px; }.ui-icon-arrow-1-se { background-position: -48px -32px; }.ui-icon-arrow-1-s { background-position: -65px -32px; }.ui-icon-arrow-1-sw { background-position: -80px -32px; }.ui-icon-arrow-1-w { background-position: -96px -32px; }.ui-icon-arrow-1-nw { background-position: -112px -32px; }.ui-icon-arrow-2-n-s { background-position: -128px -32px; }.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }.ui-icon-arrow-2-e-w { background-position: -160px -32px; }.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }.ui-icon-arrowstop-1-n { background-position: -192px -32px; }.ui-icon-arrowstop-1-e { background-position: -208px -32px; }.ui-icon-arrowstop-1-s { background-position: -224px -32px; }.ui-icon-arrowstop-1-w { background-position: -240px -32px; }.ui-icon-arrowthick-1-n { background-position: 1px -48px; }.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }.ui-icon-arrowthick-1-e { background-position: -32px -48px; }.ui-icon-arrowthick-1-se { background-position: -48px -48px; }.ui-icon-arrowthick-1-s { background-position: -64px -48px; }.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }.ui-icon-arrowthick-1-w { background-position: -96px -48px; }.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }.ui-icon-arrow-4 { background-position: 0 -80px; }.ui-icon-arrow-4-diag { background-position: -16px -80px; }.ui-icon-extlink { background-position: -32px -80px; }.ui-icon-newwin { background-position: -48px -80px; }.ui-icon-refresh { background-position: -64px -80px; }.ui-icon-shuffle { background-position: -80px -80px; }.ui-icon-transfer-e-w { background-position: -96px -80px; }.ui-icon-transferthick-e-w { background-position: -112px -80px; }.ui-icon-folder-collapsed { background-position: 0 -96px; }.ui-icon-folder-open { background-position: -16px -96px; }.ui-icon-document { background-position: -32px -96px; }.ui-icon-document-b { background-position: -48px -96px; }.ui-icon-note { background-position: -64px -96px; }.ui-icon-mail-closed { background-position: -80px -96px; }.ui-icon-mail-open { background-position: -96px -96px; }.ui-icon-suitcase { background-position: -112px -96px; }.ui-icon-comment { background-position: -128px -96px; }.ui-icon-person { background-position: -144px -96px; }.ui-icon-print { background-position: -160px -96px; }.ui-icon-trash { background-position: -176px -96px; }.ui-icon-locked { background-position: -192px -96px; }.ui-icon-unlocked { background-position: -208px -96px; }.ui-icon-bookmark { background-position: -224px -96px; }.ui-icon-tag { background-position: -240px -96px; }.ui-icon-home { background-position: 0 -112px; }.ui-icon-flag { background-position: -16px -112px; }.ui-icon-calendar { background-position: -32px -112px; }.ui-icon-cart { background-position: -48px -112px; }.ui-icon-pencil { background-position: -64px -112px; }.ui-icon-clock { background-position: -80px -112px; }.ui-icon-disk { background-position: -96px -112px; }.ui-icon-calculator { background-position: -112px -112px; }.ui-icon-zoomin { background-position: -128px -112px; }.ui-icon-zoomout { background-position: -144px -112px; }.ui-icon-search { background-position: -160px -112px; }.ui-icon-wrench { background-position: -176px -112px; }.ui-icon-gear { background-position: -192px -112px; }.ui-icon-heart { background-position: -208px -112px; }.ui-icon-star { background-position: -224px -112px; }.ui-icon-link { background-position: -240px -112px; }.ui-icon-cancel { background-position: 0 -128px; }.ui-icon-plus { background-position: -16px -128px; }.ui-icon-plusthick { background-position: -32px -128px; }.ui-icon-minus { background-position: -48px -128px; }.ui-icon-minusthick { background-position: -64px -128px; }.ui-icon-close { background-position: -80px -128px; }.ui-icon-closethick { background-position: -96px -128px; }.ui-icon-key { background-position: -112px -128px; }.ui-icon-lightbulb { background-position: -128px -128px; }.ui-icon-scissors { background-position: -144px -128px; }.ui-icon-clipboard { background-position: -160px -128px; }.ui-icon-copy { background-position: -176px -128px; }.ui-icon-contact { background-position: -192px -128px; }.ui-icon-image { background-position: -208px -128px; }.ui-icon-video { background-position: -224px -128px; }.ui-icon-script { background-position: -240px -128px; }.ui-icon-alert { background-position: 0 -144px; }.ui-icon-info { background-position: -16px -144px; }.ui-icon-notice { background-position: -32px -144px; }.ui-icon-help { background-position: -48px -144px; }.ui-icon-check { background-position: -64px -144px; }.ui-icon-bullet { background-position: -80px -144px; }.ui-icon-radio-on { background-position: -96px -144px; }.ui-icon-radio-off { background-position: -112px -144px; }.ui-icon-pin-w { background-position: -128px -144px; }.ui-icon-pin-s { background-position: -144px -144px; }.ui-icon-play { background-position: 0 -160px; }.ui-icon-pause { background-position: -16px -160px; }.ui-icon-seek-next { background-position: -32px -160px; }.ui-icon-seek-prev { background-position: -48px -160px; }.ui-icon-seek-end { background-position: -64px -160px; }.ui-icon-seek-start { background-position: -80px -160px; }/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */.ui-icon-seek-first { background-position: -80px -160px; }.ui-icon-stop { background-position: -96px -160px; }.ui-icon-eject { background-position: -112px -160px; }.ui-icon-volume-off { background-position: -128px -160px; }.ui-icon-volume-on { background-position: -144px -160px; }.ui-icon-power { background-position: 0 -176px; }.ui-icon-signal-diag { background-position: -16px -176px; }.ui-icon-signal { background-position: -32px -176px; }.ui-icon-battery-0 { background-position: -48px -176px; }.ui-icon-battery-1 { background-position: -64px -176px; }.ui-icon-battery-2 { background-position: -80px -176px; }.ui-icon-battery-3 { background-position: -96px -176px; }.ui-icon-circle-plus { background-position: 0 -192px; }.ui-icon-circle-minus { background-position: -16px -192px; }.ui-icon-circle-close { background-position: -32px -192px; }.ui-icon-circle-triangle-e { background-position: -48px -192px; }.ui-icon-circle-triangle-s { background-position: -64px -192px; }.ui-icon-circle-triangle-w { background-position: -80px -192px; }.ui-icon-circle-triangle-n { background-position: -96px -192px; }.ui-icon-circle-arrow-e { background-position: -112px -192px; }.ui-icon-circle-arrow-s { background-position: -128px -192px; }.ui-icon-circle-arrow-w { background-position: -144px -192px; }.ui-icon-circle-arrow-n { background-position: -160px -192px; }.ui-icon-circle-zoomin { background-position: -176px -192px; }.ui-icon-circle-zoomout { background-position: -192px -192px; }.ui-icon-circle-check { background-position: -208px -192px; }.ui-icon-circlesmall-plus { background-position: 0 -208px; }.ui-icon-circlesmall-minus { background-position: -16px -208px; }.ui-icon-circlesmall-close { background-position: -32px -208px; }.ui-icon-squaresmall-plus { background-position: -48px -208px; }.ui-icon-squaresmall-minus { background-position: -64px -208px; }.ui-icon-squaresmall-close { background-position: -80px -208px; }.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }.ui-icon-grip-solid-vertical { background-position: -32px -224px; }.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }.ui-icon-grip-diagonal-se { background-position: -80px -224px; }/* Misc visuals----------------------------------*//* Corner radius */.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {border-top-left-radius: 3px;}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {border-top-right-radius: 3px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {border-bottom-left-radius: 3px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {border-bottom-right-radius: 3px;}/* Overlays */.ui-widget-overlay {background: #aaaaaa;opacity: .3;filter: Alpha(Opacity=30); /* support: IE8 */}.ui-widget-shadow {-webkit-box-shadow: 0px 0px 5px #666666;box-shadow: 0px 0px 5px #666666;}
.hide-calendar-icon{display:none !important;}
.show-calendar-icon{display: inline !important;}
.datepicker-helper{height: 0; width: 0;}
.one-time-prices-heading, .recurring-prices-heading{font-weight: 700;font-size: 14px;line-height: 18px;color: #494949;display: block;margin: 24px 0 8px 15px;}
.one-time-prices-heading-br, .recurring-prices-br{width: 100%;}
.recurring-prices-heading{margin: 0 0 8px 15px !important;}

/*Pay by account option*/
.form-check {display: flex;align-items:center ;margin-bottom: 10px;}
input[type=radio],
input.radio {margin: 0 6px 0 0;padding: 0;width: auto;accent-color:darkcyan;}
.form-check-label{margin: 0 !important;padding: 0 !important ;}
#bill-my-account-error{font-weight: 400;color: #f00;padding: 10px 0 0 0;margin: 0;display: none;}
.form-check:hover, .form-check-label:hover{cursor: pointer;}

.bottom-arrow-container {display: flex;width: 70px;height: 70px;position: absolute;}
.bottom-arrow-container:hover{cursor:pointer;}
.chevron {position: absolute;width: 33.6px !important;height: 7.68px !important;opacity: 0;transform: scale(0.3);animation: move-chevron 3s ease-out infinite;}
.chevron:first-child {animation: move-chevron 3s ease-out 1s infinite;}
.chevron:nth-child(2) {animation: move-chevron 3s ease-out 2s infinite;}
.chevron:before,.chevron:after {content: '';position: absolute;top: 0;height: 100%;width: 50%;background: var(--highlight-background-color);}
.chevron:before {left: 0;transform: skewY(30deg);}
.chevron:after {right: 0;width: 50%;transform: skewY(-30deg);}
.chevron-container{position: relative;}
.select2-container {width: 100% !important;}
@keyframes move-chevron {
	25% {
	 opacity: 1;
	   }
	33.3% {
	 opacity: 1;
	 transform: translateY(36.48px);
	}
	66.6% {
	 opacity: 1;
	 transform: translateY(49.92px);
	}
	100% {
	 opacity: 0;
	 transform: translateY(76.8px) scale(0.5);
	}
   }

.top-arrow-container {display: flex;width: 70px;height: 70px;position: absolute;}
.top-arrow-container:hover{cursor:pointer;}
.chevron-up {position: absolute;width: 33.6px !important;height: 7.68px !important;opacity: 0;transform: scale(0.3);animation: move-chevron 3s ease-out infinite; rotate: 180deg;}
.chevron-up:first-child {animation: move-chevron 3s ease-out 1s infinite;}
.chevron-up:nth-child(2) {animation: move-chevron 3s ease-out 2s infinite;}
.chevron-up:before,.chevron-up:after {content: '';position: absolute;top: 0;height: 100%;width: 50%;background: var(--highlight-background-color);}
.chevron-up:before {left: 0;transform: skewY(30deg);}
.chevron-up:after {right: 0;width: 50%;transform: skewY(-30deg);}
.chevron-up-container{position: relative;}
.big-font-size {font-size:35px;color:var(--highlight-color);font-weight: 400;}


.carousel-container {width:100%;margin: 0 auto;text-align: center;}

.main-image img {width: 100%;height:300px;max-height: 300px;border-radius: 4px;object-fit: contain;}
.thumbnail-container {margin-top: 10px;display: inline-flex;width: 100%;}
.thumbnail-container img {width: 100px;height: 75px;max-height: 75px;object-fit: contain;}
.main-container {margin-top: 50px;height: 500px;width: 100%;}

.carousel-container button {margin: 10px;padding: 5px 10px;cursor: pointer;}
.left-btn, .right-btn{height: 70px;}
.left-btn {float: left;position: relative;}
.images-slides {width: 80%;display: inline-flex;overflow-x: auto;overflow-y: hidden;}
.navigation-btns{width:10%;}
.propertyUploader{width: 100px;min-width: 100px; height:75px; margin:5px;border-radius: 4px; background-color: #DDD;}
.btnUploadProperty{position: relative;top:10px;}
.image-box{width:100px;min-width:100px;height:70px;margin:5px;cursor: pointer;position: relative;}
.image-box .avatar-preview {padding: 0px;}
.image-box.active { border:1px solid; border-color: var(--highlight-color);}
.action-box{width: 50px;position:absolute;bottom:0px;right:10px;margin: 0px;display: inline-flex;}
.action-box a{margin: 5px;color:var(--highlight-color)}
.edit-box{width:25px;height:25px;background-color: var(--highlight-background-color);margin:3px}
.text-left {text-align: left;}
.infomessage {
	color: #005A9C;
	background: lightblue;
	padding: 8px;
	border: 1px solid #005A9C;
	border-radius: 8px;
}
.duration-dropdown{display: none !important;}

  .advert-plan-sec ul li.small-package{width: 20%;}
  .advert-plan-sec ul li.small-package span {font-size: 13px; }
  .advert-plan-sec ul li.small-package p[title] { font-size: 12px;}
  .advert-plan-sec ul li.small-package a{padding: 20px 20px 20px 20px;}
  .advert-plan-sec ul li.small-package h5 {font-size: 17px; }
  .advert-plan-sec ul li.small-package .targeted-companies {font-size: 12px; }
 
.franchise-verification li button {margin-top: 53px;}

/* Sign up sign in css */
#createAccount {margin-left: 10px;display: inline-block;padding: 2px 4px;}
.sign-up-form-sec h2, .sign-up-form-sec h3, .sign-up-form-sec h5, .sign-in-form-sec h2, .sign-in-form-sec h3, .sign-in-form-sec h5 {color: var(--base-heading-color);letter-spacing: -0.5px;}
.sign-in-form-sec h5{font-size: 16px;}
#ForgotPassword {background-color: transparent;border-top: 0;border-left: 0;border-right: 0;border-radius: 0;color: var(--highlight-color);display: block;padding: 2px 4px;}
#GoogleExchange {border-width: 0px;position: relative;width: 191px;height: 46px;margin: 7px 2px 0 -4px;}
#FacebookExchange {border-width: 0px;position: relative;width: 191px;height: 46px;margin: 7px 0px 0px 0px;}

.campaign-detail-errors{ display: flex;flex-direction: column;}

/* verify email css */
.verify-email-wrap{padding: 0 0 98px 0;}
.payment-page-sec .verify-email-wrap{max-width: 60%; margin-left: auto; margin-right: auto; border: 1px solid rgba(38, 44, 92, 0.1);  border-radius: 8px; display: flex; padding: 42px 89px 42px 77px;}

/* profile css override */
.profile-office-select ul li{margin-bottom: 0px !important ;}
.margin-top-minus-30 { margin-top: -30px; }
.margin-bottom-15 {margin-bottom: 15px;}
.font-weight-600 {font-weight: 600;}
.font-size-14 {font-size: 14px;}
.text-decoration-underline {text-decoration: underline;}
.display-none {display: none;}

.file-upload-container {
	display: flex;
	align-items: center;
	gap: 10px;
}

.custom-file-button {
	background-color: var(--highlight-color);
	border: 2px solid var(--highlight-color);
	border-radius: 8px;
	color: #ffffff !important;
	margin: 12px 0 0 0 !important;
	padding: 15px 30px 15px 30px;
	cursor: pointer;
}

.custom-file-button:hover {
	background-color: var(--highlight-background-color);
	color: #ffffff;
	border-color: var(--highlight-background-color);
}

.video-file-name {
	font-size: 14px;
	color: #333;
	width: 337px;
	word-break: break-word;
}

.width-100 {width: 100% !important;}
.display-none {
	display: none;
}

.multiLayerPackgesBackBtn {
	margin: 5px 0 10px 15px;
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

#reporting-address {
	div.chips_input {
		position: relative;
		display: flex;
		flex-direction: column;
		color: black;
	}

	div.chips_input>div.inner {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		padding: 0.5rem;
		box-sizing: border-box;
		position: relative;
		background-color: #F8F8F8;
	}

	div.chips_input>div.inner>input {
		border: none;
		outline: none;
		font-size: 1rem;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		color: black;
		border: 1px solid #3333;
	}

	span.chip {
		padding: 0.25rem 0.5rem;
		box-sizing: border-box;
		background: black;
		border-radius: 0.5rem;
		color: white;
		font-size: 0.8rem;
		padding-right: 1.5rem;
		position: relative;
		margin: 0 0.5rem 0.5rem 0;
		overflow: hidden;
	}

	span.chip>button {
		border: none;
		background: transparent;
		color: transparent;
		position: absolute;
		top: 2%;
		right: 0.4rem;
		transform: translateY(-50%);
		padding: 5px;
	}

	span.chip>button>i {
		font-family: fontawesome;
		cursor: pointer;
		color: white;
	}
}

#manual-input-info {
	padding: 0 16px;
	font-size: 12px;
}

.max-height-10vh {
	max-height: 10vh;
}