@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap');

html{
    height: 100%;
}
body{
    background: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 1.4;
}
img {
	max-width: 100%;
}

::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 0;
	background-color: #7d7d7d;
}
::-webkit-scrollbar{
	width: 5px;
	height: 5px;
	background-color: #7d7d7d;
}

::-webkit-scrollbar-thumb{
	border-radius: 0;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #23252C;
}
::-webkit-scrollbar-thumb:horizontal {
  	background: black;
}

.p-0{
    padding: 0;
}

a{
    color: #F25138;
}
a:hover, a:focus{
    color: #222;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
    color: #282C37;
    font-family: 'Poppins', sans-serif;
}

h2#block0title{
    font-weight: 400;
    font-size: 20px;
}
form#loginForm {
    padding: 20px;
}
.btn-accent, .btn-accent:hover {
    border-color: #F1523B;
    color: #fff;
    background: #F1523B;
}

.container-center.animated.slideInDown{
    margin-top:3%;
}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:focus{
    padding:3px;
    background: #fff;
    height: 50px;
}
.navbar-default .navbar-brand{
    height: 50px;
}
.navbar-default .navbar-brand:hover{
    background: #fff;
}
.rd-dash-sidebar-item-details-secondary
{
	padding-left:5px;
	font-size:smaller;
}

.stats-brief
{
	font-size:11px;
}
button, .button, html input[type="button"], input[type="reset"], input[type="submit"], .ab-button {
    background-color: transparent;
    border: 1px solid;
    border-color: #BCBCBC;
    color: #6C757D;
    -moz-user-select: none;
    background-image: none;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    font-size: inherit;
    font-weight: normal;
    line-height: 1.42857;
    padding: 10px 20px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.ab-button:focus, .ab-button.focus {
    background-color: #F25138;
    border-color: #F25138;
    box-shadow: none;
    color: #ffffff;
    outline: 0 none;
}
.ab-button:hover, .ab-button:focus {
    background-color: #F25138;
    color: #ffffff;
    border-color: #F25138;
}

.panel-profile .media-usermeta {
    color: #767676;
    margin-top: 4px;
    display: inline-block;
}
.panel-profile .media-usermeta span{
    display: table;
    clear: both;
}
.panel-body.people-info{
    background: #fff;
}
.panel-body.people-info .col-sm-2 {
    width: auto!important;
    margin-right: 15px;
}
.panel-profile.list-view .media {
    margin-top: 0;
    float: left;
    display: table;
}
.panel-profile .media-usermeta img{
    position: relative;
    top:-2px;
}
.panel-profile .media-usermeta i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: baseline;
}
.panel-profile .people-info .row {
    margin: 0;
}
.panel-profile .people-info .row + .row {
    margin-top: 1px;
}
.panel-profile .people-info .col-sm-4 {
    padding: 0;
}
.panel-profile .people-info .col-sm-4:first-child > .info-group {
    margin-left: 0;
}
.panel-profile .people-info .social-account-list > i {
    font-size: 28px;
}
.panel-profile .people-info h4 {
    color: #259dab;
    font-weight: 500;
    margin: 9px 0 8px;
}
.panel-profile .people-info .fa, .panel-profile .people-info .glyphicon {
    color: #3b4354;
    font-size: 14px;
    margin-right: 5px;
    vertical-align: baseline;
}
.panel-profile .people-info .info-group {
    background-color: #fff;
    margin-left: 0px;
    padding: 15px 0px;
    padding-top:5px;
    font-size: 20px;
    color: #767676;
    line-height: 10px;
}
.panel-profile .people-info .info-group span{
    margin-left:3px;
    position: relative;
    top:-2px;
    font-size: 14px;
}
.panel-profile .people-info .info-group label {
    color: #767676;
    display: block;
    font-size: 13px!important;
    font-weight: 400;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
    text-transform: uppercase;
    float:left;
}
.panel-profile .people-info .info-group .social-account-list {
    padding-top: 2px;
}
.panel-profile .people-info .info-group .social-account-list > i {
    font-size: 28px;
    line-height: 17px;
    margin: 4px 2px 0;
}
.panel-profile .people-info .info-group .social-account-list > i.fa-facebook-official {
    color: #3a5795;
}
.panel-profile .people-info .info-group .social-account-list > i.fa-twitter {
    color: #55acee;
}
.panel-profile .people-info .info-group .social-account-list > i.fa-dribbble {
    color: #ea4c89;
}
.panel-profile .people-info .info-group .social-account-list > i.fa-github {
    color: #4078c0;
}
.panel-profile .people-info .info-group .social-account-list > i.fa-linkedin {
    color: #0073b2;
}
.panel-profile .people-info .info-group .social-account-list > i.fa-skype {
    color: #4bb4ff;
}
.panel-profile.list-view .media {
    margin-top: 0;
    float: left;
    display: table;
}
.panel-profile.list-view .media .media-left {
    padding-right: 15px;
    min-width: 80px;
    float: left;
}
.panel-profile.list-view .media .media-object {
    border: 0px solid #eaecf0;
    padding: 0px;
    width: 48px;
}
.panel-profile.list-view .media .media-heading {
    color: #3b4354;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px;
    margin-top: 5px;
}
.info-group a{
    color: #31b0d5;
}
.media-heading a{
    color: #000;
}
.panel-profile.grid-view .panel-heading {
    position: relative;
}
.panel-profile.grid-view .panel-heading .people-actions {
    position: absolute;
    right: 15px;
    top: 15px;
}
.panel-profile .panel-heading{
    clear: both;
    display: inline-block;
    width: 100%;
    /*padding-bottom: 0px;*/
    background: #fff;
}
.panel{
    margin-bottom: 10px;
}
.panel-profile.grid-view .panel-profile-photo {
    display: inline-block;
}
.panel-profile.grid-view .panel-profile-photo img {
    border: 2px solid #dbdfe6;
    padding: 2px;
}
.panel-profile.grid-view .panel-profile-name {
    font-size: 16px;
    margin: 20px 0 5px;
}
.panel-profile.grid-view .info-group {
    background-color: transparent;
    border-top: 1px solid #dbdfe6;
    margin-left: 0;
    padding: 10px 0;
}
.panel-profile.grid-view .info-group.last {
    padding-bottom: 0;
}
.panel-profile.grid-view h4 {
    margin: 5px 0 0;
}
.panel-profile.grid-view .row {
    margin: 0;
}
.panel-profile.grid-view .col-xs-6 {
    border-left: 1px solid #dbdfe6;
    padding: 0;
}
.panel-profile.grid-view .col-xs-6 > .info-group {
    padding-left: 20px;
}
.panel-profile.grid-view .col-xs-6:first-child {
    border-left: 0 none;
}
.panel-profile.grid-view .col-xs-6:first-child > .info-group {
    padding-left: 0;
}
.img-circle {
    border-radius: 50%!important;
}
.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top;
    width: auto;
}
.panel-options {
    margin: 0;
    padding: 0;
    float: right;
    list-style: none;
}
.panel-options li{
    float: left;
    margin-right: 15px;
    text-align: center;
}
.panel-options li a{
    text-align: center;
    font-size: 18px;
    border-radius: 100px;
    border: 1px solid #e62117;
    width:30px;
    height:30px;
    display: table;
    padding-top:3px;
}
.panel-options li a i{

}
.profilesidebar{
    background:rgba(68, 70, 79, 1);
    padding: 20px;
    margin-top:15px;
    border-radius: 3px 3px 0 0!important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    max-width: 200px;
}
.profilesidebarright .block-content-outer{
    border:0px;
    border-radius: 0px!important;
    box-shadow: none!important;
}


.breadcrumb {
    background: transparent;
    margin: 0px 0 0;
    border-bottom: 0;
    border-radius: 0px;
    padding: 15px 0;
}
.breadcrumb a{
    color:#3e3c3c!important;
}
.breadcrumb li:first-child a {
    font-size: 0;
    position: relative;
    width: 25px;
    height: 25px;
    display: table;
    top: 6px;
}
.breadcrumb li:first-child a:before {
	content: '';
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(images/breadcrumb-home.svg);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: left center;
}
.breadcrumb > li {
	position: relative;
}
.breadcrumb > li + li {
	padding-left: 15px;
}
.breadcrumb > li + li:before{
	padding: 0 0px;
    background-image: url(images/breadcrumb-arrow.svg);
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 0;
    position: absolute;
    left: 0;
    top: -4px;
    width: 25px;
    height: 25px;
    content: '';
}
h2#block0title {
    margin-bottom: 25px;
    position: relative;
}
h2#block0title a.button {
    padding: 10px 13px;
    background: #F1523B;
    border-color: #F1523B;
    color: #fff;
    font-size: 16px;
    border-radius: 6px;
    text-align: center;
    width: 180px;
    position: absolute;
    right: 0;
    top: 0px;
    font-weight: 400;
}
h2#block0title a.button img {
	margin-right: 5px;
}
.adminbuttons {
    padding-top: 0 !important;
}
.profilesidebarright .nav, .console_tabs .nav {
    border-bottom: 2px solid #dce2e4;
    margin-bottom: 15px;
}
.profilesidebarright .nav-tabs > li, .console_tabs .nav-tabs > li{
    margin-bottom: 0px;
    border: 0;
    border-bottom: 3px solid transparent;
}
.profilesidebarright .nav-tabs > li + li, .console_tabs .nav-tabs > li + li {
    margin-left: 20px;
}
.profilesidebarright .nav-tabs > li > a, .console_tabs .nav-tabs > li > a {
    color: #5a6779;
    text-transform: none;
    font-weight: 400;
    background: #f1f1f1;
    border-radius: 0px;
    min-width: 70px;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
}
.settings_page .profilesidebarright .nav-tabs > li > a{
    font-size: 14px;
}
.profilesidebarright .nav-tabs > li.active, .console_tabs .nav-tabs > li.active{
    border-bottom: 3px solid #F25138;
    border-left: 0px;
    margin-bottom: -1px;
    top:1px;
}
.profilesidebarright .nav-tabs > li > a:hover, .console_tabs .nav-tabs > li > a:hover{
    background: transparent !important;
    color: #000;
}
.profilesidebarright .nav-tabs > li.active > a, .profilesidebarright .nav-tabs > li.active > a:hover,
.console_tabs .nav-tabs > li.active > a, .console_tabs .nav-tabs > li.active > a:hover{
    color: #F25138;
}
.nav-tabs > li > a{
    margin-right:0px;
    border:0px solid;
}
.profilesidebarright .adminbuttons button{
    margin-bottom: 5px;
}
.customerinfo .video_item .videoinfo{
    min-height: inherit;
}
.customerinfo .video_item{
    max-width: 47%;
}


