* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
}

:root {
    --BgGradiunt: linear-gradient(to right, #2f96d0,#104ba4);
    --textShadow: 1px 1px deeppink;
}


body {
    overflow-x: hidden;
}

a {
    color: #2e86c6 !important;
    text-decoration: none !important;
    background-color: transparent;
    cursor: pointer;
}
ul {
    list-style:none;
}

.main-color {
    color: #2e86c6 !important;
}

.text-Blue {
    color: #104da5 !important;
}

.font-size-sm {
    font-size: 11px;
}

.bg-color2 {
    background-image: var(--BgGradiunt);
}

.bg-light {
    background-color: #ffffff !important;
}


/*TOP HEADER*/
.top-heder {
    border-bottom: 1px solid #c4c4c4;
    background-color: #f6f1f0;
    z-index: 999;
    padding: 5px;
}

.LogoTextNew {
    font-size: 20px;
    color: #00468c !important;
    text-decoration: none !important;
}

.hbg {
    background: #fff;
    padding: 14px 0px;
}

/*NAVBAR CSS*/
.nav-link {
    color: #fff !important;
    transition: 0.2s;
    border-right: 1px solid #fff;
}

.navbar-light .navbar-toggler {
    border: 1px solid rgba(255,255,255,.8) !important;
   margin: 5px !important;
}


/*HOME BODY*/
.Back_Img {
    background: url(../images/BackgroundIMG.png);
    background-attachment: fixed;
    background-size: cover;
}

.Heading_style {
    color: #d9a44a;
    text-transform: uppercase;
    text-shadow: 2px 2px 0px #c6b6b6, 5px 5px 0px rgb(0 0 0 / 20%);
}

    .Heading_style:before {
        position: absolute;
        left: 0;
        bottom: 30px;
        width: 35%;
        left: 63%;
        margin-left: -30%;
        height: 2px;
        content: "";
        background-color: #d9a44a;
        z-index: 4;
    }

    .Heading_style:after {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 50%;
        margin-left: -20px;
        bottom: 10px;
        content: "\f06e";
        font-size: 20px;
        line-height: 40px;
        color: #d9a44a;
        font-weight: 400;
        z-index: 5;
        display: block;
        background-color: transparent;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }

h3 {
    position: relative;
    color: #2e86c6 !important;
    font-weight: 700 !important;
}

.home-emblem-image {
    height: 70px;
    width: 42px;
}

.mtn-2px {
    margin-top: -2px;
}

.Unique-Features-box {
    backdrop-filter: blur(5px);
    max-width: 32% !important;
    border-radius: 0.35em;
    box-shadow: inset 3px 3px 17px rgb(0 0 0 / 50%);
    border-top: 5px solid #2883c5;
}

    .Unique-Features-box h4 {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1rem;
        font-weight: 900;
        color: #2883c5;
    }

    .Unique-Features-box img {
        margin-top: 2rem;
        width: 12%;
    }


/*footer CSS*/
.Back_Footer {
    background-color: rgb(19, 19, 19);
    background-image: linear-gradient(to left bottom, #0e4d92, #054480, #023b6e, #02335d, #032a4c);
}

.bg-footer {
    background-color: #2f96d0;
    padding: 20px 0 30px;
    background-image: linear-gradient(to right, #2f96d0,#104ba4);
}



/*LOGIN CSS*/
.backLoging {
    background-image: url(../../Content/images/logInBGFS1.jpg);
    background-size: cover;
    background-position: center;
}

.rounded-left {
    border-radius: 20px 0 0 20px !important;
}

.input-group-text {
    color: #ffffff !important;
    background-color: #309df0 !important;
    border: 1px solid #319bef !important;
    height: 100%;
}

.LogGroup {
    width: 100%;
    height: 39px;
    border-radius: 15px !important;
    border: 1px solid #309af0 !important;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}

#togglePassword {
    display: inline;
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px;
    color: #213d7e !important;
}

#login-btn {
    width: 100%;
    margin: 20px 0;
    height: 40px;
    border-radius: 15px;
    border: none;
    background-image: linear-gradient(to right, #2f96d0,#104ba4);
    color: #fff;
    font-weight: 600;
    transition: 0.5s;
}

.wrapper {
    padding: 30px 50px;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 57%) !important;
}

.Image {
    font-size: 38px;
    color: #104da5;
    padding: 2px;
}

.rounded {
    border-radius: 1.25rem !important;
}

/*AFTER LOGIN CSS*/

.container {
    max-width: 1700px !important;
}

#grad1 {
    background-color: #2f96d0; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #2f96d0,#104ba4);
    border: 1px solid #999;
    margin-bottom: 20px;
    padding: 20px 15px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: inset 3px 3px 17px rgb(0 0 0 / 50%);
}

#grad2 {
    background-color: #28a745; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #21bf06, #00c456, #00c784, #00c9a7, #00c8bf);
    margin-bottom: 20px;
    padding: 20px 15px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: inset 3px 3px 17px rgb(0 0 0 / 50%);
}

