/*
.margin-r5{margin-right: 5px;}

#search_cat_suggestions{
    background: #fff;
    text-align: left;position: absolute;
    z-index: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
}
#search_cat_suggestions ul {width: 100%}
#search_cat_suggestions ul li a {padding: 3px 10px; display: inline-block;width: 100%; color: #444;border-bottom: 1px solid #ededed;font-weight: bold;}
#search_cat_suggestions ul li a:hover, #cat-suggestions-list .selected {background: #1054b1; color: #fff;}

.google_busines_row {background-color: rgba(167, 230, 175, 0.36) !important;}

*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body{
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: normal;
  background: #F1F1F4;
  color: #99A1B7;
  font-size: 14px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  font-family: "Inter", sans-serif;
  font-weight: 600;
  color: #071437;
}

.delete, .delete-product, .delete-template {
    color: red;
}

.thumb_url {
    margin-top: 15px;
}

.tokenize-sample { width: 100%; }

.error-msg {
    color: red;
    padding-left: 3px;
    display: none;
}
/*
.font-red {
    color: red;
}
*/
/* ---------------------- added by Jatin --------------------- */
.days-labels label {
    margin-right: 10px;
}

/* ---------------------- added by Jatin end --------------------- */

.capitalize, .select2-results {
    text-transform: capitalize;
}

/*.compulsory {
    color: red;
}*/
.remove_thumb {
    color: red;
    /* float: right; */
    cursor: pointer;
}

.thumb {
    width: 36px !important;
    height: 36px !important;
}

.align-center {
    text-align: center;
}

/*** add control popup ***/
.popup {
    text-align: center;
}

.control-popup-content {
    display: inline-block;
    width: 30%;
    text-align: center;
}


/*** add control ***/
.card-editor {
    position: relative;
    /* max-width: 587px; */
    overflow: hidden;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
    /* width: 587px; */
    /* height: 336px; */
    /* background-size: 587px 336px; */
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.card-editor-inner {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
}

.text-control {
    clear: both;
    float: left;
    position: absolute;
    cursor: move;
    /*border: 1px dotted #ccc;*/
    border: 0px;
    padding: 2px;
    white-space: pre;
    overflow: hidden !important;
    text-align: left;
}

.file-control {
    clear: both;
    float: left;
    position: absolute;
    white-space: pre;   
    cursor: move;
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
    background-size: 100% 100%;
}

.design-link {
    background: url('../../images/backend/paintbrush.png');
    width: 12px;
    height: 12px;
    /* display: block; */
    /* width: 100%; */
    /* height: 100%; */
    background-size: 12px 12px;
}


.colorpicker-default i{
    position: absolute;
    display: block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    right: 6px;
}

.colorpicker {
    z-index: 9999;
}

.p-l-lg{padding-left: 30px !important;}
/*
#resizable { width: 150px; height: 150px; padding: 0.5em; }
#resizable h3 { text-align: center; margin: 0; }
*/
.align-right{text-align: right}

.p-7{padding: 7px}

#layer-sidebar-front input, #layer-sidebar-rear input {margin-bottom: 12px;}

#frm_product_img .input-s{width: 95px}

.cursor-pointer{cursor: pointer;}

.ui-autocomplete {
    z-index: 9993;
}
.capitalize{text-transform:capitalize}

.p-t-7p{padding-top: 7px}
.p-t-9p{padding-top: 9px}

.ui-autocomplete-loading{background: white url("../../images/backend/ui-anim_basic_16x16.gif") right center no-repeat;}


.loader-overlay{
    position: relative;
}

.loader-overlay::after {
    background: url(../../images/backend/loader.gif) no-repeat scroll center center rgba(255, 255, 255, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.p-relative {
    position: relative;
}
.card-wrapper {
    display: inline-block;
    margin: 0 auto;
}
.card-front {
    position: relative;
    z-index: 999;
}
.card-rear {
    position: absolute;
    opacity: 0;
    top: 0;
}

.f-size-14{font-size: 14px}

.position-r {position: relative;}

.position-a {position: absolute;}

.bottom-0 {bottom: 0}

.color-ball { width: 24px; height: 24px; border-radius: 50%; display: inline-block; }

#layer-sidebar textarea{margin-bottom: 10px;max-width: 175px; }

.mfp-wrap{z-index: 9993;}

#layer-sidebar textarea { resize: none; }

#layer-sidebar-front {
    position: relative;
    z-index: 999;
}

#layer-sidebar-rear {
    position: absolute;
    opacity: 0;
    top: 0;
}

.inactiveLink {
   pointer-events: none;
   cursor: default;
}

.toggle{
    width: 130px !important;
    height: 30px !important;
}

div.Tokenize,div.tokenize-director ul.TokensContainer {
    height: 65px;
}

div.Tokenize,div.tokenize-stars ul.TokensContainer {
    height: 33px;
}

.user-tab-content>.tab-pane {
  opacity: 0;
  height: 0;
}
.user-tab-content>.active {
  opacity: 1;
  height: auto;
}


.axisLabel.yaxisLabel {
    bottom: -25px;
    left: 49%;
    position: absolute;
}

.axisLabel.xaxisLabel {    
    position: absolute;
    margin-top: -15px !important;
}

.statistics_box{
  margin-bottom: 25px !important;
}

.statistics_txt{
  margin-left: 10px;
}

.subtitle-txt a{
    color: #979797 !important;
}

div.Tokenize ul.TokensContainer li.Token{
  height: 21px !important;
}

.bg-danger.lt{
  background-color: #e16756;
}

/* componenet-rounded css */

/* Portlet */
.portlet > .portlet-body.green-soft,
.portlet.green-soft {
  background-color: #3faba4;
}

.portlet.solid.green-soft > .portlet-title,
.portlet.solid.green-soft > .portlet-body {
  border: 0;
  color: #FFFFFF;
}
.portlet.solid.green-soft > .portlet-title > .caption {
  font-weight: 400;
}
.portlet.solid.green-soft > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.solid.green-soft > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.green-soft > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.green-soft > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.green-soft > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.green-soft > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.green-soft > .portlet-title > .tools > a.fullscreen {
  color: #fdfdfd;
}

.portlet.box.green-soft {
  border: 1px solid #5bc2bc;
  border-top: 0;
}
.portlet.box.green-soft > .portlet-title {
  background-color: #3faba4;
}
.portlet.box.green-soft > .portlet-title > .caption {
  color: #FFFFFF;
}
.portlet.box.green-soft > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box.green-soft > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #87d3ce;
  color: #9adad6;
}
.portlet.box.green-soft > .portlet-title > .actions .btn-default > i {
  color: #a5deda;
}
.portlet.box.green-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.green-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.green-soft > .portlet-title > .actions .btn-default:active, .portlet.box.green-soft > .portlet-title > .actions .btn-default.active {
  border: 1px solid #ade1dd;
  color: #bfe7e5;
}

/***
Custom tabs
***/
/* In BS3.0.0 tabbable class was removed. We had to added it back */
.tabbable:before, .tabbable:after {
  content: " ";
  display: table;
}
.tabbable:after {
  clear: both;
}

