/* ======== colum grid setting Start ============= */
.columnSettingPopModal .settingRow {
  display: flex;
  align-items: center;
  margin:0;
}
    .columnSettingPopModal .settingRow #btn-up, .columnSettingPopModal .settingRow #btn-down {
        margin-top: 0;
    }
    .columnSettingPopModal .settingRow #btn-up {
        margin-bottom: 4px;
    }
    .columnSettingPopModal .settingRow #select-to, .columnSettingPopModal .settingRow #select-from {
        width: 100%;
    }
    .columnSettingPopModal .settingRow .lableWidthlms {
        position: absolute;
        bottom: -95px;
    }
    .columnSettingPopModal .settingRow  .btn-icon-only > i {
        margin-top: 0;
    }
.columnSettingPopModal .main-rw {
    margin-left: 0;
}
.columnSettingPopModal .labelwidth-col{
    position: relative;
}
.word-break{
   word-break: break-all;
}
/* ======== colum grid setting End ============= */
/* course classTest overview button css*/
.ctx-noPadding button.courseOverviewbtn-elipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#epicListDiv {
    max-width: 50%;
    min-width: 34%;
}

#epicListDiv .btn-group {
    float: left;
}

#epicListDiv .btn-group ul.multiselect-container .dropdown-menu {
    max-width: 98%;
}

#epicListDiv .btn-group ul.multiselect-container.dropdown-menu li a {
    max-width: 100%;
    white-space: nowrap;
}

#epicListDiv .multiselect-native-select .btn-group button span {
    max-width: 95%;
}

#epicListDiv .dropdown-menu {
    min-width: 100%;
}

#epicListDiv span.multiselect-native-select .btn-group button.multiselect .caret {
    float: right;
    margin-top: 9px;
}

#epicListDiv .btn-group button.multiselect.dropdown-toggle.btn.btn-default {
    background: var(--color-white) !important;
    color: #5f5f5f !important;
    border-color: #ccc !important;
    width: 100%;
    border: 1px solid #ccc !important;
}
#epicListDiv .btn-group button.multiselect.dropdown-toggle.btn.btn-default span{
    font-size:14px !important;
}
#searchEpicListBtn {
    border-radius: 0px 5px 5px 0px;
}

.AddBtn {
    margin-bottom: 10px;
    background-color: #3c763d;
    border-color: #3c763d;
}

    .AddBtn:hover {
        background-color: #3c763d;
        border-color: #3c763d;
    }

.media {
    border: 1px solid #ddd;
}

.mymedia {
    border-radius: 0px;
    width: 98% !important;
    padding: 5px;
}

.backLog {
    background: #B0E0E6;
}

.toDo {
    background: #e5e5e5;
}

.done {
    background: #99ff99;
}

.btn-link {
    color: var(--color-black);
}

.blueCard {
    background: #B0E0E6;
}

.redCard {
    background: #ff7f7f;
}

/*@media (min-width: 992px) {
    .modal-lg {
        width: 1080px;
        padding: 0 15px;
    }
}*/
/*for Announcement modal responsiveness issue*/

@media (min-width: 992px) {
    #AnnouncementsModal .modal-lg {
        width: 990px;
    }
}

.page-footer {
    z-index: -1;
}

.show-lab, .hideBacklogDiv, .hideColumn, div#BacklogTreeTableProduct_filter {
    display: none;
}

#result {
    border: 1px solid #888;
    background: #f7f7f7;
    padding: 1em;
    margin-bottom: 1em;
    z-index: 10000;
    opacity: 5;
}

body {
    overflow-x: hidden;
}

.highlight {
    background-color: #000080;
    color: var(--color-white);
}

.tasks {
    min-height: 100px;
}

.highlight {
    background-color: #79b9e1;
    color: var(--color-white);
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    min-height: 100px;
    /*height: 100%;*/
}

hr {
    /*border-top: 1px solid black;*/
    border-top: 1px solid #c2cad8;
}

.backLog {
    background-color: var(--color-white);
    border: none;
    padding: 0px;
}

