/*#region-------account-sidebar----*/
.account-sidebar .section-wrapper ul {
    list-style-type: none;
    padding: 0;
    font-size: 14px;
}

.account-sidebar .section-wrapper>ul {
    margin-bottom: 10px;
}

.account-sidebar .section-wrapper {
    background-color: #fff;
}

.account-sidebar .sidebar-title {
    font-size: 13px;
    color: #999999;
    padding: 10px 0 5px 10px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.account-sidebar li a {
    color: #000000;
    padding: 6px 10px;
    display: block;
}

.account-sidebar li a.active {
    background-color: #000000;
    color: #fff;
    display: block;
}

.account-sidebar li a:hover {
    background-color: #e8e8e8;
    color: #000000;
}

.account-sidebar li a.active:hover {
    background-color: #000;
    color: #fff;
}

.account-sidebar .sidebar-payment {
    font-size: 13px;
    color: #999999;
}

/*#endregion--------*/

/*#region-------General Information-----------*/
.general-info .profile-banner h5 {
    border-bottom: 1px solid #d8e2e7;
    padding-bottom: 13px;
}

.general-info .profile-banner .profile-img {
    width: 148px;
    position: relative;
    height: 148px;
    border-radius: 50%;
    border: 4px solid #ffffff;
    overflow: hidden;
}

.general-info .profile-banner .profile-img:hover .delete_uploaded_image {
    display: block;
}

.general-info .profile-banner .camera-icon {
    bottom: 31px;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 31px;
    height: 24px;
    border-radius: 50%;
    padding-left: 1px;
    text-align: center;
    right: 0;
    margin: auto;
    position: absolute;
    padding-top: 3px;
    z-index: 9;
    color: #ffffff;
}

.general-info .profile-banner .delete_uploaded_image {
    position: absolute;
    bottom: 2px;
    right: 62px;
    background-color: #ddd;
    display: none;
    border-radius: 100%;
    font-size: 12px;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
}

.general-info .companylogo-image-upload {
    left: 0;
    right: 0;
    bottom: 20px;
    position: absolute;
    text-align: center;
}

.general-info .companylogo-image-upload i {
    background-color: rgba(0, 0, 0, 0.35);
    padding: 7px;
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
}

.general-info .companylogo-image-upload i:hover {
    background-color: #000;
    color: #fff;
}

.general-info .my_account_logo img {
    max-height: 100px;
    /* width: 200px; */
    object-fit: contain;
}

.general-info .my_account_logo .delete_uploaded_image {
    bottom: 5px;
    right: 6px;
    z-index: 99;
    background: #ddd;
}

.general-info .my_account_logo:hover .delete_uploaded_image {
    display: block;
}

.general-info .planit-select-label {
    padding: 6px;
}

.general-info .account-form .form-control {
    padding: 0;
    min-height: auto;
    border: 0 !important;
}

.profile-img-upload .modal-body .image {
    width: 205px;
    height: 205px;
    border: dashed 2px #adb7be;
    text-align: center;
    padding: 50px 0 0;
}

.profile-img-upload .modal-body .image i {
    line-height: 60px;
    color: #919fa9;
    font-size: 3.75rem;
}

.profile-img-upload .modal-body .file-image {
    height: auto;
    margin-left: 47px;
    text-indent: -100px;
}

.profile-img-upload .modal-body .text-center {
    padding-top: 50px;
}

.profile-img-upload .modal-body .text-center img {
    border-radius: 50%;
    width: 20%;
    box-shadow: 0 0 0 3px #ddd;
}

/*#endregion*/

/*#region--------change-login--------*/
.change-login .account-form i {
    position: absolute;
    right: 10px;
    top: 21px;
    cursor: pointer;
}

.change-login .password-eye:hover i {
    color: #ff005e;
}

/*#endregion-------*/

/*#region-------Account Form-------------------*/
.account-sticky-title {
    background-color: #f2f2f2;
    position: sticky;
    /* top: 90px; */
    width: 100%;
    z-index: 7;
    margin-top: -26px;
    padding: 25px 0 10px;
}

.account-sticky-title .title-form {
    background-color: #fff;
    color: #ff005E;
    padding: 8px 0 8px 20px;
    border-radius: 4px;
    font-size: 22px;
}

.account-sticky-title .sub-title {
    font-size: 13px;
    color: #999999;
}

.account-title {
    border-bottom: solid 1px #d8e2e7;
    padding-bottom: 10px;
    padding-top: 5px;
}

.account-form fieldset {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin: 0;
    position: relative;
}

.account-form .form-label {
    font-size: 12px;
    font-weight: normal;
    color: #666666;
    padding: 0;
    margin: 0;
    display: block;
}

.account-form .form-group .form-text {
    line-height: 23px;
    min-height: 23px;
    display: block;
    margin-top: 0;
    color: #000;
}

.account-form .form-group .form-input {
    line-height: 23px;
    min-height: 23px;
    display: block;
    width: 100%;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    padding: 0 10px;
}

.account-form .bootstrap-select {
    height: 20px;
    font-size: 12px;
}

.account-form .bootstrap-select>.dropdown-toggle {
    line-height: normal;
}

.account-form .vs__dropdown-toggle {
    min-height: auto;
    border: 0 !important;
    font-size: 14px;
    border-radius: 0;
    padding: 0 !important;
}

/*#endregion-----*/

/*#region------subscription-----*/
.subscription-elements .subscription-group .subscriotion-title {
    color: #6c7a86;
    font-size: 15px;
}

.subscription-elements .subscription-group .title {
    font-size: 18px;
    font-weight: bold;
}

.subscription-elements .user-group {
    margin-top: 60px;
}

.subscription-elements .user-group .price-section {
    background-color: #fff;
    color: #343434;
    padding: 20px;
    min-height: 380px;
    position: relative;
    overflow: hidden;
    border: 1px solid #D9D9D9;
    border-radius: 25px;
}
.subscription-elements .user-group .subscripton-main-box{
    position: relative;
}

.subscription-elements .user-group .price-section .subscription-sub-info{
    border-top: 1px solid #D9D9D9;
    margin-top: 45px;
    padding-top: 30px;
}

.subscription-elements .user-group .price-section.subscription_active {
    /* background-color: #0fef35; */
    border: 2px dashed #A20090;
}

.subscription-elements .price-section .arrow-right {
    border-width: 0px 2px 2px 0px;
    border-style: solid;
    border-color: #fff;
    border-image: initial;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    margin: 0px 7px 1px -12px;
}

.subscription-elements .price-section .arrow-line {
    padding: 2px 10px 0px;
    display: inline-block;
    margin-bottom: 4px;
    background-color: #fff;
}

.subscription-elements .pricing-block .basic_pack .popular-circle {
    width: 50%;
    border-radius: 50%;
    background: #A20090;
    padding-bottom: 15%;
    top: -80px;
    right: 10px;
    z-index: 3;
    padding-top: 15%;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    color: #fff;
}

.subscription-elements .user-group .sub-plan {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.subscription-elements .user-group .pull-right {
    float: right;
}

.subscription-elements .user-group .subscription-button {
    /* position: absolute; */
    cursor: pointer;
    margin-top: 40px;
    width: 100%;
    text-align: center;
}

.subscription-elements .user-group .subscription-more-btn{
    color: #A20090;
    float: right;
    position: absolute;
    bottom: 13px;
    right: 8px;
}

.subscription-elements .user-group .subscription-button .pro-home-sign-up{
    background-color: #A20090;
    color: #fff;
    padding: 5px 25px;
    border-radius: 20px;
}

.subscription-elements .user-group .dollar-sing {
    font-size: 50px;
}

.subscription-elements .user-group .sub-info {
    padding: 0;
    font-size: 12px;
    list-style-type: none;
    color: rgb(34, 34, 34);
}
.subscription-elements .subscription-accordion .accordion-button:not(.collapsed){
    color: #000;
    background-color: transparent;
    box-shadow: none;
}

.subscription-elements  .subscription-accordion .accordion-button{
   justify-content: center;
}
.subscription-elements  .subscription-accordion .accordion-button:after{
    margin-left: unset;
    content: "\f106";
    font: normal normal normal 14px / 1 FontAwesome;
    background-image: none;
    font-size: 20px;
}

.subscription-elements  .subscription-accordion .accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg);
}