.tabbable-custom {
  margin-bottom: 15px;
  padding: 0px;
  overflow: hidden;
  /* justified tabs */
  /* boxless tabs */
  /* below justified tabs */
  /* full width tabs */
  /* below tabs */
}
.tabbable-custom > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-custom > .nav-tabs > li {
  margin-right: 2px;
  border-top: 2px solid transparent;
}
.tabbable-custom > .nav-tabs > li > a {
  margin-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.tabbable-custom > .nav-tabs > li > a:hover {
  background: none;
  border-color: transparent;
}
.tabbable-custom > .nav-tabs > li.active {
  border-top: 3px solid #F3565D;
  margin-top: 0;
  position: relative;
}
.tabbable-custom > .nav-tabs > li.active > a {
  border-top: none !important;
  font-weight: 400;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.tabbable-custom > .nav-tabs > li.active > a:hover {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-top: none;
  background: #fff;
  border-color: #d4d4d4 #d4d4d4 transparent;
}
.tabbable-custom > .tab-content {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 10px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabbable-custom.nav-justified > .tab-content {
  margin-top: -1px;
}
.tabbable-custom.boxless > .tab-content {
  padding: 15px 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.tabbable-custom.tabs-below.nav-justified .tab-content {
  margin-top: 0px;
  margin-bottom: -2px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.tabbable-custom.tabbable-full-width > .nav-tabs > li > a {
  color: #424242;
  font-size: 15px;
  padding: 9px 15px;
}
.tabbable-custom.tabbable-full-width > .tab-content {
  padding: 15px 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.tabbable-custom.tabs-below .nav-tabs > li > a {
  border-top: none;
  border-bottom: 2px solid transparent;
  margin-top: -1px;
}
.tabbable-custom.tabs-below .nav-tabs > li.active {
  border-top: none;
  border-bottom: 3px solid #d12610;
  margin-bottom: 0;
  position: relative;
}
.tabbable-custom.tabs-below .nav-tabs > li.active > a {
  border-bottom: none;
}
.tabbable-custom.tabs-below .nav-tabs > li.active > a:hover {
  background: #fff;
  border-color: #d4d4d4 #d4d4d4 transparent;
}

.tabbable-custom.tabbable-noborder > .nav-tabs > li > a {
  border: 0;
}
.tabbable-custom.tabbable-noborder .tab-content {
  border: 0;
}

.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #F3565D;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #F3565D;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

/* Light Portlet */
.portlet.light {
  padding: 12px 20px 15px 20px;
  background-color: #fff;
}
.portlet.light.bordered {
  border: 1px solid #e1e1e1 !important;
}
.portlet.light.bordered > .portlet-title {
  border-bottom: 1px solid #eee;
}
.portlet.light.bg-inverse {
  background: #F7F7F7;
}
.portlet.light > .portlet-title {
  padding: 0;
  min-height: 48px;
}
.portlet.light > .portlet-title > .caption {
  color: #666;
  padding: 10px 0;
}
.portlet.light > .portlet-title > .caption > .caption-subject {
  font-size: 16px;
}
.portlet.light > .portlet-title > .caption > i {
  color: #777;
  font-size: 15px;
  font-weight: 300;
  margin-top: 3px;
}
.portlet.light > .portlet-title > .caption.caption-md > .caption-subject {
  font-size: 15px;
}
.portlet.light > .portlet-title > .caption.caption-md > i {
  font-size: 14px;
}
.portlet.light > .portlet-title > .actions {
  padding: 6px 0 14px 0;
}
.portlet.light > .portlet-title > .actions .btn-default {
  color: #666;
}
.portlet.light > .portlet-title > .actions .btn-icon-only {
  height: 27px;
  width: 27px;
}
.portlet.light > .portlet-title > .actions .dropdown-menu li > a {
  color: #555;
}
.portlet.light > .portlet-title > .inputs {
  /* float: right; */
  display: inline-block;
  padding: 4px 0;
}
.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i {
  font-size: 14px;
  margin-top: 9px;
}
.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control {
  height: 30px;
  padding: 2px 26px 3px 10px;
  font-size: 13px;
}
.portlet.light > .portlet-title > .inputs > .portlet-input > .form-control {
  height: 30px;
  padding: 3px 10px;
  font-size: 13px;
}
.portlet.light > .portlet-title > .pagination {
  padding: 2px 0 13px 0;
}
.portlet.light > .portlet-title > .tools {
  padding: 10px 0 13px 0;
  margin-top: 2px;
}
.portlet.light > .portlet-title > .nav-tabs > li {
  margin: 0;
  padding: 0;
}
.portlet.light > .portlet-title > .nav-tabs > li > a {
  margin: 0;
  padding: 12px 13px 13px 13px;
  font-size: 13px;
  color: #666;
}
.portlet.light > .portlet-title > .nav-tabs > li.active > a, .portlet.light > .portlet-title > .nav-tabs > li:hover > a {
  margin: 0;
  background: none;
  color: #333;
}
.portlet.light.form-fit {
  padding: 0;
}
.portlet.light.form-fit > .portlet-title {
  padding: 17px 20px 10px 20px;
  margin-bottom: 0;
}
.portlet.light .portlet-body {
  padding-top: 8px;
}
.portlet.light.portlet-fullscreen > .portlet-body {
  padding: 8px 0;
}

.tab-pane > p:last-child {
  margin-bottom: 0px;
}

/* Reverse aligned tabs */
.tabs-reversed > li {
  float: right;
  margin-right: 0;
}
.tabs-reversed > li > a {
  margin-right: 0;
}

/* jQuery UI Draggable Portlets */
.portlet-sortable:not(.portlet-fullscreen) > .portlet-title {
  cursor: move;
}

.portlet-sortable-placeholder {
  border: 2px dashed #eee;
  margin-bottom: 25px;
}

.portlet-sortable-empty {
  box-shadow: none !important;
  height: 45px;
}

/* General Text & Icon Font Colors */
.font-green-sharp {
  color: #4DB3A2 !important;
}

/* General utilities */

.bold {
  font-weight: 700 !important;
}

.uppercase {
  text-transform: uppercase !important;
}

/***
Custom vertical inline menu
***/
.ver-inline-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}
.ver-inline-menu li {
  position: relative;
  margin-bottom: 1px;
}
.ver-inline-menu li i {
  width: 37px;
  height: 37px;
  display: inline-block;
  color: #b9cbd5;
  font-size: 15px;
  padding: 12px 10px 10px 8px;
  margin: 0 8px 0 0;
  text-align: center;
  background: #e0eaf0 !important;
}
.ver-inline-menu li a {
  font-size: 14px;
  font-weight: 300;
  color: #557386;
  display: block;
  background: #f0f6fa;
  border-left: solid 2px #c4d5df;
}
.ver-inline-menu li:hover a {
  background: #e0eaf0;
  text-decoration: none;
}
.ver-inline-menu li:hover i {
  color: #fff;
  background: #c4d5df !important;
}
.ver-inline-menu li.active a {
  border-left: solid 2px #0c91e5;
}
.ver-inline-menu li.active i {
  background: #0c91e5 !important;
}
.ver-inline-menu li.active a, .ver-inline-menu li.active i {
  color: #fff;
  background: #169ef4;
  text-decoration: none;
}
.ver-inline-menu li.active a, .ver-inline-menu li:hover a {
  font-size: 14px;
}
.ver-inline-menu li.active:after {
  content: '';
  display: inline-block;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #169ef4;
  position: absolute;
  top: 12px;
  right: -5px;
}

@media (max-width: 767px) {
  .ver-inline-menu > li.active:after {
    display: none;
  }
}

.select-event{ width: 255px; }

.statistics-events-box{ width: 120px; }

.statistics-events{ width: 170px; }

.promo-chart .list-inline>li{padding-right:19px;}

.app-screen{display: block;color: #FFFFFF;}
/*.app-screen .moviedetail img{float: left;margin-right: 5px;}*/

.promo-events{margin:20px 0px 25px 10px;}

.img-loader-chart{margin-left: 390px;}

#viewmoreadmin{float: right;}

.user-bulk-action{ width: 190px; }

.overlay-loader-compare{ background: rgba(255,255,255,0.7); width: 100%; height: 100%; position: absolute; z-index: 10; top:0;bottom:0;left: 0; right: 0;  text-align: center; display: none; }
.overlay-loader-compare img{  /* margin-top: 410px; */ width: 66px;  }

.producersterms{float: right;}

.filterflag{width:200px; margin-left: 20px;}
.filterlanguage{width:200px;}

/*--------------*/
.b-error{
  border: 1px solid red !important;
}
.glow {
  color: #FDCC0D;
}

.not-show{
  display: none;
}
.evluationpdf{
    margin-right: auto!important;
    margin-left: auto!important;
    width: 70%!important;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
    color: #333333;
}
.height-synopsis{
  height: 150px;
  width:50px;
}
.evluationpdf>thead>tr>th, .evluationpdf>tbody>tr>th, .evluationpdf>tfoot>tr>th, .evluationpdf>thead>tr>td, .evluationpdf>tbody>tr>td, .evluationpdf>tfoot>tr>td{
  border-top: 1px solid #000000;

}

.logotext{
  color:#ee7e2d !important;
}

.btn-download {
    color: #fff !important;
    background-color: #ee7e2d;
    border-color: #ee7e2d;
}

#logo {
  text-align: center;
  margin-bottom: 10px;
}

.topmovies{
  margin-bottom: 20px;
}

.cloneddiv{
  border : 1px solid #d9d9d9 !important;
  margin-bottom: 15px;
}

.row-screen{
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.secenheader{
  border-bottom: 1px solid #d9d9d9;
  
}
#estimatedCostmain{
  margin-top: 15px;
}

.cloneddiv {
        width: 100%;
        margin: 3px 0px;
        float: left;
}
.cloneddiv.expanded .head .name {/*color: #f60;*/ }
.cloneddiv.expanded .head .name span {
               /* border-color: #f60;
                color: #f60;*/
                width: 100%;
}
.cloneddiv.expanded .head .name span.plus {
    display: none;
}

.cloneddiv.expanded .head .name span.minus {
    display: contents;
}
.expanded .secenheader{
  margin-bottom: 15px;
}        

.head .name{
  position: relative;
}


.head .name span.minus {
   display: none;
}

.lead-address {
    font-size: 12px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 15px;
    /* margin: 15px; */
}
.lead-line {
    border-top: 1px solid #cdcdcd;
}
.header-btn {
    padding: 0px 6px;
    margin-top: -8px !important;
    margin-right: 1px !important;
}
.m-b-xs .btn-sm{
      line-height: 1.9 !important;
}
.input-group-btn .btn-sm{
      line-height: 1.9 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
      line-height: 32px !important; 
}
.select2-container .select2-selection--single{
      height: 34px !important;
}

.img-loader-city{
    margin-top: -32px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
}

.img-loader-state{
    margin-top: -32px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
}

.ref-btn{
  margin-top: -5px !important;
}

.panel-head {
    margin-bottom: 20px;
    background-color: #ffffff;
    /* border: 1px solid transparent; */
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.panel-header>.panel-heading {
    color: #333333;
    background-color: #f5f5f5;
}
.label-danger{
      background-color: #fb4d53;
}

.from-range{
  padding: 6px 12px;
  font-size: 14px;
  width: 80%;
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-color: #d9d9d9;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.modal-dialog{
       width: 800px !important; 
}
.storelist>li>a {
    position: relative;
    display: block;
    padding: 10px 15px !important; 
}
.store-list .dropdown-menu{
      max-width: 100px;
}
.store-list .dropdown-menu>li>a{
    word-break: break-all;
    white-space: normal;
}
input[type="file"] {
    display: none !important;
}
.detail-header-btn{
      margin-top: -8px;
}

#reminderContent {
    padding-top: 3px;
    padding-left: 10px;
}
.bg-white div {
    color: #2e3e4e;
}
.remainderList {
    margin: 0;
    padding: 0;
}
.pt-15 {
    padding-top: 15px !important;
}
.dayseparation {
    color: #474747;
    font-size: 12px;
    position: relative;
    padding: 0 10px 5px 0;
    text-transform: uppercase;
}
.proximas, .semibold, .proximaBold, .proximabold {
    font-family: ProximaNovaLtSemibold,sans-serif!important;
}
.daytext {
    background: #fff;
    padding-right: 10px;
    display: inline-block;
}
.seperator-line1 {
    height: 1px;
    background: #ddd;
    position: absolute;
    top: 7px;
    left: 75px;
    right: 15px;
    /* z-index: -1; */
}
.seperator-line {
    height: 1px;
    background: #ddd;
    position: absolute;
    top: 7px;
    left: 50px;
    right: 15px;
    /* z-index: -1; */
}
.remindertemp {
    /* margin-left: 15px; */
    padding-left: 15px;
    padding-bottom: 15px;
    padding-top: 10px;
    padding-right: 15px;
}
.thumb-sm {
    width: 36px;
    display: inline-block;
}
.dIB .black {
    color: #000 !important;
}
.ml-35 {
    margin-left: 35px;
}

.form-group .radio {
  margin-top: 10px;
  margin-left: 10px;
}
.purchase-order-section {
  opacity: 0.5;
  pointer-events: none;
}
.otp-loading {
  opacity: 0.5;
  pointer-events: none;
}

/* custom */


.panel-default>.panel-heading{ font-size: 16px;}
.text-sm{ font-size: 13px; }
.panel.login, .panel.forgot-password { -webkit-box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgba(82, 63, 105, 0.05); box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgba(82, 63, 105, 0.05); border:solid 0px; }
.panel.login .panel-heading, .panel.forgot-password .panel-heading { background-color:#24323e; color:#FFF; }

body.modal-open #content {
    width: 100%;
}
#industryform #ikaiId+.select2-container--default, #industryform #cityId+.select2-container--default {
    width: calc(100% - 42px) !important;
}
.form-group.member-item-row {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px 10px 10px 0;
    margin: 0;
    margin-bottom: 10px;
}

.add-member-image {
    position: relative;
    font-size: 10px;
    border-radius: 50%;
    width: 30px;
    display: inline-block;
    height: 30px;
    /* background: #ccc; */
    text-align: center;
    border: 1px solid #ccc;
    overflow: hidden;
}
.add-member-image .profile-previewer {
max-width: 100%;
}
.add-member-image .choose-profile { 
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  padding: 6px 5px;
  color: #fff;
}
.add-member-image:hover .choose-profile {
display: block;
}


/* ------------------------------------ */

.loader {
    border: 10px solid #f3f3f3; /* Light grey */
    border-top: 10px solid #eaae3f; /* Blue */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
}
  
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#mediafile {
    display: block !important;
    opacity: 0;
    position: absolute;
    pointer-events: none;
}
.mediafile-error:empty {
    display: none;
}

/*
Use on Media page, Campaign Select Assets Popup
 */
.media-box-grid {
    max-height: 304px;
}
.media-grid-item {
    height: 253px;
}
.media-box-grid video, .media-box-grid img {
    max-height: 218px;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}
.media-box-grid video {
    max-width: 100%;
}
/* ------------------------------------ */

/* ------- */
.text-red {
    color: #ff0000;
}


.invoice-title {
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
}
.panel.invoice-pdf .table-striped>tbody>tr:nth-child(odd)>td, .panel .table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #fff;
}
.padder{
  padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 25px;
}
.thank-sms {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 20px;
}
.invoice-times-list {
  list-style: none;
  font-size: 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.invoice-times-list .invoice-times-left {
  font-weight: 700;
  width: calc(100% - 90px);
  display: block;
}
.invoice-times-list .invoice-times-right {
  width: 90px;
  display: block;
  text-align: left;
  /* padding-left: 10px; */
}


.header-nav .navbar-right{
  float: none !important;
  text-align: right;
  display: flex !important;
    align-items: center;
    justify-content: flex-end;
}
.header-in {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.header-in h2{
  margin: 0px;
  border-left: 4px solid #ebb23d;
    padding-left: 8px;
    font-size: 27px;
    line-height: 23px;
    border-radius: 3px;
}
.header-txt,.header-nav{
  width: 50%;
}
.header-nav .navbar-right li{
  display: inline-block !important;
  float: none;
  padding-bottom: 0;
}
.header-nav .navbar-right li .dropdown-toggle.dk{
  padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border-radius: 50%;
    transition: all 300ms ease;
}
.header-nav .navbar-right li .dropdown-toggle.dk:hover{
  background: #ebb23d;
}
.btn-success{
  color: #0e0e0e !important;
    background-color: #fff;
    border-color: #0e0e0e;
}


.header-nav .navbar-right li .dropdown-toggle svg{
width: 24px;
    height: 24px;
}
.header-nav .navbar-right li.dropdown .dropdown-toggle{
    display: flex
;
    font-size: 16px;
    color: #0e0e0e;
    align-items: center;
    background-color: transparent !important;
    transition: all 300ms ease;
    font-weight: 500;
    padding-top: 20px;
        padding-bottom: 20px;
}
.img-name{
  display: block;
    padding-left: 0px;
    width: calc(100% - 62px);
}
.img-drop{
  width: 62px;
    padding-left: 4px;
}
.img-drop img{
  max-width: 38px;
    border: 1px solid #eaeaea;
    border-radius: 100%;
}
.img-drop i{
  font-weight: 600;
    padding-left: 5px;
}
.nav-content-part .dropdown-menu {
    box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);
    border-radius: 2px;
    border: 0px;
    padding: 0;
    top: 78px;
    right: 10px;
    min-width: 200px;
}
.arrow.top{
  left: 50%;
    margin-left: -8px;
    border-top-width: 0;
    border-bottom-color: #eee;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    top: -8px;
}
.nav-content-part .dropdown-menu li a{
  padding: 13px 15px;
    font-weight: 600;
    transition: all 300ms ease;
    text-align: left;
}
.nav-content-part .dropdown-menu li a:hover{
  background-color: #24303f !important;
    color: #ffffff;
}
.nav-content-part .dropdown-menu li{
  display: block !important;
}
.nav-content-part .dropdown-menu li{
  border-bottom: 1px solid #e3e9ef;
}
.nav-content-part .dropdown-menu li:last-child{
  border-bottom: 0px;
}
.welcome-msg{
    margin-top: 30px;
    margin-bottom: 12px;
    position: relative;
}

.common-shadow{
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    border: 1px solid #F1F1F4;
  background: #ffffff;
   overflow: hidden;
}
.common-radius{
  border-radius: 15px !important;
}
.p-20{
  padding: 20px;
}
.table{
  margin-bottom: 0px;
  font-size: 14px;
  border: 0px;
}
b, strong{
  font-weight: 600;
}

.hamburger{
  display: none;
}
.hamburger:hover {
    cursor: pointer;
}
.hamburger {
    left: 0px;
    position: relative;
    top: 3px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 26px;
    height: 26px;
    z-index: 999;
}
.hamburger .line {
    background: #ebb23d;
    display: block;
    height: 4px;
    border-radius: 2px;
    margin-top: 0px;
    margin-bottom: 4px;
    margin-left: auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.hamburger:hover .line {
    width: 26px;
}
.hamburger .line:last-child{
  margin-bottom: 0px;
}

.hamburger.is-active .line:nth-child(1) {
    -webkit-transform: translateY(4px) rotate(45deg);
    transform: translateY(4px) rotate(45deg);
}
.hamburger.is-active .line:nth-child(2) {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    width: 26px;
    height: 3px;
}
.hamburger.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-4px) rotate(-45deg);
    transform: translateY(-4px) rotate(-45deg);
}
.hamburger.is-active .line:nth-child(1), .hamburger.is-active .line:nth-child(3) {
    width: 10px;
    height: 3px;
}
.mt-30{
  margin-top: 30px;
}
.border-none{
  border: 0px !important;
}

.panel.panel-default>.panel-heading, .panel.panel-default>.panel-footer{
  border: 0;
    background: #fff;
    padding-bottom: 0;
    font-size: 14px;
}
.panel.panel-default>.panel-heading, .panel.panel-default>.panel-footer .text-muted{
  color: #717171;
}

.align-item-center{
  align-items: center;
}
.row-small-space{
  display: flex;
  flex-wrap: wrap;
  margin-right: -6px !important;
  margin-left: -6px !important;
}
.row-small-space > div{
  float: none !important;
  padding: 0px 6px !important;
}
.tab-title{
  margin: 0px;
    font-size: 20px;
    line-height: 26px;
}
.mt-15{
  margin-top: 15px;
}
.mt-20{
  margin-top: 20px;
}
.create-compain-btn{
  padding: 0px;
    margin: 0px !important;
    justify-content: flex-end;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success{
  color: #fff !important;
    background-color: #24303f;
    border-color: #24303f;
}
.text-danger{
  color: #fb6b5b !important;
}
.text-success {
    color: #468847 !important;;
}
.text-warning{
  color: #eeac0e !important;;
}

.table .action a.fa-eye,.table .action a.fa-edit{
  color: #2360a2;
    background: #e2f2fd;
}
footer.hidden-print p{
  text-align: center;
    font-size: 13px !important;
    font-weight: 500;
    color: #717171;
}
footer.hidden-print a{
  color: #717171;
  transition: all 300ms ease;
}
footer.hidden-print a:hover{
  color: #1d2434;
}
.mb-0{
  margin-bottom: 0px !important;
}
.j-end{
  justify-content: flex-end !important;
}
.add-new{
    margin-bottom: 20px;
}

.modal-backdrop.in{
  opacity: 0.6;
}
.modal-content{
  box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
  border: 0px;
  border-radius: 4px;
}
.modal.in{
  display: flex !important;
    align-items: center;
    justify-content: center;
}
.alert{
  margin-top: 30px;
}#screen-selection-modal .modal-fullscreen{
  display: flex;
    justify-content: center;
    width: calc(100% - 30px);
    max-width: 1600px;
    box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
    border: 0px;
    border-radius: 4px;
    background-color: #fff;
}
#screen-selection-modal .modal-fullscreen .modal-content{
  width: 100%;
}
#screen-selection-modal .popup-screen-list{
  overflow-y: hidden;
    overflow-x: auto;
}