#grad3 {
    background-color: rgba(255, 0, 161, .8); /* For browsers that do not support gradients */
    background: linear-gradient(-45deg, rgba(246, 255, 0, .8), rgba(255, 0, 161, .8));
    margin-bottom: 20px;
    padding: 20px 15px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: inset 3px 3px 17px rgb(0 0 0 / 50%);
}

#grad4 {
    background-color: #ffc107; /* For browsers that do not support gradients */
    background: linear-gradient(to top, #f76b1c, #fad961);
    margin-bottom: 20px;
    padding: 20px 15px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: inset 3px 3px 17px rgb(0 0 0 / 50%);
}

#grad5 {
    background-color: #3023ae; /* For browsers that do not support gradients */
    background: linear-gradient(to right, #3023ae, #c86dd7);
    margin-bottom: 20px;
    padding: 20px 15px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: inset 3px 3px 17px rgb(0 0 0 / 50%);
}

#grad6 {
    background: #ee0979;
    background: -webkit-linear-gradient(to right, #ff6a00, #ee0979);
    background: linear-gradient(to right, #ff6a00, #ee0979);
    margin-bottom: 20px;
    padding: 20px 15px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: inset 3px 3px 17px rgb(0 0 0 / 50%);
}

#grad7 {
    background-color: red; /* For browsers that do not support gradients */
    background-image: linear-gradient(to bottom right, turquoise,white);
    margin-bottom: 20px;
    padding: 20px 15px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: inset 3px 3px 17px rgb(0 0 0 / 50%);
}

#grad8 {
    background: #00c3ff;
    background: -webkit-linear-gradient(to right, #ffff1c, #00c3ff);
    background: linear-gradient(to right, #ffff1c, #00c3ff);
    margin-bottom: 20px;
    padding: 20px 15px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: inset 3px 3px 17px rgb(0 0 0 / 50%);
}

.dashFont {
    font-size: 20px !important;
    font-weight: 600 !important;
}

.dashPoint2 {
    font-size: 18px !important;
    padding-top: 10px !important;
}

.btnLink {
    font-family: Verdana;
    margin-top: 10px;
    font-weight: 700;
    font-size: 25px;
    line-height: 55px;
}

.DasIcons {
    font-size: 60px;
    color: rgba(255,255,255,0.7);
}

#accordion .panel-title a {
    background: #dee2e6 !important;
    text-decoration: none !important;
}
/*.table.dataTable thead th, table.dataTable thead td {
    border-bottom: none!important;
    background-image: var(--BgGradiunt) !important;
    COLOR: #FFF !IMPORTANT;
    box-shadow: inset 2px 2px 2px 0px rgb(255 255 255 / 50%), 7px 7px 20px 0px rgb(0 0 0 / 10%), 4px 4px 5px 0px rgb(0 0 0 / 10%);
    outline: none;
}*/

.table > thead > tr > th {
    font-weight: bold !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    border-bottom: none !important;
    background-image: var(--BgGradiunt) !important;
    COLOR: #FFF !IMPORTANT;
    box-shadow: inset 2px 2px 2px 0px rgb(255 255 255 / 50%), 7px 7px 20px 0px rgb(0 0 0 / 10%), 4px 4px 5px 0px rgb(0 0 0 / 10%);
    outline: none;
}

.h-25px {
    height: 25px;
}