.bug {
    background-color: red;
    min-height: 100px;
    width: 8px;
}

.media-body {
    background-color: var(--color-white);
}

.panel {
    background: none;
    border: none;
}

.testmyu {
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
}

.highLightItr {
    background-color: #50C878;
    color: var(--color-white);
}

ul.combo-dropdown {
    z-index: 9999999999;
}

.itrdan {
    text-align: left;
}

.pl45 {
    padding-left: 45px;
}

a.childRows.fa.fa-play {
    color: #868686;
    text-decoration: none;
    font-size: 10px;
}

a.childRows.fa.fa-caret-down.fa-2x {
    color: #868686;
    font-size: 18px;
    text-decoration: none;
}

a.subChild.fa.fa-play {
    text-decoration: none;
    margin-right: 5px;
    color: #868686;
    font-size: 10px;
}

a.subChild.fa.fa-caret-down.fa-2x {
    color: #868686;
    text-decoration: none;
    margin-right: 5px;
    font-size: 18px;
}


.fa-caret-right {
    color: silver;
}

.fa-caret-right {
    color: silver;
}

.fa-caret-down {
    color: silver;
}

.fa-caret-down {
    color: var(--color-black) !important;
}

.fa-caret-right {
    color: var(--color-black) !important;
}

.btn.btn-outline.blue.active, .btn.btn-outline.blue:active, .btn.btn-outline.blue:active:focus, .btn.btn-outline.blue:active:hover, .btn.btn-outline.blue:focus, .btn.btn-outline.blue:hover {
    border-color: #3598dc !important;
   color: var(--secondary-color) !important;
    background: 0 0 !important;
    cursor: default;
}


.btn.btn-outline.yellow.active, .btn.btn-outline.yellow:active, .btn.btn-outline.yellow:active:focus, .btn.btn-outline.yellow:active:hover, .btn.btn-outline.yellow:focus, .btn.btn-outline.yellow:hover {
    border-color: #c49f47 !important;
    color: #c49f47 !important;
    background: 0 0 !important;
    cursor: default;
}

.btn.btn-outline.green-haze.active, .btn.btn-outline.green-haze:active, .btn.btn-outline.green-haze:active:focus, .btn.btn-outline.green-haze:active:hover, .btn.btn-outline.green-haze:focus, .btn.btn-outline.green-haze:hover {
    border-color: #44b6ae !important;
    color: #44b6ae !important;
    background: 0 0 !important;
    cursor: default;
}

.btn.btn-outline.red.active, .btn.btn-outline.red:active, .btn.btn-outline.red:active:focus, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:focus, .btn.btn-outline.red:hover {
    border-color: #e7505a !important;
    color: #e7505a;
    background: 0 0;
    cursor: pointer;
}

.table-scrollable {
    overflow-x: hidden;
}

.moveable tr {
    cursor: move;
}

.NotMoveAble tr {
    cursor: auto;
}

#mytags {
    background-color: var(--color-white);
    border-radius: 4px !important;
}

ul.combo-dropdown {
    z-index: 10;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 910009999 !important;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: var(--color-white);
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}

.ui-state-hover, .ui-state-active {
    color: var(--color-white);
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.selectedIteration a:hover {
    background-color: #79b9e1;
    color: var(--color-white);
}

.selectedIteration:focus, .selectedIteration:hover {
    background-color: #79b9e1;
    color: var(--color-white);
}

.nav nav-stacked li a:focus {
    background-color: #79b9e1;
    color: var(--color-white);
}

.nav nav-stacked li a:hover {
    background-color: #79b9e1;
    color: var(--color-white);
}

.portlet.box.yellow {
    border: none;
}

.epicColor {
    background-color: #5E738B;
}


.featureColor {
    background-color: #4C87B9;
}

.userStoryColor {
    background-color: rgb(121, 185, 225);
}

.defectColor {
    background-color: #d05454;
}

.taskColor {
    background-color: #F3C200;
}

b.cap {
    font-size: 11px;
}


ul#main-nav-tabs {
    background-color: var(--color-white);
}