.video_item .videoscreen img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin:0px auto;
}
.video_item .edit.pageurl img{
    top:-2px;
}
.video_item .edit img{
    position: relative;
    height: auto;
}
.label-info{
    background: #25aeeb;
}
.profilesidebar h2{
    color: #fff;
    font-weight: 400;
}
.profilesidebar .list-group {
    margin: 20px 0;
}

.profilesidebar .list-group-item{
    background: none;
    border: 0px;
    display: table;
    width: 100%;
    padding-left: 0px;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 0px;
}
.profilesidebar .list-group-item span{
    float: right;
    max-width:70%;
    text-align: right;
    font-weight: 300;
    text-transform: none;
}
#right-column .right-column-content{
    display: table;
    width:100%;
}
.customerimg{
    border-radius: 250px!important;
    height: 150px;
    width: 150px;
    display: block;
    border: 0px solid #505b72;
    margin: 0px auto;
    margin-bottom: 10px;
}
.customerimg img{
    border-radius: 250px!important;
    border:0px solid #262b35;
    max-width: 100%;
    display: table;
}
.customer-side-info-title, .customer-side-info-phone, .customer-side-info-email{
    text-align: center;
    color: #fff;
}
.profile-btn-follow{
    color: #fff;
}
.btn-default.profile-btn-follow{
    border-color: #ccc;
}

.profilesidebarright .block{
    padding:0px;
    border-width:0px;
    border-color: transparent;
    border-style: solid;
    margin-bottom: 0px;
}
.panel-body.people-info{
    display: table;
    width: 100%;
    padding: 0px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    border-color: #484c5a;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff !important;
}
.label-default {
    background-color: #E3E3E5;
    color: #44464F;
    font-weight: 500;
}
.label-info {
    background: #DFF3FC;
    color: #25AEEB;
    font-weight: 500;
}
.vehicle_condition{
    background: #f0f0f0;
    color: #666;
    font-size: 18px;
    border-radius: 100px;
    display: flex;
    height: 34px;
    width: 34px;
    align-items: center;
    justify-content: center;
    float: left;
}
#smsblastform table tr td{
    vertical-align: middle;
}

.customername{
    padding-left: 15px;
    display: block;
    float: left;
    white-space: break-spaces;
    color: #282C37;
}
.at-cell-name > a{
    color: #282C37;
}
.navbar ul.dropdown-menu {
    box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
    border: 0;
    border-radius: 8px;
}
.navbar ul.dropdown-menu a {
    background: #fff !important;
    border-radius: 5px;
}
.navbar ul.dropdown-menu a:hover, .navbar ul.dropdown-menu a.active {
    background: #F3F4F6 !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #fff !important;
}
.navbar ul.navbar-nav li.businessid span {
    background: #E9F6FD;
    color: #25AEEB;
    padding: 10px;
    border-radius: 6px;
    width: 150px;
    text-align: center;
    display: inline-block;
    font-weight: 600;
    margin: 0 5px;
}
.navbar-brand {
    width: 100%;
    height: 75px;
    display: flex;
    align-items: center;
    padding: 15px 0px;
}
.navbar-brand img {
	width: 100%;
}
.top_header {
    /*width: calc(100% - 250px);*/
    margin-left: 250px;
    transition: margin-left 0.3s ease-out;
    -webkit-transition: margin-left 0.3s ease-out;
}
.navigation:before {
	display: none;
}
.navigation {
    width: 250px;
    margin-top: 0;
    position: fixed;
    left: 0;
    top: 0;
}
.navigation nav {
    height: calc(100vh - 135px);
    margin-top: 75px;
    overflow-y: auto;
}
.navbar{
    border: 0px solid #e8e8e8;
    min-height: 60px;
    margin-bottom: 0px;
    border-radius: 0px;
    position: relative;
    z-index: 999;
}
.luna-nav.nav li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    min-height: 50px;
    min-width: 40px;
    color: #fff;
    border-radius: 5px;
    padding: 10px;
}
.luna-nav.nav li a img {
    width: 25px;
    /*position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);*/
}
.luna-nav.nav li a span.main-menu-text {
    line-height: 1;
    padding-left: 15px;
}
.luna-nav.nav li.active a, .luna-nav.nav li a:hover {
    border-left: 0px solid;
    color: #fff;
    padding-left: 10px;
    background: #23252C;
}
body.nav-toggle .luna-nav.nav li.active a, body.nav-toggle .luna-nav.nav li a:hover {
	padding-left: 10px;
}
body.nav-toggle .luna-nav.nav li a span.main-menu-text {
    display: none;
}
.left-nav-toggle {
	float: none;
	padding: 0;
}
.left-nav-toggle a {
    padding: 10px;
    width: 100%;
    height: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.left-nav-toggle img.img_2, .navbar-brand img.mobile_logo {
    display: none;
}
body.nav-toggle .left-nav-toggle img.img_1, body.nav-toggle .navbar-brand img.desktop_logo {
    display: none;
}
body.nav-toggle .left-nav-toggle img.img_2, body.nav-toggle .navbar-brand img.mobile_logo {
    display: block;
}

body.nav-toggle .navigation {
    width: 80px;
    left: 0;
}
body.nav-toggle .content, body.nav-toggle .top_header {
    margin-left: 80px;
}
.navbar > .container-fluid .navbar-brand{
    margin-left: 20px;
    padding-top:25px;
    padding-bottom:25px;
    display: table;
}

.navbar > .container-fluid{
    padding-right: 0px;
}
.navbar-default .navbar-collapse{
    box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    min-height: 60px;
    padding: 15px;
}

.profil-link .icon-img img{
    margin-right: 0;
}
.profil-link img{
    height: inherit;
    margin-right: 10px;
    margin-left: 0;
}
#navbar ul.navbar-nav > li a {
    display: flex;
    align-items: center;
    flex-direction: row;
}
#navbar ul.navbar-nav > li > a {
    padding: 0;
}
#navbar ul.navbar-nav > li + li {
    margin-left: 15px;
}
.profil-link ul.dropdown-menu li a, .setting-link ul.dropdown-menu li a{
    padding:10px!important;
}
.profil-link ul.dropdown-menu li, .setting-link ul.dropdown-menu li {
	padding-left: 10px;
	padding-right: 10px;
}
.main-menu-icon img{
    max-width: 25px;
}
.luna-nav.nav.dashboards_links li > a, .luna-nav.nav.dashboards_links .nav-category{
    padding:20px 15px;
}
.luna-nav.nav li > a .main-menu-text i{
    display: none;
}


.content{
    margin-top: 0px;
    background: #f1f1f1;
    border-left: 1px solid #e8e8e8;
    margin-left: 250px;
    min-height: calc(100vh - 55px);
    padding: 15px;
    padding-top: 20px;
}
.content:before{
    background: #f1f1f1;
}
.navbar-form input.form-control {
    width: 100%;
    border: 1px solid #E9E9EB;
    box-shadow: none;
    border-radius: 5px;
    height: 45px;
    padding: 10px;
    padding-right: 40px;
}
.navbar .container-fluid{
    margin-left: 0px;
    padding-left: 0px;
}
.view-header .header-icon{
    color: #e62117;
}
.navbar-default .navbar-form{
	width: 300px;
    position: relative;
    margin: 0;
    border: 0;
}
#navbar ul.navbar-nav {
    display: flex;
    align-items: center;
    margin-right: 0;
    margin-left: 0;
}
.left-nav-toggle a:focus,
.left-nav-toggle a:hover{
    color: #fff;
}
.left-nav-toggle:hover a{
    color: #fff;
}
.navbar-form button{
    border-radius: 0px;
    border: 0px solid;
    border-left: 0px solid;
    background: transparent;
    color: #333;
    line-height:20px;
    padding:6px;
    position: absolute;
    right:0;
    top: 0;
    width: 40px;
    height: 45px;
}
.luna-nav.nav{
    padding: 10px;
}

