html,body{width:100%;height:100%;}
@media screen and (min-width:1480px){
    .container-fluid,.container{height: 100%;}
}
@font-face {
    font-family: poppins-light;
    src: url("../fonts/Poppins-Light.otf");
}

@font-face {
    font-family: montserrat-regular;
    src: url("../fonts/Montserrat-Regular.otf");
}

@font-face {
    font-family: montserrat-semiBold;
    src: url("../fonts/Montserrat-SemiBold.otf");
}

@font-face {
    font-family: poppins-semiBold;
    src: url("../fonts/Poppins-SemiBold.otf");
}
@font-face {
    font-family: poppins-regular;
    src: url("../fonts/Poppins-Regular.otf");
}
@font-face {
    font-family: caveat-bold;
    src: url("../fonts/caveat-bold.ttf");
}
@font-face {
    font-family: poppins-regular;
    src: url("../fonts/poppins-regular.ttf");
}
@font-face {
    font-family: caveatbrush-regular;
    src: url("../fonts/caveatbrush-regular.ttf");
}
body{font-family:poppins-regular;}
/* Addon icons */
/*Globle icons*/
.globle-icon {
    background-image:url("../images/globle-icon.png");
    background-repeat:no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
}
.email-icon{background-position:0 0;}
.password-icon{background-position:-48px 0;}


/*Globle icons end*/
/* enable absolute positioning */
.inner-addon {
    position: relative;
}

/* style glyph */
.inner-addon .globle-icon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}
.left-addon .globle-icon  { left:  10px;top:5px;}
.right-addon .globle-icon { right: 10px;top:5px}
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }
.vertical-align-bottom { vertical-align: bottom !important; }
/* addon icon end*/
/*checkbox & radiobox*/
.radio label:after {content: '';display: table;clear: both;}
.checkbox .cr,.radio .cr {position: relative;display: inline-block;border: 1px solid #dbdfe4;border-radius: .40em; width: 1.3em;height: 1.3em;
    float: left;margin-right: .5em; cursor:pointer;}

.radio .cr {border-radius: 50%;}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {position: absolute; font-size: .8em; line-height: 0; top: 50%; left: 20%;}

.radio .cr .cr-icon {margin-left: 0.04em;}
.checkbox label{padding-left:0;cursor:pointer;}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {display: none;}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {transform: scale(3) rotateZ(-20deg);opacity: 0;transition: all .3s ease-in;}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {transform: scale(1) rotateZ(0deg); opacity: 1;}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {opacity: .5;}