div#productDiv {
    background-color: var(--color-white);
    padding: 10px;
}

.showBacklogDiv {
    display: block;
}

.username {
    padding-top: 0px !important;
}

div#tab_15_2 {
    background-color: var(--color-white);
}


.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
}

.loader {
    z-index: 20;
    visibility: visible;
    color: #0dc5c1;
    font-size: 12px;
    text-indent: -99999em;
    margin: 55px auto;
    position: relative;
    width: 10em;
    height: 10em;
    box-shadow: inset 0 0 0 1em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

    .loader:before,
    .loader:after {
        position: absolute;
        content: '';
    }

    .loader:before {
        width: 5.2em;
        height: 10.2em;
        background: var(--color-white);
        border-radius: 10.2em 0 0 10.2em;
        top: -0.1em;
        left: -0.1em;
        -webkit-transform-origin: 5.2em 5.1em;
        transform-origin: 5.2em 5.1em;
        -webkit-animation: load2 2s infinite ease 1.5s;
        animation: load2 2s infinite ease 1.5s;
    }

    .loader:after {
        width: 5.2em;
        height: 10.2em;
        background: var(--color-white);
        border-radius: 0 10.2em 10.2em 0;
        top: -0.1em;
        left: 5.1em;
        -webkit-transform-origin: 0px 5.1em;
        transform-origin: 0px 5.1em;
        -webkit-animation: load2 2s infinite ease;
        animation: load2 2s infinite ease;
    }

@-webkit-keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.innerDivFade {
    top: 25%;
}

#tablestates .label {
    color: var(--color-black) !important;
}

#backlogDiv .full-width-dropdown {
    width: 100% !important;
}

    #backlogDiv .full-width-dropdown a:focus {
        outline: none;
    }

button#setEstimate {
    width: 100% !important;
    padding: 6px 4px !important;
}

.showColumn {
    display: inline-grid;
}

span.indenter {
    float: left;
    height: 1px;
}

.showTreeTableBtnProduct {
    display: block;
}

.bg-green-jungle, .bg-hover-green-jungle:hover {
    background: #26C281;
}

.state-new-label {
    background-color: rgb(103, 183, 220);
}

.state-approved-label {
    background-color: #3598DC;
}

.state-committed-label {
    background-color: #4B77BE;
}

.input-group.treeIconSections {
    display: -webkit-box;
    margin-top: 4px;
}

label.titleTruncate {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    padding-right: 30px !important;
}

.popover {
    max-width: 280px;
}

.btnCollapse, .btnExpand {
    margin-right: 4px;
}

#productTable {
    /*table-layout: fixed;*/
    overflow-x: auto;
    width:100%;
}

.label.label-info {
    background-color: #daf1fb;
    display: inline-block;
    margin-bottom: 4px;
    margin-right: 2px;
    color: var(--color-black);
    font-weight: 400;
}

#the_predefined_value {
    color: var(--color-black) !important;
}


.table-responsive::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

div#productTable_length {
    padding: 3px !important;
}

#productTable {
    overflow-x: scroll !important;
}

.ui-resizable-se {
    cursor: col-resize !important;
}

#productTable .btn-group .multiselect-container li a label {
    padding: 5px;
}

#productTable .btn-group .multiselect.dropdown-toggle.btn.btn-default {
    text-align: left;
    background-color: var(--color-white) !important;
    color: var(--color-tableTh) !important;
    border: 1px solid #c2cad8 !important;
    border-radius: 0px;
    height: 30px !important;
}

    #productTable .btn-group .multiselect.dropdown-toggle.btn.btn-default .caret {
        float: right;
        margin-top: 8px;
    }

#productTable .btn-group .multiselect.dropdown-toggle.btn.btn-group.dropdown-toggle {
    box-shadow: none;
}

#stateDialsProduct {
    padding-top: 2%;
    text-align: center;
}


div#BacklogTreeTableGrooming_filter {
    display: none;
}

span.indenter {
    float: left;
    height: 1px;
}

.bg-green-jungle, .bg-hover-green-jungle:hover {
    background: #26C281;
}