th{
    color: #333;
}
.table {
	white-space: nowrap;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    border-color: #eee;
    color: #282c37;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 15px !important;
}
.table > thead > tr > th {
    text-transform: capitalize;
    background: #F9FAFB;
    color: #000 !important;
}
.table > tbody > tr:hover, .table tr.admintable_row:hover td {
    background: #fff !important;
}
.at-cell-login .label-primary,
.at-cell-actions .label-primary{
    background: #25c1d3;
    font-weight: normal;
    font-family: "Open Sans",sans-serif;
    font-size: 11px;
    padding: 7px 15px;
    border-radius: 5px;
}
.at-cell-login .label-success,
.at-cell-actions .label-success{
    font-weight: normal;
    font-family: "Open Sans",sans-serif;
    font-size: 11px;
    padding: 7px 15px;
    border-radius: 5px;
}
.panel.panel-filled{
    background: #fff;
}
label{
    color: #000;
}
footer p{
    color: #666;
    font-size: 11px;
    text-align: center;
    padding-top: 40px;
}
footer{
    width: calc(100% - 10px);
    color: #000;
    left:10px;
    bottom: 0px;
    position: absolute;
    display: contents;
}
.add_contact .adminform_savebutton {
    text-align: right;
    padding: 0;
    margin-top: 20px;
}
select.form-control {
    height: 40px;
}
.customerdetails:hover{
    background: #f8f8f9;
    border: 1px solid #e7e7e7;
    color: #5a6779;
}
.profilesidebarright .adminbuttons{
    display: table;
    width: 100%;
}
.profilesidebarright .availabletags .tag-wrap {
    padding: 10px 20px 12px 20px;
}
.profilesidebarright h3{
    clear: both;
    margin-top: 10px;
}
.customerdetails{
    border: 1px solid #e7e7e7;
    padding: 0px;
    background: #f8f8f9;
}
.nice-select{
    line-height: 25px!important;
    width: 100%;
}
.nice-select:after{
    height: 10px!important;
    width: 10px!important;
    border-color: #bcbec2!important;
    top:45%!important;
}
.playvideobutton {
    background: url(images/play-icon.svg) no-repeat center center;
    background-size: 40px;
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.sharebuttom{
    border-top: 1px solid #f0efef;
}

.sharebuttom ul{
    list-style: none;
    margin:0px;
    padding: 0px;
    display: flex;
    align-items: center;
}
.video-title a{
    color:#167ac6;
    font-weight: 500;
}
.video-description{
    padding:0px 10px;
}
.video-title{
    padding:5px 10px;
}
.sharebuttom ul li a i{
    font-size: 23px;
    margin: auto;
}
.sharebuttom ul li a {
    display: flex;
    align-items: center;
    width: 30px;
    height: 30px;
    margin: 5px;
    text-align: center;
    line-height: 30px;
}
.sharebuttom ul li img {
    width: 20px;
    position: unset;
    height: 20px;
    object-fit: contain;
}
.sharebuttom .qnty a {
    margin-right: -7px;
}
.sharebuttom .qnty span {
	padding-left: 5px;
}
.sharebuttom ul li:last-child {
    margin-left: auto;
}
.sharebuttom ul li:last-child img {
	width: 30px;
	height: 30px;
}
.sharebuttom ul li a.pageurl{
    color: #372778;
}
.sharebuttom ul li a.linkedin{
    color: #00a3c0;
}
.sharebuttom ul li a.twitter{
    color: #29c5f6;
}
.dashboard .small{
    text-align: center;
}

.dashboard .block {
    background: #fff;
    box-shadow: 0 3px 0 rgb(0 0 0 / 10%);
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 30px;
    position: relative;
    border-radius: 5px;
}
.dashboard .block h2{
    text-align: left;
    font-size: 24px;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 0 !important;
}

.videoscreen.audioscreen img{
    margin-top: 10px;
    max-width: 100%;
}
.videoscreen.audioscreen {
    padding-bottom: 20.25%;
}
.videoscreen {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.helpvideos .videoscreen {
    position: relative;
    padding-bottom: 63.25%;
    height: 0;
}
.videoscreen video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video_item .videoinfo, .audioinfo {
	margin: 15px 0;
	position: relative;
}
.videoscreen-wrapper .customer-info {
    margin: 15px 0 10px;
    padding-right: 130px;
}
.videoscreen-wrapper .customer-info h5, .video_item .videoinfo h5, .audio-uploaded-info h5 {
    margin: 0;
    font-weight: normal;
}
.video_item .videoinfo .customer-info span,
.video_item .videoinfo .received-info, .video_item .videoinfo span, .audio-uploaded-info span {
    font-size: 13px;
    font-weight: 600;
    color: #282C37;
}
.video_item .videoinfo .received-info p {
    display: block;
    color: #5a6779;
    font-weight: normal;
    font-size: 16px;
}
.video_item .videoinfo .vide-status {
/*    padding: 9px 15px;
    background: #E7F8F1;
    color: #0FBC78;
    font-size: 15px;
    text-transform: unset;
    font-weight: normal;
    border-radius: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    width: max-content;
    max-width: 120px;
    position: absolute;
    top: 0;
    right: 0;*/
}
.sharebuttom ul li.flex_item {
    display: flex;
    white-space: nowrap;
    color: #4AB4FF;
}
.sharebuttom ul li.flex_item a svg,
.sharebuttom ul li.flex_item a img{
    margin: auto;
}
.sharebuttom ul li.flex_item a {
	color: #4AB4FF;
    display: flex;
    align-items: center;
}

.customer_video_list .video_item{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    margin-right: 10px;
}
.videoscreen-wrapper {
    width: 100%;
    border: 1px solid #efefef;
    padding: 12px;
    border-radius: 6px;
}
.videoscreen{
    border: 0px solid #e2e2e2;
    border-bottom: 0px solid;
    display: table;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
}
/*.luna-nav.nav li > a .main-menu-text > div{
    display: table;
    width: 100%;
    height: 24px;
    background-position: left top;
    background-size: 25px;
    background-repeat: no-repeat;
    padding-left:26px;
    text-align: center;
}
.luna-nav.nav li > a:hover .nav-dashboard, .active .nav-dashboard{
    background-image: url(images/dashboard-active.png);
}
.luna-nav.nav li > a:hover .nav-customers, .active .nav-customers{
    background-image: url(images/customers-active.png);
}
.nav-customers{
    background-image: url(images/customers-default.png);
}
.luna-nav.nav li > a:hover .nav-add, .active .nav-add{
    background-image: url(images/addcustomers-active.png);
}
.nav-add{
    background-image: url(images/addcustomers-default.png);
}
.luna-nav.nav li > a:hover .nav-add, .active .nav-add{
    background-image: url(images/addcustomers-active.png);
}
.luna-nav.nav li > a:hover .nav-startcamp, .active .nav-startcamp{
    background: url(images/camp-act.png) no-repeat center top;
}
.luna-nav.nav li > a:hover .nav-videofiles, .active .nav-videofiles{
    background: url(images/videofiles-act.png) no-repeat center top;
}
.luna-nav.nav li > a:hover .nav-tags, .active .nav-tags{
    background: url(images/tags-act.png) no-repeat center top;
}
.luna-nav.nav li > a:hover .nav-assets, .active .nav-assets{
    background: url(images/assets-act.png) no-repeat center top;
}
.luna-nav.nav li > a:hover .nav-settings, .active .nav-settings{
    background: url(images/settings-act.png) no-repeat center top;
}*/




.customer_video_list .video_item video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*.col-md-6{
    width:50%;
}*/
.request_buttons{
    max-width: 400px;
    margin: 0px auto;
}
.request_buttons:first-child{
    margin-top:0px;
}
.request_buttons .btn:hover{
    background: #cc181e;
    color: #fff;
    border-color: #cc181e;
}
.request_buttons .btn{
    border-color: rgba(68, 70, 79, 1);
    color: rgba(68, 70, 79, 1);
    margin-bottom: 10px;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}


.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1 + label {
    color: #fff;
    background-color: #cc181e;
    font-size: 15px;
    padding:10px 30px;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #722040;
}

.uservideowrap{
    float: none;
    margin: 0px auto;
    display: table;
    margin-bottom: 60px;
}
.uservideo #block0title{
    text-align: center;
}
.socialshare{
    margin-top:30px;
    margin-bottom:20px;
    float: left;
}
.socialsharewrap{
    float: left;
    margin-top:25px;
    margin-bottom:20px;
    margin-left:20px;
}
.socialsharewrap td{
    vertical-align: middle!important;
}
.fb-button:hover{
    color: #fff;
}
.fb-button{
    font-size: 18px;
    border-radius: 0px;
    background: #3b579d;
    padding:5px 60px;
    color: #fff;
    text-align: center;
}
.tw-button:hover{
    color: #fff;
}
.tw-button{
    font-size: 18px;
    border-radius: 0px;
    background: #5ea9dd;
    padding:5px 60px;
    color: #fff;
    text-align: center;
    margin-left:5px;
    margin-right:5px;
}
.sms-button:hover,
.linked-button:hover{
    color: #fff;
}
.linked-button{
    font-size: 18px;
    border-radius: 0px;
    background: #006599;
    padding:5px 60px;
    color: #fff;
    text-align: center;
    margin-right:5px;
}
.sms-button{
    font-size: 18px;
    border-radius: 0px;
    background: #6fc01d;
    padding:5px 60px;
    color: #fff;
    text-align: center;
    margin-right:5px;
}
.videopage .videodescription,
.videopage .videotitle{
    text-transform: none;
}
.profilesidebar .adminbuttons button{
    color: #ffffff;
    background-color: transparent;
    border:1px solid #DB524B;
    width: 100%;
}
.profilesidebar .adminbuttons button.ab-button{
    color: #3c3c3c;
}
.profilesidebar.videopage .label-info{
    margin-right: 7px;
}
.profilesidebar .adminbuttons{
    text-align: center;
    margin-top:20px;
}
.videotable .settingssection{
    text-align: center;
}
.videotablescreen .video-description.labels{
    display: table;
    width:100%;
    padding:10px;
}
.video-description .label-info{
    margin:0px 5px;
}
.videotable span{
    padding: 6px 2px;
    font-size: 12px;
    color: #000;
    display: table;
    margin: 0px auto;
}
.videotable .settingssection span{
    display: table;
    color: #000;
    float: left;
    font-size: 12px;
    padding: 6px 2px;
}
.videotable .settingssection a{
    float: left;
    width: inherit;
    padding:0px 10px;
}
.embed_grid{
    /*display: table;*/
    width: 100%;
    padding:20px;
    background: #fff;
    margin: 15px 0 30px;
    display: inline-block;
    position: relative;
}
.embed_grid h2 {
    padding: 0 10px 30px;
    margin-top: 0;
}
.settingspage.addcustomer {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none;
    position: unset;
}
.adminform_form {
	padding: 25px 15px 20px !important;
}
.socialsharewrap.settingspage .adminform_form {
	border-radius: 5px;
	margin-bottom: 0;
	padding: 0 !important;
}
.socialsharewrap.settingspage .adminform_form tr#admintablerow-tag,
.settingspage.addcustomer table.adminform_table tr#admintablerow-tag {
    width: 50% !important;
}
.embed_grid .socialsharewrap tr td[title="Preview"] a {
    padding: 0 !important;
}
.embed_grid .socialsharewrap .adminbuttons.adminbuttons {
    top: 15px;
    right: 15px;
}
.embed_grid table.table-striped.table-editable {
    border: 1px solid #eee;
}
.embed_grid table.adminform_table td[colspan="2"] {
    font-size: inherit;
    font-weight: 400;
}
.settingspage.addcustomer.invitecode a.previewinviteurl {
    float: right;
    text-decoration: underline;
    padding: 0 10px;
}