.step-content .actions{
  margin-top: 20px;
}
::-webkit-datetime-edit {}
::-webkit-datetime-edit-fields-wrapper {}
::-webkit-datetime-edit-month-field:hover,
::-webkit-datetime-edit-day-field:hover,
::-webkit-datetime-edit-year-field:hover {
  background:rgba(0, 120, 250, 0.1);
}
input:not([type="time"])::-webkit-calendar-picker-indicator {
  position:absolute;
  width:2.5rem;
  height:100%;
  top:0;
  right:0;
  bottom:0;
  opacity:0;
  cursor:pointer;
  color:rgba(0, 120, 250, 1);
  background:rgba(0, 120, 250, 1);
}
::-webkit-calendar-picker-indicator {
  cursor:pointer;
}

.ui-widget.ui-widget-content{
  border: 1px solid #dbdbdb;
  padding: 8px;
  border-radius: 2px;
}
.ui-datepicker .ui-datepicker-header{
  background: #fff;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
  background: transparent !important;
    border: 0px !important;
}
.ui-datepicker .ui-datepicker-prev-hover{
  left: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{
  top: 2px;
}
.ui-datepicker .ui-datepicker-next-hover{
  right: 2px;
}
.ui-datepicker td{
  padding: 3px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
  border: 1px solid #d5d5d5;
    background: #ffffff;
    font-weight: normal;
    color: #858585;
    text-align: center;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
  border: 1px solid #ebb23d;
    background: #ebb23d;
    color: #1d2434;
}
.ui-datepicker .ui-datepicker-buttonpane button{
  padding: .3em .6em .3em .6em;
  margin: .6em .1em .3em .4em;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close{
  color: #5c5c5c;
}

.screen-checkbox {
    display: inline-block;
}
.screen-info{
  margin-top: 3px;
}
.w-100{
  width: 100%;
}
.modal.in .modal-dialog{
  max-height: calc(100% - 40px);
  padding-top: 0;
  padding-bottom: 0;
  padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
.modal.in .modal-dialog::-webkit-scrollbar-track,.modal-fullscreen::-webkit-scrollbar-track{
  background-color: #e8e8e8;
}
.modal.in .modal-dialog::-webkit-scrollbar,.modal-fullscreen::-webkit-scrollbar{
  width: 8px;
  background-color: #e8e8e8;
}
.modal.in .modal-dialog::-webkit-scrollbar-thumb,.modal-fullscreen::-webkit-scrollbar-thumb{
  background-color: #d8d5d5;
  border: 0px solid #555555;
}

.modal.in .modal-fullscreen{
    overflow-x: hidden;
}

#screen-selection-modal .popup-screen-list {
 max-height: calc(100vh - 250px);
    overflow-x: hidden;
    overflow-y: auto; 
}
#screen-selection-modal .popup-current-screen-list-box {
 max-height: calc(100vh - 193px);
    overflow-x: hidden;
    overflow-y: auto; 
        padding-right: 5px;
}

.screen-checkbox input{
  padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.screen-checkbox label {
    position: relative;
    cursor: pointer;
}
.screen-checkbox label:before{
  content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #071437;
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}
.selected .screen-checkbox input:checked + label:after{
  content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 5px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.selected .screen-checkbox input:checked + label:before{
  background-color: #071437; 
}


.screen-select-done {
    position: relative;
    top: -12px;
}
.popup-screen-list .table td{
  cursor: pointer;
}
.step-pane .form-input .selected-screen-list{
  margin-top: 15px;
}
.step-pane .form-input .selected-screen-list .list-unstyled li{
  display: block;
    padding-top: 4px;
    font-size: 14px;
}
.step-pane .form-input .selected-screen-list .list-unstyled li span {
    margin-left: 20px;
    display: block;
}
.step-pane .form-input .selected-screen-list .list-unstyled li i{
  color: #071437;
  margin-right: 5px;
  float: left;
  margin-top: 5px;
}

#assets-selection-modal .modal-header{
  padding-top: 15px;
}
#assets-selection-modal .media-box-grid .media-grid-item{
  height: unset;
  text-align: left;
}
.popup-current-screen-list .d-btn .pull-right{
  float: none !important;
}
.modal-footer .assets-selection{
  background-color: #fff;
    color: #1d2434 !important;
    padding-left: 18px;
    padding-right: 18px;
    border-color: #dbdbdb;
}
.modal-footer .assets-selection:hover{
  background-color: #ebb23d;
    color: #523703 !important;
    border-color: #ebb23d;
}




.asset-content-box .media-box-grid .media-grid-item{
  height: unset;
}
.asset-content-box .media-box-grid .panel-footer{
  padding-top: 0px;
  padding-bottom: 15px;
}
.asset-content-box .media-box-grid .panel-footer p{
  margin-bottom: 0px;
  font-size: 13px;
    font-weight: 500;
}
#upload-media-form select{
  cursor: pointer;
}
#upload-media-form .form-group input[type=file] {
  width: 100%;
  max-width: 100%;
  padding: 0px;
  opacity: 1;
    position: unset;
    pointer-events: unset;
  font-size: 13px;
}
#upload-media-form .form-group input[type=file]::file-selector-button {
  margin-right: 10px;
  border: none;
  background: #e2f2fd;
  padding: 10px 20px;
  border-radius: 0px;
  color: #071437;
  font-weight: 500;
  cursor: pointer;
  transition: background .2s ease-in-out;
  height: 100%;
}
#upload-media-form .form-group input[type=file]::file-selector-button:hover {
  background: #071437;
  color: #fff;
}
#upload-media-form .form-group input[type=file]:focus{
  outline: none;
  border-color: #a7a7a7;
}
.form-group select {
  color: #9e9e9e;
}
.form-group select option:not(:first-of-type) {
  color: #1d2434;
}
#upload-media-form .form-group select {
  color: #9e9e9e;
}
#upload-media-form .form-group select option:not(:first-of-type) {
  color: #1d2434;
}
#upload-media-form .form-group{
  margin-bottom: 18px;
}

