.CA_Form {
    padding-top: 28px;
    margin: 0px !important;
}

.h-custom::before {
    height: 158px !important;
}

.View_Row {
    background: url("../images/AU_ICons/Ellipse2.png") left top / auto no-repeat, linear-gradient(90deg, rgb(137, 40, 143) 0.56%, rgb(137, 40, 143) 100%) center center;
    height: 100%;
    width: 100%;
    margin: 0px 0px 30px;
}

.View_Row-1 .Cus_Width {
    padding: 10px 0px 20px !important;
}

.View_Row-2 {
    margin: 0px;
}

.View_Row-1::before {
    background: url("../images/AU_ICons/Ellipse2.png") left top / auto no-repeat, linear-gradient(90deg, rgb(137, 40, 143) 0.56%, rgb(137, 40, 143) 100%) center center;
    height: 300px;
    width: 100%;
    margin: 0px 0px 30px;
    position: absolute;
}

.CA_Form::before {
    background: url("../images/AU_ICons/Ellipse2.png") left top / auto no-repeat, linear-gradient(90deg, rgb(137, 40, 143) 0.56%, rgb(137, 40, 143) 100%) center center;
    content: "";
    position: absolute;
    height: 258px;
    top: 0px;
    width: 100%;
}

.CA_Form.Carrer_row::before {
}

.carrer-grid {
    width: calc(100% - 254px);
    float: unset;
    margin: 0px auto !important;
}

.carrer-title {
    min-height: 201px;
    display: flex;
    align-items: center;
    text-align: center;
}

.carrer-title h1 {
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.carrer-title h6 {
    color: rgba(51, 51, 51, 0.95);
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    text-align: left;
    font-weight: 500 !important;
}

@media only screen and (max-width: 960px) {
    .service-grid .Rep-Row .col-lg-12, .service-grid .Rep-Row .col-md-12, .service-grid .Rep-Row .col-xs-12, .service-grid .Rep-Row .col-sm-12, .service-grid .Rep-Row .col-xl-12 {
        padding: 0px 20px;
        width: 100% !important;
    }

    #divCanvas .Landing_Grid .Rep-Row .col-lg-12, #divCanvas .Landing_Grid .Rep-Row .col-md-12, #divCanvas .Landing_Grid .Rep-Row .col-xs-12, #divCanvas .Landing_Grid .Rep-Row .col-sm-12, #divCanvas .Landing_Grid .Rep-Row .col-xl-12 {
        padding: 0px;
        width: 100% !important;
    }

    .white-col {
    }
}

@media only screen and (max-width: 1366px) {
    .service-grid .Rep-Row .col-lg-12, .service-grid .Rep-Row .col-md-12, .service-grid .Rep-Row .col-xs-12, .service-grid .Rep-Row .col-sm-12, .service-grid .Rep-Row .col-xl-12 {
        padding: 0px 20px;
        width: 100% !important;
    }

    .Cus_Width2, .View_Row .Cus_Width, .Tabs_CA .tabbable {
        padding: 0px 30px;
        width: 100% !important;
        margin: 0px auto !important;
    }

    .carrer-grid, .carrer-title {
        padding: 0px 30px;
        width: 100% !important;
        margin: 0px auto !important;
    }

    .Tabs_CA .tabbable .nav {
        justify-content: center;
    }
}

.Tabs_CA .tabbable {
    width: calc(100% - 254px);
    margin: 0px auto !important;
}

.Tabs_CA .tabbable .nav {
    border-radius: 10px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px 0px;
    display: flex;
    align-items: center;
    place-content: center space-around;
    flex-flow: wrap;
    padding: 10px 0px !important;
    height: unset !important;
}

.Tabs_CA .tabbable ul li a span {
    min-height: 48px;
    display: flex;
    align-items: center;
    line-height: 24px;
    place-content: center;
}

.Tabs_CA .tabbable ul li a {
    color: rgb(53, 75, 86);
    text-align: center;
    font-size: 1.4rem;
    font-style: normal;
    padding: 60px 10px 10px;
    max-width: 125px;
    font-weight: 400 !important;
    min-width: 125px !important;
    opacity: 1 !important;
}

.Tabs_CA .tabbable ul li a:hover {
    background: transparent;
    border: none;
    margin: 0px !important;
}