.csv-button {
    color: #1E4FD8!important;
    padding: 0;
    font-size: 12px;
    font-weight: normal!important;
    text-decoration: underline !important;
}
.aui-message{
    display: table;
    width: 100%;
}
.no_videos{
    background: #F25138;
    color: #fff;
}
.has_videos{
    background: #008000;
    color: #fff;
}
.panel.panel-filled h2{
    text-align: center;
    color: #F25138;
    margin: 5px 0;
    font-family: "Open Sans", sans-serif;
    font-size: 48px;
    font-weight: bold;
}
.dashboard .small{
    font-size: 16px;
}
.panel.panel-filled .panel-body{
    /*background: url(images/trianglebg.png) no-repeat top right #fff;
    padding: 30px 10px;
    box-shadow: 0 3px 2px -2px rgba(0,0,0,0.2);*/
    padding: 0;
}

.video_item .videoinfo .received-info img{
/*    position: relative;
    top:-3px;
    padding-right: 10px;*/
}
.video_item .videoinfo .clockicon{
    top:-1px;
    padding-right: 0px;
    padding-left: 10px;
    display: none;
}
.video_item .videoinfo a{
    color: #666666;
}
.sharebuttom ul li .error{
    line-height: 40px;
    color: red;
}
.video_item .videoinfo img{
    position: relative;
    height: auto;
}
.helpvideos .videoscreen-wrapper .customer-info {
    padding-right: 70px;
}
.helpvideos .videoscreen-wrapper .customer-info p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 40px;
}
.helpvideos .videoscreen-wrapper .vide-status {
    width: 60px;
    position: absolute;
    right: 0;
    top: 0;
}
.dash-period-messages-today .panel.panel-filled h2{
    color: #0aaaed;
}
.dash-period-messages-recieved .panel.panel-filled h2{
    color: #10bc78;
}
.addcustomer {
    background: #fff;
    box-shadow: 0 3px 0 rgb(0 0 0 / 10%);
    padding: 0;
    box-sizing: border-box;
    margin-bottom: 30px;
    position: relative;
    border-radius: 5px;
    display: inline-block;
    margin-top: 20px;
    width: 100%;
}
#modal-content .addcustomer {
    box-shadow: none;
    margin: 0;
}
.addcustomer.emails_choose{
    background: none;
}
.emails_choose .email_container label{
    float: left!important;
    width: auto!important;
    display: table!important;
    color: #000;
    font-size: 20px;
}
.emails_choose .email_container .nice-select{
    margin-top:15px;
    margin-left:20px;
    min-width: 50%;
}
.emails_choose .email_container:before{
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent #dddddd transparent transparent;
    position: absolute;
    left: -14px;
    top: 20px;
}
.emails_choose .email_container:after{
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 14px 14px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    left: -13px;
    top:21px;
}
.emails_choose .email_container{
    display: flex;
    background: #fff;
    border:1px solid #dddddd;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    width: calc(100% - 60px);
}

.emails_choose .email_container label{
    font-weight: 400;
    font-size: 16px;
}
.emails_choose .email_row.lastchild .numbers:after{
     display: none;
}
.emails_choose .email_row .numbers span{
    background: #fff;
    border-radius: 50px;
    width:40px;
    position: relative;
    z-index: 99;
    height:40px;
    text-align: center;
    padding-top: 7px;
    margin-top:20px;
    border:1px solid #ddd;
    font-size: 18px;
    color: #000;
    display: table;
}
.emails_choose .email_row .numbers{
    float: left;
    width:60px;
}
.emails_choose .email_row{
    display: table;
    width: 100%;
    margin-bottom: 40px;
}
.video_item .videoinfo .videolist-uploaded-info, .audio-uploaded-info{
    font-size: 15px;
    margin-bottom: 10px;
    width: 100%;
    /*width: 49%;
    display: inline-block;*/
}
.video_item .videoinfo .videolist-customer-info{
    margin-bottom: 15px;
}
.video_item .videoinfo .videolist-customer-info a{
    color: #78909c;
}
.addcustomer sup{
    top:-5px;
}
.video-list .videoscreen-wrapper .sharebuttom{
    align-items:flex-end;
    position: relative;
    bottom: 0;
}
.videoid{
    position: absolute;
    z-index: 999;
    left: 0px;
    top:7px;
}
.videoid span{
    background: #F25138;
    height: 33px;
    padding:4px 15px;
    position: relative;
    top:3px;
    color: #fff;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.testimonialscreen .videoid {
    top: 7px;
}
.sharebuttom ul li.editsection a{
    float: left;
    width: auto;
}
.video-list .videoscreen-wrapper{
    /*height: 100%;
    display: flex;
    flex-direction: column;*/
}
.profilesidebar{
    background: transparent;
    box-shadow: none;
    position: relative;
    display: table;
    float: left;
    padding: 0px;
    margin-right: 15px;
    margin-bottom: 40px;
}
.profilesidebar h2{
    color:#666769;
    font-size: 24px;
    width: inherit;
    float: left;
    margin-top: 0px;
    margin-bottom: 5px;
    max-width: 130px;
}
.customerinfo{
    float: right;
    max-width: 95%;
}
.settingspage .social_wrapper{
    display: table;
    margin: 0px auto;
}
.initia_message form{
    padding-top:30px;
}
.embed_grid #adminform_table0-0 tr td:first-child{
    margin-bottom:15px;
}
.embed_grid #adminform_table0-0 td{
    display: table;
    width: 100%;
    padding-bottom: 10px;
}
.settingspage table tr td a{
    width: auto!important;
}
.customer-side-info-title, .customer-side-info-phone, .customer-side-info-email{
    color:#666769;
    width: inherit;
    float: none;
    clear: both;
    display: table;
}
input[type="submit"]{
	background-color: #F25138;
    border: 0px solid;
    border-color: inherit;
    color: #fff;
    -moz-user-select: none;
    background-image: none;
    border-radius: 7px;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.42857;
    padding: 12px 35px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.addtag-button {
    position: absolute;
    top: 0;
    right: 0;
}
.tag__contner {
    padding: 10px 20px;
    width: 100%;
    display: inline-block;
}
.tagitem {
    display: inline-block;
    float: left;
    font-size: 14px;
    color: #5D6170;
    font-weight: 400;
    border-radius: 6px;
    margin: 7px 15px 8px 0;
    background: #F2F3F7;
}
.tagitem .tag-wrap {
    display: flex;
    padding: 10px;
    align-items: center;
    justify-content: space-between;
}
.tagitem .customer-link{
    padding: 0px 10px;
}
.tagitem .customer-link img {
    width: 12px;
    position: relative;
    top: -1px;
}
.tagitem .tag-wrap .tag_name {
    font-size: 18px;
}
.tagitem .tag-wrap .tag_action a {
    margin-left: 10px;
}
.tagitem .tag-wrap .tag_action a img {
    width: 15px;
}


.profilesidebarright .common_adminpanel h3 {
    width: 100%;
    color: #374151;
    display: inline-block;
    margin: 0;
    margin-bottom: 10px;
}
.profilesidebarright .common_adminpanel .adminbuttons.adminbuttons + h3 {
    margin-top: 20px;
}
.profilesidebarright .common_adminpanel .adminbuttons.adminbuttons {
    position: unset;
    width: 100%;
    display: inline-block;
}
.profilesidebarright .common_adminpanel .tagitem.ab-button {
    padding: 5px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
    line-height: normal;
    background: #E9F6FD;
    border-color: #E9F6FD;
    color: #25AEEB !important;
}
.profilesidebarright .common_adminpanel .tagitem.ab-button span.tag-wrap {
    padding: 0;
}
.profilesidebarright .common_adminpanel .tagitem.ab-button span.deletetag {
    margin-left: 10px;
    margin-top: -3px;
}

.dashboard .block .stats, .block .video_item, .block .audio_item, .block .testimonial_item, .videodashboard.main--video .video_item,
.console_stats .stats  {
	margin-top: 15px;
}
.memberstats .stats span, .console_stats .stats span{
	display: block;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}
.dashboard .block .stats .stats_inner, .console_stats .stats .stats_inner {
    width: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #efefef;
    padding: 12px;
    border-radius: 6px;
}
.dashboard .block .stats .stats_inner .stat_txt, .console_stats .stats .stats_inner .stat_txt {
    padding-left: 15px;
}
.dashboard .block .mstat_name{
	font-weight: 600;
    font-size: 16px;
    margin-top: -41px;
    padding-top: 15px;
    float: right;
    color: #000;
    position: relative;
}
.dashboard .block .mstat_name span {
    color: #949ba2;
    font-weight: normal;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    color: #000;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
    color: #000;
}
.pagination > li > a, .pagination > li > span{
    border: 1px solid #ddd;
}
.rd-dash-conversation-answer .btn.btn-primary.btn-sm{
    color: #fff;
    border: 0pc solid;
}
.stepssection.secondsection{
    margin-top:10px;
    margin-bottom:20px;
}
.bottom_buttons{
    margin-top:30px;
    display: table;
    width: 100%;
    padding-top:30px;
}
.stepssection{
    max-width: 900px;
    margin-top:60px;
}
.stepssection ul li.line{
    background: transparent;
    border: 0px solid;
    width: auto;
    padding: 0px;
}
.stepssection ul li.line.active{
    background: transparent;
    border: 0px solid;
    width: auto;
    padding: 0px;
}
.stepssection ul li.line.active:before{
    background: #e1aea5;
}
#campaign_name{
    float: left;
    max-width: 75%;
    margin-right: 10px;
}
.addcustomer.invite{
    margin: 0px auto;
}
.addcustomer.invite h2, .addcustomer.invite h4{
    text-align: center;
    margin-bottom: 20px;
}
.settingspage .previewinviteurl{
    width: 100%;
    font-size: 18px;
    height: inherit;
    padding-top: 0px;
    margin-top: 0px;
    text-align: right;
}
.invitecode form{
    margin-bottom: 0px;
}
.stepssection ul li.line:before{
    content: "";
    display: table;
    height:3px;
    position: relative;
    top:15px;
    width:44px;
    margin-left:3px;
    margin-right: 3px;
    background: #dbdfe5;
}
.stepssection ul li{
    float: left;
    font-size: 15px;
    font-weight: 600;
    padding: 5px;
    width:35px;
    text-align: center;
    background: #fff;
    color: #5a6779;
    border-radius: 50px;
    border: 2px solid #adb5c0;
}
.stepssection ul{
    list-style: none;
    display: table;
    padding: 0px;
    margin: 30px 0;
}
.stepssection ul li.active{
    background: #eb2200;
    border-color: #c03922;
    color: #fff;
}
.stepssection .steps{
    display: table;
    margin: 0px auto;
    padding: 0px;
}
.stepssection h2{
    text-align: center;
    font-size: 24px;
    color: #5a6779;
    font-weight: 600;
}
.aui-message
{
    padding:15px;
    margin-bottom:20px;
    border:1px solid transparent;
    border-radius:4px;
}