.subscription-elements .user-group .sub-info .subscription-list{
    font-size: 16px;
    padding-bottom: 8px;
}

.subscription-elements .user-group .sub-info .subscription-list:first-child{
    font-weight: bold;
}

.subscription-elements .popular-circle {
    width: 100%;
    border-top-right-radius: 22px;
    border-top-left-radius: 22px;
    background: #A20090;
    padding: 7px 15px;
    position: absolute;
    top: 0;
    right: 3px;
    z-index: 3;
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.subscription-elements .popular-select {
    letter-spacing: 1.5px;
}


.payment-selection .text-muted {
    padding: 4px 0 0 0;
    font-size: 14px;
}

.payment-selection .payment-select {
    margin: 10px 0 10px 0;
}

.payment-selection .sub-name {
    margin-bottom: 0;
    font-size: 16px;
}

.payment-selection .sub-logo {
    width: 70px;
    height: 70px;
    background-color: #ff005e;
    border-radius: 100px;
    padding-top: 18px;
    text-align: center;
}

.payment-selection .sub-logo-info {
    font-size: 24px;
    color: #fff;
    margin: 0;
    width: 100%;
    line-height: 18px;
}

.payment-selection .sub-percent {
    font-size: 16px;
    color: #fff;
}

.payment-selection .sub-button {
    padding: 4px 4px 2px 4px;
    background-color: #fff;
    color: #ff005e;
    font-size: 12px;
    border-radius: 3px;
    line-height: 12px;
}

.payment-selection .planit-select-label {
    display: block;
    width: 95%;
    padding: 0.38rem 0.75rem;
    padding-bottom: 0.366rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #55595c;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 0.25rem;
    float: left;
}

.subscription-general .payment-selection .sub-logo {
    width: 55px;
    height: 55px;
    background-color: #ff005e;
    border-radius: 100px;
    padding-top: 18px;
    text-align: center;
}

.subscription-general .payment-selection .sub-logo-info {
    font-size: 20px;
    color: #fff;
    margin: 0;
    width: 100%;
    line-height: 18px;
}

.subscription-elements .Branding-Package .card-block {
    padding-top: 16px;
    padding-bottom: 16px
}

.subscription-elements .Branding-Package .btn-link {
    text-decoration: none;
    cursor: pointer;
}

.order-summary-box .vs__dropdown-toggle {
    min-height: auto;
    padding: 0 !important;
    border: 0 !important;
}

.order-summary-box .vs__dropdown-toggle .vs__selected-options {
    text-align: left;
}

.order-summary-box .coupon-input {
    border: 0 !important;
    width: auto;
    float: right;
    border-bottom: 1px solid !important;
    border-radius: 0;
    padding: 0;
}

.order-summary-box .modal-body .order-text p {
    font-size: 16px;
}

/*#endregion------*/

/*#region------user-------*/
.user-page .user-box {
    min-height: 125px;
    border-radius: 2px;
    background-color: #f7f7f7;
    color: #666666 !important;
    width: 250px;
    text-align: left;
    padding: 10px;
    margin-right: 15px;
    list-style-type: none;
    display: inline-block;
}

.user-page .user-box .free-box {
    padding: 2px 10px 0px;
    display: inline-block;
    margin-bottom: 4px;
    background-color: #000000 !important;
}

.user-page .user-box .arrow-right {
    border-width: 0px 2px 2px 0px;
    border-style: solid;
    border-color: black;
    border-image: initial;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    margin: 0px 0px 1px -12px;
}

/*#endregion-----*/

/*#region------payments-----*/
.payments-elements .card-title {
    border-bottom: var(--bs-card-border-width) solid rgb(0 0 0 / 20%);
}

.payments-elements .card-subtitle-1 {
    display: block;
    float: right;
    font-size: 13px;
    color: #000;
}

.payments-elements .card-add {
    border-top: var(--bs-card-border-width) solid rgb(0 0 0 / 20%);
    padding-top: 15px;
}

.card-from .form-group .input-check {
    padding: 0;
    width: 6%;
    display: inline-block;
}

.form-group::before {
    border-color: #00C853;
    background-color: #00C853;
}

.form-group::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.card-from .add-btn {
    padding: 2px 10px 2px;
    font-size: 13px;
}

.payments-form .payment-title {
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
}

table.dataTable th {
    white-space: nowrap;
    color: #666;
}

.payments-elements .registered-card-list {
    display: flex;
    justify-content: space-between;
}

.payments-elements .registered-card-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.payments-elements .registered-card-list ul li {
    display: inline-block;
}

.add-payment-method-modal .form-control {
    min-height: auto;
    min-height: auto;
    padding: 0.5rem 0.75rem;
    line-height: 17px;
}

/*#endregion-----*/

/*#region-----setting----*/
.sales_target tr th {
    background-color: #f7f7f7;
}

.sales_target .sales_target_list {
    border-left: 1px solid #d8e2e7;
    border-right: 1px solid #d8e2e7;
}

.invoice_logo_page .matchHeight {
    height: 88px;
    padding: unset;
}

.invoice_logo_page .pie_upload_section {
    height: 119px
}

.invoice_logo_page .logo_preview {
    position: static;
    zoom: 1;
    height: 88px
}

.invoice_logo_page .logo_preview img {
    width: 205px;
    max-height: 150px;
    object-fit: cover;
    object-position: center center;
    border: 1px solid #ddd;
}

.imp_notice_list .pie-icon:hover {
    background: #e8e8e8;
    border-radius: 50%;
    cursor: pointer;
    padding: 8px;
}

.imp_notice_list .accordion-item .accordion-button.collapsed:after,
.imp_notice_list .accordion-item .accordion-button:after {
    content: none;
}

.imp_notice_list .accordion-item .accordion-button.collapsed:before {
    content: "\f107";
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 28px;
    margin-right: 15px;
}

.imp_notice_list .accordion-item .accordion-button:before {
    content: "\f106";
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 28px;
    background-image: none;
    margin-right: 15px;
}

/*#endregion----*/

/*#region------tripwork----*/
.commission_split_table thead tr th {
    background-color: #f7f7f7;
}

.commission_split_table tr th {
    border: 1px solid #eceeef;
    font-size: 12px !important;
}

.commission_split_table tr td {
    border: 1px solid #eceeef;
}

.trip_workflow .minicolors-theme-bootstrap .minicolors-swatch {
    width: 18px;
    height: 18px;
    border-radius: 3px;
}

.trip_workflow .minicolors-theme-bootstrap .minicolors-swatch-color {
    min-width: 18px;
    max-width: 18px;
    min-height: 18px;
    max-height: 18px;
}

*/
/*#endregion-------*/

/*#region---------relations-------*/
.cp_relations .fixed-table-loading {
    display: none;
    position: absolute;
    top: 42px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: #fff;
    text-align: center;
}

.cp_relations .bootstrap-table .form-control {
    height: 32px;
    font-size: 0.875rem;
    border-radius: 25rem;
    padding: 8px 10px;
    line-height: 1.1;
    min-height: auto;
    margin-bottom: 15px;
}

.cp_relations .bootstrap-table .fixed-table-body .table thead th {
    background: #f6f8fa;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.cp_relations .bootstrap-table .fixed-table-body .table tr td {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.cp_relations .fixed-table-body .table thead th .th-inner {
    background-image: url(http://staging.planiteasy.com/static/img/bst-sort.png);
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 30px;
}

.cp_relations .bootstrap-table .fixed-table-pagination .pagination-detail {
    font-size: 13px;
    margin-top: 10px;
}

.cp_relations .bootstrap-table .fixed-table-pagination .dropdown-toggle {
    background: #fff;
    color: #343434;
    border-color: #d8e2e7;
    font-weight: 400;
    font-size: 0.8125rem;
    height: 32px;
    padding: 0px 10px;
    border-radius: 1%;
    min-width: auto;
    margin: 0 15px;
}

.cp_relations .bootstrap-table .fixed-table-pagination .font-icon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    font-weight: bold;
    min-width: 30px;
    height: 30px;
    margin: 0 10px;
    line-height: 29px;
    background: #b2b2b2;
    color: #ffffff;
    text-align: center;
    border-radius: 100%;
    padding-right: 3px;
}

.cp_relations .bootstrap-table .fixed-table-pagination .font-icon-arrow-left:before {
    content: "\f104";
}

.cp_relations .bootstrap-table .fixed-table-pagination .font-icon-arrow-right:before {
    content: "\f105";
}

.cp_relations .bootstrap-table .fixed-table-pagination .page-number a {
    padding: 0;
    min-width: 30px;
    height: 30px;
    margin: 0 3px;
    line-height: 28px;
    background: #b2b2b2;
    color: #ffffff;
    text-align: center;
    border-radius: 100%;
    min-height: auto;
    display: block;
}

.cp_relations .bootstrap-table .fixed-table-pagination .page-number.active a {
    background: #A20090;
    color: #ffffff;
    font-weight: normal;
    border-color: #A20090;
}

/*#endregion------*/

/*#region-----occasions-------*/
.cp_occasions .fixed-table-loading {
    display: none;
    position: absolute;
    top: 42px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: #fff;
    text-align: center;
}

.cp_occasions .bootstrap-table .form-control {
    height: 32px;
    font-size: 0.875rem;
    border-radius: 25rem;
    padding: 8px 10px;
    line-height: 1.1;
    min-height: auto;
    margin-bottom: 15px;
}

.cp_occasions .bootstrap-table .fixed-table-body .table thead th {
    background: #f6f8fa;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.cp_occasions .bootstrap-table .fixed-table-body .table tr td {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.cp_occasions .fixed-table-body .table thead th .th-inner {
    background-image: url(http://staging.planiteasy.com/static/img/bst-sort.png);
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 30px;
}

.cp_occasions .bootstrap-table .fixed-table-pagination .pagination-detail {
    font-size: 13px;
    margin-top: 10px;
}

/*#endregion-----*/

/*#region-------integrations----------*/
.stripe_block .stripe-connect {
    background: #635bff;
    display: inline-block;
    height: 38px;
    text-decoration: none;
    width: 180px;
    color: #fff;
    display: block;
    font-family: sohne-var, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 14px;
    padding: 11px 0 0 24px;
    position: relative;
    text-align: left;
}

.stripe-connect span:after {
    background-repeat: no-repeat;
    background-size: 49.58px;
    content: "";
    height: 20px;
    left: 62%;
    position: absolute;
    top: 7px;
    width: 49.58px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 468 222.5'%3E%3Cstyle%3E.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23fff}%3C/style%3E%3Cpath class='st0' d='M414 113.4c0-25.6-12.4-45.8-36.1-45.8-23.8 0-38.2 20.2-38.2 45.6 0 30.1 17 45.3 41.4 45.3 11.9 0 20.9-2.7 27.7-6.5v-20c-6.8 3.4-14.6 5.5-24.5 5.5-9.7 0-18.3-3.4-19.4-15.2h48.9c0-1.3.2-6.5.2-8.9zm-49.4-9.5c0-11.3 6.9-16 13.2-16 6.1 0 12.6 4.7 12.6 16h-25.8zM301.1 67.6c-9.8 0-16.1 4.6-19.6 7.8l-1.3-6.2h-22v116.6l25-5.3.1-28.3c3.6 2.6 8.9 6.3 17.7 6.3 17.9 0 34.2-14.4 34.2-46.1-.1-29-16.6-44.8-34.1-44.8zm-6 68.9c-5.9 0-9.4-2.1-11.8-4.7l-.1-37.1c2.6-2.9 6.2-4.9 11.9-4.9 9.1 0 15.4 10.2 15.4 23.3 0 13.4-6.2 23.4-15.4 23.4zM223.8 61.7l25.1-5.4V36l-25.1 5.3zM223.8 69.3h25.1v87.5h-25.1zM196.9 76.7l-1.6-7.4h-21.6v87.5h25V97.5c5.9-7.7 15.9-6.3 19-5.2v-23c-3.2-1.2-14.9-3.4-20.8 7.4zM146.9 47.6l-24.4 5.2-.1 80.1c0 14.8 11.1 25.7 25.9 25.7 8.2 0 14.2-1.5 17.5-3.3V135c-3.2 1.3-19 5.9-19-8.9V90.6h19V69.3h-19l.1-21.7zM79.3 94.7c0-3.9 3.2-5.4 8.5-5.4 7.6 0 17.2 2.3 24.8 6.4V72.2c-8.3-3.3-16.5-4.6-24.8-4.6C67.5 67.6 54 78.2 54 95.9c0 27.6 38 23.2 38 35.1 0 4.6-4 6.1-9.6 6.1-8.3 0-18.9-3.4-27.3-8v23.8c9.3 4 18.7 5.7 27.3 5.7 20.8 0 35.1-10.3 35.1-28.2-.1-29.8-38.2-24.5-38.2-35.7z'/%3E%3C/svg%3E")
}

.stripe_block .active-inactive {
    display: inline-block;
}

.stripe_block .active-inactive .status {
    padding: 5px;
    margin: 0 5px;
    border-radius: 100px;
    display: inline-block;
}

.stripe_block .active-inactive .status.bg-red {
    background-color: red;
}

.stripe_block .active-inactive .status.bg-green {
    background-color: #00C853;
}

.trams_block .active-inactive .status {
    padding: 5px;
    border-radius: 100px;
    display: inline-block;
}

.trams_block .active-inactive .status.bg-red {
    background-color: red;
}

/*#endregion--------*/

/*#region------dominmasking-----*/
.branding_block .minicolors-swatch-color {
    width: 33px;
    height: 24px;
    float: left;
    border-radius: 3px;
    margin-right: 5px;
}

.branding_block .bg_color {
    border-radius: 3px;
    /* width: 48px; */
    text-align: center;
    color: #ffffff;
    background-color: #000000;
    margin-right: 10px;
    padding: 0 10px;
    padding-top: 2px;
}

.branding_block .media-body {
    border-radius: 3px;
    line-height: 29px;
    font-size: 14px;
    text-align: center;
    color: #000;
    margin-bottom: 0;
}

.branding_block .media-summary {
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
    display: flex;
}

.branding_block .live-preview .time-slot-detail .booking-icon {
    border-radius: 50%;
    border: 1px solid #000000;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    display: block;
    margin-right: 20px;
}

.branding_block .account-form .minicolors-theme-bootstrap .minicolors-swatch {
    height: 20px;
    cursor: pointer;
}

/*#endregion-----*/

/*#region------dominmasking-----*/
.company-profile .main-profile-page {
    padding-top: 65px;
}

.profile-header .profile-banner {
    height: 100%;
    position: relative;
    display: block;
}

.profile-header .profile-banner .change-cover-img {
    background-color: transparent;
    border: 0 none;
    bottom: 40px;
    color: #fff;
    font-size: 16px;
    opacity: 1;
    position: absolute;
    right: 40px;
    z-index: 9;
    display: table;
    height: auto;
}

.profile-header .profile-banner .change-cover-icon {
    color: #fff;
    display: block;
    float: right;
    border: 0 none;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.44);
    text-align: center;
    padding-top: 5px;
    padding-left: 0px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.profile-header .profile-banner .change-cover-img-text {
    display: inline-block;
    line-height: 31px;
    text-shadow: 0px 0px 2px #333;
}

.profile-header .followers {
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: transparent;
    padding: 15px 15px 16px 26px;
}

.profile-header .followers .profile-img {
    width: 148px;
    position: relative;
    height: 148px;
    border-radius: 50%;
    border: 4px solid #ffffff;
    overflow: hidden;
}

.profile-header .followers .profile-img .change-camera-icon {
    cursor: pointer;
    bottom: 31px;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding-left: 1px;
    text-align: center;
    right: 0;
    margin: auto;
    position: absolute;
    padding-top: 5px;
    z-index: 9;
    font-size: 20px;
    font-size: 1.25rem;
    color: #ffffff;
}

.profile-header .followers .profile-img .delete_uploaded_image {
    bottom: 2px;
    right: 57px;
    z-index: 99;
    background-color: #ddd;
}

.delete_uploaded_image {
    border-radius: 100px;
    font-size: 12px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: left;
    color: #000;
    position: absolute;
    cursor: pointer;
    display: none;
}

.profile-header .followers .profile-img:hover .delete_uploaded_image {
    display: block !important;
}

.profile-header .followers .follower-info {
    padding-left: 20px;
    margin-top: 35px;
    position: relative;
    color: #fff;
}

.profile-header .followers .follower-info h1 {
    font-size: 24px;
    font-family: "interstate-bold", sans-serif;
    color: #ffffff;
    text-shadow: 1px 0px 5px #333333;
}

.profile-header .followers .follower-info span {
    font-size: 16px;
    font-family: "interstate-light", sans-serif;
    color: #ffffff;
    line-height: 20px;
    margin-top: 10px;
    float: left;
    text-shadow: 1px 0px 5px #333333;
    font-weight: normal;
}

.profile-header .profile-header-photo {
    height: 245px;
    margin: -27px -15px 20px;
    background: #232936 no-repeat 50% 50%;
    background-size: cover;
    position: relative;
    color: #fff;
    display: none !important;
    visibility: hidden;
}

.profile-header .profile-header-photo i::before {
    content: "\eac3";
}

.main-profile-page .horizontal-navigation .main-nav {
    background-color: #999999;
    border-bottom-color: #999999;
    height: 45px;
    padding: 0 15px;
    align-items: end;
}

.main-profile-page .horizontal-navigation a {
    color: #fff;
    padding: 0;
    line-height: 30px;
}

.main-profile-page .horizontal-navigation a.active::after {
    content: "";
    height: 4px;
    background: #ffffff;
    width: 100%;
    display: block;
}

.main-profile-page .horizontal-navigation i {
    font-size: 1.125rem;
    color: #ffffff;
    margin-right: 5px;
}

.main-profile-page .pnt-profile-dashboard .pie_about_myprofile .pie-info {
    padding-left: 100px;
    padding-right: 100px;
}

.main-profile-page .pie_about_myprofile .border-bottom-about-1 {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.main-profile-page .pie_about_myprofile p {
    color: #000000;
    font-family: "interstate-light", sans-serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 0;
    text-align: left;
    display: inline-block;
}

.main-profile-page .pie_about_myprofile .about-information-new p:hover i {
    color: #ff005e;
}

.main-profile-page .pie_about_myprofile .about-information-new p:hover a {
    display: block;
}

.main-profile-page .pie_about_myprofile .about-information-new p a {
    color: #333;
    font-size: 12px;
    display: none;
}

.main-profile-page .pie_about_myprofile .about-information-new i {
    color: #999999;
    font-size: 20px;
}

.main-profile-page .pie_about_myprofile .about-address-detail .pie-icon {
    display: none;
}

.main-profile-page .pie_about_myprofile .about-address-detail:hover .pie-icon {
    display: block;
    border-radius: 50%;
    color: #333;
    background: hsla(0, 0%, 100%, .7);
    font-size: 12px;
    width: 26px;
    text-align: center;
    height: 26px;
    line-height: 28px;
    box-shadow: 0 0 8px #ccc;
    cursor: pointer;
}

/* .main-profile-page .pie_about_myprofile .about-information-new:hover .pie-icon{
    display: block;
} */
.main-profile-page .pie_about_myprofile .specialization-about-block:hover .pie-icon {
    display: block;
}

.main-profile-page .pie_about_myprofile .services-about-block:hover .pie-icon {
    display: block;
}

/* .main-profile-page .pie_about_myprofile .destination-about-block:hover .pie-icon{
    display: block;
} */
.main-profile-page .pie_about_myprofile .border-bottom-about-1 {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 60px;
    margin-bottom: 25px;
}

.specialization_blur,
.specialization_pop_blur {
    filter: blur(5px);
}

.main-profile-page .pie_about_myprofile .destination-about-block h1 {
    color: #000000;
    font-family: "interstate-light", sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 26px;
    margin: 0;
    text-align: left;
}

.main-profile-page .pie_about_myprofile .detaination-location-name {
    list-style-type: auto;
    color: #000;
}

.main-profile-page .pie_about_myprofile .specialization-about-block .border-bottom-about-Interests {
    padding-bottom: 20px;
    margin-bottom: 25px;
    margin-top: 10px;
}

.main-profile-page .pie_about_myprofile .services-about-block .border-bottom-about-Services {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 60px;
    margin-bottom: 25px;
}

/* .main-profile-page .pie_about_myprofile .services-about-block .servers-sliders {
    position: relative;
    padding-left: 30px;
}*/
.main-profile-page .pie_about_myprofile .services-about-block .servers-sliders .slick-prev {
    left: 0;
    width: 30px;
    padding: 30px 0;
    z-index: 11;
    background: #fff;
}

.main-profile-page .pie_about_myprofile .services-about-block .servers-sliders .slick-prev::before {
    left: 10px;
    border-left: solid 1px black;
    border-bottom: solid 1px black;
    content: "";
    background-color: transparent;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 15px;
    transform: rotate(45deg);
}

.main-profile-page .pie_about_myprofile .services-about-block .servers-sliders a {
    color: #ff005e;
    display: block;
    float: none;
    border-radius: 50%;
    font-size: 48px;
    height: auto;
    margin: 28px auto 0;
    text-align: center;
    border: 1px solid #ff005e;
    padding-top: 18px;
    width: 90px;
    height: 90px;
}

.main-profile-page .pie_about_myprofile .services-about-block .servers-sliders span {
    margin-top: 5px;
    width: 80%;
    display: block;
    color: #000000;
    font-size: 14px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.main-profile-page .pie_about_myprofile .services-about-block .servers-sliders h6 {
    font-size: 14px;
    text-align: center;
    color: #999999;
    margin: 0;
    padding: 0 10px;
}

.main-profile-page .pie_about_myprofile .services-about-block .servers-sliders .slick-next {
    right: 0;
    width: 30px;
    padding: 30px 0;
    z-index: 11;
    background: #fff;
}

.main-profile-page .pie_about_myprofile .services-about-block .servers-sliders .slick-next::before {
    right: 10px;
    border-right: solid 1px black;
    border-top: solid 1px black;
    content: "";
    background-color: transparent;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 15px;
    transform: rotate(45deg);
}

.main-profile-page .pnt-profile-dashboard .planit_label_info .form-group {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.page-content-1 {
    padding-top: 0;
}

.booking_type_master th,
.supplier_type_master th {
    background-color: #f7f7f7;
}

/*#endregion-----*/

/*#region--------responsive-----*/
@media (max-width:740px) {
    .account-form .sticky-title {
        margin-top: -20px;
        top: 49px;
    }

    .account-form .profile-banner h5 {
        font-size: 17px;
    }

    .account-form .profile-banner .profile-img {
        width: 100px;
        height: 100px;
    }

    .account-form .profile-banner .delete_uploaded_image {
        right: 33px;
        height: 22px;
        width: 22px;
    }

    .account-sticky-title {
        /* background-color: #f2f2f2;
        position: fixed;
        left:0; */
        /* z-index: 100; */
        padding: 20px 0 10px;
        margin-top: 0;
    }

    .account-title {
        padding-bottom: 20px;
    }

    .account-sticky-title .sub-title {
        display: block;
    }

    .change-login .account-form .i {
        position: absolute;
        right: 10px;
        top: 21px;
    }

    .subscription-elements .user-group {
        margin-top: 10px;
    }

    .myaccount_subscription .user-group .branding-package {
        margin-bottom: 12px;
    }

    

    .trip_workflow .btn {
        margin-top: 7px;
    }

    .integration-vue .stripe_block .continue-btn a {
        margin-bottom: 0 !important;
    }

    .integration-vue .stripe_block .continue-btn span {
        display: block;
        margin-bottom: 11px;
        font-size: 14px;
    }

    .integration-vue .time-slot-detail:hover {
        box-shadow: 0px 0px 20px 2px rgb(160 160 160 / 25%);
        border-radius: 10px;
        content: "";
        float: left;
        display: block;
        height: 100%;
        position: absolute;
        right: -10px;
        left: -10px;
    }

    .custom-mail-template .birthday {
        margin-bottom: 0;
    }

    .custom-mail-template a.birthday-reminder {
        display: block;
        margin-bottom: 10px;
    }

    .reminder-settings .form-label {
        margin-bottom: 0 !important;
    }

    .reminder-settings .radio-btn {
        margin-bottom: 15px;
    }

    .task-notification h4 {
        margin-bottom: 15px;
    }

    .task-notification .mark-done {
        margin-top: 0 !important;
    }

    .task-notification .checkbox-toggle {
        margin-top: 15px;
    }

    /* .account-page-content{
        padding-top: 80px;
    } */
    /* .myaccount-content{
        padding-top: 75px;
    } */
    .main-profile-page .pnt-profile-dashboard .pie_about_myprofile .pie-info {
        padding-left: 20px;
        padding-right: 20px;
    }

    .main-profile-page .pnt-profile-dashboard .about-information-new {
        padding-left: 20px;
        padding-right: 20px;
    }

    .main-profile-page .banner-img {
        min-height: 250px;
        object-fit: cover;
    }

    .main-profile-page .followers .profile-img {
        width: 95px;
        height: 95px;
    }

    .main-profile-page .pie_about_myprofile .services-about-block .servers-sliders a {
        height: 50px;
        width: 50px;
        font-size: 24px;
        padding-top: 13px;
    }

    .main-profile-page .pie_about_myprofile .services-about-block .servers-sliders span {
        text-overflow: ellipsis;
        overflow: hidden;
    }

    /* .main-profile-page .pie_about_myprofile .services-about-block .servers-sliders{
        padding-left: 16px;
    } */
    .main-profile-page .pie_about_myprofile .services-about-block .servers-sliders .slick-prev,
    .main-profile-page .pie_about_myprofile .services-about-block .servers-sliders .slick-next {
        width: 20px;
        padding: 20px 0;
    }

    .main-profile-page .pie_about_myprofile .services-about-block .servers-sliders .slick-arrow:before {
        width: 20px;
        height: 20px;
    }

    .profile-header .followers .follower-info h6 {
        padding-bottom: 14px;
    }

    .profile-header .followers .profile-img .delete_uploaded_image {
        display: block !important;
        right: 30px;
    }

    .imp_notice_list .accordion-item .notice-lists {
        display: block !important;
    }
}

/*#endregion-------*/