@import url('clients.css');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,600;1,700&display=swap');


.topbar,
body.fixed-left .side-menu.left {
    z-index: 999 !important;
}

/* a {color: #D1495B;} */
a,
.linkBlue,
.btn-link {
    color: #1A0ADB;
}

a:hover {
    color: #D1495B;
    text-decoration: none;
}

.textBlack {
    color: #000 !important;
}

.borderNone {
    border: none !important
}

.navbar-custom .headderMenu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headderMenu li {
    /* color: #fff; */
    padding: 0px 0px;
    list-style: none;
}

.headderMenu .notification-list {
    padding: 0px 10px;
    font-size: 26px;
}

.headderMenu .notification-list .dropdown-menu,
.changeCompany .notification-list .dropdown-menu {
    padding: 0;
    background: transparent;
}

.headderMenu .notification-list .dropdown-menu .dropDownInner,
.changeCompany .notification-list .dropdown-menu .dropDownInner {
    font-size: 14px;
    background: #003F5C;
    border: none;
    /* padding: 6px*/
    border-radius: 5px;
    overflow: hidden;
}

.headderMenu .notification-list .dropdown-menu .dropDownInner:before,
.changeCompany .notification-list .dropdown-menu .dropDownInner:before {
    bottom: 100%;
    /* left: 50%; */
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(43, 108, 143, 0);
    border-bottom-color: #003F5C;
    border-width: 10px;
    margin-left: -10px;
    right: 12px;
}

.headderMenu .notification-list.open a i,
.headderMenu .notification-list a:hover {
    color: #D1495B;
}

.headderMenu .notification-list.open .dropdown-menu a i {
    color: #fff;
}

/*.headderMenu .notification-list a.userIcon{
    background: #f5f5f5;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    margin-top: -5px;
}*/
.headderMenu .notification-list a {
    color: #003F5C;
}

.headderMenu .notification-list:not(:last-child) {
    margin-right: 0;
}

.headderMenu .notification-list a img.menuIcons {
    max-width: 32px;
}

.headRLink {
    font-size: 16px;
    text-transform: capitalize;
    float: right;
    margin-top: 0 !important;
}

.headRLink a {
    color: #D1495B;
}

#search_form {
    width: 100%;
}

#selectItems {
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    color: #565656;
    font-size: 14px;
    width: 100px;
    height: 34px;
    padding: 6px 12px;
    display: inline-block;
    margin-bottom: 15px;
}

select#w0 {
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    color: #565656;
    font-size: 14px;
    width: 100px;
    height: 34px;
    padding: 6px 12px;
    display: inline-block;
    margin-bottom: 15px;
}

.summary {
    margin-bottom: 5px;
}

table.table tr th a {
    color: #333333;
}

.table-bordered td,
.table-bordered th {
    font-size: 14px;
}

.grid-view table.table td a .glyphicon {
    color: #36404a;
    margin-right: 6px;
}

table .asc {
    background: url("../images/asc.png");
}

table .desc {
    background: url("../images/desc.png");
}

table .asc,
table .desc {
    width: 100%;
    display: inline-block;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center right;
}

.textCapital {
    text-transform: capitalize;
}

.searchForm .form-control {
    margin-top: 5px;
}

.help-block:empty {
    display: none;
}

.rolem {
    margin-top: -16px;
    display: inherit;
    font-size: 13px;
}

.help-block {
    margin-top: 0px;
    margin-bottom: 2px;
    font-size: 12px;
}

.has-error .help-block {
    color: #f6504d;
}

.closeReset {
    margin-bottom: 20px;
}

.closeReset .close {
    font-size: 18px;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    position: absolute;
    right: -12px;
    top: -12px;
    background: #e14a25;
    border-radius: 100%;
    height: 24px;
    width: 24px;
    text-align: center;
    padding: 0;
}

.resetScreen .form-group {
    margin-bottom: 0;
    width: 100%;
}

.resetScreen .form-group .field-passwordresetrequestform-email {
    width: calc(100% - 100px);
}

.resetScreen .form-group .form-control {
    padding: 4px 15px;
    height: 38px;
    line-height: 38px;
}

.width-100 {
    width: 100%;
    display: inline-block;
}

.caption.text-center i {
    color: #324f8d;
    font-size: 35px;
}

.profile_wrapper.img-thumbnail {
    height: 150px;
    width: 150px;
    border-radius: 100%;
}

.change_profileImg {
    position: relative;
    height: 100%;
}

.change_profileImg .left {
    position: absolute;
    font-size: 20px;
    bottom: 35px;
    /* top: 50%; */
    right: 0;
    height: 30px;
    width: 30px;
    text-align: center;
    background: #e14a25;
    border-radius: 100px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
}

.m-t-12 {
    margin-top: -12px;
}

.btn {
    border-radius: 3px;
    outline: none !important;
    font-size: 14px;
    padding: 0px 5px;
}

/* User registration secton */
.userRegWrapper {
    max-width: 1000px;
    padding-top: 10px;
    padding-bottom: 40px;
}

h2.dasbordTitle {
    text-transform: capitalize;
    font-size: 24px !important;
    font-weight: normal !important;
    line-height: 16px;
    margin-bottom: 18px !important;
    border-bottom: 0;
    padding-bottom: 5px !important;
    text-align: left;
    margin-top: 0;
    display: inline-block;
    width: auto;
}

.formWrapper {
    background: #fff;
    border: 1px solid rgb(54 64 74 / 25%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    /* padding: 20px 30px; */
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    border-radius: 10px;
}

/* Stepper style Start */
#progressbar {
    margin-bottom: 20px;
    overflow: hidden;
    counter-reset: step;
    padding: 0;
}

#progressbar li {
    list-style-type: none;
    color: #809399;
    text-transform: uppercase;
    font-size: 10px;
    width: 16.6%;
    float: left;
    position: relative;
    letter-spacing: .5px;
    text-align: center;
}

#progressbar.step-second li {
    width: 50%;
}

#progressbar li.active {
    color: #2b6c8f;
    font-weight: 700;
}

#progressbar li a::before {
    content: counter(step);
    counter-increment: step;
    width: 32px;
    height: 32px;
    line-height: 26px;
    display: block;
    font-size: 18px;
    color: #d0dbde;
    background: white;
    border-radius: 100%;
    margin: 0 auto 5px auto;
    position: relative;
    z-index: 2;
    border: 2px solid #dee7ea;
    text-align: center;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #DEE7EA;
    position: absolute;
    left: -50%;
    top: 15px;
    z-index: 1;
}

#progressbar li:first-child:after {
    content: none;
}

#progressbar li.active a:before,
#progressbar li.active a:after {
    background: #2B6C8F;
    border: 2px solid #2B6C8F;
    color: white;
}

#progressbar li a {
    color: #809399;
}

#progressbar li.active a {
    color: #2b6c8f;
}

/* End */

.btn-primary:disabled,
.btn-primary:disabled:hover {
    background-color: #D1495B;
    border-color: #D1495B;
}

/*.btnLarge{
    background: #e02409;
    border: 2px solid #e02409;
    color: #fff;
}*/
.btnLarge {
    background: #2b6c8f;
    border: 2px solid #2b6c8f;
    color: #fff;
}

.btnLarge:hover,
.btnLarge:focus {
    color: #fff;
    border: 2px solid #6091AB;
    background: #6091AB;
}

.btnLargeBlue {
    background: #3c769a;
    border: 2px solid #3c769a;
    color: #fff;
}

.btnLargeBlue:hover,
.btnLargeBlue:focus {
    background: #316d92;
    border: 2px solid #316d92;
    color: #fff;
}

.btnCancel {
    border: 2px solid #424B55;
    background: #fff;
    color: #424B55 !important;
}

.btnCancel:hover,
.btnCancel:focus {
    color: #fff !important;
    border: 2px solid #666;
    background: #666;
}

/*.skipBtn, .btnLarge, .btnCancel, .btnLargeBlue {
    font-weight: 600;
    padding: 5px 15px;
    border-radius: 4px;
    font-size: 18px;
    min-width: 120px;
}*/
.skipBtn,
.btnLarge,
.btnCancel,
.btnLargeBlue {
    font-weight: 400;
    padding: 9px 30px;
    border-radius: 10px;
    font-size: 16px;
    min-width: 140px;
    letter-spacing: .5px;
}

.skipBtn {
    color: #2b6c8f;
    border: 2px solid #2b6c8f;
    background: #fff;
}

.skipBtn:hover,
.skipBtn:focus,
.skipBtn:active {
    color: #fff;
    border: 2px solid #2b6c8f;
    background: #2b6c8f;
}

.footer {
    background: #fff;
}

.footerButtonGroup {
    padding: 5px 0 5px 0;
    text-align: center;
}

.footerButtonGroup .btn {
    margin: 0 5px;
}

.footerButtonGroup.borderTop {
    padding: 20px 0 5px 0;
    border-top: 1px solid #eee;
}

/* .form-control, .hasDatepicker, #user-search {
    color: #333;
    font-size: 16px;
    padding: 8px 15px;
    height: 46px;
    background-color: #fff;
    font-family: inherit;
    border: 1px solid #E3E3E3;
    border-radius: 4px !important;
    width: 100%;
} */
.form-control,
.hasDatepicker,
#user-search {
    color: #003F5C;
    font-size: 15px;
    padding: 8px 15px;
    height: 46px;
    background-color: #fff;
    font-family: inherit;
    border: 0.5px solid #2B6C8F;
    border-radius: 10px !important;
    width: 100%;
}

select.form-control {
    min-height: 46px;
}

.formFull {
    width: 100%;
}

#user-search {
    position: relative;
    z-index: 9;
    background-image: url("../images/search.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center left 15px;
    padding-left: 45px;
}

#project-form {}

#project-form ul {
    position: inherit !important;
    border-radius: 0 0 6px 6px;
    margin-top: -1px;
    overflow: hidden;
}

#project-form ul .ui-menu-item {
    padding: 8px 15px;
    border-bottom: 1px solid #eee;
    color: #333333;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

#project-form ul .ui-menu-item:hover,
#project-form ul .ui-menu-item:focus {
    background: none;
    background-color: #f5f5f5;
    border: 1px solid #eee;
}

#project-form ul .ui-menu-item:last-child,
#project-form ul .ui-menu-item:last-child:hover,
#project-form ul .ui-menu-item:last-child:focus {
    border-bottom: none;
}

.selectedUsersList {
    padding: 0;
    display: inline-block;
    width: 100%;
    margin: 0;
}

.selectedUsersList li {
    list-style: none;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 8px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    float: left;
    margin: 10px 20px 10px 0;
    max-width: 280px;
    position: relative;
}

.selectedUsersList li img {
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 100%;
    padding: 5px;
}

.selectedUsersList li .invite-members-section {
    color: #2b6c8f;
    font-size: 18px;
    line-height: 20px;
    padding-left: 12px;
}

/* End */

/* Custom CheckBox */
/* Broadcast Message */
.useRoleAssign {
    display: inline-block;
    margin: 10px;
    position: relative;
    vertical-align: top;
    float: left;
}

.useRoleAssign input[type="checkbox"] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.useRoleAssign [type="checkbox"]+label:before {
    content: '';
    position: absolute;
    left: 18px;
    width: 26px;
    height: 26px;
    border: none;
    box-shadow: none;
    margin: 0;
    background: url(../images/tickInactive.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .5;
}

.useRoleAssign [type="checkbox"]:checked+label:before {
    background: url(../images/tickActive.png);
    opacity: 1;
    background-size: 100%;
}

.useRoleAssign [type="checkbox"]:checked+label {
    border: 1px solid #0e70b7;
}

.useRoleAssign [type="checkbox"]:checked+label {
    background: #fff !important;
}

.useRoleAssign [type="checkbox"]+label {
    border-radius: 5px;
    padding: 12px 20px 12px 52px;
    overflow: hidden;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    border: 1px solid transparent;
    background-color: #f8f8f8;
}

.useRoleAssign .selectedMsg {
    border-radius: 100px;
    padding: 10px 24px 10px 24px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 18px;
    font-style: italic;
}

.useRoleAssign [type="checkbox"]+label h3 {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
}

.useRoleAssign [type="checkbox"]:checked+label h3 {
    color: #3c769a
}

.all-roles {
    margin: 0 -10px;
}

.users-data h4 {
    margin: 0px 0 15px 0;
    display: inline-block;
    width: 100%;
}

.users-data h4 {
    font-size: 20px;
    color: #2b6c8f;
    margin: 14px 0 2px 0;
}

/* End */

/* Dashboard NEW CSS */
.dashboard_page {
    width: 80%;
    margin: 0 auto;
}

.title_filters_sec {
    text-align: center;
}

.title_filters_sec .test_filter_header {
    width: 30%;
    margin: 20px auto;
}

.title_filters_sec .test_filter_header .iconSec {
    background: #003F5C;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 10px;
    position: relative;
}

.plusBgIcon {
    position: absolute;
    right: -7px;
    background: #fff;
    border-radius: 100%;
    bottom: 0;
}

.title_filters_sec .test_filter_header a .text {
    color: #000000;
}

.title_filters_sec .test_filter_header .icondiv {
    display: grid;
    justify-content: center;
}

.title_filters_sec .test_filter_header .icondiv a:hover {
    transform: scale(1.1);
}

.title_filters_sec .test_filter_header .icondiv a {
    transition: all ease-in-out .3s;
}

.title_filters_sec h1 {
    margin: 0px 0;
    font-weight: 800;
    font-size: 28px;
    color: #003F5C;
    line-height: 30px;
}

.title_filters_sec p {
    color: rgba(0, 0, 0, 0.4);
}

.bookings-card {
    padding: 25px 30px;
}

.bookings-card.card-box .pull-left h3 {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}

.bookings-card.card-box .pull-left h3 strong {
    font-size: 23px;
    margin-left: 5px;
}

.bookingList,
.leadBox {
    list-style: none;
    padding: 0;
}

.bookingList .bookingBox {
    display: inline-block;
    width: 48%;
}

.bookingList .bookingBox .card {
    background: rgba(230, 236, 239, 0.3);
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 13px 25px;
    display: flex;
    justify-content: space-between;
}

.bookingList .bookingBox .card .bookingBox_ul {
    padding: 0;
    list-style: none;
}

.bookingList .bookingBox .card .bookingBox_ul {
    display: flex;
    justify-content: space-between;
}

.bookingList .bookingBox .card .bookingBox_ul .left {
    max-width: 80%;
    display: flex;
    align-items: center;
}

.bookingList .bookingBox .card .bookingBox_ul li span {
    font-weight: bold;
    font-size: 18px;
    color: #424b55;
}

.bookingList .bookingBox .card .bookingBox_ul .left p {
    max-width: 100%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0;
    font-weight: 500;
    color: #424b55;
    font-size: 16px;
    line-height: inherit;
}

.bookingBox_ul .left .infoIcon .dripicons-information {
    font-size: 13px !important;
    margin-left: 5px;
}

.bookingList .bookingBox:nth-child(2n) {
    float: right;
}

.bookingBox .bookingBox_txt .pull-left span {
    color: #424B55;
    font-size: 16px;
    font-weight: 500;
}

.bookings-card .item {
    background: #FFFFFF;
    border: 0.5px solid #E6E6E6;
    box-shadow: 2px 3px 6px rgba(0, 63, 92, 0.2);
    border-radius: 8px;
    margin-bottom: 40px;
    transform: all ease-in-out 0.3s;
}

.owl-prev:hover,
.owl-next:hover {
    box-shadow: 2px 3px 6px rgba(0, 63, 92, 0.2);
}

.bookings-card .item:hover {
    box-shadow: none;
}

.bookingBox_txt:hover,
.email-card:hover {
    background: rgba(230, 236, 239, 0.8) !important;
}

.leadBoxContent:hover {
    box-shadow: 2px 3px 6px rgba(0, 63, 92, 0.1);
}

.bookings-card .item .date {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 20px;
}

.bookings-card .item .date div h3 {
    color: #003F5C;
    font-size: 32px;
}

.bookings-card .item .date div span {
    color: #003F5C;
    font-size: 20px;
}

.bookings-card .item .date h2 {
    font-weight: 600;
    font-size: 40px;
}

.bookings-card .owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block;
    position: absolute;
    top: -50px;
    right: 0;
}

/* @media screen and (min-width:1400px){
    .carouselsec .owl-carousel .owl-stage{
        width:100% !important;
    }
    .carouselsec .owl-carousel .owl-item {
        min-width: 245px !important;
    }
} */
.bookings-card .item .blueBox {
    background: #003F5C;
    border-radius: 0px 0px 8px 8px;
    color: #fff;
    padding: 12px 20px;
    min-height: 68px;
    margin-top: 15px;
}

.bookings-card .item .blueBox p {
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.bookings-card .carouselsec h2 {
    color: #003F5C;
}

/* .carouselsec .owl-carousel .owl-item{
    max-width: 218px !important;
} */

.bookings-card .owl-carousel .owl-nav {
    position: absolute;
    top: -50px;
    right: 0;
}

.bookings-card .owl-carousel .owl-nav button.owl-prev,
.bookings-card .owl-carousel .owl-nav button.owl-next {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    background: #E6ECEF;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin: 0 5px;
}

.bookingBox .bookingBox_txt .pull-right span a {
    color: #424B55;
    font-weight: 800;
    font-size: 18px;
}

.booking_heading {
    color: #003F5C;
}

.leadBox {
    display: flex;
    justify-content: space-between;
}

.leadBox .leadBoxContent {
    background: rgba(230, 236, 239, 0.5);
    border-radius: 8px;
    padding: 15px 30px;
    padding-bottom: 30px;
    color: #003F5C;
    font-size: 20px;
    flex: 0 0 28.333%;
    min-width: 28.333%;
}

.leadBox .leadBoxContent a {
    color: #003f5c;
}

.leadBox .leadBoxContent .number {
    font-size: 48px;
    color: #003f5c;
    font-weight: 400;
}



.nav-tabs.taskTab {
    display: inline-block;
    margin: 0 auto;
    padding: 3px 3px 4px 3px;
    width: 100%;
    background: rgba(230, 236, 239, 0.5);
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
}

.nav-tabs.taskTab li {
    float: left;
    width: 30%;
    margin: 7px 15px;
}

.nav-tabs.taskTab li a {
    border-radius: 8px;
    text-align: center;
    padding: 7px 20px;
    color: #003F5C !important;
}

.nav-tabs.taskTab li a span {
    color: #D1495B !important;
}

.taskCard {
    background: rgba(234, 240, 244, 0.3);
    border-radius: 8px;
    margin: 10px 0;
}

.taskCard .taskSec {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 15px 20px;
}

.taskCard .taskSec .task {
    width: 45%;
}

.taskCard .taskSec .event {
    width: 53%;
}

.taskCard .multi-collapse p,
.taskCard .multi-collapse div {
    padding: 0 20px;
}

.taskCard .multi-collapse .tasksActionBtns {
    text-align: left;
    margin-top: 14px;
    background: #E6ECEF;
    border-radius: 0px 0px 8px 8px;
}

.taskCard .multi-collapse .tasksActionBtns .btn {
    background: transparent;
    width: 32%;
    text-align: center;
    margin: 0;
    padding: 10px;
    border-radius: 0 !important;
    box-sizing: border-box;
}

.taskCard .multi-collapse .tasksActionBtns .btn.borderLR {
    border-right: 1px solid #003F5C;
    border-left: 1px solid #003F5C;
}

.taskCard .multi-collapse .tasksActionBtns .btn {
    background: transparent;
}

.taskCard .taskSec .task h3 {
    font-weight: 600;
}

.boscolor {
    color: #003F5C;
    font-weight: 600;
}

.profit {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
}

.chartNum {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
    color: #27AE60;
}

.heightBox {
    max-height: 350px;
    overflow: auto;
}

.taskBox {
    width: calc(100% + 10px);
    margin-right: 10px;
}

.offerBox {
    max-height: 450px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.heightBox::-webkit-scrollbar {
    width: 11px;
}

.link_heading {
    color: #003F5C;
}

/*Custom Scroll bar css*/
.heightBox {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.heightBox::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}

.heightBox::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}

/*Custom Scroll bar css end*/
.email-card {
    background: rgba(230, 236, 239, 0.3);
    border-radius: 8px;
    padding: 15px 20px;
    margin: 10px 0;
}

.email-cardtxt {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.email-card li {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #424B55;
}

.email-card li div span {
    font-size: 18px;
    font-weight: 600;
    color: #003F5C;
}

.email-card li div .emailTxt {
    font-weight: 400;
    color: #444;
    display: flex;
    align-items: center;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin-left: 4px;
}

.email-card li div .emailTxt .event-title {
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
    max-width: 185px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chart_intro {
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    padding: 10px 14px;
    width: 250px;
    position: absolute;
    bottom: 32px;
    right: 15px;
}

.chart_intro .chart_title {
    margin-bottom: 10px;
    margin-left: 40px;
}

.chart_intro .chart_title .amt {
    color: #27AE60;
    font-weight: 600;
    font-size: 16px;
}

.chart_intro .chart_title .redamt {
    color: #D1495B;
    font-weight: 600;
    font-size: 16px;
}

.chart_intro .label_clr.first {
    background: #B9DFC9;
}

.chart_intro .label_clr.second {
    background: #95D0AE;
}

.chart_intro .label_clr.third {
    background: #72C093;
}

.chart_intro .label_clr.redfirst {
    background: #F3D1D6;
}

.chart_intro .label_clr.redsecond {
    background: #E8A4AD;
}

.chart_intro .label_clr.redthird {
    background: #DC7684;
}

.chart_intro .label_clr {
    width: 22px;
    height: 50px;
    margin: 0 10px 10px 10px;
}

.chart_intro .chartSec p {
    color: #424B55;
    margin-bottom: 0;
}

.chart_intro .chartSec .amt {
    color: #003F5C;
    font-size: 16px;
    margin-bottom: 0;
}

.modal-title.income-chart-heading-0 {
    display: flex;
}

.modal-title.income-chart-heading-0 span a,
.modal-title.expenses-chart-heading-0 span a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-left: 5px;
}

.income-chart_section.main-finance-section .fa-exchange {
    transform: rotate(90deg);
    font-size: 12px;
}

.paymentCard {
    background: rgba(230, 236, 239, 0.3);
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 15px;
    font-weight: 500;
    color: #424B55;
}

.paymentCard .w-300 {
    font-weight: 300;
}

.paymentCard .numeral {
    width: 7%;
}

.paymentCard .paymenTd {
    width: 30%;
}

.paymentCard .paymenTd p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
    width: 250px;
}

.paymentCard .mainTxt {
    width: 35%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.paymentCard .mainTxt a {
    max-width: 300px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #003f5c;
}

.paymentCard .confirmBtn {
    background: #003F5C;
    box-sizing: border-box;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 6px 12px;
}

.musicianTbl {
    width: 100%;
}

.musicianTbl .offerSec {
    background: rgba(230, 236, 239, 0.5);
    border: 1px solid #D1495B;
    box-sizing: border-box;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    padding: 13px 15px;
    margin-bottom: 20px
}

.musicianTbl tr td {
    vertical-align: top;
}

.musicianTbl .offerSec .leftSec h3,
.musicianTbl .offerSec .rightSec h3 {
    color: #424B55;
    font-size: 20px;
}

.musicianTbl .date,
.musicianTbl h4 {
    font-weight: 600;
}

.musicianTbl .status {
    width: 15px;
    height: 15px;
    background: rgba(39, 174, 96, 0.5);
    border-radius: 100%;
    margin: 10px;
}

.musicianTbl .offerSec .leftSec p {
    color: #D1495B;
    font-size: 16px;
}

.musicianTbl .offerSec .rightSec .declineBtn {
    color: #D1495B;
    background: transparent;
    font-weight: bold;
}

.musicianTbl .offerSec .rightSec .acceptBtn {
    background: #27AE60;
    box-sizing: border-box;
    border-radius: 16px;
    color: #fff;
    padding: 2px 25px;
    min-width: 150px;
    margin: 0 10px;
    font-weight: 600;
}

.musicianTbl .offerSec .rightSec {
    text-align: right;
}

/*Dashboard new css end*/

.custom-select {
    height: auto;
}

.title_filters_sec .custom-select {
    margin-left: 10px;
}

.fc-toolbar {
    margin-bottom: 0 !important;
    margin-top: 0;
}

.fc-view {
    margin-top: 10px;
}

.portlet .panel-collapse {
    overflow: hidden;
}

.portlet .tasksTable {
    padding: 0;
}

.tasksTable h4 {
    color: #003F5C;
    font-size: 16px;
    margin: 0;
}

.tasksTable .userName {
    color: #d41700;
    font-size: 13px;
    margin: 0;
}

.tasksTable .date_assign {
    color: #999;
    font-size: 11px;
    margin: 0;
    line-height: 16px;
}

.tasksTable .checkbox {
    margin-left: 17px !important;
}

.tasksTable .date,
.blueDate {
    color: #2b6c8f;
    font-size: 12px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center;
    width: 40px;
    padding: 6px 3px;
    line-height: 1.5;
    margin-top: 5px;
    border: 1px solid;
    font-weight: bold;
}

.tasksTable .table-actions-bar td {
    vertical-align: top !important;
}

.portlet-heading .portlet-widgets .textBtn {
    color: #d41700;
}

.label-unread {
    background-color: #ffad05;
    letter-spacing: .2px;
    font-size: 11px;
    margin-left: 2px;
}

/* .collapse.show.in{display: block !important;} */
.thankYouScreen {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 80px;
}

.thankYouScreen h2 {
    color: #219b4f;
    font-size: 45px;
    font-weight: bold;
    padding: 0;
}

.thankYouScreen h4 {
    font-size: 26px;
    font-weight: 300;
    padding-bottom: 20px;
}

.thankYouScreen img {
    max-width: 70px;
}

.registerLogoSec {
    text-align: center;
    padding-bottom: 10px;
    background: #fff !important;
    -webkit-box-shadow: 2px 2px 3px rgba(124, 124, 124, .18);
    box-shadow: 2px 2px 3px rgba(124, 124, 124, .18);
    margin-bottom: 20px;
    display: none;
}

/* guru */
.flex {
    display: flex;
}

.green-card {
    background: url(../images/greenCardBg.png);
    background-color: #75d5cc;
}

.yellow-card {
    background: url(../images/yellowCardBg.png);
    background-color: #fcc378;
}

.red-card {
    background: url(../images/redCardBg.png);
    background-color: #f18990;
}

.blue-card {
    background: url(../images/blueCardBg.png);
    background-color: #7fc1f6;
}

.largeWidget {
    display: flex;
    align-items: center;
    margin: 0 !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 90px;
    color: #fff;
    border-radius: 4px;
    overflow: hidden;
    padding: 15px 12px;
}

.largeWidget h1 {
    font-size: 32px;
    margin: 0;
}

.largeWidget h2 {
    font-size: 16px;
    margin: 0;
    padding-left: 10px;
}

.largeWidget i {
    background: transparent !important;
    padding: 15px 15px;
    line-height: 33px;
    color: #fff !important;
    font-size: 35px;
}

.bg-yellow {
    background: linear-gradient(90deg, rgba(252, 194, 117, 1) 30%, rgba(255, 172, 63, 1) 100%);
    padding: 15px 15px;
    color: #fff;
    line-height: 1;
    font-size: 1.5rem;
    margin: 0 !important;
}

.bg-red {
    background: linear-gradient(90deg, rgba(245, 134, 143, 1) 30%, rgba(200, 62, 66, 1) 100%);
    padding: 15px 15px;
    color: #fff;
    line-height: 1;
    font-size: 1.5rem;
    margin: 0 !important;
}

.bg-red h2,
.bg-yellow h2 {
    font-size: 1.5rem;
}

.bg-red h3,
.bg-yellow h3 {
    font-size: 3.5rem;
    line-height: 1;
    margin-right: 1.5rem;
}

.bg-red i,
.bg-yellow i {
    background: transparent !important;
    padding: 15px 15px;
    line-height: 33px;
    color: #fff !important;
    font-size: 35px;
}

.topTabs {
    padding: 0 5px;
    border-bottom: 1px solid #e8eaec;
}

.topTabs .title {
    color: #003F5C;
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin: 1rem 0 0;
    width: 100%;
    padding: 5px 10px 15px;
}

.topTabs .col-lg-6 {
    padding: 0 10px;
}

.topTabs .title span {
    font-size: 12px;
    color: #999999;
    font-weight: 100;
}

.tasksTable .heading {
    font-size: 16px;
    color: #2b6c8f;
    margin: 1rem 0 0;
    padding: 0 20px;
    font-weight: 700;
}

.tasksTable ul {
    list-style: none;
    margin: 0;
}

.tasksTable ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    color: #003F5C;
    padding-right: 20px;
    line-height: 2.5rem;
}

.tasksTable .total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    color: #003F5C;
    padding: 0px 20px 10px;
    font-weight: 400;
}

