@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 19, 2021 */
@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('../fonts/brandon_bld-webfont.woff2') format('woff2'),
         url('../fonts/brandon_bld-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_grotesqueblack_italic';
    src: url('../fonts/brandon_blk_it-webfont.woff2') format('woff2'),
         url('../fonts/brandon_blk_it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_grotesqueblack';
    src: url('../fonts/brandon_blk-webfont.woff2') format('woff2'),
         url('../fonts/brandon_blk-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal; 

}
@font-face {
    font-family: 'brandon_grotesquelight_italic';
    src: url('../fonts/brandon_light_it-webfont.woff2') format('woff2'),
         url('../fonts/brandon_light_it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('../fonts/brandon_light-webfont.woff2') format('woff2'),
         url('../fonts/brandon_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_grotesqueMdIt';
    src: url('../fonts/brandon_med_it-webfont.woff2') format('woff2'),
         url('../fonts/brandon_med_it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_grotesquemedium';
    src: url('../fonts/brandon_med-webfont.woff2') format('woff2'),
         url('../fonts/brandon_med-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_grotesqueRgIt';
    src: url('../fonts/brandon_reg_it-webfont.woff2') format('woff2'),
         url('../fonts/brandon_reg_it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_grotesqueregular';
    src: url('../fonts/brandon_reg-webfont.woff2') format('woff2'),
         url('../fonts/brandon_reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_grotesquethin_italic';
    src: url('../fonts/brandon_thin_it-webfont.woff2') format('woff2'),
         url('../fonts/brandon_thin_it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_grotesquethin';
    src: url('../fonts/brandon_thin-webfont.woff2') format('woff2'),
         url('../fonts/brandon_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body {
    /*font-family: 'brandon_grotesqueregular';*/
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}
.mainlogo{
        height: 145px;
    padding-bottom: 5px;
    margin-top: 10px !important;
    margin-bottom: -50px;
    width: 400px;
}

.waningalertbox{    
    font-size: 67px;
    text-align: center;
    color: #EF583E;
    margin-top: 6%;
}

.myprofilepic{
    height: 40px;
    width: 40px;
}


.error{
    color: red;
}

.form-control.error{ 
    border-color:Red !important;
    border-style:solid;
    border-width:1px; 
}

.login-page-logo{
    margin-top: 16%;
}

.page-header.navbar .page-logo .logo-default {
    margin: 22px 10px 0;
}

.show-forgot_form{
    display:block !important;
}

.timer-title {
    height: 40px;
    font-size: 16px;
    font-weight: 600;
}
.modal-title{
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
}
.time-row{
    height: 49px;
}
.timebtn{
    border-radius: 3px !important;
}

.hidediv{
    display: none;
}
.cursornone{
    pointer-events: none;
}

/*------------------new theme css---------------------*/

a {
    color: #FF4723;
}
a:hover {
    color: #FF4723;
}
.page-header.navbar {
    background-color: #fff;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover {
    background-color: transparent;
}
.dropdown-toggle:hover .username {
    color: #FF4723 !important;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle {
    background-color: transparent;
} 
.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu {
    background-color: #fff;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu:after {
    border-bottom-color: #fff;
}
.page-sidebar .page-sidebar-menu>li>a {
    color: #101010;
}
.page-sidebar .page-sidebar-menu>li>a>i[class*=icon-], .page-sidebar .page-sidebar-menu>li>a>i[class^=icon-] { 
    color: #101010;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a:hover, .page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a:hover {
    background: #FF4723;
    color: #fff;
}
.page-sidebar .page-sidebar-menu>li>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i {
    color: #101010;
    min-width: 25px;
    margin: 0 6px 0 0 !important;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a:hover .page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a>i {
    color: #fff;
}
.page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
    border-left: 3px solid #FF4723 !important;
}
.page-sidebar .page-sidebar-menu>li.active.open>a>i, .page-sidebar .page-sidebar-menu>li.active>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a>i {
    color: #FF4723;
}
.page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
     color: #FF4723;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a {
    color: #FF4723;
}
.page-sidebar .page-sidebar-menu>li:hover>a {
    color: #FF4723;
}
.page-sidebar .page-sidebar-menu>li:hover>i {
    color: #FF4723; 
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i[class*=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i[class^=icon-] {
    color: #FF4723;
}
.page-sidebar .page-sidebar-menu>li.heading>h3, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.heading>h3 {
    color: #FF4723;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a {
    color: #FF4723;
}
.page-sidebar .page-sidebar-menu>li.open>a>i, .page-sidebar .page-sidebar-menu>li:hover>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a>i {
    color: #FF4723;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i {
    color: #99abb4;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}
.breadcrumb {
    color: #000;
}
.dashboard-stat2 .display .number small{
    color: #000;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a, .page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a {
    color: #000;
    font-weight: normal;
}
.btn.green:not(.btn-outline) {
    color: #FFF;
    background: linear-gradient(0deg, #FF4723, #FF4723);
    box-shadow: 0px 4px 5px rgb(214 3 3 / 20%) !important;
    border-color: #FF4723 !important;
}
.portlet.light>.portlet-title>.caption>.caption-subject {
    color: #2D2D32 !important;
    font-family: 'Lato', sans-serif;
    font-weight: 700;

}
.btn.green:not(.btn-outline){
    background: linear-gradient(0deg, #FF4723, #FF4723);
    box-shadow: 0px 4px 5px rgb(214 3 3 / 20%) !important;
    border-color: #FF4723 !important;
    border-radius: 36px !important;
}
.btn.green:not(.btn-outline):active:hover {
    color: #FFF !important;
    background-color: #1d5188 !important;
    border-color: #1d5188 !important;
}
.btn-success {
    color: #fff;
        background: linear-gradient(
0deg
, #FF4723, #FF4723);
    box-shadow: 0px 4px 5px rgb(214 3 3 / 20%) !important;
    border-color: #FF4723 !important;
    border-radius: 36px !important;
}
.btn-success.active, .btn-success:active, .btn-success:hover, .open>.btn-success.dropdown-toggle {
    color: #FFF;
    background-color: #FF4723;
    border-color: #FF4723;
}
.btn-success:active:hover {
    color: #FFF;
    background-color: #1d5188;
    border-color: #1d5188;
}
.btn.green:not(.btn-outline).active, .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline):hover, .open>.btn.green:not(.btn-outline).dropdown-toggle {
    color: #FFF !important;
    background-color: #1d5188 !important;
    border-color: #FF4723 !important; 
}
.btn.blue:not(.btn-outline) {
    background-color: #FF4723;
    border-color: #FF4723;
}
.btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline):hover, .open>.btn.blue:not(.btn-outline).dropdown-toggle {
    background-color:  #FF4723;
    border-color:  #FF4723;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #FF4723;
    border-color: #FF4723;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a>i {
    color: #000;
} 
.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a:hover .page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a>i  {
    color: #fff;
}
.font-green {
    color: #FF4723 !important;
}
.login .content .create-account {
    background-color: #fff;
}
.login {
    background-color: #fff !important;
}
.forget-form.show-forgot_form .form-actions button.btn {
        line-height: 26px !important;
    text-transform: uppercase;
}
.login .content {
    /*box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
    border-radius: 3px !important;
        box-shadow: 5px 5px rgba(140,178,198,.2);
    border: solid 1px #f1f1f1;
}
.btn.btn-outline.green {
        color: #fff;
    background-color: #FF4723 !important;
    border-color: #FF4723 !important;
    border-radius: 36px !important;
    box-shadow: 0px 4px 5px rgb(255 74 74 / 13%) !important;
}

.btn.green:not(.btn-outline):active:focus {
    color: #FFF !important;
    background-color: #FF4723 !important;
    border-color: #FF4723 !important;
}
.btn.green:not(.btn-outline).focus, .btn.green:not(.btn-outline):focus {
    color: #FFF !important;
    background-color: #1d5188 !important;
    border-color: #1d5188 !important;
}
ul.dropdown-menu-default li a:hover i {
    color: #fff !important;
}
.login .content .form-control:active, .login .content .form-control:focus {
    border: 1px solid #c3ccda;
    background-color: #fff !important;
}
.login .content .form-control {
    background-color: #fff !important;
        font-size: 16px;
} 
.btn-success.focus, .btn-success:focus {
    color: #FFF !important;
    background-color: #FF4723 !important;
    border-color: #FF4723 !important;
}
.alert-success {
    background-color: #abbd2e;
    border-color: #abbd2e;
    color: #fff;
}
.alert-success button.close {
    background-image: none !important;
    text-indent: 0;
    text-shadow: none;
    font-weight: 100;
    color: #fff;
    opacity: 1;
    line-height: 15px;
    width: auto;
    height: auto;
}
.font-red-haze {
    color: #FF4723 !important;
}


.page-header-inner .page-logo a img.logo-default {
    max-width: 180px;
    width: 100px !important;
    height: auto;
    padding: 16px 0;
    margin: 0 !important;

}
.page-header.navbar .page-logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-header.navbar .page-logo .menu-toggler.sidebar-toggler {
    margin: 0;
}
button.btn.green {
    padding: 6px 30px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px !important;
}

button.btn.default {
    padding: 6px 30px;
    border-radius: 6px !important;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px !important;
}

span.btn.green.btn-file {
    padding: 6px 30px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
}
.dataTables_wrapper table thead tr th {
    color: #000;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-shadow: none;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #444444;
}
.page-sidebar .page-sidebar-menu>li>a>.title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>.title {
    font-size: 16px;
}
.login .content .form-actions .btn {
        padding: 6px 20px!important;
    font-size: 14px;
}
form.login-form h3.form-title.font-green {
    font-family: 'Lato', sans-serif;
}
.dataTables_wrapper table tbody tr td:last-child a.btn {
    border-radius: 4px !important;
    border: 0;
    font-size: 15px;
    padding: 2px 6px;
    min-height: 25px;
    min-width: 27px;
    text-align: center;
    margin-right: 10px;
}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    vertical-align: middle;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f7fbff;
}
.dashboard-stat2, .dashboard-stat2 .display {
   margin: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.dashboard-stat2 .display .number {
    padding-right: 10px;
        margin-right: auto;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 18px !important;
}
.portlet.light>.portlet-title {
        min-height: 62px;
    padding-top: 5px;
}
.portlet-body.tbl_responsive_cls {
    padding: 0 !important;
}
body table.dataTable.no-footer {
    border-bottom: 0;
}
.dashboard-stat2 {
    padding: 30px 20px;
        transition: all 0.3s;
            border-radius: 8px !important;
}
.dashboard-stat2.bordered:hover {
        box-shadow: 5px 5px rgba(140,178,198,.2);
}
.dashboard-stat2 .display .icon {
    padding: 0;
    display: block;
}

.dashboard-stat2 .display .icon>i {
    font-size: 38px;
    line-height: 50px;
        transition: all 0.3s;
}
.dashboard-stat2.bordered:hover .icon i {
    color: #FF4723;
}
.pagination>li>a, .pagination>li>span {
    padding: 4px 10px;
}
.portlet .table-hover>tbody>tr:hover, .portlet .table-hover>tbody>tr:hover>td {
    background: #e7eeff!important;
}
.btn.default:not(.btn-outline) {
    color: #666;
    background-color: #f9d2d1;
    border-color: #f9d2d1;
    border-radius: 36px !important;
    box-shadow: 0px 4px 5px rgb(255 74 74 / 13%) !important;
}
.page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
    background: #fde3e2;
}
.page-sidebar .page-sidebar-menu>li.active.open>a:hover, .page-sidebar .page-sidebar-menu>li.active>a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a:hover {
    background: #fde3e2;
}
.page-sidebar .page-sidebar-menu>li.open>a, .page-sidebar .page-sidebar-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a {
    background: #fde3e2;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i {
    color: #000;
}
a:hover {
    color: #FF4723;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user a.dropdown-toggle:hover{
     color: #FF4723;
}
.dashboard-stat2 .display .icon>i {
    color: #fde3e2;
}
.form-control {
    border: 1px solid rgb(184 184 184 / 30%);
    border-radius: 7px !important;
    min-height: 50px;
    font-size: 16px;
}
.page-sidebar.navbar-collapse.collapse {
    border-radius: 8px !important;
}
.portlet.light.bordered {
    border-radius: 8px !important;
}
button.btn.green.submitbutton + a button.btn.default.cancel {
    margin-left: 10px;
}
.dataTables_wrapper .form-control {
    min-height: 40px;
}
body {
    background: #f3eded;
}
td.dataTables_empty {
    background: #f3eded !important;
}

@media (min-width: 992px) {
    .page-sidebar.navbar-collapse {
        max-height: 100vh!important;
        height: calc(100vh - 148px) !important;
    }
    .page-content-wrapper .page-content {
        min-height: auto !important;
    }
    .page-sidebar, .page-sidebar .page-sidebar-menu {
        height: 100%;
    }
}
.col-md-4.name img {
    height: 100px;
    width: 50%;
}

.flex_row_filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 !important;
    width: 100%;
}
.filter_left_div {
    width: calc(100% - 250px);
    display: flex;
    justify-content: space-between;
    margin-right: auto;
}
.filter_clmn {
    width: 33.33%;
    padding: 0 10px;
}
.flex_row_filter .form-actions {
    width: auto;
    justify-content: flex-end;
    text-align: right;
}
.flex_row_filter .form-actions .row {
    margin-left: 0;
    margin-right: 0;
}
.flex_row_filter .form-actions .button-right .btn {
    margin-left: 10px;
}
@media screen and (max-width: 1366px) {
    .flex_row_filter .form-actions .button-right {
        margin-right: 0 !important;
        display: flex;
        align-items: center;
    }
}
@media screen and (max-width: 991px) {
    .flex_row_filter {
        flex-wrap: wrap;
    }
    .filter_left_div {
        width: 100%;
    }
    .flex_row_filter .form-actions {
        margin-top: 10px;
        padding-right: 10px;
    }
    .flex_row_filter .form-actions .button-right {
        justify-content: flex-end;
        padding-right: 0;
    }
    .flex_row_filter .form-actions {
        width: 100%;
    }
}

/*Web17*/
div#html5-watermark {
    display: none !important;
}
.height_new {
    min-width: 16%;
    float: left;
    margin: 0 auto;
    margin-top: 15px;
    display: flex;
    text-align: center;
}
.height_new {
    min-width: 13%;
    float: left;
    margin: 0 auto;
    margin-top: 10px;
    display: flex;
    position: relative;
    text-align: center;
    align-items: center;
}
span.caption-subject.font-red-sunglo.bold.uppercase.red {
    color: red !important;
}
.fontsize {
    font-weight: bold;
    font-size: 20px !important;
}
.caption.removepadding {
    padding: 19px 0 !important;
}
.portlet.light.bordered {
    display: flex;
    border: 1px solid #e7ecf1!important;
    flex-direction: column;
    width: 100%;
}
.box-footer {
    margin-top: 10px;
}
.datepicker.dropdown-menu{
    z-index: 9999999 !important;
}
tr.row1 {
    cursor: pointer;
}