.form-control.choose-file {
    border: 0px;
    padding: 0px;
    height: unset;
}
.form-control.choose-file span{
  display: none;
}

.media-ga .media-box-grid{
  max-height: unset;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 15px;
  width: 100%;
}
.media-ga > div{
  display: flex;
}
.media-ga .media-box-grid .panel-footer{
  padding: 17px 17px;
}
.media-ga .media-box-grid .panel-footer h4{
  margin-top: 0px;
  font-size: 15px;
}
.media-ga .media-box-grid .panel-footer p{
  margin-bottom: 5px;
    font-size: 14px;
}
.media-ga .media-box-grid .panel-footer p:last-child{
  margin-bottom: 0px;
}
.media-ga .media-box-grid img{
  max-height: 152px;
}
.modal .video-player-content video{
  width: 100% !important;
    height: auto !important;
}
.j-center{
  display: flex;
  justify-content: center;
}
.main-login{
  margin: 0;
    height: calc(100vh - 48px);
    overflow-y: auto;
    overflow-x: hidden;
}
.login-footer{
  padding: 10px;
}
.main-login .navbar-brand{
  padding: 0;
    padding-top: 36px;
}
.login-footer footer.hidden-print a:hover{
  color: #ebb23d;
}
.main-login .alert{
  margin-top: 0px;
}
.main-login .alert-danger{
  color: #b94a48;
}
.main-login .alert-success{
  color: #468847;
}
.main-login form .form-group .form-control{
  font-size: 15px;
}