.mx-n15 {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.text-14 {
    font-size: 14px !important;
}

.w-80px {
    width: 80px !important;
}

.BoxMiddle {
    min-height: 70px;
    height: auto;
}

.text-12 {
    font-size: 12px !important;
}

.text-18 {
    font-size: 18px !important;
}

.dt-button {
    background-color: transparent !important;
    border: none !important;
    padding: 0.3em 0.7em !important;
    background-image: none !important;
}

    .dt-button:hover {
        transform: scale(1.1);
    }

.buttons-copy {
    color: #2e86c6 !important;
    font-weight: 600;
}

    .buttons-copy::before {
        font-family: "Font Awesome 5 Free";
        content: "\f0c5";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
    }

.buttons-excel {
    color: green !important;
    font-weight: 600;
}

    .buttons-excel::before {
        font-family: "Font Awesome 5 Free";
        content: "\f1c3";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
    }



.buttons-colvis {
    color: #ce5310 !important;
    font-weight: 600;
    text-transform: capitalize;
}

    .buttons-colvis::before {
        font-family: "Font Awesome 5 Free";
        content: "\f0ae";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
    }


.buttons-page-length {
    color: #FFCC00 !important;
    font-weight: 600;
    text-transform: capitalize;
}

    .buttons-page-length::before {
        font-family: "Font Awesome 5 Free";
        content: "\f815";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
    }

div.dt-buttons {
    border: 1px solid #d4d9df;
}

.modal {
    z-index: 9999 !important;
}

.mtN8px {
    margin-top: -8px;
}

.DasIconsB {
    color: rgba(0,0,0,0.25);
    font-size: 60px;
}

.ml-N78px {
    margin-left: -78px;
}

.Tble-eye {
    width: auto;
    font-size: 33px;
    margin-top: 15px;
    padding: 8px;
    color: #fff;
    border-radius: 8px;
    box-shadow: 1px 1px #2c90cc;
    transition-delay: 0.4s;
    transition: all linear;
}

.cly-shadow {
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1) !important;
    outline: none;
}

