/*rich editor*/
.richText {
    box-shadow: none !important;
}

    .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {
        z-index: 9;
    }
.rich-text-output span{
    color:inherit !important;
}


.rich-text-output ul li {
    list-style: initial;
}

.rich-text-output ul {
    padding-left: 2rem;
}
.rich-text-output ol li {
    list-style: auto;
}
/*common css*/
.error-message i {
    vertical-align: bottom;
}
/*#authentication-wrapper .error-message {
    font-size: 1.8rem;
    font-weight: 600;
    color:red;
}

tbody, td, tfoot, th, thead, tr {
    border: inherit !important;
}
.dark-page-title {
    font-size: 2.4rem;
    font-weight: 600;
}

#view-log-model .btn-box a {
    max-width: 30rem;
}

.comment-wrapper-view {
    max-width: 100%;
    overflow: auto;
}
.header{
    z-index:1;
}
.header-tab .nav-tabs {
    justify-content: center;
}

.animated-card_img {
    height: 100px;
}

/*rich table popup */
.richText-dropdown .richText-form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: center;
}

.richText-dropdown .richText-form label {
    padding: 0 !important;
    margin: 0 !important;
}

.richText-dropdown .richText-form input[type="number"] {
    padding: 0 !important;
    width: auto !important;
}

.richText-dropdown .richText-form button {
    padding: 5px 15px !important;
    margin: 0 !important;
}

.richText-dropdown-outer ul.richText-dropdown {
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.richText .richText-editor table td, .richText .richText-editor table th {
    padding: 0 10px !important;
    height: 20px;
}

.top-bar .language-convert-select {
    padding: 0 !important;
}

.top-bar .language-convert .nav-link {
    padding-top: 0.8rem !important;
}

/*rtl changes */
[direction=rtl] .select2-container-multi .select2-search-choice-close {
    right: unset;
}

/*UI content*/
.ui-dialog {
    width: 300px !important;
}

.ui-widget-content h6 {
    font-size: 2rem;
    color: #000;
}

#view-log-model .btn-box a {
    max-width: 27rem;
}

#ExaminerActiveAgreementTable_wrapper .yadcf-filter-wrapper {
    display: block;
}

.ui-dialog .ui-dialog-buttonpane button {
    padding: 2px 10px;
    border: 0;
    font-size: 2rem;
    background: #010064;
    color: #fff;
}

    .ui-dialog .ui-dialog-buttonpane button:hover {
        opacity: 0.9;
        outline:0;
    }

.ui-dialog .ui-dialog-titlebar-close span::after {
}

/*//Animated card*/
.animated-card h3 {
    padding: 0 2rem;
    line-height: 1.5;
    font-size: 2.0rem;
}

.animated-card .animated-card_count {
    height: 100px;
}

.highlightClass {
    padding-left: 5px;
    padding-right: 5px;
    color: #fff !important;
    background-color: #2a2a72 !important;
    background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%) !important;
}

.table-with-new-filter-wrap .yadcf-filter-wrapper {
    display: block !important;
}

.search-input ul.select2-choices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: none;
    background-color: transparent;
    overflow-x: auto;
}

    .search-input ul.select2-choices::-webkit-scrollbar {
        height: 10px;
        width: 8px;
    }

    .search-input ul.select2-choices::-webkit-scrollbar-thumb {
        background: #010760;
    }

    .search-input ul.select2-choices::-webkit-scrollbar-track {
        background-color: #f1f0f6;
    }

.right-card-citc-logo {
    background-image: none;
}

span.badge.badge-pill.mx-0.mx-md-4 {
    margin: 0 !important;
    padding: 1rem;
    white-space: normal;
}
/*// 23-06-2022*/
.count {
    border-radius: 90px;
    padding: 0.9rem 1.455rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: auto;
    width: auto;
    line-height: 1;
}
.close-card .inner-header {
    margin-bottom: 1rem;
}

/*// list css*/
.list-group .list-group-item {
    padding: 2rem 1rem;
}
.list-group-basic .list-group-item strong,
.list-group-basic .list-group-item p {
    font-size: 2rem;
}
/*
// data table scrollbar*/

.custom-filter-vscroll {
    overflow: auto;
    width: auto;
}

.custom-filter-vscroll::-webkit-scrollbar {
    height: 10px;
    width: 8px;
}

.custom-filter-vscroll::-webkit-scrollbar-thumb {
    background: #010760;
}

.custom-filter-vscroll::-webkit-scrollbar-track {
    background-color: #f1f0f6;
}