.aui-message a
{
    font-weight:bold;
    text-decoration:none;
}

.aui-message-success
{
    color:#468847;
    background-color:#dff0d8;
    border-color:#d6e9c6;
}

.aui-message-success a
{
    color:#356635;
}

.aui-message-info{
	color: #1E4FD8;
    background-color: #EFF6FF;
    border-color: #60A5FA;
}

.aui-message-info a
{
    color:#2d6987;
}

.aui-message-warning
{
    color:#c09853;
    background-color:#fcf8e3;
    border-color:#fbeed5;
}

.aui-message-warning a
{
    color:#a47e3c;
}

.aui-message-error
{
    color:#b94a48;
    background-color:#f2dede;
    border-color:#eed3d7;
}

.aui-message-error a
{
    color:#953b39;
}
.backarrow:hover{
    color: #858585;
}
.backarrow{
    color: #858585;
    font-size: 18px;
    background: url(images/backarrow.png) no-repeat left center;
    padding-left: 30px;
    margin-top:6px;
}
.finish-step span{
    max-width: 75%;
    float: left;
    display: table;
}
.finish-step{
    margin-top:20px;
}

.schedule_buttons .startnow {
    background: #F25138;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 9px 40px;
    border-radius: 5px;
    color: #fff;
    box-shadow: -0.5px -0.2px 1px 1px rgba(0,0,0,0.2);
}
.schedule_buttons .startnow.schedule{
    background: #fff;
    color: #282c37;
    margin-left: 30px;
}
.addcustomer h3{
    color: #5a6779;
    font-weight: bold;
    font-size: 24px;
    border-bottom: 1px solid #dfdddd;
    padding-bottom: 25px;
    margin-bottom: 50px;
}
.finishimport{
    margin-left: 40px;
}
.last_step .schedule_buttons{
    margin-top:50px;
}
.add_client_button:hover, .add_client_button:focus{
    background: url(images/addcustomers-active.png) no-repeat center left #F25138;
    background-position-x: 15px;
    padding-left: 45px;
}
.add_client_button{
    background: url(images/Add-clients.svg) no-repeat #F25138 !important;
    background-position: left 20px center !important;
    padding-left: 45px;
    color: #fff;
    border-color: #F25138;
}
.adminbuttons.adminbuttons button[data-target="#extendedsearch"] {
    color: #6C757D !important;
    border-color: #BCBCBC !important;
    background: #fff !important;
}
.modal-content{
    background: #fff;
    border: 1px solid #ababab;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
    padding: 40px;
    font-size: 14px;
    border-radius: 0px;
}
.modal-backdrop.in{
    opacity: 0.6;
}
.modal-backdrop{
    background: #000;
}
#extendedsearch .modal-dialog{
    min-width: 52%;
    top:7%;
}
.videodashboard.main--video{
    background: #fff;
    box-shadow: 0 3px 0 rgb(0 0 0 / 10%);
    padding: 10px 10px 20px;
    box-sizing: border-box;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    width: calc(100% - 20px);
    display: inline-block;
    border-radius: 7px;
}
.publish_button:hover{
    text-decoration: none;
}
.publish_button{
    padding: 5px 15px;
    background: #F25138;
    color: #fff!important;
    border-radius: 5px;
    font-size: 14px;
    display: table;
}
#ui-datepicker-div{
    z-index: 9999!important;
}
.ui-datepicker td.ui-datepicker-current-day .ui-state-default {
    color: #fff !important;
    background: #F25138 !important;
    border-radius: 5px;
    line-height: 20px;
    padding: 3px;
    text-indent: -2px;
}
.scheduleform{
    max-width: 900px;
}
.scheduleform #admintablerow-hrs{
    width:48%;
    float: left;
}
.scheduleform #admintablerow-min{
    width:48%;
    float: right;
}
.shopbutton{
    background: #F25138;
    display: table;
    margin: 0px auto;
    margin-bottom: 20px;
    clear: both;
    padding:10px 40px;
    border-radius: 5px;
    color: #fff!important;
    text-decoration: none!important;
    text-transform: uppercase;
    font-size: 18px;
}
#modal-container .ab-button{
    background: #F25138;
}
input[type="checkbox"].form-control{
    display: table;
    box-shadow: none;
    width: initial;
    float: left;
    line-height: 10px;
    height: inherit;
    margin-right: 10px;
}
.addcustomer.invite .add_contact .row:last-child{
    margin-top: 15px;
}
.addcustomer.invite .add_contact .row #userfile{
    background: transparent;
    border-radius: 0px;
    border: 0px solid;
    border-bottom: 1px solid #fff;
    box-shadow: none;
    color: #fff;
    height:inherit;
}