.btn_Gradient {
    background-image: linear-gradient(to right, #2f96d0,#104ba4);
    color: #fff !important;
    box-shadow: inset 2px 2px 2px 0px rgb(255 255 255 / 50%), 7px 7px 20px 0px rgb(0 0 0 / 10%), 4px 4px 5px 0px rgb(0 0 0 / 10%);
    outline: none;
    height: 40px !important;
}

input[type="checkbox"] {
    width: 22px !important;
    height: 22px !important;
}

input[type="checkbox"], input[type="radio"] {
    accent-color: #2f96d0 !important;
}

.mt-2rem {
    margin-top: 2rem !important;
}

.loadingSTyle {
    display: none;
    top: 20%;
    position: absolute;
    left: 50%;
}

    .loadingSTyle img {
        width: 100px !important;
        height: 100px;
        margin: 0px;
    }

.note-primary {
    background-color: #e1ecfd !important;
    border: none !important;
    border-left: 5px solid !important;
    border-color: #2e95cf !important;
}

.btn {
    box-shadow: none !important;
}

.dropdown-item:hover {
    background-color: #2a87c7 !important;
}

.dropdown:hover > .dropdown-menu {
    display: block !important;
}


.mtn10px {
    margin-top: -10px !important;
}

.scrollChecks {
    max-height: 200px;
    overflow-y: auto;
    resize: both;
    padding: 12px 2px;
}
.ml-3 {
    margin-left: 1rem !important;
}
.menuNav > .dropdown-menu {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.word-breakall {
    word-break: break-all;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    border: 1px solid #124fa6 !important;
    background: #124fa6 !important;
    color: #ffffff !important;
}

#text-lg-left {
    text-align: left !important;
}

.w-50px {
    width: 50px !important;
}

.w-200px {
    width: 200px !important;
}

.w-500px {
    width: 500px !important;
}

.w-400px {
    width: 400px !important;
}

.w-40px {
    width: 40px !important;
}

.text-32px {
    font-size: 32px;
}

.box-3d {
    border: 1px solid #999999;
    -webkit-box-shadow: 0px 0px 20px #888888;
    box-shadow: 5px 5px 20px #888888;
}

.m-w-100px {
    min-width: 100px !important;
}

.m-w-70px {
    min-width: 70px !important;
}

/*bubble chart*/
.BubbleHeadComstatus {
    color: #4e2b0f;
    background-color: #f4b083;
    font-weight: 600;
    padding: 0px 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.BubbleHeadOverall {
    color: #7d5f00;
    background-color: #ffd34f;
    font-weight: 600;
    padding: 0px 50px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.OverallBG {
    background-color: #fff1cc;
}

.DailyBG {
    background-color: #ddebf6;
}

.CompBG {
    background-color: #fae3d5;
}

.TotalBubble {
    /* margin-top: -31px;*/
    font-size: 22px;
    background-color: #ffd34f;
    width: 160px;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 50%;
    font-weight: 600;
    color: #7d5f00;
}

.GradedBubble {
    /* margin-top: -31px;*/
    font-size: 22px;
    background-color: #28a745;
    width: 160px;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 50%;
    font-weight: 600;
    color: #000;
}

.UnGradedBubble {
    /* margin-top: -31px;*/
    font-size: 22px;
    background-color: #f25f53;
    width: 160px;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 50%;
    font-weight: 600;
    color: #000;
}

.TodayGradedBubble {
    /* margin-top: -31px;*/
    font-size: 22px;
    color: #1f4d79;
    background-color: #9cc3e6;
    width: 160px;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 50%;
    font-weight: 600;
}

.BubbleHeadDstatus {
    color: #1f4d79;
    background-color: #bbd5ec;
    font-weight: 600;
    padding: 0px 50px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}


.DstatusBubble {
    text-align: center;
    font-size: 22px;
    color: #1f4d79;
    background-color: #9cc3e6;
    width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 50%;
    font-weight: 600;
}

.BubbleHeadComstatus {
    color: #4e2b0f;
    background-color: #f4b083;
    font-weight: 600;
    padding: 0px 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.ComstatusBubble {
    text-align: center;
    font-size: 22px;
    color: #4e2b0f;
    background-color: #f4b083;
    width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 50%;
    font-weight: 600;
}

.CompBubble {
    font-size: 22px;
    background-color: #ffd34f;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 50%;
    font-weight: 600;
    color: #7d5f00;
}

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


.TotCompBubble {
    /* margin-top: -31px;*/
    font-size: 22px;
    background-color: #ffd34f;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 50%;
    font-weight: 600;
    color: #7d5f00;
}

.PendingBubble {
    /*  margin-top: -31px;*/
    font-size: 22px;
    background-color: #ffd34f;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 50%;
    font-weight: 600;
    color: #7d5f00;
}


.BBTblMain {
    /* padding: 0px 15px !important; */
    border: 1px solid #000 !important;
    background-image: var(--BgGradiunt) !important;
    COLOR: #FFF !IMPORTANT;
    box-shadow: inset 2px 2px 2px 0px rgb(255 255 255 / 50%), 7px 7px 20px 0px rgb(0 0 0 / 10%), 4px 4px 5px 0px rgb(0 0 0 / 10%);
    outline: none;
}

.BBTblSubMain {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000 !important;
    background-color: #9cc3e6;
    height: 50px;
}

.BBTblSubMain2 {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000 !important;
    height: 50px;
}

.Opacity-0 {
    opacity: 0;
}

.py-5px {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.TFooter {
    background-color: antiquewhite !important;
    color: #000;
}

.w-1200px {
    width: 1200px !important;
}

.mtn32px {
    margin-top: 32px;
}

.PSIcon {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    background: #1266f1;
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1) !important;
    outline: none;
    border-radius: 14px;
    padding: 3px;
    color: #fff;
}

    .PSIcon .fa-user, .PSIcon .fa-file-download, .PSIcon .fa-download {
        font-size: 20px;
    }

.PSIconpara {
    position: absolute;
    transform: translate(40px, -50px);
    font-size: 10px;
    font-weight: 700;
    background-color: aqua;
    padding: 3px;
    border-radius: 8px;
}

.PSIconPadding {
    padding: 12px !important;
}

.userFont {
    font-size: 14px !important;
    position: absolute;
    transform: translate(6px, 9px);
    background-color: #1266f1;
    border-radius: 6px;
}

.PdfFont {
    font-size: 20px;
    position: relative;
}

.decoration-underline {
    text-decoration: underline;
}

.w-40px {
    width: 40px !important;
}

.w-250px {
    width: 250px !important;
}


.btn-success {
    color: #fff !important;
}

.btn-primary {
    color: #fff !important;
}

#total_regis_hide {
    display: none;
}

#adhar_auth_hide {
    display: none;
}

#identy_user_hide {
    display: none;
}

.dropdown-menu, .dropdown-item {
    color: #2071bb !important;
}

.m-w-120px {
    min-width: 120px !important;
}

.h-30px {
    height: 30px !important;
    line-height: 0.5 !important;
}

.SecColorU a {
    color: #9f8d66 !important;
}

.SecColor {
    color: #9f8d66 !important;
}

.opacity-0 {
    opacity: 0 !important;
}

.border-bottom {
    border-bottom: 1px solid #787f85 !important;
}

/* input STYLE CSSS*/
.BGSummary {
    border-bottom: 0px solid #111 !important;
    background-image: var(--BgGradiunt) !important;
    COLOR: #FFF !IMPORTANT;
    box-shadow: inset 2px 2px 2px 0px rgb(255 255 255 / 50%), 7px 7px 20px 0px rgb(0 0 0 / 10%), 4px 4px 5px 0px rgb(0 0 0 / 10%);
    outline: none;
}

.subTitleSummary {
    background: #cfe9ff;
    font-weight: 600;
    color: #2e86c6 !important;
}

.opacity-0 {
    opacity: 0;
}

.BG-Blue {
    background: #c6cdd0 !important;
}

.border-b-2 {
    border: 2px solid black !important;
}

.w-92 {
    width: 92% !important;
}

.mt-35px {
    margin-top: 35px !important;
}

.ml-8px {
    margin-left: 8px !important;
}

.w-1800px {
    width: 1800px !important;
}

.col-My {
    width: 72.746669% !important;
}

.border-right {
    border-right: 1px solid #787f85 !important;
}

.BG-Blue {
    background: aqua !important;
}

.PsHeading {
    display: block;
    padding: 12px 15px;
    background: #dee2e6;
    font-size: 16px;
    font-weight: 800;
    color: #2e86c6;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 2px rgb(43 59 93 / 30%);
}

.psDetails {
    font-size: inherit !important;
    font-weight: 600;
    color: #615f5f;
}

table {
    width: 97.9% !important;
}

.text-20 {
    font-size: 20px !important;
}

.text-16 {
    font-size: 16px !important;
}


.WWR {
    width: 93% !important;
    margin: 0px 3px;
}

.cursor-pointer {
    cursor: pointer;
}

.vertical-top {
    vertical-align: top !important;
}

.vertical-middle {
    vertical-align: middle !important;
}

.w-30px {
    width: 30px !important;
}

.w-95 {
    width: 95% !important
}

.bg-darksalmon {
    background-color: darksalmon !important;
}

.form-control:focus {
    box-shadow: none !important;
}
.text-11 {
    font-size:11px!important;
}

.W-50 {
    width: 50% !important;
}

.paginate_button:hover {
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%) !important;
    color: #000 !important;
}