.bookingTabs {
    padding: 15px;
}

.portlet .snapshotTable {
    padding: 0px;
}

.portlet .snapshotTable .snapshotTableRow {
    border-top: 1px solid #ebeff2;
    padding: 0px 10px;
}

.portlet .snapshotTable .snapshotTableRow.invitedMsg {
    background: #fff2e1;
}

.snapshotTableRow .buttonGroup {
    min-width: 190px;
}

.snapshotTableRow .buttonGroup .accept,
.snapshotTableRow .buttonGroup .decline {
    min-width: 14px;
    padding: 6px 15px;
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 4px;
}

.snapshotTableRow .buttonGroup .accept {
    background-color: #4c7a34;
}

.snapshotTableRow .buttonGroup .decline {
    background-color: #d41700;
}

.snapshotTable .table td {
    font-size: 13px;
    color: #666;
    border: none;
}

.snapshotTable .userDetailsSec {
    padding-left: 5px;
    padding-top: 5px;
    display: inline-block;
    width: 100%;
}

.snapshotTable .userDetailsSec .venuName {
    padding-bottom: 9px;
}

.snapshotTable .userDetailsSec .bookingInfo strong {
    padding-right: 4px;
    font-weight: 600;
}

.snapshotTable .userDetailsSec .venueDetails {
    width: calc(100% - 52px);
    float: left;
    padding-left: 12px;
    border-left: 1px solid #BFCFD6;
    margin-left: 12px;
}

.snapshotTable .userDetailsSec .blueDate {
    float: left;
}

.snapshotTable .userDetailsSec h4 {
    color: #2b6c8f;
    font-size: 18px;
    margin: 0;
    padding-bottom: 5px;
}

.snapshotTable .userDetailsSec .userDetailsCol {
    display: inline-block;
    padding-top: 8px
}

.snapshotTable .userDetailsSec .userDetailsCol span {
    float: left;
    /* color: #003F5C; */
    padding-right: 2px;
    padding-top: 3px;
    font-size: 14px;
    font-weight: 400;
}

.snapshotTable .userDetailsSec .userDetailsCol a.phone {
    background: url(../images/phone.png);
}

.snapshotTable .userDetailsSec .userDetailsCol a.email {
    background: url(../images/email.png);
}

.snapshotTable .userDetailsSec .userDetailsCol a.contactIcons {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 27px;
    height: 27px;
    float: left;
    margin-left: 6px;
}

.snapshotTable .usersDataSec {
    text-align: center;
    padding: 6px 10px;
}

.snapshotTable .usersDataSec h4 {
    font-size: 18px;
    margin: 0;
    padding-bottom: 5px;
    color: #003F5C;
}

.snapshotTable .usersDataSec .numberBtn {
    margin-top: 10px;
    display: block;
    min-width: 100px;
    padding: 3px 10px;
    color: #fff;
    border-radius: 100px;
    font-weight: 400;
}

.snapshotTable .usersDataSec .numberBtn.color-green {
    background-color: #27AE60;
}

.snapshotTable .usersDataSec .numberBtn.color-red {
    background-color: #D1495B;
}

.snapshotTable .usersDataSec .numberBtn.color-yellow {
    background-color: #FFC040;
}

.snapshotTable .usersDataSec .venuName a {
    color: #2b6c8f;
    font-weight: 600;
    position: relative;
}

.snapshotTable .usersDataSec .venuName a:hover {
    color: #d41700;
}

.snapshotTable .usersDataSec .venuName a .badge {
    position: absolute;
    right: -16px;
    background: #d41700;
    font-weight: 600;
    top: -5px;
}

.snapshotTable .usersDataSec .progress,
.progress-follow-up {
    /* margin: 14px 0; */
    margin-top: 10px;
    background: #cff5ba;
    border: 1px solid #27AE60;
    height: 24px !important;
    border-radius: 100px;
    overflow: hidden;
}

.snapshotTable .usersDataSec .progress .progress-bar,
.progress-follow-up-bar {
    background: #27AE60;
}

.snapshotTable .largeAlertMsg {
    text-align: center;
    width: 100%;
    padding: 15px;
}

.snapshotTable .largeAlertMsg .alert-danger {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 8px 20px;
    border-radius: 10px;
}

.snapshotTable .largeAlertMsg .alert-danger span {
    font-size: 16px;
    padding: 0 10PX;
    margin: 0 auto;
    display: inline-block;
}

.snapshotTable .largeAlertMsg .alert-danger .checkbox {
    float: right;
    margin: 0;
}

.snapshotTable .largeAlertMsg .alert-danger .checkbox label:after {
    font-size: 14px;
    margin-left: -13px;
    padding-top: 4px;
}

.snapshotTable .largeAlertMsg .alert-danger .checkbox label:before {
    height: 26px;
    width: 26px;
}

.snapshotTable .largeAlertMsg .alert-danger .ti-info-alt {
    float: left;
    font-size: 28px;
}

.success_message {
    width: 100%;
    text-align: center;
    margin-left: 170px;
}

.fc button {
    font-size: 13px !important;
}

.fc th.fc-widget-header {
    font-size: 11px !important;
}

.fc-ltr .fc-basic-view .fc-day-number {
    font-size: 13px !important;
    text-align: center !important;
}

.unread .table-action-btn {
    width: 20px;
    font-size: 20px;
}

.unread td:last-of-type {
    padding-right: 10px;
}

.fullMob {
    padding-top: 8px;
    padding-bottom: 8px;
}

#upload-csv .field-user-img_path {
    color: #fff;
    border: 1px solid #003F5C;
    background: #003F5C;
    font-weight: 600;
    padding: 8px 8px;
    border-radius: 10px;
    font-size: 18px;
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
}

#upload-csv .field-user-img_path:before {
    content: "Upload CSV Here";
}

#upload-csv .field-user-img_path #user-img_path {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
}

.company-details {
    padding: 22px 10px !important;
    /* font-size: 16px; */
    font-weight: 500;
}

.company-details .dropdown-toggle {
    color: #333;
}

.field-bookingperformances-end,
.field-bookingperformances-start {
    width: 100%;
}

.detectLocation {
    background-size: 16px !important;
    background-repeat: no-repeat !important;
    background-position: center left 12px !important;
    background: url(../images/gps.svg);
    font-weight: 600;
    padding-left: 35px !important;
    margin-top: 6px;
    background-color: #d41700;
}

.btnRemoveIcon {
    color: #e02409;
    border: none;
    font-size: 24px;
    position: absolute;
    top: -8px;
    right: -8px;
    background: #fff;
    border-radius: 100%;
    padding: 0;
}

/* Responsive css */
@media (min-width: 768px) {
    #calendar .fc-widget-content .fc-scroller {
        min-height: 384px;
    }
}

