<style>

   
<!--    -->    

    /* WES FONTS */
    
    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr,
    address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
    b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
    thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header,
    hgroup, menu, nav, section, summary, time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }
    body { line-height: 1; }
    nav ul { list-style: none; }
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
    a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
    ins { background-color: #ff9; color: #000; text-decoration: none; }
    /*mark { background-color: #e8112c; color: #000; }*/
    del { text-decoration: line-through; }
    abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
    table { border-collapse: collapse; border-spacing: 0; }
    hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
    input, select { vertical-align: middle; }
    body {  font-family: Helvetica Now, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', Segoe UI Symbol, 'Noto Color Emoji'; font-size: 11px; line-height: 1.4em; margin:0; }


    /* #container { width: 960px; margin: 0 auto; } */
    #container { width: 960px;}



    @media screen and (min-width: 1322px) {
        /* #container { width: 700px; } */
        #container {
            width: 50%;
            overflow-y: auto; /* adds a vertical scrollbar when content overflows */
            height:100vh;
            background-color: #2d2a28 !important;



        }
        #container-login{
            width: 50%;
            height:100vh;
            background-color: #2d2a28 !important;

            /* background: linear-gradient(to right, #00916f, #34cba4); */
        }
        body#cas {
            background: url(/tenant/hhc/hhc-bg.jpeg) !important;
            background-size: cover !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            display:flex;
            justify-content: flex-end;
            height: 100vh;
            overflow: hidden;




        }
        .password-container, .toggle-password
        {
            position: relative;
            left:85% !important;
        }

        /* .header-top {
            margin-top: 130px;
        } */

    }

    @media screen and (min-width: 1280px) {
        #ssosessions-page #container { width: 1280px; }
        #ssosessions-page #container-login { width: 1280px; }
    }
    @media screen and (min-width: 1380px) {
        .password-container, .toggle-password
        {
            position: relative;
            left:94% !important;
        }
    }
    .logo-big{
        width:100px !important;
        height:100px !important;
    }

    .custom-back-button{
        z-index: 99;
        background:#2d2a28 !important;
        border: none;
        text-decoration:none;
        position:absolute;
        top:10px;
        width: 200px;
        text-align: center;
        font-size:16px;
        left:10px;margin:0;
        font-weight: bold;
        padding: 0.375rem 0.75rem;
        color:#c5d22d;
        text-transform: uppercase;
        clip-path: polygon(14% 0, 100% 0, 100% 4%, 83% 115%, 0 100%);
    }
      #language-dropdown{
        position: absolute;
        right:40px;
        margin-top:10px;
        display: flex;
        align-items: center;
        height: 50px;

    }
    @media only screen and (max-width: 1322px) {
        #container { width: 100%; }
        #container-login { width:100% }
        #content {
            -webkit-border-bottom-right-radius: 0px;
            -webkit-border-aottom-left-radius: 0px;
            -moz-border-radius-bottomright: 0px;
            -moz-border-radius-bottomleft: 0px;
            border-bottom-right-radius: 30px !important;
            border-bottom-left-radius: 30px !important;
            margin-top:0px !important;

        }
        .custom-back-button{
            background: #c5d22d !important;
            color:#2d2a28;
        }
        #language-dropdown{
            position: absolute;
            right:10px;
            margin-top:-130px;
        }
        body#cas {
            background-size: inherit;
            background-size: contain !important;
            background-repeat: no-repeat !important;
            width:100% !important;
            background-color: #2d2a28 !important;
        }
        .logo-big {
            display:block;
        }

        .header-top {
            margin-top: 0px;
            display:block;
            background-color: #2d2a28;
            left:0px;
            display:flex;
            justify-content:center !important;

        }
        .password-container, .toggle-password
        {
            position: relative;
            left:96% !important;
        }
    }
    @media only screen and (max-width: 1859px){
        body#cas {
            background-size: cover !important;
            background-position: center !important;
        }
    }

    @media only screen and (max-width:700px){
        .password-container, .toggle-password
        {
            position: relative;
            left:94% !important;
        }
    }



    a:active,
    a:hover,
    a:focus {
        text-decoration:none;
        color:#383939;
    }

    a:active,
    a:focus,
    input,
    select,
    textarea {
        outline:none;
    }

    p {
        margin-bottom: 1.4em;
    }

    header {
        overflow: hidden;
        padding: 20px 0;
        position:relative;
        left:55px;
    }

    #logo {
        display: block;
        background: url(../images/logo.png) no-repeat;
        text-indent: -999em;
        float: left;
        height: 100px;
        width: 80%;
        margin-right: 40px;
        border: 0px;
    }

    header h1 {
        float: right;
        width: 119px;
        height: 60px;
        background: url(../images/cas-logo.png) no-repeat;
        text-indent: -999em;
    }

    #content {
        overflow: hidden;
        margin-top:150px;
        background-color: #2d2a28 !important;
        padding-left: 150px !important;
        padding-right: 150px !important;
        padding: 20px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    #msg {
        padding: 20px;
        margin-bottom: 40px;
    }

    #msg.errors {
        border: 1px dotted #BB0000;
        color: #BB0000;
        padding-left: 100px;
        background: url(../images/error.png) no-repeat 20px center;
    }

    #msg.success { border: 1px dotted #390; color: #390; padding-left: 100px; background: url(../images/success.png) no-repeat 20px center; }
    #msg.info { border: 1px dotted #008; color: #008; padding-left: 100px; background: url(../images/info.png) no-repeat 20px center; }
    #msg.question { border: 1px dotted #390; color: #390; padding-left: 100px; background: url(../images/question.png) no-repeat 20px center; }
    #msg.warn { border: 1px dotted #960; color: #960; padding-left: 100px; background: #ffbc8f url(../images/info.png) no-repeat 20px center; }

    .errors {
        border: 1px dotted #BB0000;
        color: #BB0000;
        padding-left: 100px;
        padding-top:5px;
        margin-bottom:5px;
        background: url(../images/error.png) no-repeat 20px center;
    }

    #serviceui.serviceinfo {
        display: none;
        border: 1px dotted #0066FF;
        color: black;
        padding-left: 10px;
        padding-top: 5px;
    }

    #servicedesc {
        vertical-align:middle;
        padding-left: 30px;
        width: 90%;
    }

    #login {
        /*
            width: 320px;
            float: left;
        */
        margin-right: 20px;
    }

    #login h2 {
        font-weight: normal;
        font-size: 1.2em;
        margin-bottom: 20px;
    }

    #login .row {
        padding: 5px 0;
    }

    #login label {
        font-size: 1.2em;
        display: block;
        margin-bottom: 2px;
    }

    #login .check label {
        display: inline;
    }

    #login input[type=text], #login input[type=password] {
        width: 100% !important;
        font-size: 13px !important;
        padding: 10px !important;
        border-radius:7px;
        color:#FFFFFF !important;
        background: transparent;
        border:2px solid #FFFFFF !important;
    }


    #gender,#phone,#country{
        width: 100% !important;
        font-size: 13px !important;
        padding: 10px !important;
        color:#FFFFFF  !important;
        border-radius:7px;
        border:2px solid #FFFFFF !important;
        background-color: #2d2a28;
    }


    .iti--allow-dropdown{
        width:100% !important;
    }
    ::placeholder{
        color:#FFDEDE !important;
        font-size:13px !important;
    }

    input[type=date] {
        font-size: 9px !important;
        padding: 10px !important;
        color:#c5d22d;
        border-radius:7px;
        background: transparent;
        border:2px solid #c5d22d !important;
        -webkit-appearance: none;
        -moz-appearance: textfield;
        appearance: none;
        width: 100%;
        box-sizing: border-box;
        padding: 0.5rem;
    }


    #login .btn-submit {
        background-color: #c5d22d !important;
        border: 0;
        padding: 10px 20px;
        font-weight: bold;
        color: #2d2a28 !important;
        clip-path: polygon(5% 0%, 179% 0%, 100% -5%, 83% 277%, 0% 115%);
    }

    #login .btn-reset {
        background-color: transparent !important;
        color:#c5d22d !important;
        border:2px solid #c5d22d !important;
        padding: 10px 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    #login .btn-submit:hover, #login .btn-reset:hover {
        cursor: pointer;
    }

    #login .btn-submit:hover {
        background-color:#000;
        background-position: -26px -290px;
        border-color:#000;
        /*background: #7fd36e;*/
    }

    #login .btn-reset:hover {
        background: #d4d4d4;
    }

    #sidebar {
        width: auto;
        height: 100%;
    }

    #sidebar-content {
        padding-left: 20px;
    }

    #list-providers ul {
        margin-bottom: 3em;
    }

    #list-languages h3, #list-providers h3 {
        margin-bottom: 1.4em;
    }

    #list-languages ul li, #list-providers ul li {
        list-style: none;
        display: inline-block;
        margin-right: 2em;
    }

    footer {
        padding: 20px;
        color: #c5d22d;
        background-color: #2d2a28 !important;
        text-align: center;
    }

    footer a:link, footer a:visited {
        color: #c5d22d;
    }
    @media only screen and (max-width:1500px)  {
        .btn-submit{
            clip-path: polygon(8% 0, 100% 0, 100% 0%, 84% 183%, 0 115%) !important;
        }
    }

    @media only screen and (max-width: 3000px) {
        #logo { display: none; }
        header h1 { font-size: 1em; width: 70px; height: 40px; background-size: 70px 40px; }
        #login { float: none; width: 100%; }
        #fm1 .row input[type=text],
        #fm1 .row input[type=password] { width: 100% !important; padding: 10px !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
        #fm1 .row .btn-submit { font-size: 1.5em; outline: none; -webkit-appearance: none; -webkit-border-radius: 0; border: 2px solid #c5d22d; background: #2d2a28; color: #fff; font-weight: bold; width: 100%; padding: 10px 20px; }
        #fm1 .row .btn-reset { display: none; }
        #sidebar { margin-top: 20px; }
        #sidebar .sidebar-content { padding: 0; }
    }
    @media only screen and (max-width: 1200px) {
        #logo { display: block; }
        header h1 { font-size: 1em; width: 70px; height: 40px; background-size: 70px 40px; }
        #login { float: none; width: 100%; }
        #fm1 .row input[type=text],
        #fm1 .row input[type=password] { width: 100% !important; padding: 10px !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
        #fm1 .row .btn-submit { clip-path: polygon(8% 0, 100% 0, 100% -5%, 84% 185%, 0 115%); font-size: 1.5em; outline: none; -webkit-appearance: none; -webkit-border-radius: 0; border: 2px solid #c5d22d; background: #2d2a28; color: #c5d22d; font-weight: bold; width: 100%; padding: 10px 20px; }
        #fm1 .row .btn-reset { display: none; }
        #sidebar { margin-top: 20px; }
        #sidebar .sidebar-content { padding: 0; }
        input[type=date]{ width:100% !important;}
        #gender, #country{width:100% !important;}

        body#cas{ background-color: #2d2a28 !important;}

    }
    @media only screen and (max-width: 968px) {
        header { padding: 20px; }
        #container { width: 100%; }
        #container-login { width:100%; }
        #content {
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px !important;
            padding-left:30px !important;
            padding-right:30px !important;
            margin-top:0px;
        }

        .btn-submit {
            clip-path: polygon(8% 0, 100% 0, 100% -5%, 84% 185%, 0 115%) !important;
        }

    }
    @media only screen and (max-width: 505px){
        .password-container, .toggle-password
        {
            position: relative;
            left:90% !important;
        }
        #language-dropdown{
            margin-top: -154px;
        }
        .back-to-website{
            top:-1px !important;
        }
        .custom-back-button{
            font-size:10px;
            width: 110px;
        }
        .btn-submit{
            clip-path: polygon(13% 0, 100% 0, 100% -5%, 84% 146%, 0 115%) !important;
        }
    }

    /**
     * SSO Sessions Styles
     */
    #loadingMessage {
        font-size: 14px;
    }

    #cas-sessions, #no-cas-sessions {
        display: none;
    }
    #no-cas-sessions div {
        margin-top: 2em;
    }

    .ssoSessions #content {
        border-radius: 4px;
        padding: 20px;
    }

    #container-stable {
        margin: 20px 0 20px;
    }

    .ssoSessions .btn-success {
        background: #70ba61;
        border: 0;
        padding: 10px 20px;
        font-weight: bold;
        color: #c5d22d;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .ssoSessions .sorting_desc, .ssoSessions .sorting_asc {
        background-color: rgba(239, 239, 239, 0.8);
    }
    .ssoSessions #removeAllSessions.Button.btn .badge {
        color: #000;
        padding-right: 9px;
    }

    .ssoSessions .adminPanels {
        border-bottom: 1px solid #efefef;
        margin-bottom: 2em;
        margin-top: 1em;
        padding-bottom: 1em;
    }

    .ssoSessions .adminPanels .panel-default>.panel-heading {
        background-color: #fff;
        border-bottom: none;
    }
    .ssoSessions .adminPanels .panel-default>.panel-heading h3 {
        font-weight: 300;
        font-size: 20pt;
    }

    .ssoSessions .adminPanels .panel-default > .panel-heading:after {
        position: absolute;
        top: -5px;
        right: 30px;
        font-size: 70pt;
        color: #153e50;
        opacity: 0.1;
    }
    .adminPanels .users-panel.panel-default > .panel-heading:after {
        content: "\f0c0";
    }

    .adminPanels .usage-panel.panel-default > .panel-heading:after {
        content: "\f201";
    }

    .adminPanels .tickets-panel.panel-default > .panel-heading:after {
        content: "\f145";
    }


    .ssoSessions td.details-control {
        cursor: pointer;
        font-size: 10pt;
        color: #337ab7;
    }
    .ssoSessions td.details-control:after {
        content: "\f067";
        /*content: "\002B"; - thinner plus sign */
    }
    .ssoSessions tr.shown td.details-control:after {
        content: "\f068";
        /*content: "\002D"; - thinner minus sign */
    }

    .row-detail-wrapper {
        background-color: #d9edf7;
    }
    .ssoSessions .row-detail thead {
        display: none;
    }
    .ssoSessions .row-detail {
        /*font-size: 8pt;*/
    }
    .ssoSessions .field-label {
        /*font-size: 8pt;*/
        /*font-weight: bold;*/
    }

    .principal_attributes td:first-child {
        width: 30%;
    }
    table.principal_attributes>tbody>tr>td {
        border-top-color: #E6E6E6;
    }

    .adminPanels .panel-body {
        padding-top: 5px;
    }
    .adminPanels .panel-body span {
        font-size: 30pt;
        font-weight: 100;
    }

    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    #alertBox {
        display: none;
    }

    /**
    SB Admin Styles
     */

    .huge {
        font-size: 30pt;
        font-weight: 300;
    }

    .semi-huge {
        font-size: 18pt;
        font-weight: 300;
    }
    /**
     * Statistics View
     */

    .statisticsView {
        display: none;
    }

    .statisticsView .progress-meter .background {
        fill: #DFEAFD;
    }
    .statisticsView .progress-meter .foreground {
        fill: #2E7AF9;
    }
    .statisticsView .progress-meter text {
        font-size: 25pt;
        font-weight: 300;
    }
    .statisticsView .progress-meter .text2 {
        font-size: 10pt;
    }

    .modal {
        display: none;
    }

    /**
     * Runtime Statistics Gauge styles
     */
    .statisticsView .runtimeStatistics .background {
        fill: #DFEAFD;
    }
    .statisticsView .runtimeStatistics .foreground {
        fill: #2E7AF9;
    }
    .statisticsView .runtimeStatistics text {
        font-size: 25pt;
        font-weight: 300;
    }
    .statisticsView .runtimeStatistics .text2 {
        font-size: 10pt;
    }
    #uptime-panel {
        display: none;
    }
    #uptime {
        font-size: 16pt;
    }

    .thread-dump-view {
        height: 600px;
        overflow-y: auto;
    }

    #metricsGauges strong {
        display: block;
    }

    #metricsGauges .panel {
        width: 100%;
    }

    #metricsGauges ul {
        height : auto;
        overflow : hidden;
    }

    #metricsGauges li {
        float : left;
        width : 80px;
        height: 80px;
        margin: 0 0 10px 10px;
        background : #d8d8d8;

    }
    #metricsGauges ul li:nth-child(5n + 1) {
        clear : left;
    }


    .statisticsView .equal, .statisticsView .equal > div[class*='col-'] {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex:1 1 auto;
    }

    .statisticsView .section {
        margin-bottom: 25px;
    }

    #viewSsoSessions {
        color: #c5d22d;
    }

    .statisticsView .adminPanels.container-fluid {
        padding-right: 0;
    }

    #copyright {
        color: #fff;
    }

    .register-heading{
        font-family: Helvetica Now, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', Segoe UI Symbol, 'Noto Color Emoji';
        font-size: 2em !important;
        margin-top: 20px;
        color: #FFFFFF;
        text-transform: uppercase;
        font-weight: 600;
        text-align: center;
        line-height: 25px;
    }
    .login-link{
        font-size: 1em;
        color: #FFFFFF;
        font-weight: 400;
    }
    .accesskey{
        color:#FFFFFF;
    }
    /**
     * View Configuration Styles
     */
    #viewConfigError {
        display: none;
    }
    #view-configuration {
        display: none;
    }

    #language{
        background-color: #2d2a28;
        border:none;
        color:#FFFFFF;

    }
    .site-header {
        position: relative;   /* establishes the containing block */
        height: 60px;
    }

  
    .welcome-text{
        margin-left: 5px;
        color: white;
        font-size:13px;
    }

    .tab-container {
        display: flex;
        /* width: fit-content !important; */
        border: 5px solid #c5d22d;
        width:100% !important;
        margin-bottom:40px !important;
        box-sizing: border-box;
        border-radius: 10px;
    }

    .tab{
        padding: 8px 30px;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        border: none;
        cursor: pointer;
        flex: 1;
        width:150px !important;
        display: flex;
        justify-content: center;

    }

    .active {
        background-color: #2d2a28;
        color: white;
        width:150px;
        box-sizing: border-box;
        border-radius: 10px;

    }
    .tab a{
        color: white;
    }
    .inactive {
        background-color: black;
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
        color: #888;
        box-sizing: border-box;
        width:150px;


    }

    #language-dropdown a{
        width:170px;
        margin-bottom:0 !important;
        text-transform: uppercase;
        font-size:10px;
        text-decoration: none;
        color:#c5d22d    }

    .forgot-password{
        text-align: right;
        font-size: 1.2em;
        margin-top: 0px;
        margin-bottom:10px !important;
    }

    .forgot-password a{
        color:#c5d22d;
    }

    .password-container, .toggle-password {
        position: relative;
        bottom:20px !important;
        left:94%;
        right: 0.75rem;
        transform: translateY(-50%);
        font-size: 18px;
        color: #c5d22d;
        cursor: pointer;
        margin-right:100px;
        display:block;
        width:10px !important;
    }


    .password-container input {
        width: 100%;
        padding-right: 25px;

    }

    .alert {
        padding: 15px !important;
        border-radius: 5px  !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        display: flex;
        align-items: center  !important;
        margin-bottom:40px !important;
        position: relative;
    }

    .alert-danger {
        background-color: #f8d7da ;
        color: #fd0019 !important;
        border: 1px solid #f5c6cb;
    }

    /* .customerDetailsContainer{

    } */

    .personalDetailsContainer{
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: column;
        gap:5px !important;
        width:100%;
        line-height: 20px;

    }
    .acountDetailsContainer{
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: column;
        width:100%;
        gap:5px !important;
        line-height: 20px;
    }
    .details-span{
        color:#FFFFFF;
        font-weight: bold !important;
        font-size: 15px;
    }
    .details-paragraph {
        color: #FFFFFF;
        font-size: 15px;

    }

    /**
    SB Admin Styles
     */

    .huge {
        font-size: 30pt;
        font-weight: 300;
    }

    .semi-huge {
        font-size: 18pt;
        font-weight: 300;
    }
    /**
     * Statistics View
     */

    .statisticsView {
        display: none;
    }

    .statisticsView .progress-meter .background {
        fill: #DFEAFD;
    }
    .statisticsView .progress-meter .foreground {
        fill: #2E7AF9;
    }
    .statisticsView .progress-meter text {
        font-size: 25pt;
        font-weight: 300;
    }
    .statisticsView .progress-meter .text2 {
        font-size: 10pt;
    }

    .modal {
        display: none;
    }

    /**
     * Runtime Statistics Gauge styles
     */
    .statisticsView .runtimeStatistics .background {
        fill: #DFEAFD;
    }
    .statisticsView .runtimeStatistics .foreground {
        fill: #2E7AF9;
    }
    .statisticsView .runtimeStatistics text {
        font-size: 25pt;
        font-weight: 300;
    }
    .statisticsView .runtimeStatistics .text2 {
        font-size: 10pt;
    }
    #uptime-panel {
        display: none;
    }
    #uptime {
        font-size: 16pt;
    }

    .thread-dump-view {
        height: 600px;
        overflow-y: auto;
    }

    #metricsGauges strong {
        display: block;
    }

    #metricsGauges .panel {
        width: 100%;
    }

    #metricsGauges ul {
        height : auto;
        overflow : hidden;
    }

    #metricsGauges li {
        float : left;
        width : 80px;
        height: 80px;
        margin: 0 0 10px 10px;
        background : #d8d8d8;

    }
    #metricsGauges ul li:nth-child(5n + 1) {
        clear : left;
    }


    .statisticsView .equal, .statisticsView .equal > div[class*='col-'] {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex:1 1 auto;
    }

    .statisticsView .section {
        margin-bottom: 25px;
    }

    #viewSsoSessions {
        color: #c5d22d;
    }

    .statisticsView .adminPanels.container-fluid {
        padding-right: 0;
    }

    /**
     * View Configuration Styles
     */
    #viewConfigError {
        display: none;
    }
    #view-configuration {
        display: none;
    }


    .custom-back-button:hover{
        color:#c5d22d;
    }

    .custom-alert{
        background-color: #c5d22d;
        color: #fd0019 !important;
        text-align: center;
        font-weight: 800;
        font-size: 15px;
        border-radius: 5px;
    }
    .password-recovery{
        text-align: right;
        font-size: 1.2em;
        margin-top: 10px;
        margin-bottom:10px !important;
    }
    .password-recovery a{
        color:#FFFFFF;
        text-decoration: none;
    }

    input#city:read-only{
        /*background-color: #c22a2a !important;*/
        background-color: #4a4644 !important;
    }
    input#line1:read-only{
        /*background-color: #c22a2a !important;*/
        background-color: #4a4644 !important;
    }
    .custom-loader {
        display: inline-block;
        width: 20px;
        height: 20px;
        border: 3px solid rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        border-top-color: #c5d22d;
        animation: spin 1s ease-in-out infinite;
        margin-left: 10px;
        vertical-align: middle;
    }

    @keyframes spin {
        to { transform: rotate(360deg); }
    }

    .login-register-btn a {
        color: #2d2a28;
        text-decoration: none;
    }
    .back-div a{
        color: #FFFFFF;
        display: flex;
        align-items: center;
        width: fit-content;
        font-size:13px;
        text-decoration: none;
    }
    .back-div h3{
        color: #c5d22d;
        margin-bottom:0px !important;
        font-size:13px;
    }
    .success-message{
        color:#FFFFFF;
        font-size: 15px;
        text-align:center;
        line-height:20px;
    }
    .redirect-heading{
        color:#FFFFFF;
        font-size: 15px;
        text-align:center;
        line-height:20px;
    }

    .redirect-heading a{
        color:#FFFFFF;
    }
    .custom-customer-details-clip-path-polygon{
        clip-path: polygon(10% 0, 100% 0, 100% 0%, 78% 189%, 0 115%) !important;
        width: 220px;
    }
   .alert-success {
       color: #2d2a28 !important;
       background-color: #dff0d8;
       border-color: #d6e9c6;
   }

</style>