.view-campaigns .form-group{
  border-bottom: 1px solid #dbdbdb;
  padding: 14px 6px;
    margin-bottom: 0;
}
.view-campaigns .form-group:last-child{
  border-bottom: 0px;
}
.view-campaigns .form-group .control-label{
  margin-bottom: 0px;
  color: #626262;
}
.view-campaigns .form-group div{
  font-weight: 500;
}
#content{
  width: 100%;
}
.bulk-select-box{
  display: flex;
}


.add-screen-form .form-group textarea.form-control{
    min-height: 75px;
}
.panel-body.p-0{
  padding: 0;
}
.mb-15{
  margin-bottom: 15px;
}
.mb-20 {
    margin-bottom: 20px;
}
.check-tab{
  display: flex
;
    flex-wrap: wrap;
    align-items: center;
}
.check-tab input[type="checkbox"]{
  margin: 8px 5px 8px 3px;
}
.per-tab thead th .check-all{
  position: relative;
    top: 1px;
}
.mce-menubar .mce-menubtn button span,.mce-text,.mce-btn .mce-txt {
    font-family: 'Poppins' !important;
}
.mce-panel{
  background-color: #f6f6f6 !important;
  border-color: #dbdbdb !important;
}
.mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last{
  border-width: 0px !important;
}
.add-screen-form .form-group .area-box textarea.form-control{
  min-height: unset;
}

/*----- 03-12-2024 Start -----*/
.m-0 {margin: 0 !important}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pr-20 {padding-right: 20px;}
.mt-30 {margin-top: 30px;}

.brad-4{border-radius: 10px !important;}