@media (max-width: 767px) {
    .headderMenu .notification-list {
        padding: 0px 4px;
    }

    .headderMenu .notification-list a img.menuIcons {
        max-width: 26px;
    }

    .navbar-custom {
        min-height: 60px;
    }

    .side-menu.left {
        top: 58px;
        z-index: 99;
    }

    .portlet .portlet-heading .portlet-title {
        font-size: 16px;
    }

    .fc-toolbar h2 {
        font-size: 14px;
    }

    body {
        padding-top: 60px;
    }

    .content-page>.content {
        padding: 10px 0px 10px 0px;
    }

    .title_filters_sec h1 {
        font-size: 20px;
        line-height: 24px;
    }

    .title_filters_sec p {
        display: none;
    }

    .title_filters_sec .custom-select {
        margin-left: 0px;
    }

    .title_filters_sec {
        padding-bottom: 12px;
    }

    .card-box,
    .radius_box {
        padding: 20px;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .portlet-heading .portlet-widgets .btn {
        border-radius: 4px;
        font-size: 12px;
        padding: 4px 6px;
        font-weight: 700;
    }

    .tasksTable h4 {
        font-size: 13px;
        line-height: 16px;
    }

    .tasksTable .date,
    .blueDate {
        margin-top: 2px;
    }

    .tasksTable .table-responsive {
        margin-bottom: 0;
        border: none;
    }

    .portlet .portlet-heading {
        padding: 10px 15px;
    }

    .topTabs {
        padding: 0 5px;
    }

    .largeWidget {
        background-position: top right;
        min-height: 84px;
        padding: 15px;
    }

    .tasksTable .total {
        font-size: 14px;
        padding: 8px 15px 10px;
    }

    .tasksTable ul li {
        font-size: 13px;
        padding-right: 15px;
        line-height: 24px;
    }

    .tasksTable .heading {
        margin: 4px 0 0;
    }

    .topTabs .title {
        padding: 5px 10px 5px;
    }

    .portlet .snapshotTable .snapshotTableRow {
        overflow: auto;
    }

    .snapshotTable .userDetailsSec h4 {
        padding-bottom: 0px;
    }

    .snapshotTable .userDetailsSec .venuName {
        padding-bottom: 2px;
    }

    .snapshotTable .userDetailsSec .userDetailsCol {
        padding-top: 2px;
    }

    .bookingTabs {
        padding: 6px 15px;
        font-size: 16px;
    }

    .snapshotTable .userDetailsSec {
        border-bottom: 1px solid #eeee;
        padding: 10px 0 6px 5px;
    }

    .usersDataSecOuter {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .usersDataSecOuter .table td {
        white-space: nowrap !important;
    }

    .snapshotTable .largeAlertMsg .alert-danger {
        padding: 6px 15px;
    }

    .snapshotTable .largeAlertMsg .alert-danger span {
        font-size: 12px;
        padding: 0 24PX 0 0PX;
        line-height: 16px;
        text-align: left;
    }

    .snapshotTable .usersDataSec h4 {
        font-size: 16px;
    }

    .snapshotTable .usersDataSec .numberBtn {
        font-size: 11px;
    }

    .snapshotTable .usersDataSec .progress,
    .progress-follow-up {
        margin: 8px 0;
    }

    .largeAlertMsg .ti-info-alt,
    .app-search {
        display: none !important;
    }

    .snapshotTableRow .buttonGroup {
        min-width: inherit;
    }

    .snapshotTableRow .buttonGroup .accept,
    .snapshotTableRow .buttonGroup .decline {
        padding: 4px 12px;
        margin: 3px 0px;
        font-size: 12px;
    }
}

@media (max-width: 500px) {

    .bg-red i,
    .bg-yellow i {
        padding: 4px;
        line-height: 26px;
        font-size: 22px;
    }

    .bg-red,
    .bg-yellow {
        padding: 10px;
    }

    .bg-red h3,
    .bg-yellow h3 {
        font-size: 23px;
        margin-right: 10px;
    }

    .bg-red h2,
    .bg-yellow h2,
    .bg-red,
    .bg-yellow {
        font-size: 14px;
        line-height: 20px;
    }

    .fullMob {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

#tax_parent_div .block:last-child>.form-group,
.form-group-m-0 .form-group {
    margin: 0;
}

.form-group-inline {
    margin-top: 1rem;
    height: max-content;
}

.form-group-inline .form-group {
    display: inline;
}

/*#myTab.nav.nav-tabs > li > a{
    background-color: #5c9cbf;
    color: #fff !important;
    margin-right: 0;
    border-right: 1px solid #2b6b8f;
}
#myTab.nav.nav-tabs > li.active > a{
    background-color: #2b6b8f;
    color: #fff !important;
}*/
.tab-content>.active.in {
    opacity: 1;
}

.jqx-checkbox[checked=true] .jqx-fill-state-normal {
    position: relative;
}

.jqx-checkbox[checked=true] .jqx-fill-state-normal:after {
    content: 'L';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 14px;
    margin: -4px 3px 0 0;
    -ms-transform: scaleX(-1) rotate(-35deg);
    /* IE 9 */
    -webkit-transform: scaleX(-1) rotate(-35deg);
    /* Chrome, Safari, Opera */
    transform: scaleX(-1) rotate(-50deg);
}

.jqx-grid-pager>div {
    float: right;
    width: calc(100% - 200px) !important;
}

.jqx-grid-column-header {
    background: #2b6b8f;
    color: #fff;
}

.jqx-grid-column-header .jqx-widget-header {
    display: none !important;
}

.btnExport {
    background: #D1495B;
    color: #fff;
    font-size: 13px;
    padding: 4px 12px;
    height: auto;
    font-weight: 600;
    margin: 5px 0 0 10px;
    border: none;
}

.btnExport:hover,
.btnExport:focus {
    background: #c4161c;
    color: #fff;
}

#jqxlistbox {
    max-width: 200px;
    float: left;
    margin-right: 20px;
}

/*#grid{
    max-width: calc(100% - 225px);
    float: left;
}*/
#grid a {
    color: #2b6b8f;
}

/*.jqx-fill-state-pressed, .jqx-fill-state-hover{
    border-color: #fff;
    background: #fff;
}*/
.modal {
    z-index: 9999994 !important;
}

.modal-backdrop {
    z-index: 9999993 !important;
}

.modal-open .select2-container--open {
    z-index: 9999995 !important;
}

.header-title .headRLink .btn {
    font-size: 14px;
    padding: 5px 15px;
    text-transform: capitalize;
    /* font-weight: 600; */
    letter-spacing: .5px;
    margin-top: -12px;
    line-height: 20px;
}

/* Custom SelectBox Start */

.bookingSelectBox {
    display: inline-block;
    padding: 10px;
    position: relative;
    margin: 0 10px 10px 0;
}

.bookingSelectBox label {
    margin: 0;
    font-weight: 600;
}

.bookingSelectBox [type="checkbox"]:not(:checked),
.bookingSelectBox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.bookingSelectBox [type="checkbox"]:not(:checked)+label,
.bookingSelectBox [type="checkbox"]:checked+label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.bookingSelectBox [type="checkbox"]:not(:checked)+label:before,
.bookingSelectBox [type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 2px;
}

.bookingSelectBox [type="checkbox"]:not(:checked)+label:before {
    border: 2px solid #dfe3e8;
}

.bookingSelectBox [type="checkbox"]:checked+label:before {
    border: 2px solid #424B55;
}

.bookingSelectBox [type="checkbox"]:checked+label {
    color: #424B55;
    width: 100%;
}

.bookingSelectBox [type="checkbox"]:not(:checked)+label:after,
.bookingSelectBox [type="checkbox"]:checked+label:after {
    content: '\2713\0020';
    position: absolute;
    top: 5px;
    right: 6px;
    font-size: 15px;
    line-height: 0.8;
    color: #424B55;
    transition: all .2s;
    font-weight: 600;
}

.bookingSelectBox [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.bookingSelectBox [type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

/* End */

.filesSec {
    /* padding: 10px 15px !important; */
}

.filesSec .download-all {
    color: #D1495B;
    font-size: 16px;
}

.filesSec .addFileIcon,
.addPluseIcon {
    background: #43b05c;
    color: #fff;
    padding: 0;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin-left: 5px;
}

.filesSec .addFileIcon:hover,
.addPluseIcon:hover {
    color: #fff;
}

.addPluseIcon {
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin-top: -8px;
}

.fileList ul li .icon-doc {
    color: #333;
    margin-right: 4px;
}

.fileList ul li .fileDownload,
.fileList ul li .deleteFile {
    float: right;
    cursor: pointer;
}

.fileList ul li .fileDownload i,
.fileList ul li .deleteFile i {
    margin-right: 0px;
    margin-left: 10px;
}

.fileList ul li .deleteFile i {
    color: #D1495B;
}

/* .rolesWrapper{padding: 0 15px 10px 15px;} */
.rolesWrapper .rolesList {
    /* margin-top: 5px; */
    margin-bottom: 28px;
}

.rolesWrapper .rolesList:last-child {
    margin-bottom: 0px;
}

.rolesWrapper .rolesList h4.rolesTitle {
    font-size: 15px;
    margin: 0 0 5px 0;
}

.bgSetTabs .rolesWrapper .table>thead>tr>th {
    background: #fff;
}

.bgSetTabs .rolesWrapper .table>thead>tr>th h5 {
    color: #333;
    font-weight: 600;
    background: #fdfdfd;
    font-size: 16px;
}

.roleTable .label-warning,
.roleTable .label-danger,
.roleTable .label-success {
    background-color: transparent;
    font-size: 15px;
    padding: 0;
}

.roleTable .label-warning {
    color: #FFC040;
}

.roleTable .label-danger {
    color: #FE3852;
}

.roleTable .label-success {
    color: #27AE60;
}


.roleTable {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.roleTable td {
    border-color: rgba(0, 0, 0, 0.3) !important;
}

.roleTable td:first-child {
    padding-left: 0;
}

.roleTable thead td {
    font-size: 12px;
}

.usderEmails li {
    /* display: flex; */
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.leadEmails li {
    border-top: 1px solid #ebeff2;
    padding-top: 8px;
}

.usderEmails .dateFromCol {
    /* width: 20%; */
    font-weight: 600;
}

.usderEmails .actionBtn {
    /* width: 100px;
    text-align: right; */
}

.usderEmails .actionBtn .btn-link {
    padding: 0;
    font-size: 12px;
}

.usderEmails .fromToTitle {
    /* width: 50%; */
}

.usderEmails .dateTimeCols {
    width: 130px;
    color: rgba(0, 0, 0, 0.5);
    padding-top: 3px;
    /* border-right: 1px solid #2B6C8F; */
    /* margin-right: 10px; */
    font-size: 12px;
}

/* .usderEmails .fromToTitle{width: calc(100% - 150px);} */
.usderEmails .fromToTitle h4 {
    margin: 0;
    padding-bottom: 4px;
    padding-top: 8px;
    cursor: pointer;
    font-size: 14px;
    color: #003F5C;
}

.usderEmails .fromToTitle .dateFrom {
    /* border-right: 1px solid #ccc; */
    margin-right: 10px;
    padding-right: 13px;
}

button.btn.btnCancel.border.border-secondary.btn-sm {
    height: 30px;
    padding: 0;
    font-size: 12px;
}

.buttonsGroupBlue {
    background-color: #f4fafd;
    border: 1px solid #2b6b8f;
    border-radius: 4px;
    padding: 20px;
}

.buttonsGroupBlue .btn {
    margin: 0 3px;
}

.clientInvoiceSec {
    padding: 20px 0px 0 0px;
}

.bgSetTabs .tab-pane .clientInvoiceSec h1.invoiceTitle {
    padding: 0;
    font-size: 16px;
}

.signatureImg {
    min-height: 80px;
    max-width: 100%;
    /* max-width: 80%; */
}

.usderEmails .tasksCheckBox {
    width: 28px;
    display: flex;
    align-items: center;
    /* border-right: 1px solid #003F5C; */
}

.usderEmails .tasksCheckBox span {
    color: #003F5C;
    font-size: 16px;
    padding-left: 10px;
    text-align: right;
    line-height: 15px;
}

.usderEmails .taskTitleDate {
    width: calc(100% - 130px);
    padding-left: 10px;
}

.usderEmails .tasksActionBtns .btn {
    border-radius: 100%;
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: inline-block;
    padding: 0;
    text-align: center;
    margin-left: 6px;
}

/* Checkbox start */
.checkbox-custom {
    opacity: 0;
    position: absolute;
    width: 26px;
    height: 26px;
    margin: 0 !important;
}

.checkbox-custom-label {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox-custom+.checkbox-custom-label:before {
    content: '';
    background: #fff;
    border-radius: 4px;
    border: 2px solid #003F5C;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    padding: 2px;
}

.checkbox-custom:checked+.checkbox-custom-label:before {
    background: #003F5C;
    border: 2px solid #003F5C;
}

.checkbox-custom:checked+.checkbox-custom-label:after {
    content: "";
    padding: 2px;
    position: absolute;
    width: 1px;
    height: 14px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    top: 4px;
    left: 10px;
}

/* Checkbox css end */

.usderEmails .tasksActionBtns .btn i {
    margin: 0;
    color: #333;
}

.modal-header .close span {
    font-size: 24px;
}

.copyLinkBtn {
    color: #D1495B;
    margin-top: 10px;
    display: inline-block;
    border: 1px solid #D1495B;
    border-radius: 4px;
    padding: 4px 15px;
}

.copyLinkBtn:hover,
.copyLinkBtn:focus {
    color: #fff;
    background: #D1495B;
}

.engagementMainLists {
    max-width: 550px;
    margin: 0 auto;
}

.engagementTitle {
    font-size: 30px;
    font-weight: 700;
    color: #2b6c8f;
    margin: 15px 0;
}

.bookingNotifiSetting {
    max-width: 550px;
    margin: 0 auto;
}

.reminderBoxes {
    display: flex;
    align-items: center;
}

.reminderBoxes .text-nowrap {
    padding-left: 10px;
    margin: 0;
}

.reminderBoxes a.text-nowrap {
    color: #e02409;
}

/* Custom Textbox and Textarea design like Material start */
.form-group {
    position: relative;
}

.form-control {
    transition: border-color 0.2s;
}

/* .form-control::-webkit-placeholder {color: transparent;} */
/* .form-control::placeholder {color: transparent;} */

/*.form-control:placeholder-shown ~ .control-label {
    font-size: 16px;
    cursor: text;
    top: 11px;
    left: 12px;
    margin: 0;
}*/
.form-control:placeholder-shown~.control-label {
    font-size: 15px;
    cursor: text;
    top: 12px;
    left: 12;
    margin: 0;
    padding: 0;
    font-weight: 500;
    width: calc(100% - 12px);
}

#login-form .form-control:focus>.control-label {
    position: absolute;
    top: -8px;
    display: block;
    transition: 0.2s;
    font-size: 12px;
    background: #fff;
    padding: 0 7px;
    left: 10px;
    width: auto;
}

.field-loginform-rememberme .checkbox input {
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
    outline: 0 !important;
    margin-right: 6px;
}

.form-group label.control-label,
.form-control:focus~.control-label {
    position: absolute;
    top: -8px;
    display: block;
    transition: 0.2s;
    font-size: 12px;
    background: #fff;
    padding: 0 7px;
    left: 10px;
    width: auto;
}

/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input:-internal-autofill-selected {
    background-color: transparent;
}

.leadFormCheckboxTxtGroup {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.leadFormCheckboxTxtGroup .leadCheckBox {
    margin-right: 10px;
}

.leadFormCheckboxTxtGroup .form-group {
    width: 100%;
    max-width: calc(100% - 30px);
    margin-bottom: 0px;
}

.checkBoxSpace .form-group {
    margin-bottom: 0;
}

.checkBoxSpace input[type="checkbox"] {
    height: 20px;
    width: 20px;
    margin-right: 10px;
    margin-bottom: 0;
    vertical-align: middle;
    margin-top: -2px;
}

.rightInputLabel {
    border: 1px solid #2B6C8F;
    height: 46px;
    margin-left: -18px;
    background-color: #eee;
    border-radius: 0 10px 10px 0;
    padding: 11px 4px;
}

.shareLead {
    margin-top: 20px;
}

.shareLead .card-header {
    font-size: 18px;
}

.emailSettingTxt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.emailSettingTxt span {
    padding-right: 10px;
}

.emailSettingTxt .form-group {
    margin-bottom: 0px;
}

.emailSettingTxt .form-group .form-control {
    max-width: 120px;
    width: 100%;
    min-width: 120px;
    margin-right: 5px;
}

.leadEmailTitle {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.leadEmailTitle p.pull-left {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.leadEmailTitle {
    margin-top: 15px;
    margin-bottom: 10px;
}

.leadEmailTitle .index {
    font-size: 18px;
    padding-left: 8px;
    font-weight: 600;
    max-width: calc(100% - 30px);
    display: inline-block;
    line-height: 20px;
}

.leadEmailTitle .ti-email {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #2b6c8f;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    line-height: 30px;
    font-size: 13px;
}

.leadEmailTitle .taxIcon {
    color: #D1495B;
    font-size: 20px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input:-webkit-autofill {
    -webkit-text-fill-background-color: white !important;
}

.progress-bar-success {
    /* background-color: #2b6c8f!important; */
}

.progress {
    -webkit-box-shadow: none !important;
    background-color: #ebeff2 !important;
    box-shadow: none !important;
    height: 14px !important;
    margin-bottom: 10px;
    overflow: hidden;
}

.clientSignWrapper {
    margin: 30px auto;
    position: relative;
    width: 750px;
    background: #f9f9f9;
    padding: 15px;
    border-radius: 10px;
}

.clientSignInvoice {
    background: #fff;
    padding: 30px;
    width: calc(100% + 10px);
    margin: 5px -5px -15px -5px;
    border: 2px solid #003F5C;
}

.signatureHead {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 30px;
}

.clientSignTopdata {
    border-top: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
    overflow: auto;
    /* max-height: 320px; */
    max-height: 390px;
    padding: 5px;
    margin-top: 10px;
    background: #fff;
}

.downloadInvoiceCopy {
    width: 100%;
    text-align: right;
    padding-right: 10px;
    padding-top: 20px;
}

.fc-state-active {
    background-color: #D1495B !important;
    color: #fff !important;
    text-shadow: none !important;
}

.tasks_emails_tabs .indicator {
    display: none;
}

.nav.nav-tabs.tasks_emails_tabs {
    box-shadow: none;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    overflow: hidden;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    margin-right: 10px;
    max-width: 140px;
}

.nav.nav-tabs.tasks_emails_tabs li.tab a {
    padding: 5px 10px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    color: #333;
    letter-spacing: 1px;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
}

.nav.nav-tabs.tasks_emails_tabs li.tab a.active {
    background: #D1495B !important;
    color: #fff !important;
}

.today_weak_Btn {
    width: 100%;
}

.today_weak_Btn .btn {
    width: 50%;
    border-radius: 0;
    background-color: #fff;
    font-weight: 600;
    outline: none !important;
    border-bottom: 2px solid transparent;
}

.today_weak_Btn .btnBtmBorder {
    border-bottom: 2px solid #D1495B;
    color: #D1495B;
}

.modal-header .close {
    font-size: 28px;
}

.bookingModelList {
    border-bottom: 1px solid #eee;
    width: 100%;
    padding-bottom: 16px;
}

.bookingModelList h6 {
    font-size: 13px;
    color: #999;
}

.bookingModelList .btn.btn-white {
    border-color: #D1495B !important;
    color: #D1495B !important;
    font-weight: 600;
    letter-spacing: .5px;
}

.play-btn,
.pause-btn {
    background-color: #f05050 !important;
    border: none;
    color: #fff;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    float: left;
}

.follow-up {
    display: inline-block;
}

.follow-up #follow-up-msg {
    float: left;
    padding: 6px 0 0 8px;
    width: 90%;
}

#emailsTab .nav.nav-tabs+.tab-content,
#tasksTab .nav.nav-tabs+.tab-content {
    margin-bottom: 0px;
}

#emailsTab .nav.nav-tabs>li>a,
#tasksTab .nav.nav-tabs>li>a {
    padding: 8px 15px;
}

.highlight-anchor {
    color: #D1495B !important;
    cursor: pointer !important;
}

.highlight-anchor:hover {
    text-decoration: underline !important;
}

.clentSignTabs.navbar-custom .nav>li>a {
    color: #003F5C !important;
}

.clentSignTabs.navbar-custom .nav>li>a:hover,
.clentSignTabs.navbar-custom .nav>li>a:focus {
    background-color: #f9f9f9;
}

.ui-datepicker {
    z-index: 999999999999 !important;
}

.custom-dropdownbx {
    width: 250px;
    padding-bottom: 20px;
    position: absolute;
    background: #f1f3f5;
    right: 10px;
    top: 50px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, .1);
    z-index: 9999999999999999999;
}

.custom-dropdownbx h6 {
    font-size: 16px;
    color: #2b6c8f;
    margin: 0;
    padding: 0px 15px 0;
    font-weight: 700;
    text-transform: uppercase;
}

.custom-dropdownbx .checkbox {
    padding: 0 0 0 35px;
    display: flex;
}

.settingico {
    font-size: 30px;
    color: #D1495B !important;
    cursor: pointer;
}

.custom-dropdownbx.in {
    z-index: 9999999999999;
    display: block;
}

.dashboardAccordian .panel {
    border-radius: 10px;
    border-color: #e8eaec;
    margin-bottom: 20px;
    border-bottom: none;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.dashboardAccordian .panel-default>.panel-heading {
    border-bottom-color: rgb(221, 221, 221);
    border-radius: 10px;
    color: #003F5C;
    padding: 15px;
    border-bottom: 1px solid #e8eaec;
    margin-bottom: -2px;
    z-index: 9;
    position: relative;
    background: #fff;
}

.dashboardAccordian .panel-default>.panel-heading .panel-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #003F5C;
    font-size: 18px;
}

.tasksEmailsRight {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 12px 0px 12px 15px;
    position: absolute;
    right: 35px;
    top: 0;
    /* z-index: 99; */
    z-index: 9;
}

.dashboardAccordian .panel-default>.panel-heading.collapsed .tasksEmailsRight {
    visibility: hidden;
}

.dashboardAccordian .panel-default>.panel-heading a {
    color: #98a6ad;
    font-size: 14px;
}

.dashboardAccordian .panel-default>.panel-heading a.collapsed .ion-minus-round:before {
    content: "\f217" !important;
}

.blanktextbx {
    opacity: 0;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.custom-dropdownbx h5 {
    position: relative;
    padding: 7px 15px 5px;
    color: #003F5C;
    font-size: 18px;
}

.custom-dropdownbx .btn {
    padding-left: 22px;
    padding-right: 22px;
}

.custom-dropdownbx h5:before,
.custom-dropdownbx h5:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-top: none;
}

.custom-dropdownbx h5:after {
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 12px solid #f1f3f5;
    right: 2px;
    top: -21px;
}

.custom-dropdownbx h5:before {
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 12px solid rgba(0, 0, 0, .1);
    right: 3px;
    top: -22px;
}

.custom-bookingTabs-content {
    display: none;
}

.custom-bookingTabs-content.show {
    display: block;
}

.bookingTabs-tabparent {
    border: 1px solid transparent;
    cursor: pointer;
}

.bookingTabs-tabparent.active {
    border: 1px solid #2b6c8f;
}

a.green-card:hover,
a.green-card:focus {
    color: #fff;
}

.finance-lazy-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.restable .table>thead>tr>th {
    white-space: nowrap !important;
    cursor: pointer;
}

.header-title .nav li a {
    font-size: 14px;
}

.header-title .nav.nav-tabs {
    box-shadow: none;
}

.calenderheader-ico a {
    font-size: 25px;
}

.topbar-inner-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.clientsign-logo {
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: normal;
}

.navbar-custom.clentSignTabs {
    padding: 0 !important;
    box-shadow: none;
    min-height: auto;
}

.clentSignTabs.navbar-custom .nav>li>a {
    min-height: 62px;
}

.topbar.navbar-custom.clientsign-topbar {
    padding-right: 0;
    min-height: 62px;
}

.cursor-pointer {
    cursor: pointer;
}

.filesSec .infoIcon {
    background: transparent;
    padding: 0;
    /* width: 22px;
    height: 22px; */
    margin-left: 5px;
    border: 0;
}

.infoIconTooltip {
    background: transparent;
    padding: 0;
    /* width: 22px;
    height: 22px; */
    margin-left: 5px;
    border: 0;
    font-size: 16.8px;
}

.editinfotip {
    font-size: 13px;
}

.tooltip-custom {
    position: relative;
}

.tooltip-custom .tooltiptext {
    visibility: hidden;
    width: 230px;
    background-color: #eee;
    color: #003F5C !important;
    text-align: left;
    border-radius: 6px;
    position: absolute;
    z-index: 9;
    padding: 6px 10px;
    font-weight: 400 !important;
    font-style: normal;
    font-size: 12px !important;
    top: 0;
    left: 0;
    line-height: 19px;
}

.tooltip-custom:hover .tooltiptext {
    visibility: visible;
}

.copy_client_page_url {
    color: #1A0ADB;
}

.nomaxheight {
    max-height: auto;
}

.nomaxheight {
    max-height: inherit;
    overflow: initial;
}

.filesSec.posstatic {
    position: static !important;
}

.activeClass {
    position: relative;
}

.activeClass:after {
    content: '';
    position: absolute;
    right: calc(50% - 2px);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #F00 !important;
    bottom: 5px;
}

.company-details .show-mobile,
.show-mobile {
    display: none !important;
}

.datepicker table tr th.prev {
    -webkit-transform: rotate(0) !important;
    transform: rotate(0) !important;
}

.button-menu-mobile {
    height: 60px;
    float: left;
}

.navbar-custom {
    min-height: 60px;
}

.logo {
    line-height: 60px;
    font-size: 0;
}

.logo img {
    max-width: 100px;
}

.company-details {
    padding: 18px !important;
}

.navbar-custom .nav-link {
    line-height: 60px;
}

.list-inline>li.app-search {
    padding-top: 9px;
}

.datepicker-dropdown:after,
.datepicker-dropdown:before {
    display: none !important;
}

.app-search a {
    top: 13px;
}

.usersDataSecOuter .table>tbody>tr>td,
.usersDataSecOuter .table>tbody>tr:last-child td {
    border: 0 !important;
}

.portlet .snapshotTable .snapshotTableRow {
    border-top: 0 !important;
    border-bottom: 1px solid #e8eaec;
    margin-bottom: 16px;
}

.emailSettingTxt>div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-custom {
    clear: both;
}

.bgBooking h1 {
    font-size: 28px;
    margin: 0 0 10px;
    max-width: calc(100% - 160px);
}

.bgBooking h1.w-100 {
    max-width: 100%;
}

.bgBooking h1 a {
    color: #1A0ADB;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    float: right;
}

.bookingOptions {
    float: right;
}

.bookingOptions .dropdown-menu {
    border: none;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    min-width: 150px;
    text-align: right;
    background: #E6ECEF;
    z-index: 9999;
    padding: 12px;
    line-height: 2;
    border-radius: 10px;
}

.bookingOptions .dropdown-menu .dropdown-item {
    color: #1A0ADB;
    padding: 0 0 0 20px;
    font-size: 14px;
    width: auto;
    display: inline-block !important;
}

.bookingOptions .dropdown-menu .dropdown-item:hover,
.bookingOptions .dropdown-menu .dropdown-item:focus {
    color: #d52027;
    background: transparent;
}

.bookingOptions .btn {
    border-radius: 15px;
    outline: none !important;
    font-size: 14px;
    padding: 2px 15px;
    color: #003F5C;
    border: 1px solid;
    border-radius: 15px;
}

.userDetailsLeftSec {
    border-right: 1px solid #BFCFD6;
}

.servicesDetailsRightSec {}

.statusSec {
    margin-bottom: 20px;
}

.statusSec strong {
    display: block;
    margin-bottom: 5px;
}

.statusSec .label-warning {
    background: #FFC040;
    border-radius: 5px;
    padding: 2px 10px;
}

.label-warning-status {
    background: #FFC040;
    font-size: 11.67px;
    font-style: normal;
    font-weight: normal;
    font-size: 11.67px;
    line-height: 14px;
    height: 26px;
    padding: 6px 16px;
    border-radius: 10px;
    margin: 0px 10px;
}

.nobgbtn {
    background: transparent;
    color: #d41700;
    border: 0;
}

.nobgbtn i {
    color: #d41700 !important;
}

.bgBooking .clName {
    padding-bottom: 0;
}

.clientContactSec h1 {
    padding-bottom: 0px;
}

.carousel .redBtn {
    margin-top: 10px;
    margin-bottom: 0;
}

.clientIcon {
    width: 60px;
    height: 60px;
    margin: 8px auto;
    margin-top: 0;
    line-height: 60px;
}

.fc-day-number {
    position: relative;
}

.dropdown-menu.calendar-dropdown {
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    position: absolute !important;
    left: 0;
    z-index: 99999999;
    box-shadow: none;
    font-size: 11px;
    right: 0;
}

.custom-navtab li a {
    border: 1px solid #2b6c8f !important;
    margin-right: 10px !important;
    color: #d41700 !important;
    padding: 8px 15px;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    border-radius: 5px;
}

.custom-navtab li.active a {
    color: #fff !important;
    background-color: #2b6c8f !important;
}

.custom-navtab li.active a:hover,
.custom-navtab li.active a:focus {
    color: #fff !important;
}

/*---------------------------------------New Booking Page Css Start Here------------------------------------------*/
.createbookNavigation-botttomWrap h1 {
    color: #003F5C;
    padding: 0 30px;
}

.createbookNav-bottom {
    padding: 0;
    margin: 5px -10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.createbookNav-bottom li {
    list-style: none;
    width: 100%;
    display: inline-block;
    padding: 0 10px;
}

.createbookNav-bottom li>a,
.createbookNav-bottom li>button {
    border: 1px solid #003F5C;
    display: block;
    padding: 16px 20px;
    padding-right: 27px;
    color: #003F5C;
    background-color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px;
    /* display:flex;
    justify-content: space-between;
    align-items: center; */
    margin: 0px 0px 16px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.createbookNav-bottom li>button {
    justify-content: center !important;
}

.createbookNav-bottom li>a>span {
    display: flex;
    align-items: center;
}

.createbookNav-bottom li>a>span>i {
    padding-left: 7px;
}

.tooltip-custom .tooltiptext.tooltiptextRight {
    left: -230px !important;
    text-transform: none !important;
}

.infoIconTooltip.inherit {
    font-size: inherit !important;
}

.collapsedin.dasbordTitle {
    margin-bottom: 25px;
    cursor: pointer;
}

.collapsedin .createBkngAdd-dropbx {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 12px 12px 0 12px !important;
    height: 0;
    right: -30px;
    margin-left: -4px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    width: 0;
}

.saveexit-btn {
    border-color: #2b6c8f;
    color: #2b6c8f;
    background-color: #fff;
}

.createbookNavigation-botttomWrap h2 {
    color: #003F5C;
    padding: 0 15px;
    margin-bottom: 7px;
}

.contractSendBtn {
    font-weight: normal !important;
    font-size: 14px !important;
    border-radius: 4px !important;
}

/* Invoice Contract Css Started Here */
.bookingStatus-wrap {
    padding: 15px 0;
}

.bookingStatus-wrap h3 {
    color: #003F5C;
    font-size: 26px;
    font-weight: 600;
}

.bookingStatus-wrap h3 a i {
    font-size: 20px;
    color: #e02409;
    position: relative;
    top: -4px;
    right: -4px;
}

.bookingStatus-wrap h4 {
    color: #003F5C;
    font-size: 22px;
    font-weight: 700;
    text-align: right;
}

.newBooking-statusbx span {
    font-size: 16px;
    font-weight: 400;
    color: #003F5C;
    margin: 0 0 15px;
    line-height: 1.4;
    display: block;
}

.bookingStatus-services {
    margin-bottom: 0px !important;
    ;
    width: 100%;
    display: block;
}

.clientdoc-wraper {
    padding: 15px 0 0;
}

.clientdoc-wraper h2 {
    font-size: 25px;
    font-weight: 700;
    color: #003F5C;
    margin-bottom: 15px;
    padding: 0 15px;
}

.activeCreatebook-tab {
    border-bottom: 1px solid #003F5C;
    font-size: 26px;
    font-weight: 600;
    color: #003F5C;
    padding: 0 0 5px 0;
    margin: 0 0 25px;
}

.activeCreatebook-tab span {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.invoiceItems-tablebx {
    padding: 15px 0;
}

.invoiceItems-tablebx table {
    width: 100%;
    margin-bottom: 7px;
}

.invoiceItems-tablebx table tbody tr td .form-group {
    margin-bottom: 0 !important;
}

.invoiceItems-tablebx table tbody tr td .mobile-listmargn {
    padding: 0;
    list-style: none;
}

.clientdoc-wraper h3 {
    font-size: 22px;
    font-weight: 700;
    color: #003F5C;
    margin: 0 0 10px;
}

.invoiceItems-tablebx .table-responsive table thead {
    border-bottom: 1px solid #333;
    margin-bottom: 7px;
}

.invoiceItems-tablebx .table-responsive table tbody tr td,
.invoiceItems-tablebx .table-responsive table thead tr th {
    padding: 0 10px;
    white-space: nowrap;
}

.invoiceItems-tablebx .table-responsive table tbody tr td:first-child,
.invoiceItems-tablebx .table-responsive table tbody tr td:last-child,
.invoiceItems-tablebx .table-responsive table thead tr th:first-child,
.invoiceItems-tablebx .table-responsive table thead tr th:last-child {
    padding-left: 0px;
}

.invoiceItems-tablebx .table-responsive table thead th {
    padding-bottom: 10px !important;
    font-size: 18x;
    font-weight: 700;
    color: #003F5C;
}

.invoiceItems-tablebx .table-responsive table tbody tr td {
    padding-top: 15px;
    padding-bottom: 10px;
}

.subTotal-invoicebx {
    width: 100%;
    background-color: #ebebeb;
    max-width: 90%;
    padding: 10px 15px;
    float: right;
    margin-bottom: 6px;
}

.subTotal-invoicebx .form-group {
    margin-bottom: 0;
}

.subTotal-invoicebx h3 {
    font-size: 20px;
    font-weight: bold;
    color: #003F5C;
    margin: 0 0 10px;
}

.subTotal-invoicebx h6 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px;
    text-align: right;
}

.reqDeposit-invoicebx {
    width: 100%;
    background-color: #ebebeb;
    max-width: 90%;
    padding: 10px 15px;
    float: right;
    margin: 6px 0 35px;
}

.reqDeposit-invoicebx .field-bookinginvoices-require_deposit {
    font-size: 20px;
    font-weight: bold;
    color: #003F5C;
    margin: 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reqDeposit-invoicebx .field-bookinginvoices-require_deposit label {
    margin-bottom: 0 !important;
}

.reqDeposit-invoicebx .field-bookinginvoices-require_deposit label b span {
    font-size: 20px;
    font-weight: 700;
    color: #003F5C;
}

.reqDeposit-invoicebx .form-group {
    margin-bottom: 10px;
}

.btnLarge.prevBtn {
    background: #72bb53;
    border-color: #72bb53;
    margin-right: 8px;
}

.sendBtn {
    background-color: #2b6c8f !important;
    min-width: 150px;
    border-color: #2b6c8f !important;
}

/* .sendBtn {
    background-color: #2b6c8f!important;
    min-width: 150px;
    border-color: #2b6c8f!important;
    border-radius: 3px!important;
    outline: none !important;
    font-size: 14px!important;
    padding: 5px 15px!important;
    text-align: center;
    display: inline-block!important;
} */
.sendBtn:hover,
.sendBtn:focus {
    background-color: #2b6c8f;
    border-color: #2b6c8f;
}

.ui-widget.ui-widget-content {
    z-index: 999999;
}

.midclientsign-logo img {
    max-width: 150px !important;
    max-height: 120px !important;
}

.panel.panel-default {
    position: relative;
}

.sendBtn:hover,
.sendBtn:focus {
    background-color: #2b6c8f !important;
    border-color: #2b6c8f !important;
}

.collapsedin-ico {
    cursor: pointer;
}

.collapsedin-ico .createBkngAdd-dropbx {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 12px 12px 0 12px !important;
    height: 0;
    right: -15%;
    margin-left: -4px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    width: 0;
}

.call-order,
.book-roles-user {
    display: block;
    margin-top: 8px;
}

.auto-book-status {
    display: block;
}

.book-roles-role {
    font-weight: 700;
    color: #333 !important;
    margin-top: 0px;
    min-height: 35px;
}

.invoicemailBtn {
    font-size: 18px;
    font-weight: 700;
    background: #842382;
    color: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    width: 224px;
    display: inline-block;
    border-radius: 7px;
    margin: 7px 0 15px;
}

.sendDocumentTab {
    background-color: #2b6c8f;
    margin: -20px -30px 15px;
    color: #fff;
    padding: 5px 30px;
    border: 0;
}

.tableMinus-circle {
    position: absolute;
    left: -10px;
    top: 12px;
    color: red !important;
    font-size: 20px !important;
    ;
}

.tableStatusbx {
    width: 300px;
    text-align: left;
    padding-left: 12px;
}

.rolesTemplate .engagementTitle {
    font-size: 25px;
    margin: 0px 0 10px;
}

.rolesTemplate h2.dasbordTitle {
    margin-bottom: 10px !important;
    padding-bottom: 7px !important;
}

.rolesTemplate .activeCreatebook-tab {
    margin: 0 0 15px;
}

.booked {
    background-color: green;
    color: white;
    border-radius: 3px;
    padding: 3px 15px;
    font-size: 14px;
}

.in-booked {
    background-color: #f5c103fc;
    color: white;
    border-radius: 3px;
    padding: 3px 15px;
    font-size: 14px;
}

.unsuccessfull {
    background-color: red;
    color: white;
    border-radius: 3px;
    padding: 3px 15px;
    font-size: 14px;
}

.userEmailDes {
    white-space: pre-line;
}

.ui-widget.ui-widget-content {
    width: 98% !important;
    margin-left: 12px;
    margin-top: 43px;
    border-radius: 0 0 16px 16px;
    box-shadow: 1px 1px 6px 0px #00000021;
    overflow: hidden;
}

.ui-menu .ui-menu-item-wrapper,
.ui-menu .ui-menu-item-wrapper:hover {
    font-family: 'Montserrat', sans-serif;
    position: relative;
    padding: 6px 10px 8px 10px !important;
    border: none;
    border-bottom: 1px solid #eee !important;
    font-size: 15px;
}

.eventTimeDetails p {
    margin-bottom: 2px;
}

.eventTimeDetails label {
    min-width: 130px;
}

.servicesList {
    font-size: 14px;
    margin-bottom: 30px;
}

.servicesList .slTime {
    padding-right: 20px;
    min-width: 88px;
}

.servicesList p.servicesDec {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-decoration-line: underline;
}

.servicesList .thinLine {
    background: #003F5C;
    width: 1px;
    height: 15px;
    margin: 8px auto;
}

.servicesList .slTime strong {
    display: block;
    white-space: nowrap;
    line-height: 1.6;
}

.dashboardNotofication {
    /* max-height: 400px; */
    /* max-height: 300px; */
    overflow: auto;
    /* margin-right: -6px; */
    padding: 0;
}

.dashboardNotofication a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    padding: 12px 0;
    cursor: pointer;
    display: inline-block;
    width: 100%;
}

.dashboardNotofication a .notify-details {
    margin-bottom: 0;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.06px;
    color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: space-between;
}

.dashboardNotofication a .notify-details span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    padding-right: 15px;
    text-transform: uppercase;
}

.dashboardNotofication a .notify-details small {
    color: rgba(0, 0, 0, 0.5);
    font-size: 11px;
}

.dashboardNotofication a .eventDesRow {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.dashboardNotofication a .eventDesRow .btn-icon {
    padding: 0;
    font-size: 24px;
    float: right;
    background: transparent;
    color: rgba(0, 0, 0, 0.25);
    line-height: normal;
}

.dashboardNotofication a .eventDes {
    color: #030F1C;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px;
}

.dashboardNotofication a .eventDesRow .eventMsgs {
    max-width: calc(100% - 30px);
    padding-top: 5px;
}

.bgBooking .companyAdminTabs li .nav-link,
.bgBooking .companyAdminTabs li .nav-link:hover,
.bgBooking .companyAdminTabs li .nav-link:focus {
    background: #003F5C !important;
    color: #fff !important;
    font-weight: 400;
    font-size: 17px;
    padding: 15px 20px;
}

.bgBooking .companyAdminTabs li .nav-link.active {
    color: #fff !important;
    font-weight: 600;
}

.blueBtn {
    background: #2B6C8F;
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    font-weight: normal;
    padding: 10px 30px;
    text-transform: capitalize;
    border: none;
}

.blueBtn:hover,
.blueBtn:focus {
    background: #406F85;
    border: none;
    color: #fff;
}

.composeBtn {
    padding: 4px 30px;
    float: right;
    margin-bottom: 10px;
}

.contarctInvoiceTb {
    padding: 15px 0 12px 0;
}

.contarctInvoiceTb ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contarctInvoiceTb ul li {
    border: none;
    font-size: 13px;
    padding: 5px 0;
    display: flex;
    align-items: self-start;
}

.contarctInvoiceTb ul li label {
    width: 120px;
    margin: 0;
}

.contarctInvoiceTb ul li span {
    width: calc(100% - 130px);
    display: inline-block;
}

.contarctInvoiceTb ul li span .lightSmlTxt {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.055px;
    color: rgba(0, 0, 0, 0.5);
}

.contarctInvoiceTb ul li .btn-link {
    font-size: 13px;
    padding: 0;
    display: inline-block;
    margin-left: 20px;
}

.buttonsGroup .btn {
    margin-right: 10px;
}

.taskListSec {
    padding-bottom: 5px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    margin-bottom: 8px !important;
    margin-top: 12px !important;
}

.usderEmails.taskListSec .fromToTitle h4 {
    font-size: 16px;
    font-weight: 400;
}

.taskListSec li {
    border-bottom: none !important;
}

.tasksActionBtns {
    min-width: 100px;
    text-align: right;
}

.OptionAction {
    padding: 6px 15px;
    border-bottom: 1px solid #eee;
    max-width: 230px;
    font-size: 13px;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

.usderEmails.taskListSec .tasksActionBtns .btn {
    background: transparent;
}

.usderEmails.taskListSec .tasksActionBtns .btn .md-clear {
    color: #FE3852;
    font-size: 24px;
}

.usderEmails.taskListSec .tasksActionBtns .btn .ion-edit,
.usderEmails.taskListSec .tasksActionBtns .btn .md-visibility {
    color: rgba(0, 0, 0, 0.6);
    font-size: 20px;
}

.finances-section {
    padding-top: 10px;
}

.totalPayables {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #003F5C;
    padding-bottom: 10px;
}

.totalPayables span {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
}

.financesBandDetailsRow {}

.financesBandDetailsRow .fbTitle {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #003F5C;
}

.financesBandDetailsRow .fbTitle a {
    color: #003F5C;
    display: flex;
    align-items: center;
}

.financesBandDetailsRow .fbTitle .ion-chevron-down {
    font-size: 12px;
    margin-left: 10px;
}

.financesBandDetailsRow .fbTitle .ion-checkmark-circled {
    font-size: 18px;
    margin-left: 12px;
}

.financesBandDetailsRow .checkAll {
    display: block;
    margin-bottom: 5px;
}

.financesBandDetailsRow .btn-custom,
.financesBandDetailsRow .btn {
    font-size: 12px;
    padding: 2px 6px;
    font-weight: 500;
    min-width: 64px;
}

.financesBandDetailsRow .roleTable td:last-child {
    padding-right: 0;
}

.financesBandDetailsRow .roleTable>tbody>tr:last-child td,
.financesBandDetailsRow .roleTable thead tr td {
    border-bottom: 1px solid #003F5C !important;
}

.financesBandDetailsRow .roleTable tbody tr td {
    border: none;
}

.financesBandDetailsRow .fbTblHead {
    vertical-align: bottom;
}

.finances-section .borderRight {
    border-right: 0.3px solid rgba(0, 0, 0, 0.3);
}

/* Custom check box start  */
.customCheckBox {
    display: inline-block;
}

.customCheckBox input[type="checkbox"] {
    height: 18px;
    width: 18px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 1;
    outline: none !important;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.customCheckBox label {
    height: 18px;
    width: 18px;
    display: inline-block;
    position: relative;
    margin: 0;
}

.customCheckBox input[type="checkbox"]+label:before {
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #003F5C;
    content: "";
    display: inline-block;
    height: 22px;
    left: 0;
    position: absolute;
    transition: 0.3s ease-in-out;
    width: 22px;
    outline: none !important;
}

.customCheckBox input[type="checkbox"]:checked+label:before {
    background-color: #003F5C;
}

.customCheckBox input[type="checkbox"]:checked+label:after {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    left: -1px;
    padding-left: 4px;
    position: absolute;
    top: 0px;
    content: "\f023";
    font-family: 'Material Design Iconic Font';
}

/* Custom check box End */

.profitTbl {
    margin-top: 5px;
    margin-bottom: 5px;
}

.profitTbl td {
    border: none !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    font-size: 13px;
    font-weight: 500;
}

.financesBandDetailsRow .profitTbl .table>tbody>tr:last-child td {
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
}

.profitTbl td:last-child {
    padding-right: 0;
    text-align: right;
}

.profitTbl td:first-child {
    padding-left: 0;
}

.profitTbl .lightSmlTxt {
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: rgba(0, 0, 0, 0.5);
    display: inline-block;
}

.profitTbl .greyMedTxt {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: rgba(3, 15, 28, 0.75);
}

.profitTbl .greyMedLightTxt {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: rgba(3, 15, 28, 0.75);
}

.profitTbl .incomeGreyTxt {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 600;
}

.marginProfitBlock {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.marginProfitBlock .greenBlock {
    background: #27AE60;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    height: auto;
    padding: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 110px;
    letter-spacing: .5px;
}

.marginProfitBlock .greenBlock strong {
    display: block;
    margin-bottom: 10px;
}

.fileDownload {
    font-size: 14px;
}

.deleteFile {
    font-size: 18px;
}

.guesetLists {}

.guesetLists .guestList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.guesetLists .guestList li {
    margin-bottom: 10px;
}

.guesetLists .guestTitle {
    border-bottom: 1px solid #000000;
    padding-bottom: 15px;
}

.completeTasksTxt a {
    outline: none !important;
    font-size: 13px;
    color: #003F5C;
    text-decoration: underline;
}


.promoSection {}

.promoSecTitle {
    border-bottom: 1px solid #000000;
    padding-bottom: 10px;
    margin: 20px 0 20px 0;
}

.promoSecTitle h3,
.promoSecTitle .blueBtn {
    margin: 0;
}

.promoTickerDetails {}

.promoTickerDetails ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.promoTickerDetails ul li {
    border: none;
    padding-bottom: 8px;
    display: flex;
    align-items: self-start;
}

.promoTickerDetails ul li label {
    width: 200px;
    margin: 0;
}

.promoTickerDetails ul li span {
    display: inline-block;
}

/* Bhawna Css start */
#companybook .snapshotTable .row .col-md-4 .userDetailsSec .venueDetails h4 a,
#companybook .snapshotTable .row .col-md-4 .userDetailsSec .venueDetails p a,
.tasksEmailsRight a,
#Finances .taskTable .table-responsive ul li a span {
    color: #003F5C;
}

.subscribe {
    color: #D1495B !important;
}

#companybook .snapshotTable .row .col-md-4 .userDetailsSec .venueDetails p a:hover {
    color: #5d8fa9;
}

.fc-button-group .fc-state-active {
    background-color: #d52027 !important;
}

.tasksEmailsRight .nav.nav-tabs.tasks_emails_tabs li.tab a.active {
    background: #d52027 !important;
}

.tabs .indicator {
    background-color: #d52027;
}

#leads_sec .headRLink a {
    color: #2b6c8f;
}

/* End */

@media screen and (max-width: 1199px) and (min-width:768px) {
    body {
        font-size: 14px;
    }

    .bgBooking h1 {
        font-size: 20px;
        max-width: calc(100% - 140px);
    }

    .eventTimeDetails p {
        margin-bottom: 2px;
        display: flex;
        justify-content: space-between;
        font-size: 14px;
    }

    .bgSetTabs #myTab.nav.nav-tabs>li>a {
        font-size: 14px;
        line-height: 20px;
        padding: 4px;
    }

    .bgBooking .companyAdminTabs li .nav-link,
    .bgBooking .companyAdminTabs li .nav-link:hover,
    .bgBooking .companyAdminTabs li .nav-link:focus {
        font-size: 16px;
        padding: 12px;
    }
}

a.read-more,
a.read-less {
    color: #003F5C;
    text-decoration-line: none;
}

a.read-more p,
a.read-less p {
    color: #003F5C;
    text-decoration-line: none !important;
}

.emailMessagebx .fromToTitle .userEmailDes li {
    border: none;
}

.emailMsgTitle ol li,
.emailMsgTitle ul li,
.emailMsgTitle p {
    border: none;
    padding: 6px 0;
    margin: 0;
    display: block !important;
}

.emailMsgTitle ol {
    list-style: decimal !important;
    padding-left: 30px;
    margin-bottom: 10px;
}

.emailMsgTitle ol li,
.emailMsgTitle ul li {
    display: list-item !important;
}

.emailMsgTitle ul {
    list-style: disc !important;
    padding-left: 30px;
    margin-bottom: 10px;
}

.emailMsgTitle ul li {
    display: list-item;
}

.attachments ul li a {
    font-weight: 500 !important;
    border: 1px solid #2B6C8F !important;
    padding: 5px 15px;
    border-radius: 3px;
    color: #2B6C8F;
    margin-bottom: 16px;
    display: inline-block;
}

element.style {
    /* list-style: none!important; */
    /* padding-inline-start: 0; */
    /* margin: 24px 0 24px 0; */
}

.attachments ul {
    list-style: none !important;
    padding-inline-start: 0;
    margin: 24px 0 24px 0;
}

.emailMsgTitle .userEmailDes {
    white-space: initial;
    padding-top: 24px;
}

.showPassGroup .showPassBtn {
    position: absolute;
    top: 8px;
    z-index: 99;
    right: 6px;
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

/* Repertoire css */
.repertoireCard {
    border: 0;
    border-radius: 6px;
    /* overflow: hidden; */
}

.repertoireListtab-bx {
    /* border-radius: 6px 6px 0 0; */
    overflow: hidden;
    background: #e1e8f3;
}

.repertoireModal .modal-header {
    padding: 0 !important;
}

.repertoireModal .modal-header h4 {
    font-size: #003F5C;
    color: #003F5C;
}

.repertoireModal p:empty {
    display: none;
}

.repertoiretab-content {
    padding: 0 15px;
}

.repertoiretab-content h3 {
    font-weight: bold;
    font-size: 20.16px;
    line-height: 25px;
    margin: 15px 0;
}

.repertoireListtab li.tab {
    background-color: #e1e8f3;
    display: block;
    float: left;
    margin: 0;
    text-align: center;
    padding-right: 0 !important;
}

.nav.nav-tabs.repertoireListtab>li>a {
    color: #fff !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.06px;
    background-color: #003f5c;
    border-radius: 6px 6px 0 0;
}

.nav.nav-tabs.repertoireListtab>li.active>a {
    color: #003f5c !important;
    background-color: #fff !important;
    font-weight: 700;
}

.nav.nav-tabs.repertoireListtab>li>a>span {
    display: inline-block;
}

.nav.nav-tabs.repertoireListtab>li.active>a>span:after {
    content: '';
    width: 100%;
    height: 3px;
    background: #D1495B;
    display: block;
}

.repertoireListtab>li.active>a {
    background-color: #003f5c !important;
}

.repertoireListtab.tabs .indicator {
    width: 50% !important;
    display: none !important;
}

.masterList-filesWrap {
    display: flex;
    flex-direction: row;
    margin: 0 0 20px;
}

.masterListFilebx {
    background: #003F5C;
    border-right: 1px solid #FFFFFF;
    padding: 10px;
    flex: 0 0 25%;
    max-width: 25%;
    text-align: center;
}

.masterListFilebx:first-child {
    border-radius: 5px 0 0 5px;
}

.masterListFilebx:last-child {
    border-radius: 0 5px 5px 0;
    border: 0;
}

.masterListFilebx h4 {
    font-weight: bold;
    font-size: 20.16px;
    line-height: 25px;
    color: #fff;
    margin: 0;
}

.masterListFilebx p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    margin: 0;
}

.masterList-fileadd-wrap {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    border-bottom: 1px solid #000;
}

.masterList-sortSelect-bx {
    margin: 0 0 0 27px;
    display: flex;
    align-items: flex-start;
}

.masterList-fileadd {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    align-items: center;
    margin: 0 0 20px;
}

.masterList-fileadd button {
    border: 0;
    padding: 6px 12.5px;
    font-weight: normal;
    font-size: 16.8px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    background: #003F5C;
    border-radius: 4px;
    width: 130px;
}

.masterList-fileadd p {
    margin: 0;
    margin-left: 20px;
    font-weight: normal;
    font-size: 11.67px;
    line-height: 14px;
    color: #406F85;
}

.masterList-filterbx {
    display: flex;
    padding: 15px;
}

/* .batch_actionbx select{
    border:1px solid #003F5C;
    border-radius: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #003F5C;
    padding: 3px 9px;
    text-transform: uppercase;
    margin-left: 30px;
} */
.dropdown-toggle.batchActio-toggle {
    background-color: transparent;
    border: 1px solid #003F5C;
    border-radius: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    color: #003F5C;
    padding: 3px 9px;
    text-transform: uppercase;
    margin-left: 30px;
    background-image: url('../images/dropdownico-batch.svg');
    background-repeat: no-repeat;
    background-position: 93% 50%;
    padding-right: 27px;
}

.dropdown-toggle.batchActio-toggle:after {
    display: none;
}

.dropdown-menu.batchAction-dropdown {
    background: #003F5C;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 15px;
    top: calc(100% + 15px);
}

.dropdown-menu.batchAction-dropdown:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(43, 108, 143, 0);
    border-bottom-color: #003F5C;
    border-width: 10px;
    margin-left: -10px;
}

.dropdown-menu.batchAction-dropdown .dropdown-item {
    font-weight: normal;
    font-size: 17px;
    line-height: normal;
    letter-spacing: -0.24px;
    color: #FFFFFF !important;
    margin: 0 0 15px;
}

.dropdown-menu.batchAction-dropdown .dropdown-item:last-child {
    margin-bottom: 0;
}

.dropdown-menu.batchAction-dropdown .dropdown-item:hover {
    background-color: transparent !important;
}

.batch_actionbx .selectAll,
.uncheckAll {
    color: #1A0ADB !important;
    display: inline-block;
    font-weight: normal;
    font-size: 11.67px;
    line-height: 14px;
    margin-top: 13px;
    position: relative;
    cursor: pointer;
}

.batch_actionbx .selectAll:before {
    content: '';
    background-image: url('../images/batch_action.svg');
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    display: inline-block;
    position: absolute;
    top: -30px;
    left: 0;
}

.masterList-sortSelect-bx label {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #030F1C;
    margin: 0 15px 0 0;
}

.masterList-sortSelect-bx select {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1A0ADB;
    border: 0;
    margin-right: 30px;
}

.masterList-sortSelect-bx .dropdown-toggle {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1A0ADB;
    border: 0;
    margin-right: 30px;
    border: 0;
    background-color: transparent;
    background-image: url('../images/dropdownIco.svg');
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 20px;
}

.masterList-sortSelect-bx .dropdown-toggle:after {
    display: none;
}

.dropdown-menu.displaFilter-menu {
    background: #FFFFFF;
    border: 1px solid #2B6C8F;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 15px;
    min-width: 230px;
    max-height: 296px;
    overflow: auto;
}

.dropdown-menu.displaFilter-menu .masterList-fileadd {
    margin-bottom: 0;
}

.dropdown-menu.sortbyFiltermenu {
    background: #FFFFFF;
    border: 1px solid #2B6C8F;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    min-width: 200px;
    padding: 15px;
}

.dropdown-menu.sortbyFiltermenu .dropdown-item {
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    color: #1A0ADB;
    margin: 0 0 20px 0;
    padding: 0;
}

.dropdown-menu.sortbyFiltermenu .dropdown-item:last-child {
    margin-bottom: 0;
}

.dropdown-menu.displaFilter-menu h5 {
    font-weight: bold;
    font-size: 14px;
    line-height: 12px;
    color: #003F5C;
    margin: 0 0 20px;
}

.dropdown-menu.displaFilter-menu .customCheckbx_outer {
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    color: #003F5C;
}

.dropdown-menu.displaFilter-menu .customCheckbx_outer:last-child {
    margin-bottom: 0;
}

.dropdown-menu.displaFilter-menu .customCheckbx_outer .customCheckbx {
    margin-left: 0;
    border-width: 2px;
}

.master-listWrap {
    padding: 15px 0;
}

.master-listbx {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 80%;
}

.master-listbx-info {
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    margin: 0 0 8px;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.master-listbx-info.song-row {
    cursor: pointer;
}

.master-listbx-info-left h4 {
    font-weight: bold;
    font-size: 20.16px;
    line-height: 25px;
    display: flex;
    align-items: center;
    color: #003F5C;
    margin: 0 0 8px;
}

.master-listbx-info-left h4 span {
    font-weight: normal;
    font-size: 11.67px;
    line-height: 14px;
    color: #406F85;
    margin-left: 15px;
}

.master-listbx-info-left p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #406F85;
    margin: 0;
}

.master-listbx-info-left p span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: top;
}

.master-listbx-info-right h4 {
    font-weight: bold;
    font-size: 20.16px;
    line-height: 25px;
    text-align: right;
    color: #003F5C;
    margin: 0;
}

.master-listbx-info-right p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
    margin: 0;
}

.master-listbx-info-right p span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    color: #003F5C;
    margin: 0 0 0 10px;
}

.master-listbx-info-right p span:empty {
    display: none;
}

/* Custom check box */
.customCheckbx {
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px solid #003F5C;
    border-radius: 4px;
    margin: 0 15px;
    cursor: pointer;

}

.customCheckbx_outer input[type="checkbox"]:checked~.customCheckbx {
    background-color: #003F5C;
    background-image: url('../images/Checkmark.svg');
    background-repeat: no-repeat;
    background-position: center 22%;
}

/* Bulk Edit Popup */
.bulkEditPopup {
    padding-right: 0 !important;
}

.bulkEditPopup .modal-header {
    padding-bottom: 0 !important;
}

.repertoireBtn {
    background-color: #2b6c8f;
    border-radius: 4px;
    font-weight: normal;
    font-size: 16.8px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    padding: 6px 15px;
    border: 0;
}

.bulkEditPopup h4 {
    font-weight: bold;
    font-size: 20.16px;
    line-height: 25px;
    color: #003F5C;
    margin: 0;
}

.bulkEditPopup h4 span {
    font-style: normal;
    font-weight: normal;
    font-size: 11.67px;
    line-height: 14px;
    color: #808080;
}

.bulkEditPopup .modal-lg {
    max-width: 90%;
}

.repertoireTable {
    width: 100%;
    border-collapse: inherit;
    border-spacing: 10px 13px;
}

.repertoireTable thead {
    border-bottom: 1px solid #003F5C;
    position: relative;
}

.repertoireTable thead:after {
    content: '';
    width: calc(100% - 20px);
    height: 1px;
    background: #000;
    display: block;
    position: absolute;
    margin: 0 0 40px;
    left: 10px;
}

.repertoireTable thead th {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
    padding-right: 15px;
}

.repertoireTable thead th.sort {
    background-image: url(../images/arrowDown.svg);
    background-repeat: no-repeat;
    background-position: 90% center;
}

.repertoireTable tbody tr td {
    background: #FFFFFF;
    padding: 12px 0;
}

.repertoireTable .form-group {
    margin-bottom: 0 !important;
}

.repertoireTable tbody tr td input,
.repertoireTable tbody tr td textarea {
    border: 1px solid #003F5C !important;
    font-weight: normal !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: #808080 !important;
    border-radius: 0 !important;
    height: 46px;
    min-height: 46px;
}

.repertoireTable tbody tr td .select2-container .select2-selection--single {
    border: 1px solid #003F5C !important;
    font-weight: normal !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: #808080 !important;
    border-radius: 0 !important;
    height: 46px;
}

.repertoireTable tbody tr td .select2-container .select2-selection--multiple {
    border: 1px solid #003F5C !important;
    font-weight: normal !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: #808080 !important;
    border-radius: 0 !important;
    height: 46px;
    overflow-y: scroll;
}

.repertoireTableFile tbody tr td .select2-container--default .select2-selection--multiple,
.repertoireTableFile tbody tr td .select2-container .select2-selection--single {
    background-color: #F5F7FA !important;
    border: 1px solid #003F5C !important;
    border-radius: 4px !important;
}

.repertoireTable.repertoireTableFile tbody tr td .select2-container .select2-selection--single {}

.repertoireTableFile tbody tr td .select2-container .select2-selection--multiple .select2-selection__choice,
.repertoireTable tbody tr td .select2-container .select2-selection--multiple .select2-selection__choice {
    background: #27AE60 !important;
    padding: 5px;
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
}

.repertoireTableFile tbody tr td .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.repertoireTable tbody tr td .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    padding: 0;
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    margin-right: 2px;
    width: 16px;
    height: 16px;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center;
    padding: 0;
    line-height: 14px;
}

.repertoireTable tbody tr td .field-repertoiresongs-0-id {
    margin: 0 !important
}

.repertoireFormTable.repertoireTable {
    border-spacing: 0 13px !important;
}

.repertoireFormTable.repertoireTable tbody tr td {
    border: 0 !important;
    padding: 0 10px 0 0;
    vertical-align: top;
}

.repertoireFormTable.repertoireTable tbody tr td .customCheckbx_outer {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #1A0ADB;
}

.repertoireFormTable.repertoireTable tbody tr td .bulkeditcheckbox-edit {
    display: flex;
}

.repertoireFormTable.repertoireTable tbody tr td .bulkeditcheckbox-edit p {
    word-break: break-all;
    color: #1A0ADB;
    margin: 0;
}

.repertoireFormTable.repertoireTable thead:after {
    left: 0 !important;
}

.repertoireFormTable.repertoireTable .customCheckbx {
    margin-left: 0;
}

/* Add New Song Modal css Start Here */
.addNewSongModal .modal-header h4 {
    font-weight: bold;
    font-size: 17.28px;
    line-height: 21px;
    color: #003F5C;
}

.addNewSongModal .modal-header button.close {
    font-weight: normal;
    font-size: 16px;
    line-height: 13px;
    letter-spacing: -0.24px;
    color: #FE3852;
    opacity: 1;
}

.addNewSongModal .voclabel {
    font-weight: bold;
    font-size: 16px;
    line-height: 15px;
    color: #003F5C;
}

.customInputFile {
    display: none !important;
}

.addNewSongModal .add-video-link {
    background: #003F5C;
    border-radius: 4px;
    cursor: pointer;
    padding: 10px 16px;
    font-weight: normal;
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    min-width: 120px;
    display: inline-block;
}

.customInputFileBtn {
    background: #003F5C;
    border-radius: 4px;
    cursor: pointer;
    padding: 10px 16px;
    font-weight: normal;
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    min-width: 120px;
    display: inline-block;
}

.addNewSongModal .form-group {
    margin: 0 0 22px !important;
}

.addNewSongModal .modal-body h4 {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #003F5C;
    margin: 0px 0px 10px;
}

.btnCancelRed {
    color: #FE3852 !important;
    border-color: #FE3852;
}

.all-pdfs-selected .sheet-row p,
.pdf-sheet-row p {
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
    color: #1A0ADB;
    word-break: break-all;
}

.all-pdfs-selected .sheet-row span {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #406F85;
    float: right;
}

.fileFormbx {
    border-bottom: 1px solid #003F5C;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.fileFormbx label {
    font-weight: normal;
    font-size: 14px;
    line-height: 12px;
    color: #003F5C;
    margin-bottom: 10px;
}

.all-old-pdfs-selected ul {
    padding: 0;
    margin: 0;
}

.all-old-pdfs-selected>ul>li {
    margin: 0 0 10px;
    list-style: none;
}

.addNewSongModal .select2-container--default .select2-selection--multiple {
    background-color: #F5F7FA !important;
    border: 1px solid #003F5C !important;
    background-image: url('../images/dropdownIco-gray.svg');
    background-repeat: no-repeat;
    background-position: 96% 50%;
}

.addNewSongModal .select2-container .select2-selection--multiple .select2-selection__choice {
    background: #27AE60 !important;
    padding: 5px;
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
}

.addNewSongModal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    padding: 0;
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    margin-right: 2px;
    width: 16px;
    height: 16px;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center;
    padding: 0;
    line-height: 14px;
}

.editSongModal .field-repertoiresongs-id {
    display: none;
}

.addNewSongModal .select2-search__field {
    padding-left: 10px;
}

.addPlusico {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    background: #2b6c8f;
    color: #fff;
    border-radius: 4px;
    max-width: 70%;
}

.addPlusico a,
.addRemoveico a {
    color: #fff;
}

.addRemoveico {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    background: #d52027;
    color: #fff;
    border-radius: 4px;
    max-width: 70%;
}

.main-row p:empty {
    display: none;
}

/* Individual Modal css start here */
/* .individualSong-cardbx{} */
.songDetailCardPopup .modal-header {
    padding: 0 !important;
}

.individualSongInfo-innerbx {
    margin: 0 0 15px;
}

.individualSong-topHding h4 {
    font-weight: bold;
    font-size: 22px;
    line-height: 21px;
    color: #003F5C;
    margin: 0 0 25px;
}

.individualSongInfo-bx h6 {
    font-weight: bold;
    font-size: 16px;
    line-height: 15px;
    color: #003F5C;
    margin: 0 0 10px;
}

.individualSongInfo-bx p {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.33;
    color: #003F5C;
    margin: 0 0 10px;
    width: calc(100% - 150px);
}

.individualSongInfo-smallHeading {
    width: 150px;
    margin-right: 12px;
}

.individualSong-audioList,
.individualSong-videoList {
    margin: 0 0 10px;
}

.individualSong-audioList ul,
.individualSong-videoList ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}