.popup-form .card-title {
    font-size: 2.5rem;
}

/*// model*/
.modal-content .modal-header {
    padding: 2rem 3rem;
}
.modal-content .modal-header .modal-title {
    line-height: 1.2;
    font-size: 2.4rem;
}
.Confirmation-model .modal-header{
    padding:3rem;
}
/*// .breadcrumb*/
.breadcrumb {
    border-radius: 0;
}
.breadcrumb .form-row.search-area button, .breadcrumb .form-row.search-area input[type="button"] {
    background: rgb(11,192,241) !important;
}
    /*// editor changes*/
    .richText-editor li {
        list-style: inherit;
    }

.tata-title {
    color: #fff;
}

/*sec navbar section */
.header-tab .nav-link {
    font-size: 1.6rem;
    text-align:center;
}

#header-submenu ul li {
    padding: 0.8rem 1.2rem;
}

.step-wraps .step-lists.completed:last-child:after {
    content: none;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
    opacity: 0.9;
}

/*home page new cards*/
.home-cards {
    background-image: url(../img/tariff/sidebar-bg-l.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 25%;
}

.home-cards-warrper {
    background: #fff;
    padding:10px  20px;
    border-left: 5px solid #0b24fb;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-cards-warrper_icon {
    height: 45px;
    width: auto;
}

    .home-cards-warrper_icon img {
        height: 45px;
    }

.home-cards-warrper_icon-number {
    font-weight: 700;
    font-size: 4.5rem;
    color: #0b24fb;
}

.home-cards-warrper-name {
    text-transform: capitalize;
    color: #010760;
    margin-top: 1rem;
    font-size: 1.8rem;
}
.form-group label {
    font-size: 1.8rem;
    color: rgba(0,0,0,.5);
}

.home-cards-warrper-link {
    font-size: 4rem;
    position: absolute;
    right: 0;
    /* top: 0;
    transform: translate(50%, 50%);*/
    top: 50%;
    transform: translate(50%,-50%);
    color: #010760;
}
@media (max-width: 991px) {
    .home-cards-warrper-link {
        transform: translate(-15%, 50%);
    }
}

/**/
.validity-form-label {
    color: #808080;
    margin-top: 1rem;
}
.equal-align-field-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.loyality-traiff-form input[type="radio"] {
    vertical-align: middle;
}
/**/

.captcha-row {
    padding-bottom: 1.5rem;
}
.auth-form.light {
    background-color: #fff;
}

.auth-form {
    padding: 3rem;
}
button.refresh-btn{
    border-radius:0px;
}
#LoyalityDetails input[type="radio"] {
    vertical-align: middle;
    border-radius: 50% !important;
}
.password-toggler {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    bottom: 0;
    font-size: 2.1rem;
}
button.refresh-btn {
    height: 5.7rem;
    width: 5.7rem;
}
.table #tbodyInOutPeak .form-control{
    background-color: #fff;
    padding: 0.8rem 2rem;
}
.table #tbodyInOutPeak > tr:nth-of-type(odd) td .form-control, #tblInOutRoPick > tr:nth-of-type(odd) td .form-control {
    background-color: #fff;
}
.table #tbodyInOutPeak > tr:nth-of-type(even) td .form-control, #tblInOutRoPick > tr:nth-of-type(even) td .form-control {
    background-color: #f1f0f6;
}
.pl-0 {
    padding-left: 0;
}
[theme-version=dark-mode] {
    filter: grayscale(100%);
}
.change-font-wrapper .change-font {
    color: #fff;
    cursor: pointer;
    font-size: 1.6rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dynamicControl, .start-time-appt, .dynamicDDL {
    margin-bottom: 1.5rem;
}

.owl-carousel-basic .owl-nav button.owl-next, .owl-carousel-basic .owl-nav button.owl-prev {
   
}

.owl-carousel-fixed .owl-nav button.owl-next, .owl-carousel-fixed .owl-nav button.owl-prev {
}


/*responsive*/
@media (max-width: 767px) {
    #timestart {
        margin-bottom:1rem;
    }
    div#subservicebuttons {
        display: none !important;
    }
    .main-wrapper {
       height: auto; 
    }
    .tariff-services-tab .tatiff-review-tab_service-details ul li p {
        margin-left: 0;
    }
    .tariff-services-tab  .tatiff-review-tab_service-icon {
        padding-bottom: 3rem;
    }
    .feed-wrapper-deliberation .feed-wrapper_list {
        padding: 0 10px !important;
    }
    .deliberation-popu-form {
        padding: 0px 10px !important;
    }
    .feed-wrapper_list-item-info {
        padding: 1rem !important;
    }
    .upload-form-row {
        justify-content:flex-start;
    }
    .tatiff-review-tab_service-details ul li:before {
        background-image: url(../img/tariff/title-icon.svg);
        background-repeat: no-repeat;
        content: "";
        display: inline-block;
        height: 12px;
        margin-right: 0.7rem;
        width: 12px;
    }

    .tatiff-review-tab_service-details {
        padding: 10px;
    }
}
.back-con {
    margin-bottom:2rem;
    margin-top:2rem;
}
.form-group label {
    font-size: 1.8rem;
    color: rgba(0,0,0,.5);
}