.Tabs_CA .tabbable ul li.active a {
    text-align: center;
    font-size: 1.4rem;
    font-style: normal;
    line-height: normal;
    border: none !important;
    color: rgb(137, 40, 143) !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

.Tabs_CA .tabbable ul::after {
    display: none !important;
}

.Tabs_CA .tabbable ul li:nth-child(1) a {
    background-image: url("../images/AU_ICons/Ins_Normal.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.Tabs_CA .tabbable ul li.active:nth-child(1) a {
    background-image: url("../images/AU_ICons/Ins_Active.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.Tabs_CA .tabbable ul li:nth-child(2) a {
    background-image: url("../images/AU_ICons/PI_Normal.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.Tabs_CA .tabbable ul li.active:nth-child(2) a {
    background-image: url("../images/AU_ICons/PI_Active.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.Tabs_CA .tabbable ul li:nth-child(3) a {
    background-image: url("../images/AU_ICons/Acd_Normal.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.Tabs_CA .tabbable ul li.active:nth-child(3) a {
    background-image: url("../images/AU_ICons/Acd_Active.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.Tabs_CA .tabbable ul li:nth-child(4) a {
    background-image: url("../images/AU_ICons/Pub_Normal.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.Tabs_CA .tabbable ul li.active:nth-child(4) a {
    background-image: url("../images/AU_ICons/Pub_Active.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.Tabs_CA .tabbable ul li:nth-child(5) a {
    background-image: url("../images/AU_ICons/ED_Normal.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.Tabs_CA .tabbable ul li.active:nth-child(5) a {
    background-image: url("../images/AU_ICons/ED_Active.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.Tabs_CA .tabbable ul li:nth-child(6) a {
    background-image: url("../images/AU_ICons/TS_Normal.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.Tabs_CA .tabbable ul li.active:nth-child(6) a {
    background-image: url("../images/AU_ICons/TS_Active.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.Tabs_CA .tabbable ul li:nth-child(7) a {
    background-image: url("../images/AU_ICons/SOP_Normal.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.Tabs_CA .tabbable ul li.active:nth-child(7) a {
    background-image: url("../images/AU_ICons/SOP_Active.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.Tabs_CA .tabbable ul li:nth-child(9) a {
    background-image: url("../images/AU_ICons/Ref_Normal.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.Tabs_CA .tabbable ul li.active:nth-child(9) a {
    background-image: url("../images/AU_ICons/Ref_Active.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.Tabs_CA .tabbable ul li:nth-child(10) a {
    background-image: url("../images/AU_ICons/RS_Normal.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.Tabs_CA .tabbable ul li.active:nth-child(10) a {
    background-image: url("../images/AU_ICons/RS_Active.svg");
    background-position: center 10px;
    background-repeat: no-repeat;
}

.top_border_panel {
    border-radius: 10px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px 0px;
    border-top: 3px solid rgb(137, 40, 143);
}

.top_border_panel .grey_body {
    background: rgb(250, 250, 250);
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    border-radius: 10px 10px 0px 0px;
}

.top_border_panel .grey_body .primary_text, .top_border_panel .panel-body .inner-list .primary_text {
    padding-left: 20px;
    background-image: url("../images/AU_ICons/PT_Icons.svg");
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: 0px 5px;
    margin: 10px 0px;
}

.top_border_panel .grey_body .primary_text span, .top_border_panel .panel-body .inner-list .primary_text span {
    color: rgb(0, 0, 0);
    font-size: 1.4rem;
    font-style: normal;
    line-height: normal;
    margin-right: 15px;
    font-weight: 600 !important;
}

.red-text {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: rgba(229, 86, 86, 0.84) !important;
}

.top_border_panel .grey_body .secondary_text, .top_border_panel .panel-body .inner-list .secondary_text {
    padding-left: 30px;
    background-image: url("../images/AU_ICons/Ellipse3.svg");
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: 0px center;
    margin: 10px 0px 10px 20px;
}

.top_border_panel .grey_body .secondary_text span, .top_border_panel .panel-body .inner-list .secondary_text {
    color: rgb(0, 0, 0);
    font-style: normal;
    line-height: normal;
    font-size: 1.4rem !important;
    font-weight: 600 !important;
}

.top_border_panel .grey_body .secondary_text span a {
    color: rgb(137, 40, 143);
    font-weight: 600 !important;
}

.top_border_panel .panel-body .title {
    border-radius: 0px 0px 10px 10px;
    background: rgba(228, 221, 159, 0.17);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 50px;
    width: fit-content !important;
    margin: 0px auto 20px !important;
}

.top_border_panel .panel-body {
    padding-bottom: 0px !important;
}

.top_border_panel .panel-body .title span {
    font-size: 1.4rem;
    font-style: normal;
    line-height: normal;
    color: rgb(48, 43, 43) !important;
    font-weight: 500 !important;
}

.top_border_panel .panel-body .title span.pl-5 {
    color: rgba(34, 182, 75, 0.84) !important;
    font-weight: 600 !important;
}

.top_border_panel .panel-body .list_col {
    position: relative;
}

.top_border_panel .panel-body .list_col::before {
    content: "";
    position: absolute;
    border-left: 1px dashed rgba(0, 0, 0, 0.26);
    width: 1px;
    left: 15px;
    height: calc(100% - 10px);
    top: 10px;
}

.top_border_panel .panel-body .inner-list {
    position: relative;
    padding-left: 60px;
    margin-bottom: 30px;
}

.top_border_panel .panel-body .inner-list::before {
    content: "";
    position: absolute;
    background: url("../images/AU_ICons/dot_purple.svg") no-repeat;
    width: 30px;
    aspect-ratio: 1 / 1;
    left: -6px;
    top: 0px;
}

.top_border_panel .panel-body .inner-list h1 {
    color: rgb(53, 75, 86);
    font-size: 1.6rem;
    font-style: normal;
    line-height: normal;
    display: block;
    font-weight: 700 !important;
    margin-bottom: 5px !important;
    margin-right: 15px !important;
}

.top_border_panel .panel-body .inner-list .d-flex {
    align-items: center;
    display: flex;
    flex-direction: row;
}

.top_border_panel .panel-body .inner-list .primary_text, .top_border_panel .panel-body .inner-list .secondary_text {
    margin-top: 13px !important;
    margin-bottom: 15px !important;
}

.yellow-label {
    border-radius: 6px;
    background: rgba(255, 204, 0, 0.17);
    color: rgb(0, 0, 0);
    padding: 6px 14px;
    font-family: "Open Sans";
    font-size: 1.2rem;
    font-style: normal;
    line-height: normal;
    bottom: 2px;
    position: relative;
    font-weight: 600 !important;
}

.red-label {
    border-radius: 6px;
    background: rgba(229, 86, 86, 0.08);
    padding: 3px 12px;
    font-family: "Open Sans";
    font-size: 1rem;
    font-style: normal;
    line-height: normal;
    position: relative;
    bottom: 0px;
    width: fit-content;
    color: rgb(229, 86, 86) !important;
    font-weight: 600 !important;
}

.top_border_panel .panel-body .inner-list .secondary_text span {
    font-weight: 500 !important;
}

.grey-panel {
    border-radius: 10px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px 0px;
    margin: 0px 0px 20px;
}

.grey-panel .panel-body {
    display: flex;
    gap: 0px 20px;
    padding: 20px 0px;
}

.yellow-col {
    border-radius: 6px;
    border: 1px solid rgb(255, 204, 0);
    background: rgba(255, 204, 0, 0.18);
    padding: 15px 10px 15px 25px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: wrap;
    gap: 0px 20px;
}

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

.dep-icon {
    background-image: url("../images/AU_ICons/dep-icon.svg");
    width: 39px;
    aspect-ratio: 1 / 1;
    display: block;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.post-icon {
    background-image: url("../images/AU_ICons/post-icon.svg");
    width: 39px;
    aspect-ratio: 1 / 1;
    display: block;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.panel .panel-heading {
    min-height: 59px;
    display: flex;
    align-items: center;
    padding-left: 35px;
    border-radius: 12px 12px 0px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.panel .panel-heading::before {
    border-radius: 0px;
    background: rgb(137 40 144);
    left: 10px;
    content: "";
    position: absolute;
    width: 5px;
    height: 17px;
    box-shadow: none;
}

#divCanvas .panel .panel-heading h1, #divCanvas .panel .panel-heading h2, #divCanvas .panel .panel-heading h3, #divCanvas .panel .panel-heading h4, #divCanvas .panel .panel-heading h5, #divCanvas .panel .panel-heading h6 {
    font-style: normal;
    line-height: normal;
    border: none;
    padding: unset;
    color: rgb(51, 51, 51);
    font-size: 16px ;
    font-weight: 700 ;
    background: unset;
    margin: 0px;
}

.profile-image-panel {
    border-radius: 6px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 5px 0px;
}

.profile-image-panel .panel-heading {
    padding: 21px 21px 0px;
}

.profile-image-panel .panel-heading h1, .profile-image-panel .panel-heading h2, .profile-image-panel .panel-heading h3, .profile-image-panel .panel-heading h4, .profile-image-panel .panel-heading h5, .profile-image-panel .panel-heading h6 {
    color: rgb(86, 90, 94);
    font-size: 16px;
    font-style: normal;
    line-height: 130%;
    text-align: center;
    font-weight: 700 !important;
}

.profile-image-panel .text-danger {
    margin: 0px auto;
}

.profile-image-panel .text-center div {
    color: rgb(30, 49, 70);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    line-height: 130%;
    margin: 6px 0px;
    font-weight: 700 !important;
}

.profile-image-panel .text-align-center div {
    color: rgba(71, 84, 103, 0.72);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.profile-image-panel .panel.InlineSingle {
    display: flex;
    justify-content: center;
    margin: 0px auto !important;
}

.profile-image-panel .panel.InlineSingle .MainFrameDoc {
    border-radius: 84px;
    width: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 4px solid rgba(59, 97, 235, 0.28) !important;
    height: 110px !important;
    min-height: unset !important;
    padding: 0px !important;
    margin: 0px !important;
}

.profile-image-panel .panel.InlineSingle .MainFrameDoc img {
    object-fit: fill;
    width: 104px !important;
    height: 104px !important;
}

.panel .panel-body h1, .panel .panel-body h2, .panel .panel-body h3, .panel .panel-body h4, .panel .panel-body h5, .panel .panel-body h6 {
    color: rgb(137, 40, 143);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: 600 !important;
    margin: 5px 10px 15px !important;
}

.check-box {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px;
    border-radius: 0px 0px 6px 6px;
    background: rgba(149, 105, 180, 0.1);
}

#divCanvas .panel-body .form-group .input-xs.date {
    /* height: 38px !important;
    max-height: 38px !important;
    min-height: 38px !important; */
    border: none !important;
}

#divCanvas .panel .panel-body .check-box .form-group {
    margin-bottom: 0px !important;
}

.grey-panel-2 {
    border-radius: 10px;
    background: rgb(250, 250, 250);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px 0px;
}

#divCanvas .grey-panel-2 .panel-body {
    padding: 20px 10px;
}

#divCanvas .grey-panel-2 .form-group {
    margin: 10px 0px !important;
}

.normal_grid .panel-heading .heading-elements ul {
    background: transparent;
    border-radius: 0px !important;
    padding: 0px !important;
}

.normal_grid .panel-heading .heading-elements ul li {
    border: 1px solid rgba(0, 0, 0, 0.063);
    background: rgb(255, 255, 255);
    margin: 0px;
    box-shadow: none !important;
}

.normal_grid .panel-heading .heading-elements ul li:hover {
    box-shadow: rgb(237, 237, 237) 0px 0px 4px 1px !important;
    background: white !important;
    border-radius: 8px !important;
}

.normal_grid .panel-heading .heading-elements ul li a {
    max-width: 48px;
    background: rgba(166, 63, 241, 0.08);
    min-width: unset !important;
    border-radius: 8px !important;
    border: none !important;
}

.normal_grid .panel-heading .heading-elements ul li a i svg {
    width: 14px;
    aspect-ratio: 1 / 1;
    height: 14px;
}

.normal_grid .panel-heading .heading-elements ul li a i {
    width: 12px;
    aspect-ratio: 1 / 1;
    height: 12px;
}

.normal_grid .panel-heading::after {
    border-radius: 0px;
    background: rgb(137, 40, 143);
    left: 20px;
    content: "";
    position: absolute;
    width: 5px;
    height: 17px;
}

.panel-heading .heading-elements ul li a.collapse2, .panel-heading .heading-elements ul li a.collapse3 {
    display: none !important;
}

#divCanvas .yellow-col.check {
    padding: 30px 25px;
}

#divCanvas .yellow-col.check .form-group label {
    padding: 0px !important;
}

#divCanvas .yellow-col.check .form-group {
    margin: 0px !important;
}

.preview-button, .preview-button:hover {
    background-image: url("../images/AU_ICons/prev.svg");
    height: 190px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: 90px;
    background-position: center center;
    width: 90px;
    margin: 0px auto;
    color: rgb(137, 40, 143);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.theme-btn, .theme-btn:hover {
    border-radius: 6px;
    background: rgb(137, 40, 143);
    padding: 12px 27px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    display: block;
}

.e-rte-content {
    border-radius: 8px !important;
}

.e-rte-content #rht_625CAF4C-CD15-4541-8376-F0101E6F9B65_rte-edit-view {
    padding: 0px;
    border-radius: 8px !important;
}

.e-rte-content #rht_625CAF4C-CD15-4541-8376-F0101E6F9B65_rte-edit-view ul {
    font-family: "Open Sans", sans-serif !important;
    border-radius: 8px !important;
    border: none !important;
    font-size: 14px !important;
    padding: 0px 5px !important;
}

.e-rte-content #rht_625CAF4C-CD15-4541-8376-F0101E6F9B65_rte-edit-view ul li {
    font-size: 14px !important;
    margin: 10px 0px 0px !important;
}

.normal_grid .panel-heading .heading-elements ul li a[title="Add"] svg {
    background-image: url("../images/AU_ICons/add-theme.svg");
    background-repeat: no-repeat;
}

.normal_grid .panel-heading .heading-elements ul li a[title="Add"] svg g {
    display: none;
}

textarea.form-control.input-xs {
    line-height: 170% !important;
}

.carrer-title .col-lg-12, .carrer-title .col-md-12, .carrer-title .col-xs-12, .carrer-title .col-sm-12, .carrer-title .col-xl-12 {
    padding: 0px;
}

.carrer-grid {
}

.carrer-grid .Rep-Row {
}

.carrer-grid .Rep-Row .col-lg-12, .carrer-grid .Rep-Row .col-md-12, .carrer-grid .Rep-Row .col-xs-12, .carrer-grid .Rep-Row .col-sm-12, .carrer-grid .Rep-Row .col-xl-12 {
    width: 50%;
}

.carrer-grid .Rep-Row .col-lg-12 .col-lg-12, .carrer-grid .Rep-Row .col-md-12 .col-md-12, .carrer-grid .Rep-Row .col-xs-12 .col-xs-12, .carrer-grid .Rep-Row .col-sm-12 .col-sm-12, .carrer-grid .Rep-Row .col-xl-12 .col-xl-12 {
    width: 100%;
}

.carrer-grid .Rep-Row .panel {
    border-radius: 6px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 5px 0px;
}

.carrer-grid .Rep-Row .panel .panel-body {
    display: flex;
    height: 65px;
    align-items: center;
    background-image: url("../images/AU_ICons/right-arrow-dhar.svg");
    background-position: calc(100% - 15px) center;
    background-size: 38px;
    background-repeat: no-repeat;
}

#divCanvas .carrer-grid .Rep-Row .panel .panel-body .form-group {
    margin-bottom: 0px !important;
}

#divCanvas .carrer-grid .Rep-Row .panel .panel-body .form-group .text-danger {
    display: none;
}

.carrer-grid .Rep-Row .panel .panel-body .panel.InlineSingle:hover .HoverBtnDoc {
    display: none;
}

.carrer-grid .Rep-Row .panel .panel-body .panel.InlineSingle {
    margin-right: 20px;
}

.carrer-grid .Rep-Row .panel .panel-body .form-group .controls span {
    color: rgb(112, 63, 191);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.LB_Panel {
}

.LB_Panel .panel-body {
    display: flex;
    justify-content: flex-start;
    gap: 0px;
    flex-flow: wrap;
}

.white-col {
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    background-image: url("../images/AU_ICons/leaves-icon.svg");
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px 0px;
    width: calc(16.6% - 20px);
    margin: 6px 10px 6px;
    padding: 8px 20px 8px 57px;
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 38px;
}

#divCanvas .white-col .form-group {
    margin: 0px !important;
}

.white-col .form-group label {
    font-style: normal;
    line-height: normal;
    color: rgb(53, 75, 86) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

.white-col .form-group .controls span {
    color: rgb(48, 43, 43);
    font-family: "Open Sans";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.My_App_Page {
    margin: 0px 0px 30px !important;
}

.View_Page {
    margin: 30px 0px;
}

.View_Page .panel-body {
    padding: 0px;
}

.View_Page .panel-body .List {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.View_Page .panel-body .List .d-flex {
    flex-direction: row-reverse;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.View_Page .panel-body .List .d-flex .Name_Col {
    margin-left: 20px;
}

#divCanvas .View_Page .panel-body .List .d-flex .Name .form-group {
    margin-bottom: 0px !important;
}

.View_Page .panel-body .List .d-flex .Name .form-group label {
    display: none !important;
}

.View_Page .panel-body .List .d-flex .Name .form-group .controls span {
    color: rgb(255, 255, 255);
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#divCanvas .View_Page .panel-body .text-danger {
    margin: 0px !important;
}

#divCanvas .View_Page .panel-body .List .panel {
    background: transparent;
    border: 5px solid rgba(255, 255, 255, 0.125);
    border-radius: 100px !important;
    margin: 0px !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px !important;
    padding: 0px !important;
}

.View_Page .panel-body .List .panel:hover .HoverBtnDoc {
    display: none;
}

.View_Page .panel-body .List .panel .MainFrameDoc {
    width: 100px;
    height: 100px !important;
    border-radius: 100px !important;
}

.View_Page .panel-body .List .panel .MainFrameDoc img {
    border-radius: 100%;
    object-fit: cover;
}

.View_Page .panel-body .Buttons_Col {
    display: flex;
    gap: 0px 25px;
}

.Download_Btn, .Download_Btn:hover {
    background-image: url("../images/AU_ICons/white-download.svg");
    border-radius: 4px;
    background-color: rgb(132, 90, 223);
    height: 45px;
    width: 100%;
    padding: 0px 24px 0px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background-repeat: no-repeat;
    background-position: 20px center;
}

.Print_Btn, .Print_Btn:hover {
    border-radius: 4px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    background-color: rgb(35, 183, 229);
    font-size: 0px;
    background-image: url("../images/AU_ICons/print.png");
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center center;
}

#divCanvas .Back_Btn, #divCanvas .Back_Btn:hover {
    display: flex;
    background-repeat: no-repeat !important;
    background-position: 10px center;
    justify-content: center;
    align-items: center;
    border-radius: 4px !important;
    height: 45px !important;
    width: 97px !important;
    background-color: rgb(223, 210, 250) !important;
    font-size: 12px !important;
    background-image: url("../images/AU_ICons/theme-back.svg") !important;
    background-size: 14px !important;
    color: #703fbf;
    padding-left: 20px !important;
    font-weight: 600;
}
.Print_Btn:hover, .Download_Btn:hover, .Back_Btn:hover {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.View_Row .Cus_Width, .Cus_Width2, .View_Row-1 .Cus_Width, .Cus_Width {
    float: unset;
    margin: auto !important;
}

.Cus_Width2 {
    margin-top: 20px !important;
}

.m-0 {
    margin: 0px !important;
}

#divCanvas .View_Page .panel-body .List .d-flex .form-group {
    margin-bottom: 0px !important;
}

.Cus_Width2 .panel .panel-heading::before {
    background: rgb(103, 150, 255);
}

.panel .panel-body.LTR_Elements {
}

#divCanvas .panel .panel-body.LTR_Elements .form-group {
    display: flex;
    align-items: center;
    margin: 10px 0px !important;
}

.panel .panel-body.LTR_Elements .form-group label {
    font-style: normal;
    line-height: normal;
    max-width: 130px;
    min-width: 130px;
    color: rgb(53, 75, 86) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 0px !important;
}

.panel .panel-body.LTR_Elements .form-group .input-xs {
    height: unset;
    padding: unset;
    font-size: unset;
    border-radius: 0px !important;
}

.panel .panel-body.LTR_Elements .form-group .controls span, .panel .panel-body.LTR_Elements .form-group .input-xs span {
    color: rgb(48, 43, 43);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    position: relative;
    padding-left: 10px;
    font-weight: 600 !important;
}

.panel .panel-body.LTR_Elements .form-group .controls span::before, .panel .panel-body.LTR_Elements .form-group .input-xs span::before {
    content: ":";
    position: absolute;
    font-size: 14px;
    left: 0px;
}

#divCanvas .publication_value .form-group {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0px !important;
}

.publication_value .form-group label {
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    max-width: 50%;
    min-width: 50%;
    color: rgba(48, 43, 43, 0.87) !important;
    font-weight: 600 !important;
    padding: 0px !important;
}

.publication_value .form-group .input-group {
    position: relative;
    width: 100% !important;
    height: unset !important;
}

#divCanvas .publication_value .form-group .input-group span.form-control.input-xs {
    font-style: normal;
    line-height: normal;
    height: 20px;
    min-height: unset;
    border: none !important;
    padding: 0px !important;
    color: rgb(112, 63, 191) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.publication_value .form-group .input-group .input-group-btn {
    position: absolute;
    width: 100%;
    background: transparent;
}

.publication_value .form-group .input-group .input-group-btn a, .publication_value .form-group .input-group .input-group-btn a:hover {
    width: 100%;
    left: -4px;
    height: 20px;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.publication_value .form-group .input-group .input-group-btn a i, .AcademicGrid .Rep-Row .panel .panel-body .val-03 .form-group .input-group .input-group-btn a i, .AcademicGrid .Rep-Row .panel .panel-body .val-03 .form-group label {
    display: none !important;
}

.LB_Panel .panel-heading {
    padding: 15px 15px 25px;
}

.LB_Panel .panel-heading h6 {
    color: rgb(112, 63, 191);
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: 600 !important;
}

.profile-image-panel .form-group {
    display: flex;
    flex-direction: column;
}

.no-bold .form-group label {
    font-style: normal;
    line-height: normal;
    max-width: 130px;
    min-width: 130px;
    color: rgb(53, 75, 86) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 0px !important;
}

.joining_date {
    padding-left: 65px;
    background-image: url("../images/AU_ICons/view_calendar.svg");
    background-repeat: no-repeat;
    background-position: 10px 0px;
    background-size: 40px;
    min-height: 40px;
    margin: 10px 0px;
}

.joining_date .form-group {
}

.joining_date .form-group label {
}

.joining_date .form-group .input-xs {
    height: unset;
    padding: 0px;
    font-size: unset;
    line-height: unset;
    border-radius: 0px;
}

.Affiliation .form-group ul {
    max-height: 405px;
    overflow: hidden;
    border-radius: 8px;
    padding: 5px 25px 5px 10px !important;
}

.Affiliation .form-group ul:hover {
    overflow-y: auto;
}

.Affiliation .form-group ul div {
    font-size: 14px;
    font-family: "Open Sans", sans-serif !important;
}

.joining_date .form-group .input-xs span, .Desig .form-group .controls span, .Affiliation .form-group .controls span {
    font-style: normal;
    line-height: normal;
    color: rgb(48, 43, 43) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.Desig {
    padding-left: 65px;
    background-image: url("../images/AU_ICons/view_title.svg");
    background-repeat: no-repeat;
    background-position: 10px 0px;
    background-size: 40px;
    margin: 10px 0px;
    min-height: 40px;
}

.Affiliation {
    padding-left: 65px;
    background-image: url("../images/AU_ICons/view_abs.svg");
    background-repeat: no-repeat;
    background-position: 10px 0px;
    background-size: 40px;
    margin: 10px 0px;
    min-height: 40px;
}

.pay_values {
    display: flex;
    gap: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    padding: 20px 0px !important;
}

#divCanvas .pay_values .form-group {
    margin: 0px !important;
}

.pay_values div:nth-child(1) div .form-group, .pay_values div:nth-child(2) div .form-group {
    padding-right: 20px;
    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.pay_values .form-group label {
    font-size: 13px !important;
}

.pay_values .form-group .controls span {
    font-style: normal;
    line-height: normal;
    color: rgb(35, 183, 229) !important;
    font-size: 17px !important;
    font-weight: 600 !important;
}

.ref-values {
    padding: 20px !important;
}

#divCanvas .ref-values h1, #divCanvas .ref-values h6 {
    margin-left: 0px !important;
}

#divCanvas .ref-values .text-danger {
    margin: 0px;
}

.ref-name {
    font-style: normal;
    line-height: normal;
    color: rgb(48, 43, 43) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

#divCanvas .ref-values .d-flex {
    display: flex;
    flex-direction: row;
    gap: 0px 20px;
    align-items: center;
}

#divCanvas .ref-values .d-flex .controls span {
    color: rgb(53, 75, 86);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.ref-des {
    font-style: normal;
    line-height: normal;
    padding-right: 20px;
    background-image: url("../images/AU_ICons/yellow-arrow.svg");
    background-repeat: no-repeat;
    background-position: 100% center;
    color: rgb(229, 86, 86) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.bdr-right {
    padding-right: 20px;
    border-right: 2px solid rgba(53, 75, 86, 0.17);
    border-radius: 0px !important;
}

.ref-add {
    padding-left: 20px;
    background-image: url("../images/AU_ICons/location_grey.svg");
    background-repeat: no-repeat;
    background-position: 0px center;
    background-size: 9px;
}

#divCanvas .address-col .ref-values h1, #divCanvas .address-col h6 {
    margin-left: 0px !important;
}

#divCanvas .address-col .text-danger {
    margin: 0px;
}

#divCanvas .address-col .d-flex {
    display: flex;
    flex-direction: row;
    gap: 0px 10px;
}

#divCanvas .address-col .d-flex div:nth-child(1) div .form-group .controls span {
    position: relative;
    padding-right: 15px;
}

#divCanvas .address-col .d-flex div:nth-child(1) div .form-group .controls span::after {
    content: "-";
    right: 0px;
    position: absolute;
}

.AcademicGrid .Rep-Row {
    padding: 0px;
    margin: 0px;
}

.View_panel > div:nth-child(2) .panel-body {
    padding-bottom: 0px;
}

.AcademicGrid .Rep-Row .panel {
    background: transparent;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    padding: 15px 0px;
    margin: 0px !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.063) !important;
    border-radius: 0px !important;
}

.AcademicGrid .Rep-Row .panel .panel-body {
    padding: 0px;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-03 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-03 .d-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    margin: 5px 0px;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-03 .d-flex .yellow-label {
    bottom: 0px;
    display: flex;
    gap: 20px;
}

#divCanvas .AcademicGrid .Rep-Row .panel .panel-body .val-03 .d-flex .yellow-label .form-group {
    margin: 0px !important;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-03 h1 {
    color: rgb(53, 75, 86);
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    font-weight: 600 !important;
    margin: 0px !important;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-03 h1::before {
    display: none;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-01, .AcademicGrid .Rep-Row .panel .panel-body .val-02 {
    display: flex;
    gap: 0px 11px;
    align-items: center;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-01 .d-flex {
    display: flex;
    flex-direction: row;
    gap: 0px 5px;
    align-items: center;
}

#divCanvas .AcademicGrid .Rep-Row .panel .panel-body .form-group {
    margin: 5px 0px !important;
}

#divCanvas .AcademicGrid .Rep-Row .panel .panel-body .form-group .text-danger {
    margin: 0px !important;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-01 .d-flex.bold .form-group .controls span {
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    position: relative;
    color: rgba(48, 43, 43, 0.87) !important;
    font-weight: 700 !important;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-01 .d-flex.bold div:nth-child(1) div .form-group .controls span, .AcademicGrid .Rep-Row .panel .panel-body .val-02 div:nth-child(1) div .form-group .controls span {
    padding-right: 8px;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-01 .d-flex.bold div:nth-child(1) div .form-group .controls span::after {
    content: "-";
    position: absolute;
    right: -1px;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-02 div:nth-child(1) div .form-group .controls span::after {
    content: "-";
    position: absolute;
    right: -3px;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-01 .d-flex.light .form-group .controls span {
}

.AcademicGrid .Rep-Row .panel .panel-body .val-01 .d-flex.light .form-group .controls span {
    color: rgba(53, 75, 86, 0.56);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-01 .d-flex.light div:nth-child(1) div .form-group .controls span {
    padding-right: 10px;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-01 .d-flex.light div:nth-child(1) div .form-group .controls span::after {
    content: "-";
    position: absolute;
    right: 0px;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-01 .d-flex.light div:nth-child(1) div .form-group .controls span::before {
    content: "(";
    position: absolute;
    left: -6px;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-01 .d-flex.light div:nth-child(2) div .form-group .controls span::after {
    content: ")";
    position: absolute;
    right: -6px;
}

.AcademicGrid .Rep-Row .panel .panel-body {
}

.tab_panel_ticket ul li:nth-child(1) a {
    min-width: 200px !important;
    max-width: 200px !important;
}

.tab_panel_ticket ul li a:hover {
    background: transparent;
    border: none;
    margin: 0px;
}

#divCanvas .Count_Row1 div .form-group {
    min-width: 200px;
    position: relative;
    min-height: 53px;
    margin: 0px !important;
}

/* .Count_Row1 div div .form-group .controls span {
    z-index: 9;
    transform: translate(0px, -50%);
    display: flex;
    justify-content: flex-end;
    position: absolute !important;
    top: 50% !important;
    right: 0px !important;
    left: unset !important;
} */

#divCanvas .AcademicGrid .Rep-Row .panel .panel-body .val-03 .input-group span.form-control.input-xs {
    font-style: normal;
    line-height: normal;
    height: 20px;
    min-height: unset;
    border: none !important;
    padding: 0px !important;
    color: rgb(112, 63, 191) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-03 .input-group {
    display: flex;
    align-items: center;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-04 {
    display: flex;
    flex-direction: row;
    gap: 15px;
    padding: 0px;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-03 .input-group .input-group-btn {
    position: absolute;
    width: 100%;
    background: transparent;
}

.AcademicGrid .Rep-Row .panel .panel-body .val-03 .input-group .input-group-btn a, .AcademicGrid .Rep-Row .panel .panel-body .val-03 .input-group .input-group-btn a:hover {
    width: 100%;
    left: -4px;
    height: 20px;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#divCanvas .AcademicGrid .Rep-Row .panel .panel-body .val-03 .yellow-label div:nth-child(1) div .form-group .controls span, #divCanvas .AcademicGrid .Rep-Row .panel .panel-body .val-04 div:nth-child(1) div .form-group .controls span {
    position: relative;
}

#divCanvas .AcademicGrid .Rep-Row .panel .panel-body .val-03 .yellow-label div:nth-child(1) div .form-group .controls span::after {
    content: "-";
    position: absolute;
    right: -14px;
}

#divCanvas .AcademicGrid .Rep-Row .panel .panel-body .val-04 div:nth-child(1) div .form-group .controls span::after {
    content: "-";
    position: absolute;
    right: -10px;
}

.Cores_Grid {
    margin: 20px 10px;
}

.Cores_Grid .panel, .TermGrid .panel {
    border: none;
    box-shadow: none;
    background: transparent;
    margin: 0px !important;
}

.Cores_Grid .panel-body {
    padding: 0px;
    display: flex;
    align-items: center;
}

.Cores_Grid .panel-body .icon {
    background-image: url("../images/AU_ICons/view_abs.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 40px;
    aspect-ratio: 1 / 1;
    display: block;
    margin-right: 15px;
}

#divCanvas .Cores_Grid .panel-body .form-group {
    margin: 0px !important;
}

.Cores_Grid .panel-body .form-group .input-group {
    position: relative;
    width: 100% !important;
    height: unset !important;
    border-radius: 0px !important;
}

#divCanvas .Cores_Grid .panel-body .form-group .input-group span.form-control.input-xs {
    font-style: normal;
    line-height: normal;
    height: 20px;
    min-height: unset;
    border: none !important;
    padding: 0px !important;
    color: rgb(112, 63, 191) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 0px !important;
}

.Cores_Grid .panel-body .form-group .input-group .input-group-btn {
    position: absolute;
    width: 100%;
    background: transparent;
}

.Cores_Grid .panel-body .form-group .input-group .input-group-btn a, .Cores_Grid .panel-body .form-group .input-group .input-group-btn a:hover {
    width: 100%;
    left: -4px;
    height: 20px;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.Cores_Grid .panel-body .form-group .text-danger {
    margin: 0px;
}

.Cores_Grid .panel-body .form-group .input-group .input-group-btn a i {
    display: none;
}

.OthersGrid .panel {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0px;
}

.OthersGrid .panel-body {
    padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.OthersGrid .panel-body .icon {
    background-image: url("../images/AU_ICons/view_calendar.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 40px;
    aspect-ratio: 1 / 1;
    display: block;
    margin-right: 5px;
}

.OthersGrid .panel-body .text-danger {
    margin: 0px !important;
}

.OthersGrid .panel-body div:first-child div .form-group .controls span {
    color: rgb(53, 75, 86);
    font-size: 1.5rem;
    font-style: normal;
    line-height: normal;
    display: block;
    font-weight: 700 !important;
    margin-right: 15px !important;
}

.TermGrid {
    margin: 10px 10px 0px;
}

.TermGrid .panel-body {
    padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.TermGrid .panel-body .icon {
    background-image: url("../images/AU_ICons/view_title.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 40px;
    aspect-ratio: 1 / 1;
    display: block;
    margin-right: 5px;
}

.TermGrid .panel-body .text-danger {
    margin: 0px !important;
}

.TermGrid .panel-body div:first-child div .form-group .controls span {
    color: rgb(53, 75, 86);
    font-size: 1.5rem;
    font-style: normal;
    line-height: normal;
    display: block;
    font-weight: 700 !important;
    margin-right: 15px !important;
}

.Coourse_Grid .panel, .Details_Grid .panel {
    margin: 0px;
    border: none;
    box-shadow: none;
}

.Coourse_Grid .panel .panel-body {
    padding-left: 40px;
}

.Coourse_Grid .panel .panel-body .text-danger {
    margin: 0px;
}

.Coourse_Grid .panel .panel-body::before {
    content: "";
    position: absolute;
    border-left: 1px dashed rgba(0, 0, 0, 0.26);
    width: 1px;
    left: 13px;
    height: 100%;
    top: 0px;
}

.Coourse_Grid .panel .panel-body .inner-list {
    position: relative;
    padding-left: 60px;
    margin-bottom: 30px;
}

.Coourse_Grid .panel .panel-body > div:first-child div .form-group::before {
    content: "";
    position: absolute;
    background: url("../images/AU_ICons/dot_purple.svg") no-repeat;
    width: 30px;
    aspect-ratio: 1 / 1;
    left: -39px;
    top: 0px;
}

.Coourse_Grid .panel .panel-body div:first-child div .form-group .controls span {
    color: rgb(53, 75, 86);
    font-size: 1.5rem;
    font-style: normal;
    line-height: normal;
    display: block;
    font-weight: 700 !important;
    margin-right: 15px !important;
}

.AwardsGrid {
}

.AwardsGrid .panel {
    box-shadow: none;
    margin: 10px;
    border: none !important;
}

.AwardsGrid .panel-body {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px !important;
}

#divCanvas .AwardsGrid .panel-body .form-group {
    margin: 5px 0px !important;
}

#divCanvas .AwardsGrid .panel-body .form-group .text-danger {
    margin: 0px !important;
}

.AwardsGrid .panel-body .icon {
    background-image: url("../images/AU_ICons/awards.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 30px;
    aspect-ratio: 1 / 1;
    display: block;
    margin-right: 15px;
}

.AwardsGrid .panel .panel-body div:first-child div .form-group .controls span {
    color: rgb(53, 75, 86);
    font-size: 1.5rem;
    font-style: normal;
    line-height: normal;
    display: block;
    font-weight: 700 !important;
    margin-right: 15px !important;
}

.Details_Grid {
    margin: 10px;
}

.Details_Grid .panel-body {
    padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.Details_Grid .panel-body .icon {
    width: 10px;
    aspect-ratio: 1 / 1;
    display: block;
    margin-right: 15px;
    background: rgb(241, 229, 251);
    border-radius: 100%;
    top: 1px;
    position: relative;
}

.Details_Grid .panel-body .text-danger {
    margin: 0px !important;
}

.Details_Grid .panel-body .d-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    gap: 20px;
}

#divCanvas .Details_Grid .panel-body .d-flex div:nth-child(1) {
    min-width: 20%;
    margin: 0px !important;
}

#divCanvas .Details_Grid .panel-body .d-flex div:nth-child(1) div .form-group {
    display: block;
    margin: 0px !important;
}

.Details_Grid .panel-body .d-flex .controls span {
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    color: rgba(48, 43, 43, 0.87) !important;
    font-weight: 600 !important;
    padding: 0px !important;
}

.Details_Grid .panel-body .form-group .input-group {
    position: relative;
    width: 100% !important;
    height: unset !important;
    border-radius: 0px !important;
}

#divCanvas .Details_Grid .panel-body .form-group .input-group span.form-control.input-xs {
    font-style: normal;
    line-height: normal;
    height: 20px;
    min-height: unset;
    border: none !important;
    padding: 0px !important;
    color: rgb(112, 63, 191) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 0px !important;
}

.Details_Grid .panel-body .form-group .input-group .input-group-btn {
    position: absolute;
    width: 100%;
    background: transparent;
}

.Details_Grid .panel-body .form-group .input-group .input-group-btn a, .Details_Grid .panel-body .form-group .input-group .input-group-btn a:hover {
    width: 100%;
    left: -4px;
    height: 20px;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.Details_Grid .panel-body .form-group .text-danger {
    margin: 0px;
}

.Details_Grid .panel-body .form-group .input-group .input-group-btn a i {
    display: none;
}

.OthersGrid {
    margin: 20px 10px 0px;
}

.HistoryGrid {
}

.HistoryGrid .panel {
}

.HistoryGrid .panel .panel-body {
}

.HistoryGrid .panel .panel-body .val-01 {
    display: flex;
    align-items: flex-start;
}

.HistoryGrid .Rep-Row .panel .panel-body .val-01 .d-flex.bold .form-group .controls span {
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    position: relative;
    color: rgba(48, 43, 43, 0.87) !important;
    font-weight: 700 !important;
}

.HistoryGrid .Rep-Row .panel .panel-body .val-01 .d-flex.bold div:nth-child(1) div .form-group .controls span, .HistoryGrid .Rep-Row .panel .panel-body .val-02 div:nth-child(1) div .form-group .controls span {
    padding-right: 8px;
}

.HistoryGrid .Rep-Row .panel .panel-body .val-01 .d-flex.bold div:nth-child(1) div .form-group .controls span::after {
    content: "-";
    position: absolute;
    right: -1px;
}

.HistoryGrid .Rep-Row .panel .panel-body .val-02 div:nth-child(1) div .form-group .controls span::after {
    content: "-";
    position: absolute;
    right: -3px;
}

.HistoryGrid .Rep-Row .panel .panel-body .val-01 .d-flex.light .form-group .controls span {
}

.HistoryGrid .Rep-Row .panel .panel-body .val-01 .d-flex.light .form-group .controls span {
    color: rgba(53, 75, 86, 0.56);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.HistoryGrid .Rep-Row .panel .panel-body .val-01 .d-flex.light div:nth-child(1) div .form-group .input-xs span {
    padding-right: 10px;
}

.HistoryGrid .Rep-Row .panel .panel-body .val-01 .d-flex.light div:nth-child(1) div .form-group .input-xs span::after {
    content: "-";
    position: absolute;
    right: 0px;
}

.HistoryGrid .Rep-Row .panel .panel-body .val-01 .d-flex.light div:nth-child(1) div .form-group .input-xs span::before {
    content: "(";
    position: absolute;
    left: -6px;
}

.HistoryGrid .Rep-Row .panel .panel-body .val-01 .d-flex.light div:nth-child(2) div .form-group .input-xs span::after {
    content: ")";
    position: absolute;
    right: -6px;
}

.HistoryGrid .Rep-Row .panel .panel-body .val-01, .HistoryGrid .Rep-Row .panel .panel-body .val-02 {
    display: flex;
    gap: 0px 11px;
    align-items: center;
    flex-direction: row;
}

.HistoryGrid .Rep-Row .panel .panel-body .val-01 .d-flex {
    display: flex;
    flex-direction: row;
    gap: 0px 5px;
    align-items: flex-start;
}

#divCanvas .HistoryGrid .Rep-Row .panel .panel-body .form-group {
    margin: 5px 0px !important;
}

#divCanvas .HistoryGrid .Rep-Row .panel .panel-body .form-group .text-danger {
    margin: 0px !important;
}

.HistoryGrid .Rep-Row .panel {
    background: transparent;
    border: none;
    margin: 5px 10px 10px !important;
    box-shadow: none !important;
}

.HistoryGrid .Rep-Row .panel .panel-body {
    padding: 0px;
}

.HistoryGrid .Rep-Row .panel .panel-body .val-01 .d-flex.light .form-group .input-xs {
    height: unset;
}

.HistoryGrid .Rep-Row .panel .panel-body .val-01 .d-flex.light .form-group .input-xs span {
    color: rgba(53, 75, 86, 0.56);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.HistoryGrid .Rep-Row .panel .panel-body .val-03 {
    display: flex;
    flex-direction: column;
}

.HistoryGrid .Rep-Row .panel .panel-body .val-03 .d-flex {
    flex-direction: row;
    margin: 10px 0px;
    gap: 0px 13px;
    align-items: center;
}

.HistoryGrid .Rep-Row .panel .panel-body .val-03 .yellow-label {
    bottom: 0px;
    display: flex;
    gap: 20px;
}

.HistoryGrid .panel-body .form-group .input-group {
    position: relative;
    width: 100% !important;
    height: unset !important;
    border-radius: 0px !important;
}

#divCanvas .HistoryGrid .panel-body .form-group .input-group span.form-control.input-xs {
    font-style: normal;
    line-height: normal;
    height: 20px;
    min-height: unset;
    border: none !important;
    padding: 0px !important;
    color: rgb(112, 63, 191) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 0px !important;
}

.HistoryGrid .panel-body .form-group .input-group .input-group-btn {
    position: absolute;
    width: 100%;
    background: transparent;
}

.HistoryGrid .panel-body .form-group .input-group .input-group-btn a, .HistoryGrid .panel-body .form-group .input-group .input-group-btn a:hover {
    width: 100%;
    left: -4px;
    height: 20px;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.HistoryGrid .panel-body .form-group .text-danger {
    margin: 0px;
}

.HistoryGrid .panel-body .form-group .input-group .input-group-btn a i {
    display: none;
}

.AuthorGrid {
}

.AuthorGrid .panel {
    border: none;
    box-shadow: none;
    margin: 0px 10px;
}

.AuthorGrid .panel .panel-body {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    padding: 0px !important;
}

.AuthorGrid .panel .panel-body .icon {
    background-image: url("../images/AU_ICons/app_icon.svg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 45px;
    aspect-ratio: 1 / 1.5;
    background-size: 100%;
    margin-right: 15px;
}

.AuthorGrid .panel .panel-body .vals {
    display: flex;
    flex-direction: column;
}

.AuthorGrid .panel .panel-body .vals {
    gap: 10px;
}

.AuthorGrid .panel .panel-body .vals .d-flex {
    flex-direction: row;
    gap: 0px 15px;
    align-items: center;
}

#divCanvas .AuthorGrid .panel .panel-body .vals .d-flex .form-group {
    margin: 5px 0px !important;
}

#divCanvas .AuthorGrid .panel .panel-body .vals .d-flex .form-group .text-danger {
    margin: 0px !important;
}

#divCanvas .AuthorGrid .panel .panel-body .vals .d-flex .Author {
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: rgb(89, 19, 140) !important;
    font-size: 18px !important;
}

#divCanvas .AuthorGrid .panel .panel-body .vals .d-flex .value {
    color: rgb(70, 88, 126);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#divCanvas .AuthorGrid .panel .panel-body .vals .d-flex .label, .panel .panel-body .vals .d-flex .status1 {
    background: rgba(246, 110, 11, 0.18);
    padding: 2px 12px;
    color: rgb(254, 60, 60);
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    border-radius: 4px !important;
}

#divCanvas .AuthorGrid .panel .panel-body .vals .list.d-flex {
    gap: 0px 15px;
}

#divCanvas .AuthorGrid .panel .panel-body .vals .list.d-flex .form-group {
    border-right: 1px solid rgba(70, 88, 126, 0.28);
    padding-right: 15px;
    display: flex;
    align-items: center;
}

#divCanvas .AuthorGrid .panel .panel-body .vals .list.d-flex div:nth-child(5) .form-group {
    border-right: none;
    padding-left: 25px;
    background: url("../images/AU_ICons/red-calendar.svg") 0px center / 14px no-repeat;
}

#divCanvas .AuthorGrid .panel .panel-body .vals .list.d-flex .form-group span {
    color: rgba(103, 103, 103, 0.9);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#divCanvas .AuthorGrid .panel .panel-body .vals .list.d-flex div:nth-child(2) div .form-group span {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: rgb(126, 85, 56) !important;
}

#divCanvas .AuthorGrid .panel .panel-body .vals .list.d-flex .form-group label {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: rgba(48, 43, 43, 0.87) !important;
    padding: 0px !important;
}

.BP_Job_Applynow_Panel_Col_02 {
    position: absolute;
    height: 65px;
    left: 0px;
    top: 0px;
    width: 100%;
    border-radius: 6px;
}

.BP_Job_Applynow_Panel_Col_02 a {
    height: 65px;
    width: 100%;
    border-radius: 6px;
    border: none;
    margin: 0px;
    left: 0px;
    font-size: 0px !important;
}

.carrer-grid .Rep-Row .panel .BP_Job_Applynow_Panel_Col_02 a:hover {
    background: rgba(137, 40, 143, 0.07);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 5px 0px;
}

.List .Create_Button {
    background-image: url("../images/AU_ICons/New_App.svg");
    background-size: 24px;
    color: rgb(255, 255, 255);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background-position: 15px center;
    border-radius: 4px;
    background-color: rgb(132, 90, 223);
    font-size: 16px !important;
    padding: 24px 30px 24px 50px !important;
}

.Draft_Grid .panel {
    margin: -5px 5px 10px 10px;
    border-radius: 10px;
    background: rgba(245, 245, 245, 0.6);
    padding: 20px;
}

.Draft_Grid .panel .panel-body {
}

.Draft_Grid .panel .panel-body .Author, .APP_Grid .panel .panel-body .Author {
    border-bottom: 1px dashed rgb(89, 19, 140);
    padding-bottom: 5px !important;
}

.Draft_Grid .panel .panel-body .vals {
    gap: 15px 0px;
}

.Draft_Grid .panel .panel-body .All_Elements, .APP_Grid .panel .panel-body .All_Elements {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#divCanvas .APP_Grid .panel .panel-body .vals .list.d-flex div:nth-child(2) .form-group {
    border: none;
}

#divCanvas .Draft_Grid .panel .panel-body .vals .form-group {
    display: flex;
    align-items: center;
    gap: 0px 5px;
    margin: 0px !important;
}

#divCanvas .Draft_Grid .panel .panel-body .status {
    padding: 2px 10px 2px 30px;
    border-left: 2px solid rgb(94, 59, 138);
    border-right: 2px solid rgb(94, 59, 138);
    background-image: url("../images/AU_ICons/draft.svg");
    background-repeat: no-repeat;
    background-position: 10px center;
    color: rgb(72, 33, 121);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background-size: 15px;
    border-radius: 6px !important;
}

#divCanvas .Draft_Grid .panel .panel-body .vals div:nth-child(2) div .form-group .controls span {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: rgb(126, 85, 56) !important;
}

#divCanvas .Draft_Grid .panel .panel-body .Edit_Button, #divCanvas .Draft_Grid .panel .panel-body .Edit_Button:hover {
    border-radius: 4px;
    background-size: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgba(166, 63, 241, 0.08);
    color: rgb(89, 19, 140);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 15px;
    background-image: url("../images/AU_ICons/edit-latest.svg") !important;
    width: 84px !important;
    height: 35px !important;
    max-width: unset !important;
    border: none !important;
}

#divCanvas .Draft_Grid .panel .panel-body .vals div:nth-child(2) div .form-group label {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: rgba(48, 43, 43, 0.87) !important;
    padding: 0px !important;
}

.Draft_Grid .panel .panel-body .icon {
    background-image: url("../images/AU_ICons/app_icon.svg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 45px;
    aspect-ratio: 1 / 1.5;
    background-size: 100%;
    margin-right: 10px;
}

.Name {
    color: rgb(255, 255, 255);
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    line-height: normal;
}

.user-image {
    background-image: url("../images/AU_ICons/user-app.svg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 75px;
    aspect-ratio: 1 / 1.5;
    background-size: 100%;
}

.My_App_Page .panel-body .List .d-flex {
    flex-direction: row;
}

#divCanvas .APP_Grid .panel .panel-body .vals .list.d-flex div:nth-child(2) .form-group {
    border-right: none;
    padding-left: 25px;
    background: url("../images/AU_ICons/red-calendar.svg") 0px center / 14px no-repeat;
}

#divCanvas .APP_Grid .panel .panel-body .Comments_Button, #divCanvas .APP_Grid .panel .panel-body .Comments_Button:hover {
    border-radius: 4px;
    background-size: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgba(166, 63, 241, 0.08);
    color: rgb(89, 19, 140);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("../images/AU_ICons/edit-latest.svg") !important;
    width: 124px !important;
    height: 35px !important;
    max-width: unset !important;
    border: none !important;
}

.carrer-title h1, .heading-text {
    color: rgb(255, 255, 255);
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px auto !important;
}

.Theme_Button, .Theme_Button:hover {
    margin: 20px 0px;
    background: rgb(75, 0, 130);
    height: 40px;
    border-radius: 6px;
    color: white;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Confirm_Dialog_Modal .modal-content::after {
    content: "";
    position: absolute;
    top: 0%;
    left: 50%;
    background: rgb(75, 0, 130);
    width: 50%;
    height: 7px;
    border-radius: 0px 0px 10px 10px;
    transform: translate(-50%, 0%);
    box-shadow: rgb(75, 0, 130) 2px 0px 5px;
}

.succeess-msg .modal-content .dark_btn {
    margin: 20px auto 0px;
    background: rgb(75, 0, 130);
    height: 40px;
    border-radius: 6px;
    color: white;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
}

.Landing_Grid {
    margin-top: 40px;
}

.Landing_Grid .Rep-Row {
    gap: 25px 10px;
    display: flex;
    justify-content: flex-start;
    max-width: 1340px;
    margin: 0px auto;
    flex-flow: wrap;
}

.Landing_Grid .Rep-Row .col-lg-12, .Landing_Grid .Rep-Row .col-md-12, .Landing_Grid .Rep-Row .col-xs-12, .Landing_Grid .Rep-Row .col-sm-12, .Landing_Grid .Rep-Row .col-xl-12 {
    padding: 0px 20px;
    width: calc(25% - 8px);
}

.Landing_Grid .Rep-Row .col-lg-12 .col-lg-12, .Landing_Grid .Rep-Row .col-md-12 .col-md-12, .Landing_Grid .Rep-Row .col-xs-12 .col-xs-12, .Landing_Grid .Rep-Row .col-sm-12 .col-sm-12, .Landing_Grid .Rep-Row .col-xl-12 .col-xl-12 {
    width: 100% !important;
    padding: 0px !important;
}

.Button_List {
    border-radius: 25px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;
    height: 225px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.Button_List {
    position: relative;
}

.Button_List .panel.InlineSingle .MainFrameDoc {
    min-height: 128px;
    max-height: 128px;
    width: 100%;
    margin-bottom: 40px;
}

.Button_List .panel.InlineSingle .MainFrameDoc img {
    height: 115px !important;
    object-fit: contain !important;
}

.Button_List .Button {
    position: absolute;
    height: 225px;
    width: 100%;
}

.Button_List .Button a {
    width: 100%;
    background-color: transparent;
    color: rgb(128, 32, 129);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    height: 225px !important;
    margin: 0px !important;
    font-weight: 600 !important;
    line-height: 355px !important;
    display: block;
}

.service-grid {
}

.service-grid .Rep-Row {
    gap: 20px;
}

.service-grid .Rep-Row .col-lg-12, .service-grid .Rep-Row .col-md-12, .service-grid .Rep-Row .col-xs-12, .service-grid .Rep-Row .col-sm-12, .service-grid .Rep-Row .col-xl-12 {
    padding: 0px 20px;
    width: calc(25% - 15px);
}

.service-grid .Rep-Row .col-lg-12 .col-lg-12, .service-grid .Rep-Row .col-md-12 .col-md-12, .service-grid .Rep-Row .col-xs-12 .col-xs-12, .service-grid .Rep-Row .col-sm-12 .col-sm-12, .service-grid .Rep-Row .col-xl-12 .col-xl-12 {
    width: 100% !important;
    padding: 0px !important;
}

#divCanvas .service-grid .Button_List {
    border-radius: 25px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;
    height: 106px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.service-grid .Button_List {
    position: relative;
}

.service-grid .Button_List .panel.InlineSingle {
    margin-left: 15px;
}

#divCanvas .service-grid .Button_List .form-group {
    margin: 0px !important;
}

.service-grid .Button_List .panel.InlineSingle .MainFrameDoc {
    min-height: 70px;
    max-height: 70px;
    width: 100%;
    margin-bottom: 0px;
    margin-left: 0px;
}

.service-grid .Button_List .panel.InlineSingle .MainFrameDoc img {
    height: 70px !important;
    object-fit: contain !important;
}

.service-grid .Button_List .Button {
    position: absolute;
    height: 106px;
    width: 100%;
}

.service-grid .Button_List .Button a {
    background-color: transparent;
    color: rgb(128, 32, 129);
    font-size: 18px;
    font-style: normal;
    text-align: left;
    overflow: hidden;
    text-wrap: unset;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0px !important;
    font-weight: 600 !important;
    line-height: 33px !important;
    padding-left: 116px !important;
    height: 106px !important;
}

.self-service-image {
    background-image: url("../images/Process_images/Self_service.png");
    width: 80px;
}

.View_Row-2 .View_Page {
    margin: 0px 0px 20px;
}

.View_Row-2::before {
    height: 218px;
}

@media screen and (min-width: 600px) and (max-width: 1366px) {
    .Landing_Grid .Rep-Row .col-lg-12, .Landing_Grid .Rep-Row .col-md-12, .Landing_Grid .Rep-Row .col-xs-12, .Landing_Grid .Rep-Row .col-sm-12, .Landing_Grid .Rep-Row .col-xl-12 {
        width: calc(33.3% - 7px);
    }
}

@media only screen and (max-width: 600px) {
    .white-col {
        width: 100%;
    }
}

@media only screen and (min-width: 600px) {
    .white-col {
        float: left;
        width: calc(33.3% - 20px) !important;
    }

    .service-grid .Rep-Row .col-lg-12, .service-grid .Rep-Row .col-md-12, .service-grid .Rep-Row .col-xs-12, .service-grid .Rep-Row .col-sm-12, .service-grid .Rep-Row .col-xl-12 {
        width: calc(50% - 15px) !important;
    }
}

@media only screen and (min-width: 768px) {
    .white-col {
        width: calc(20% - 20px) !important;
    }

    .service-grid .Rep-Row .col-lg-12, .service-grid .Rep-Row .col-md-12, .service-grid .Rep-Row .col-xs-12, .service-grid .Rep-Row .col-sm-12, .service-grid .Rep-Row .col-xl-12 {
        width: calc(50% - 15px) !important;
    }
}

@media only screen and (min-width: 992px) {
    .white-col {
        width: calc(25% - 20px);
    }

    .service-grid .Rep-Row .col-lg-12, .service-grid .Rep-Row .col-md-12, .service-grid .Rep-Row .col-xs-12, .service-grid .Rep-Row .col-sm-12, .service-grid .Rep-Row .col-xl-12 {
        width: calc(33.3% - 15px) !important;
    }
}

@media only screen and (min-width: 1200px) {
    .white-col {
        width: calc(16.6% - 20px);
    }
}

.tab-content .tab-content > .has-padding {
    padding-top: 0px !important;
}

.mb-0 {
    margin-bottom: 0px;
}

.Apply_Grid .panel-heading .heading-elements li a[title="Add"] {
    display: flex;
    position: relative;
    max-width: 100px !important;
    min-width: 100px !important;
}

.Apply_Grid .panel-heading .heading-elements li a[title="Add"]::before {
    content: "Apply";
    position: absolute;
    color: rgb(137, 40, 143);
    font-weight: 600;
    font-size: 14px;
}

.Apply_Grid .panel-heading .heading-elements li a[title="Add"] i {
    display: none;
}

.View_Row-1 {
    margin-top: -10px;
    margin-left: -10px;
}

.View_Row {
    width: calc(100% + 20px);
    left: -10px;
    position: relative;
    top: -6px;
}

.CA_Form {
    left: -10px;
    position: relative;
    top: -6px;
    width: calc(100% + 20px);
}

.h360-main-col .Buttons_Col .form-group {
    float: right;
    display: flex;
    justify-content: flex-end;
}

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

.ro-no {
    display: flex;
    flex-direction: row-reverse;
    margin: 5px 0px;
    justify-content: flex-end;

}

.h360-main-col .View_Page .panel-body .List {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 315px;
}

.faculty-col {
    display: flex;
    align-items: flex-start;
}

.enrollment_head1 {
    padding-left: 30px;
    border-bottom: 0px;
    color: rgb(255, 255, 255) !important;
    font-weight: 700 !important;
    font-size: 20px !important;
}

.enrollment_head2 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: rgb(255, 230, 0) !important;
    padding-left: 30px;
}

.columnlab {
    display: flex;
    flex-flow: wrap;
    gap: 0px 20px;
    align-items: center;
}

.columnlab .form-label{
    padding:0px !important;
}



.columnlab .form-group label{
    padding:0 !important;
    color:#e8e8e8 !important;
   
}
.columnlab .form-group .label-coloring{
    color:white;
    font-size:14px;
    font-weight:600 !important;
}
.columnlab .form-group .batch-img{
        background-image: url(../images/AU_ICons/batch-img.png) !important;
        background-size: 18px !important;
        background-position: 0 center !important;
        background-repeat: no-repeat !important;
        padding-left: 25px;
        line-height: 27px;
}
.columnlab .form-group .cgpa-img{
        background-image: url(../images/AU_ICons/cgpa-img.png) !important;
        background-size: 18px !important;
        background-position: 0 center !important;
        background-repeat: no-repeat !important;
        padding-left: 25px;
        line-height: 27px;
}


.columnlab .form-group  {
    align-items: center;
    display:flex;
}
.columnlab div:nth-child(1) div .form-group{
    border-right:1px solid #ffffff60;
    padding-right:10px;
	
}
.h360-main-col .h360-lh-col .columnlab:nth-child(4) div:nth-child(1){border-right:none}
.View_Page .faculty-col .enrollment_head3{
    background-image: url(../images/AU_ICons/mail.png) !important;
    background-size: 24px !important;
    background-position: 0 center !important;
    background-repeat: no-repeat !important;
    padding-left: 30px;
    line-height: 27px;
}
.View_Page .faculty-col .enrollment_head4{
    background-image: url(../images/AU_ICons/faculty-contact.png) !important;
    background-size: 20px !important;
    background-position: 0 center !important;
    background-repeat: no-repeat !important;
    padding-left: 30px;
    line-height: 27px;
}
.dialog-excel-btn{
    background: rgba(36, 82, 171, 0.54) !important;
}

.dialog-excel-btn .modal-dialog{
    display:flex;
    justify-content: flex-end;
    top:0px !important;
    bottom:0px !important;    
}

.dialog-excel-btn .modal-dialog .modal-content{
    height:100vh;
    width:40%;
    border-radius: 0px !important;
}
.dialog-excel-btn .modal-dialog .modal-content .modal-body .content .CustomPane .panel{
    border: none;
    box-shadow: none;
}
.dialog-excel-btn .modal-dialog .modal-content .modal-body, .dialog-excel-btn .modal-dialog .modal-content .modal-body .content{
    padding:0px !important;
    overflow-x:hidden;
}

 .dialog-excel-btn .modal-dialog .modal-content .modal-body .download-status-value2 .requestedby{
     color:#892890;
     font-size:18px;
     font-weight:700;
     padding-left:10px;
 }
.dialog-excel-btn .modal-dialog .modal-content .modal-header h4{
    font-size:25px;
    font-weight:600;
}
.dialog-excel-btn .modal-dialog .modal-content .modal-header button{
    background-color:#8B8B8B;
    background-size:13px;
    margin-top:20px  !important;
}
.dialog-excel-btn .modal-dialog .modal-content .modal-header button i:before{
    display:none;
}

.dialog-excel-btn .modal-dialog .modal-content .modal-body .CustomPane .download-status-bg-color{
    width: 100%;
    background: #F8F9FD;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 20px 0px 14px 0px;
    gap: 60px !important;
    margin-bottom:20px;
}

.download-value-4 span{
    color:#359724;
    background-image: url(../images/AU_ICons/completed-date.png);
    background-repeat:no-repeat;
    font-size:16px;
    background-size:16px;
    background-position: 1px 4px;
    padding-left: 22px;
    font-weight:500;
}
.download-value-3 span{
    color:#3C459D;
    background-image: url(../images/AU_ICons/requested-date.png);
    background-repeat:no-repeat;
    font-size:15px;
    background-size:15px;
    background-position: 1px 4px;
    padding-left: 22px;
    font-weight:500;
}


.download-status-btn{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.download-status-btn .download-status-btn2{
    display:flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 140px !important;
} 
.download-status-btn .download-status-btn2 .close-btn{
    background-image: url(../images/AU_ICons/close-btn.png);
    background-size:16px;
    background-repeat:no-repeat;
    font-size:0px;
    background-position:center;
    width:40px !important;
    height:40px !important;
    border-radius:10px !important;
    background-color:#E85555;
}
.download-status-btn .download-status-btn2 .refresh-btn{
    background-image: url(../images/AU_ICons/refresh-btn.png);
    background-size:18px;
    background-repeat:no-repeat;
    font-size:0px;
    background-position:center;
    width:40px !important;
    height:40px !important;
    border-radius:10px !important;
    background-color:#8FD876;
}


.all_count {
    position: absolute !important;
    top: 3px;
    z-index: 1;
    width: auto;
    margin: 0 !important;
    border-radius: 10px;
    font-size: 12px !important;
    font-weight: bold;
    padding: 0 10px !important;
    background-color: #3c4d5fbd;
    color: white !important;
    right: 0;
    left: 915px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.open_count {
    position: absolute !important;
    top: 3px;
    z-index: 1;
    width: auto;
    margin: 0 !important;
    border-radius: 10px;
    font-size: 12px !important;
    font-weight: bold;
    padding: 0 10px !important;
    background-color: #00800080;
    color: #ffffff !important;
    left: 125px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hold_count {
    position: absolute !important;
    top: 3px;
    z-index: 1;
    width: auto;
    margin: 0 !important;
    border-radius: 10px;
    font-size: 12px !important;
    font-weight: bold;
    padding: 0 10px !important;
    background-color: #ff8d209c;
    color: #ffffff !important;
    right: 0;
    left: 322px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resolved_count {
    position: absolute !important;
    top: 3px;
    z-index: 1;
    width: auto;
    margin: 0 !important;
    border-radius: 10px;
    font-size: 12px !important;
    font-weight: bold;
    padding: 0 10px !important;
    background-color: #2092ffbd;
    color: #ffffff !important;
    right: 0;
    left: 536px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.closed_count {
    position: absolute !important;
    top: 3px;
    z-index: 1;
    width: auto;
    margin: 0 !important;
    border-radius: 10px;
    font-size: 12px !important;
    font-weight: bold;
    padding: 0 10px !important;
    background-color: #e54f75c2;
    color: #ffffff !important;
    right: 0;
    left: 728px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 600px)
{
.all_count {top: 43px !important; left: 96px;}
.open_count{top: 0px !important; left: 60px;}
.hold_count{top: 0px !important; left: 156px;}
.resolved_count{top: 0px !important; left: 271px;}
.closed_count { top: 44px !important; left: 3px;}

.tab_panel_ticket .nav-tabs > li > a {
    width: auto !important;
}
 .nav-tabs>li{width:auto;}
.nav-tabs{border-radius:0px !important;}
}
.tab_panel_ticket .nav-tabs > li > a
{
 width:200px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.Count_Row{ position:absolute;}

.Count_Row1 .open_count
{
    left: 174px !important;
    top: -17px !important;
}

.Count_Row1 .hold_count
{
    left: 127px !important;
    top: -17px !important;
    right: auto;
}

.Count_Row1 .resolved_count
{
    left: 142px !important;
    top: -17px !important;
    right: auto;
}

.Count_Row1 .closed_count
{
    left: 136px !important;
    top: -17px !important;
    right: auto;
}

.Count_Row1 .all_count
{
    left: 120px !important;
    top: -17px !important;
    right: auto;
}


.ticket_row
{
border-bottom:1px solid #e5e8e9;
margin-bottom:10px;
padding:10px 0 10px;
}

.ticket_row .col-lg-1
{padding: 10px 0px;}

#divCanvas .ticket_row .col-lg-1 .form-group{margin: 0 !important; height: 30px;}

.ticket_row .panel-body
{padding:5px !important;display: flex;align-items: center;flex-direction: row;justify-content: space-between;}

.grid-key-nav:nth-child(4){
   display:none !important; 
}


.sav-sub-can-btn{
    display:flex;
    flex-direction:row;
    gap:20px;
}

#divCanvas .sav-sub-can-btn .btn-success{
    border-radius:30px !important;
    width:80px;
    background:rgb(76, 175, 80) !important;
}

.sav-sub-can-btn .submit-button-blue{
    height:35px !important;
    padding-top:9px !important;
    width:80px;
}
#divCanvas .sav-sub-can-btn .cancel-button-red{
        border-radius:30px !important;
           width:80px;
   background: rgb(255, 87, 34);
    

}

#divCanvas .plus{
    margin-top:35px !important;
}