.individualSong-audioList ul>li,
.individualSong-videoList ul>li {
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
    color: #1A0ADB;
    padding: 0 0 10px;
    border-bottom: 1px solid #003F5C;
    margin-bottom: 15px;
    word-break: break-all;
}

.individualSong-audioList ul>li .col-md-8 a,
.individualSong-videoList ul>li .col-md-8 a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 98%;
    display: block;
    word-break: break-all;
}

.individualSongcard-songListWrap {
    padding: 15px 0 0;
}

.individualSongBx {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    border-bottom: 1px solid #003F5C;
    margin: 0 0 15px;
    padding: 0 0 10px;
}

.individualSongBx .individualSong-title {
    flex: 0 0 65%;
    max-width: 65%;
}

.individualSongBx .individualSong-downloadBx {
    flex: 0 0 35%;
    max-width: 35%;
    text-align: right;
}

.individualSongBx .individualSong-title h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 15px;
    color: #1A0ADB;
    margin: 0 0 10px;
    background-image: url('../images/search-blue.svg');
    background-repeat: no-repeat;
    padding-left: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}

.individualSongBx .individualSong-title p {
    font-weight: normal;
    font-size: 13px;
    line-height: 12px;
    color: #406F85;
    margin: 0 0 0 25px;
}

.individualSongBx .individualSong-downloadBx button {
    background: #2B6C8F;
    padding: 10px 15px;
    border-radius: 4px;
    font-weight: normal;
    font-size: 14px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.055px;
    color: #FFFFFF;
    border: 0;
    margin: 0 0 10px;
}

.individualSongBx .individualSong-downloadBx p {
    font-weight: normal;
    font-size: 13px;
    line-height: 12px;
    text-align: right;
    color: #406F85;
    margin: 0;
}

.individualSongView-footerbx {
    padding: 25px 0 15px;
    display: block;
}

.individualSongView-footerbx .prevBtn {
    background: url(../images/back.svg);
    background-repeat: no-repeat;
    padding-left: 19px;
    background-size: 30px;
    padding: 10px 0 10px 22px;
    background-position: -7px 4px;
}

.individualSongView-footerbx .nextBtn {
    background: url(../images/next.svg);
    background-repeat: no-repeat;
    padding-left: 19px;
    background-size: 31px;
    padding: 10px 26px 10px 0px;
    background-position: 100% 6px;
}

.indvidualSong-musicNoteinfoWrapper {
    padding: 0;
}

.indvidualSong-musicNoteinfo {
    display: flex;
}

.indvidualSong-musicNoteinfo span {
    padding-right: 15px;
}

.indvidualSong-musicNoteinfo p {
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #406F85;
}

/* Song CSV Import Modal */
.songCsvImportModal .modal-header {
    padding-bottom: 0 !important;
    align-items: center;
}

