@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
body{font-family: 'Source Sans Pro', sans-serif;}
/* Custom Scrollbar CSS */
html{scroll-behavior: smooth;}
::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: #F6FAFE;
}

::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background-color: #1E232A;
    border-radius: 20px;
    height: 58px
}

* {
    scrollbar-width: thin;
    scrollbar-color: #ccc #ccc;
}

.gray-text{color: #707070;}
.black-text{color: #222D32 !important;}
.custom-text{border: 2px solid #E1E1E1;height: 60px;font: normal normal 600 34px/49px Source Sans Pro;padding: 10px 55px 10px 20px;font-size: 22px;}
.custom-btn{font: normal normal 600 34px/49px Source Sans Pro;border: 2px solid transparent;width: 100%;padding: 4px 15px;text-transform: uppercase;font-size: 24px;}
.blue-btn, .custom-btn{background-color: transparent;border-radius: 0;transition: all .3s;}
.orange-btn{color: #F15B22;border-color: #F15B22;}
.orange-btn:hover, .orange-btn:focus{background-color: #F15B22;color: #fff;}
.blue-btn {
    font: normal normal normal 16px/22px Source Sans Pro;
    color: #428BCA;
    border: 1px solid #428BCA;
    background-color: #fff;
    padding: 6px 12px;
    
}
.blue-btn:hover, .blue-btn:focus{background-color: #428BCA;color: #fff;}
.mb-30{margin-bottom: 30px;}
.mr-10{margin-right: 10px;}
.mr-5{margin-right: 5px;}
.mb-0{margin-bottom: 0;}
.p-top{padding-top: 40px;}
.align-items-center{align-items: center;display: flex;}
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td{vertical-align: middle;}
.table thead th {
    position: sticky;
    top: -1px;
    background-color: #F5F5F5;
    font: normal normal 600 18px/25px Source Sans Pro;
    color: #222D32;
    z-index: 99;
}
.table tbody>tr>td{font: normal normal normal 18px/25px Source Sans Pro;color: #8A8A8A;}
/*.table tbody>tr{border-bottom: 1px solid #F5F5F5;}*/
.table>tbody>tr>td{border-top: 0;}
.table tbody tr{position: relative;}
.table tbody tr:after{position: absolute;content: "";width: 98%;height: 1px;border-bottom: 1px solid #F5F5F5;bottom: 0;display: block;left: 0;right: 0;margin: 0 auto;}
.set-table {
    overflow: auto;
    display: block;
    width: 100%;   
    border-radius: 6px 6px 0 0; 
   
}
.table-box {
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    border-radius: 0px 0px 4px 4px;
    padding: 0 0 20px 0;
}
.green-btn{background-color: #28A228;color: #fff;border-radius: 4px;
           font: normal normal 600 18px/20px Source Sans Pro;
           padding: 3px 7px 5px 6px;border: 1px solid #28A228;}
.green-btn:hover, .green-btn:focus{background-color: #fff;color:#28A228;}
.fix-width{width: 270px;}
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom{margin-right: 0;}
/* Login Screen CSS */
.set-login-box{display: flex;align-items: center;justify-content: center; display: -ms-flexbox;flex-direction: column;
    -ms-flex-pack: center;}
.login-box{border: 1px solid #787878;border-radius: 14px;background-color: #fff;padding:30px;width: 670px;}
.login-logo, .register-logo{background-color: transparent;padding-top: 0;}
.weblogo{height: 50px;}
.login-logo{display: flex;align-items: center;justify-content:center;width: 70%;margin: 0 auto;height: 100px;}
.login-box-msg{font: normal normal 600 34px/49px Source Sans Pro;opacity: 0.8;padding-bottom: 30px;}
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback{font-size: 30px;line-height: 36px;opacity: 0.4;}
.form-control-feedback{top: 10px;right: 20px;}
.login-box-body{padding: 20px 0 20px 0;}
.arrow-icon{margin: 0 40px 0 20px;}
.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:focus{background-color: transparent;color: #1E232A;}
.logout-btn:hover{background-color: transparent;}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a{background-color: #1E232A;}
.nav-link:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    transition: width ease-in-out .3s;
    -webkit-transition: width ease-in-out .3s;
    background: #7399B0;
    background: -moz-linear-gradient(left,#7399B0 0,#7399B0 100%);
    background: -webkit-gradient(left top,right top,color-stop(0,#7399B0),color-stop(100%,#7399B0));
    background: -webkit-linear-gradient(left,#7399B0 0,#7399B0 100%);
    background: -o-linear-gradient(left,#7399B0 0,#938370 100%);
    background: -ms-linear-gradient(left,#7399B0 0,#7399B0 100%);
    background: linear-gradient(to right,#7399B0 0,#7399B0 100%);
}
.nav-link:hover:before {
    width: 100%;
    transition: width ease-in-out .3s;
    -webkit-transition: width ease-in-out .3s;
}
.navbar-collapse{padding: 0;}
/* Organization List Screen CSS */
.skin-blue .main-header .navbar{background-color: #fff;border: 1px solid #B7B7B7;}
.skin-blue .main-header .navbar .nav>li>a{color: #1E232A;font: normal normal 600 15px/21px Source Sans Pro;display: flex;align-items: center;}
.skin-blue .main-sidebar,.skin-blue .main-header .logo{background-color: #1E232A;}
.sidebar-menu{margin-top: 40px;}
.skin-blue .sidebar-menu>li>a{font: normal normal 600 20px/28px Source Sans Pro;color: #fff;}
.main-sidebar, .main-header .logo{width: 287px;}
.main-header .navbar,.content-wrapper{margin-left: 287px;}
.fixed .content-wrapper, .fixed .right-side{padding-top: 54px;}
.skin-blue .sidebar-menu>li>a{border-left: 4px solid transparent;}
.skin-blue .sidebar-menu>li.active>a{border-color: #fff;}
.sidebar-menu>li>a{padding: 16px 5px 16px 15px;}
.content-wrapper{background-color: #fff;}
.title-text{font: normal normal 600 23px/24px Source Sans Pro;margin: 0;}
.breadcrumb{background-color: #fff;padding: 0;margin-bottom: 0;}
/*.content-header{margin-bottom: 30px;}
*/.hide-img{display: none;}
.skin-blue .main-header .logo:hover{background-color: #1E232A;}
.breadcrumb li a{font: normal normal 600 14px/20px Source Sans Pro;}
.breadcrumb>li+li:before{display: none;}
.breadcrumb>li{position: relative;display: inline-flex;align-items: center;padding: 0 13px 0 8px;}
.breadcrumb li:first-child{padding-left: 0;}
.breadcrumb li:last-child:after{display: none;}
.breadcrumb li:last-child{padding-right: 0;}
.breadcrumb li:after{position: absolute;content: "";display: inline-block;
    width: 8px;top: 7px;
    height: 8px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;transform: rotate(135deg);right: 0;}
/*.breadcrumb>li+li:before{display: none;}
.breadcrumb .fa-chevron-right:before{padding: 0 5px;}*/
/* Modal CSS */
.xero-sso-light>.xero-sso-link{box-shadow: none !important;border-color: #C5C5C5 !important;border-radius: 6px !important;font-size: 20px !important;line-height: 28px;padding: 0px 30px;}
.xero-sso-label{color: #707070 !important;font: normal normal 600 20px/28px Source Sans Pro !important;}
.connect-text{font: normal normal 600 20px/28px Source Sans Pro;color: #001138 !important;}
.xero-sso-light>.xero-sso-link:focus{box-shadow: none !important;}
.xero-sso-font-family{font-family: 'Source Sans Pro', sans-serif !important;}
.orange-innerbtn{border-color: #F15B22; color: #F15B22;}
.orange-innerbtn:hover, .orange-innerbtn:focus{background-color:  #F15B22;}
.modal{overflow-y: auto;}
/* Search and Sync Page CSS */
.date-info{text-align: right;color: #616161;font: normal normal 600 20px/28px Source Sans Pro;}
.styled-checkbox {position: absolute;opacity: 0;}
.styled-checkbox + label {position: relative;cursor: pointer;padding: 0;}
.styled-checkbox + label:before {content: "";display: inline-block;vertical-align: text-top;width: 18px;height: 18px;background: #fff;border: 1px solid #a1c5e5;border-radius: 3px;}
.styled-checkbox:checked + label:before {background: #428bca;}
.styled-checkbox:disabled + label {color: #b8b8b8;cursor: auto;}
.styled-checkbox:disabled + label:before {box-shadow: none;background: #ddd;}
.styled-checkbox:checked + label:after {content: "";position: absolute;left: 4px;top: 9px;background: white;width: 2px;height: 2px;box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;transform: rotate(45deg);}
.btn-sync{background-color: #c5f3cd !important;border-color: #e3ffe4;}
.btn-pending{background-color: #ddddde !important;border-color: #cecece;}
.btn-inpro{background-color: #ffdfb2 !important;border-color: #FFFACB;}
.btn-failure{background: #ffd2cf !important;border-color: #FEDBDB;}
.btn-archive:hover{color:#111;}
.btn-archive {
    background: #fff5cc !important;
    border-color: #fff5cc;
    display: block;
    text-align: center;
    color: #111;
}
.btn-sync, .btn-pending, .btn-inpro, .btn-failure{color: #232323 !important;display: block;text-align: center;}
.cust-checkbox{height: 20px;text-align: center;}
.check-width{width: 60px;}
.status-width{width: 100px;}
.search-info .table tbody>tr>td{color: #232323;}
.bottom-button{margin-top: 30px;margin-left: 20px;}
.pagination-box .pagination>li>a{color: #656565;font: normal normal normal 20px/28px Source Sans Pro;border-color: #CECECE;background-color: #fff;}
/*.search-info.table-box{
    min-height: calc(100vh - 47vh);
}*/
.pagination-box .pagination{margin-bottom: 20px;margin-right: 20px;}
.pagination-box .page-link:hover, .pagination-box .page-link:focus {
    background-color: #1e232a;
    color: #FFFFFF;
    border-color: #1e232a;
}
.toparea{padding:0 20px;}
    .toparea .blue-btn, .blue-btn {
        font: normal normal normal 17px/20px Source Sans Pro;
        display: inline-flex;
        align-items: center;
        margin-left: 15px;
    }

        .toparea .blue-btn:first-child {
            margin-left: 0;
        }

.border-line{position: relative;}
.border-line:before{position: absolute;
    content: "";
    width: 97%;
    height: 1px;
    border-bottom: 1px solid #F5F5F5;
    top: 0;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;}
.invoice-info{border-bottom: 0;color: #232323!important;text-decoration: none;}
.file-modal .modal-header{border: none;}


[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    cursor: pointer;
    line-height: 20px;
    display: block;
    color: #666;
    padding: 5px 28px;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 18px;
    height: 18px;
    border: 1px solid #707070;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 9px;
    height: 9px;
    background: #3DB83D;
    position: absolute;
    top: 12px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

[type="radio"]:checked + label:before{border:1px solid #3DB83D;}
/*16-12-21*/
.alert-text img{
    height: 20px;
    width: 20px;
    margin: 0 10px;
}
.alert-text{
    position: absolute;
    left: 0;
    right: 0;
    background: #28A745;
    font-size: 20px;
    color: #fff;
    border-radius: 18px;
    padding: 9px 40px;
    top: 30px;
    margin: auto;
    z-index: 1111;
    display: flex;
    align-items: center;
    width: max-content;
}

.pagination-box.pull-right {/* position: fixed; *//* bottom: 50px; *//* right: 40px; */}
.invoice-info.activelink{color: #428BCA!important;border-bottom: 1px solid #428BCA;}
.mainlogo{width:250px;}
.pageactive {
    background: #1e232a !important;
    color: #fff !important;
    border-color: #1e232a !important;
}
.blue-btn:hover img {filter: brightness(100);}
.pinicon{height: 25px;}
.badge {
    height: 17px;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    background-color: #FC5656;
    border-radius: 100%;
    position: absolute;
    top: -5px;
    right: 26px;
    width: 17px;
    line-height: 17px;
    text-align: center;
    padding: 0;
}
.pinlink{display: flex;justify-content: center;position: relative;width: 85px;cursor:pointer}
.pdf-img{width: 70px;}
.pdf-img img{width:100%;}
.file-modal .timesheet{font-size:18px;color:#232323;font-weight:500;margin:0!important;}
.file-modal .file-size{color: #7D7D7D;font-size:18px;margin:5px 0;}
.file-modal a{color:#498FCC;display:flex;align-items:center;font-size: 16px;}
.file-modal a:last-child{padding:0 20px;position:relative;}
.file-modal a:last-child:before{content:"";position:absolute;left: 10px;top:0;background: #979797;height: 22px;width: 1px;bottom: 0;margin: auto;}
.linkbox{display:flex!important;}
.linkbox span{padding-left:7px;}
.download-pdf{padding:20px;border-bottom: 1px solid rgba(0,0,0,.4);}
.modal-header .close {opacity: 1;}
.table{border-top: 1px solid #00000029; border-radius: 4px;}
.file-modal {
    right: auto;
    left: 50%;
    max-width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
    top: 50%;
    position: fixed;
    transform: translate(-50%,-50%)!important;
}

.dropdownbtn{border:0;background: transparent;color: #222D32;font-weight: 600;}
.status-menu {
    display: none;
    background: #fff;
    padding: 10px 10px 0 10px;
    min-width: 200px;
    box-shadow: 0px 0px 6px #0000004A;
    border-radius: 8px;
    margin-top: 15px;
}
ul.stauscheckbox{padding:0!important;}
ul.stauscheckbox li{list-style:none!important;font-size:18px;color:#232323;padding: 0;border-bottom: 1px solid #E1E1E1;}
ul.stauscheckbox li:last-child{border-bottom:0;}

button.applybtn{
    background: #fff;
    display: block;
    width: 100%;
    border: 1px solid #498FCC;
    border-radius: 6px;
    margin-top:10px;
    padding:3px 0;
    transition:all .4s linear;
}
button.applybtn:hover{
    background: #498FCC;
    color: #fff;
}

.paginationright{
    padding-left: 0;
    margin: 10px 0;
    border-radius: 4px;
    width: max-content;
    display: block;
    margin-left: auto;
}
.hitebox{min-height: 350px;}
.d-flex {
    display: flex;
    align-items: center;
}

.breadcrumb-box {
    margin-right: auto;
    padding-left: 15px;
}

.button-group {
    display: flex;
    align-items: center;
}

.download-btn-box {
    justify-content: space-between;
    margin-top:15px;
}
/* Media Starts */
@media(min-width: 1100px){
.bottom-button .blue-btn{width: 7%;}
}
@media(max-width: 1800px){
.login-box{width: 580px;}
.login-logo{width: 85%;}
.weblogo{/* height: 120px; */}
.login-box-msg{font: normal normal 600 30px/42px Source Sans Pro;}
.custom-text, .custom-btn{
    font-size: 19px;
}
.custom-text{height: 65px;padding: 8px 44px 8px 16px;}
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback{font-size: 30px;line-height: 30px;}
.form-control-feedback{top: 15px;right: 18px;}
.skin-blue .sidebar-menu>li>a{font: normal normal 600 18px/26px Source Sans Pro;}
.title-text{font: normal normal 600 18px/23px Source Sans Pro;}
.date-info{font: normal normal 600 18px/26px Source Sans Pro;}
.pagination-box .pagination>li>a{font: normal normal normal 18px/22px Source Sans Pro;}
.main-sidebar, .main-header .logo{width: 200px;}
.main-header .navbar, .content-wrapper{margin-left: 200px;}
/*.toparea .blue-btn{font: normal normal normal 21px/31px Source Sans Pro;}*/
}
@media(max-width: 1700px){
.custom-text{height: 40px;padding: 6px 36px 6px 12px;}
.custom-text, .custom-btn{font: normal normal 600 18px/24px Source Sans Pro;}
.form-control-feedback{top: 6px;right: 14px;}
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback{font-size: 24px;line-height: 24px;}
}
@media(max-width: 1500px){
.login-box{width: 490px;}   
.login-box-msg {font: normal normal 600 23px/33px Source Sans Pro;padding: 0 0 20px 0;}
.login-box .mb-30{margin-bottom: 20px;}
.weblogo{/* height: 100px; */}
.custom-btn{padding: 6px 12px;}
.arrow-icon{width: 30px;}
.login-box-body{padding: 10px 0 10px 0;}
.login-box{padding: 20px;}
.skin-blue .sidebar-menu>li>a{font: normal normal 600 16px/26px Source Sans Pro;padding: 10px 5px 10px 10px;}
/*.blue-btn{font: normal normal normal 14px/18px Source Sans Pro;}*/

.sidebar-menu li .mr-10{margin-right: 5px;}
.xero-sso-label{font: normal normal 600 16px/26px Source Sans Pro !important;}
.xero-sso-light>.xero-sso-link{padding: 0 20px;}
.connect-text{font: normal normal 600 16px/20px Source Sans Pro;}
/*.content-header{padding:30px 20px 0 20px;}*/
.table thead th{font: normal normal 600 16px/21px Source Sans Pro;}
.table tbody>tr>td{font: normal normal normal 16px/21px Source Sans Pro;}
.green-btn, .date-info{font: normal normal 600 14px/16px Source Sans Pro;}
/*{font: normal normal 600 14px/20px Source Sans Pro;}*/
/*.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td{height: 40px;}
*/.cust-checkbox{width: 50px;}
.pagination-box .pagination>li>a{font: normal normal normal 16px/20px Source Sans Pro;}
/*.toparea .blue-btn{font: normal normal normal 18px/28px Source Sans Pro;}*/
.set-table {display: block; width: 100%;}
.alert-text {font-size: 17px;}
.alert-text img {
    height:20px;
    width: 20px;
}
}


@media only screen and (min-width: 992px) and (max-width: 1500px)  {
    .login-logo{width: 100%;}

}
@media(max-width: 1199px){
.table thead th{font: normal normal 600 14px/19px Source Sans Pro;}
.table tbody>tr>td{font: normal normal normal 14px/19px Source Sans Pro;}
.green-btn{font: normal normal 600 12px/17px Source Sans Pro;}
.content-header{margin-bottom: 15px;}
.pagination-box .pagination>li>a{font: normal normal normal 14px/18px Source Sans Pro;}
/*.set-table {max-height: calc(100vh - 29.5em);}*/
.search-info.table-box {min-height: calc(100vh - 43vh);}
.alert-text {
    font-size: 13px;
    padding: 5px  10px;
}
.alert-text img {
    height: 15px;
    width: 15px;
}
.alert-text{top:80px;}
    .search-info.table-box {
        min-height: calc(100vh - 43vh);
    }
}
@media(max-width: 992px){
.login-box .mb-30{margin-bottom: 15px;}
.custom-text{padding: 5px 30px 5px 10px;}
.custom-text, .custom-btn{font: normal normal 600 16px/22px Source Sans Pro;}
.login-box-msg{font: normal normal 600 19px/29px Source Sans Pro;padding: 0 0 15px 0;}
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback{font-size: 19px;line-height: 19px;}
.form-control-feedback{top: 5px;right: 10px;}
/*.title-text{font: normal normal 600 21px/31px Source Sans Pro;}*/
/*.content-header{padding: 20px 20px 0 20px;}*/
.toparea .blue-btn{font: normal normal normal 12px/20px Source Sans Pro;}
/*.set-table {max-height: calc(100vh - 27em);}*/
.search-info.table-box {
    min-height: calc(100vh - 30vh);
}
.toparea .blue-btn {margin-top: 0px;}
    .title-text {
        font: normal normal 600 17px/31px Source Sans Pro;
    }
    .button-group {
        flex-direction: column;
        display: initial;
    }
    .date-info {
        margin-top: -23px;
        margin-bottom: 5px;
    }
    .download-btn-box {
        margin-top: 25px;
    }
}
@media only screen and (min-width: 421px) and (max-width: 767px)  {
.main-header .logo{width: 41%;}
}
@media(max-width:767px){
    .login-box{width: 100%;}
    .weblogo{height: 50px;}
    .arrow-icon{margin: 0 30px 0 20px;}
    .main-sidebar{width: 100%;}
    .main-header .navbar{margin-left: 0;}
.fixed .right-side{padding-top: 100px;}
    .main-header .navbar, .content-wrapper{margin-left: 0;}
    .main-sidebar{left: 230px;width: 0;}
    .main-header{display: flex;align-items: center;background-color: #1e232a;}
    .navbar-toggler {
    z-index: 999;
    cursor: pointer;
    padding-right: 0;
    padding: 8px;
}
.line {
    width: 25px;
    height: 3px;
    background-color: #F15B22;
    display: block;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
body.active{overflow: hidden;}
.mobileMenu {
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 99;
    background: #1E232A;
    transition: all .3s!important;
    transition: 1s;
    margin-left: -230px;
    width: 230px;
    padding: 30px 0;
}
header .navbar{flex-direction: row-reverse;
    justify-content: end;}
.mobileMenu.open {display: block;margin-left: 0;}
.alert-text {
    z-index:1;
    display: block;
}
.mobileMenu.open body{overflow: hidden;}
.overlay.open {display: block;}
.overlay{position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background-color: rgb(6 41 82 / 60%);display: none;z-index: 9999;}
.navbar-collapse{max-height: 100vh;}
.skin-blue .main-header .navbar{background-color: #1E232A;border: none;}
.skin-blue .main-header .navbar .nav>li>a{color: #fff;}
.show-img{display: none;}
.hide-img{display: block;}
.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:focus{color: #fff}
.main-header .logo img{padding: 4px 0;}
.main-header .logo{padding: 0;}
.align-items-center{/* display: block; */}
.search-info.table-box {
    min-height: calc(100vh - 31vh);
}
    .breadcrumb-box {
        display: none;
    }
/*.set-table {
    max-height: calc(100vh - 29em);
}*/
}
@media(max-width:576px){
.arrow-icon{width: 20px;}
.main-header .logo .logo-lg img{max-width: 120px;}
/*.set-table {max-height: calc(100vh - 28em);}*/
.search-info.table-box {
    min-height: calc(100vh - 31vh);
}
.pagination-box.pull-right {
    /* position: fixed; */
    /* bottom: 70px; */
    /* right: 40px; */
}
.mainlogo{width:150px;}
.alert-text img {display: block; margin: auto;}
.alert-text {text-align:center;width: auto;margin: 10px;}
   /* .toparea .blue-btn:first-child {
        width: 100%;
    }*/

    .toparea .blue-btn {
        margin-left: 0;
    }

    .breadcrumb li a {
        font: normal normal 600 13px/20px Source Sans Pro;
    }

    .pagination > li > a, .pagination > li > span {
        padding: 5px 9px;
    }
}
@media (max-width:575px) {
    /*.toparea .blue-btn:first-child {
        width: 100%;
    }*/

    .toparea .blue-btn {
        margin-left: 0;
    }

    .breadcrumb li a {
        font: normal normal 600 13px/20px Source Sans Pro;
    }

    .pagination > li > a, .pagination > li > span {
        padding: 5px 6px;
    }
    /*.set-table {
        max-height: calc(100vh - 25em);
        margin-bottom: 5px;
    }*/

    /*.search-info.table-box {
        min-height: calc(100vh - 44vh);
    }*/
    .button-group {
        width: 100%;
    }
    .sync-with-xero-btn {
        width: 100%;
        justify-content: space-between;
        display: flex;
        margin-top: 15px;
    
    }
    .download-btn-box {
       
        display: flex;
        flex-direction: column-reverse;
    }
}


@media(max-width:420px){
.arrow-icon{margin: 0 20px 0 10px;}
.login-box-msg{font: normal normal 600 18px/20px Source Sans Pro;}
.login-box{padding: 15px;}
.main-header .logo .logo-lg img{max-width: 100px;}
.nav>li>a{padding: 0;}
.skin-blue .main-header .navbar .nav>li>a{font: normal normal 600 12px/21px Source Sans Pro;}
.nav>li>a>img{width: 12px;}
.logout-btn .hide-img {width: 20px;}
.navbar-custom-menu .mr-10{margin-right: 5px;}
.logout-btn.btn{padding: 0 8px;}
/*.navbar-custom-menu>.navbar-nav{display: flex;align-items: center;}*/
.main-header .logo{width: 55%;}
/*.date-info{margin-top: 10px;display: block;text-align: left;}*/
.pagination-box.pull-right {
    /* position: fixed!important; */
    /* bottom: 20px!important; */
    /* right: 29px!important; */
}
    .navbar-custom-menu > .navbar-nav > li{
        font-size:10px;
    }
    /*------*/
    .fixed .main-header {
        position: inherit;
        display: inline-block;
        width: 100%;
    }

    .main-header .logo {
        width: 100%;
        display: block;
    }

    nav.navbar.navbar-static-top.d-flex {
        float: left;
        margin-left: 0;
        width: auto;
        clear: both;
    }

    div#hamburger-1 {
        float: right;
    }
    .main-header .logo {
        height: 35px;
    }

    .main-header .logo {
        line-height: 35px;
    }
    .mobileMenu {
        padding: 50px 0;
    }
    .fixed .content-wrapper, .fixed .right-side {
        padding-top: 5px;
    }
}
span.total-items-text {
    margin-right: 30px;
}
.email-time-stamp-width {
    width: 200px;
    max-width: 200px;
    min-width: 200px;
}
.ascending-icon:after, .ascending-icon:before {
    color: #ccc;
    font-size: 15px;
}
.ascending-icon {
    position: relative;
    padding-right: 25px;
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 18px;
    display:inherit;
}
.ascending.ascending-icon:before, .descending.ascending-icon:after {
    color: #000
}
.attachment-th{
    width:130px;
    max-width:130px;
    min-width:130px;
}
@media (max-width: 1500px) {
    .table tbody > tr > td {
        font: normal normal normal 14px/21px Source Sans Pro;
    }

    .ascending-icon {
        font-size: 16px;
    }
/*
    .toparea .blue-btn {
        font: normal normal normal 18px/31px Source Sans Pro;
        padding: 5px 16px;
    }
    .toparea .blue-btn {
        font: normal normal normal 18px/31px Source Sans Pro;
        padding: 5px 10px;
    }*/
}
.status-width {
    width: 100px !important;
    max-width: 100px !important;
    min-width: 100px !important;
}

.table tr {
    position: relative;
    white-space: nowrap;
}

.table td {
    white-space: nowrap !important;
}

.table th {
    white-space: nowrap !important;
}
@media(max-width: 767px) {
    .skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:focus {
        color: #fff;
    }

    .navbar-custom-menu > .navbar-nav > li {
        position: static;
        color: #fff;
        font-size: 12px;
        display: flex;
        align-items: center;
    }
}