.received-info.vide-status > span,
.received-info.audio_info > span,
.audioscreen-wrapper .playbutton-wrapper > div > span{
    display: table;
    width: 100%;
    color: #797A7C;
    font-weight: 400;
    margin-bottom: 5px;
}
.received-info.vide-status,
.received-info.audio_info,
.audioscreen-wrapper .playbutton-wrapper > div{
    color: #282C37!important;
    font-weight: 500!important;
}
.audioscreen-wrapper .playbutton-wrapper a{
    margin-right: 10px;
    color: #282C37;
    font-weight: 400;
}
.audioscreen-wrapper .playbutton-wrapper{
    display: flex;
    align-items: center;
}
.audioscreen-wrapper .playvideobutton{
    position: unset;
}
.audioscreen{
    padding: 20px 15px 10px!important;
}
.text-center.videoeditor .adminbuttons.adminbuttons{
    text-align: left;
}
.hpcstmt-wdgt1-cell-title{
    font-size: 18px;
}
.hpcstmt-wdgt1-row{
    margin-top:20px;
}
.testimonial_item .testimonilscreen{
    padding: 20px 20px 0;
}
.testimonial_item .testimonilscreen img{
    position: unset;
    max-width: 150px;
    height: auto;
    margin: 0 auto 20px;
    display: table;
    float: none;
}
.testimonial-title{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.testimonial-desct{
    font-size: 16px;
    font-style: italic;
    text-align: center;
}
.test-description{
    text-align: center;
    font-size: 16px;
    font-style: italic;
    padding-top:10px;
}
.test-title{
    text-align: center;
    font-size: 18px;
    padding-top:10px;
}

.testimonialeditor a{
    display: table;
    margin: auto;
}
.testimonial-wrp .customer-name{
    text-align: center;
    font-size: 16px;
    padding-top: 10px;
}
.testimonial-wrp img,
.testimonialeditor img{
    max-width: 150px!important;
    height: auto;
    margin: 0 auto 20px;
    display: table;
    float: none;
}
.testimoniallist{
    align-items: end;
}
.testimonilscreen .image-testimonial img{
    position: unset;
    max-width: 150px;
    height: auto;
    margin: 20px auto 0;
    display: table;
    float: none;
}
.testimoniallist-description{
    font-size: 14px;
    padding-bottom: 15px;
}
.testimoniallist-title{
    font-weight: bold;
    font-size: 14px;
}
.videobuttons{
    display: table;
    width: 100%;
    margin: 10px 0;
}
.videobuttons a{
    padding:8px 20px;
    border: 1px solid #25aeeb;
    border-radius: 5px;
    margin-right: 10px;
    color: #25aeeb;
    margin-bottom: 15px;
    display: table;
    float: left;
}

.apoointmentbuttonbox a{
    padding: 15px 40px;
    font-size: 22px;
    color: #fff;
    background: #049e2f;
    margin: 10px;
    border-radius: 5px;
    display: table;
    float: left;
}
.apoointmentbuttonbox{
    display: table;
    margin: auto;
}
.selectize-input{
    padding: 10px;
    border-color: #E9E9EB;
    border-radius: 7px;
    box-shadow: none;
}
.selectize-control.multi .selectize-input.has-items{
    padding: 10px 10px 7px 10px;
}
.message_help{
    float: right;
}
.thankscontainer .thankstext{
     font-size: 20px;
}
.thankscontainer .thankstitle{
    font-size: 50px;
    color: #5a6779;
}
.thankscontainer > div{
    margin: auto;
}
.thankscontainer{
    text-align: center;
    display: flex;
    min-height: 80vH;
    align-items: center;
}

.sharebuttom .qnty{
    display: flex;
    align-items: center;
    margin-right: 5px;
}
.sharebuttom .qnty a{
    float: left;
    width: 24px;
}
.videolistsection.sharebuttom .qnty a{
    padding-right: 0;
}
.videolistsection.sharebuttom .qnty{
    padding: 10px 5px 10px 0;
}

.videolistsection.sharebuttom ul li a{
    padding: 10px 9px;
}
.company_wizard .nice-select .list{
    width: 100%;
    max-height: 250px;
    overflow: auto;
}
.company_wizard .nice-select{
    width: 100%;
}
.companywizard .addcustomer .title_hint{
    float: left;
    font-weight: bold;
    padding-right: 5px;
}
.companywizard .addcustomer .skip{
    padding: 9px 40px;
    border-radius: 5px!important;
    font-size: 15px !important;
    text-transform: uppercase;
    font-weight: normal;
    color: #666;
}
.company_summary .label strong{
    font-size: 16px;
}

.company_summary .label{
    color: #5a6779;
    font-size: 14px;
    margin-bottom: 15px;
    display: table;
    width: 100%;
    text-align: left;
}
.companywizard .addcustomer .finishbutton{
    padding: 9px 40px;
    border-radius: 5px!important;
    background: #F25138;
    font-size: 15px !important;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
    float: right;
}
.nice-select.wide .list{
    overflow: auto;
    max-height: 250px;
}
.fa-tachometer,
.fa-building-o,
.fa-copyright{
    font-size: 35px!important;
}
.businessid span {
    background: yellow;
    padding: 2px 5px;
    color: #000;
}
.adminbuttons.adminbuttons .active{
    background: #F25138;
    color: #fff;
}
.licenseeid{
    display: table;
    margin-top: -15px;
}

.audioscreen, .testimonialscreen {
    width: 100%;
    border: 1px solid #efefef;
    padding: 12px;
    border-radius: 6px;
    position: relative;
}
.videodashboard.main--video .testimonialscreen {
    padding-top: 40px;
}
.videoscreen-wrapper .videoinfo .audio_info,
.audioscreen .audio_info,
.testimonialscreen .audio_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1rem;
}
.audioscreen .audio_info .recording_icon {
    width: 60px;
}
.audioscreen .audio_info .recording_icon img,
.audioscreen .audio_info .recording_share img {
	width: 100%;
}
.audioscreen .audio_info .recording_detail {
    padding: 0 10px;
    color: #5a6779;
    font-weight: normal;
    font-size: 14px;
    width: calc(100% - 100px);
}
.audioscreen .audio_info .recording_detail .recordr_name {
    font-size: 17px;
    font-weight: 600;
    color: #282C37;
    padding: 2px 0;
}
.audioscreen .audio_info .recording_share {
    width: 40px;
    margin-left: auto;
    text-align: right;
}
.audioscreen a.button, .testimonialscreen .testimnl_publish a.button {
    padding: 9px 15px;
    background: #F1523B;
    border-color: #F1523B;
    color: #fff;
    font-size: 15px;
    text-transform: unset;
    font-weight: normal;
    border-radius: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    width: 100px;
    height: auto;
    line-height: normal;
    margin: 10px 10px 0 0;
}
.audioscreen .button.no_publish, .testimonialscreen .testimnl_publish .button.no_publish {
	background: #E7F8F1;
    color: #0FBC78;
    border-color: #0FBC78;
    cursor: unset;
}

.testimonialscreen .testimnl_publish {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.testimonialscreen .testimnl_publish .testimnl_info {
    width: calc(100% - 110px);
}
.testimonialscreen .testimnl_publish .button {
    margin: 0 !important;
}
.testimonialscreen .testimnl_publish .testimnl_info h5 {
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}
.testimonialscreen .testimnl_publish .testimnl_info h5 span {
    color: #282C37;
    font-weight: 500;
    font-size: 14px;
    display: table;
    width: 100%;
    margin-top: 5px;
}
.testimonialscreen .testimnl_text strong {
    font-size: 16px;
    font-weight: normal;
    margin-top: 0;
    color: #5a6779;
}
.testimonialscreen .testimnl_text p {
    color: #282C37;
    display: block;
    font-weight: 600;
    font-size: 16px;
}
.testimonialscreen .testimnl_text {
    border-top: 1px solid #efefef;
    padding-top: 10px;
    margin-top: 5px;
}


#modal-container{
    z-index: 9998!important;
    padding: 0 !important;
}
#modal-overlay{
    z-index: 9998!important;
    background: #000 !important;
}
#modal-header {
	height: auto !important;
}
#modal-close {
    position: absolute;
    right: 30px;
    top: 20px;
}
#modal-content {
    padding: 20px !important;
    height: 100% !important;
}


#modal-container  {
	border: 0 !important;
}
#modal-container form h2 {
	margin-bottom: 30px;
}
#modal-container form .form-control {
    width: 100%;
    border: 1px solid #E9E9EB;
    box-shadow: none;
    border-radius: 7px;
    height: 45px;
    padding: 10px;
}
#modal-container form textarea {
	height: auto !important;
}
#modal-container form .form-group {
	margin-bottom: 20px;
	width: 100%;
    display: inline-block;
}
#modal-container form label {
	width: 100%;
	display: block;
	color: #374151;
	margin-bottom: 7px;
	font-weight: 600;
	font-size: 16px;
}
#modal-container form input[type="submit"] {
    padding: 12px 20px;
    background: #F25138;
}

form label {
	width: 100%;
	display: block;
	color: #374151;
	margin-bottom: 7px;
	font-weight: 600;
	font-size: 16px;
}
tr.form-group td:first-child {
	color: #374151;
	margin-bottom: 5px;
	font-size: 16px;
}

form .form-control, tr#admintablerow-inviteupload_url .form-control,
tr#admintablerow-initial_message .form-control, tr#admintablerow-invite_url .form-control {
    width: 100%;
    border: 1px solid #E9E9EB;
    box-shadow: none;
    border-radius: 7px;
    height: 45px;
    padding: 10px;
    background-color: #fff;
}
form textarea.form-control {
	height: auto !important;
}

tr.form-group.adminform-separator {
    width: 100% !important;
    display: block !important;
    margin-bottom: 0;
    /*border-top: 1px solid #f0f0f0;*/
}
.adminform_form .adminform_table >tbody > tr.form-group > td {
    width: 100%;
    display: block;
}
tr.form-group#admintablerow-note, tr#admintablerow-tag, tr#admintablerow-comment, tr#admintablerow-userfile, tr#admintablerow-email,
tr#admintablerow-tagbar, tr#admintablerow-phonenumber, tr#admintablerow-asset, tr#admintablerow-phonenumber, tr#admintablerow-text,
tr#admintablerow-title, tr#admintablerow-subject, tr#admintablerow-message, tr#admintablerow-compliance, tr#admintablerow-compliance_text, tr#admintablerow-compliance_text + tr,
tr#admintablerow-default_txt, tr#admintablerow-initial_asset, tr#admintablerow-inviteupload_url, tr#admintablerow-initial_message, tr#admintablerow-invite_url,
tr#admintablerow-userfile2, tr#admintablerow-url, tr#admintablerow-twiliophone, tr#admintablerow-code, tr#admintablerow-testimonial {
    width: 100% !important;
}
.pagination {
    margin: 10px 0;
    float: right;
}
.pagination > li.active a, .pagination > li a:hover {
    border-color: #F25138 !important;
    color: #F25138 !important;
    background: #FDEDEB !important;
}
.adminform-filed-btm-txt, tr#admintablerow-show_custom_logo,
tr#admintablerow-show_custom_logo + tr.form-group.adminform-separator {

}


.profilesidebarright .common_adminpanel {
    padding: 10px 20px;
}

.customer_profile {
    background: #fff;
    box-shadow: 0 3px 0 rgb(0 0 0 / 10%);
    padding: 20px;
    margin-bottom: 30px;
    box-sizing: border-box;
    position: relative;
}
.customer_profile .profile__side {
    width: 40%;
    float: left;
    padding-right: 20px;
    border-right: 1px solid #eaeaea;
    position: relative;
}
.customer_profile .profile__side h3 {
    color: #0A0140;
    width: 100%;
    text-align: left;
    margin: 0 0 14px;
    padding-right: 100px;
    position: relative;
}
.customer_profile .profile__side .edit-customer {
    padding: 8px 10px;
    background: #F1523B;
    color: #fff;
    font-size: 12px;
    border-radius: 6px;
    text-align: center;
    width: 85px;
    position: absolute;
    right: 0;
    top: -7px;
}
.customer_profile .profile__side .customer-side-info {
    width: 100%;
    display: block;
    text-align: left;
    position: relative;
    padding: 6px 0;
    padding-left: 25px;
}
.customer_profile .profile__side .customer-side-info img {
    width: 15px;
    position: absolute;
    left: 0;
    top: 8px;
}
.customer_profile .prfl_taglbl {
    width: 60%;
    float: left;
    padding-left: 20px;
    position: relative;
}
.customer_profile .prfl_taglbl h4 {
    color: #6B7280;
    margin-bottom: 20px;
}
.customer_profile .prfl_taglbl .label-info {
    font-size: 14px;
    margin-bottom: 5px;
    display: inline-block;
}

.videodashboard.main--video .sec__title {
	position: relative;
	padding-top: 10px;
}
.videodashboard.main--video .sec__title h3 {
    color: #0A0140;
    width: 100%;
    text-align: left;
    margin: 0 0 14px;
    position: relative;
}
.videodashboard.main--video .sec__title a.button {
    padding: 10px 13px;
    background: #F1523B;
    border-color: #F1523B;
    color: #fff;
    font-size: 16px;
    border-radius: 6px;
    text-align: center;
    width: 180px;
    position: absolute;
    right: 0;
    top: 0px;
    font-weight: 400;
}
.videodashboard.main--video .sec__title a.button img {
    margin-right: 5px;
}