.songCsvImportModal .modal-header h4 {
    font-weight: bold;
    font-size: 17.28px;
    line-height: 21px;
    color: #003F5C;
    margin: 0;
}

.songCsvImport-infobx span {
    margin-right: 15px;
}

.songCsvImport-infobx p {
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    color: #406F85;
    margin: 0 0 20px;
}

.songCsvImport-downloadLinkbx {
    margin: 0 0 10px;
}

.songCsvImport-downloadLinkbx a {
    font-weight: 500;
    font-size: 15px;
    line-height: normal;
    color: #1A0ADB !important;
}

.songCsvImport-listBx {
    margin: 0 0 10px;
}

.songCsvImport-listBx h4 {
    font-weight: bold;
    font-size: 16px;
    line-height: normal;
    color: #003F5C;
    margin: 0 0 15px;
}

.songCsvImport-listBx ol {
    padding: 0 0 0 10px;
    margin: 0 0 15px;
}

.songCsvImport-listBx ol li {
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    color: #406F85;
    margin: 0 0 8px;
}

.songCsvImport-listBx ol li strong {
    font-weight: 600;
    font-size: 15px;
}

.songCsvImport-listBx p {
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    color: #406F85;
    margin: 0 0 5px;
}

.songCsvImport-listBx p a {
    color: #1A0ADB;
    font-weight: 500;
}

.songCsvImport-cautionBx {
    margin: 15px 0 15px;
}

.songCsvImport-cautionBx span {
    margin-right: 15px;
}

.songCsvImport-cautionBx p {
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    color: #406F85;
    margin: 0;
}

.songCsvImport-attachFileImport-bx .field-customInputCSVFile {
    margin-bottom: 15px;
}

/* Csv import success  */
.csvImportSuccessMoal .modal-header {
    align-items: center;
    padding-bottom: 7px !important;
    border-bottom: 1px solid #003F5C !important;
    margin: 0 0 15px !important;
}

.csvImportSuccessMoal .modal-body {
    padding-top: 0px !important;
}

.csvImportSuccessMoal .modal-header h4 {
    margin: 0;
    font-weight: bold;
    font-size: 17.28px;
    line-height: 21px;
    color: #003F5C;
}

.songCsvImport-attachFileImport-bx {
    border-top: 0;
}

.master-listbx.csvUploadListbx {
    width: 100%;
}

.csvUploadListbx .master-listbx-info {
    background: #C9EBD7;
    width: 100%;
}

.csvUploadListbx .master-listbx-info-left h4 {
    display: inline-block;
    margin: 0;
}

.csvUploadListbx .master-listbx-info-left h4 span {
    margin-left: 10px;
}

.csvImportSuccess-errorWrap h4 {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #003F5C;
    margin: 0 0 15px;
}

.csvImportSuccess-errorWrap p {
    font-weight: normal;
    font-size: 15px;
    line-height: normal;
    color: #406F85;
    margin-bottom: 15px;
}

.csvImportSuccess-errorBx {
    border-top: 1px solid #003F5C;
    border-bottom: 1px solid #003f5c;
    background: #FFD6DB;
    display: flex;
    padding: 15px 10px;
    margin: 0 0 20px;
}

.csvImportSuccess-errorBx h4 {
    font-weight: bold;
    font-size: 15px;
    line-height: normal;
    color: #003F5C;
    width: 70px;
    margin-right: 5px;
}

.csvImportsuccessWrap-hdingbx {
    border-bottom: 1px solid #003F5C;
    margin-bottom: 15px;
}

.csvImportsuccessWrap h4 {
    font-weight: bold;
    font-size: 17.28px;
    line-height: 21px;
    color: #003F5C;
    margin: 0 0 10px;
}

.csvImportsuccessWrap p {
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    color: #406F85;
    margin: 0 0 15px;
}

.csvImportSuccess-errorListbx {
    width: calc(100% - 70px);
}

.csvImportSuccess-errorBx ul {
    margin: 0;
    padding: 0 0 0 20px;
    width: 100%;
}

.csvImportSuccess-errorBx ul li {
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    color: #003F5C;
}

.csvImportsuccessWrap-attachMp3PdfWrap h4 {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #003F5C;
}

.csvImportsuccessWrap-attachMp3PdfWrap p {
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    color: #406F85;
}

.csvImportsuccessWrap-attachMp3PdfWrap input {
    display: none;
    ;
}

.fileUploadbtn {
    background: #F5F7FA;
    border-radius: 4px;
    border: 1px solid #2B6C8F;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #2B6C8F;
    padding: 18px 16px;
    width: 100%;
    margin: 0 0 10px;
    cursor: pointer;
}

/* File Succesfull Uploaded */
.fileImportSuccesModal .modal-header {
    padding-bottom: 0 !important;
    align-items: center;
}

.fileImportSuccesModal .modal-header h4 {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #003F5C;
}

.fileImport_succesInfobx {
    border-bottom: 1px solid #003F5C;
    margin: 0 0 15px;
    padding-bottom: 5px;
}

.fileImport_succesInfobx p {
    font-weight: normal;
    font-size: 13px;
    line-height: normal;
    color: #406F85;
    margin: 0 0 10px;
}

.fileImportSuccess-flieInfobx {
    border-bottom: 1px solid #003F5C;
    margin: 0 0 15px;
}

.fileImportSuccess-flie {
    margin: 0 0 8px;
}

.fileImportSuccess-flie p {
    font-weight: 500;
    font-size: 13px;
    line-height: normal;
    color: #1A0ADB;
    margin: 0;
}

.fileImportSuccess-flie span {
    font-weight: normal;
    font-size: 13px;
    line-height: normal;
    text-align: right;
    color: #406F85;
}

.fileImportSuccess-roleAssignLabel {
    margin: 0 0 10px;
}

.fileImportSuccess-roleAssignLabel label {
    font-weight: normal;
    font-size: 13x;
    line-height: normal;
    color: #003F5C;
    margin: 0;
}

.fileImportSuccess-roleAssignInputbx {
    margin: 0 0 15px;
}

.fileImportSuccess-roleAssignLabel a {
    font-weight: normal;
    font-size: 13px;
    line-height: normal;
    text-align: right;
    color: #1A0ADB !important;
}

.fileImportSuccesModal .select2-container--default .select2-selection--multiple {
    background-color: #F5F7FA !important;
    border: 1px solid #003F5C !important;

}

.fileImportSuccesModal .select2-container .select2-selection--multiple .select2-selection__choice {
    background: #27AE60 !important;
    padding: 5px;
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
}

.fileImportSuccesModal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    padding: 0;
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    margin-right: 2px;
    width: 16px;
    height: 16px;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center;
    padding: 0;
    line-height: 14px;
}

/* File Import css */
.fileImportModal .modal-header {
    padding-bottom: 0 !important;
    align-items: center;
}

.fileImportModal .modal-header h4 {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #003F5C;
    margin: 0;
}

.fileImport-infobx h4 {
    font-weight: bold;
    font-size: 15px;
    line-height: normal;
    color: #003F5C;
}

.fileImport-infobx p {
    font-weight: normal;
    font-size: 13px;
    line-height: normal;
    color: #406F85;
    margin: 0 0 15px;
}

.fileImport-infobx span {
    margin-right: 15px;
}

.fileImport-infobx p strong {
    font-weight: 500;
}

.attachFileImport-bx {
    border-top: 1px solid #003F5C;
    padding-top: 15px;
}

.attachFileImport-bx h4 {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #003F5C;
    margin: 0 0 15px;
}

.attachFileImport-bx input {
    display: none;
}

.attachFileImport-bx .fileUploadbtn {
    background: #F5F7FA;
    border-radius: 4px;
    border: 1px solid #2B6C8F;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    color: #2B6C8F;
    padding: 18px 16px;
    width: 100%;
    margin: 0 0 10px;
}

.attachedFileImport-infobx p {
    font-weight: normal;
    font-size: 13px;
    line-height: normal;
    text-align: center;
    color: #406F85;
    margin: 0 0 10px;
}

.attachedFileImport-infobx p a {
    color: #1A0ADB;
    font-weight: 500;
}

.fileImportModal .field-customInputPdfMp3 {
    margin: 0 0 15px;
}

.whiteBg-card {
    width: calc(100% + 30px);
    float: left;
    background: #fff;
    margin: 0 -15px;
    padding: 0 15px;
    margin-bottom: 15px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

/* SetLists css started Here */
.setList-wrap {
    padding: 0 0 15px;
    width: calc(100% + 30px);
    margin: 0 -15px;
    background: #E1E8F3;
}

.setList-searchAddbx {
    background: #fff;
    padding: 20px 15px;
    display: block;
    border-radius: 0 0 6px 6px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.setList-addbx label {
    font-weight: bold;
    font-size: 16px;
    line-height: 15px;
    color: #003F5C;
}

.setList-addbx .form-group {
    margin-bottom: 0;
}

.setListeditLink-bx .repertoireListtab li.tab {
    width: 50% !important;
}

.setlists-actionbx {
    padding: 20px 0;
}

.setlists-actionbx ul {
    display: block;
    text-align: right;
    padding: 0;
    margin: 0;
}

.setlists-actionbx ul li {
    display: inline-block;
    padding: 0 15px;
}

.setlists-actionbx ul li:last-child {
    padding-right: 0px;
}

.setlists-actionbx ul li a {
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
    color: #1A0ADB !important;
}

.setlists-actionbx ul li a.delete {
    color: #FE3852 !important
}

.setList-stats-row {
    text-align: center;
    margin-bottom: 10px;
}

.setList-stats-row p {
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #406F85;
    margin: 0;
}

.setListFilebxWrap {
    display: flex;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    flex-direction: row;
    flex-wrap: wrap;
}

.setListFilebx {
    background: #003F5C;
    max-width: 50%;
    flex: 0 0 50%;
    text-align: center;
    padding: 10px;
}

.setListFilebx:first-child {
    border-right: 1px solid #fff;
}

.setListFilebx h4 {
    font-weight: bold;
    font-size: 17.28px;
    line-height: 21px;
    color: #FFFFFF;
    margin: 0 0 4px;
}

.setListFilebx p {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #FFFFFF;
    margin: 0;
}

.setListeditLink-bx {
    display: block;
}

.repertoireTabbx {
    /* padding: 0 15px;
    background: #fff; */
    /* border-radius: 0 0 6px 6px; */
}

.setListwhiteBg-card {
    background: #fff;
    border-radius: 0 0 6px 6px;
    padding: 0 15px;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin: 0 0 30px;
}

.repertoiresongRecordTab-inner-bx {
    padding: 20px 15px 20px;
    background: #fff;
}

.songRecordTab-bx {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 2px;
}

.songRecordTab-bx .tab {
    width: 50% !important;
    background: transparent !important;
    padding-right: 0;
}

.nav.nav-tabs.songRecordTab-bx .tab a {
    background: transparent;
    padding: 10px !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 0.13px;
    color: #003F5C !important;
}

.nav.nav-tabs.songRecordTab-bx .tab.active a {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 10px;
    font-weight: bold;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 0.13px;
    color: #003F5C !important;
    background: #fff;
}

.songRecordTab-bx.tabs .indicator {
    display: none;
}

.chooseSong-title {
    font-weight: normal;
    font-size: 15px;
    line-height: 12px;
    color: #406F85;
    margin: 0 0 20px;
}

.editList-chooseSong-filterbx {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.editList-chooseSong-filterbx .sortByfilter-bx {
    flex: 0 0 35%;
    max-width: 35%;
}

.editList-chooseSong-filterbx .filterFilter-bx {
    flex: 0 0 65%;
    max-width: 65%;
}

.repertoiretab-content.pad0 {
    padding: 0 !important;
}

.editList-chooseSong-filterbx .sortByfilter-bx h6,
.editList-chooseSong-filterbx .filterFilter-bx h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 15px;
    color: #003F5C;
    margin: 0 0 8px;
}

.editList-chooseSong-filterbx .sortByfilter-bx .dropdown-toggle,
.editList-chooseSong-filterbx .filterFilter-bx .dropdown-toggle,
.recordEditFilterbx .dropdown-toggle {
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: #1A0ADB;
    border: 0;
    margin-right: 0;
    border: 0;
    background-color: transparent;
    background-image: url(../images/dropdownIco.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 15px;
    padding-left: 0;
}

.editList-chooseSong-filterbx .sortByfilter-bx .dropdown-toggle:after,
.editList-chooseSong-filterbx .filterFilter-bx .dropdown-toggle:after,
.recordEditFilterbx .dropdown-toggle:after {
    display: none;
}

.editchooseSong-saveBtnbx {
    padding: 40px 0px 30px;
    width: 100%;
}

.editchooseSong-saveBtnbx button {
    width: 200px;
}

/* Edit tools wrap start here */
.edittools-wrap {
    display: block;
    padding: 20px 0 0;
}

.edittools-wrap h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 21px;
    color: #003F5C;
    margin: 0 0 20px;
}

.editToolsbx input {
    display: none;
}

.customcheckbxLabel {
    width: 60px;
    height: 30px;
    display: inline-block;
    border-radius: 15px;
    background: #BFBFBF;
    position: relative;
    cursor: pointer;
}

.customcheckbxLabel:before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 3px;
    left: 3px;
    transition: 0.25s linear;
}

.editToolsbx input:checked~.customcheckbxLabel {
    background: #27AE60;
}

.editToolsbx input:checked~.customcheckbxLabel:before {
    content: '';
    right: 0 !important;
    left: calc(100% - 27px);
}

.editToolsbx-wrap {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    padding: 0 0 30px;
}

.editTool-contentbx h6 {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.13px;
    color: #003F5C;
    margin: 0 0 5px;
}

.editTool-contentbx {
    padding-left: 15px;
}

.editTool-contentbx p {
    font-weight: normal;
    font-size: 14px;
    line-height: 12px;
    color: #406F85;
    margin: 0;
}

.recordEditFilterbx .dropdown-toggle {
    display: inline;
}

.recordEditFilterbx .dropdown-menu.displaFilter-menu {
    left: 0;
    right: auto;
}

.recordedit-saveBtnbx {
    padding: 0 0 30px;
}

.recordedit-saveBtnbx button {
    width: 200px;
}

.linkWrap {
    padding: 20px 15px 34px;
    display: block;
    background: #fff;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.linkWrap>h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 21px;
    color: #003F5C;
    margin: 0 0 20px;
}

.setlist-linkbtn-bx {
    display: flex;
    align-items: center;
    margin: 0 0 20px;
    width: 50%;
    float: left;
}

.setlist-linkbtn-bx button,
.setlist-linkbtn-bx a {
    background: #003F5C;
    border-radius: 4px;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    padding: 10px;
    border: 1px solid #003F5C;
    min-width: 150px;
}

.setlist-linkbtn-bx p {
    font-weight: normal;
    font-size: 14px;
    line-height: 12px;
    color: #406F85;
    margin: 0 0 0 15px;
}

.linkBooking-wrap {
    display: block;
}

.linkBooking-wrap h4 {
    font-weight: bold;
    font-size: 17.28px;
    line-height: 21px;
    color: #003F5C;
    margin: 0 0 15px;
}

.linkBooking-wrap p {
    font-weight: normal;
    font-size: 14px;
    line-height: 12px;
    color: #406F85;
    margin: 0 0 15px;
}

.setlistAttachBook-btn a {
    font-weight: 600;
    font-size: 14px;
    line-height: 13px;
    letter-spacing: -0.24px;
    color: #27AE60;
    display: flex;
    align-items: center;
}

.setlistAttachBook-btn {
    margin: 20px 0 0;
}

.setlistAttachBook-btn a i {
    font-size: 20px;
}

/* set lists choose songs */
.chooseSong-customCheckbx input {
    margin: 0 0 15px;
}

.chooseSong-customCheckbx input {
    display: none;
}

.chooseSong-customCheckbx label {
    display: flex;
    width: 80%;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 15px 30px;
    background: #fff;
    border-radius: 4px;
    margin: 0 0 10px;
}

.chooseSong-customCheckbx label h4 {
    font-weight: bold;
    font-size: 20px !important;
    line-height: 21px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #003F5C !important;
}

.chooseSong-customCheckbx label h4 span {
    font-weight: normal;
    font-size: 14px;
    line-height: 12px;
    color: #406F85;
}

.chooseSong-customCheckbx input:checked+label {
    background: #93D6AF;
}

.time-calc-notes {
    width: 80%;
}

.time-calc-notes ul {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}

.time-calc-notes ul li {
    margin: 0 0 15px;
    padding: 0;
}

.time-calc-notes ul li a {
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
    color: #1A0ADB;
}

.reorder-songs {
    margin: 0 0 30px;
}

.reorderTop-brdr {
    width: 100%;
    display: block;
    border: 1px solid #2b6c8f;
    max-width: 98%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.recorderVoclist {
    flex: 0 0 100%;
    max-width: 100%;
}

.recorderVoclist ul {
    padding: 0;
    text-align: right;
}

.recorderVoclist ul li {
    display: inline-block;
    padding: 0 !important;
    padding-left: 10px !important;
}

.recorderVoclist ul li label {
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    color: #1A0ADB;
    text-transform: capitalize;
    padding: 6px;
    cursor: pointer;
    margin: 0;
}

.recorderVoclist ul li input:checked+label {
    background: #27AE60;
    border-radius: 2px;
    padding: 6px;
    color: #fff;
}

.setList-addbx .select2-container .select2-selection--single,
.linkBooking-wrap .select2-container .select2-selection--single {
    background: none !important;
    background-color: #F5F7FA !important;
    border: 1px solid #003F5C !important;
    background-image: url('../images/dropdownIco-gray.svg') !important;
    background-repeat: no-repeat !important;
    background-position: 98% 50% !important;

}

.setList-addbx .select2-container .select2-selection--single b,
.linkBooking-wrap .select2-container .select2-selection--single b {
    display: none;
}

.set-listReorderWrap-calc .master-listbx-info {
    background: #FFEFCF;
    border: 1px solid #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.set-listReorderWrap-calc .master-listbx-info-right {
    display: flex;
    align-items: center;
}

.set-listReorderWrap-calc .master-listbx-info-left h4,
.set-listReorderWrap-calc .master-listbx-info-right h4 {
    margin: 0;
}

.set-listReorderWrap-calc.set-listReorderWrap-notes .master-listbx-info {
    background: #fff;
    align-items: center;
}

.set-listReorderWrap-calc.set-listReorderWrap-notes .master-listbx-info p {
    /* font-weight: bold;
    font-size: 14px; */
    line-height: 15px;
    color: #003F5C;
    margin: 0;
}

.set-listReorderWrap-calc.set-listReorderWrap-notes .master-listbx-info p:empty {
    display: none;
}

.set-listReorderWrap-calc.set-listReorderWrap-notes .master-listbx-info span {
    color: #003F5C;
}

.set-listReorderWrap-calc .master-listbx-info-right h4 {
    margin-right: 15px;
    display: flex;
    align-items: center;
}

.set-listReorderWrap-calc .master-listbx-info-right h4 span {
    font-weight: normal;
    font-size: 11.67px;
    line-height: 14px;
    color: #406F85;
    margin-right: 15px;
}

/* Post Tab css Started Here */
.postsHeader {
    border-bottom: 1px solid #003F5C;
    padding: 16px 0;
}

.postsHeader h3 {
    margin: 0;
    font-weight: bold;
    font-size: 20.16px;
    line-height: 25px;
    color: #003F5C;
}

.postsHeader .btn-outline {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
    background: #FFFFFF;
    border: 1px solid #003F5C;
    border-radius: 10px;
    min-width: 217px;
    padding: 12px;
}

.postsHeader .btn-primary {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    background: #003F5C;
    border-radius: 10px;
    min-width: 201px;
    padding: 12px;
    margin-left: 17px;
}

.scheduled-postWrap h4 {
    font-weight: bold;
    font-size: 16.8px;
    line-height: 20px;
    color: #003F5C;
    padding: 24px 0 16px;
}

.postDate-socialbx h6 {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
    margin: 0;
}

.postDate-socialbx {
    margin-bottom: 10px;
}

.postDate-socialbx ul {
    padding: 0;
    margin: 0;
    line-height: 0;
}

.postDate-socialbx ul li {
    display: inline-block;
    list-style: none;
    padding: 0 7px;
    line-height: 0;
}

.schaduledItem-postbx {
    padding: 16px 0;
    border-bottom: 1px solid #2B6C8F;
}

.schaduledItem-postbx:nth-child(1) {
    padding-top: 0;
}

.schaduledItem-postbx .carousel {
    /* background: #C4C4C4; */
    max-height: 400px;
    height: 100%;
}

.editPost {
    font-weight: normal;
    font-size: 11.67px;
    line-height: 14px;
    color: #1A0ADB;
}

.showPost-buttoBx {
    padding: 16px 0;
    margin-top: 8px;
    border-top: 1px solid #2B6C8F;
}

.showPost-buttoBx a {
    font-weight: normal;
    font-size: 11.67px;
    line-height: 14px;
    color: #1A0ADB;
}

.socailAccount-modalbx .modal-header {
    padding: 0 !important;
}

.socailAccount-modalbx .modal-body h6 {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #003F5C;
    margin: 0 0 15px;
}

.socailAccount-modalbx .modal-body p {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #406F85;
}

.socailAccount-modalbx .modal-body .btn-primary {
    background: #003F5C;
    border-radius: 10px;
    padding: 16px;
    max-width: 356px;
    font-weight: bold;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
}

.hootsuitebx {
    background: #C9EBD7;
    border: 1px solid #003F5C;
    border-radius: 10px;
    padding: 16px;
    max-width: 100%;
    margin: 0 auto;
}

.hootsuitebx h6 {
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: #003F5C;
    margin: 0 0 10px;
}

.hootsuitebx p {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #003F5C;
    margin: 0 0 10px;
}

.hootsuitebx p b {
    font-weight: 600;
}

.hootsuitebx>a {
    font-weight: normal;
    font-size: 13px;
    line-height: 19px;
    color: #1A0ADB;
}

/* Post Detail css start here */
.postDetailsForm .modal-header h4 {
    font-weight: bold;
    font-size: 22px;
    line-height: 25px;
    color: #003F5C;
}

.postDetailsForm .modal-header button.close {
    font-weight: normal;
    font-size: 16px;
    line-height: 13px;
    letter-spacing: -0.24px;
    color: #FE3852;
    opacity: 1;
}

.postDetailsForm .modal-body label {
    font-weight: bold;
    font-size: 16px;
    line-height: 17px;
    color: #003F5C;
    margin: 0 0 16px;
}

.postDetailsForm .modal-body label.uploadFile {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1A0ADB;
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid lightgray;
    padding: 16px;
    margin-top: -24px;
}

.postDetailsForm .modal-body label.uploadFile img {
    margin-right: 8px;
}

.postDetailsForm .modal-body .form-control {
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    color: #406F85;
}

.postDetailsForm .modal-body .form-control::placeholder {
    color: #406F85;
}

.outline-box {
    background: #FFFFFF;
    border: 0.5px solid #2B6C8F;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 16px 16px 0px;
    margin: 0px 10px 24px 10px;
}

#followupemailsettings-time {
    border-radius: 10px 0px 0px 10px !important;
    max-width: 61px !important;
    min-width: 61px !important;
    border: 0.5px solid #2B6C8F;
}

#followupemailsettings-type {
    max-width: 112px !important;
    min-width: 112px !important;
    margin-left: -15px;
    border-radius: 0px 10px 10px 0px !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #E6E6E6 100%);
}

.calenderDropdown .datepicker th.datepicker-switch {
    width: auto;
}

/* Performance mode css start here */
.performanceHeader {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 0px 5px;
}

.performance-innerHeader {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.performanceTime-bx p {
    margin: 0;
    font-weight: bold;
    font-size: 17.28px;
    line-height: 21px;
    text-align: center;
    color: #003F5C;
}

.performance-nextBtn {
    background: #003F5C;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 16px;
    border: 1px solid #003F5C;
}

.performanceLeft-menubtn .dropdown-toggle:after,
.performanceSearch-btn .dropdown-toggle:after,
.performanceRight-menubtn .dropdown-toggle:after {
    content: '';
    display: none !important;
}

.performanceLeft-menubtn {
    width: 25px;
    height: 60px;
    padding: 10px 0;
}

.performanceLeft-menubtn>a {
    height: 100%;
    display: flex;
    align-items: center;
}

.performanceSearch-btn {
    width: 25px;
    display: inline-block;
    margin-left: 24px;
    padding: 10px 0;
}

.performanceSearch-btn>a {
    height: 100%;
    display: flex;
    align-items: center;
}

.performanceRight-menubtn {
    margin-right: 30px;
}

.performanceLeft-menubtn .dropdown-toggle img {
    width: 25px;
    height: 25px;
}

.performanceSearch-btn .dropdown-toggle img {
    width: 22px;
    height: 25px;
}

.performanceSearch-box {
    padding: 12px;
    width: 550px;
    background: #CADAE3;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    margin-left: -15px;
}

.performanceSearch-box:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(43, 108, 143, 0);
    border-bottom-color: #CADAE3;
    border-width: 8px 9px 15px 8px;
    margin-left: -10px;
    left: 15px;
}

.performanceSearch-box input {
    background: #FFFFFF;
    border-radius: 5px !important;
    padding: 11px 6px 9px 14px;
    border: 0;
    font-weight: normal;
    font-size: 17px;
    line-height: 18px;
    letter-spacing: -0.24px;
    color: #808080;
}

.performanceSearch-box input::placeholder {
    font-weight: normal;
    font-size: 17px;
    line-height: 18px;
    letter-spacing: -0.24px;
    color: #808080;
}

.performance-alphaFilter {
    margin: 30px 0 10px;
}

.performance-alphaFilter>a {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.24px;
    color: #1A0ADB !important;
    cursor: pointer !important;
}

.performanceSearch-bg {
    content: '';
    position: fixed;
    top: 60px;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    z-index: -9;
    left: 0;
}

.pad-0 {
    padding: 0 !important;
    border: 0;
    background: transparent;
}

.performanceMode-card-songbx {
    width: 100%;
    padding: 15px;
    background: #FFFFFF;
    border-radius: 5px 5px 0 0;
}

.performanceMode-card {
    margin: 0 0 30px;
}