.card .card-title, .close-card .inner-header h3 {
    font-size: 2.4rem;
}

/*log cahnges */
.work-log .list-group-item {
    padding: 0.2rem 1rem;
    font-size: 1.6rem;
}
.work-log-bottom {
    padding: 1.2rem 4rem;
    font-size: 1.6rem;
    display:none;
}
.work-log-comment-warp {
    background: #f1f0f6;
    padding: 5px;
    overflow: auto;
    height: 140px;
}
    .work-log-comment-warp::-webkit-scrollbar {
        height: 10px;
        width: 8px;
    }

    .work-log-comment-warp::-webkit-scrollbar-thumb {
        background: #010760;
    }

    .work-log-comment-warp::-webkit-scrollbar-track {
        background-color: #f1f0f6;
    }
.work-log-sec-l .list-group.work-log span.badge.badge-secondary.text-white {
    white-space: normal;
    padding: 0.6rem 1rem;
}
.work-log-sec-l-details .list-group-item .fs-4 {
    font-weight: bolder;
    font-size: unset !important;
}
/*list style changes */
.list-group {
    margin: 0;
}

.work-log-sec-l-profile {
    margin-right: 1rem;
}

/*new badge style*/
.inner-header .badge{
    background:transparent;
}
    .inner-header .badge.badge-secondary {
        color: #24d3fd;
        border: 1px solid #24d3fd;
    }
.inner-header .badge.badge-warning {
    color: #e1a714;
    border: 1px solid #e1a714;
}
    .inner-header .badge.badge-info {
        color: #5e29d2;
        border: 1px solid #5e29d2;
    }
    .inner-header .badge.badge-success {
        color: #70b603;
        border: 1px solid #70b603;
    }
    .inner-header .badge.badge-danger {
        color: #d9001b;
        border: 1px solid #d9001b;
    }
/*for tooltip*/
.tooltip {
    font-size: 1.8rem;
}

    .tooltip .tooltip-inner {
        border-radius: 0;
        padding: 0.5rem 1rem;
    }

    .tooltip .tooltip-arrow::before {
        border-width: 1rem 1rem 0;
    }
@media (min-width: 992px) {
    .button2{
        margin-left:0px;
    }
}
/**/
.owl-carousel-basic {
    position:relative;
}
.owl-carousel-fixed {
    position: relative;
}
.owl-carousel-basic .owl-nav button.owl-next, .owl-carousel-basic .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
}
    .owl-carousel-fixed .owl-nav button.owl-next, .owl-carousel-fixed .owl-nav button.owl-prev {
        position: absolute;
        top: 50%;
    }

.owl-carousel-FixedInternet {
    position: relative;
}

    .owl-carousel-fixed .owl-nav button.owl-next, .owl-carousel-fixed .owl-nav button.owl-prev {
        position: absolute;
        top: 50%;
    }

table.dataTable thead th, table.dataTable thead td {
    white-space: normal !important;
}
.table.dataTable .form-control {
    padding: 0.8rem 2rem;
}

.alert-model-wrap img {
    width: 74px;
}

#AlertText{
    font-size: 2.2rem;
}
.pdf.pdf-list-item .pdf-list-item--doc {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    
}
.pdf-list-item--title_name p:first-child{
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom:0px !important;
    font-weight:700;
}
.pdf-list-item--doc {
    background-color: transparent;
}
.pdf.pdf-list-item .pdf-list-item--doc img {
    width: 15px;
    height: auto;
}