.state-new-label {
    background-color: rgb(103, 183, 220);
}

.state-approved-label {
    background-color: #3598DC;
}

.state-committed-label {
    background-color: #4B77BE;
}


#addBtnDiv .btn-sm.btn-outline {
    margin-left: 8px;
    border-radius: 3px;
}

.btnCollapse, .btnExpand {
    margin-right: 4px;
}

#BacklogTreeTableGrooming {
    margin: 0 auto;
    width: 95%;
}

.row {
    padding-bottom: 5px;
}


div#loadingBarGrooming {
    margin: 0;
}

div#groomingTable_length {
    padding: 3px !important;
}

#groomingTable {
    overflow-x: scroll !important;
    table-layout: fixed;
    overflow-x: auto;
}

.ui-resizable-se {
    cursor: col-resize !important;
}

#switchGrooming .bootstrap-switch-container {
    width: 102px !important;
}


#groomingTable .btn-group .multiselect-container li a label {
    padding: 5px;
}

#groomingTable .btn-group .multiselect.dropdown-toggle.btn.btn-default {
    text-align: left;
    background-color: var(--color-white) !important;
    color: var(--color-tableTh) !important;
    border: 1px solid #c2cad8 !important;
    border-radius: 0px;
}

    #groomingTable .btn-group .multiselect.dropdown-toggle.btn.btn-default .caret {
        float: right;
        margin-top: 8px;
    }

#groomingTable .btn-group .multiselect.dropdown-toggle.btn.btn-group.dropdown-toggle {
    box-shadow: none;
}

#stateDialsGrooming {
    text-align: center;
    padding-top: 2%;
}

span.multiselect-native-select .btn-group button {
    height: 34px !important;
}
/*Column Settings Styles*/

    .columnSetting-dropdown:before {
        left: 140px !important;
    }

    .columnSetting-dropdown:after {
        left: 140px !important;
    }
.dropdown-menu.columnSetting-dropdown li:first-child:after {
    border-bottom: 0 !important;
}

button.btn.ctx-btn-circle.dropdown-toggle {
    background: var(--color-white);
}

#addRemoveProductColumns {
    color: var(--color-tableTh);
    font-weight: 600;
    padding: 5px;
    text-align: center;
}

.dropdown-plan-menu {
    left: -70px !important;
}

.dropdown-plan-submenu {
    left: -150px !important;
}

#CustomFilterList {
    width: 100%;
    max-height: 170px;
}

    #CustomFilterList li a.customeFilter {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

#TeamQueryTable {
    table-layout: fixed;
}

.ctx-scroll-Style:hover::-webkit-scrollbar-thumb, .ctx-sidebar-postion:hover::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb, #content:hover::-webkit-scrollbar-thumb, .ctx-scrolls:hover::-webkit-scrollbar-thumb, .table-responsive:hover::-webkit-scrollbar-thumb, #slide-navbar-collapse:hover::-webkit-scrollbar-thumb, .ctx-projects:hover::-webkit-scrollbar-thumb, .bs-modal-lg .modal-dialog .modal-body:hover::-webkit-scrollbar-thumb, .ui-widget-content:hover::-webkit-scrollbar-thumb, .ctx-tags-Main:hover::-webkit-scrollbar-thumb {
    /*border-radius: 0 !important;*/
}
.popover.fade .popover-content {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ctx-guideTourPopup .popover-content {
    color: var(--color-white) !important;
    width: 100% !important;
}

.ctx-guideTourPopup .popover-title {
    color: var(--color-white) !important;
}

.timeHours {
    padding-top: 0px !important;
}

.addTimeNoteRows:hover {
    color: var(--primary-color);
    cursor: pointer;
}

.removeTimeNoteRows :hover {
    color: #e7505a;
    cursor: pointer;
}

/*to center align pagination in popups*/
.dataTables_wrapper .dataTables_paginate ul.pagination {
    margin: 0;
}

/*to center align attachment pagination*/
#TableAttachmetnGlobal_length.dataTables_length label{
    padding-top: 2px !important;
}
.removeTimeNote :hover {
    color: #e7505a;
    cursor: pointer;
}