.performanceMode-song-titlebx {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.performanceMode-song-titlebx h4 {
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    margin: 0 0 10px;
}

.performanceMode-song-titlebx h4 span {
    font-weight: normal;
    font-size: 11.67px;
    line-height: 16px;
    color: #406F85;
    margin-left: 15px;
}

.performanceMode-song-voclistbx {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
}

.performanceMode-song-voclistbx .voclist {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #406F85;
    margin: 0;
    width: 100%;
}

.choosepdf-performance-bx ul li a h6 button {
    background: transparent;
    display: inline-block;
    width: auto;
    margin-left: 0px;
}

.performanceMode-song-voclistbx .voclist span {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #003F5C;
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: top;
}

.performanceMode-song-voclistbx .voclist-size {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #1A0ADB;
    width: 100%;
    text-align: right;
}

.performanceMode-song-voclistbx .voclist-size span {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #003F5C;
    margin: 0 0 0 30px;
    display: inline-block;
    vertical-align: top;
}

.performanceMode-card-buttonbx {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.performancecard-button {
    max-width: 33.33%;
    flex: 0 0 33.33%;
    background: #2B6C8F;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.06px;
    color: #FFFFFF;
    padding: 4px;
    border: 0;
    border-right: 1px solid #eee;
}

.performanceMode-card-buttonbx {
    border-radius: 0px 0px 5px 5px;
}

.performancecard-button button {
    background: #2B6C8F;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.06px;
    color: #FFFFFF;
    border: 0;
    /*box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.06px;
    color: #FFFFFF;
    padding: 15px;
    border: 0;
    border-right: 1px solid #eee; */
}

.performancecard-button:last-child {
    border: 0;
    border-radius: 0px 0px 5px
}

.performancecard-button:first-child {
    border-radius: 0px 0px 0 5px;
}

.setLists-performance-popupbx {
    width: 314px;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 0 0 15px;
}

.setLists-performance-popupbx:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(43, 108, 143, 0);
    border-bottom-color: #F0F4F9;
    border-width: 8px 9px 15px 8px;
    margin-left: -10px;
    left: 15px;
}

.setLists-performance-headbx {
    padding: 10px 15px;
    background: #F0F4F9;
    border-radius: 5px 5px 0 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #E5E5E5;
}

.setLists-performance-headbx h4 {
    font-weight: bold;
    font-size: 17.28px;
    line-height: 21px;
    color: #003F5C;
    margin: 0;
}

.setLists-performance-popupbx ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.setLists-performance-popupbx ul li {
    padding-left: 15px;
}

.setLists-performance-popupbx ul li.active {
    background: #F0F4F9;
    padding-left: 0;
}

.setLists-performance-popupbx ul li.active a {
    border-color: #F0F4F9;
    padding: 10px 15px 10px 30px;
}

.setLists-performance-popupbx ul li a {
    border-bottom: 1px solid #003F5C;
    display: block;
    padding: 10px 15px 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.setLists-performance-popupbx ul li a h6 {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #003F5C;
    margin: 0 0 5px;
}

.setLists-performance-popupbx ul li a p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
    margin: 0;
}

.performDropdown-optionbx {
    width: 220px;
    font-size: 14px;
    background: #003F5C;
    border: none;
    padding: 6px;
    border-radius: 5px;
    /* overflow: hidden; */
}

.performDropdown-outerbx {
    right: -30px;
    left: auto;
}

.performanceRight-menubtn>a {
    height: 60px;
    display: flex;
    align-items: center;
}

.performDropdown-optionbx:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(43, 108, 143, 0);
    border-bottom-color: #003F5C;
    border-width: 10px;
    margin-left: -10px;
    right: 30px;
}

.performDropdown-optionbx .dropDownTitle {
    margin-bottom: 0;
    width: auto;
    padding: 8px 5px 8px 15px;
}

.performDropdown-optionbx .dropDownTitle h5 {
    margin: 0;
    border-bottom: 3px solid #fff;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #FFFFFF;
    padding-bottom: 5px;
    max-width: calc(100% - 30px);
}

.performDropdown-optionbx .dropDownTitle .btn-icon {
    padding: 0;
    font-size: 24px;
    float: right;
    background: transparent;
    color: #fff;
    line-height: normal;
}

.performDropdown-optionbx i {
    font-size: 25px;
    vertical-align: middle;
    margin-right: 5px;
}

.performDropdown-optionbx .dropdown-item {
    width: 100%;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.2px;
    color: #FFFFFF;
    padding: 10px 15px;
}

.performDropdown-optionbx .dropdown-item:hover,
.performDropdown-optionbx .dropdown-item:focus {
    background: transparent;
}


.choosepdf-performance-bx {
    width: 314px;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 0 0 15px;
}

.choosepdf-performance-headbx {
    padding: 10px 15px;
    background: #F0F4F9;
    border-radius: 5px 5px 0 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #E5E5E5;
}

.choosepdf-performance-headbx h4 {
    font-weight: bold;
    font-size: 17.28px;
    line-height: 21px;
    color: #003F5C;
    margin: 0;
}

.choosepdf-performance-bx ul {
    padding: 0;
    margin: 0;
    list-style: none;
    max-height: 300px;
    height: auto;
    overflow: auto;
}

.choosepdf-performance-bx ul li {
    padding-left: 15px;
}

.choosepdf-performance-bx ul li.active {
    background: #F0F4F9;
    padding-left: 0;
}

.choosepdf-performance-bx ul li.active a {
    border-color: #F0F4F9;
    padding: 10px 15px 10px 30px;
}

.choosepdf-performance-bx ul li a {
    border-bottom: 1px solid #003F5C;
    padding: 10px 15px 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.choosepdf-performance-bx ul li a h6 {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #003F5C;
    margin: 0 0 5px;
    /*line-break: anywhere;*/
}

.choosepdf-performance-bx ul li a p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
    margin: 0;
}

.choosepdf-performance-bx:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(43, 108, 143, 0);
    border-bottom-color: #F0F4F9;
    border-width: 8px 9px 15px 8px;
    margin-left: -10px;
    left: 50%;
}

.dropup .choosepdf-performance-bx:before {
    display: none;
}

.d-flex.align-items-center.hidepdf-btnWrap {
    height: calc(100% + 30px);
    margin: -15px 0;
}

.hidepdf-btnbx {
    flex: 0 0 70%;
    max-width: 70%;
    border-right: 1px solid #fff;
    /* height: 100%; */
    display: flex;
}

.hidepdf-optionbx {
    flex: 0 0 30%;
    max-width: 30%;
    display: none;
}

.performance-mode-notesbox {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0 0 0;
}

.performance-mode-notesbox h6 {
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    color: #FE3852;
    margin: 0 0 10px;
}

.performance-mode-notesbox p {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: right;
    color: #003F5C;
    margin: 0;
}

.performanceMode-timebx {
    display: flex;
    justify-content: space-between;
    background: #FFEFCF;
    border: 1px solid #FFD070;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 15px 0 0;
    padding: 15px;
}

.performanceMode-timebx h4 {
    font-style: normal;
    font-weight: bold;
    font-size: 17.28px;
    line-height: 21px;
    color: #003F5C;
    margin: 0;
}

.performanceMode-timebx h4 span {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    color: #406F85;
}

.dropdownhide-optionBx .dropdown-menu {
    left: auto;
    right: 0;
}

.dropdownhide-optionBx .dropDownTitle {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.performDropdown-optionbx .dropdown-item {
    color: #fff !important;
    cursor: pointer !important;
}

.performDropdown-optionbx .dropDownTitle .btn-icon {
    width: auto !important;
}

.performanceMode-wrapper {
    padding-bottom: 200px;
}

.performModeuploadpdf-wrap .modal-header {
    padding-bottom: 0px !important;
}

.performModeuploadpdf-wrap .modal-body i {
    font-size: 16px;
    color: #071225;
}

.performModeuploadpdf-wrap .modal-body p {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #406F85;
    padding-left: 15px;
}

.performancemodePDf-uploadbtnbx input {
    display: none;
}

.performancemodePDf-uploadbtnbx {
    text-align: center;
    margin: 20px 0 15px;
}

.performancemodePDf-uploadbtnbx label {
    background: #F5F7FA;
    border-radius: 4px;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #2B6C8F;
    display: block;
    padding: 18px 16px;
    border: 1px solid #2B6C8F;
    margin-bottom: 10px;
    cursor: pointer;
}

.performancemodePDf-uploadbtnbx span {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #406F85;
}

.btnPerformance-red {
    font-size: 15px !important;
    max-width: 150px;
    border-radius: 5px;
}

.dropdownhide-optionBx .dropdown-toggle:after {
    display: none !important;
}

.displaFilter-menuNested {
    position: absolute;
    right: 214px;
    left: auto;
}

.master-listbx-info-left h4 span.gm-total-time,
.master-listbx-info-right h4 span.gm-set-time {
    font-weight: bold;
    font-size: 20.16px;
    line-height: 25px;
    display: flex;
    align-items: center;
    color: #003F5C;
    margin: 0 0 8px;
}

.notes-full-width {
    width: 95%;
}

/* .schaduledItem-postbx .carousel {
background: #C4C4C4;
height: 200px;
} */
.schaduledItem-postbx .carousel .carousel-inner {
    float: left;
    height: 100%;
}

.schaduledItem-postbx .carousel .carousel-inner .item {
    height: 100%;
}

.schaduledItem-postbx .carousel .carousel-inner .item img {
    max-height: 100%;
    max-width: 100%;
}

.dateTimepicker-parent .datepicker>div {
    display: block;
}

.performancecard-button:nth-child(2) .dropdown-menu {
    left: calc(50% - 157px);
}

.clientProfile-wrap .clientImg-bx .clientImg-Innerbx {
    overflow: hidden;
}

.performance-mode-notesbox h6 p {
    text-align: left !important;
}

/* Band Leader Page Css Starteed Here */
.bandleader-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.bandleader-bx {
    width: 396px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-top: 24px;
    padding: 40px;
    margin: 30px 0;
    z-index: 9;
}

.bandleader-bx .bandleader-head h2 {
    font-weight: 600;
    font-size: 22.19px;
    line-height: 29px;
    text-align: center;
    color: #003F5C;
    margin: 0 0 24px;
}

.bandleader-bx .bandleader-head h2 span {
    color: #D1495B;
}

.bandleader-bx .bandleader-head p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #406F85;
    margin: 0 0 16px;
    text-align: center;
}

.bandleader-bx .form-group {
    margin: 0 0 16px;
}

.bandleader-bx .btn,
.customModal-leader .modal-dialog .modal-body .btn {
    width: 100%;
    padding: 12px;
    background: #003F5C;
    border-radius: 10px;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
    letter-spacing: 0.5px;
}

.bandleader-bx>p {
    font-weight: 500;
    font-size: 13px;
    line-height: 14px;
    color: #406F85;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
}

.successBx {
    background: #5DC288;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    text-align: center;
    padding: 23px;
    margin: 0 0 20px;
}

.successBx h6 {
    font-weight: 600;
    font-size: 22px;
    line-height: 29px;
    text-align: center;
    color: #003F5C;
    margin: 0 0 24px;
}

.successBx p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #003F5C;
    margin: 0;
}

.leaderStep1-head h4 {
    font-weight: 600;
    font-size: 16.8px;
    line-height: 20px;
    color: #003F5C;
    margin: 0 0 8px;
}

.leaderStep1-head p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
    margin: 0 0 24px;
}

.bandleaderStep-twobx h2 {
    font-weight: 600;
    font-size: 22.19px;
    line-height: 29px;
    color: #003F5C;
    margin: 0 0 24px;
}

.bandleaderStep-twobx p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
    margin: 0 0 32px;
}

.bandleaderStep-twobx p a {
    color: #003F5C;
    text-decoration: underline;
}

.bandleaderStep-twobx h4 {
    font-weight: 600;
    font-size: 20.16px;
    line-height: 25px;
    color: #003F5C;
    margin: 0 0 26px;
}

.bandleaderStep-twobx ol {
    padding-left: 30px;
    margin: 20px 0;
}

.bandleaderStep-twobx ul {
    padding-left: 15px;
    margin: 20px 0;
}

.bandleaderStep-twobx ol li,
.bandleaderStep-twobx ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    margin: 0 0 3px;
}

.leaderStep3-head h2 {
    font-weight: 600;
    font-size: 22.19px;
    line-height: 29px;
    color: #003F5C;
    margin: 0 0 16px;
}

.leaderStep3-head p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
    margin: 0 0 24px;
}

.customFile-uploadWrap label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #003F5C;
    margin: 0 0 8px;
}

.customFile-upload {
    margin: 0 0 24px;
}

.customFile-upload label {
    background: #2B6C8F;
    border-radius: 3px;
    padding: 8px 6px;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.055px;
    color: #FFFFFF;
    margin-right: 15px
}

.customFile-upload span {
    font-size: 10px;
    line-height: 12px;
    color: #003F5C;
}

.bandleaderStep4-head h2 {
    max-width: 80%;
    margin: 0 auto 30px;
    font-weight: 600;
    font-size: 22.19px;
    line-height: 29px;
    color: #003F5C;
}

.bandleaderStep4-inner p {
    margin: 0 0 24px;
}

.bandleaderStep4-inner p a {
    color: #003F5C;
    text-decoration: underline;
}

.leaderStep-popupBtn-bx {
    margin: 0 -10px 16px -10px;
}

.leaderStep-popupBtn-bx a {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border: 0.5px solid #2B6C8F;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 16px 8px;
}

.leaderStep-popupBtn-content {
    padding: 0 16px;
}

.leaderStep-popupBtn-content h4 {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
    margin: 0 0 8px;
}

.leaderStep-popupBtn-leftImg {
    flex: 0 0 15%;
}

.leaderStep-popupBtn-content {
    padding: 0 8px 0 16px;
    flex: 0 0 75%;
}

.leaderStep-popupBtn-rightImg {
    flex: 0 0 10%;
    text-align: right;
    display: flex;
    justify-content: center;
}

.leaderStep-popupBtn-content p {
    font-weight: normal;
    font-size: 11.67px;
    line-height: 14px;
    color: #003F5C;
    margin: 0;
}

.marT24 {
    margin-top: 24px;
}

.skipRow {
    text-align: center;
    margin: 16px 0 0;
}

.skipRow a {
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #1A0ADB;
}

.customModal-leader .modal-dialog {
    width: 450px;
}

.customModal-leader .modal-dialog .modal-content {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 40px;
}

.customModal-leader .modal-dialog .modal-header h4 {
    font-weight: 600;
    font-size: 24.19px !important;
    line-height: 29px;
    color: #003F5C;
    margin: 0;
}

.customModal-leader .modal-dialog .modal-body {
    padding-top: 0px !important;
}

.customModal-leader .modal-dialog .modal-body p {
    font-weight: 600;
    font-size: 11.67px;
    line-height: 14px;
    color: #003F5C;
    margin: 0 0 30px;
}

.customModal-leader .modal-dialog .modal-body .form-group {
    margin-bottom: 16px;
}

.borderBtn {
    border: 1px solid #003F5C;
    color: #003F5C !important;
    background: transparent !important;
}

.borderBtn:hover {
    border: 1px solid #003F5C;
    color: #fff !important;
    background: #003F5C !important;
}

.marT16 {
    margin-top: 16px !important;
}

.bulUpload-popup p {
    font-weight: normal !important;
    font-size: 13px !important;
    line-height: 16px !important;
    margin: 0 0 16px !important;
}

.bulUpload-popup ol {
    padding: 0 0 0 12px;
    margin: 0;
}

.bulUpload-popup ol li {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 16px;
    color: #2B6C8F;
    padding-left: 5px;
}

.bulUpload-popup ol li ul {
    margin: 0;
    padding-left: 20px;
}

.bulUpload-popup ol li ul li {
    margin: 0;
    padding-left: 0;
    list-style-type: disc;
}

.bulUpload-popup .fileUploadbtn {
    font-size: 12px !important;
    line-height: 16px !important;
    text-align: center;
    color: #2B6C8F;
    margin-top: 30px;
}

.bulUpload-popup .field-customInputCSVFile {
    margin-bottom: 0 !important;
}

.field-customInputCSVFileWrap p {
    font-weight: normal;
    font-size: 11.67px !important;
    line-height: 14px;
    text-align: center;
    color: #2B6C8F;
    margin: 0 !important;
}

.stepFive-bx h6 {
    font-style: normal;
    font-weight: bold;
    font-size: 20.16px;
    line-height: 25px;
    color: #003F5C;
    margin: 0 0 16px;
}

.stepFive-bx table {
    margin: 0 0 30px;
}

.stepFive-bx table td {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
    padding: 0 0 10px;
}

.stepFive-bx table td:last-child {
    text-align: right;
}

.stepFive-bx table td a {
    font-size: 11.67px;
    line-height: 14px;
    text-decoration-line: underline !important;
    color: #003F5C;
}

.stepSix-inputbx h5 {
    font-style: normal;
    font-weight: 500;
    font-size: 16.8px;
    line-height: 20px;
    color: #003F5C;
    margin: 0 0 16px;
}

.leaderStep-successHead h2 {
    color: #27AE60;
}

.leaderStep-successContent {
    margin: 15px 0 32px;
}

.newUserInvitaion-head h2 {
    font-weight: 600;
    font-size: 24.19px;
    line-height: 29px;
    text-align: center;
    color: #003F5C;
    margin: 0 0 16px;
}

.newUserInvitaion-head h2 span {
    color: #D1495B;
    display: block;
}

.newUserInvitaion-text {
    margin: 0 0 30px;
}

.newUserInvitaion-text p {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
}

.newUserInvitaion-text ol {
    padding-left: 15px;
}

.newUserInvitaion-text ol li {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
    padding-left: 4px;
}

.noCredit-card p {
    font-weight: normal;
    font-size: 11.67px;
    line-height: 14px;
    text-align: center;
    color: #406F85;
    padding: 3px 0 0;
}

.accountBottom-bx p {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #406F85;
    margin: 30px 0 0;
}

.createRoles-popupContent p {
    font-weight: normal !important;
    font-size: 11.67px !important;
    margin-bottom: 15px !important;
}

.createRoles-popupContent ul {
    padding-left: 15px;
    list-style: none;
    margin-bottom: 16px;
}

.createRoles-popupContent ul li {
    font-weight: normal;
    font-size: 11.67px;
    line-height: 14px;
    color: #003F5C;
}

.createRoles-editor {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #406F85;
}

.landerStep-bx {
    margin: 25px 0 0;
}

.landerStep-bx ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.landerStep-bx ul li {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #C4C4C4;
    margin: 0 5px;
}

.landerStep-bx ul li.current {
    background: #93D6AF;
}

.landerStep-bx ul li.filled {
    background: #27AE60;
}

.errorBx {
    background: #FFD6DB;
    border-top: 0.5px solid #003F5C;
    border-bottom: 0.5px solid #003F5C;
    padding: 10px;
    margin: 0 0 30px;
}

.errorBx h6 {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #003F5C;
}

.errorBx ul {
    padding: 0;
    margin: 0;
}

.errorBx ul li {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #003F5C;
}

.csv-successBx {
    border-top: 0.5px solid #003F5C;
    padding: 16px 0;
}

.csv-successBx .csv-suceesList {
    background: #C9EBD7;
    border-radius: 5px;
    padding: 10px;
    font-weight: bold;
    font-size: 17.28px;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #003F5C;
    margin: 0 0 10px;
}

.csvUplaod-completebx h4 {
    font-weight: bold;
    font-size: 17.28px;
    line-height: 21px;
    color: #003F5C;
    margin: 0 0 8px;
}

.csvUplaod-completebx p {
    font-style: normal;
    font-weight: normal !important;
    font-size: 10px;
    line-height: 12px;
    color: #2B6C8F;
    margin: 0 0 16px !important
}

.customFile-upload input {
    display: none;
}

.leader-datePicker {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #003F5C;
    background: url('../images/calendar_outline.png');
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    padding-left: 34px;
    background-position: 10px center;
}

.leader-datePicker-webkit-::placeholder {
    color: #003F5C;
}

.leader-datePicker::placeholder {
    color: #003F5C;
}

.fc-basic-view .fc-body .fc-row {
    min-height: 6em !important;
}

#inviting-selected-users-box,
.inviting-selected-users-box {
    margin: 0 0 16px;
}

#inviting-selected-users-box h4,
.inviting-selected-users-box h4,
#inviting-bulk-users-box h4,
.inviting-bulk-users-box h4 {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
    margin: 0 0 8px;
}

.invite-members-section,
#inviting-bulk-users div,
.inviting-bulk-users div {
    font-weight: normal;
    font-size: 11.67px;
    line-height: 14px;
    color: #003F5C;
    margin: 0px 0px 8px;
}

.created_roles div {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
    padding: 0 0 8px;
}

.edit-band-lead-role {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1A0ADB;
}

.stepFive-nextText {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
    padding: 30px 0 10px;
    margin: 0 !important;
}