.form-check-input[type=radio]:checked:after {
    margin-top: 0.1295rem !important;
    margin-left: 0.1005rem !important;
}
.form-check-input[type=radio] {
    width: 1em!important;
    height: 1rem!important;
}

.LinkDiv 
{
    border: 1px solid #2782c4;
    padding: 5PX;
    text-align: center;
    color: #237abf;
    box-shadow: 1px 1px 0px;
}
.w-235px {
    width: 300px!important;
}
.mtleft {
    margin-left: 133px !important;
}

.myNowrap > thead > tr > th {
    white-space: initial !important;
}
    /*MEDIA QUERYS START HERE*/
    @media screen and (min-width:768px) and (max-width:1200px) {
        .md-around {
            justify-content: space-around !important;
        }

        .Unique-Features-box {
            min-width: 47%;
            margin: 5px !important;
        }

        .md-m-h-58vh {
            min-height: 53vh;
            display: flex;
            align-items: center;
        }

        /* table {
            display: block;
        }*/
        .mtN8px {
            word-break: break-all;
            margin-top: 0px;
        }

        .sm-w-100px {
            width: 150px;
        }

        .sm-h-60px {
            height: 60px;
        }

        .sm-h-50px {
            height: 50px;
        }

        .LogoTextNew {
            font-size: 16px;
        }

        .BubbleHeadOverall {
            width: 100%;
            display: block;
            text-align: center;
            margin-bottom: 10px;
        }

        .BubbleHeadDstatus {
            width: 100%;
            display: block;
            text-align: center;
            margin-bottom: 10px;
        }

        .nav-link {
            border: none !important;
        }

        .page-container {
            min-height: 66vh;
        }

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

        .h5, h5 {
            font-size: 0.9rem;
        }

        .nom-img img {
            max-width: 469px !important;
            width: 100% !important;
            margin-top: 0px !important;
        }

        .first-date h2, .second-date h2, .third-date h2, .four-date h2 {
            font-size: 8px !important;
            text-shadow: 1px 0px black;
        }

        .first-date {
            top: 75px !important;
            left: 51px !important;
        }

        .second-date {
            top: 74px !important;
            left: 137px !important;
        }

        .third-date {
            top: 151px !important;
            left: 95px !important;
        }

        .four-date {
            top: 151px !important;
            left: 160px !important;
        }

        .DasIcons {
            font-size: 30px;
        }

        .DasIconsB {
            font-size: 30px;
        }

        .main-navigation-sec > .container {
            padding: 0px !important;
        }
    }
    /*
MOBILE QUERY*/
    @media screen and (max-width:767px) {
        .mtN8px {
            word-break: break-all;
            margin-top: 0px;
        }

        table {
            display: block;
        }

        .sm-w-100px {
            width: 100px;
        }

        .sm-h-60px {
            height: 50px;
        }

        .sm-h-50px {
            height: 40px;
        }


        .Heading_style {
            font-size: 26px;
        }

        .Unique-Features-box {
            max-width: 90% !important;
            margin-bottom: 20px;
        }

        .nav-link {
            border-right: none !important;
        }

        .wrapper {
            padding: 30px 0px;
        }

        #w-mob-100 {
            width: 100% !important;
        }

        .w-mob-100 {
            width: 100% !important;
        }

        .text-mob-center {
            text-align: center !important;
        }

        h3 {
            font-size: 20px !important;
        }

        .my-mob-10px {
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }

        .BubbleHeadOverall {
            width: 100%;
            display: block;
            text-align: center;
            margin-bottom: 10px;
        }

        .BubbleHeadDstatus {
            width: 100%;
            display: block;
            text-align: center;
            margin-bottom: 10px;
        }

        .page-container {
            box-shadow: none !important;
            padding: 0px !important;
        }

        .dashFont {
            font-size: 15px !important;
        }

        .h5, h5 {
            font-size: 1rem;
        }

        .first-date h2, .second-date h2, .third-date h2, .four-date h2 {
            font-size: 8px !important;
            text-shadow: 1px 0px black;
        }

        .first-date {
            top: 65px !important;
            left: 41px !important;
        }

        .second-date {
            top: 64px !important;
            left: 120px !important;
        }

        .third-date {
            top: 130px !important;
            left: 81px !important;
        }

        .four-date {
            top: 128px !important;
            left: 139px !important;
        }

        .mob-btn {
            white-space: nowrap;
            padding: 0.625rem 0.5rem 0.5rem !important;
        }

        .text-sm-18px {
            font-size: 18px;
        }

        #col-My-sm {
            width: 90.746669% !important;
        }

        .ml-N78px {
            margin-left: -25px;
        }

        .logo-top-main {
            display: flex;
        }

        .header-wrapper {
            padding: 0 !important;
        }
        .scrolling-textarea {
            width: 300px; /* Adjust the width as needed */
            height: 150px; /* Adjust the height as needed */
            overflow: auto; /* This property adds scrollbars if content overflows */
        }
        .no-select {
            user-select: none; /* For modern browsers */
            -webkit-user-select: none; /* For Safari */
            -moz-user-select: none; /* For Firefox */
            -ms-user-select: none; /* For Internet Explorer/Edge */
        }
        .singleUploadBorder, .singleUploadBorderRight {
            text-align: center;
        }
        .ms-3-mob {
            margin-left: 1rem !important;
        }
    }


.resizeBoth {
    resize: vertical;
}

.textalignLeft{
    text-align:left !important;
}

.overflowScroll {
    overflow: scroll !important;
}


.singleLable
{
    font-size: 10px!important;
    font-weight: bold!important;
}

.singleUploadBorder {
    border: 2px solid #d9d6d1;
    padding: 10px;
}


.singleUploadBorderRight {
    border: 2px solid #d9d6d1;
    padding: 0 10px 10px;
}

.rightHeading {
    font-size: 14px;
    line-height: 13px;
    text-align: center;
    margin: 2px;
    background: #aa0707;
    color: #fff;
    font-weight: bold;
    word-wrap: break-word;
    height: 30px;
    padding: 2PX 0;
}

.fixed-textarea {
    resize: none; /* Disables resizing */
    overflow: auto; /* Adds scrollbars if content overflows */
}

.dt-search {
    float: right !important;
    display: flex !important;
    align-items: center !important;
   
}

/*div.dt-buttons {
  
    margin-left: 18px;
}*/


.dt-paging-button {
    padding: 5px 10px;
    border: none;
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
    font-size: 19px;
    box-shadow: 8px 12px 7px #edededed;
}
.dt-paging {
    float: right;
}

.dt-info {
    float: left
}