.btn-border {color: #071437 !important; background-color: #fff; border-color: #071437;}
.btn-border:hover {color: #fff !important; background-color: #071437; border-color: #071437;}

.digital-icon-box {padding: 15px 15px; height: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.digital-icon-box .text-muted {font-size: 14px; font-weight: 500; color: #252F4A;}
.border {border: 1px dashed #DBDFE9;}
.digital-icon-box i.fa-stack-1x {font-size: 20px;}
.bord-heading-v1 {padding-bottom: 15px;}
.bord-heading-v1 h1,
.bord-heading-v1 h2,
.bord-heading-v1 h3,
.bord-heading-v1 h4,
.bord-heading-v1 h5,
.bord-heading-v1 h6 {margin: 0;}
.custom-row {display: flex; flex-wrap: wrap;}
.custom-row > * {float: unset;}
.welcome-msg-in h3 {margin: 0; padding-bottom: 5px;}
.welcome-msg-in small {font-size: 14px;}
.digital-icon-box .fa-stack {width: 52px; height: 52px;}
.digital-icon-box .clear {width: calc(100% - 52px); padding-left: 10px;}
.box-comman {box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03); border-radius: 15px; background: #fff; border: 1px solid #F1F1F4; padding: 18px 18px;}
.campign-box-heading {display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 30px;}
.campign-id {background: #E9F3FF; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 16px; font-weight: 500; color: #0e0e0e;}
.campign-name {width: calc(100% - 45px);padding-left: 15px;}
.campign-code .code-name {font-size: 14px; color: #78829D; display: block; font-weight: 600;}
.campign-code .code-text {font-size: 14px;}
.campign-code {padding-bottom: 10px;}
.Status {padding: 9px 9px; line-height: 12px; display: block; width: fit-content; font-weight: 500; border-radius: 0.75rem; font-size: 12px;}
.Status.text-warning {background-color: #FFF8DD; color: #F6C000 !important;}
.Status.text-success {background-color: #DFFFEA; color: #17C653 !important;}
.Status.text-danger {background-color: #FFEEF3; color: #F8285A !important;}
.Status.text-info {background-color: #E9F3FF; color: #071437 !important;}
.Status.text-secondary {background-color: #F9F9F9; color: #071437;}
.campign-box .action-group {text-align: right;}
.action-group a {padding: calc(.55rem + 1px) calc(1rem + 1px); border-radius: 0.75rem; transition: all 400ms ease; display: inline-block;}
.action-group .view {background: #e2f2fd; color: #071437;}
.action-group .view:hover {background: #071437; color: #fff;}
.campign-box .action-group .delete-action {background: #F9F9F9; color: #071437;}
.campign-box .action-group .delete-action:hover {background: #071437; color: #fff;}
.campigns-box-main {margin-bottom: -30px;}
.campigns-box-main > * {padding-bottom: 30px;}
.align-item-center {align-items: center;}
.campign-date {padding-bottom: 20px;}
.bord-heading-v1 h4 {font-size: 20px;}
.campaign-detail-box {padding: 15px 15px;}
.campaign-detail-box label {display: block; color: #252F4A;}
.campaign-detail-box span {display: block; font-size: 14px;}
.campaign-detail-box .row {margin-bottom: -15px;}
.campaign-detail-box .row > * {padding-bottom: 15px;}
img {max-width: 100%;}

.login-main-box {height: 100%; display: flex; align-items: center; justify-content: center;}
.login-title {margin: 0; padding-bottom: 30px;}
.login-main-box form {padding: 0;}
.login-main-box .panel.login, .login-main-box .panel.forgot-password {margin: 0; padding: 30px 30px;}
.login-header {padding-bottom: 20px;}
.login-main-box .brand-logo-login {max-width: 300px; display: block; margin: 0 auto;}
.table th:first-child, .table td:first-child {padding-left: 0 !important;}
.table th:last-child, .table td:last-child {padding-right: 0 !important;}

.jconfirm.jconfirm-white .jconfirm-box {text-align: center;}
.jconfirm.jconfirm-white .jconfirm-box .buttons {float: unset;}
.jconfirm .jconfirm-box div.title-c {color: #071437; font-weight: 600;}

.ads-content-data .content-details {text-align: center; padding-bottom: 20px;}
.ads-content-data .media-details {text-align: center; padding-bottom: 20px;}
.ads-content-data .content-details h4 {margin: 0px; padding-bottom: 5px;}
.ads-content-data .add-info span {padding: 0 10px;}
.ads-content-data .add-info span stong {color: #78829D; font-weight: 600;}
.modal-footer.ads-screen-footer {text-align: center;}
.btn-light {background: #E9F3FF; color: #071437 !important; border-color: #E9F3FF;}
.btn-light:hover {background: #071437; color: #fff !important; border-color: #071437;}
.step-content {padding: 0;}

.wizard {margin-bottom: 30px;}
.control-label {color: #071437; padding-bottom: 5px;}
.form-control-solid {background-color: #F9F9F9; border-color: #F9F9F9; color: #4B5675; height: 42px;}
.form-control-solid:focus {background-color: #F1F1F4; border-color: #F1F1F4;}
.select2-container--default .select2-selection--single {background-color: #F9F9F9; border-color: #F9F9F9; color: #4B5675; border-radius: 0.75rem;}
.select2-container .select2-selection--single {height: 42px !important;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {color:#78829D;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 40px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}
.select2-container--default .select2-selection--single .select2-selection__arrow {background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2378829D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; background-size: 12px; right: 5px; width: 20px;}
.select2-dropdown {border: 1px solid #DBDFE9 !important;}
.select2-search {padding-top: 6px;}
.select2-search:after {top: 11px;}
.btn-upload {background-color: #E9F3FF !important; border: 1px dashed #1B84FF !important;}
.step-pane .form-input .selected-screen-list label {color: #071437;}
.screen-selection-search .form-group {align-items: center;}
.screen-selection-search .form-group .control-label {padding-bottom: 0; padding-right: 10px;}
.screen-selection-search .form-group .form-input {min-width: 200px;}
.screen-selection-search .form-group .form-input .select2 {width: 100% !important;}
.screen-selection-search .col-md-6:last-child .form-group {justify-content: flex-end;}
.screen-wise-assets-list {display: flex; flex-wrap: wrap; margin: 0px -15px; margin-bottom: -8px; justify-content: center;}
.screen-wise-assets-list .screen-content-box {text-align: center; border: 1px dashed #DBDFE9; padding: 30px 20px !important; border-radius: 10px; width: calc(100% / 3 - 16px); margin: 0px 8px; margin-bottom: 16px;}
.screen-wise-assets-list .screen-content-box h5 {margin: 0; padding-bottom: 20px;}
.content-grid-list .media-box-grid{max-height: unset; border: 1px dashed #DBDFE9; box-shadow: unset; border-radius: 10px; overflow: hidden;     margin-bottom: 12px;}
.content-grid-list .media-box-grid .panel-footer{padding-top: 0; padding-bottom: 15px; display: flex; align-items: center; justify-content: space-between;}
.content-grid-list .media-box-grid .panel-footer p {margin: 0;}
.asset-content-box .media-box-grid {max-height: unset;}
.asset-content-box .media-box-grid .media-grid-item video {max-height: unset;}
.asset-content-box .media-box-grid {border: 1px dashed #DBDFE9; border-radius: 10px; overflow: hidden; box-shadow: unset;}
.wizard {border: unset; background: #f9f9f9; border-radius: 5px; overflow: hidden;}
.wizard ul li:before, .wizard ul li:after {border-left-color: #DBDFE9;}
.wizard ul li:after {border-left-color: #f9f9f9;}
.wizard ul li {color: #071437;     border-radius: unset !important;}
.wizard ul li.active, .wizard ul li.complete {color: #fff; background: #071437;}
.wizard ul li.active:after, .wizard ul li.active:before {border-left-color: #071437;}
.wizard .active .badge, .wizard .complete .badge {background-color: #fff; color: #071437;}
.wizard ul li.complete:before, .wizard ul li.complete:after {border-left-color: #ffffff;}
.wizard ul li.complete.complete:after {border-left-color: #071437 !important;}
.step-content .actions .btn:first-child {margin-right: 5px;}
.ads-media-box .ads-media {display: block; padding-top: 53%; position: relative;}
.ads-media-box .ads-media {display: block; padding-top: 53%; position: relative; overflow: hidden; border-radius: 10px;}
.ads-media-box img {border-radius: 10px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.ads-contents span {color: #78829D; font-weight: 600;}
.ads-media-box {padding-bottom: 20px;}
.ads-contents .title {margin: 0; padding-bottom: 8px;}
.ads-upload-main > * {padding-bottom: 30px;}
.ads-upload-main {margin-bottom: -30px;}
.pagination-main .total-items {margin: 0; padding-top: 30px;}
.video-player-content .image-popup-content img {width: 100%;}
.video-player-content {border-radius: 10px; overflow: hidden;}
.video-player-content video {display: block;}
.sidebar-collapse-button .btn-default.active {color: #fff !important; background-color: #071437; border-color: #071437;}
.sidebar-collapse-button .btn-default.active:hover {color: #071437 !important; background-color: #fff; border-color: #071437;}
.nav-xs .side-menu-main .nav > li > a span {display: none;}
.nav-xs .side-menu-main>ul>li:hover>a i:before, .nav-xs .side-menu-main>ul>li:focus>a i:before, .nav-xs .side-menu-main>ul>li:active>a i:before, .nav-xs .side-menu-main>ul>li.active>a i:before {
    top: 0px;}
.nav-xs .side-menu-main .nav > li > a i b {display: none !important;}
.nav-xs .side-menu-main .nav > li > a i {color: #071437 !important;}
.nav-xs .side-menu-main .nav > li.active > a i, .nav-xs .side-menu-main .nav > li > a:hover i {color: #fff !important;}
.reminder-list svg {width: 22px; display: block;}
header.header .main-header-title {margin: 0px; border-left: 4px solid #ebb23d; padding-left: 8px; font-size: 27px; line-height: 23px; border-radius: 3px; margin-top: 17px; margin-bottom: 17px; margin-left: 30px;}
header.header {box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03); background-color: #fff !important;}
header.header .nav>li>a:hover, header.header .nav>li>a:focus {background-color: transparent;}
header.header .nav .open>a, .nav .open>a:hover, header.header .nav .open>a:focus {background-color: transparent;}
header.header .reminder-list .badge {position: absolute; top: 9px; right: 6px; width: 20px; height: 20px; line-height: 16px; font-size: 10px; background-color: #071437;}
.side-menu-custom {background-color: #fff !important;}
.table th input[type="checkbox"],.table td input[type="checkbox"]{accent-color: #071437; cursor: pointer;}
.action-group .delete-action {background: #F9F9F9; color: #071437;}
.action-group .delete-action:hover {background: #071437; color: #fff;}
.status-switch {display: flex; flex-wrap: wrap; align-items: center;}
.status-switch .control-label {padding-bottom: 7px; padding-right: 10px;}
.search-go .go {border-bottom-left-radius: 0; border-top-left-radius: 0;}
.search-go .go-btn {display: inline-block; width: 53px;}
.search-go {display: flex;}
#refbtn {line-height: 20px;}
.select2-hidden-accessible + .parsley-error-list + .select2 {order: 1;}
.select2-hidden-accessible + .parsley-error-list {order: 2;}
.select-2-dropdown {display: flex; flex-wrap: wrap;}
.bulk-select-box button {margin-left: 8px;}
.side-menu-main .nav li .nav.lt {background: transparent;}
select.form-control-solid {background: #F9F9F9 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2378829D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; background-position: calc(100% - 10px) !important; background-repeat: no-repeat !important; background-size: 12px !important;     color: #4B5675;}
.manage-roll-table thead tr th:last-child {text-align: right;}
header.header .nav > li > section.dropdown-menu {border: unset; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10); padding: 0; border-radius: 5px; overflow: hidden;}
header.header .nav > li > section.dropdown-menu section.panel {margin: 0;}
header.header .nav > li > section.dropdown-menu .list-group-item {background-color: #fff; color: #78829D;}
header.header .nav > li > section.dropdown-menu header {color: #fff; background-color: #071437;}
header.header .nav > li > section.dropdown-menu .list-group-item i {font-size: 20px; color: #071437;}
header.header .nav > li > section.dropdown-menu .list-group-item .thumb-sm {width: 25px; padding-top: 4px;}
header.header .nav > li > section.dropdown-menu .list-group-item small.text-muted {color: #78829D !important;}
header.header .nav > li > section.dropdown-menu section.panel footer {padding-bottom: 10px;}
#assets-selection-modal .modal-body {min-height: 250px;}
.modal-body .alert.alert-danger {background: #fff; box-shadow: unset; border: 1px solid #DBDFE9;}
.align-items-top {align-items: flex-start;}
.step-pane .assetIds-before {padding-top: 10px;}
.step-pane .assetIds-before > span {font-size: 14px; color: #78829D; display: block; font-weight: 600;}
.step-pane .assetIds-before .list-unstyled strong {font-weight: 500;}
.form-content-area table th {font-weight: 500;}
.form-content-area table th, .form-content-area table td {padding-right: 10px;}
.form-content-area table th:last-child, .form-content-area table td:last-child {padding-right: 0px;}
.form-content-area .form-input h4 {font-size: 14px;}
.form-content-area label.control-label {font-size: 18px;}
.ml-auto {margin-left: auto;}
.border-top-dashed {border-top: 1px dashed #F1F1F4;}
.error-page {text-align: center;}
.error-page h1 {margin: 0; padding-bottom: 15px;}
.error-page p:last-child {margin-bottom: 0;}
.error-page .error-box {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; min-height: 250px;}
.error-page .error-box .error-box-inner {width: 100%;}
.jconfirm.jconfirm-white .jconfirm-box .buttons button { display: inline-block; padding: 8px 14px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; transition: all 400ms ease !important; text-transform: unset; font-weight: 500;}
.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default {border: 1px solid #071437;}
.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default:hover {color: #071437 !important; background-color: transparent; border-color: #071437;}
.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-light {border: 1px solid #E9F3FF;}
.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-light:hover {border-color: #071437;}
.fa-circle-label {color: #E9F3FF;}
.text-clack-cus {color: #071437;}
.bord-heading-v1 .select2-container--default .select2-selection--single {background: #fff; border-color: #DBDFE9; height: 38px !important;}
.hidden-cus {visibility: hidden; opacity: 0;}
.date-buttons-container {margin: -5px -5px;}
.date-buttons-container button {margin: 5px 5px; width: 110px;}
/* .date-buttons-container button {margin: 5px 5px; width: 130px;} */
.screen-solts {padding: 10px 15px; margin: 5px 0px; cursor: move;}
.screen-solts strong {font-size: 14px; color: #78829D; font-weight: 600;}
.screen-solts small {font-size: 14px; display: block;}
.haight-same {height: 100%;}
.date-buttons-container button:disabled { background: #5e667d;color: #fff !important; }
.date-buttons-container button.active {background: #071437; color: #fff !important; border-color: #071437;}
.popup-current-screen-list .selected-screen-item {box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03); border: 1px dashed transparent; border-color: #071437; border-radius: 10px;     color: #78829D;}
.popup-current-screen-list .remove-screen {position: absolute; right: 0; top: 0; border-radius: 8px; background: transparent; color: #071437 !important; font-size: 20px; padding: 0; width: 30px; height: 30px; border: unset;}
#screen-selection-modal .popup-current-screen-list:empty {padding-bottom: 0;}
.add-campaigns-form .selected-screen-list ul.list-unstyled {display: flex; flex-wrap: wrap; margin: 0px -15px; margin-bottom: -8px;}
.add-campaigns-form .selected-screen-list ul.list-unstyled li {border: 1px dashed #DBDFE9; padding: 15px 15px !important; border-radius: 10px; width: calc(100% / 4 - 16px); margin: 0px 8px; margin-bottom: 16px;}
table tbody td {color: #78829D;}
.wizard ul li.complete, .wizard ul li.complete:hover {background: #071437;}
.wizard ul li .badge {width: 20px; height: 20px; line-height: 20px; padding: 0;}
.estimated-cost-list table th {font-weight: 500; color: #78829D;     padding-right: 10px;}
.estimated-cost-list table td {color: #99A1B7;}
.popup-assets-form {padding: 0px 15px;}
.modal-backdrop.in {opacity: 0;}
.modal:before {content: ""; background-color: #2e3e4e; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6;}
.modal-body {background: #fff;}
.screen-selection-title {margin-top: 0; margin-bottom: 20px;}
.popup-current-screen-list h4{margin-top: 0; margin-bottom: 20px;}
.reminder-list .dropdown-menu .list-group .media-body strong {color: #071437; font-weight: 600;}
/*----- 03-12-2024 End -----*/



@media (min-width: 768px) {
    header.header .navbar-nav>li:last-child>a.dropdown-toggle {padding-top: 19px; padding-bottom: 18px; padding-right: 30px;}
    .reminder-list .dropdown-toggle {padding-top: 18px; padding-bottom: 17px;}
}


@media (max-width: 1350px){
  .media-ga > div{width: 33.33%;}
}

@media (max-width: 1200px){
  header.header .main-header-title{font-size: 23px;}
  .table th, .table td{padding: 11px !important;}
  .popup-current-screen-list h4{margin-top: 13px;}
  .modal-title {font-size: 18px;}
  .media-ga > div{width: 50%;}
  .add-screen-form .form-group > .col-lg-6{width: 50%;}
  .add-screen-form .form-group > .col-lg-4{width: 33.33%;}

  /*----- 03-12-2024 Start -----*/
  .pb-tab-10{padding-bottom: 10px;}
  .add-campaigns-form .selected-screen-list ul.list-unstyled li {width: calc(100% / 3 - 16px);}
  /*----- 03-12-2024 End -----*/
}


@media (max-width: 991px){
  .compaigns-box > div{width: 100%;}
  .create-compain-btn{justify-content: unset; margin-bottom: 10px !important; margin-top: 10px !important;}
  .step-content .step-pane .form-group > div{margin-top: 10px; width: 100%;}
  .j-end{justify-content: unset !important;}
  .compaigns-box .tab-title{margin-bottom: 10px;}
  .bulk-select-box{margin-bottom: 10px;}

  /*----- 03-12-2024 Start -----*/
  .add-campaigns-form .selected-screen-list ul.list-unstyled li {width: calc(100% / 2 - 16px);}
  /*----- 03-12-2024 End -----*/
}


@media (max-width: 767px){
  .nav-content-part .dropdown-menu {position: absolute; display: none;}
  .nav-content-part .open .dropdown-menu {position: absolute; display: block; background-color: #ffffff; box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%); left: -129px; top: 63px;}
  .nav-content-part .dropdown-menu li a {padding: 11px 15px !important;}
  .header-nav .nav-user{padding: 0px;}
  .img-name{display: none;}
  .img-drop{width: unset; padding-left: 0; }
  .header-nav .navbar-right li.dropdown .dropdown-toggle{padding-top: 15px; padding-bottom: 15px; padding-left: 8px;}
  .nav-content-part .dropdown-menu{min-width: 120px;}
  .header-in h2{line-height: 19px; font-size: 21px; padding-left: 6px; border: 0px; width: calc(100% - 25px);}
  .img-drop img{max-width: 33px;}
  .arrow.top{left: unset; right: 1px;}
  .header-nav .navbar-right li .dropdown-toggle svg{width: 22px; height: 22px;}
  .padder{padding-left: 20px; padding-right: 20px; padding-top:10px; padding-bottom: 20px;}
  /*.welcome-msg h3{margin-bottom: 5px; font-size: 21px; }*/
  .side-menu-main{display: block !important;}
/*  .side-menu-main-box{height: calc(100vh - 64px); background: #1c2434; position: fixed; width: 100%; top: 64px; left: 0px; overflow-y: auto; transform: translateX(-100%); transition: all 400ms ease;}*/
  .side-menu-main-box.is-active{transform: translateX(0%);}
  .header-txt{display: flex; align-items: center;}
  .tab-title {font-size: 18px; line-height: 24px;}
  .modal.in{padding: 10px;}
  .add-screen-form .form-group > .col-lg-6{width: 100%;}
  .add-screen-form .form-group > div{margin-bottom: 10px; width: 100%;}
  .add-screen-form .form-group{margin-bottom: 0px; }
  .view-campaigns .form-group .control-label{display: block; width: 100%; margin-bottom: 3px; }
  .view-campaigns .form-group div {font-weight: 500; margin-bottom: 10px;}
  .view-campaigns .form-group{padding-bottom: 6px;}
  #ads-content-modal .ads-content-data .content-details h4{margin-top: 14px;}
  .add-screen-form .form-group > .col-lg-4{width: 100%;}

  /*----- 03-12-2024 Start -----*/
  .custom-row > * {width: 100%;}
  header.header .navbar-header .navbar-brand img {max-width: 150px;}
  header.header .navbar-header .btn.btn-link:first-child {color: #071437; padding: 9px 10px 9px 0px; margin-left: 20px;}
  header.header .nav-user > li:last-child > a {color: #071437; font-size: 0px; display: flex; flex-wrap: wrap; align-items: center; padding: 0; text-decoration: unset !important;}
    header.header .nav-user .avatar { width: 24px !important; padding: 0; margin: 0; border: unset; margin-right: 0px;}
    header.header .nav-user {padding: 0;}
    header.header .nav-user > li .dropdown-menu {position: absolute; right: 0; left: unset; top: 40px; opacity: 0; visibility: hidden; background: #fff;}
    header.header .nav-user > li.open .dropdown-menu {opacity: 1; visibility: visible;}
    header.header .nav-user {display: flex; align-items: center;}
    header.header .nav-user .reminder-list {padding-right: 10px;}
    header.header .nav-user .reminder-list > .dropdown-toggle {padding: 0;}
    header.header .reminder-list .badge {top: -3px; right: -3px; width: 15px; height: 15px; line-height: 11px; font-size: 8px;}
    header.header .nav-user .avatar:before {content: unset !important;}
    .side-menu-custom {position: fixed; top: 50px; left: -71%; width: 70%; height: calc(100vh - 50px); z-index: 1; transition: all 400ms ease;}
    .side-menu-custom.nav-off-screen {left: 0;}
    .side-menu-custom.nav-off-screen + section {position: unset; transform: unset;}
    html.open {height: 100vh; overflow: hidden;}
    html:before {content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #071437; opacity: 0; transition: all 400ms ease; z-index: 1; visibility: hidden; pointer-events: none;}
    html.open:before {opacity: 0.5; visibility: visible; pointer-events: unset;}
    #schedule-save-form .form-group .col-lg-12 {width: 100%;}
    .add-campaigns-form .selected-screen-list ul.list-unstyled li {width: calc(100% / 1 - 16px);}
    .screen-wise-assets-list .screen-content-box {width: calc(100% / 1 - 16px);}
  /*----- 03-12-2024 End -----*/
}

@media (max-width: 400px){
  .media-ga > div{width: 100%;}
}



/**
 * Nestable
 */

.dd {
    position: relative;
    display: block;
    margin: 0; padding: 0;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}

.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 20px;
}

.dd-handle:hover {background: #fff; }

.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 10px;}
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

/**
 * Nestable Extras
 */

.nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }

@media only screen and (min-width: 700px) { 

    .dd + .dd { margin-left: 2%; }

}

.dd-hover > .dd-handle { background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block;margin: 5px 0;
    padding: 5px 10px 5px 40px; 
    text-decoration: none;
    border: 1px solid #ebebeb;
    background: #fff;
    -webkit-border-radius: 3px;
            border-radius: 3px;
}
.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle {
    position: absolute;
    margin: 0; 
    left: 0; 
    top: 0; 
    cursor: pointer; 
    width: 30px; 
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
    border: 1px solid #ebebeb;
    background: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 5px; width: 100%; text-align: center; text-indent: 0; color: #ccc; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #f7f7f7; }



.dd-list .loader {
  /* text-align: center; */
  align-items: center;
  /* margin-right: -16px; */
  margin-left: 40%;
  /* padding-top: 50px; */
  margin-top: 13px;
}
#nestable2 .dd-placeholder{ padding:20px !important} 
.estimated-cost-list tr.total-cost{
  font-weight: bold;
  border-top: solid 1px;
}

#nestable2 .remove-screen {
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 8px;
    background: transparent;
    color: #071437 !important;
    font-size: 20px;
    padding: 0;
    width: 30px;
    height: 30px;
    border: unset;
}

.daterangepicker .ranges li{
  color:#071437 !important;
}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background: #E9F3FF  !important;
  border: 1px solid #E9F3FF  !important;
  color: #071437 !important;
}

.highlight .border { 
  background-color: #E9F3FF;
   border: 1px dashed #071437  }


/* General styling for the slot availability messages */

   .availability-button { 
       color: #071437 !important;
    /* background-color: transparent; */
    border-color: #071437;
    display: inline-block;
    padding: 1px 14px;
    margin-bottom: 0;
    font-weight: 500;
    border-radius: 0.75rem;
    border: 1px solid ;
    transition: all 400ms ease !important;
  }
  
.availability-msg {

  margin: 10px 0;  
  padding: 10px; 
  border-radius: 5px;  
  background-color: #E9F3FF;  
  border: 1px solid #071437;  
}

/* Styling for the available dates message */
.availability-msg .available-dates {
  font-weight: bold;  /* Make available dates bold */
  color: #4CAF50;  /* Green color for available dates */
}

/* Styling for the unavailable dates message */
.availability-msg .unavailable-dates {
  font-weight: bold;  /* Make unavailable dates bold */
  color: #f44336;  /* Red color for unavailable dates */
}

/* The modal's background and text styling */
#campaign-slot-modal .modal-content {
  font-family: Arial, sans-serif;  /* Clean font */
  background-color: #fff;  /* White background for the modal */
  border-radius: 10px;  /* Rounded corners */
  padding: 20px;  /* Padding for the content */
}

/* Text within the modal */
#campaign-slot-modal .modal-body p {
  font-size: 16px;  /* Slightly larger text */
  color: #333;  /* Dark text color for readability */
}





#screenform select{
  cursor: pointer;
}
#screenform .form-group input[type=file] {
  width: 100%;
  max-width: 100%;
  padding: 0px;
  opacity: 1;
    position: unset;
    pointer-events: unset;
  font-size: 13px;
}
#screenform .form-group input[type=file]::file-selector-button {
  margin-right: 10px;
  border: none;
  background: #e2f2fd;
  padding: 10px 20px;
  border-radius: 0px;
  color: #071437;
  font-weight: 500;
  cursor: pointer;
  transition: background .2s ease-in-out;
  height: 100%;
}
#screenform .form-group input[type=file]::file-selector-button:hover {
  background: #071437;
  color: #fff;
}
#screenform .form-group input[type=file]:focus{
  outline: none;
  border-color: #a7a7a7;
}

#screenform.form-group select {
  color: #9e9e9e;
}
#screenform.form-group select option:not(:first-of-type) {
  color: #1d2434;
}
#screenform .form-group{
  margin-bottom: 18px;
}


#screenform .alert.alert-danger {
    background: #fff;
    box-shadow: unset;
    border: 1px solid #DBDFE9;
}

#screenform .bootstrap-filestyle{
  display: none !important;
}
#screenform input[type="file"] {
   display: block !important;
}

.mediaContainerd {
  position: relative;
}

.image-name-overlay {
  position: absolute;
  top: 10px;
  right: 18px;
  background-color: rgba(0, 0, 0, 0.3); /* Semi-transparent background */
  color: white;
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7); /* Shadow effect */
  border-radius: 5px;
}

/* ---- Note: DO NOT TOUCH Developer Used Style ---- */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #071437;
}

.slot-list-disabled .screen-solts {
    cursor: default;
}
.slot-list-disabled .dd-empty, #nestable1 .dd-empty, #nestable2 .dd-empty {
    display: none;
}

.campaign-status-list {
    list-style: none;
    padding-left: 0;
    border-bottom: 1px solid #DBDFE9;
    /* width: calc(100% - 180px); */
    display: inline-block;
}
.campaign-status-list li {
    display: inline-block;
}
.campaign-status-list li a.status-item-btn {
    display: inline-block;
    padding: 10px 15px;
}
.campaign-status-list li a.status-item-btn.active {
    border-bottom: 2px solid #071437;
    font-weight: 700;
}

.campaign-type-part {
    /* display: inline-block; */
    /* position: absolute; */
    /* top: 0; */
    /* right: 15px; */
    float: right;
}
.campaign-type-option {
    padding: 10px;
    width: 170px;
    display: inline-block;
    background: #fff;
    border: 1px solid #DBDFE9;
    border-radius: 0.75rem;
    position: relative;
    margin-left: 10px;
    cursor: pointer;
}
a.campaign-type-option::after {
    content: '';
    position: absolute;
    right: 6%;
    transform: rotate(-135deg);
    width: 10px;
    height: 10px;
    border-left: 2px solid #ababab;
    border-top: 2px solid #a9a9a9;
    bottom: 17px;
    transition: ease 0.3s, bottom 0.3s;
}
a.campaign-type-option.active::after {
    transform: rotate(-315deg);
    bottom: 12px;
}
.campaign-type-list {
    list-style: none;
    position: absolute;
    top: 42px;
    right: 15px;
    z-index: 1;
    background: #fff;
    box-shadow: 1px 1px 8px #ccc;
    padding: 0;
    width: 200px;
}
.campaign-type-list li a {
    padding: 12px 16px;
    border-bottom: 1px solid #ccc;
    display: block;
}
.campaign-type-list li a:hover, .campaign-type-list li a.active {
    background: #E9F3FF;
}

.slot-list-disabled .dd-item .screen-solts {
    pointer-events: none;
}
.slot-disable {
    background: #5e667d;
    color: #fff !important;
    border-color: #5e667d;
}
.half-column {
    width: 50%;
}

/* ---- Note: DO NOT TOUCH Developer Used Style End ---- */