.stepSix-inputbx .select2-selection__choice {
    background-color: #ffffff !important;
    border: 1px solid #2B6C8F !important;
    border-radius: 10px !important;
    padding: 2px 7px !important;
    z-index: 999;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stepSix-inputbx .select2-selection__choice .select2-selection__choice__remove {
    width: 18px;
    height: 18px;
    display: inline-block;
    border: 1px solid #2B6C8F;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 17px !important;
    margin-right: 4px !important;
    padding: 0;
    color: #2B6C8F !important;
}

.registerLogoSec a {
    margin-left: 0 !important;
}

.venueDetails a {
    color: #003F5C !important;
}

.venueDetails p strong {
    font-size: 16px !important;
}

.cke,
.cke_reset_all,
.cke_1,
.cke_panel,
.cke_panel,
.cke_ltr {
    z-index: 999999 !important;
}

.cke_dialog {
    z-index: 10055 !important;
}

.cke_reset_all {
    z-index: 999999 !important;
}


/* New Figma Pages css 30 September 2020 */
.companyInvitation-bx p {
    text-align: left;
    max-width: 100%;
    line-height: normal;
    font-size: 14px;
}

.companyInvitation-bx .bandleader-head h2 {
    max-width: 80%;
    margin: 0 auto;
}

.notify-item.notify-all {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.notify-item.notify-all a {
    font-size: 12px;
    font-weight: 500;
}

.upgradeAccount-popup .modal-dialog .modal-body p {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 15px;
}

.upgradeAccount-subscribeBx {
    background: #E6ECEF;
    border-radius: 10px;
    padding: 10px 16px;
    margin: 18px 0 20px 0;
    float: left;
}

.upgradeAccount-subscribeBx h6 {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 12px;
}

.upgradeAccount-subscribeBx p {
    font-size: 12px !important;
    font-weight: 500 !important;
    margin: 0 0 !important;
}

.upgradeAccount-subscribeBx p:last-child {
    margin-bottom: 0 !important;
}

.footerButtonGroup p {
    font-size: 12px !important;
    line-height: 15px !important;
    margin: 15px 0 !important;
}

.upgradeAccount-popup .footerButtonGroup .btnCancel {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    padding: 12px;
}

.companyInvitation-bx .bandleader-head.account-upgrade h2 {
    max-width: 100%;
    text-align: left;
    margin: 0 0 15px;
}

.deleteCompany-bx ul {
    padding: 0;
    margin: 0;
    padding-top: 15px;
    list-style: none;
}

.deleteCompany-bx ul li a {
    text-align: left;
    max-width: 100%;
    line-height: normal;
    font-size: 12px;
    font-weight: 500;
    color: #406F85;
    text-decoration: underline;
}

.company-delete-header {
    border-bottom: 1px solid #2B6C8F;
    padding: 0 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.company-delete-hding {
    display: flex;
    align-items: center;
    justify-content: center;
}

.company-delete-backBtn {
    width: 30px;
    height: 30px;
    background: #e6ceef;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(180deg);
}

.company-delete-hding h2 {
    font-weight: bold;
    font-size: 20.74px;
    line-height: 25px;
    color: #003F5C;
    padding-left: 8px;
    margin: 0;
}

.company-delete-header a {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
}

.delete-list-points {
    padding-top: 20px;
}

.delete-list-points p {
    margin: 0 0 3px;
    color: #406F85;
}

.customModal-leader.deleteCompany-modal .modal-dialog .modal-content {
    background: #2B6C8F;
    border: 0;
}

.customModal-leader.deleteCompany-modal .modal-dialog .modal-header h4 {
    color: #fff;
    font-weight: 500;
    font-size: 20px !important;
}

.customModal-leader.deleteCompany-modal .modal-dialog p {
    color: #fff;
    font-weight: 400;
}

.customModal-leader.deleteCompany-modal .modal-dialog .footerButtonGroup .btn-primary {
    background: #F7F9FC !important;
    border: 1px solid #003F5C;
    color: #003F5C !important;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.owns-company-bx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 12px;
}

.owns-company-bx span {
    color: #000;
}

.owns-company-bx a {
    font-size: 14px;
    font-weight: 500;
    margin-right: 15px;
    display: inline-block;
    white-space: nowrap;
    color: #FE3852;
}

.owns-company-wrap {
    clear: both;
    display: block;
}

.owns-company-wrap h4 {
    font-size: 17px;
    font-weight: 700;
}

.edit_updt_btn {
    padding: 12px;
    width: 280px;
    border-radius: 10px;
    font-weight: 500;
}

.checkbox input {
    margin-right: 10px;
}

.login-as-user {
    font-size: small;
    font-weight: normal;
}

/* New Tabs css */

.newDesignTabs,
.newDesignTabs .companyAdminTabs,
.newDesignTabs .tabs .nav-item {
    background: transparent !important;
}

.newDesignTabs .tabs .nav-item .nav-link {
    background: #003F5C !important;
    border: 1px solid #F7F9FC !important;
    box-sizing: border-box;
    border-radius: 10px 10px 0 0 !important;
    border-top: 0 !important;
}

.newDesignTabs .tabs .nav-item.active .nav-link.active {
    font-weight: bold;
    font-size: 16.8px;
    line-height: 20px;
    color: #003F5C !important;
    background: #fff !important;
}

.newDesignTabs .indicator {
    display: none !important;
}

.newDesignTabs .tabs .nav-item.active .nav-link.active span {
    width: initial;
    display: inline-block;
    position: relative;
}

.newDesignTabs .tabs .nav-item.active .nav-link.active span:after {
    content: '';
    background: #D1495B;
    height: 5px;
    width: calc(100% + 16px);
    display: block;
    text-align: center;
    margin: 5px -8px 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
}

.bgSetTabs.bgSetTabs-noWidth .nav.nav-tabs.fullWidthTab {
    width: auto;
}

.bgSetTabs.bgSetTabs-noWidth .nav.nav-tabs.fullWidthTab>li {
    width: auto;
}

.bgSetTabs.bgSetTabs-noWidth .fullWidthTab.nav.nav-tabs>li>a {
    border: 0;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.1px;
    font-weight: normal;
    color: #003F5C !important;
    padding: 6px 30px;
}

.bgSetTabs.bgSetTabs-noWidth .fullWidthTab.nav.nav-tabs>li.active>a {
    background-color: #fff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    font-weight: 600;
    color: #003F5C !important;
}

.card-box .card-box-header {
    margin: 0 -20px;
    background: #003F5C;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px 10px 0px 0px;
    padding: 20px 20px 7px;
    clear: both;
    margin-bottom: 0;
}

.card-box .card-box-header h2 {
    font-weight: bold;
    font-size: 24.19px;
    line-height: 29px;
    color: #FFFFFF;
    margin: 0;
}

body.leads-view .cke_dialog_background_cover,
body.repertoire-index .cke_dialog_background_cover,
body.bookings-create-booking .cke_dialog_background_cover,
body.bookings-booking-page .cke_dialog_background_cover {
    z-index: 10000000 !important;
}

body.leads-view .cke_reset_all,
body.repertoire-index .cke_reset_all,
body.bookings-create-booking .cke_reset_all,
body.bookings-booking-page .cke_reset_all {
    z-index: 99999999 !important;
}

body.leads-view .cke_reset_all table.cke_dialog,
body.repertoire-index .cke_reset_all table.cke_dialog,
body.bookings-create-booking .cke_reset_all table.cke_dialog,
body.bookings-booking-page .cke_reset_all table.cke_dialog {
    z-index: 99999999 !important;
}


/* Leads new UI css  start*/
.repertoireListtab {
    background: transparent;
}

.nav.nav-tabs.repertoireListtab>li>a {
    border-radius: 16px 16px 0 0 !important;
}

.new-require-design {
    padding: 25px 0;
}

.new-require-design-heading h3 {
    color: #003F5C;
    font-weight: 700;
    font-size: 24px;
}

.new-require-design-heading h3 span {
    color: #D1495B;
}

.new-require-design-heading p {
    font-size: 14px;
    color: #808080;
}

.new-table-design {
    display: flex;
}

.new-require-design-table {
    padding: 15px 0;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 20px;
}

.new-table-design .new-require-design-table-section:nth-child(1) {
    width: 10%;
    color: #003F5C;
    font-size: 14px;
    font-weight: 600;
}

.new-table-design .new-require-design-table-section:nth-child(2) {
    width: 50%;
}

.new-table-design .new-require-design-table-section:nth-child(2) h3 {
    margin: 3px 0;
}

.new-table-design .new-require-design-table-section:nth-child(2) h3 a {
    margin: 0;
    font-weight: 700;
    color: #003F5C;
}

.new-table-design .new-require-design-table-section:nth-child(2) h5 {
    margin: 0;
}

.new-table-design .new-require-design-table-section:nth-child(2) h5 a {
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    margin: 8px 0 18px 0;
    color: #003F5C;
}

.new-table-design .new-require-design-table-section:nth-child(2) p {
    color: #424B55;
    font-size: 14px;
    width: 60%;
    line-height: 1.5;
}

.new-table-design .new-require-design-table-section:nth-child(3) {
    width: 20%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.new-design-replies.active {
    border: 1px solid #003F5C;
    color: #003F5C;
}

.new-design-replies {
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #808080;
    width: 190px;
    color: #808080;
    margin: 0 auto 13px;
    display: block;
    padding: 4px;
    border-radius: 26px;
}

.new-table-design .new-require-design-table-section:nth-child(4) {
    width: 20%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.new-design-action button:nth-child(1) {
    width: 170px;
    font-size: 14px;
    background: #003F5C;
    color: #fff;
    font-weight: 600;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    border: none;
    padding: 7px;
    display: block;
    margin: auto;
    margin-bottom: 6px;
}

.new-design-action button:nth-child(1) i {
    margin-right: 8px;
}

.new-design-action button:nth-child(2) {
    width: 170px;
    margin-bottom: 15px;
    font-size: 14px;
    background: transparent;
    font-weight: 600;
    color: #003F5C;
    box-shadow: 0px 2px 4px 0px #00000040;
    border-radius: 8px;
    border: 1px solid #003F5C;
    padding: 7px;
}

.new-design-action a {
    box-shadow: 0px 2px 4px 0px #00000040;
    border: 1px solid #003F5C;
    padding: 7px 42px;
    line-height: 3;
    border-radius: 10px;
    font-weight: 600;
    color: #003F5C;
}

.new-design-action2 a {
    color: #809FAD;
    font-size: 14px;
}

.new-require-design-table-section h4 {
    color: #424B55;
    font-size: 14px;
    font-weight: 600;
}

.leads-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 20px 0;
}

.leads-header-left h1 {
    color: #003F5C;
    font-size: 29px;
    font-weight: 700;
}

.lead-header-right button {
    background: #003F5C;
    color: #fff;
    border: none;
    padding: 5px 20px;
    margin-right: 10px;
    box-shadow: 0px 2px 4px 0px #00000040;
    border-radius: 8px;
    height: 43px;
}

.new-leads-search {
    position: relative;
}

.new-leads-search input {
    width: 500px;
    border: 1px solid #BFBFBF;
    height: 43px;
    border-radius: 16px 0 0 16px;
    padding-left: 50px;
}

.new-leads-search i {
    color: #808080;
    position: absolute;
    top: 34%;
    left: 21px;
}

.new-lead-input-filter {
    display: flex;
    align-items: center;
}

.new-lead-filter button {
    border: 1px solid #BFBFBF;
    height: 43px;
    border-radius: 0 16px 16px 0;
    background: #fff;
    border-left: none;
    /* width: 100px; */
    width: 169px;
    font-size: 14px;
}

.new-lead-filter button i {
    transform: rotate(90deg);
    margin-left: 8px;
}

.new-lead-modal {
    display: none;
    position: fixed;
    z-index: 1050;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.new-lead-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 40%;
}

.new-lead-close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.new-lead-close:hover,
.new-lead-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.ui-menu .ui-menu-item {
    padding: 10px 36px;
    border-bottom: 1px solid #ddd;
    background-repeat: no-repeat;
}

#editColumnsModal .modal-header h5 {
    font-size: 20px;
    margin: auto;
    color: #424B55;
    font-weight: 700;
}

#editColumnsModal .modal-header button {
    position: absolute;
    right: 30px;
}

#list-form .modal-body {
    display: flex;
    flex-direction: column;
}

#list-form .modal-footer {
    justify-content: flex-end;
}

#list-form .modal-footer button {
    background: #003F5C;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 25%);
    border-radius: 8px;
    border: none;
}

.bookingSelectBox label {
    width: 100%;
}

.leads-index>.datepicker {
    margin-top: -33px;
    margin-left: 9px;
}

#filterModal .modal-content .modal-header h5 {
    font-size: 20px;
    margin: auto;
    color: #424B55;
    font-weight: 700;
}

#filterModal .modal-header {
    border-bottom: 1px solid #BFBFBF;
}

#filterModal .modal-content .modal-header .close {
    position: absolute;
    right: 30px;
}

.lead-model-section {
    padding: 20px 0px 40px;
    border-bottom: 1px solid #E6E6E6;
}

.lead-model-section h3 {
    color: #003F5C;
    font-weight: 600;
}

.lead-date-field {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0 0;
}

.lead-date-field .lead-date-field-from {
    width: 45%;
    display: flex;
    align-items: center;
}

.lead-date-field .lead-date-field-from input[ type=text] {
    width: 100%;
    margin-left: 15px;
    border: 1px solid #808080;
    border-radius: 4px;
}

.lead-check-field {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
}

.lead-date-field .lead-date-field-from strong {
    color: #424B55;
    font-size: 16px;
}

#filter-form .modal-footer a {
    color: #424B55;
    font-weight: 700;
}

#filter-form .modal-footer button {
    border: none;
    background-color: #003F5C !important;
}

.new-require-design-table-content {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #E6E6E6;
    ;
}

.new-require-design-table-content:last-child {
    margin-bottom: 0;
}

.main-new-require-design {
    padding-top: 10px;
    border-top: 1px solid #e6e6e6;
    height: 300px;
    overflow-y: scroll;
}

.main-new-require-design::-webkit-scrollbar {
    width: 2px;
    z-index: 9999;
}

.main-new-require-design::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.main-new-require-design::-webkit-scrollbar-thumb {
    background-color: #003F5C;
    outline: 1px solid #003F5C;
}

#columntablegrid .jqx-grid-column-header {
    background: #fff;
    color: #2b6b8f;
    font-weight: 500;
}

#columntablegrid {
    z-index: 9;
}

.lead-check-field {
    display: block;
    padding: 10px;
    position: relative;
    margin: 0 10px 10px 0;
}

.lead-check-field label {
    margin: 0;
    font-weight: 600;
}

.lead-check-field[type="checkbox"]:not(:checked),
.lead-check-field [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.lead-check-field [type="checkbox"]:not(:checked)+label,
.lead-check-field [type="checkbox"]:checked+label {
    position: relative;
    cursor: pointer;
}

.lead-check-field [type="checkbox"]:not(:checked)+label:before,
.lead-check-field [type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 2px;
}

.lead-check-field [type="checkbox"]:not(:checked)+label:before {
    border: 2px solid #dfe3e8;
}

.lead-check-field [type="checkbox"]:checked+label:before {
    border: 2px solid #424B55;
}

.lead-check-field [type="checkbox"]:checked+label {
    color: #424B55;
    width: 100%;
}

.lead-check-field [type="checkbox"]:not(:checked)+label:after,
.lead-check-field [type="checkbox"]:checked+label:after {
    content: '\2713\0020';
    position: absolute;
    top: 5px;
    right: 6px;
    font-size: 15px;
    line-height: 0.8;
    color: #424B55;
    transition: all .2s;
    font-weight: 600;
}

.lead-check-field [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.lead-check-field [type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

.lead-check-field input[type=checkbox] {
    position: absolute;
    visibility: hidden;
}

.lead-check-field label {
    width: 100%;
}

.new-require-design-table-section .new-design-action {
    position: relative !important;
}

.usderEmails .dateFrom {
    cursor: pointer;
}

.attachments .taxIcon {
    color: #D1495B;
    font-size: 20px;
}

.importBtn,
.importBtn:hover,
.importBtn:active {
    color: #fff;
    padding: 8px 16px;
    background: #003F5C;
    border-radius: 10px;
}

.imported-bookings {
    border-bottom: 1px solid #2B6C8F;
    border-top: 1px solid #003F5C;
    padding: 15px 0;
    margin: 20px 0;
}

.imported-bookings p {
    margin-bottom: 0;
}

.info-icon {
    width: 3%;
    float: left;
}

.info-icon i {
    font-size: 31px;
}

.info-text {
    width: 97%;
    float: left;
    padding-right: 35%;
}



/*Calendar-view Design Css*/
.bookingBtn {
    color: #fff;
    padding: 8px 20px !important;
    background: #003F5C;
    border-radius: 17px;
}

.bookingBtn:hover,
.bookingBtn:active {
    color: #fff;
}

#bookings_calendar_sec .new-lead-input-filter {
    margin-top: 20px;
}

.repertoireListtab-bx ul.repertoireListtab {
    width: 99.9% !important;
    /* background: #fff; */
    border-radius: 15px;
}

#bookings_calendar_sec #calendar-demo .fc-toolbar {
    position: relative;
    margin: 25px 0 !important;
}

#bookings_calendar_sec #calendar-demo .fc-toolbar .fc-right .fc-button-group {
    position: absolute;
    left: 400px;
}

#bookings_calendar_sec #calendar-demo .fc-toolbar .fc-center .fc-button-group {
    position: absolute;
    left: 200px;
    top: 0;
}

#bookings_calendar_sec #calendar-demo .fc-toolbar .fc-center .fc-button-group .fc-month-button {
    border-radius: 14px 0 0 14px;
}

#bookings_calendar_sec #calendar-demo .fc-toolbar .fc-center .fc-button-group .fc-agendaDay-button {
    border-radius: 0 14px 14px 0;
}

#bookings_calendar_sec #calendar-demo .fc-toolbar .fc-button-group .fc-state-active {
    background-color: #003f5c !important;
}

#bookings_calendar_sec #calendar-demo .fc-toolbar .fc-button-group .fc-button {
    background: #ffffff;
    border: 1px solid #003f5c;
    color: #003f5c;
    text-transform: capitalize;
    font-weight: 500;
    height: 3rem !important;
    padding: 0 9px;
}

#bookings_calendar_sec #calendar-demo .fc-toolbar .fc-myCustomButton-button.fc-button.fc-state-default {
    border-radius: 15px;
    padding: 0 15px;
    height: 3rem;
    border: 1px solid #9d9d9d;
    color: #444;
    font-weight: 500;
}

#calendar-demo .fc-event-container a {
    display: flex;
    align-items: center;
    padding: 0px 8px;
    font-size: 11px;
}

#calendar-demo .fc-event-container a i {
    color: #FFC040;
    padding: 2px 6px 0 0;
}

#calendar-demo .fc-event-container span.event-title {
    color: #1b1c1c;
    display: inline-block;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#bookings_calendar_sec #calendar-demo .fc-day-number {
    text-align: right !important;
}

/* #bookings_calendar_sec #calendar-demo  .fc-today.fc-state-highlight{

} */
#bookings_calendar_sec #calendar-demo .fc-today,
#bookings_calendar_sec #calendar-demo .fc-future {
    color: #003f5c;
    font-weight: 600;
}

.sheetAction .batch_actionbx {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.sheetAction .batch_actionbx .dropdown #dropdownMenuButton {
    margin-left: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}

.sheetAction .batch_actionbx .dropdown #dropdownMenuButton .icon-arrow-down {
    font-size: 10px;
    position: absolute;
    right: 7px;
    top: 13px;
}

.sheetAction {
    position: relative;
}

.action {
    font-size: 11px;
    font-weight: 600;
}

.editBtn {
    background: transparent;
    float: right;
    position: absolute;
    right: 15px;
    top: 0;
}

.jqx-checkbox {
    width: auto !important;
    height: auto !important;
}

.new-table-design:hover {
    cursor: pointer;
}

.new-table-design .new-require-design-table-section.eventTbl {
    width: 50% !important;
    text-align: left;
}

.new-table-design .new-require-design-table-section.eventTbl h3 {
    margin: 3px 0;
}

.new-table-design .new-require-design-table-section.eventTbl h3 a {
    margin: 0;
    font-weight: 700;
    color: #003F5C;
}

.new-table-design .new-require-design-table-section.eventTbl h5 {
    margin: 0;
}

.new-table-design .new-require-design-table-section.eventTbl h5 a {
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    margin: 8px 0 18px 0;
    color: #003F5C;
}

.new-table-design .new-require-design-table-section.eventTbl p {
    color: #424B55;
    font-size: 14px;
    width: 60%;
    line-height: 1.5;
}

.new-table-design .new-require-design-table-section.statusTbl {
    width: 20%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.fc-content-skeleton .fc-today span {
    color: #fff;
    background: #D1495B;
    padding: 2px 7px;
    border-radius: 100%;
}

.chart_intro .d-flex {
    cursor: pointer;
}

.musicianChartIntro {
    left: 325px;
}

.chart_title .tt {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
}

.chart_title #incoming_total_incomes {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
    color: #27AE60;
}

#all-sttachments {
    margin-bottom: 15px;
}

#all-sttachments ul {
    margin: 0;
    padding: 0;
}

.icon-chat .dropdown-toggle {
    width: 65%;
}

.icon-chat .badge {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 7px;
    font-size: 10px;
}

/* chat popup css */
.Mchat-pop {
    right: 13px !important;
}

.card-new-change .tab-content {
    padding: 0 !important;
}

.card-new-change .repertoireListtab-bx .nav.nav-tabs.repertoireListtab>li.active>a>span:after {
    content: none;
}

.card-new-change .repertoireListtab-bx .nav.nav-tabs.repertoireListtab>li.active>a {
    border-bottom: 3px solid #D1495B;
    padding-bottom: 10px;
}

.card-new-change .repertoireListtab-bx .nav.nav-tabs.repertoireListtab>li>a {
    background: #fff;
    color: #003f5c !important;
    font-weight: 700;
}

.card-new-change .repertoireListtab-bx .repertoireListtab li.tab {
    background-color: #fff;
}

.M_e_name {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.M_chat_card {
    background: none !important;
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    padding: 10px 5px 10px 0 !important;
}

.M_chat_card:hover {
    background: none !important;
}

.M_e_name .chat-title {
    color: #003f5c !important;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    width: 93%;
}

.M_e_name .chat-title .event-title {
    color: #a5a5a5;
    font-weight: 400;
    font-size: 14px;
}

.M_chatMessage div span {
    font-size: 17px;
    display: block;
    margin-bottom: 15px;
    color: #787878;
    font-weight: 600;
}

.M_reply-btn-section a {
    font-weight: 600;
    background: #fff !important;
    font-size: 14px;
    width: 90px;
    padding: 4px;
    color: #808080 !important;
    margin-top: 15px;
    border-color: #808080 !important;
}

.M_reply-btn-section a:hover {
    color: #fff !important;
}

.M_chat-count {
    background: #c4c4c4;
    color: #fff;
    padding: 0px 5px;
    border-radius: 7px;
    font-weight: 400;
    min-width: 25px;
}

.M_modal-content {
    padding: 20px 0 10px !important;
}

.M_modal-content .modal-header {
    padding: 0 25px !important;
}

.M_tab-content.repertoiretab-content {
    padding: 0 !important;
    overflow-y: scroll;
    height: 480px;
    padding-bottom: 25px !important;
}

.M_tab-content.repertoiretab-content::-webkit-scrollbar {
    width: 4px;
}

.M_tab-content.repertoiretab-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ddd;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.M_tab-content.repertoiretab-content::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ddd;
    -webkit-box-shadow: inset 0 0 6px #ddd;
}

.M_tab-content.repertoiretab-content::-webkit-scrollbar-thumb:window-inactive {
    background: #ddd;
}



.M-dismis {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ddd;
    padding: 10px;
    left: 0;
}

.M-dismis a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a0adb;
    font-weight: 700;
}

.M-dismis a img {
    width: 16px;
    margin-right: 6px;
}

.M_icon_chat {
    margin-right: -8px !important;
}

.M_icon_chat a span img {
    width: 38px;
}

.M_chatMessageDesc span {
    color: #424b55;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
}

.M_chat_text {
    color: #424b55;
    font-weight: 600;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-top: 15px;
}

.M_chat_dropdown {
    width: 450px;
    margin-right: 12px;
    margin-top: 20px;
}

.card-new-change .repertoireListtab-bx ul li {
    padding-right: 20px !important;
}

.card-new-change-tab {
    width: 50% !important;
}

.M_chat_dropdown .dropDownInner .slimScrollDiv {
    background: #fff;
    height: auto !important;
}

.M_chat_dropdown .dropDownInner {
    background: #fff !important;
}

.M_chat_dropdown .dropDownInner .dropDownTitle h5 {
    color: #003f5c;
    font-size: 20px;
    font-weight: 700;
}

.M_chat_dropdown .dropDownInner .slimScrollDiv .slimscrollleft {
    height: 471px !important;
}

.global-search .ui-widget-content {
    scrollbar-width: thin !important;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG) !important;
    overflow: auto !important;
    max-height: 516px;
}

.global-search .ui-widget-content .ui-menu-item .ui-state-active {
    background: #e5e0e0 !important;
    margin: auto !important;
    border: none !important;
}

.global-search .ui-widget-content .search-category .ui-state-active {
    background: none !important;
    color: #003F5C !important;
    font-weight: 700 !important;
    border: none !important;
}

.global-search .ui-widget-content .ui-menu-item {
    border-bottom: none !important;
    padding: 0 !important;
}

.global-search .ui-widget-content .search-category {
    color: #003F5C !important;
    padding: 4px 0 !important;
}

.red-btn {
    background-color: #c90f0f !important;
}

#header-datepicker .datepicker-days table tr td.day.today {
    border-radius: 10%;
    background: #cabfbf;
    height: 37px;
    width: 25px;
    color: #fff;
}

.dropdown-menu.batchAction-dropdown .dropdown-item:hover,
.dropdown-menu.batchAction-dropdown .dropdown-item:active,
.dropdown-menu.batchAction-dropdown .dropdown-item:focus {
    background: transparent !important;
}

#ManageSubscription h4 {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 8px;
}

#ManageSubscription .close,
#changePlan .close {
    position: absolute;
    right: 10px;
    top: 10px;
}

#ManageSubscription .manage-card {
    border-radius: 0 !important;
    margin-bottom: 30px;
}

#ManageSubscription .manage-card .card-body {
    padding: 0;
    margin: 10px 0;
    font-weight: 500;
}

#ManageSubscription .manage-card .card-body .row {
    padding: 5px 15px;
}

#ManageSubscription .linkDiv,
#changePlan .linkDiv,
#PauseSubscription .linkDiv,
#AddonFetaureFreeTrialModal .linkDiv {
    border-top: 1px solid #ddd;
    padding: 15px 18px;
    padding-bottom: 5px;
    margin-top: 15px;
}

.greyTxt {
    color: #809daf;
}

.mngTxt {
    width: 100%;
    padding: 5px 20px;
    min-height: 35px;
}

.redLink {
    color: #d1495b;
}

.redLink:hover {
    color: #1a0adb;
}

.mngTxt .mngLeft {
    width: 40%;
    float: left;
}

.mngTxt .pymtLeft {
    width: 60%;
    float: left;
}

.mngTxt .addonFeatureLeft {
    width: 75%;
    float: left;
}

.pymtright {
    text-align: right;
}

#ManageSubscription .modal-dialog {
    width: 450px;
}

#changePlan .modal-body h4 {
    font-size: 15px;
    font-weight: 600;
    margin: 16px 0;
}

#changePlan p {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 25px;
}

#changePlan .footerButtonGroup .upgradeBtn {
    margin: 30px 0;
}

#changePlan .footerButtonGroup .upgradeBtn .change-plan-btn {
    width: 100%;
    display: block;
    background: #003f5c !important;
    border: 1px solid #003f5c;
    font-weight: 600;
    font-size: 14px;
    padding: 9px 30px;
    box-shadow: 0 4px 3px 1px rgba(0, 0, 0, 0.24);
}

#changePlan .footerButtonGroup .upgradeBtn .change-plan-btn:hover,
#changePlan .footerButtonGroup .upgradeBtn .change-plan-btn:active {
    background: #fff !important;
    box-shadow: none;
    color: #003f5c !important;
}

#changePlan .manage-card p {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 15px;
}

#changePlan .planInformation {
    padding: 5px 20px;
}

#changePlan .btnCancel,
#ManageSubscription .btnCancel {
    color: #003f5c !important;
    font-weight: 600;
    font-size: 14px;
}

#changePlan .btnCancel,
#ManageSubscription .btnCancel,
#changePlan .btnCancel:hover,
#ManageSubscription .btnCancel:hover,
#changePlan .btnCancel:active,
#ManageSubscription .btnCancel:active,
#changePlan .btnCancel:focus,
#ManageSubscription .btnCancel:focus {
    border: 1px solid;
}

#changePlan .btnCancel:hover,
#ManageSubscription .btnCancel:hover {
    background: #003f5c !important;
    border: 1px solid #003f5c;
    color: #fff !important;
    cursor: pointer;
}

.loading-icon {
    width: 22px;
    height: auto;
    position: absolute;
    right: -25px;
    top: 20px;
}

#custom-fields-drop .infoSec {
    margin-bottom: 50px;
}

#customFieldsModal .modal-header,
#customFieldCreateModal .modal-header {
    padding-bottom: 0;
}

#customFieldsModal .modal-header .modal-title,
#customFieldCreateModal .modal-header .modal-title {
    font-weight: 700;
}

#customFieldsModal .modal-body p {
    color: #808080;
    line-height: normal;
}

#all-custom-fields #enabled-custom-fields .mainrow,
#all-custom-fields #disabled-custom-fields .mainrow,
#all-connected-companies #connected-companies .mainrow {
    margin-bottom: 20px;
}

#all-custom-fields #enabled-custom-fields #check-all,
#all-custom-fields #enabled-custom-fields #uncheck-all {
    font-weight: 600;
}

#all-connected-companies #connected-companies #clear-all-companies,
#all-connected-companies #connected-companies #select-all-companies {
    font-weight: 600;
}

#all-custom-fields #enabled-custom-fields #show-disabled,
#all-custom-fields #disabled-custom-fields #show-enabled {
    color: #BFBFBF;
    text-decoration: underline;
}

#create-new-field-form {
    margin-top: 25px;
}

.custom-field {
    margin-bottom: 20px;
}

.custom-field .field_name {
    color: #003f5C !important;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
}

.custom-field .field_desc {
    color: #bfbfbf;
}

.icons .fa {
    font-size: 20px;
    padding: 0 5px;
}

.icons .fa-ban {
    color: #384048;
}

.icons .fa-pencil {
    color: #555555;
}

.custom-input {
    position: relative;
}

.custom-input input {
    display: none;
}

.custom-input label:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid #003F5C;
    border-radius: 4px;

}

.custom-input input:checked+label::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid #003F5C;
    background: #003F5C;
    border-radius: 4px;
    top: -2px;
    position: absolute;
}

.custom-input input:checked+label::after {
    content: '';
    width: 7px;
    height: 14px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 9px;
    top: 1px;
}

#create-new-field {
    padding: 8px 15px !important;
    border-radius: 6px;
    font-weight: 500;
}

.btnSec button {
    width: 100%;
    margin: 15px 0;
    padding: 12px;
}

.btnSec .btn-primary {
    background: #003f5C !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1) !important;
    border-radius: 10px !important;
    border: 1px solid #003F5C;
    font-weight: bold;
    letter-spacing: 1.2px;
    font-size: 14px;
}

