body {
        font-family: "arial", sans-serif !important;
        }

        html[class*='text-size-'] body {
        color: #0e0e0e !important;

        a:not(.btn):not(.goToOtherPageBtn) {
        color: #90829e !important;
        }

        a:not(.btn):not(.goToOtherPageBtn):link {
        color: #90829e !important;
        }

        a:not(.btn):not(.goToOtherPageBtn):visited {
        color: #90829e !important;
        }

        a:not(.btn):not(.goToOtherPageBtn):focus {
        color: #90829e !important;
        }

        a:not(.btn):not(.goToOtherPageBtn):hover {
        color: #90829e !important;
        }

        a:not(.btn):not(.goToOtherPageBtn):active {
        color: #90829e !important;
        }
        }

        ::selection {
        color: #90829e !important;
        background: #90829e40 !important;
        }

        h1, h2 {
        color: #d1174d !important;
        }

        .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
        color: #FFF !important;
        background: #90829e40 !important;
        }

        .multiselect-container>li>a>label [type=radio]:checked+label:after {
        background-color: #90829e !important;
        }

    

        [type=radio]:checked+label:after, [type=radio]:checked+label:before {
        border: 2px solid #90829e !important;
        }
        [type=radio]:checked+label:after, [type=radio].with-gap:checked+label:after {
        background-color: #90829e !important;
        }
        background-color: #90829e !important;
        }
        [type=checkbox]:checked+label:not(.lever):after{
        border: 2px solid #90829e !important;
        background-color: #90829e!important;
        }
    

        ul.pagination {
        a {
        color:#90829e  !important;
        border-color:#90829e !important;
        }

        li.active {
        a {
        background-color:#90829e40 !important;
        border-color:#90829e !important;
        color: #90829e  !important;
        }
        }
        }

        .pagination > .active > a:focus,
        .pagination > .active > a:hover,
        .pagination > .active > span,
        .pagination > .active > span:focus,
        .pagination > .active > span:hover
        {
        color: #FFF !important;
        background-color:#90829e !important;
        border-color: #90829e !important;
        }


        .pagination>li:first-child>a, .pagination>li:first-child>span {
        border-top-left-radius: 20px !important;
        border-bottom-left-radius: 20px !important;
        }

        .pagination>li:last-child>a, .pagination>li:last-child>span {
        border-top-right-radius: 20px !important;
        border-bottom-right-radius: 20px !important;
        }

        .paging-info{
        .btn-default{
        background-color:#FFF;
        color: #90829e !important;
        border: #90829e 2px solid !important;
        border-radius: 20px !important;
        box-shadow: unset !important;
        }
        .btn-default:hover, .btn-default-icon:hover {
        color: #90829e !important;
        background-color:#90829e20 !important;
        border: #90829e 2px solid !important;
        }
        }

    


        .btn-login-vendor {
        width: 100% !important;
        }

        .btn-login-vendor, .btn-cancel, .btn-request-outline, #automatic-logoff-button-logoff {
        background-color:#FFF;
        color: #90829e !important;
        border: #90829e 2px solid !important;
        border-radius:  20px !important;
        box-shadow: unset !important;
        }

        .btn-login-vendor:hover,
        .btn-cancel:hover,
        .btn-cancel-icon:hover,
        .btn-request-outline:hover,
        .btn-request-outline-icon:hover,
        #automatic-logoff-button-logoff:hover {
        color: #90829e !important;
        background-color:#90829e20 !important;
        border: #90829e 2px solid !important;
        }
        .btn-danger {
        border-radius:  20px !important;
        }

        .btn-next, .btn-confirm, .btn-save, .btn-request, .btn-primary {
        color: #90829e !important;
        border: #90829e 2px solid !important;
        background-color:#90829e20 !important;
        border-radius:  20px !important;
        box-shadow: unset !important;
        }

        .btn-next:hover,
        .btn-confirm:hover, .btn-confirm-icon:hover,
        .btn-save:hover, .btn-save-icon:hover,
        .btn-request:hover, .btn-request-icon:hover,
        .btn-primary:hover {
        color: #FFF !important;
        background-color:#90829e !important;
        border: #90829e 2px solid !important;
        }


    


        .filter-container{

        #filter-preset-button-dropdown, .btn-extra-filter {
        background-color:#FFF;
        color: #90829e !important;
        border: #90829e 1px solid !important;
        box-shadow: unset !important;
        }

        #filter-preset-button-dropdown:hover, .btn-extra-filter:hover {
        color: #90829e !important;
        background-color:#90829e20 !important;
        border: #90829e 1px solid !important;
        }


        .btn.btn-sm.btn-primary {
        color: #90829e !important;
        border: #90829e 1px solid !important;
        background-color:#90829e20 !important;
        border-radius: 0px !important;
        border-top-right-radius:  20px !important;
        border-bottom-right-radius:  20px !important;
        box-shadow: unset !important;
        }

        .btn.btn-sm.btn-primary:hover {
        color: #FFF !important;
        background-color:#90829e !important;
        border: #90829e 1px solid !important;
        }


        #btnFilterExtra{
        color: #90829e !important;
        border: #90829e 2px solid !important;
        background-color:#90829e20 !important;
        border-radius:  20px !important;
        box-shadow: unset !important;
        }

        #btnFilterExtra:hover {
        color: #FFF !important;
        background-color:#90829e !important;
        border: #90829e 2px solid !important;
        }

        .input-sm{
        border: #90829e 1px solid !important;
        border-top-left-radius:  20px !important;
        border-bottom-left-radius:  20px !important;
        }

        .filter .input-group .input-group-btn .btn-filter-reset-list li.active {
        color: #90829e !important;
        background-color:#90829e20 !important;
        }

        .filter .extra-filter-wrapper {
        border-bottom-right-radius:  20px !important;
        border-bottom-left-radius:  20px !important;
        }

        }
    

        .logo-position {
        float: left !important;

        box-shadow: unset !important;
        }
        .block-container-color {
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1), inset 0px 10px 0px #d1174d !important !important;
        }
        .block-header-color{
        background-color:#d2e0e440 !important;
        border-radius: 20px 20px 0 0!important;
        }
        .block-wizard-color{
        background-color:#d2e0e420 !important;
        border-radius: 0 0 0 20px !important;
        min-height: 175px;
        }
        .request-flow .request-dashboard-container .request-block-container {
        border-radius: 20px !important;
        }

    

        .wizard-control ul li:not(.hidden) span.round-tab{
        background:unset !important;
        color:  #d1174d !important;
        border-color: #d1174d !important;
        }
        .wizard-control ul li:not(.hidden).active i{
        color:  #d1174d !important;
        }
        .wizard-control ul li:not(.hidden).active span.round-tab{
        background: #d1174d !important;
        color: #FFF!important;
        border-color: #d1174d !important;
        }

    

        .login-buttons {
        display: flex;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right:0;
        padding: 0 15px;
        }

        .login-buttons i.fa-rotate-90 {
        margin-left: -5px;
        margin-right: 5px;
        }

        .login-buttons a {
        background-color: unset !important;
        color: #90829e !important;

        text-decoration: none !important;
        position: relative;
        padding-bottom: 15px;
        }
    

        .navbar-header{
        padding-left:0 !important;
        padding-right:0 !important;
        }
        .navbar-nav{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        }

        #topbar{
        background-color: unset !important;
        }
        .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-top: unset !important;
        border-color: unset !important;
        }

        .container-box-style {
        height: 70px;
        padding: 0 15px;
        background-color: #ffffff;
        /* top-left | top-right | bottom-right | bottom-left */
        border-radius: 0 0 20px 20px !important;
        }
        .container-box-shadow {
        box-shadow:unset !important;
        }

        #topbar .nav>li>a, #topbar .nav>li>a {
        background-color: unset !important;
        color: #90829e !important;

        text-decoration: none !important;
        position: relative
        }

        #topbar .nav>li:hover, #topbar .nav>li:focus{
        background-color: unset !important;
        color: #d1174d !important;
        }
        #topbar .nav>li>a:hover, #topbar .nav>li>a:focus, #topbar .nav>li>a.active {
        background-color: unset !important;
        color: #d1174d !important;
        }

        .navbar-toggle {
        background-color: #90829e;
        }

        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #d1174d;
        }

        #topbar .nav>li>a.active:after  {
        width: 80%;
        background: #d1174d !important;
        }

        #topbar .badge{
        background-color: #90829e !important;
        color: #90829e !important;
        position: absolute !important;
        top: 10px !important;
        right: -5px  !important;
        }

        .badge-tasks {
        background-color: #a94442 !important;
        }

        .underline:after {
        position: absolute;
        content: '';
        height: 2px;

        bottom: 6px;

        margin: 0 auto;
        left: 0;
        right: 0;
        width: 80%;
        background: unset;

        -o-transition:.5s;
        -ms-transition:.5s;
        -moz-transition:.5s;
        -webkit-transition:.5s;
        transition:.5s;
        }

        .underline:hover:after {
        width: 80%;
        background: #d1174d !important;
        }

    

        .user-info, .user-info-links{
        padding-top: 15px;
        padding-bottom: 15px;
        }

        .user-info span {
        display: flex;
        padding-left: 5px;

        }
        .user-info i {
        padding-top: 2px

        }
        .user-info .username {
        color: #d1174d !important;
        }

        .user-info .ellipsis {
        max-width: 205px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        }

    

        .row-box-order{
        display: flex;
        }
        .box-button {
        order: 1 !important;
        position: relative;
        height: 70px;
        max-width: 470px;
        }
        .box-user {
        order: 2 !important;
        position: relative;
        height: 70px;
        }
        .box-logo {
        order: 0 !important;
        display:unset !important;
        width:unset !important;
        height:70px;
        }
    

        @media (max-width: 1200px){
        .user-info{
        display:none;
        }
        }
        @media screen and (max-width: 991px){
        #wrapper #topbar>.container-fluid {
        padding-left: 0 !important;
        }
        .short-link{
        max-width: 20px;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        height: 35px;
        margin-bottom: -20px;
        }
        }
        @media screen and (max-width: 765px){
        .nav .navbar-nav{
        background-color: #ffffff;
        }
        .navbar-nav {
        padding-top: 10px;
        transform: unset;
        position: unset;
        }
        }

    

        .request-background  {
        height: 100% !important;

                background-repeat: no-repeat !important;
                background-size: 100% 100% !important;
                    }