p{font-family:poppins-light;font-size:14px;}
table tr:hover,table tr:focus{background-color: #f2f2f2;}
table thead tr:hover{background-color: #fff;}
/*===========================
       Login page
 ===========================*/
.login-page{background-image:url("../images/Camada-1.png");background-repeat: no-repeat;background-size: cover;background-position: center;}
.login-box{display:flex;}
.login-container{background-color: #ffffff;margin-top: 5%;margin-bottom: 5%;}
.login-box .login-form{position: relative;padding: 5%;box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
text-align: center;padding-bottom:50px;}
.login-box .login-form h2{text-align: center;font-size:30px;color: #045ef1;margin-bottom:56px;}
.login-box .login-form .form-group{width: 80%;margin-left: auto;margin-right: auto;}
.login-box .login-form .form-group .form-control{border-radius: 50px;border-color:#dbdfe4;box-shadow: none;height:45px;}
.login-box .login-form .form-group .form-control::placeholder{color:#dbdfe4;opacity: 1;}
.login-box .login-form .form-group .input-icon{top: 10px;right: 12px;}
.login-box .login-form .checkbox{text-align: left;color:#b0b5bd;}

.login-box .btnSubmit{ margin-bottom: 20px; margin-top: 35px;color:#ffffff;border-color:#045ef1 !important;background-color:#045ef1;cursor: pointer;}
.login-box .ForgetPwd{color:#b6bac2;}
.login-box .ResetPwd{color:#393f48;}
.login-nav{position:absolute;left:0;bottom:0;right:0;}
.login-nav li{width:50%;float:left;border-bottom:2px solid transparent;border-radius:0; }
.login-nav li:hover{border-bottom:2px solid #045ef1;}
.login-nav li a{color:#b6bac2;padding: 20px 15px;}
.login-nav li:hover a,.login-nav li:focus a{color:#045ef1;background-color: transparent;border-color:transparent;}
.login-nav .login-icon  {background-position: 0 -25px;width: 26px;height: 26px;position: relative;top: 5px;margin-right: 10px;}
.login-nav .signup-icon{background-position: -54px -25px;width: 26px;height: 26px;position: relative;top: 5px;margin-right: 10px;}
.login-nav li:hover .login-icon{background-position: -27px -25px;}
.login-nav li:hover .signup-icon{background-position:-81px -25px;}

.login-right{background-color:#045ef1;color:#fff;background-image: url("../images/RIGHT-LAYOUT.png");background-repeat: no-repeat;background-size: auto; }
.login-right .carousel{height:100%;text-align: center;}
.login-right .carousel .item{padding:15% 100px;font-family: montserrat-semiBold;}
.login-right .carousel .item h1{font-size:62px;margin-bottom:30px;color:rgba(255,255,255,.1);}
.login-right .carousel .item p{font-size:14px;color:rgba(255,255,255,.5);}
.carousel-indicators li,.carousel-indicators li.active{box-shadow: inset 4px 4px 23px #4d575e;border-color:#8f9598;position:relative;padding:3px;background-color: transparent;width:16px;height:16px;}
.carousel-indicators li{margin:0;border-color:transparent;box-shadow: inset 4px 4px 23px transparent;}
.carousel-indicators li::before{content:"";border-radius:100%;display:inline-block;position:absolute;top:2px;left:2px;width:10px;height:10px;background-color:#8f9598;}
.carousel-indicators li::after{content:"";z-index:-1;display:inline-block;position:absolute;top:7px;left:5px;width:17px;height:1px;background-color:#8f9598;}
.carousel-indicators li:last-child::after{display: none;}
@media screen and (max-width:768px){
    .login-container{margin-top:0;margin-bottom:0;}
    .login-box{display:inherit;}
    }
.sign-page .login-container{margin-top:0;margin-bottom:0}
.sign-page .login-box{height: 100%;}
.sign-page .login-form img{margin-bottom:35px;}
.sign-page .login-form{text-align: left;color: #393f48;padding-bottom:0px;padding-top:70px;}
.sign-page .login-form h2{font-family: poppins-light;text-align: left;margin-bottom:25px;font-size:30px;width:80%;}
.sign-page .login-form p{font-family: montserrat-regular;text-align: left;margin-bottom:15px;}
.sign-page .login-form p a{font-family: montserrat-semiBold;color:#393f48;}
.sign-page .login-form .form-group{margin-left:initial;margin-right: initial;}
.sign-page .login-form .terms p{font-family: poppins-regular;color:#393f48;text-align: center;}
.sign-page .login-form .terms a{font-family: poppins-semiBold;color:#393f48;}
.signup-right{background-color:#045ef1;color:#fff;}
.signup-right p{color:#fff;font-family: poppins-light;font-size: 24px;padding-top:35%;width:600px;}
.signup-right.bg-img{background-image:url("https://pirsonalmarketing.b-cdn.net/level-up-engagement-03.jpg");background-repeat:no-repeat;background-size: 100%; }

.error{background-color: #dff6fc;padding:30px 20px;margin:15px 0;position: relative;padding-left:80px;color:#393f48;width:80%;}
.error-img{position: absolute;top:32px;left:25px;}
.error-login{width: 38px;height:38px;background-position: -248px 0;}
.error a{font-family: poppins-semiBold;color: #393f48;}


/*///////////////////////////DASH BOARD NAVBAR///////////////////////////*/
.page-topbar {
    font-family:poppins-regular;
    min-height: 60px;
    position: fixed;
    width: 100%;
    background-color: #ffffff;
    top: 0px;
    left: 0px;
    z-index: 99;
    max-height: 60px;
}

/*Transition==========================*/
.page-topbar, .logo-area, .logo-area, #main-content, .logo-icon, .wraplist, .page-sidebar, .profile-info, .profile-image, .profile-details, .menu-title, .profile-image a img {
    -webkit-transition: 600ms;
    -moz-transition: 600ms;
    -o-transition: 600ms;
    transition: 600ms;
}

.page-topbar .logo-area {
    background-image: url("../images/dashboard-logo.png");
    background-repeat: no-repeat;background-position: 22px;
}
.page-topbar .logo-area {
    width: 260px;
    background-color: #122bff;
    display: block;
    min-height: 60px;
    float: left;
}

.page-topbar .logo-icon{
    background-image: url(../images/logo-small.png) !important;
    background-repeat: no-repeat !important;
}

.page-topbar .logo-icon {
    width: 60px !important;
    background-color: #122bff;
    display: block;
    min-height: 60px;
    float: left;
}
.page-topbar ul {
    margin: 0px;
    padding: 0px;
}
.page-topbar ul li {
    list-style-type: none;
}
.page-topbar .user-info li a {
    display: inline-block;
    font-size: 16px;
    padding: 5px 14px;
    color: #000;
    font-weight: 400;
    position:relative;
}
.page-topbar .quick-area .info-menu {
    height: 60px;
    margin: 0;
    line-height: 50px;
    padding: 0 15px;
    display: flex;
}
.notify-icon{background-position: -93px 0px;margin-top: 14px;height:24px;}
.page-topbar .badge {
    display: inline-block;
    min-width: 8px;
    position: absolute;
    padding: 4px 3px;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #F44336;
    border-radius: 10px;
    top: 14px;
    right: 12px;
}
/* Ripple magic */

.page-topbar button{
    font-size: 24px;
    background: no-repeat;
    border: none;
}
.page-topbar li .dropdown-menu.profile {
    max-width: 210px;
    height: auto;
    padding: 0px;
    right: 0;
    left: initial;
}
.dropdown-menu {
    width: 360px;
    border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    line-height: 23px;
    font-size: 14px;
    padding-bottom: 0px;
    border: 0px solid transparent;
    margin-top: -1px;
    padding-top: 0px;
}
.page-topbar .dropdown-menu {
    background: #ffffff;
    border: 1px solid #f5f5f5;
}
.page-topbar li .dropdown-menu.profile li {
    line-height: 40px;
    display: block;
    height: 40px;
    margin: 0px;
}
.page-topbar li .dropdown-menu.profile li a {
    display: block;
    border-bottom: 1px solid #eeeeee;
    padding: 12px 8px;
}

.page-topbar .dropdown-menu:after, .page-topbar .dropdown-menu:before {
    bottom: 100%;
    right: 28px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.page-topbar .dropdown-menu:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: rgba(80, 80, 80, .1);
    border-width: 10px;
    margin-left: -10px;
}
.page-topbar li .dropdown-menu li a {
    text-decoration: none;
    color: #717171;
}


/*//////////////////////////SIDE BAR NAVE//////////////////////////*/

.page-sidebar {
    height: auto;
    width: 260px;
    position: fixed;
    padding: 0px;
    background-color: #ffffff;
    margin-top: 60px;
    overflow: hidden;
    box-shadow: 0 0 4px 0 rgba(33,33,33,.2);
    -webkit-box-shadow: 0 0 4px 0 rgba(33,33,33,.2);
    -moz-box-shadow: 0 0 4px 0 rgba(33,33,33,.2);
    -o-box-shadow: 0 0 4px 0 rgba(33,33,33,.2);
    -ms-box-shadow: 0 0 4px 0 rgba(33,33,33,.2);
    min-height: 100%;
    height: auto;
}
.page-sidebar.fixedscroll {
    position: fixed;
}
.page-sidebar.collapseit {
    width: 60px;
    margin-left: 0px !important;
    z-index: 99;
}
.page-sidebar .profile-info {
    background: transparent;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 15px;
    display: flex;
}
.page-sidebar .profile-image {
    padding-right: 5px;
    display: inline-block;
}
.profile-info .profile-image img {
    height: 65px;
    width: 65px;
    float: right;
    top: 5px;
    left: 5px;
    position: relative;
}
.short-profile img {
    height: 45px !important;
    width: 45px !important;
    left: 2px !important;
}
.short-profile .profile-details{
    display: none;
}
.profile-info .profile-details h3 {
    margin: 19px 0px 6px 14px;
}
.profile-info .profile-details .profile-title {
    color: rgba(174, 178, 183, 1.0);
    font-size: 13px;
    margin: 0px 0px 6px 14px;
}
#main-menu-wrapper ul {
    padding: 0px;
    margin: 0px;
    padding-left: 0px;
    list-style-type: none;
    font-weight: 400;
    font-size: 14px;
}
#main-menu-wrapper .menusection {
    font-weight: 400;
    font-size: 13px;
    line-height: 40px;
    padding-left: 24px;
    margin: 10px 0 0px 0;
    color: #9e9e9e;
    text-transform: uppercase;
}
.profile-info .profile-details h3 a {
    font-weight: 400;
    color: #757575;
    font-size: 19px;
    line-height: 23px;
    text-decoration: none;
}
#main-menu-wrapper li a {
    display: block;
    line-height: 42px;
    min-height: 42px;
    height: auto;
    color: #607d8b;
    text-decoration: none;
    font-family: poppins-light;
    padding-left: 10px;
    clear: both;
    border-left: 4px solid transparent;
    white-space: nowrap;
      font-size: 16px;
}
#main-menu-wrapper ul.wraplist{padding:20px;}
#main-menu-wrapper li{margin:2px 0;}
#main-menu-wrapper li.active,
#main-menu-wrapper li a:hover{background-color:#393f48;border-radius:4px;box-shadow: 0 0 10px 0 rgba(33,33,33,.2);-webkit-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);
    -moz-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);-o-box-shadow: 0 0 10px 0 rgba(33,33,33,.2); -ms-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);}
#main-menu-wrapper li.active a,
#main-menu-wrapper li a:hover{color:#fff;font-family:poppins-regular;}
.dashboard-icon{width: 26px;height: 28px;background-position: -161px 6px;top: 6px;position: relative;}
#main-menu-wrapper li.active .dashboard-icon,
#main-menu-wrapper li a:hover .dashboard-icon{width: 26px;height: 28px;background-position: -137px 6px;top: 6px;position: relative;}
.camp-icon{width: 26px;width: 26px;height: 22px;background-position: -161px -23px;top: 6px;position: relative;}
#main-menu-wrapper li.active .camp-icon,
#main-menu-wrapper li a:hover .camp-icon{width: 26px;width: 26px;height: 22px;background-position: -137px -23px;top: 6px;position: relative;}
.tem-icon{width: 26px;height: 20px;background-position: -163px -45px;top: 6px;position: relative;}
#main-menu-wrapper li.active .tem-icon,
#main-menu-wrapper li a:hover .tem-icon{width: 26px;height: 20px;background-position: -140px -45px;top: 6px;position: relative;}
.int-icon{width: 26px;height: 26px;background-position: -161px -62px;top: 6px;position: relative;}
#main-menu-wrapper li.active .int-icon,
#main-menu-wrapper li a:hover .int-icon{width: 26px;height: 26px;background-position: -137px -62px;top: 6px;position: relative;}
.ved-icon{width: 26px;height: 25px;background-position: -161px -85px;top: 6px;position: relative;}
#main-menu-wrapper li.active .ved-icon,
#main-menu-wrapper li a:hover .ved-icon{width: 26px;height: 25px;background-position: -137px -85px;top: 6px;position: relative;}
.med-icon{width: 26px;height: 19px;background-position: -161px -158px;top: 5px;position: relative;}
#main-menu-wrapper li.active .med-icon,
#main-menu-wrapper li a:hover .med-icon{width: 26px;height: 19px;background-position: -137px -158px;top: 5px;position: relative;}
.integ-icon{width: 26px;height: 25px;background-position: -161px -133px;top: 6px;position: relative;}
#main-menu-wrapper li.active .integ-icon,
#main-menu-wrapper li a:hover .integ-icon{width: 26px;height: 25px;background-position: -137px -133px;top: 6px;position: relative;}
.deve-icon{width: 26px;height: 25px;background-position: -161px -175px;top: 6px;position: relative;}
#main-menu-wrapper li.active .deve-icon,
#main-menu-wrapper li a:hover .deve-icon{width: 26px;height: 25px;background-position: -137px -175px;top: 6px;position: relative;}

.collapseit #main-menu-wrapper ul{padding:0;}
.collapseit #main-menu-wrapper ul li,
.collapseit #main-menu-wrapper ul li.active,
.collapseit #main-menu-wrapper ul li a:hover{margin:0;border-radius:0;}
.menu-dropdown{position: relative;}
.menu-dropdown .menu-caret{position: absolute;right:8px;top:10px;}



/*MAIN CONTENT/////////////////////////////////////////////////////////////*/




#main-content {
    margin-left: 260px;
    display: block;
}
#main-content.sidebar_shift {
    margin-left: 60px;
    margin-right: 0px;
}
.main-wrapper {
    margin-top: 60px;
    display: inline-block;
    width: 100%;
    padding: 15px 15px 0 15px;
    margin-left: 0px;
    margin-right: 0px;
    color:#54667a;
    position: relative;
    padding-bottom: 100px;
}
.page-top-head{margin-bottom:40px;}
.page-title h1{
    color: #045ef1;
    font-size:24px;
    font-family: poppins-regular;
    margin-bottom:0;
}
.page-title .breadcrumb{padding: 4px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0;}

.page-title .breadcrumb > li a{color:#54667a;text-decoration: none;font-family: poppins-regular;}
.page-title .breadcrumb > li + li::before{
    color:#54667a;
    content:"\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    font-size: inherit;
    text-rendering: auto;
}
.page-title .breadcrumb .active,
.page-title .breadcrumb > li + li.active::before{color:#a6afbb;}
.compaign .btn {
    margin: 20px 14px;
    padding: 10px 15px;
    background-color: #f18805;
    border-color: #f18805;
    margin-right: 0;
    font-family: poppins-regular;
    font-size: 14px;
}
.compaign .btn:hover{background-color:#fff;border-color:#f18805;color:#f18805;}
/********************************************************
      pages content
******************************************************** */
.page-sub-heading p {
    font-family: poppins-regular;
    font-size: 15px;
    line-height: normal;
    padding-right: 120px;
    padding-top: 30px;
}
.boxes{
    margin-top:30px;
    padding: 20px 10px; border-radius: 6px; box-shadow: 0 0 3px rgba(33,33,33,.2);
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 4px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 4px rgba(0,0,0,.2);}
.status-card{position: relative;padding-left:95px;}
.status-card span {padding: 12px;
    background-color: #c2dfe3;
    border-radius: 100%;
    width: 65px;
    height: 65px;
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 23px;
}
.status-card h3{
    margin-top:8px;
    color:#455a64;
    font-family: poppins-light;
    font-size:21px;
}
.status-card p{
    color:#99abb4;
    font-family: poppins-light;font-size:15px;
}
.vid-card-icon{background-position: -1px -57px;width:42px;height: 42px;}
.credits-card-icon{background-position: -42px -57px;width:42px;height: 42px;}
.boxes.img-block{padding:32px 10px;padding-top:20px;}
.img-block img{
    width: 100%;
    position:relative;top:-35px;
    border-radius:3px;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 4px rgba(0,0,0,.2);}
.img-block h2{text-align:center;margin-top: 5px;font-size: 18px;line-height: 1.5;}
.img-block span.tags{
    font-size: 10px;
    background-color:#c2dfe3;
    padding: 3px 16px;
    border-radius: 26px;
    color:#fff;
    display: inline-block;
    font-family: poppins-light;
    margin:20px 0px;
    margin-left:15px;
}
.img-block p.show-text{
    font-size: 15px;
    font-family: poppins-light;
    padding: 0 15px;
    color:#99abb4;
}
.img-block p.show-text.less{max-height:65px;overflow: hidden;}
.img-block p.show-text.more{max-height:auto;overflow: visible;}
.img-block .show-more{padding-left:15px;font-family: poppins-regular;color:#455a64;font-size:15px;}

.performance-block,.devices-block{padding:30px 35px;}
.performance-block .title{margin:0;color:#455a64;font-family: poppins-regular;font-size:21px;}
.performance-block .sub-title{color:#99abb4;font-family:poppins-light;}
.performance-block .chart-tags{list-style: dot;}
.performance-block .chart-tags li{display:inline-block;padding:22px 10px;}
.performance-block .chart-tags li a{font-family:poppins-light;font-size:12px;color:#99abb4;}
.performance-block .chart-tags li.active a{color:#1e88e5;}
.performance-block .num-title{font-size:34px;margin:0;color:#455a64;font-family: poppins-light;}
.performance-block .num-sub-title{color:#99abb4;font-family:poppins-light;}
.performance-block .count-card{padding-left:60px;padding-top:40px;}

.devices-block .title{margin:0;color:#455a64;font-family: poppins-regular;font-size:24px;}
.devices-block .sub-title{color:#99abb4;font-family:poppins-light;font-size:12px;}
.devices-block .chart-tags{padding:0;}
.devices-block .chart-tags li {
    display: inline-block;
    padding: 22px 14px;
    width: 32%;
}
.devices-block .chart-tags li a{font-family:poppins-light;font-size:12px;color:#99abb4;}
.devices-block .chart-tags li.blue a{color:#045ef1;}
.devices-block .chart-tags li.black a{color:#393f48;}
.devices-block .chart-tags li.orange a{color:#f39a2a;}

.pera-style{color:#9caeb7;padding-top:60px;padding-bottom:30px;}
.pera-style1{color:#9caeb7;padding-bottom:80px;}
.pera-style span{font-family: poppins-light;font-size:64px;}

.select-box{/*padding-top:60px;*/}
.custom-select .btn{border:0;border-bottom:1px solid #9caeb7;border-radius:0;color:#9caeb7;padding-left:0;}

.click-count-b{margin-top:40px;}
.click-count-b p{background-color: #dff6fc;border-radius:3px;padding:22px 8px;text-align:center;color:#9caeb7;font-size:16px;}
.click-count-b p span{font-size:38px;}
.click-count-s{margin-top:20px;}
.click-count-s p{background-color: #effafd;border-radius:3px;padding:22px 8px;text-align:center;color:#9caeb7;font-size:15px;margin:0 20px;}
.click-count-s p span{font-size:34px;}
.click-count-x{margin-top:20px;}
.click-count-x p{background-color: #f5fcfe;border-radius:3px;padding:22px 8px;text-align:center;color:#9caeb7;font-size:14px;margin:0 40px;}
.click-count-x p span{font-size:33px;}


.section-head{margin-top:50px;margin-bottom:20px;}
.section-head h2{color:#455a64;font-size:24px;font-family: poppins-light;}

.des-card{padding:30px;}
.des-card h2{margin-top: 5px;font-size: 21px;line-height: 1.5;}
.des-card p.show-text{font-size:15px;font-family: poppins-light;color:#99abb4;}
.des-card p.show-text.less{max-height:65px;overflow: hidden;}
.des-card p.show-text.more{max-height:auto;overflow: visible;}
.des-card .show-more{font-family: poppins-regular;color:#455a64;font-size:15px;}


.plan-detials{margin-top:50px;margin-left:0;padding-left:0;}
.plan-detials li{padding-top:8px;list-style: none;font-size:12px;font-family: poppins-light;color:#455a64;}
.plan-detials li b{ font-family: poppins-semiBold;}

.plan-status{text-align: right;}
.plan-status p{font-size:24px;font-family: poppins-light;}
.plan-status h2{font-size:50px;margin-top:5px;font-family: poppins-regular;}

.account-sec h3{font-size:16px;font-family: poppins-regular;margin-top:35px;margin-bottom:15px;}
.account-sec p{font-family: poppins-light;font-size:12px;}
.account-sec p{font-family: poppins-light;font-size:12px;}
.account-proc p{font-size:12px;line-height: 1.5;}

.account-setting label{font-family: poppins-light;font-size:14px;}
.account-setting .input-text{
    border: 0;
    border-bottom-color: currentcolor;border-bottom-style: none;
    border-bottom-width: 0px;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.4);
    border-radius: 0;
    padding: 0 0 4px 0;
    font-size: 14px;
    font-family: poppins-light;
}
.account-setting .form-group{margin-top:15px;}

.save-setting{margin-top:30px;}
.save-setting button{border-radius:2px;background-color: #045ef1;border-color:#045ef1;color:#fff;padding:8px 15px;font-size:12px;font-family: poppins-light;}

.custom-table{margin-top:60px;}
.custom-table .checkbox{margin:0;position: relative;top: 5px;}
.custom-table .checkbox .cr{border-radius:3px;border-color:#455a64;background-color:#fff;color:#455a64;}
.checkbox label input[type="checkbox"]:checked + .cr{color:#fff;background-color:#455a64;}
.custom-table thead th{border-bottom:0 !important;}
.custom-table tbody td{border-top:0 !important;background-color: transparent;border-bottom:1px solid rgba(0,0,0,0.2);color:#99abb4;font-family: poppins-light;}
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: transparent;
}
.bgchange {
    background-color: #f8f9fa;
}
.ico-btn-del{border-color:#747d8a;padding:5px 9px;}
.ico-btn-ref{border-color:#d5e9ec;padding:5px 9px;}
.ico-btn-ref:hover,.ico-btn-ref:focus{border-color:#747d8a;background-color: #747d8a;}
.del-icon{background-position:3px -134px;}
.refresh-icon{background-position:1px -156px;}
.wth50{width:50px;}
.wth100{width:100px;}
.wth300{width:300px;}


.eye-icon{background-position: -2px -179px;}
.hand-icon{background-position: -53px -178px;}
.view-icon{background-position: -80px -178px;}
.action-icon{
    background-position: -38px -137px;
    width: 7px;
}
.states-d{padding:3px 14px;color:#ffffff;background-color: #045ef1;border-radius:3px;font-size:12px;}
.states-e{padding:3px 14px;color:#ffffff;background-color: #fc4b6c;border-radius:3px;font-size:12px;}
.states-p{padding:3px 14px;color:#ffffff;background-color: #a4b9c4;border-radius:3px;font-size:12px;}
.states-q{padding:3px 14px;color:#ffffff;background-color: #cbe3e7;border-radius:3px;font-size:12px;}
.custom-table .eye-tooltip,.custom-table .hand-tooltip, .custom-table .view-tooltip{position: relative;}
.custom-table .eye-tooltip .tooltip-block,.custom-table .hand-tooltip .tooltip-block,.custom-table .view-tooltip .tooltip-block {
    position: absolute;
    top: -29px;
    padding: 5px 14px;
    color: #ffffff;
    background-color: #a4b9c4;
    border-radius: 3px;
    font-size: 10px;
    width: 120px;
    left: -48px;
    display: none;
}
.custom-table .action-td .dropdown-menu{
    width:245px;
}
.custom-table .action-td .dropdown-menu li a{
    padding:10px 15px;
 }
.custom-table .action-td .dropdown-menu li a:hover{
    background-color: #ebebec;
}
.delsmall-icon{background-position: 0 -198px;}
.gallery-box{background-size:cover;margin-top:0;height: 110px;position: relative;background-image: url("../images/Screen-Shot-2020-01-31-at-2.png");background-repeat: no-repeat;background-position: center;}
.gallery-box span{margin:18px auto;color:#fff;font-family: poppins-light;font-size:18px;display:block;text-align: center;}

.checkbox.checbox-switch {
    padding-left: 0;
}

.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
}
.checkbox.checbox-switch label input,
.checkbox-inline.checbox-switch input {
    display: none;
}
.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span {
    width: 35px;
    border-radius: 20px;
    height: 12px;
    border: 0 solid #dbdbdb;
    background-color: #dbdbdb;
    border-color: rgb(223, 223, 223);
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #acbfc9;
    content: " ";
    top: -2px;
    position: relative;
    left: 0;
    transition: all 0.3s ease;
}
.checkbox.checbox-switch label > input:checked + span:before,
.checkbox-inline.checbox-switch > input:checked + span:before {
    left: 20px;
    background-color: #045ef1;
}

/* Switch Primary */
.checkbox.checbox-switch.switch-primary label > input:checked + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked + span {
    background-color: #81aef8;
    border-color: transparent;
    box-shadow: #81aef8 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}


.page-sub-heading.media-page{margin-top:30px;}
.upload-button .or-text span{margin-right:30px;color:#a6afbb;}
.file-drag {
    border: 2px dashed #a6afbb;
    border-radius: 7px;
    color: #a6afbb;
    cursor: pointer;
    display: block;
    font-weight: bold;
    margin: 1em 0;
    padding: 4em;
    text-align: center;
    transition: background 0.3s, color 0.3s;
}
.file-drag:hover{
    background-color: #e4e7ec;
    color:#000;
    border-color: #000;
}
.file-drag .btn{background-color:#045ef1;border-color:#045ef1;}
.wth120{width:120px;}
.cloud-icon {
    background-position: -189px 2px;
    width: 26px;
}
.cancle-icon {
    background-position: -190px -22px;
    width: 26px;
}
.del-red-icon {
    background-position: -193px -45px;
    width: 18px;
}
.queue-table.custom-table tbody td{border-bottom:0px;}
.cancle-dropdown .dropdown-menu{min-width:70px;width:70px;right:-22px;border-radius:3px;}
.cancle-dropdown .dropdown-menu li{border-radius:3px;}
.cancle-dropdown .dropdown-menu li a{border-radius:3px;text-align: center;padding:4px 0;color:#fff;background-color: #9db4c0;font-size:12px;}
.progress{height: 8px; background-color:#b1bec5;border-radius:0;
    -webkit-box-shadow: inset 0 1px 2px rgb(177, 190, 197);;
    box-shadow: inset 0 1px 2px rgb(177, 190, 197);
}
.progress-bar{background-color: #045ef1;}
.upload-all-btn,.upload-all-btn:hover,.upload-all-btn:focus{background-color: #045ef1;border-color:#045ef1;color:#fff;}
.cancle-all-btn,.cancle-all-btn:hover,.cancle-all-btn:focus{background-color: #99abb4;border-color:#99abb4;color:#fff;}
.remove-all-btn,.remove-all-btn:hover,.remove-all-btn:focus{background-color: #fc4b6c;border-color:#fc4b6c;color:#fff;}
.cloud-w-icon {
    background-position: -217px 6px;
    width: 26px;
    position: relative;top:1px;
}
.cancle-w-icon {
    background-position: -218px -20px;
    width: 26px;
    position: relative;top:1px;
}
.del-w-icon {
    background-position: -219px -43px;
    width: 18px;
    position: relative;top:1px;
}

/*================== campaignpage ======================*/
.campaign-step  .wizard {
    margin: 20px auto;
    background: #fff;
}

.campaign-step  .wizard .nav-tabs {
    position: relative;
    margin: 40px auto;
    margin-bottom: 0;
    border-bottom: 0;
}

.campaign-step  .wizard > div.wizard-inner {
    position: relative;
}

.campaign-step  .connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 95%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 0;
}
.campaign-step li.active .connecting-line{background-color:#393f48; }

.campaign-step  .wizard .nav-tabs > li.active > a,.campaign-step  .wizard .nav-tabs > li.active > a:hover,.campaign-step  .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

.campaign-step span.round-tab {
    width: 50px;
    height: 50px;
    line-height: 47px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0fbfc;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 20px;
    background-color: #e0fbfc;
    color:#045ef1;
    position: absolute;left:0;top:10px;
}

.campaign-step .wizard li.active span.round-tab {
    background: #393f48;
    border: 2px solid #393f48;
    color: #ffffff;
}

.campaign-step  span.round-tab:hover {
    background-color: transparent;
}

.campaign-step  .wizard .nav-tabs > li {
    width: 27%;
}
.campaign-step  .wizard .nav-tabs > li:last-child {
    width: auto;
}




.campaign-step .wizard .nav-tabs > li a {
    border-radius: 100%;
    padding: 26px 56px;
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding-right: 5px;
    z-index: 2;
    font-size:12px;
}

.campaign-step  .wizard .nav-tabs > li a:hover {
    border-color:transparent;
}

.campaign-step  .wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.campaign-step .wizard h3 {
    margin-top: 0;
}

.step1 h3{font-family: poppins-light;font-size:24px;}
.step1 h3 span{font-family: poppins-semiBold;}
.step1 .drag-label{width:50%;position: relative;margin:50px auto;display: block;}

.step1 .uploaded-file {
    position: relative;
    padding: 15px 20px;
    padding-left: 65px;padding-bottom:0;font-size:20px;
}
.step1 .uploaded-file span{font-size:12px;}
.step1 .uploaded-file img{position: absolute;left:0;top:0;}

.step2 .custom-select{
    width:60%;
    box-shadow: 0 1px 3px rgba(33,33,33,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    padding: 20px 30px;
    margin: 30px 0;
}
.step2 .custom-select.w-50 {
    width:50%;
}
.step2 .custom-select.w-100 {
    width:100%;
}

.step2 .custom-select label{font-size:12px;margin-top:30px;}

.step3 .step3-fields .custom-select{
    box-shadow: 0 1px 3px rgba(33,33,33,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    padding: 20px 30px;
    margin: 30px 0;
}

.step3 .step3-fields .custom-select label{font-size:12px;margin-top:30px;}

.step3 .call-to-action h2{font-size:20px;}
.step3 .call-to-action h4{font-size:16px;}
.step3 .call-to-action ul{margin:20px 0;list-style: none;padding:0;}
.step3 .call-to-action ul li{width:50%;float: left;display: inline;padding:8px 5px;}
.step3 .call-to-action .custom-select label{font-size:12px;margin-top:15px;}

.step-4 .step4-content h2{color:#9dafb8;font-size:20px;font-family: poppins-light;}
.step-4 .step4-content p{color:#9dafb8;font-size:16px;font-family: poppins-light;}
.step-4 .step4-content p b{color:#9dafb8;font-size:16px;font-family: poppins-semiBold;}

.test-success{margin-top:30px;border-bottom:1px solid rgba(0,0,0,0.2);float: left;width:100%;display: block;padding-bottom:10px;}
.test-success h5{font-size:18;font-family: poppins-light;color:#045ef1;}
.test-success h6{font-size:16;font-family: poppins-light;color:#9dafb8;}
.test-success .success-link{font-size:14;font-family: poppins-light;color:#4c5159;padding-top:12px;}
.test-success .success-btn{padding-right:35px;position:relative;background-color:#045ef1;border-color:#045ef1;color:#fff;font-size:12;font-family: poppins-light;}
.success-2{margin-top:80px;}
.publish-icon {
    background-position: -191px -64px;
    position: absolute;
    top: 4px;
    right: 10px;
}
.step-buttons{margin-top:25px;text-align:center;}
.step-buttons-right{margin-top:25px;text-align:right; width: 60%; }
.step-buttons .next-step, .step-buttons-right .next-step, .buttons-right .next-step{background-color:#045ef1;border-color:#045ef1;color:#fff;font-size:12;font-family: poppins-light;padding:8px 12px;}
.step-buttons .prev-step{background-color:#9caeb7;border-color:#9caeb7;color:#fff;font-size:12;font-family: poppins-light;padding:8px 12px;}



/*================== campaignpage end ======================*/





.custom-model .modal-dialog{margin:200px auto;width:480px;}
.custom-model .modal-dialog .modal-header{border-bottom:0px;font-family: poppins-regular;}
.custom-model .modal-dialog .modal-header .close{opacity: 1;}
.custom-model .modal-dialog .modal-body .checkbox{font-size:11px;font-family: poppins-light; }
.custom-model .modal-dialog .modal-body .checkbox .cr{border: 1px solid#455a64;border-radius: 2px;}
.custom-model .modal-dialog .modal-body .checkbox .cr .cr-icon{font-size:8px;top:48%;}
.custom-model .modal-dialog .modal-footer{border-top:0px;text-align: left;}
.custom-model .modal-dialog .modal-footer .model-btn{font-family:poppins-regular;margin-right:25px;color:#0f0f0f;text-decoration: none;}


.footer{margin-bottom:0;font-size:12px;font-family:poppins-light;color:#99abb4;margin-top:50px;}
.footer a{color:#455a64;text-decoration: none;}
.footer .footer-white,.footer .footer-white a{color:#ffffff;}

@media screen and (min-width: 1600px){
    .sign-page .login-form h2{font-size:48px;width:100%;}
    .footer{position: absolute;bottom:0;}
}



.op-file-nh{font-family:poppins-semiBold;font-size:16px;}
.op-file-th{font-family:poppins-regular;font-size:12px;}
.op-img-text{color:#9dafb8;font-size:16px;font-family:poppins-semiBold;}
.op-file-n{color:#616161;font-family:poppins-semiBold;font-size:16px;padding-right:12px;}
.op-file-t{color:#a5b5be;font-family:poppins-regular;font-size:16px;}


.temp1{position: relative;}
.temp1 .drop-icon{position: absolute;bottom: 4px;right: 2px;}
.temp2{position: relative;}
.temp2 .drop-icon{position: absolute;bottom: 4px;right: 2px;}
.select2-container--default .select2-selection--multiple{
    border:0;
    border-bottom: 1px solid #9caeb7;
    border-radius: 0;
    color:#9caeb7;
    padding-left: 0;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{display: none;}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border:0;
    background-color: #fff;
    color:#000;
    border-bottom: 1px solid #979292;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #9caeb7;
    border: 1px solid #9caeb7;
    border-radius: 25px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 4px 11px;
    color: #fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ebebec;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #fff;
}
.select2-dropdown{border:0px;
    box-shadow: 0 0 3px rgba(33,33,33,.2);
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 4px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 4px rgba(0,0,0,.2);
}
.select2-results__option {
    padding: 8px 15px;
}


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #606162;
    cursor: default;
    background-color: #ccc;
    border-color: #ccc;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #606162;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ccc;
}
.pages-drop{margin:10px 0;}
.pages-drop .btn-primary{
    color: #606162;
    background-color: #fff;
    border-color: #ccc;
}
.pages-drop.open > .dropdown-toggle.btn-primary:focus,.pages-drop.open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
}
.dismiss-btn{
    border-color: #99abb4;
    padding: 5px 9px;
    color: #fff;
    background: #99abb4;
    padding: 10px 12px;
    font-size: 15px;
    margin-bottom: 30px;
}
.dismiss-btn:hover {
    color: #fff;
}
.sect-box .custom-select {padding:0px 10px 20px 10px!important;}
.fulwidth{
    width: 100%!important;
}
.videofile-icon {
    background-position: -5px -249px;
    height: 26px;
    margin-right: 4px;
}
.objectfile-icon{
 background-position: -33px -245px;
    height: 30px;
    margin-right: 4px;

}
.objectt-icon{
 background-position: -63px -245px;
    height: 30px;
    margin-right: 4px;
    
}
.objectname-icon{
     background-position: -86px -246px;
    height: 30px;
    margin-right: 4px;
}



.inputfile-box {
  position: relative;
}

.inputfile-box .inputfile {
 display: none!important;
}



.file-box {
  display: inline-block;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.4);
    padding: 5px 0px 5px 5px;
    width: 75%;
    padding-top: 25px;
}

.labelwidth{
    width: 100%;
}

.inputfile-box .btn2{

display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right;
    margin-top: -5px;
}
.heightline {
    margin-top: 55px;
}
.inputfile-box .labelwidth {
    margin: 0!important;
}
.notifiytable .table>tbody>tr>td {
    padding: 20px 0;
}
.sect-box label {
    margin-top: 20px!important;
}
.sect-box label.mt-0 {
    margin-top: 0 !important;
}
.heightline .custom-select {
    margin: 26px 0!important;
}

.techlo9-input{
    margin-top: 2.5px;
}

.custom-file {
    position: relative;
}
.custom-file:after {
    content: "";
    display: block;
    clear: both;
}
.custom-file__input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 33px;
    opacity: 0;
    cursor: pointer;
}
.custom-file__text {
    display: block;
    float: left;
    width: 75%;
}

.fileWrapper {
    width: auto !important;
}

.fileInputText {
    height: 33px !important;
    width: 75% !important;
    line-height: normal !important;
    display: block;
    float: left;
    border: 0;
    border-bottom: 1px solid #9caeb7;
    border-radius: 0;
    color: #9caeb7;
    padding-left: 0;
}
.fileInputButton {
    height: 37px !important;
    width: calc(22% - 15px) !important;
    background-repeat: no-repeat;
    float: left;
    margin-left: 15px;
    border: none;
    background-color: #045ef1;
    border-radius: 3px;
    color: #fff;
}


:root {
  --purple: #393f48;
  --red: #045ef1;
}
.highlight {
  background: rgba(255,215,0,0.115);
}

/* Cookie Dialog */
#gdpr-cookie-message {
  position: fixed;
  right: 30px;
  bottom: 30px;
  max-width: 375px;
  background-color: var(--purple);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 6px 6px rgba(0,0,0,0.25);
  margin-left: 30px;
  font-family: system-ui;
}
#gdpr-cookie-message h4 {
  color: #ffffff;
  font-family: 'Quicksand', sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
  color: var(--red);
  font-family: 'Quicksand', sans-serif;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
  color: white;
  font-size: 15px;
  line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
  margin-bottom: 0;
  text-align: right;
}
#gdpr-cookie-message li {
  width: 49%;
  display: inline-block;
}
#gdpr-cookie-message a {
  color: var(--red);
  text-decoration: none;
  font-size: 15px;
  padding-bottom: 2px;
  border-bottom: 1px dotted rgba(255,255,255,0.75);
  transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
  color: white;
  border-bottom-color: var(--red);
  transition: all 0.3s ease-in;
}
#gdpr-cookie-message button {
  border: none;
  background: var(--red);
  color: white;
  font-family: 'Quicksand', sans-serif;
  font-size: 15px;
  padding: 7px;
  border-radius: 3px;
  margin-left: 15px;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
  background: white;
  color: var(--red);
  transition: all 0.3s ease-in;
}
button #gdpr-cookie-advanced {
  background: white;
  color: var(--red);
}
#gdpr-cookie-message button:disabled {
  opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
  float: none;
  margin-top: 0;
  margin-right: 5px;
}

.d-none {
    display: none;
}
.mt-0 {
    margin-top: 0 !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.mr-20 {
    margin-top: 10px;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.text-light {
    color: #99abb4 !important;
}
.buttons-right {
    margin-top: 25px;
    text-align: right;
}
#template-form .account-setting .form-control.error,
.media-value .form-control.error {
    background: none;
    border: 0;
    border-bottom-color: red !important;
    border-bottom-style: none;
    border-bottom-width: 0px;
    box-shadow: 0px 1px 0px 0px rgb(0 0 0 / 10%);
    border-bottom: 1px solid rgba(0,0,0,0.4);
    border-radius: 0;
    margin: 20px 0 0 0;
    padding: 0 0 4px 0;
    font-size: 14px;
    font-family: poppins-light;
    width: 100%;
}
#template-form .account-setting label.error,
.media-value label.error {
    background: none;
    color: red;
    padding: 0;
    margin: 0 !important;
    position: relative;
    width: 100%;
}

.temp__heading {
    color: #383f47;
    font-weight: bold;
    font-size: 50px;
}
.temp__title {
    color: #99abb4;
    font-family: poppins-light;
    margin-top: 50px;
}

.dark-theme .page-topbar .logo-area {
    background-color: #383f49;
}

.dark-theme .page-sidebar {
    background-color: #383f49;
}