.table td .table-action .table-count-label {
    padding: 0.2rem 0.6rem;
    top: 0;
    border-radius: 90px;
    font-size: 1.2rem;
    right: 0;
    height:auto;
    width:auto;
    line-height: 1.3;
}
.select-width-col {
    min-width: 180px;
    max-width: 200px;
}
/**/
.breadcrumb .form-row.search-area button, .breadcrumb .form-row.search-area input[type="button"] {
    background: rgb(11,192,241) !important;
}
.hasDatepicker {
    background-image: url(../img/icon/cal-without-bg.svg);
    background-position: 98%;
    background-repeat: no-repeat;
    background-size: auto;
    cursor: pointer;
}
html:lang(ar) .hasDatepicker {
    background-position: left;
}

html:lang(ar) .select2-container-multi:after {
    left: 10px;
    right: auto;
}
.modal.show {
    background-color: rgba(0,0,0,0.5);
}
.header-tab .navbar-nav .nav-link.active::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #03CBFB;
    bottom: -3px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
}
.header-tab .navbar-nav .nav-link.active {
    border-bottom: 2px solid #03CBFB;
}
.header-tab .navbar-nav .nav-link {
    position: relative;
    bottom: -8px;
}
.header-tab nav {
    padding: 0;
}
#header-submenu ul li .nav-link {
    padding-bottom: 15px;
    padding-top: 0;
}
.report-download-wrapper .btn {
    border: 1px solid #363975;
    border-radius: 0;
    padding: 1rem 1.5rem;
    /*background-color:transparent;*/
}
.dark-page-title {
    font-size: 2.4rem;
    font-weight: 600;
    color: #212529;
}
/*Tiles card css*/
.home-cards-warrper .message-number.danger {
    background: red;
    border-radius: 90px;
    color: #fff;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
    min-width: 3.3rem;
    padding: 0.7rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
}
/*.home-cards-warrper {
    overflow:hidden;
}*/
.home-cards-warrper:hover .home-cards-warrper-name {
    color: #fff;
}
.home-cards-warrper:hover a {
    color: #fff;
}
.home-cards-warrper:before {
    background: #000062;
    border: 2px solid #000062;
    border-radius: 0;
   /* left:0;*/
    right:0;
    right: -304px;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transition: all .1s ease;
    width: 100%;
    opacity:0;
}
.home-cards-warrper:hover:before {
    opacity:1;
}
.home-cards-warrper:hover:before {
    right: 0;
}
.home-cards-warrper:hover .home-cards-warrper-name {
    color: #fff;
    position: absolute;
    margin-top: 0;
}
.home-cards {
    overflow:hidden;
}
.home-cards-warrper .home-cards-warrper-name {
    position: relative;
}
/*.home-cards-warrper:hover:before {
    transform: rotateY(180deg);
    opacity:1;
}
*/
/*Tiles card css*/
#tblInOutPick {
    border: 1px solid #d3d3d3;
}
.table-icon.details {
    background: url(../img/icon/home-icon.svg) no-repeat;
}
i.table-icon.details {
    background-position: center;
    background-size: 100% !important;
}
.breadcrumb .form-row.search-area .btn, .breadcrumb .form-row.search-area .btn {
    background: rgb(11,192,241) !important;
    display: flex;
    align-items: center;
}
.table-border {
    border: 1px solid #ece8e8;
}
.upload-pdf-title {
    color: rgb(65 69 136);
    font-size: 2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.btn.btn-light {
    background-color: #ababab;
    color: #fff;
}
.trQuestion label {
    position:relative;
}
.trQuestion label:before {
    content: url(../img/tariff/que-icon.svg);
    left: -20px;
    position: absolute;
}
/*#LoyalityDetails label:before {
    content: url(../img/tariff/que-icon.svg);
    left: 0px;
    position: absolute;
}
#LoyalityDetails label {
    position: relative;
    padding-left: 1.5rem;
}*/
#LoyalityDetails label {
    font-weight:600;
}
.header .header-main {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%);
}

select.form-control {
    background-position-x: 98%;
    background-position-y: center;
    
    font-size: 1.8rem;
}
select.select-2 {
    padding: 1rem 2rem !important;
}
.form-control {
    padding: 1rem 2rem;
    font-size: 1.8rem;
    text-transform:inherit;
}
.loyality-bold-label {
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%);
    padding: 2rem;
}
.loyality-bold-label label{
        color: #000062;
        font-weight: 600;
 }
.form-bold-label label {
    font-weight: 600;
}
html:lang(ar) .home-cards-warrper:before {
    right: auto;
    left: -304px;
}
html:lang(ar) .home-cards-warrper:hover:before {
    left: 0;
}
#LoyalityTermDetails .terms-conditions_text {
    margin-top: 1rem;
}

