/*Template Name: Rukada AdminAuthor: coderventEmail: codervent@gmail.comFile: app.css*/body{    font-size        : 14px;    color            : #4c5258;    letter-spacing   : .5px;    background-color : #f4f4f4;    overflow-x       : hidden;    font-family      : Roboto, sans-serif}a{    text-decoration : none}.wrapper{    width    : 100%;    position : relative}.sidebar-wrapper{    width        : 250px;    height       : 100%;    position     : fixed;    top          : 0;    bottom       : 0;    left         : 0;    background   : #fff;    border-right : 0 solid #e4e4e4;    z-index      : 11;    box-shadow   : 0 .3rem .8rem rgba(0, 0, 0, .12) !important;    transition   : all .2s ease-out}.sidebar-header{    width           : 250px;    height          : 100px;    display         : flex;    align-items     : center;    justify-content : space-between;    position        : fixed;    top             : 0;    bottom          : 0;    padding         : 0 15px;    z-index         : 5;    background      : #fff;    background-clip : padding-box;    border-bottom   : 1px solid #e4e4e4}.logo-icon{    width : 30px}.logo-text{    font-size      : 22px;    margin-left    : 10px;    margin-bottom  : 0;    letter-spacing : 1px;    color          : #5e72e4}.toggle-icon{    font-size : 22px;    cursor    : pointer;    color     : #5e72e4}.topbar{    position      : fixed;    top           : 0;    left          : 250px;    right         : 0;    height        : 60px;    background    : #fff;    border-bottom : 1px solid rgb(228 228 228 / 0%);    z-index       : 10;    box-shadow    : 0 .125rem .25rem rgba(0, 0, 0, .075) !important}.topbar .navbar{    width         : 100%;    height        : 60px;    padding-left  : 1.5rem;    padding-right : 1.5rem;}.page-wrapper{    height        : 100%;    margin-top    : 60px;    margin-bottom : 30px;    margin-left   : 250px}.page-content{    padding : 1.5rem 1.5rem 0.7rem 1.5rem}.page-footer{    background : #fff;    left       : 250px;    right      : 0;    bottom     : 0;    position   : fixed;    text-align : center;    padding    : 7px;    font-size  : 14px;    border-top : 1px solid #e4e4e4;    z-index    : 3}.wrapper.toggled .topbar{    left : 70px}.wrapper.toggled .page-wrapper{    margin-left : 70px}.wrapper.toggled .page-footer{    left : 70px}.sidebar-wrapper ul{    padding    : 0;    margin     : 0;    list-style : none;    background : 0 0}.sidebar-wrapper .metismenu{    background            : 0 0;    display               : -webkit-box;    display               : -ms-flexbox;    display               : flex;    padding               : 10px;    margin-top            : 100px;    -webkit-box-orient    : vertical;    -webkit-box-direction : normal;    -ms-flex-direction    : column;    flex-direction        : column}.sidebar-wrapper .metismenu li + li{    margin-top : 5px}.sidebar-wrapper .metismenu li:first-child{    margin-top : 5px}.sidebar-wrapper .metismenu li:last-child{    margin-bottom : 5px}.sidebar-wrapper .metismenu > li{    display               : -webkit-box;    display               : -ms-flexbox;    display               : flex;    -webkit-box-orient    : vertical;    -webkit-box-direction : normal;    -ms-flex-direction    : column;    flex-direction        : column;    position              : relative}.sidebar-wrapper .metismenu a{    position        : relative;    display         : flex;    align-items     : center;    justify-content : left;    padding         : 8px 15px;    font-size       : 15px;    color           : #5f5f5f;    outline-width   : 0;    text-overflow   : ellipsis;    overflow        : hidden;    letter-spacing  : .5px;    border          : 1px solid #ffffff00;    transition      : all .3s ease-out}.sidebar-wrapper .metismenu a .parent-icon{    font-size   : 24px;    line-height : 1}.sidebar-wrapper .metismenu a .menu-title{    margin-left : 10px;    width: 140px;}.sidebar-wrapper .metismenu ul a{    padding   : 6px 15px 6px 15px;    font-size : 15px;    border    : 0}.sidebar-wrapper .metismenu ul a i{    margin-right : 10px}.sidebar-wrapper .metismenu ul{    border     : 1px solid #ededed;    background : #fff}.sidebar-wrapper .metismenu ul ul a{    padding : 8px 15px 8px 30px}.sidebar-wrapper .metismenu ul ul ul a{    padding : 8px 15px 8px 45px}.sidebar-wrapper .metismenu .mm-active > a,.sidebar-wrapper .metismenu a:active,.sidebar-wrapper .metismenu a:focus,.sidebar-wrapper .metismenu a:hover{    color            : #5e72e4;    text-decoration  : none;    background-color : rgba(94, 114, 228, 0.12)}.menu-label{    padding        : 20px 15px 5px 5px;    color          : #b0afaf;    text-transform : uppercase;    font-size      : 12px;    letter-spacing : .5px}.metismenu .has-arrow:after{    position         : absolute;    content          : "";    width            : .5em;    height           : .5em;    border-style     : solid;    border-width     : 1.2px 0 0 1.2px;    border-color     : initial;    right            : 15px;    transform        : rotate(-45deg) translateY(-50%);    transform-origin : top;    top              : 50%;    transition       : all .3s ease-out}@media screen and (min-width : 1025px){    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .logo-text    {        display : none    }    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper    {        width : 70px    }    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header    {        width : 70px    }    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .toggle-icon    {        display : none    }    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header    {        justify-content : center    }    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header    {        width : 70px    }    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu a    {        justify-content : center    }    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .menu-title    {        display : none    }    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li ul    {        display : none    }    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li.menu-label    {        display : none    }    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .has-arrow:after    {        display : none    }    .email-toggle-btn    {        display : none !important    }    .chat-toggle-btn    {        display : none !important    }}.product-show{    font-size : 18px;    left      : 15px}.product-discount{    width            : 2.5rem;    height           : 2.5rem;    font-size        : 14px;    color            : #fff;    background-color : #5e72e4;    display          : flex;    align-items      : center;    justify-content  : center;    border-radius    : 50%}.color-indigator-item{    width            : 1.2rem;    height           : 1.2rem;    background-color : #e6e0e0;    border-radius    : 50%;    cursor           : pointer}.product-grid .card{    -webkit-transition : all .2s;    -o-transition      : all .2s;    transition         : all .2s}@media (min-width : 992px){    .product-grid .card:hover    {        /*		margin-top: -.25rem;		margin-bottom: .25rem;		*/        -webkit-box-shadow : 0 .5rem 1rem 0 rgba(0, 0, 0, .3);        box-shadow         : 0 .5rem 1rem 0 rgba(0, 0, 0, .3)    }}.back-to-top{    display          : none;    width            : 40px;    height           : 40px;    line-height      : 40px;    text-align       : center;    font-size        : 26px;    color            : #fff;    position         : fixed;    border-radius    : 10px;    bottom           : 20px;    right            : 12px;    background-color : #5e72e4;    z-index          : 5}.back-to-top:hover{    color            : #fff;    background-color : #000;    transition       : all .5s}.breadcrumb-title{    font-size    : 20px;    border-right : 1.5px solid #aaa4a4}.page-breadcrumb .breadcrumb li.breadcrumb-item{    font-size : 16px}.page-breadcrumb .breadcrumb-item + .breadcrumb-item::before{    display       : inline-block;    padding-right : .5rem;    color         : #6c757d;    font-family   : LineIcons;    content       : "\ea5c"}.icon-badge{    width           : 45px;    height          : 45px;    background      : #f2f2f2;    display         : flex;    align-items     : center;    justify-content : center;    border-radius   : 50%}.widgets-icons{    width            : 50px;    height           : 50px;    display          : flex;    align-items      : center;    justify-content  : center;    background-color : #ededed;    font-size        : 26px;    border-radius    : 10px}.widgets-icons-small{    width            : 40px;    height           : 40px;    display          : flex;    align-items      : center;    justify-content  : center;    background-color : #ededed;    font-size        : 26px;    border-radius    : 10px}#geographic-map{    width  : 100%;    height : 440px}#geographic-map-2{    width  : 100%;    height : 330px}#geographic-map-3{    width  : 100%;    height : 350px}.product-img{    width            : 60px;    height           : 60px;    background-color : #fff;    display          : flex;    align-items      : center;    justify-content  : center;    border-radius    : 10px;    border           : 1px solid #e6e6e6}.product-img img{    width   : 60px;    height  : 60px;    padding : 6px}.product-img-2{    width            : 45px;    height           : 45px;    background-color : #fff;    display          : flex;    align-items      : center;    justify-content  : center;    border-radius    : 10px;    border           : 1px solid #e6e6e6}.product-img-2 img{    width   : 45px;    height  : 45px;    padding : 1px}.border-light-2{    border-color : rgb(255 255 255 / 12%) !important;}.product-list{    position : relative;    height   : 450px}.dashboard-top-countries{    position : relative;    height   : 390px}.customers-list{    position : relative;    height   : 450px}.review-list{    position   : relative;    height     : 360px;    overflow-y : scroll;}.store-metrics{    position : relative;    height   : 450px;}.product-list-2{    position : relative;    height   : 450px;}.product-list .row{    background-color   : #f8f9fa;    -webkit-transition : all .2s;    -o-transition      : all .2s;    transition         : all .2s}@media (min-width : 992px){    .product-list .row:hover    {        background-color   : #fff;        margin-top         : -.25rem;        margin-bottom      : .25rem;        -webkit-box-shadow : 0 .5rem 1rem 0 rgba(0, 0, 0, .2);        box-shadow         : 0 .25rem .5rem 0 rgba(0, 0, 0, .2)    }}.recent-product-img{    width            : 40px;    height           : 40px;    background-color : #fbfbfb;    display          : flex;    align-items      : center;    justify-content  : center;    border-radius    : 10px;    border           : 1px solid #e6e6e6}.recent-product-img img{    width   : 40px;    height  : 40px;    padding : 6px}.theme-icons{    background-color : #fff}.lead-table .table{    border-collapse : separate;    border-spacing  : 0 10px}.fm-menu .list-group a{    font-size   : 16px;    color       : #5f5f5f;    display     : flex;    align-items : center}.fm-menu .list-group a i{    font-size : 23px}.fm-menu .list-group a:hover{    background : #5e72e4;    color      : #fff;    transition : all .2s ease-out}.fm-file-box{    font-size       : 25px;    background      : #e9ecef;    width           : 44px;    height          : 44px;    display         : flex;    align-items     : center;    justify-content : center;    border-radius   : .25rem}.fm-icon-box{    font-size       : 32px;    background      : #fff;    width           : 52px;    height          : 52px;    display         : flex;    align-items     : center;    justify-content : center;    border-radius   : .25rem}.user-plus{    width         : 33px;    height        : 33px;    margin-left   : -14px;    line-height   : 33px;    background    : #fff;    border-radius : 50%;    text-align    : center;    font-size     : 22px;    cursor        : pointer;    border        : 1px dotted #a9b2bb;    color         : #404142}.user-groups img{    margin-left : -14px;    border      : 1px solid #e4e4e4;    padding     : 2px;    cursor      : pointer}.contacts-social a{    font-size     : 16px;    width         : 36px;    height        : 36px;    line-height   : 36px;    background    : #fff;    border        : 1px solid #eeecec;    text-align    : center;    border-radius : 50%;    color         : #2b2a2a}.customers-contacts a{    font-size       : 16px;    width           : 34px;    height          : 34px;    display         : flex;    align-items     : center;    justify-content : center;    background      : #fff;    border          : 1px solid #eeecec;    text-align      : center;    border-radius   : 50%;    color           : #2b2a2a}.order-actions a{    font-size       : 18px;    width           : 34px;    height          : 34px;    display         : flex;    align-items     : center;    justify-content : center;    background      : #f1f1f1;    border          : 1px solid #eeecec;    text-align      : center;    border-radius   : 20%;    color           : #2b2a2a}.customers-list .customers-list-item{    -webkit-transition : all .2s;    -o-transition      : all .2s;    transition         : all .2s}@media (min-width : 992px){    .customers-list .customers-list-item:hover    {        background-color   : #f8f9fa;        border-radius      : 10px;        margin-top         : -.25rem;        margin-bottom      : .25rem;        -webkit-box-shadow : 0 .5rem 1rem 0 rgba(0, 0, 0, .2);        box-shadow         : 0 .25rem .5rem 0 rgba(0, 0, 0, .2)    }}/* Utilities */.right-15{    right : 15px !important}.font-13{    font-size : 13px}.font-14{    font-size : 14px}.font-18{    font-size : 18px}.font-20{    font-size : 20px}.font-22{    font-size : 22px}.font-24{    font-size : 24px}.font-30{    font-size : 30px}.font-35{    font-size : 35px}.font-50{    font-size : 50px}.font-60{    font-size : 60px}.radius-30{    border-radius : 30px}.radius-10{    border-radius : 10px}.radius-15{    border-radius : 15px}.row.row-group > div{    border-right : 1px solid rgba(0, 0, 0, 0.12);}.row.row-group > div:last-child{    border-right : none;}.border-start-5{    border-left : 5px solid;}.progress-label{    font-size      : .625rem;    font-weight    : 600;    display        : inline-block;    padding        : 0.25rem 1rem;    text-transform : uppercase;    color          : #5e72e4;    border-radius  : 30px;    background     : rgba(94, 114, 228, .1);}/* Border Alerts */.alert-outline-primary{    border            : 1px solid #dee2e6;    border-left       : 5px solid;    border-left-color : #5e72e4;}.alert-outline-secondary{    border            : 1px solid #dee2e6;    border-left       : 5px solid;    border-left-color : #6c757d;}.alert-outline-success{    border            : 1px solid #dee2e6;    border-left       : 5px solid;    border-left-color : #2dce89;}.alert-outline-danger{    border            : 1px solid #dee2e6;    border-left       : 5px solid;    border-left-color : #f5365c;}.alert-outline-warning{    border            : 1px solid #dee2e6;    border-left       : 5px solid;    border-left-color : #fb6340;}.alert-outline-info{    border            : 1px solid #dee2e6;    border-left       : 5px solid;    border-left-color : #0dcaf0;}.alert-outline-dark{    border            : 1px solid #dee2e6;    border-left       : 5px solid;    border-left-color : #172b4d;}.cursor-pointer{    cursor : pointer}.dash-wrapper{    margin  : -1.5rem -1.5rem -5.5rem -1.5rem;    padding : 1.5rem 1.5rem 6.5rem 1.5rem;}.dash-array-chart-box{    width    : 105px;    height   : 90px;    position : relative;    top      : -15px;    right    : 30px;}.chart-container1{    position : relative;    height   : 340px}.chart-container-1{    position : relative;    height   : 260px;}.chart-container-2{    position : relative;    height   : 210px;}.chart-container-3{    position : relative;    height   : 188px;}.chart-container-4{    position : relative;    height   : 162px;}.chart-container-5{    position : relative;    height   : 110px;}.chart-container-6{    position : relative;    height   : 205px;}.chart-container-7{    position : relative;    height   : 60px;}.chart-container-8{    position : relative;    height   : 260px;}.chart-container-9{    position : relative;    height   : 280px;}.chart-container-10{    position : relative;    height   : 300px;    top      : 20px;}.chart-container-11{    position : relative;    height   : 280px;}.chart-container-12{    position : relative;    height   : 160px;}.chart-container-13{    position : relative;    height   : 240px;}.chart-container-14{    position : relative;    height   : 40px;}.w_chart{    position   : relative;    display    : inline-block;    width      : 65px !important;    height     : 65px !important;    text-align : center;    color      : #32393f;}.w_chart canvas{    position : absolute;    top      : 0;    left     : 0;    width    : 65px !important;    height   : 65px !important;}.w_percent{    display     : inline-block;    line-height : 65px !important;    z-index     : 2;}.w_percent:after{    content     : "%";    margin-left : 0.1em;    font-size   : .8em;}.chip{    display            : inline-block;    height             : 32px;    padding            : 0 12px;    margin-right       : 1rem;    margin-bottom      : 1rem;    font-size          : 14px;    font-weight        : 500;    line-height        : 32px;    color              : rgba(0, 0, 0, .7);    cursor             : pointer;    background-color   : #f1f1f1;    border             : 1px solid rgba(0, 0, 0, .15);    border-radius      : 16px;    -webkit-transition : all .3s linear;    transition         : all .3s linear;    box-shadow         : none}.chip img{    float         : left;    width         : 32px;    height        : 32px;    margin        : 0 8px 0 -12px;    border-radius : 50%}.chip .closebtn{    padding-left : 10px;    font-weight  : 700;    float        : right;    font-size    : 16px;    cursor       : pointer}.chip.chip-md{    height        : 42px;    line-height   : 42px;    border-radius : 21px}.chip.chip-md img{    height : 42px;    width  : 42px}#invoice{    padding : 0}.invoice{    position         : relative;    background-color : #fff;    min-height       : 680px;    padding          : 15px}.invoice header{    padding       : 10px 0;    margin-bottom : 20px;    border-bottom : 1px solid #5e72e4}.invoice .company-details{    text-align : right}.invoice .company-details .name{    margin-top    : 0;    margin-bottom : 0}.invoice .contacts{    margin-bottom : 20px}.invoice .invoice-to{    text-align : left}.invoice .invoice-to .to{    margin-top    : 0;    margin-bottom : 0}.invoice .invoice-details{    text-align : right}.invoice .invoice-details .invoice-id{    margin-top : 0;    color      : #5e72e4}.invoice main{    padding-bottom : 50px}.invoice main .thanks{    margin-top    : -100px;    font-size     : 2em;    margin-bottom : 50px}.invoice main .notices{    padding-left : 6px;    border-left  : 6px solid #5e72e4;    background   : #e7f2ff;    padding      : 10px}.invoice main .notices .notice{    font-size : 1.2em}.invoice table{    width           : 100%;    border-collapse : collapse;    border-spacing  : 0;    margin-bottom   : 20px}.invoice table td,.invoice table th{    padding       : 15px;    background    : #eee;    border-bottom : 1px solid #fff}.invoice table th{    white-space : nowrap;    font-weight : 400;    font-size   : 16px}.invoice table td h3{    margin      : 0;    font-weight : 400;    color       : #5e72e4;    font-size   : 1.2em}.invoice table .qty,.invoice table .total,.invoice table .unit{    text-align : right;    font-size  : 1.2em}.invoice table .no{    color      : #fff;    font-size  : 1.6em;    background : #5e72e4}.invoice table .unit{    background : #ddd}.invoice table .total{    background : #5e72e4;    color      : #fff}.invoice table tbody tr:last-child td{    border : none}.invoice table tfoot td{    background    : 0 0;    border-bottom : none;    white-space   : nowrap;    text-align    : right;    padding       : 10px 20px;    font-size     : 1.2em;    border-top    : 1px solid #aaa}.invoice table tfoot tr:first-child td{    border-top : none}.invoice table tfoot tr:last-child td{    color      : #5e72e4;    font-size  : 1.4em;    border-top : 1px solid #5e72e4}.invoice table tfoot tr td:first-child{    border : none}.invoice footer{    width      : 100%;    text-align : center;    color      : #777;    border-top : 1px solid #aaa;    padding    : 8px 0}@media print{    .invoice    {        font-size : 11px !important;        overflow  : hidden !important    }    .invoice footer    {        position         : absolute;        bottom           : 10px;        page-break-after : always    }    .invoice > div:last-child    {        page-break-before : always    }}.main-row{    height : 100vh}.main-col{    max-width  : 500px;    min-height : 300px}.todo-done{    text-decoration : line-through}.chat-wrapper{    width         : auto;    height        : 600px;    border-radius : .25rem;    position      : relative;    background    : #fff;    box-shadow    : 0 .1rem .7rem rgba(0, 0, 0, .1)}.chat-sidebar{    width                     : 340px;    height                    : 100%;    position                  : absolute;    background                : #fff;    left                      : 0;    top                       : 0;    bottom                    : 0;    z-index                   : 2;    overflow                  : hidden;    border-right              : 1px solid rgba(0, 0, 0, .125);    border-top-left-radius    : .25rem;    border-bottom-left-radius : .25rem}.chat-sidebar-header{    width                  : auto;    height                 : auto;    position               : relative;    background             : #fff;    border-bottom          : 1px solid rgba(0, 0, 0, .125);    border-right           : 0 solid rgba(0, 0, 0, .125);    border-top-left-radius : .25rem;    padding                : 15px}.chat-sidebar-content{    padding : 0}.chat-user-online{    position : relative}.chat-sidebar-header .chat-user-online:before{    content       : "";    position      : absolute;    bottom        : 7px;    left          : 40px;    width         : 8px;    height        : 8px;    border-radius : 50%;    box-shadow    : 0 0 0 2px #fff;    background    : #16e15e}.chat-list .chat-user-online:before{    content       : "";    position      : absolute;    bottom        : 7px;    left          : 36px;    width         : 8px;    height        : 8px;    border-radius : 50%;    box-shadow    : 0 0 0 2px #fff;    background    : #16e15e}.chat-content{    margin-left : 340px;    padding     : 85px 15px 15px 15px}.chat-header{    position                : absolute;    height                  : 70px;    left                    : 340px;    right                   : 0;    top                     : 0;    padding                 : 15px;    background              : #fff;    border-bottom           : 1px solid rgba(0, 0, 0, .125);    border-top-right-radius : .25rem;    z-index                 : 1}.chat-footer{    position                   : absolute;    height                     : 70px;    left                       : 340px;    right                      : 0;    bottom                     : 0;    padding                    : 15px;    background                 : #f8f9fa;    border-top                 : 1px solid rgba(0, 0, 0, .125);    border-bottom-right-radius : .25rem}.chat-footer-menu a{    display          : inline-block;    width            : 40px;    height           : 40px;    line-height      : 40px;    font-size        : 18px;    color            : #6c757d;    text-align       : center;    border-radius    : 50%;    margin           : 3px;    background-color : #fff;    border           : 1px solid rgb(0 0 0 / 15%)}.chat-tab-menu li a.nav-link{    padding     : .3rem .2rem;    line-height : 1.2;    color       : #4a4b4c}.chat-tab-menu .nav-pills .nav-link.active,.chat-tab-menu .nav-pills .show > .nav-link{    color            : #5e72e4;    background-color : rgb(0 123 255 / 0%)}.chat-title{    font-size : 14px;    color     : #272b2f}.chat-msg{    font-size : 13px;    color     : #6c757d}.chat-time{    font-size : 13px;    color     : #6c757d}.chat-list{    position : relative;    height   : 300px}.chat-list .list-group-item{    border           : 1px solid rgb(0 0 0 / 0%);    background-color : transparent}.chat-list .list-group-item:hover{    border           : 1px solid rgb(0 0 0 / 0%);    background-color : rgb(13 110 253 / .12)}.chat-list .list-group-item.active{    background-color : rgb(13 110 253 / .12)}.chart-online{    color : #16e15e}.chat-top-header-menu a{    display          : inline-block;    width            : 40px;    height           : 40px;    line-height      : 40px;    font-size        : 18px;    color            : #6c757d;    text-align       : center;    border-radius    : 50%;    margin           : 3px;    background-color : #fff;    border           : 1px solid rgb(0 0 0 / 15%)}.chat-content{    position : relative;    width    : auto;    height   : 520px}.chat-content-leftside .chat-left-msg{    width                  : fit-content;    background-color       : #eff2f5;    padding                : .8rem;    border-radius          : 12px;    max-width              : 480px;    text-align             : left;    border-top-left-radius : 0}.chat-content-rightside .chat-right-msg{    width                      : fit-content;    background-color           : #dcedff;    padding                    : .8rem;    border-radius              : 12px;    float                      : right;    max-width                  : 480px;    text-align                 : left;    border-bottom-right-radius : 0}.chat-toggle-btn{    width            : 40px;    height           : 40px;    line-height      : 40px;    margin-right     : 15px;    text-align       : center;    font-size        : 24px;    color            : #6c757d;    border-radius    : 50%;    cursor           : pointer;    background-color : #fff;    border           : 1px solid rgb(0 0 0 / 15%)}.email-wrapper{    width         : auto;    height        : 600px;    overflow      : hidden;    border-radius : .25rem;    position      : relative;    background    : #fff;    box-shadow    : 0 .1rem .7rem rgba(0, 0, 0, .1)}.email-sidebar{    width                     : 250px;    height                    : 100%;    position                  : absolute;    background                : #fff;    left                      : 0;    top                       : 0;    bottom                    : 0;    z-index                   : 2;    overflow                  : hidden;    border-right              : 1px solid rgba(0, 0, 0, .125);    border-top-left-radius    : .25rem;    border-bottom-left-radius : .25rem}.email-sidebar-header{    width                  : auto;    height                 : auto;    position               : relative;    background             : #fff;    border-bottom          : 1px solid rgba(0, 0, 0, .125);    border-right           : 0 solid rgba(0, 0, 0, .125);    border-top-left-radius : .25rem;    padding                : 15px}.email-navigation{    position      : relative;    padding       : 0;    height        : 345px;    border-bottom : 1px solid rgba(0, 0, 0, .125)}.email-header{    position                : absolute;    height                  : 70px;    left                    : 250px;    right                   : 0;    top                     : 0;    padding                 : 15px;    background              : #fff;    border-bottom           : 1px solid rgba(0, 0, 0, .125);    border-top-right-radius : .25rem;    z-index                 : 1}.email-content{    position                : absolute;    left                    : 0;    right                   : 0;    width                   : auto;    top                     : 70px;    height                  : auto;    margin-left             : 250px;    padding                 : 0;    background              : #fff;    border-top-left-radius  : .25rem;    border-top-right-radius : .25rem}.email-navigation a.list-group-item{    color            : #404142;    padding          : .35rem 1.25rem;    background-color : #fff;    border-bottom    : 1px solid rgb(0 0 0 / 0%);    transition       : all .3s ease-out}.email-navigation a.list-group-item:hover{    background-color : rgb(94 114 228 / 12%);}.email-navigation a.list-group-item.active{    color            : #5e72e4;    font-weight      : 600;    background-color : rgb(94 114 228 / 12%);}.email-meeting{    position : absolute;    left     : 0;    right    : 0;    bottom   : 0}.email-meeting a.list-group-item{    color            : #404142;    padding          : .35rem 1.25rem;    background-color : #fff;    border-bottom    : 1px solid rgb(0 0 0 / 0%)}.email-meeting a.list-group-item:hover{    background-color : rgb(0 123 255 / 15%);    transition       : all .3s ease-out}.email-hangout .chat-user-online:before{    content       : "";    position      : absolute;    bottom        : 8px;    left          : 45px;    width         : 8px;    height        : 8px;    border-radius : 50%;    box-shadow    : 0 0 0 2px #fff;    background    : #16e15e}.email-toggle-btn{    width            : auto;    height           : auto;    margin-right     : 10px;    text-align       : center;    font-size        : 24px;    color            : #404142;    border-radius    : 0;    cursor           : pointer;    background-color : #fff;    border           : 0 solid rgb(0 0 0 / 15%)}.email-actions{    width : 230px}.email-time{    font-size : 13px;    color     : #6c757d}.email-list div.email-message{    background    : #fff;    border-bottom : 1px solid rgb(0 0 0 / 8%);    color         : #383a3c}.email-list div.email-message:hover{    transition       : all .2s ease-out;    background-color : #eceef1}.email-list{    position : relative;    height   : 530px}.email-star{    color : #6c757d}.email-read-box{    position : relative;    height   : 530px}.compose-mail-popup{    width    : 42%;    position : fixed;    bottom   : -30px;    right    : 30px;    z-index  : 15;    display  : none}.compose-mail-toggled{    display : block}.compose-mail-title{    font-size : 16px}.compose-mail-close{    width            : 25px;    height           : 25px;    line-height      : 25px;    text-align       : center;    font-size        : 14px;    border-radius    : 2px;    background-color : rgb(255 255 255 / 0%)}.compose-mail-close:hover{    background-color : rgb(255 255 255 / 20%)}.nav-primary.nav-tabs .nav-link.active{    color        : #5e72e4;    border-color : #5e72e4 #5e72e4 #fff}.nav-danger.nav-tabs .nav-link.active{    color        : #f41127;    border-color : #f41127 #f41127 #fff}.nav-success.nav-tabs .nav-link.active{    color        : #17a00e;    border-color : #17a00e #17a00e #fff}.nav-warning.nav-tabs .nav-link.active{    color        : #ffc107;    border-color : #ffc107 #ffc107 #fff}.nav-pills-danger.nav-pills .nav-link.active{    color            : #fff;    background-color : #f41127}.nav-pills-success.nav-pills .nav-link.active{    color            : #fff;    background-color : #17a00e}.nav-pills-warning.nav-pills .nav-link.active{    color            : #000;    background-color : #ffc107}.nav-search input.form-control{    background-color : rgb(255 255 255 / 20%);    border           : 1px solid rgb(255 255 255 / 45%);    color            : #fff}.nav-search button[type=submit]{    background-color : rgb(255 255 255 / 20%);    border           : 1px solid rgb(255 255 255 / 32%);    color            : #fff}.nav-search input.form-control::placeholder{    opacity : .5 !important;    color   : #fff !important}.nav-search input.form-control::-ms-input-placeholder{    color : #fff !important}.round-pagination.pagination .page-item:first-child .page-link{    border-top-left-radius    : 30px;    border-bottom-left-radius : 30px}.round-pagination.pagination .page-item:last-child .page-link{    border-top-right-radius    : 30px;    border-bottom-right-radius : 30px}.bg-light-primary{    background-color : rgb(13 110 253 / .11) !important}.bg-light-success{    background-color : rgb(23 160 14 / .11) !important}.bg-light-danger{    background-color : rgb(244 17 39 / .11) !important}.bg-light-warning{    background-color : rgb(255 193 7 / .11) !important}.bg-light-info{    background-color : rgb(13 202 240 / 18%) !important}.bg-light-transparent{    background-color : rgb(0 0 0 / 15%) !important}.bg-white-transparent{    background-color : rgba(255, 255, 255, 0.25) !important}.bg-gradient-deepblue{    background : #6a11cb;    background : -webkit-linear-gradient(            45deg, #6a11cb, #2575fc) !important;    background : linear-gradient(            45deg, #6a11cb, #2575fc) !important;}.bg-gradient-orange{    background : #fc4a1a;    background : -webkit-linear-gradient(            45deg, #fc4a1a, #f7b733) !important;    background : linear-gradient(            45deg, #fc4a1a, #f7b733) !important;}.bg-gradient-ohhappiness{    background : #00b09b;    background : -webkit-linear-gradient(            45deg, #00b09b, #96c93d) !important;    background : linear-gradient(            45deg, #00b09b, #96c93d) !important;}.bg-gradient-ibiza{    background : #ee0979;    background : -webkit-linear-gradient(            45deg, #ee0979, #ff6a00) !important;    background : linear-gradient(            45deg, #ee0979, #ff6a00) !important;}.bg-gradient-cosmic{    background : linear-gradient(to right, #8e2de2, #4a00e0) !important}.bg-gradient-burning{    background : linear-gradient(to right, #ff416c, #ff4b2b) !important}.bg-gradient-lush{    background : linear-gradient(to right, #56ab2f, #a8e063) !important}.bg-gradient-kyoto{    background : linear-gradient(to right, #f7971e, #ffd200) !important}.bg-gradient-blues{    background : linear-gradient(to right, #56ccf2, #2f80ed) !important}.bg-gradient-moonlit{    background : linear-gradient(to right, #0f2027, #203a43, #2c5364) !important}.split-bg-primary{    background-color : #4c60d1;    border-color     : #4c60d1;}.split-bg-secondary{    background-color : #515a62;    border-color     : #515a62}.split-bg-success{    background-color : #1dbb78;    border-color     : #1dbb78;}.split-bg-info{    background-color : #09badd;    border-color     : #09badd;}.split-bg-warning{    background-color : #ed512d;    border-color     : #ed512d;}.split-bg-danger{    background-color : #de2348;    border-color     : #de2348;}.bg-facebook{    background-color : #3b5998 !important}.bg-twitter{    background-color : #55acee !important}.bg-google{    background-color : #e52d27 !important}.bg-linkedin{    background-color : #0976b4 !important}.bg-dribbble{    background-color : #ea4c89 !important}.bg-youtube{    background-color : #e52d27 !important}.bg-behance{    background-color : #1769ff !important}/* Text Color */.text-facebook{    color : #3b5998 !important}.text-twitter{    color : #55acee !important}.text-youtube{    color : #e52d27 !important}.text-sky-light{    color : #b4d2ff;}/* Social Buttons */.btn-social{    width              : 42px;    height             : 42px;    font-size          : 20px;    line-height        : 42px;    display            : inline-block;    border             : 1px solid transparent;    background         : #ddd;    color              : #fff;    text-align         : center;    box-shadow         : 0 .125rem .25rem rgba(0, 0, 0, .075);    border-radius      : .25rem;    -o-transition      : all .3s;    -moz-transition    : all .3s;    -webkit-transition : all .3s;    -ms-transition     : all .3s;    transition         : all .3s;}.btn-social:hover{    color : #fff;}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook{    box-shadow       : 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);    background-color : #3b5998;    border-color     : #3b5998;    color            : #fff;}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter{    box-shadow       : 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);    background-color : #55acee;    border-color     : #55acee;    color            : #fff;}.btn-google-plus:hover,.btn-google-plus:focus,.btn-google-plus{    box-shadow       : 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);    background-color : #dd4b39;    border-color     : #dd4b39;    color            : #fff;}.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin{    box-shadow       : 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);    background-color : #0976b4;    border-color     : #0976b4;    color            : #fff;}.btn-pinterest:hover,.btn-pinterest:focus,.btn-pinterest{    box-shadow       : 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);    background-color : #cc2127;    border-color     : #cc2127;    color            : #fff;}.btn-youtube:hover,.btn-youtube:focus,.btn-youtube{    box-shadow       : 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);    background-color : #e52d27;    border-color     : #e52d27;    color            : #fff;}.btn-tumblr:hover,.btn-tumblr:focus,.btn-tumblr{    box-shadow       : 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);    background-color : #35465c;    border-color     : #35465c;    color            : #fff;}.btn-github:hover,.btn-github:focus,.btn-github{    box-shadow       : 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);    background-color : #333333;    border-color     : #333333;    color            : #fff;}.btn-behance:hover,.btn-behance:focus,.btn-behance{    box-shadow       : 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);    background-color : #1769ff;    border-color     : #1769ff;    color            : #fff;}.btn-dribbble:hover,.btn-dribbble:focus,.btn-dribbble{    box-shadow       : 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);    background-color : #ea4c89;    border-color     : #ea4c89;    color            : #fff;}.btn-skype:hover,.btn-skype:focus,.btn-skype{    box-shadow       : 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);    background-color : #00aff0;    border-color     : #00aff0;    color            : #fff;}.btn-outline-facebook{    box-shadow       : 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);    color            : #3b5998;    background-color : #fff;    border-color     : #3b5998;}.btn-outline-facebook:hover, .btn-outline-facebook:focus{    box-shadow       : 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);    color            : #fff;    background-color : #3b5998;}.btn-outline-twitter{    box-shadow       : 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);    color            : #55acee;    background-color : #fff;    border-color     : #55acee;}.btn-outline-twitter:hover, .btn-outline-twitter:focus{    box-shadow       : 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);    background-color : #55acee;    color            : #fff;}.btn-outline-google-plus{    box-shadow       : 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);    color            : #dd4b39;    background-color : #fff;    border-color     : #dd4b39;}.btn-outline-google-plus:hover, .btn-outline-google-plus:focus{    box-shadow       : 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);    background-color : #dd4b39;    color            : #fff;}.btn-outline-linkedin{    box-shadow       : 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);    background-color : #fff;    color            : #0976b4;    border-color     : #0976b4;}.btn-outline-linkedin:hover, .btn-outline-linkedin:focus{    box-shadow       : 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);    background-color : #0976b4;    color            : #fff;}.btn-outline-pinterest{    box-shadow       : 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);    color            : #cc2127;    background-color : #fff;    border-color     : #cc2127;}.btn-outline-pinterest:hover, .btn-outline-pinterest:focus{    box-shadow       : 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);    background-color : #cc2127;    color            : #fff;}.btn-outline-youtube{    box-shadow       : 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);    color            : #e52d27;    background-color : #fff;    border-color     : #e52d27;}.btn-outline-youtube:hover, .btn-outline-youtube:focus{    box-shadow       : 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);    background-color : #e52d27;    color            : #fff;}.btn-outline-tumblr{    box-shadow       : 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);    color            : #35465c;    background-color : #fff;    border-color     : #35465c;}.btn-outline-tumblr:hover, .btn-outline-tumblr:focus{    box-shadow       : 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);    background-color : #35465c;    color            : #fff;}.btn-outline-github{    box-shadow       : 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);    color            : #333333;    background-color : #fff;    border-color     : #333333;}.btn-outline-github:hover, .btn-github:focus{    box-shadow       : 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);    background-color : #333333;    color            : #fff;}.btn-outline-behance{    box-shadow       : 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);    color            : #1769ff;    background-color : #fff;    border-color     : #1769ff;}.btn-outline-behance:hover, .btn-outline-behance:focus{    box-shadow       : 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);    background-color : #1769ff;    color            : #fff;}.btn-outline-dribbble{    box-shadow       : 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);    color            : #ea4c89;    background-color : #fff;    border-color     : #ea4c89;}.btn-outline-dribbble:hover, .btn-outline-dribbble:focus{    box-shadow       : 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);    background-color : #ea4c89;    color            : #fff;}.btn-outline-skype{    box-shadow       : 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);    color            : #00aff0;    background-color : #fff;    border-color     : #00aff0;}.btn-outline-skype:hover, .btn-outline-skype:focus{    box-shadow       : 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);    background-color : #00aff0;    color            : #fff;}.section-authentication-signin{    height : 100vh}.authentication-forgot{    height  : 100vh;    padding : 0 1rem}.authentication-reset-password{    height  : 100vh;    padding : 0 1rem}.authentication-lock-screen{    height  : 100vh;    padding : 0 1rem}.error-404{    height  : 100vh;    padding : 0 1rem}.error-social a{    display       : inline-block;    width         : 40px;    height        : 40px;    line-height   : 40px;    font-size     : 18px;    color         : #fff;    text-align    : center;    border-radius : 50%;    margin        : 5px;    box-shadow    : 0 .125rem .25rem rgba(0, 0, 0, .075) !important}.bg-login{    background-image      : url(../images/login-images/bg-login-img.jpg);    background-size       : cover;    background-position   : center;    background-repeat     : no-repeat;    background-attachment : fixed}.bg-forgot{    background-image      : url(../images/login-images/bg-forgot-password.jpg);    background-size       : cover;    background-position   : center;    background-repeat     : no-repeat;    background-attachment : fixed}.bg-lock-screen{    background-image      : url(../images/login-images/bg-lock-screen.jpg);    background-size       : cover;    background-position   : center;    background-repeat     : no-repeat;    background-attachment : fixed}.login-separater span{    position   : relative;    top        : 26px;    margin-top : -10px;    background : #fff;    padding    : 5px;    font-size  : 12px;    color      : #cbcbcb;    z-index    : 1}.btn i{    vertical-align : middle;    font-size      : 1.3rem;    margin-top     : -1em;    margin-bottom  : -1em;}.btn-white{    background-color : #fff;    border-color     : #e7eaf3}.piechart-legend{    position   : absolute;    top        : 50%;    left       : 50%;    transform  : translate(-50%, -50%);    text-align : center;}.chart-js-container1{    position : relative;    height   : 300px;}.chart-js-container2{    position : relative;    height   : 250px;}.chart-js-container3{    position : relative;    height   : 380px}.chart-js-container4{    position : relative;    height   : 320px}.options{    font-size : 24px;    color     : #4c5258;    cursor    : pointer;}.gmaps,.gmaps-panaroma{    height        : 400px;    background    : #eee;    border-radius : 3px}.pricing-table .card{    -webkit-transition    : all .2s;    -o-transition         : all .2s;    transition            : all .2s;    -webkit-border-radius : 15px;    border-radius         : 15px}.pricing-table .card .card-header{    border-top-left-radius  : 15px;    border-top-right-radius : 15px}@media (min-width : 992px){    .pricing-table .card:hover    {        margin-top         : -.25rem;        margin-bottom      : .25rem;        -webkit-box-shadow : 0 .5rem 1rem 0 rgba(0, 0, 0, .3);        box-shadow         : 0 .5rem 1rem 0 rgba(0, 0, 0, .3)    }}.pricing-table .card .card-title{    font-size      : 1rem;    letter-spacing : .2rem;    font-weight    : 500}.pricing-table .card .card-price{    font-size : 2.7rem}.pricing-table .card .card-price .term{    font-size : .875rem}.pricing-table .card ul li.list-group-item{    border-bottom : 1px solid rgb(0 0 0 / 0%);    color         : #3b3b3b;    font-size     : 16px}input::placeholder{    color   : #000 !important;    opacity : .3 !important}.card-group{    margin-bottom : 1.5rem}.search-bar-box{    width : 40%}.search-control{    background-color : #f6f5f5;    border           : 1px solid #e1e1e1;    padding-right    : 2.5rem}.search-control-2{    color            : #fff;    background-color : #212529;    border           : 1px solid rgb(255 255 255 / 12%) !important;    padding-right    : 2.5rem}.search-control-2:focus{    color            : #fff;    padding-right    : 2.5rem;    background-color : #212529;    box-shadow       : 0 0 0 .25rem rgba(255, 255, 255, .25)}input.search-control-2::placeholder{    color   : #fff !important;    opacity : .5 !important}.search-show{    font-size : 18px;    right     : 15px}.search-close{    font-size : 24px;    right     : 10px;    cursor    : pointer;    display   : none}.topbar .navbar .navbar-nav .nav-link{    padding-right : .8rem;    padding-left  : .8rem;    color         : #252323;    font-size     : 22px}.dropdown-toggle-nocaret:after{    display : none}.alert-count{    position        : absolute;    top             : 5px;    left            : 22px;    width           : 18px;    height          : 18px;    display         : flex;    align-items     : center;    justify-content : center;    border-radius   : 50%;    font-size       : 12px;    font-weight     : 500;    color           : #fff;    background      : #f62718}.user-img{    width         : 42px;    height        : 42px;    border-radius : 50%;    border        : 0 solid #e5e5e5;    padding       : 0;    margin-left   : 1rem;}.user-info .user-name{    font-size   : 15px;    font-weight : 500;    color       : #413c3c}.user-info .designattion{    font-size : 13px;    color     : #a9a8a8}.user-box{    display     : flex;    align-items : center;    height      : 60px;    border-left : 1px solid #f0f0f0;    margin-left : 1rem}.dropdown-large{    position : relative}.dropdown-large .dropdown-menu{    width         : 360px;    border        : 0;    padding       : 0 0;    border-radius : 10px;    box-shadow    : 0 .5rem 1rem rgba(0, 0, 0, .15)}.topbar .navbar .dropdown-large .dropdown-menu::after{    content     : "";    width       : 13px;    height      : 13px;    background  : #fff;    position    : absolute;    top         : -6px;    right       : 16px;    transform   : rotate(45deg);    border-top  : 1px solid #ddd;    border-left : 1px solid #ddd}.topbar .navbar .dropdown-menu::after{    content     : "";    width       : 13px;    height      : 13px;    background  : #ffff;    position    : absolute;    top         : -6px;    right       : 16px;    transform   : rotate(45deg);    border-top  : 1px solid #ddd;    border-left : 1px solid #ddd}.dropdown-large .msg-header{    padding                 : .8rem 1rem;    border-bottom           : 1px solid #ededed;    background-clip         : border-box;    background              : #fff;    text-align              : left;    display                 : flex;    align-items             : center;    border-top-left-radius  : 10px;    border-top-right-radius : 10px}.dropdown-large .msg-header .msg-header-title{    font-size     : 15px;    color         : #1c1b1b;    margin-bottom : 0;    font-weight   : 500}.dropdown-large .msg-header .msg-header-clear{    font-size     : 12px;    color         : #585858;    margin-bottom : 0}.dropdown-large .msg-footer{    padding                    : .8rem 1rem;    color                      : #1c1b1b;    border-top                 : 1px solid #ededed;    background-clip            : border-box;    background                 : 0 0;    font-size                  : 14px;    font-weight                : 500;    border-bottom-left-radius  : .25rem;    border-bottom-right-radius : .25rem}.dropdown-large .user-online{    position : relative}.dropdown-large .msg-name{    font-size     : 14px;    margin-bottom : 0}.dropdown-large .msg-info{    font-size     : 13px;    margin-bottom : 0}.dropdown-large .msg-avatar{    width         : 45px;    height        : 45px;    border-radius : 50%;    margin-right  : 15px}.dropdown-large .msg-time{    font-size     : 12px;    margin-bottom : 0;    color         : #919191}.dropdown-large .user-online:after{    content       : "";    position      : absolute;    bottom        : 1px;    right         : 17px;    width         : 8px;    height        : 8px;    border-radius : 50%;    box-shadow    : 0 0 0 2px #fff;    background    : #16e15e}.dropdown-large .dropdown-menu .dropdown-item{    padding       : .5rem 1.3rem;    border-bottom : 1px solid #ededed}.header-message-list{    position : relative;    height   : 360px}.header-notifications-list{    position : relative;    height   : 360px}.dropdown-large .notify{    width            : 45px;    height           : 45px;    line-height      : 45px;    font-size        : 22px;    text-align       : center;    border-radius    : 50%;    background-color : #f1f1f1;    margin-right     : 15px}.app-box{    width            : 45px;    height           : 45px;    display          : flex;    align-items      : center;    font-size        : 26px;    justify-content  : center;    cursor           : pointer;    border-radius    : 10px;    background-color : #f6f6f6}.app-title{    font-size : 14px}.user-box .dropdown-menu i{    vertical-align : middle;    margin-right   : 10px}.dropdown-menu{    -webkit-box-shadow : 0 .5rem 1rem rgba(0, 0, 0, .15);    box-shadow         : 0 .5rem 1rem rgba(0, 0, 0, .15);    border             : 0 solid #e9ecef;    border-radius      : 10px;    font-size          : 14px}.topbar .navbar .dropdown-menu{    -webkit-animation : .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown;    animation         : .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown}@-webkit-keyframes animdropdown{    from    {        -webkit-transform : translate3d(0, 6px, 0);        transform         : translate3d(0, 6px, 0);        opacity           : 0    }    to    {        -webkit-transform : translate3d(0, 0, 0);        transform         : translate3d(0, 0, 0);        opacity           : 1    }}@keyframes animdropdown{    from    {        -webkit-transform : translate3d(0, 6px, 0);        transform         : translate3d(0, 6px, 0);        opacity           : 0    }    to    {        -webkit-transform : translate3d(0, 0, 0);        transform         : translate3d(0, 0, 0);        opacity           : 1    }}.mobile-search-icon{    display : none}.mobile-toggle-menu{    display   : none;    font-size : 26px;    color     : #404142;    cursor    : pointer}.switcher-wrapper{    width       : 280px;    height      : 100%;    position    : fixed;    right       : -280px;    top         : 0;    bottom      : 0;    z-index     : 16;    background  : #fff;    border-left : 0 solid #d2d2d2;    box-shadow  : 0 .3rem .6rem rgba(0, 0, 0, .13);    transition  : all .2s ease-out}.switcher-btn{    width                     : 40px;    height                    : 40px;    line-height               : 40px;    font-size                 : 24px;    background                : #5e72e4;    box-shadow                : 0 .3rem .6rem rgba(0, 0, 0, .13);    color                     : #fff;    text-align                : center;    border-top-left-radius    : 10px;    border-bottom-left-radius : 10px;    position                  : absolute;    top                       : 40%;    right                     : 100%;    cursor                    : pointer}.switcher-wrapper.switcher-toggled{    right : 0}.switcher-body{    padding : 1.25rem}.switcher-body .form-check .form-check-input,.switcher-body .form-check .form-check-label{    cursor : pointer}.header-colors-indigators .indigator{    width            : 45px;    height           : 45px;    background-color : #f4f2f2;    border-radius    : 10px;    cursor           : pointer}@media screen and (max-width : 1280px){    .email-header    {        height : auto    }    .email-content    {        padding : 100px 0 0 0    }}@media only screen and (max-width : 1199px){    .row.row-group > div    {        border-right  : 0;        border-bottom : 1px solid rgba(0, 0, 0, 0.12);    }    .row.row-group > div:last-child    {        border-right  : none;        border-bottom : 0;    }}@media screen and (max-width : 1024px){    .topbar    {        left : 0 !important    }    .mobile-search-icon    {        display : block    }    .mobile-toggle-menu    {        display : block    }    .sidebar-wrapper    {        left       : -300px;        box-shadow : none    }    .page-wrapper    {        margin-left : 0    }    .page-footer    {        left : 0    }    .search-bar    {        display : none    }    .full-search-bar    {        display          : flex;        align-items      : center;        width            : 100%;        position         : absolute;        left             : 0;        z-index          : 100;        background-color : #fff;        height           : 60px;        padding          : 0 1.4rem    }    .search-bar-box    {        width : 100%    }    .search-close    {        display : block    }    .search-show    {        left  : 15px;        right : auto    }    .search-control    {        background-color : #fff;        border           : 1px solid #f2efef00;        padding-left     : 2.5rem    }    .search-control-2    {        color            : #fff;        background-color : #212529;        border           : 1px solid rgb(255 255 255 / 12%) !important;        padding-left     : 2.5rem    }    .wrapper.toggled .sidebar-wrapper    {        left : 0    }    .wrapper.toggled .page-wrapper    {        margin-left : 0    }    .wrapper.toggled .overlay    {        position   : fixed;        top        : 0;        right      : 0;        bottom     : 0;        left       : 0;        background : #000;        opacity    : .6;        z-index    : 10;        display    : block;        cursor     : move;        transition : all .2s ease-out    }    .error-404    {        height  : auto;        padding : 6rem 1rem    }    .chat-header    {        border-top-left-radius : .25rem    }    .chat-footer    {        border-bottom-left-radius : .25rem    }    .chat-sidebar    {        left : -370px    }    .chat-content    {        margin-left : 0    }    .chat-header    {        left : 0    }    .chat-footer    {        left : 0    }    .chat-toggled .chat-sidebar    {        left : 0    }    .chat-toggled .overlay    {        position   : absolute;        top        : 0;        right      : 0;        bottom     : 0;        left       : 340px;        background : #000;        opacity    : .5;        z-index    : 11;        display    : block;        cursor     : move;        transition : all .3s ease-out    }    .email-header    {        border-top-left-radius : .25rem    }    .email-sidebar    {        left : -280px    }    .email-content    {        margin-left : 0    }    .email-header    {        left : 0    }    .email-toggled .email-sidebar    {        left : 0    }    .email-toggled .overlay    {        position   : absolute;        top        : 0;        right      : 0;        bottom     : 0;        left       : 250px;        background : #000;        opacity    : .5;        z-index    : 9;        display    : block;        cursor     : move;        transition : all .3s ease-out    }}@media screen and (max-width : 991px){    .section-authentication-signin    {        height        : 100%;        margin-top    : 6rem;        margin-bottom : 2rem    }    .authentication-reset-password    {        height  : auto;        padding : 2rem 1rem    }    .authentication-lock-screen    {        height  : auto;        padding : 2rem 1rem    }    .compose-mail-popup    {        width    : auto;        position : fixed;        bottom   : -30px;        right    : 0;        left     : 0    }}@media screen and (max-width : 767px){    .user-box .user-info    {        display : none    }    .authentication-forgot    {        height  : auto;        padding : 2.5rem 1rem    }}@media screen and (max-width : 620px){    .topbar .navbar .dropdown-menu::after    {        display : none    }    .topbar .navbar .dropdown    {        position : static !important    }    .topbar .navbar .dropdown-menu    {        width : 100% !important    }}@media screen and (max-width : 520px){    .chat-footer-menu,    .chat-top-header-menu    {        display : none    }}@media screen and (max-width : 850px){    .ref-btn    {        border-top-right-radius    : 0.375rem !important;        border-bottom-right-radius : 0.375rem !important;    }    .ref-btn span    {        font-size : 12px;    }}.property-img{    height     : 250px;    object-fit : cover;}.loader{    border        : 2px solid #f3f3f3; /* Light grey */    border-top    : 2px solid #3498db; /* Blue */    border-radius : 50%;    width         : 12px;    height        : 12px;    animation     : spin 1s ease infinite;    display       : inline-block;}@keyframes spin{    0%    {        transform : rotate(0deg);    }    100%    {        transform : rotate(360deg);    }}.min-input, .max-input{    width   : 45% !important;    display : inline !important;}.ff-default{    font-family : "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", serif !important;}.bg-section{    background : floralwhite !important;}.table-bordered > :not(caption) > * > *{    border-width : 1px !important;}.participant-loader{    z-index    : 99999;    width      : 100%;    top        : -60px;    left       : 0;    background : rgba(255, 255, 255, 0.7);    min-height : 100vh;    min-height : -webkit-fill-available;}