.btnSec .btnCancel {
    border: 1px solid #003F5C;
    font-weight: bold;
    letter-spacing: 1.2px;
    font-size: 14px;
}

.createBtnSec {
    border-top: 1px solid #2B6C8F;
    margin: 10px 0;
    padding: 20px 0;
}

.custom-alert {
    background: #BEE5EB;
    border-radius: 10px;
    padding: 10px;
    margin: 5px 0 45px 0;
}

.icon-cursor-move {
    color: #565656;
    margin: 0 5px;
}

.dripicons-trash {
    color: #555555;
    margin: 0 5px;
}

#options-section #all-options h4 {
    border-top: 1px solid #003F5C;
    padding: 20px 0;
}

#options-section h4 {
    font-weight: 700;
}

#options-section .optionSec {
    border-top: 0 solid #003F5C;
    margin: 10px 0;
    width: 100%;
    padding: 20px 0;
}

.optionButton {
    border-top: 1px solid #003F5C;
}

.tokenInput label {
    margin-left: 30px;
    margin-bottom: 20px;
}

.tokenInput label::before {
    top: 5px;
    left: 0;
    position: absolute;
}

.tokenInput.custom-input input:checked+label::before {
    top: 5px;
}

.tokenInput.custom-input input:checked+label::after {
    top: 8px;
}


.moreInfoSec {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 12px 20px;
    margin: 30px 0;
    cursor: pointer;
}

.star_img {
    width: 26px;
}

.moreInfoSec .row {
    align-items: center;
}

.moreInfoSec .pull-left h4 strong {
    letter-spacing: 0.1rem;
    font-size: 16px;
}

.rewTxt {
    font-size: 16px;
    margin-bottom: 25px;
    font-weight: 500;
}

.moreInfoSec .pull-left h4 span.text-danger {
    color: #D1495B !important;
    font-weight: 500;
    letter-spacing: 0.1rem;
    padding-left: 10px;
}

.moreinfo {
    background: #EAF0F4;
    border: 1px solid #003F5C;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 7px 50px;
    color: #003F5C;
    font-weight: 600;
    font-size: 13px;
    margin-right: 10px;
}

.moreinfo:hover,
.moreinfo:active,
.moreinfo:focus,
.sharebtn:hover,
.sharebtn:active,
.sharebtn:focus {
    background: #ffffff;
    color: #003F5C;
    border: 1px solid #003F5C;
}

.sharebtn {
    background: #003F5C;
    border: 1px solid #003F5C;
    box-sizing: border-box;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    padding: 7px 50px;
}

.sentTh {
    color: #D1495B;
}

#BosReferralsModal .modal-header {
    background: #003F5C;
    color: #fff;
    border-radius: 9px 9px 0 0;
    padding: 25px 30px;
}

#BosReferralsModal .modal-main-content {
    padding: 25px 30px;
}

#BosReferralsModal .close {
    opacity: 1;
    color: #fff;
}

#BosReferralsModal .modal-main-content p,
#ReferralMoreInfoModal p {
    font-weight: 500;
    line-height: 20px;
}

#ReferralMoreInfoModal a,
.modal-main-content a {
    font-size: 14px;
    text-decoration: underline;
    color: #003f5c;
    font-weight: 500;
}

#ReferralMoreInfoModal .modal-content {
    padding: 25px 30px;
}

#BosReferralsModal .modal-title {
    font-size: 18px !important;
    font-weight: 700;
    letter-spacing: 0.2px;
}

#BosReferralsModal .modal-title .refSec {
    margin-top: 30px;
}

.refBtns {
    text-align: right;
}

.rfnum {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.8px;
    line-height: normal;
}

.refSec {
    margin-top: 30px;
}

#PendingReferralsModal .modal-title,
#SuccessfulReferralsModal .modal-title {
    font-weight: 700;
    font-size: 22px;
}

#PendingReferralsModal table tr th,
#PendingReferralsModal table tr td,
#SuccessfulReferralsModal table tr th,
#SuccessfulReferralsModal table tr td {
    border-color: #003f5c !important;
}

#PendingReferralsModal tr td,
#SuccessfulReferralsModal tr td {
    font-weight: 500;
    line-height: normal
}

#PendingReferralsModal table tr th:last-child,
#PendingReferralsModal table tr td:last-child,
#SuccessfulReferralsModal table tr th:last-child,
#SuccessfulReferralsModal table tr td:last-child {
    text-align: right;
}

/*admin page*/
/* .headderMenu{
    display: none !important;
} */
.searchInput {
    background: rgba(0, 0, 0, 0.25);
    border: 0;
    padding-left: 40px;
}

.searchInput::placeholder {
    color: #fff
}

.searchSec {
    width: 80%;
}

.searchSec .form-group {
    position: relative;
}

.searchSec .form-group .searchIcon {
    position: absolute;
    left: 10px;
    color: #fff;
    top: 6px;
    font-size: 22px;
}

.ExportSec {
    width: 20%;
}

.ExportSec #download-btn {
    border: 1px solid #003F5C;
    border-radius: 4px;
    color: #003F5C;
    padding: 11px 12px;
    font-size: 14px;
}

#updateIndex .table-bordered,
#updateIndex .table-bordered td {
    border-color: transparent;
    border: 0 !important;
}

#updateIndex .table-bordered th {
    border-left: 0;
    border-right: 0;
}

.btn.referallsharebtn {
    background: #003f5c;
    color: #fff;
    padding: 2px 10px;
    border-radius: 4px;
    font-weight: 500;
}

.user-dashboard #updateIndex .table-bordered thead>tr>th,
.user-dashboard #updateIndex .table-bordered>tbody>tr>td {
    border: 0 !important;
    border-bottom: 1px solid #003F5C !important;
}

.user-dashboard #updateIndex .table-bordered thead>tr>th a {
    color: #003F5C;
}

.user-dashboard #updateIndex .table-bordered thead>tr>th:first-child a,
.user-dashboard #updateIndex .table-bordered thead>tr>th:first-child {
    color: #D1495B;
}

#send-reward-form label.w-600 {
    font-weight: 600;
}

.sender-section {
    background: rgba(230, 236, 239, 0.5);
    border-radius: 8px;
    padding: 10px 15px;
    margin-bottom: 30px;
}

.sender-section h4 {
    font-weight: 600;
}

.infoSec {
    margin: 10px 0 22px 0;
}

.amountSec {
    width: 70%;
}

.currencySec {
    width: 30%;
    margin-left: 15px;
}

.currencySec select+label {
    display: none !important;
}

#SendRewardModal .refBtns {
    border-top: 1px solid #ddd;
}

.AddnewSec .btn.btnLarge {
    border-radius: 4px;
    background: #003F5C;
    border: 1px solid #003F5C;
    margin: 0 15px;
}

.pause-content {
    padding: 0;
}

.pause-content .manage-card {
    margin-bottom: 30px;
    border-radius: 0;
    font-size: 14px;
}

.pause-content h2,
.pauseInfo h4 {
    font-size: 22px;
    font-weight: 600;
    margin: 25px 0 15px 0;
}

.pauseInfo h5 {
    color: #D1495B !important;
    font-weight: 600;
    font-size: 15px;
}

.pause-content h4 {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
}

.pause-content .linkDiv {
    border-top: 1px solid #ddd;
}

.pause-content .linkDiv .linkTxt {
    padding: 10px 15px;
}

.pause-content .pause-content-left {
    padding-right: 0;
    margin-bottom: 12px;
}

.pause-content .pause-content-right {
    color: #809FAD;
    text-align: right;
}

.pauseli li:before {
    content: '✔';
    width: 15px;
    height: 15px;
    display: inline-block;
}

.pause-content .footerButtonGroup .moreinfo {
    border-radius: 10px;
    padding: 10px;
    background: #EAF0F4;
    color: #003F5C;
}

#PauseSubscription.customModal-leader .modal-dialog {
    width: 450px !important;
}

#PauseSubscription .close {
    position: absolute;
    right: 15px;
    top: 15px;
}

#PauseSubscription .pauseli {
    padding-left: 0;
    list-style: none;
}

.footerButtonGroup .seperator {
    font-weight: 500;
    text-align: center;
    margin: 15px 0;
}

.footerButtonGroup .seperator a {
    color: #D1495B !important;
    text-decoration: underline;
}

#PauseSubscription .footerButtonGroup .moreinfo.btn {
    border-radius: 10px;
    background: #EAF0F4 !important;
    border: 1px solid #003F5C;
    color: #003F5C;
}

#PauseSubscription .footerButtonGroup .moreinfo:hover,
.pause-content .footerButtonGroup .moreinfo:hover {
    background: #003F5C;
    color: #fff
}

.tooltiptext.tableTooltip {
    right: 0;
    left: auto;
    bottom: 0;
    top: auto;
}

#PaypalPaymentPending p {
    font-weight: 500;
}


#scheduleService-container .schedule-service-item {
    align-items: center;
    margin-bottom: 20px;
}

#scheduleService-container .schedule-service-item .form-group,
#schedule_curfew-hidden-item .form-group {
    margin-bottom: 0;
}

#scheduleService-container .scheduleService .text-right a {
    color: #809FAD;
}

.serviceLabel {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.engage-form-section {
    width: 104%;
    background: #FFFFFF;
    border: 0.5px solid #E6E6E6;
    box-shadow: 2px 2px 4px rgba(0, 63, 92, 0.1);
    border-radius: 8px;
    margin-bottom: 20px;
}

#attire-section a,
#attire-section a:visited {
    font-weight: 600;
    border-bottom: 1px solid #1A0ADB;
}

.helpCard {
    background: #EAF0F4;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 15px;
    width: 80%;
    float: right;
    color: #003F5C;
}

.helpCard h4 {
    font-weight: 600;
    margin-bottom: 20px;
}

.helpCard ol {
    padding-left: 25px;
}

.helpCard p,
.helpCard ol li {
    font-size: 13px;
    font-weight: 500;
}

.serviceSection {}

.serviceNotesSec {
    margin-top: 15px;
}

.serviceBottom {
    background: rgba(230, 236, 239, 0.3);
    padding: 30px 20px;
}

.serviceBottom h5 {
    cursor: pointer;
    margin: 0;
    margin-top: 15px;
}

.field-bookingengagements-service_id {
    padding: 0px 20px;
}

.serviceSection .serviceLabel {
    padding: 10px 20px;
    cursor: pointer;
}

#add-engage {
    min-width: 150px;
    font-weight: 500;
    margin-right: 10px;
}

#all-custom-schedule-fields #enabled-custom-schedule-fields .mainrow {
    margin-bottom: 20px;
}

#all-custom-schedule-fields #enabled-custom-schedule-fields .mainrow a {
    color: #1A0ADB;
    font-weight: 500;
}

#all-custom-schedule-fields #enabled-custom-schedule-fields .mainrow a#show-schedule-disabled {
    color: #BFBFBF;
    border-bottom: 1px solid #bfbfbf;
}

#customScheduleFieldsModal .modal-title,
#customScheduleFieldCreateModal .modal-title {
    font-weight: 700;
}

#create-new-schedule-field-form,
#custom-schedule-fields-create-form {
    margin-top: 25px;
}

#create-new-schedule-field-form .optionButton,
#custom-schedule-fields-create-form .optionButton {
    border-top: 1px solid #2b678f;
    margin-top: 30px;
    padding-top: 30px;
}

.fw-500 {
    font-weight: 500;
}


#all-custom-payment-methods #enabled-custom-payment-methods-incoming .icons {
    display: flex;
    justify-content: end;
    padding-right: 35px;
}

#all-custom-payment-methods #enabled-custom-payment-methods-outgoing .icons {
    padding-right: 12px;
    display: flex;
    justify-content: end;
}


#all-custom-payment-methods #enabled-custom-payment-methods-incoming .icons .custom-input input:checked+label::before,
#all-custom-payment-methods #enabled-custom-payment-methods-outgoing .icons .custom-input input:checked+label::before {
    position: relative;
}

#all-custom-payment-methods #enabled-custom-payment-methods-incoming .body-bold-desktop.filesSec a,
#all-custom-payment-methods #enabled-custom-payment-methods-outgoing .body-bold-desktop.filesSec a {
    color: #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    font-weight: 600;
}

#disabled-custom-payment-methods-incoming .enableTxt a,
#disabled-custom-payment-methods-outgoing .enableTxt a {
    color: #808080;
    border-bottom: 1px solid #808080;
    font-weight: 500;
    line-height: 15px;
}

#all-custom-payment-methods #enabled-custom-payment-methods-incoming .icons .disable-icon,
#all-custom-payment-methods #enabled-custom-payment-methods-outgoing .icons .disable-icon {
    margin: 0 14px 0 10px;
}

#all-custom-payment-methods+.row .col-sm-12 .createBtnSec {
    border-bottom: 1px solid #2B6C8F;
    border-top: 0;
}

#show-enabled-list .disable-icon a {
    font-weight: 600;
}

.company-details.notification-list .notify-item.active .notify-details {
    font-weight: bold;
}

#wrappergrid,
#contentgrid {
    z-index: 9 !important;
}

.video-frame {
    margin-left: -15px;
}

.video-frame #videoEmbed {
    width: 460px;
    height: 300px;
    padding: 40px 25px 40px 40px;
    margin-top: 30px;
    background: #E6ECEF;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
    border-radius: 10px;
    border: 0;
}

.bandleader-video-page {
    width: 445px;
}

#FreeTrialModal .modal-content {
    background-color: #2b6c8f;
    color: #fff;
}

#FreeTrialModal a.btnLarge {
    color: #2b6c8f !important;
    background: #fff !important;
    font-weight: 600;
}

#FreeTrialModal a.dismiss-btn {
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
}


.connected-companies {
    margin-bottom: 35px;
}

.upcomings-elipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block !important;
}

.tabs-loader {
    display: none;
}

.tabs-loader-img {
    width: 20px;
}

.carouselsec {
    position: relative;
}

.carouselsec .carousel-loader {
    position: absolute;
    right: -26px;
    z-index: 9;
    top: 41%;
    display: none;
}

.opacity-30 {
    opacity: 30%;
}


.carouselBtnsec {
    min-height: 190px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.carouselBtnsec .btn {
    min-width: 180px;
    padding: 5px 26px !important;
}

.carouselBtnsec .addBookingBtn {
    background: #e6eef2;
    text-align: center;
    border: 1px solid #003f5c;
    padding: 4px;
}

.carouselBtnsec .addBookingBtn a {
    color: #003f5c;
    font-weight: 500;

}

.carouselBtnsec .sampleBtn {
    border: 1px solid #003f5c;
    background: #003f5c;
    min-width: 295px;
    padding: 5px 25px;
    border-radius: 4px;
}

.carouselBtnsec .sampleBtn a {
    color: #fff;
    font-weight: 500;
}

.company-filter-text {
    background: rgba(230, 236, 239, 0.3);
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 13px 25px;
    display: block;
    justify-content: space-between;
    margin-bottom: 30px;
    border: 1px solid rgba(0, 0, 0, .125);
}


.company-filter-text .edit-filter-btn {
    font-weight: 800;
    color: #003f5c;
}

.new-company {
    background: #2B6C8F;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 5px 5px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-company a {
    background: #809FAD;
    border-radius: 9px;
    color: #fff !important;
    font-weight: 600;
    font-size: 15px;
    padding: 7px 18px;
}

#UpgradeToMusicianProModal.customModal-leader .modal-dialog {
    width: 450px;
}

#UpgradeToMusicianProModal.customModal-leader .close {
    position: absolute;
    right: 15px;
    top: 15px;
}

#UpgradeToMusicianProModal.customModal-leader .modal-dialog .modal-header h4 {
    font-weight: 700;
    font-size: 23.19px !important;
    line-height: 29px;
    color: #003F5C;
    margin: 0;
    border-bottom: 1px solid #BFBFBF;
    padding-bottom: 35px;
    margin-bottom: 20px;
}

.musicianPro h4 {
    text-align: center;
    font-size: 19px;
    margin: 25px 0 15px 0;
    font-weight: 600;
}

.musicianPro .nav.nav-tabs {
    border-bottom: 0;
    box-shadow: none;
    margin-bottom: 30px !important;
    justify-content: center;
}

.musicianPro #musicianProTab .nav-item a,
.musicianPro #leaderStarterTab .nav-item a {
    color: #316df5 !important;
    background: transparent !important;
    font-size: 12px;
    font-weight: 400;
}

.musicianPro #musicianProTab .nav-item.active a,
.musicianPro #leaderStarterTab .nav-item.active a {

    background: #316df5 !important;
    color: #fff !important;
    font-size: 12px;
    border-radius: 8px;
    font-weight: 600;
}

.musicianPro #musicianProTab-content,
.musicianPro #leaderStarterTab-content {
    background: #FFFFFF;
    box-shadow: 0px 3px 20px -2px rgba(20, 45, 100, 0.25);
    border-radius: 8px;
    border-top: 6px solid #398eb6;
}

.musicianPro #musicianProTab-content .tab-pane,
.musicianPro #leaderStarterTab-content .tab-pane {
    padding: 30px 45px;
}

#monthly h4,
#annual h4,
#annual-leader h4,
#monthly-leader h4 {
    text-align: left;
    font-size: 24px;
}

.rupeesSec {
    font-size: 20px;
    color: #003F5C;
}

.rupeesSec {
    font-family: 'Jost', sans-serif;
    font-size: 60px;
    font-weight: 400;
    padding-left: 22px;
    position: relative;
    margin-bottom: 0;
}

.rupees {
    font-size: 36px;
    position: absolute;
    font-weight: 400;
    left: 0;
    top: 8px;
}

.lightBlue {
    color: #47B2E4 !important;
    font-size: 18px !important;
}

.musiciansContent,
.musiciansContent p {
    color: #808080 !important;
    font-weight: 500;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.musicianLi {
    list-style: none;
    padding-left: 0px;
    position: relative;
}

.musicianLi li {
    padding-left: 22px;
    margin-bottom: 10px;
    position: relative;
}

.musicianLi li:before {
    content: '';
    width: 14px;
    position: absolute;
    height: 10px;
    display: inline-block;
    background: url(./../images/greenCheck.png) no-repeat;
    background-size: 100% 100%;
    left: 0;
    top: 8px;
}

.creditCardTxt {
    font-size: 12px;
    margin: 10px 0 20px;
}

#UpgradeToMusicianProModal .btn {
    font-size: 15px;
}

.blue-border-top-card {
    background: #FFFFFF;
    box-shadow: 0px 3px 20px -2px rgb(20 45 100 / 25%);
    border-radius: 8px;
    border-top: 6px solid #398eb6;
}

.clentSignTabs .nav-item.active {
    border-bottom: 3px solid #003F5C;
}

div#loader {
    z-index: 9999999 !important;
}

.dropdown-menu.dropdown-arrow.company-list {
    min-width: 220px !important;
}

#select2-clientcontact-client_id-results>li:first-child {
    font-weight: bold;
}

.finance-income {
    max-height: 450px;
}

.g-recaptcha {
    transform: inherit !important;
}

.verified-phone {
    color: #fff;
    background: #81c868;
    padding: 4px 9px;
    border-radius: 15px;
    font-weight: 700;
    position: relative;
    top: 8px;
    text-transform: uppercase;
}

.primarybtn-outline {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #003F5C;
    background: #FFFFFF;
    border: 1px solid #003F5C;
    border-radius: 10px;
    padding: 12px;
}

.editedInfo {
    font-size: 14px;
    font-weight: 500;
}

.customHeight {
    height: 35px;
}

#twilio_passcode_message {
    color: #f6504d;
    text-align: center;
    margin-bottom: 10px;
}

.skip-now-btn {
    text-decoration: underline;
}

/*manage subscription css */
.planInfo {
    background: #f2f2f2;
    padding: 10px;
    border: 1px solid #c1c1c1;
    border-radius: 6px;
}

.planTxt {
    font-size: 18px;
}

.billingTabs {
    width: 100%;
    align-items: center;
    justify-content: center;
}

.planSection {
    background: #e1002d;
    border-radius: 402px;
    color: #fffefe;
    width: 80%;
    position: absolute;
    left: 0;
    top: -12px;
    transform: translate(14%, 0);
    padding: 1px;
    font-weight: 900;
}
.plans{ 
    min-height: 850px;
}
.plans h5{
    font-size: 20px;
    font-weight: 600;
}
.plansPricing {
    border-top: 3px solid #4ea5e8;
    border-radius: 6px;
}

.change_qty {
    display: inline-block;
    margin: 0;
    background: #12395f;
    border-radius: 4px;
    color: #fff;
}
.change_qty.minus{
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 0;
}
#improve-booking-capacity{
	border: 1px solid #2B6C8F;
	background: #ffffff;
}
.change_qty.plus{
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 0;
}
.plusMinusBtn {
    display: flex;
    padding: 0 10px;
}


/*manage subscription css */
.user-manage-subscription .infoSec {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content:space-between;
/*  flex-wrap: wrap;*/
}
.user-manage-subscription .infoSec .btn.btnLarge{
	font-weight: 400;
    padding: 9px 20px;
    border-radius: 10px;
    font-size: 13px;
    min-width: 100px;
    letter-spacing: .5px;
    background: #003f5c;
    border: 2px solid #003f5c;
    color: #fff;
}
.addOncontent .greyTxt {
	font-size: 14px;
}
.btnArea{
	width:calc(100% - 50%);
}
.manage-subscription-form {
    width: 80%;
    margin: 0 auto;
    font-weight: 500;
}

.manage-subscription-form .formWrapper {
    padding: 20px 30px;
}

.manage-subscription-form .card.manage-card {
    border-radius: 6px;
    margin-bottom: 30px;
}

.manage-subscription-form .card.formWrapper .card-header {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 10px 0 0 0;
}



.manage-subscription-form .card.manage-card .card-footer {
    min-height: 40px;
    background: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 15px 15px;
}

.manage-subscription-form .manageData {
    margin-bottom: 8px;
}

.manage-subscription-form .manageData span {
    font-weight: 500;
    font-size: 14px;
}

.manage-subscription-form .manageData .manage-rgt-txt {
    color: #809fad;
    text-align: right;
}

.addonSec {
    font-weight: 500;
}

.addonSec .col-xs-3 {
    padding-left: 0;
    text-align: right;
}

.addonSec div {
    margin-bottom: 8px;
}

.statusCard .greyTxt {
    text-align: right;
}

.plansHead {
    margin-bottom: 40px;
    position: relative;
}

.plansHead:before {
    content: '';
    width: 160px;
    height: 1px;
    background: #eee;
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 40%;
}

.plansHead:after {
    content: '';
    width: 70px;
    height: 2px;
    background: #4ea5e8;
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 45%;
}

.planSubhead {
    margin: 40px;
}

#monthlyYearlyTab {
    box-shadow: none;
    width: 40%;
    margin: 20px auto;
}

#monthlyYearlyTab .nav-item {
    border-radius: 8px;
    background: #4ea5e8;
}

#monthlyYearlyTab .nav-item a {
    color: #fff !important;
}

#monthlyYearlyTab .nav-item.active {
    background: transparent;
}

#monthlyYearlyTab .nav-item.active a {
    color: #4ea5e8 !important;
}

.pricingList {
    padding-left: 0;
    list-style: none;
    margin-top: 20px;
}
.pricingList .dripicons-information{
	color: #4ea5e8;
}

.amtSec {
    display: flex;
    align-items: start;
}

.pricingList li {
    background: url(../images/check.png) no-repeat top left;
    margin-bottom: 15px;
    background-size: 14px;
    min-height: 20px;
    padding: 0px 0 0 22px;
    background-position-y: 5px;
    color: #809daf;
    font-size: 14px;
}

.pricingList li.cross {
    background: url(../images/grey-cross.svg) no-repeat top left;
}

#monthly .monthlyHead h5 {
    font-weight: 900;
    font-size: 18px;
    margin-top: 30px;
}

.skyblue {
    color: #4ea5e8
}

.dollar {
    color: #003f5c;
    font-weight: 600;
    padding-top: 5px;
    font-size: 19px;
    padding-right: 3px;
}

.compareTbl {
    margin-bottom: 20px;
}

.compareTbl td img {
    width: 16px;
}

.compareTbl thead th {
    border: 0 !important;
}

.compareTbl th.mainHead {
    width: 40%;
}

.compareTbl th {
    width: 15%;
}

.compareTbl tr td.text-left {
    font-weight: 700;
}

.compareTbl .dripicons-information {
    color: #4ea5e8;
}

.compareTbl .thBg {
    background: #c5d7f2;
}

.compareTbl tbody tr:nth-child(odd) {
    background: #f2f2f2;
    color: #003F5C;
}

.compareTbl tbody tr:nth-child(even) {
    background: #f2f2f2;
    color: #212529;
}

.compareTbl .closeIcon {
    width: 20px;
}

.soonBg {
    display: inline-block;
    background: #dc3545;
    color: #fff;
    border-radius: 50px;
    padding: 1px 8px;
    font-size: 10px;
    margin-left: 2px;
}
.skyBlueBtn {
    border-radius: 60px;
    background: #4ea5e8;
    padding: 10px 30px !important;
    border: 0;
    width:100%;
}
.skyBlueBtnOutline {
    border-radius: 60px;
    color: #4ea5e8;
    padding: 10px 30px !important;
    border: 1px solid #4ea5e8;
    width:100%;
}
.dollarTxt{
	font-size: 20px;
    font-weight: 700;
    color: #003f5c;
    right: 2px;
}
.addContentModal .modal-header{
	border-bottom: 1px solid #BFCFD6 !important;
    margin-bottom: 0 !important;
}
.addContentModal .modal-body .infoLabel{
    margin-top: 15px !important;
}
.addContentModal .modal-body{
    padding: 0 0 0 0 !important;
}
.addContentModal .btnLarge{
	background: #003f5c;
    background-color: #003f5c !important;
    border: 1px solid #003f5c;
	margin-bottom:10px;
}
.thirty_day_trial{
	text-align: center;
    display: inline-block;
    width: 80%;
}
/*manage subscription css ends */

#booking-page-tabs-loader img.loader-img{
    position:absolute;
}

#booking-page-tabs-loader p.loader-text{
    width: 80%;
    margin: 0px auto;
    position: relative;
    top: -45px;
    text-align: center;
}
.border-radius-right-0{
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}