.subscription_state_trialing {color: #0077FF;font-weight: 600;}
.subscription_state_canceled{color:#212529;font-weight: 600;}
.subscription_state_active{color:#2CA760;font-weight: 600;}
.card .table tr td{vertical-align: middle;}
.card .table tr td small{display: block;}
.card .table tr th span{padding-left: 5px;display: inline-block;}
.card .table tr th span i{font-size: 14px;}
.card .table tr th span i.fa.fa-sort-up{position: relative;left:-9px;}
.card .table tr th span i.fa.fa-sort-down{position: relative;top:1px;}
.card .table tr th span i.dark{color:#212529;}
.card .table tr th span i.light{color:#ced4da;}
.card .table tr th .cursor-block{cursor:pointer;}
.card .table tr td .dropdown button{width: 100%;}
.card .table tr td .dropdown-menu{left:auto !important;right:-1px !important;}
.btn.btn-outline-primary-dark{height: 36px;}
a.btn.btn-outline-primary-dark{line-height: 25px;}
a.btn.btn-outline-primary-dark i{margin-right: 4px;}
.dropdown .dropdown-toggle:after{position: relative;top:1px;}
.dropdown-menu .dropdown-item{font-size: 14px;padding:5px 15px;}
.subscription_state.subscription_state_canceled{color:#ff0000;}

.btn.btn-outline-danger-dark{height: 36px;}
a.btn.btn-outline-danger-dark{line-height: 25px;}
a.btn.btn-outline-danger-dark i{margin-right: 4px;}

.btn-outline-danger-dark {
    color: #EB3A3A;
    border-color: #EB3A3A;
}

.btn-outline-danger-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-danger-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(204 55 21 / 50%);
}

.btn-outline-danger-dark:hover {
    color: #fff;
    background-color: #EB3A3A;
    border-color: #EB3A3A;
}

/*a+a {
  margin-left: 10px;
}*/

.btn-outline-danger-dark:not(:disabled):not(.disabled).active, .btn-outline-danger-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-danger-dark.dropdown-toggle {
    color: #fff;
    background-color: #EB3A3A;
    border-color: #EB3A3A;
}


/*----------------------------------- Customer listing -------------------------------------------*/
.link-block a{color:#0077FF;}
span.red{color:#EB3A3A;}
.search-block{margin-right: 10px;}
.search-block label{font-size: 14px;}
.btn-green{background: #299780;border:1px solid #299780;color: #ffffff;border-radius: 0.2rem;}
.btn-green:hover,.btn-green:focus{background: #ffffff;color:#299780;}

/*----------------------------------- Customer Details -------------------------------------------*/
.id-block{position: relative;}
.id-block span{color:#212529;display: block;margin-left: 20px;}
.id-block i{position: absolute;left: 5px;top:25px;}
.card-header h5{margin-bottom: 0;}
.customer-heading{font-size: 20px;font-weight: 600;}
.customer-label{font-size: 14px;line-height: 14px;color: rgba(26,40,61,0.7);margin-bottom: 8px;}
.customer-contact-header{display: flex;flex-flow: wrap;}
.customer-email, .customer-phone{display: flex;flex-flow: row;align-items: center;}
.customer-email i, .customer-phone i{color:rgba(26,40,61,0.8);margin-right: 7px;}
.customer-email{margin-right: 15px;}
.customer-marquee{margin-bottom: 35px;}
.customer-email a.email{font-size: 14px;color:#0077FF;}
.customer-phone span.tel{font-size: 14px;}
.customer-account .value-missing {color: rgba(26,40,61,0.5);}
.customer-grid{display: flex;flex-wrap: wrap;}
.customer-column{flex: 0.2;}
.customer-column dl dt{font-weight: 600;font-size:16px;}
.customer-column dl dd{font-size: 16px;margin-bottom: 20px;}
.customer-column dl dd a{color:#0077FF;font-size: 14px;}
.btn-small{border: 1px solid #212529;padding: 3px 10px;font-size: 14px;}
.alert{font-size: 14px;border-radius: 0;margin: -20px -20px 20px -20px;}
.alert.alert--default{background: #ddedff;color: #22344F;border-top: 2px solid #0077FF;}
.back-link{margin:20px 0 0;display: inline-block;}
.back-link:hover{color:#207663;text-decoration: underline;}
.back-link i{padding-right: 7px;}


/* staging changes- Start */
.dropdown{margin-bottom: 10px;}
.dropdown-filter{margin-bottom: 10px;}
/*.dropdown-filter.filterMasterDiv{margin-bottom: 10px;}*/
table.dataTable thead th, table.dataTable tbody td{padding:10px 15px;font-size: 14px;}
table.dataTable thead th{vertical-align: middle;font-weight: 600;border-top:1px solid rgba(26,40,61,0.16);border-bottom: 1px solid rgba(26,40,61,0.16);background: #ffffff;}
table.dataTable thead .sorting.start-date{width: 100px;}
table.dataTable thead .sorting.end-date{width: 90px;}
table.dataTable thead .sorting.signup{width: 90px !important;}
table.dataTable thead .sorting.status{width: 140px !important}
table.dataTable{width: 100% !important;}
table.dataTable tr:nth-child(odd) td{background: #f8f8f8;border-top:0;}
table.dataTable.no-footer {border-bottom: 1px solid rgba(26,40,61,0.16);}
.card-padding.card .card-body{padding: 0;}
/*.dataTables_length,.dataTables_filter{padding: 10px 15px;}*/
.dataTables_length, .dataTables_filter {padding: 5px 15px;}
.dataTables_length label,.dataTables_filter label{margin-bottom: 0;font-size: 14px;}
.dataTables_wrapper .dataTables_length select{margin: 0 2px;}
.dataTables_wrapper .dataTables_info{padding: 10px 15px;font-size: 14px;}
.dataTables_wrapper .dataTables_paginate{padding-top: 0;}
.dataTables_wrapper .dataTables_paginate .paginate_button{font-size: 14px;padding:5px 10px;min-width: 40px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next{margin-right: 5px;width: auto;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous{width: auto;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{background: #ffffff;border:0;font-weight: 600;color:#30b296 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background: #ffffff;border:0;color: #30b296 !important;font-weight: 600;}
.dataTables_paginate{margin-top: 4px;}
.card-header{background: #ffffff;font-size: 20px;font-weight: 500;}
.dataTables_wrapper .dataTables_filter input[type=search]{outline-offset: 0;outline: 0;}
select:focus-visible{outline: 0;outline-offset: 0px;}
table.dataTable thead th.text-right,table.dataTable tbody td.text-right{padding-right: 30px !important}
.dataTables_wrapper .dataTables_filter input{height:30px;}

/* changes 11-06-2012 */
.card .table tr td{border-top:0;}
.card .table tr td,.card .table tr th{font-size: 14px;}
.table thead th{background:#fff;}
table tr:nth-child(odd) td{background:#f8f8f8;}
.btn-primary:hover{background: #30b296 linear-gradient(180deg,#30b296,#30b296) repeat-x;border-color: #30b296;}
/*.card .table.plan-details tr th.text-right,.card .table.plan-details tr td.text-right{padding-right:100px;}*/
.card .table.plan-details tr th{border-top:0;border-bottom: 1px solid rgba(0,0,0,.125);}
.card .table.plan-details tr th,.card .table.plan-details tr td{font-size: 14px;}
#project_list_wrapper table.dataTable thead tr:first-child th:nth-child(3){border-bottom: 0;}
#project_list_wrapper table.dataTable thead th{vertical-align:bottom;}
#project_list_wrapper table.dataTable thead th:nth-child(1),#project_list_wrapper table.dataTable thead th:nth-child(2),#project_list_wrapper table.dataTable thead th:nth-child(4){vertical-align:bottom;background-position: right 53px;}
.form-group{margin-bottom:25px;}
.form-group label{font-size:14px;}
.form-group input[type="file"]{font-size: 14px;}
.card-header {background: #ffffff;font-size: 20px;font-weight: 500;}
.form-control{font-size: 14px;border-radius:0.25em;}
h3.border-bottom{font-size: 16px;color: #30b296;}
.app_bg{margin-right:5px;margin-bottom:5px;}
/*.subscription_state{color:#30b296;}*/
.alert{margin:0 0 20px 0;}

.select-block .form-group:first-child{margin-bottom: 20px;}
.select-block .form-group span.select-link{font-size: 14px;display: inline-block;vertical-align: middle;margin-left: 4px;}
.select-block .form-group{margin-bottom: 15px;}
.select-block .form-group label{margin-bottom: 0;}

.switch {position: relative;display: inline-block;width: 36px;height: 20px;vertical-align: middle;margin-bottom: 0;}
.switch input { opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 3px;bottom:2px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #30b296;}
input:focus + .slider {box-shadow: 0 0 1px #30b296;}
input:checked + .slider:before {-webkit-transform: translateX(18px);-ms-transform: translateX(18px);transform: translateX(18px);}

/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

/* changes 11-06-2012 - End */

/* Header */
   i.fa-user{position: relative;left: -2px;top: 1px;}
   ul.navbar-nav li.nav-item.dropdown{margin-bottom: 0;}
   ul.navbar-nav li.nav-item a.nav-link span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 80px;display: inline-block;vertical-align: middle;}
   .navbar-light .navbar-nav .dropdown-menu li a.nav-link{font-size: 14px;padding: 3px 15px;color:#30b296;}
   
   .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color:#30b296;}
   .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #30b296;}
   nav.navbar.header{padding: 10px 15px;}
   .navbar-light .navbar-nav .nav-link{font-size: 16px;}
   .dropdown-divider{margin:2px 0;}
   .dropdown-menu li span{display:block;position: relative;}
  .navbar-light .navbar-nav .dropdown-menu li a{padding: 3px 10px;display: block;font-size: 14px;color:#6c757d;}
    .navbar-light .navbar-nav .dropdown-menu li a:hover,.navbar-light .navbar-nav .dropdown-menu li a.active{text-decoration: none;color: #30b296;}
    .navbar-light .navbar-nav .dropdown-menu li a.active + a{color: #30b296;}
    .navbar-light .navbar-nav .dropdown-menu li span a i{position: absolute;right: 10px;top: 7px;}
    .navbar-light ul.navbar-nav .dropdown-menu li a{margin-right:25px !important;}
    ul.dropdown-menu li a{font-size: 14px;}
    ul.navbar-nav .nav-item.dropdown ul.dropdown-menu{min-width:190px;}
    ul.nav-main-links li.mr-3{margin-right: 10px !important;}
    ul.nav-main-links li a.nav-link i.icon-block{width: 18px;display: inline-block;margin-right: 3px;}
    ul.nav-main-links li a.nav-link i img{width: 100%;position: relative;top:-2px;}
    ul.nav-main-links li a.nav-link i img.roll-over{display: none;}
    ul.nav-main-links li a.nav-link:hover i img.roll-over,ul.nav-main-links li a.nav-link.active i img.roll-over{display: inline-block;}
    ul.nav-main-links li a.nav-link:hover i img.normal,ul.nav-main-links li a.nav-link.active i img.normal{display: none;}
/* Header End */

.css-hxc8i0-TopRightContainer .navbar{padding-left: 0;}

a.cus_name {
  color: #0077FF;  
  background-color: initial;
  text-decoration: underline;
}

.css-1do34ct-NavbarContainer{left: calc(50vw - 175px);width: calc(100vw - (50vw - 155px));} 

.card.card-padding .card-header {
    line-height: 32px;
    padding: 5px 15px;
}

.card.card-padding .card-header .btn.btn-success{padding:3px 8px}

.customer-account .customer-grid .customer-column.text-right-block dd{display: inline-block;min-width: 89px;text-align: right;}

/*09-09-2021*/
.card .table.plan-details tr th, .card .table.plan-details tr td{border-right:1px solid rgba(0,0,0,.125)}
.card .table.plan-details tr th:last-child, .card .table.plan-details tr td:last-child{border-right:0 !important;}
.card .table.plan-details thead tr:nth-child(2) th{border-right:0}
.card .table.plan-details thead tr:nth-child(2) th:nth-child(3n){border-right:1px solid rgba(0,0,0,.125);}
.card .table.plan-details tbody tr td:nth-child(3n){border-right: 0;}
.card .table.plan-details tbody tr td:nth-child(4),.card .table.plan-details tbody tr td:nth-child(7),.card .table.plan-details tbody tr td:nth-child(10){border-right: 0;}
.card .table.plan-details{margin-bottom: 0;}

/*.card .table.plan-details thead tr:nth-child(2) th:nth-child(3n){padding-right:55px;}
.card .table.plan-details tr td:nth-child(5),.card .table.plan-details tr td:nth-child(8),.card .table.plan-details tr td:nth-child(11){padding-right:55px;}*/
/*.card .table.plan-details thead tr:first-child th:nth-child(3),.card .table.plan-details thead tr:first-child th:nth-child(4),
.card .table.plan-details thead tr:first-child th:nth-child(5){min-width: 200px;width: 100%;}*/
.card .table.plan-details thead tr:last-child th{width: 100px;}
.card .table.plan-details tr:first-child th:nth-child(3),.card .table.plan-details tr:first-child th:nth-child(4),.card .table.plan-details tr:first-child th:nth-child(5){width:18%}

@media (min-width: 1280px){
    .container {max-width: 1260px;}
}

@media (min-width: 1440px){
.container {max-width: 1400px;}
}

@media(min-width: 1366px) and (max-width: 1439px){
    .container {max-width: 1320px;}
}

@media(max-width: 1440px){
.css-1do34ct-NavbarContainer {
    left: calc(50vw - 440px);
    width: calc(100vw - (50vw - 420px));
}
}

@media(max-width: 1366px){
.css-1do34ct-NavbarContainer {
    left: calc(50vw - 460px);
    width: calc(100vw - (50vw - 450px));
}
}

@media (max-width: 1280px){
.css-1do34ct-NavbarContainer {
    left: calc(50vw - 440px);
    width: calc(100vw - (50vw - 430px));
}
.navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 5px;
    padding-left: 5px;
}
}



@media(max-width: 1199px){
	#customers_table_wrapper table.dataTable{display: block;overflow-x: auto;}
}

@media(max-width: 991px){
#subscriptions_table_wrapper table.dataTable{display: block;overflow-x: auto;}
.custom-field-table.table-responsive-lg{display: table;}

.stat-card .card-header{font-size: 16px;}
}

@media(max-width: 767px){
	.customer-column{flex: none;width: 100%;}
	.customer-email,.customer-phone{padding-bottom: 5px;}
	.dataTables_wrapper .dataTables_paginate {margin-top: 0;margin-bottom: 5px;}
}

@media(max-width: 640px){
.dataTables_wrapper .dataTables_filter {margin-top: 0;}
}

@media(max-width: 575px){
	.dataTables_wrapper .dataTables_paginate .paginate_button{min-width: 30px;padding: 2px 5px;}
}