.central-view-row {
    margin-bottom: 5px;
}

    .central-view-row .btn-group {
        margin-right: 4px;
    }
#ManageCourseFieldsModal .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
#ManageCourseFieldsModal .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
#ManageCourseFieldsModal .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    padding: 4px;
    font-size: 11px;
}
x#AssesmentGrid .thtd-Center.text-center{
    text-align:center !important
}
#ManageClassesPopu .modal-header .modal-title label {
    padding-top: 0;
}
.dataTables_extended_wrapper #ManageCoursesClassTable.table.dataTable {
    margin: 10px 0 !important;
}
/*for central sorting popup courstable title width form draging*/
.ui-sortable-helper .CoursesTbl-title {
    width:90%;
}
.ui-sortable-helper span.label.label-sm {
    white-space: nowrap;
    margin-right: 0 !important;
    text-overflow: initial;
}
/*for Manage Inventry Icon Alignment*/
.TopDiv .form-group .ctx-btn-circle.manageClass {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*for User table First Column Width*/
#UserTbl.tbleActionColumn-rmv.dataTable tr th:first-child {
    width: 1px !Important;
}
.course-registration-box .course-registration-content .timeDesc-content .Course-Description-Area {
    overflow-x: auto;
    overflow-y: hidden;
}
.course-registration-box .course-registration-content .timeDesc-content .Course-Description-Area h1#net-guide > img,
.course-registration-box .course-registration-content .timeDesc-content .Course-Description-Area p > img {
    display: block;
    max-width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 10px;
}
/*for  summer note video*/
.timeDesc-content .Course-Description-Area .note-video-clip{
    width:100%;
}
/*Active Classess Instructor Name and Location*/
.right-side .instructor-name,
.right-side .course-location {
    white-space: normal;
    word-break: break-word;
}
/*Franchise Popup Cross Browser Height Issue*/
@-moz-document url-prefix() {
    .ctx-large-modal#franchiseModel .modal-dialog .modal-body {
        height: calc(100% - 120px);
    }
}

/*for grid Scrolling in Safari*/
.table.grid-scrol.tblfamily,
.table.grid-scrol.tblStudent,
.table.dataTable.no-footer {
    overflow-x: auto !important;
}

/*Class Board select 2 Challenge Filters Btn*/

#challenge-filter-div {
    margin-right: 6px;
}

#challenge-filter-div .select2-container--bootstrap .select2-selection--single {
    background-color: var(--primary-color);
    border-radius: 4px !important;
}

    #challenge-filter-div .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
        color: var(--color-white) !important;
    }

    #challenge-filter-div .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
        border-color: #fff transparent transparent transparent;
        left: -4px;
    }

#challenge-filter-div .select2-container--bootstrap {
    padding-right: 6px;
}

    #challenge-filter-div .btn-group.open .dropdown-menu {
        min-width: 375px;
    }
/* ==== Manage Franchise Status popupLinks =====  */
#FranchiseStatusGrid span.label.grid-openPopup-Link {
    text-decoration: none !important;
}

 #FranchiseStatusGrid span.label.grid-openPopup-Link:hover {
    color: var(--color-lightBlack);
 }

/*for check input check out grid top pagination alignment*/
#tab_ManagePins #ManagePinTabArea #staffaccordion .tableTopPagination {
    display: flex;
    align-items: center;
}
#tab_ManagePins #ManagePinTabArea #staffaccordion div.dataTables_length label {
    margin-bottom: 0;
}
#challenge-filter-div span.multiselect-native-select .btn-group button.multiselect {
    max-width: 200px;
}
    #challenge-filter-div span.multiselect-native-select .btn-group button.multiselect .caret {
        margin-left: -2px;
    }