.EarningLoyalityPointsId .form-control {
    margin-top: 1.5rem;
}

.RedemingEarningLoyalityPointsId .form-control {
    margin-top: 1.5rem;
}


/*.EarningLoyalityPointsId  span {
    margin-bottom: 1rem;
}*/
.breadcrumb .search-area {
    justify-content: space-between;
}
.close-card .inner-header h3 {
    font-size: 2.4rem;
}
.upload-pdf-title span {
    margin-left: 5px;
}
/*.list-group-sec .list-group-item span {
    color: rgba(1,7,96,.75);
    font-weight: 600;
}
.list-group-sec .list-group-item strong {
    color: rgba(0,0,0,.5);
}*/
#DivTarifRateCard table.dataTable thead th, #DivTarifRateCard table.dataTable thead td {
    min-width: 120px;
    max-width: 200px;
}
.tariff-rate-card table thead th, .tariff-rate-card table thead td {
    min-width: 120px;
    max-width: 200px;
    white-space:normal;
}
.loyality-edit-table th, .loyality-edit-table td{
    padding: 1rem;
}
.loyality-edit-table thead th {
    background-color: transparent !important;
    color: #000062;
    font-weight: 600;
}
.loyality-edit-table .form-control {
    margin-top: 0;
}
.loyality-acc-label {
    margin-left:1rem;
}
.border-bottom-li {
    background-color: transparent !important;
    border: solid #f1f0f6 !important;
    border-width: 0 0 3px !important;
    margin-bottom: 2rem;
}
#header-submenu ul {
    display: none;
}
.badge-primary {
    background: #485bfc;
    color: #fff !important;
}
/*.back-con {
    display:none !important;
}
.tariff-services-tab .tatiff-review-tab_service-details ul li {
    font-size: 2rem;
    display: block;
    margin-bottom: 1.5rem;
    color: rgba(0,0,0,.5);
    border-bottom: 1px solid #0000620f;
}
.tariff-services-tab .tatiff-review-tab_service-details ul li p {
    margin-left: 3rem;
    color: rgba(1,7,96,.75);
    font-weight: 600;

}    
}*/

.card-popup_img {
    color: #5e29d2;
    font-size: 11rem;
}
#delete-master-modal .card-popup_img {
    color: #d9001b;
    font-size: 11rem;
}
.card-popup_title {
    color: #000000bf;
    font-size: 3rem;
}
.card-popup_subtitle {
    color: #000000bf;
    font-size: 2.7rem;
    margin-top: 3rem;
}
.card-popup_success-text {
    color: #00f;
    font-size: 4rem;
    font-weight: 600;
}
.master-table td {
    padding: 5px 18px !important;
}
.validation-pass-wrap {
    background: #485bfc;
    padding: 15px;
    margin-top: 3rem;
}
.pass-wrapper{
    display: flex;
    align-items: center;
}
.pass-wrapper i {
        color: #485bfc;
        background-color: #fff;
        border-radius: 50%;
        width: 50px;
        display: flex;
        height: 50px;
        font-size: 50px;
        align-items: center;
        justify-content: center;
}
.pass-sec {
    display: block;
    color: #fff;
    margin-left:2rem;
}
.pass-sec strong {
   font-size: 2.5rem;
}
.validation-list  .list-group-item-inner {
    display: block;
}
.validation-list .list-group-item {
    border-bottom: 3px solid #f1f0f6;
}
.validation-list .list-group-item-inner strong {
    color: #010760;
    font-weight: 600;
    font-size: 2.4rem;
}
.validation-list .list-group-item-inner span{
    color: rgba(0,0,0,.5);
}
.border-bottom-li-card .list-group .list-group-item {
    border-bottom: 3px solid #f1f0f6;
}
.note-wrapper p {
    margin-left:1.5rem;
}
.bg-blue-comment-wrapper .col-lg-1 {
    width: 4.333333%;
}
.feed-wrapper_list-item {
    background: #24d3fd;
    color: #fff;
    margin-bottom: 3rem;
    padding: 15px;
}
.feed-wrapper_list-item-member {
    display: flex;
    justify-content: flex-end;
}
.feed-wrapper_list-item-comment {
    margin-bottom:5rem;
}
.feed-wrapper-deliberation .feed-wrapper_list {
   padding:0 20px;
}