form .form-control.hasDatepicker {
    padding-right: 50px;
    background-image: url(images/calendar-icon.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
}
form .form-control.hastime {
    padding-right: 50px;
    background-image: url(images/clock-icon.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.fill_btn, .border_btn:hover, .adminbuttons button.ab-button {
    background: #F25138;
    border-color: #F25138;
    color: #fff !important;
}
.campaign_form {
    background: #fff;
    box-shadow: 0 3px 0 rgb(0 0 0 / 10%);
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 30px;
    position: relative;
    border-radius: 5px;
    margin-top: 30px;
}
.campaign_form .block_divide {
    border-bottom: 1px solid #e9e9eb;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.campaign_form .form-group {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
.campaign_form .form_btn .button {
    margin-left: 10px;
}
.campaign_form .sec__title h2 {
    margin-bottom: 30px;
    position: relative;
}
.drop-zone {
    max-width: 100%;
    padding: 25px;
    cursor: pointer;
    color: #505668;
    border: 1px solid #EAF0FF;
    border-radius: 6px;
    text-align: center;
    line-height: 30px;
}
.drop-zone--over {
  	border-style: solid;
}
.drop-zone__input {
  display: none !important;
}
.drop-zone__thumb {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #EAF0FF;
    background-size: cover;
    position: relative;
    margin: 0 auto;
}
.drop-zone__thumb::after {
	content: attr(data-label);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px 0;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.75);
	font-size: 12px;
	text-align: center;
}
#scheduleModal .modal-content, #applinkModal .modal-content {
    padding: 20px;
}
#scheduleModal .modal-body, #applinkModal .modal-body {
    padding: 0;
}
#scheduleModal .modal-content .schedule_content .poup_title, #applinkModal .modal-content .schedule_content .poup_title {
    position: relative;
    margin-bottom: 30px;
}
#scheduleModal .modal-content .schedule_content button.close, #applinkModal .modal-content .schedule_content button.close {
    position: absolute;
    right: 0;
    top: 0;
}
#scheduleModal .modal-content .form_btn, .campaign_form .form_btn {
    text-align: right;
    margin-top: 10px;
}
#extendedsearch .modal-content {
	padding: 20px;
    border-radius: 7px;
}
#extendedsearch .modal-content .adminform_form {
    padding: 0 !important;
    border: 0 !important;
    margin-bottom: 0;
}
.applink_wrap {
    border: 1px solid #E9E9EB;
    border-radius: 7px;
    overflow: hidden;
}
.applink_wrap .img_text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px;
}
.applink_wrap .img_text img {
    width: 40px;
    margin-right: 15px;
}
.applink_wrap .img_text h4 {
    margin: 0;
    width: calc(100% - 55px);
}
.applink_wrap .img_text h4 small {
    display: block;
    padding-bottom: 5px;
}
.applink_wrap .app__name {
    background: #F9FAFB;
    padding: 15px;
}
.default_button.table_view{
    position: absolute;
    top: -15px;
    right: 0;
}

.checkboxes {
    /* display: table; */
    float: left;
    margin: 10px 10px 10px 0;
}
tr.type-checkbox td:last-child{
    width: 20px!important;
}
.deleted-customer{
    color: #aaa;
    font-style: italic;
    font-size: 13px;
}
tr.type-checkbox td:first-child{
    order: 1;
}
tr.type-checkbox{
    display: flex!important;
}
.adminform_table tr.form-group td input[type=checkbox] + span, .checkboxes input[type=checkbox] + span {
	position: relative;
	cursor: pointer;
	margin-right: 10px;
	white-space: nowrap;
}
.adminform_table tr.form-group td input[type=checkbox] + span:before, .checkboxes input[type=checkbox] + span:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #F25138;
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}
.adminform_table tr.form-group td input[type=checkbox]:checked + span:before, .checkboxes input[type=checkbox]:checked + span:before {
    background-color: #F25138;
}
.adminform_table tr.form-group td input[type=checkbox]:checked + span:after, .checkboxes input[type=checkbox]:checked + span:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 4.5px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.checkboxes input[type=checkbox]:checked + span:after {
    top: 4px;
}



.block {
    position: relative;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0 !important;
    background: transparent !important;
    font-weight: normal !important;
    color: #333 !important;
    text-align: center;
}

.ui-widget-header {
    border: 0 !important;
    background: #fff !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	background: transparent !important;
}
.ui-datepicker .ui-datepicker-prev span {
    background: url(images/calendar-prev.svg) no-repeat center;
    background-position: center;
}
.ui-datepicker .ui-datepicker-next span {
    background: url(images/calendar-next.svg) no-repeat center;
    background-position: center;
}



.videodashboard.helpvideos {
    margin-top: 0;
    background: #fff;
    box-shadow: 0 3px 0 rgb(0 0 0 / 10%);
    padding: 10px 10px 20px;
    box-sizing: border-box;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    width: calc(100% - 20px);
    display: inline-block;
    border-radius: 7px;
}



.console_stats {
    background: #fff;
    box-shadow: 0 3px 0 rgb(0 0 0 / 10%);
    padding: 20px;
    box-sizing: border-box;
    margin: 30px 0;
    position: relative;
    border-radius: 5px;
}
.console_stats .console_title {
    position: relative;
    margin-bottom: 20px;
}
.console_stats .console_title h2 {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 0 !important;
}
.console_stats .console_title .mstat_name {
    font-weight: 600;
    font-size: 16px;
    margin-top: -41px;
    padding-top: 15px;
    float: right;
    color: #000;
}
.console_stats .console_title .mstat_name span {
    color: #949ba2;
    font-weight: normal;
    font-size: 16px;
}


.table-responsive {
    display: table;
    width: 100%;
}
.manage-buttons .adminbuttons button{
    display: flex;
    align-items: center;
}
.manage-buttons{
    width: 100%;
	border: 0;
    margin: 0 0 10px;
    display: table;
}

@media (min-width: 1441px) {
.video_item .videoinfo .videolist-uploaded-info, .audio-uploaded-info {
	width: 49%;
	display: inline-block;
}
}


@media (min-width: 768px){
.modal-dialog {
    width: 700px;
}
}



@media (max-width: 1199px) {
body .navigation {
	width: 80px;
    left: 0;
}
body .content, body .top_header {
	margin-left: 80px;
}
.navbar-brand img.mobile_logo{
	display: block;
}
.navbar-brand img.desktop_logo, .luna-nav.nav li a span.main-menu-text {
	display: none;
}
.luna-nav.nav li a img {
    margin-left: 3px;
}
body .content {
	padding-left: 5px;
    padding-right: 5px;
    padding-top: 20px;
}
.breadcrumb {
	margin-top: 0;
	margin-bottom: -20px;
}
}



@media (max-width: 991px) {
h2, .h2 {
    font-size: 25px;
}
.navbar-default .navbar-form {
	width: auto;
}
#navbar ul.navbar-nav li.businessid {
	display: none;
}
.navbar-collapse.collapse {
	display: flex !important;
	margin-left: 0;
    margin-right: 0;
    border: 0;
    padding: 15px 10px;
}
.navbar-nav .open .dropdown-menu {
	position: absolute;
    top: 100%;
    left: auto;
    right: 0;
    background: #fff;
}
#navbar ul.navbar-nav {
	justify-content: space-between;
	margin: 0;
	margin-left: auto;
}
#modal-container {
    z-index: 99999!important;
    padding: 0 !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: 90% !important;
    top: 15px !important;
}
.nav-tabs-mobile {
    border-bottom: 2px solid #dce2e4;
}
.nav-tabs-mobile div {
    float: left;
    margin-right: 15px;
}
.nav-tabs-mobile div {
    border: 0px solid #ddd;
    border-bottom: 3px solid #F25138;
    border-left: 0px;
    margin-bottom: -1px;
    top: 1px;
    float: left;
}
.text-center.videoeditor > a {
    width: 100% !important;
    float: left;
    padding-right: 0 !important;
    margin-bottom: 20px;
}
.videoeditor form.adminform_form {
    width: 100% !important;
    float: left;
}
.videoeditor form.adminform_form table tr.form-group, .adminform_form table tr.form-group {
    padding-left: 0;
    padding-right: 0;
}
.testimonialscreen .testimnl_text p {
	font-size: 14px;
}
button, .button, html input[type="button"], input[type="reset"], input[type="submit"], .ab-button {
	padding: 10px;
}
.add_client_button {
	background-position: left 10px center !important;
    padding-left: 35px;
}
.applink_wrap {
	margin-bottom: 15px;
}
}