/*for students tab Attendance nodataimage padding*/
.nodata-paddingtop120 {
    padding-top: 120px;
}
.tab-content .tab-pane .form-group label {
    margin-bottom: 0;
}
/*for Families popup skills certificate view*/
.fancybox-stage .fancybox-slide--iframe .fancybox-content {
    background: transparent;
}
.fancybox-stage .fancybox-slide--iframe .fancybox-content .fancybox-iframe body{
    display: flex;
    align-items: center;
    justify-content: center;
}
/*for  popup height issue*/

.ctx-large-modal .modal-dialog .modal-body {
    height: calc(100% - 126px);
}
form#GradingConfigForm, #divfranchise form#createFranchiseForm, #divcreateEvent form#DynamicEventForm, #divAddEditLead form#AddEditLeads, form#createAgreementForm, form#createInventoryForm, form#ArticleForm {
    height: 100%;
}
#challenge-information .panel-body .ctx-assignee .ctx-assignee-title {
    white-space: nowrap;
    overflow: hidden;
    width: 85%;
    display: inline-block;
    text-overflow: ellipsis;
    padding-top: 4px;
}

/*Custom Sweet Alert Popup Style ((.custom-sweet-alert-box) add this class in parent div)*/

.custom-sweet-alert-box .sa-icon.sa-warning.pulseWarning {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    border-radius: 50%;
    margin: 20px auto;
    position: relative;
    box-sizing: content-box;
}
.custom-sweet-alert-box span.sa-body.pulseWarningIns {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #f0ad4e;
}
.custom-sweet-alert-box span.sa-dot.pulseWarningIns {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #f0ad4e;
}
.custom-sweet-alert-box p.lead.text-muted {
    text-align: center;
}
.custom-sweet-alert-box button.confirm.btn.btn-lg.btn-api-upload {
    background-color: #255884;
    border: none;
    color: var(--color-white);
    padding: 10px 16px;
    font-size: 18px !important;
    line-height: 1.33333;
    border-radius: 6px;
}
.custom-sweet-alert-box button.cancel.btn.btn-lg.btn-normal-upload {
    background-color: #5cb85c;
    color: var(--color-white);
    border: none;
    padding: 10px 16px;
    font-size: 18px !important;
    line-height: 1.33333;
    border-radius: 6px;
}
.custom-sweet-alert-box .btn.cancel {
    color: var(--color-black);
    border: none;
    padding: 10px 16px;
    font-size: 18px !important;
    line-height: 1.33333;
    border-radius: 6px;
    display: inline-block;
}

/*stop hide student popup double scroll*/
#StudentInfoPopup.ctx-large-modal .modal-dialog .modal-body {
    overflow: inherit;
}
#divAgreement #AggreementStateDDL + ul.dropdown-menu.stateScroll {
    max-height: 200px;
    overflow-y: auto;
}
/*Franchise setup content boarding checklist items*/
div#FranchiseSetupTabs span.closeCheckList.update,
#checklistModal.modal #todoContainer .dd-list .closeCheckList.update {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 13px;
    cursor: pointer;
}


@media (min-width: 992px) {
    #ShowQuestionPreview_Modal .modal-lg, #Add_Question_modal_New .modal-lg, #Add_Question_modal_Edit .modal-lg {
        max-width: 1080px;
        width: 100%;
    }
}

#manageStepsBtn ul.dropdown-menu {
    max-height: 200px;
    overflow: auto;
    left: auto;
    margin: 0px;
}
div#manageStepsBtn.open:before {
    position: absolute;
    top: 46px;
    left: 20px;
    right: auto;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e0e0e0;
    border-left: 8px solid transparent;
    content: "";
}
div#manageStepsBtn.open:after {
    content: "";
    position: absolute;
    top: 47px;
    left: 21px;
    right: auto;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
}
p.noDataFoundText {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
}
.showAnyTimeModalbody{
    min-height: 150px;
}
.showAnyTimeModalbody .btn-group, .showAnyTimeModalbody .btn-group button {
    width: 100% !important;
}
.showAnyTimeModalbody .anyTimePrice p {
    margin: 0;
    font-weight: 700;
}
.showAnyTimeModalbody .anyTimePrice {
    margin-top: 15px;
}
#AssesmentGrid .date-picker .input-group-btn .btn{
    border: 0;
}