.feed-wrapper-deliberation .feed-wrapper_list-item-info {
    color: #fff;
}
.feed-wrapper-deliberation .feed-wrapper_list-item-info p {
   color: #fff;
}
.feed-wrapper_list-item-left {
    margin-right: 15%;
    background-color: #6f42c1;
}
.feed-wrapper_list-item-right {
    margin-left: 15%;
    background: #24d3fd;
}
.deliberation-popu-form {
    padding: 0px 20px;
}
.upload-form-row {
    justify-content: center;
}
.btn-secondary:focus, .btn-secondary:hover {
    border: 1px solid #02bfec;
}
.note-wrapper {
    margin-top:1rem;
}
[direction=rtl] .pass-sec {
    margin-right: 2rem;
}
.accordion .tatiff-review-tab_service-details ul li p {
    margin-bottom: 0px;
    color: #00f;
}
.tariff-promotion-services_wrap .tatiff-review-tab_service {
    height:75vh;
    overflow-y:auto;
}

.tariff-promotion-services_wrap .tatiff-review-tab_service::-webkit-scrollbar-thumb {
    background: #010760;
}
.tariff-promotion-services_wrap .tatiff-review-tab_service::-webkit-scrollbar {
        height: 10px;
        width: 8px;
}
.tariff-promotion-services_wrap .tatiff-review-tab_service::-webkit-scrollbar-track {
    background-color: #f1f0f6;
}
/**/
[direction=rtl] .step-wraps .step-lists.completed:before {
    background-image: url(../img/tariff/timeline-done-ar.svg);
    background-position: 0% 0;
}
[direction=rtl] .step-wraps .step-lists.completed:before {
    transform: rotate(0);
}
.home-cards-overflow .col-lg-3{
    overflow:hidden;
}
.home-cards-overflow .col-lg-3 .home-cards-warrper-link {
    right:2px;
}
.select2-container-multi {
    padding-right: 30px !important;
}

.select2-container-multi:after {
        content: "";
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        border-top: 5px solid #485bfc;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
}
.profile-bg {
    padding:2.2rem 0;
}
.profile-card .list-group-flush > .list-group-item {
    border-bottom: 3px solid #f1f0f6;
}
.profile-card .list-group-flush > .list-group-item:last-child {
    border-bottom:none;
}
.home-card-grayout-wrapper {
    background: #e3e0e0;
}
.home-card-grayout-wrapper:hover .home-cards-warrper-name {
    color: #010760;
    position: static;
 }
.home-card-grayout-wrapper .home-cards-warrper-link {
    pointer-events: none;
    color: #6c757d;
}
.home-card-grayout-wrapper:before {
    background: transparent;
    border: none;
}
.home-card-grayout-wrapper:hover a {
    color: #6c757d;
}
.home-card-grayout-wrapper:hover .home-cards-warrper-name {
     margin-top: 1rem;
}
.previewpackage-modal-content section {
    padding: 0;
}

.previewpackage-modal-content {
    background-color: #edeeff;
}

.download-col .icon {
    padding-right: 5px;
    font-size: 20px;
}

#createTariffForm #DivInOutPeakDetails .ddlOptr {
    width: 200px;
    max-width: 200px;
}

#createRoamingTariffForm #DivTarifRateCard .ddlOptr {
    width: 200px;
    max-width: 200px;
}

#createRoamingTariffForm #DivTarifRateCard .select2-container-multi .select2-choices .select2-search-choice {
    white-space: normal !important;
}

#createTariffForm #DivInOutPeakDetails .select2-container-multi .select2-choices .select2-search-choice {
    white-space: normal !important;
}
.requird-field {
    float: right;
    font-size: 12px;
    color: red;
    font-weight: normal;
}
.error-wrapper__title {
    font-size: 12rem;
    color: #000;
    margin: 15px 0;
}

.error-wrapper__para1 {
    font-size: 5rem;
}
.error-wrapper__para1 .text-danger {
    font-size: 5rem;
}

.error-wrapper__para2 {
    font-size: 3rem;
}

.error-wrapper__btn {
    margin-top: 4rem;
}

#fmAdditionalCards #tblheadsixty #idSerOff {
    min-width: 250px;
}

#fmAdditionalCards #idBenefit_1 {
    max-width: auto;
    width: auto;
    white-space: normal;
}

#fmAdditionalCardsEdit #idBenefit_1 {
    max-width: auto;
    width: auto;
    white-space: normal;
}

.modelXl{
    max-width:1140px;
}
.dateinput{
    width:40%;
}

.tatiff-review-tab_service-details ul li{
    display:inherit;
}