@media (max-width: 575px) {
button, .button, html input[type="button"], input[type="reset"], input[type="submit"], .ab-button {
	padding: 7px 10px;
}
.add_client_button {
    background-position: left 10px center !important;
    padding-left: 35px !important;
}
h3, .h3 {
    font-size: 18px;
}
.dashboard .block .mstat_name,
.console_stats .console_title .mstat_name {
    margin-top: 0;
    margin-bottom: 20px;
    float: left;
}
tr.form-group {
	width: 100% !important;
	padding-left: 0;
    padding-right: 0;
}
h2#block0title {
	/*padding-bottom: 60px;*/
	margin-bottom: 10px;
}
.dashboard .block h2, h2#block0title, h2, .h2 {
	font-size: 20px;
}
.adminbuttons.adminbuttons {
    position: unset;
    margin-bottom: 20px;
}
.videodashboard.main--video .sec__title a.button, h2#block0title a.button {
	position: unset;
}
.customer_profile .profile__side {
    width: 100%;
    padding-right: 0;
    border-right: 0;
}
.customer_profile .prfl_taglbl {
    width: 100%;
    float: left;
    padding-left: 0;
}
.videoeditor, .dashboard .block, .campaign_form, .adminform_form, .embed_grid, .console_stats {
	padding: 15px 10px !important;
}
.audioscreen .audio_info .recording_detail {
    padding: 0;
    width: 100%;
    margin: 10px 0;
}
.audioscreen .audio_info .recording_share {
    margin-left: 0;
    text-align: left;
}
.testimonialscreen .videoinfo .recording_detail {
    padding: 0;
    width: 100%;
    margin: 10px 0;
}
.testimonialscreen .videoinfo .recording_share {
    margin-left: 0;
    text-align: left;
}
.sharebuttom ul {
	flex-wrap: wrap;
}
.sharebuttom ul li:last-child {
    margin-left: 0;
    display: block;
    width: 100%;
}
.testimonialscreen .testimnl_publish .testimnl_info {
    width: 100%;
}
.testimonialscreen .testimnl_publish .button {
    margin: 10px 10px 10px 0 !important;
}
.dashboard .block .mstat_name, .dashboard .small, tr.form-group td:first-child, .tagitem .tag-wrap .tag_name, .settingspage .previewinviteurl {
	font-size: 14px;
}
#modal-content, #extendedsearch .modal-content {
    padding: 10px !important;
}
.drop-zone {
	padding: 10px !important;
	line-height: 20px;
    font-size: 12px;
}
.aui-message-info {
	font-size: 12px;
}
.finish-step span {
	max-width: 100%;
}
h2#block0title a.button {
    font-size: 14px;
    padding: 8px 10px;
    width: max-content;
    max-width: 100%;
}
.videodashboard.main--video .video_item, .videodashboard.main--video .audio_item, .videodashboard.main--video .testimonial_item {
	padding: 0;
}

.tag__contner, #scheduleModal .modal-content, #applinkModal .modal-content {
	padding: 10px !important;
}
.tagitem .customer-link img {
    width: 9px;
}
.profilesidebarright .nav, .console_tabs .nav {
    border-bottom: 0;
}
.profilesidebarright .nav-tabs > li, .console_tabs .nav-tabs > li {
    width: 100%;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 3px solid #ddd;
}
.embed_grid h2 {
    padding: 0 0 10px;
    font-size: 16px;
}
.socialsharewrap.settingspage .adminform_form tr#admintablerow-tag, .settingspage.addcustomer table.adminform_table tr#admintablerow-tag {
    width: 100% !important;
}
}




@media (max-width: 420px) { 
.campaign_form .form_btn .button {
	width: 100%;
	margin-left: 0 !important;
	margin-top: 10px;
}
h2#block0title a.button {
    position: unset;
    margin-top: 20px;
    display: block;
    width: 100%;
}
.fill_btn, .border_btn:hover, .adminbuttons button.ab-button {
    width: 100%;
    margin-top: 10px;
}
.tagitem {
	width: 100%;
}
}



.bootstrap-datetimepicker-widget.dropdown-menu {
	inset: unset !important;
	font-family: 'Poppins', sans-serif !important;
	padding-top: 10px !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu .bdpw-clock-digit {
    color: #282C37 !important;
    font-weight: 400;
}
.bootstrap-datetimepicker-widget a[data-action="incrementSeconds"], 
.bootstrap-datetimepicker-widget a[data-action="decrementSeconds"],
.bootstrap-datetimepicker-widget a[data-action="incrementHours"],
.bootstrap-datetimepicker-widget a[data-action="decrementHours"],
.bootstrap-datetimepicker-widget a[data-action="incrementMinutes"],
.bootstrap-datetimepicker-widget a[data-action="decrementMinutes"] {
    display: none !important;
}
.bootstrap-datetimepicker-widget .timepicker {
	background: #EDEDED !important;
	border: 0 !important;
    border-radius: 50% !important;
    padding: 5px !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu .bdpw-clock-digit.cursor, 
.bootstrap-datetimepicker-widget.dropdown-menu .bdpw-clock-digit.center, 
.bootstrap-datetimepicker-widget.dropdown-menu  table td span.bdpw-timepicker-colon {
    color: #f25138 !important;
    font-size: 22px;
    font-weight: 500;
}
.bootstrap-datetimepicker-widget a[data-action] span {
    text-transform: uppercase;
    background: transparent !important;
    color: #f25138 !important;
}
.bootstrap-datetimepicker-widget table td span:hover {
    background: transparent !important;
}
span.closeText, span.clearText {
    position: relative;
    font-weight: 500;
}
span.closeText:before {
    content: 'Close';
}
span.clearText:before {
	content: 'Clear';
}

.label-success {
    background-color: #E7F8F1;
    color: #0FBC78;
    font-weight: normal;
}
td.at-cell-expiration {
    text-align: center;
}
td.at-cell-expiration span.label {
    display: block;
    padding: 5px;
    border-radius: 30px;
    width: auto;
    margin-bottom: 5px;
}
td.at-expanderarea {
    background: #fff;
}


.block-content-outer table .atdropdownitems {
    background: #fff;
    box-shadow: -1px -2px 4px rgb(0 0 0 / 10%);
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 0;
}
.block-content-outer table .atdropdownitems a {
    background: #fff;
    padding: 5px 10px;
    color: #282c37;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}
.block-content-outer table .atdropdownitems a:hover {
    background: #F3F4F6;
}
.close-modal{
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 999;
}
.error#form-messages{
    padding: 0px;
    position: relative;
    max-width: calc(100% - 300px);
    top:-35px;
    margin-bottom:-20px;
    color: red;
}
.at-cell-name > span{
    display: flex;
    align-items: center;
}
.two_column_form table tbody tr#admintablerow-tagbar,
.two_column_form table tbody tr{
    width: 50%!important;
}
.two_column_form .selectize-input{
    height: 45px;
}
.two_column_form table tbody{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.customer-additional-info li{
    list-style: none;
    color: #374151;
    font-size: 14px;
}
.customer-additional-info{
    margin-top: 15px;
}
.w-max-800{
    max-width: 800px;
    margin: auto;
}
.w-24{
    width: 24px;
}
.h-24{
    height: 24px;
}
.adminbuttons button.ab-button.default_button{
    color: #6C757D !important;
}
.default_button{
    color: #6C757D !important;
    border-color: #BCBCBC !important;
    background: #fff !important;
}
.createicon img{
    margin-right: 3px;
    height: 20px;
    width: 20px;
}
.createicon{
    display: flex;
    align-items: center;
}
.hidesvg svg{
    display: none;
}
.table-wrapper{
    display: inline-block;
    width: 100%;
}
.mt-20{
    margin-top: 20px;
}
.pt-20{
    margin-top: 20px;
}
.pt-10{
    margin-top: 10px;
}
.pt-15{
    margin-top: 5px;
}
.position-r{
    position: relative!important;
}
.buttons-wrapper{
    display: table;
    width: 100%;
}
.buttons-wrapper .adminbuttons button{
    float: right;
}
.buttons-wrapper .adminbuttons{
    position: relative;
    margin: 10px 0;
    display: table;
    width: 100%;
}
.addtemplate-button{
    position: absolute;
    top:20px;
    right: 20px;
}
.settings_invite_code .adminform_table tr {
    display: flex;
    flex-direction: column;
}
.settings_invite_code .adminform_table tr td{
    width: 100%;
}
.nice-select.form-control .list {
    max-height: 200px;
    width: 100%;
    overflow: auto;
}
.nice-select.form-control {
    width: 100%;
    border: 1px solid #E9E9EB;
    height: 45px;
    padding: 9px 20px;
}
.customers_list .table-responsive{
    display: table;
    width: 100%;
}
.customers_list .adminbuttons{
    display: table;
    float: right;
    margin-bottom: 20px;
}
.form-group{
    display: table;
    width: 100%;
}
#ext-search .two_column_form table tbody,
#ext-search tr#admintablerow-tagbar,
#ext-search .two_column_form table tbody tr{

}
#ext-search .two_column_form table tbody tr{
    width: 48%!important;
}
#ext-search .two_column_form table tbody tr:nth-child(2n){
    margin-left: 2%;
}
.profilesidebarright .customer_profile{
    margin-top: 20px;
}
.flex{
    display: flex;
}
.setting-link .icon-img{
    display: flex;
    margin-right: 3px;
}
.profile__side ul{
    list-style: none;
}
.testimonial-tags > div{
    margin-right: 5px;
}
#admintablerow-schedule td:last-child .nice-select{
    max-width: 100px;
    margin-right: 10px;
}
#admintablerow-schedule td:last-child span{
    margin: 0 10px;
}
#admintablerow-schedule td:last-child{
    display: flex;
    align-items: center;
}
.w-50 {
    width: 50%;
}
.flex {
    display: flex;
    align-items: center;
}
.flex-1 {
    flex-grow: 1;
}
.mt-15 {
    margin-top: 15px !important;
}
.customer-side-info.social-account-list a{
    margin-right: 10px;
}
.customer-side-info.social-account-list a .icon img{
    height: 20px;
}
.flex-direct-column {
    flex-direction: column;
}
.align-baseline{
    align-items: baseline;
}
.inbox_icons_section .profil-link a{
    color: #6a727a;
}
.inbox_icons_section .profil-link{
    padding-right: 10px;
}
.inbox_icons_section{
    margin: 0px 5px 0 15px!important;
}
.contacts_list_wrapper .wrapper a{
    display: flex;
}
.contacts_list_wrapper .wrapper span{
    flex-grow: 1;
}
.contacts_list_wrapper{
    margin-top: -20px;
}
.contacts_list_wrapper .wrapper .flex{
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;

}
.contacts_list_wrapper .wrapper{
    padding: 20px;
    margin: auto;
    display: table;
    background: #fff;
    border-radius: 10px;
    min-width: 400px;
    margin-bottom: 20px;
}
.at-cell-organization span{
    display: flex;
    align-items: center;
}
#atdropdown-cellphone-0 > a{
    display: none;
}