.headerTop {
    background: #20afdb;
    padding: 5px 0 5px 270px;
    position: fixed;
    left:0;
    right:0;
    top:0;
    z-index: 5;
}
.sidebarCol {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 220px;
    background-color: #3a3f51;
    color: #fff;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    z-index: 5;
}
.sidebarCol .img-thumbnail{
    border-radius: 50% ;
}
.sidebarCol .onlineStatus{
    position: absolute;
    bottom: 0;
    right: 80px;
    border: 2px solid #fff;
    width: 11px;
    height: 11px;
    display: inline-block;
    border-radius: 50% ;
}
.sidebarCol .online{
    background-color: #27c24c;
}
.user-block-status{
    position: relative;
}
.leftLogoImgWrap{
    text-align: center;
    background-color: #3a3f51;
    border-bottom: 2px solid #343846;
    height: 58px;
}
.sidebarInnerContent {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.sideBarTopCol {
    text-align: center;
    padding: 20px 10px 10px;
    font-size: 14px;
}
.statusIndicator > span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ccc;
    border-radius: 50%;
    vertical-align:middle;
    margin-right:5px;
}
.statusIndicator::after {
    content: "Offline";
    display: inline-block;
    vertical-align:middle;
}
.online  > .statusIndicator > span {
    background: #22b14c;
}
.online > .statusIndicator::after {
    content: "Online";
}
.sideBarTopCol > h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 0;
}
.user-block .user-block-info .user-block-name {
    color: #7D848F;
    display: block;
}
.user-block .user-block-info .user-block-role {
    font-size: 12px;
    color: #aaa;
    display: block;
}
.avatar-img-wrap .user-block-info .user-block-name {
    color: rgba(255,255,255,.8);
    display: block;
}
.avatar-img-wrap .user-block-info .user-block-role {
    font-size: 12px;
    color: rgba(255,255,255,.8);
    display: block;
}
.sidebarNavIcon {
    display: inline-block;
    width: 22px;
    position: absolute;
    left: 12px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.sidebarNavIcon svg {
    display: block;
}
.sidebarNav a {
    color: #ccc;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.sidebarNav a:hover {
    color:#fff;
}
.sidebarNav > ul > li {
    position:relative;
}
.sidebarNav > ul > li > a:before {
    content:"";
    position:absolute;
    width:0px;
    top:0;
    bottom:0;
    left:0;
    background:rgba(255,255,255,0.4);
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    transition: all 600ms ease-in-out 0s;
    z-index:1;
}
.sidebarNav > ul > li.active > a:before, .sidebarNav > ul > li > a:hover:before {
    width:4px;
}
.sidebarNav > ul > li + li {
    border-top: 1px solid rgba(164, 164, 164, 0.4);
}
.sidebarNav > ul > li > a {
    padding-left: 42px;
    position: relative;
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    position:relative;
}
.sidebarNav > ul > li > a:hover, .sidebarNav > ul > li.active > a {
    background:#221e26;
}

.sidebarNav > ul > li > ul > li > a {
    padding-left: 45px;
    font-size: 90%;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #3a3f51;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.sidebarNav > ul > li > ul > li > a:hover, .sidebarNav > ul > li > ul > li.active > a {
    color: #1797be;
}
.sidebarNav {
    font-size: 12px;
    font-weight: 600;
    color: #e1e2e3;
    /*text-transform: uppercase;*/

}
.sidebarNav > ul > li > ul.collapse > li:last-child > a {
    padding-bottom:10px;
}
.sidebarNav > ul > li > a[aria-expanded="true"] {
    background: #221e26;
    color: #fff;
}
.sidebarNav > ul > li.ddOption > a {
    padding-right: 25px;
}
.sidebarNav > ul > li.ddOption > a::after {
    content: "\f107";
    font-family: fontawesome;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 18px;
}
.avatar-img-wrap{
    text-align: center;
    background-color: #1797be;
    height: 164px;
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
}
.avatar-img-wrap img{
    margin-top: 5px;
    height: 90px;
    width: 90px;
    border: 3px solid transparent;
    border-color: rgba(255,255,255,.2);
    border-radius: 50%;
}


.pageContent {
    background-color: #ffffff;
    padding-bottom: 1px;
}
.pageContentInner {
    margin: 5px 15px 30px;
    /*width: 100%;*/
    max-width: 1300px;
}
.customNav {
    padding: 0 0 20px;
}
.headerTopCol {
    padding: 0;
}
.brandLogoFull {
    width: 140px;
    cursor:pointer;
}
.brandLogo {
    display: none;
}
.navbar-brand.logo {
    margin: 0;
}
.pageContent .company-urlSec .custom-form {
    max-width: 100%;
}

.userAccountCol {
    text-align:right;
}
.userAccountCol, .userAccountCol .dropdown-menu {
    font-size:14px;
}
.userAccountCol .user-dropdown{
    position: absolute;
    transform: translate3d(-52px, 44px, 0px) !important;
    top: 0px;
    left: 0px;
    will-change: transform;
    width: 280px;
    margin-top: 3px;
    padding-top: 0px;
    border-top-width: 0px;
}
#userDD.user-info {
    position: relative;
    padding-right: 20px;
    display: inline-block;
    cursor:pointer;
}
.userProfileArrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
}
.avatarImg {
    display: inline-block;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 5px;
}
.userAccountCol .userName {
    display: inline-block;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    font-size: 14px;
    text-transform: uppercase;
}

.leftLogoImgC img {
    width: auto;
    max-height: 55px;
}
.headerLogo {
    text-align:center;
}


.leftLogoImgC {
    display: inline-block;
    vertical-align: middle;
}
/*************************/
.navTrigger{
    width: 20px;
    height: 20px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display:inline-block;
    vertical-align:middle;
}

.navTrigger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #342a38;
    border-radius: 4px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.navTrigger span:nth-child(1) {
    top: 0px;
}

.navTrigger span:nth-child(2),.navTrigger span:nth-child(3) {
    top: 9px;
}

.navTrigger span:nth-child(4) {
    top: 18px;
}

.sidebarOpen .navTrigger span:nth-child(1) {
    top: 9px;
    width: 0%;
    left: 50%;
}

.sidebarOpen .navTrigger span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sidebarOpen .navTrigger span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sidebarOpen .navTrigger span:nth-child(4) {
    top: 9px;
    width: 0%;
    left: 50%;
}
.sidebarOpen .sidebarCol {
    -webkit-transform: translate(0%, 0);
    -moz-transform: translate(0%, 0);
    transform: translate(0%, 0);
}


.sidebarInnerContent::-webkit-scrollbar{height:8px;background-color:#fff;width:4px;}
.sidebarInnerContent::-webkit-scrollbar-thumb{background-color:#000}
.sidebarInnerContent::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#f5f5f5;margin:0 1px}


/*******************************
//  organization page start  //
*****************************************/
.sectionTitle {
    position: relative;
    padding-left: 40px;
    padding-bottom: 18px;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 12px;
}
.titleIcon {
    display: inline-block;
    width: 30px;
    height: auto;
    position: absolute;
    left: 0;
    top: 0px;
}
.sectionTitle h2 {
    font-size: 1.5rem;
}
.pageContentInner.lgWidth {
    max-width: 100%;
}
.pillsNavStyle .nav-link {
    background: #d9d9d9;
    margin: 5px 4px;
    text-align: center;
    color: #7f7f7f;
    font-weight: 700;
}
.pillsNavStyle .nav-link:hover {
    background: #d7e6cd;
}
.nav-pills.pillsNavStyle .nav-link.active, .nav-pills.pillsNavStyle .show > .nav-link {
    color: #fff;
    background-color: #548235;
}

.orgTabContent, .orgLeftTabs {
    margin-top: 20px;
}



/*****************************
//  operations page start  //
*************************************/
.foldersCol > ul > li {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    padding: 10px 10px;
    width: 100%;
    max-width: 135px;
}
.foldersCol > ul > li > a {
    display:inline-block;
}
.foldersCol a {
    color: #252525;
}
.folderIcon {
    width: 85px;
    height: auto;
    display: inline-block;
}
.folderName {
    display: block;
}
.folderIcon > path {
    fill: #f2c35c;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.foldersCol a:hover .folderIcon > path {
    fill: #e5b03f;
}
.foldersCol {
    padding-bottom: 40px;
}
.OperationsContent .viewAllCustomersPage {
    padding: 10px 0 30px;
}

.taxFormTable, .taxFilingContent, .tableSpace {
    padding:10px 0 30px;
}
.locationTable {
    padding: 0 0 40px;
}
.addLocation-btn {
    padding: 15px 0 0;
}
.importTaxData {
    border: 1px solid #ced4da;
    padding: 3px 20px 3px 4px;
    display: inline-block;
    cursor: pointer;
}
.importTaxData > span {
    background: #d9d9d9;
    padding: 3px 15px;
    font-size: 12px;
    display: block;
    font-weight: 600;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/************************************
//  invoice-template page start  //
*****************************************************/
.simpleFormHeader {
    padding: 10px 0;
}
.formTitleCol {
    min-height: 60px;
    padding-bottom: 6px;
    padding-top: 8px;
    font-size: 14px;
}
.form-rightTitle h3 {
    font-size: 32px;
    font-weight: 700;
}
.formTitleCol h4 {
    font-size: 18px;
    font-weight: 700;
}
.inputStyle {
    height: 32px;
    border-color: #c3c3c3;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: .2rem .5rem;
    font-size: 13px;
}
textarea.resize-n {
    resize: none;
}
.formContent {
    padding: 0px 0px 15px;
}
.thBG.tblLessPd.table thead th, .thBG.table thead th {
    background: #c3c3c3;
    padding: 10px 5px ;
}
.thBG.tblLessPd.table tbody td {
    padding: 7px 5px;
}
.fieldTbl {
    font-size: 14px;
    padding: 10px 0 30px;
}
.topMDMBorder {
    border-top: 3px solid #c3c3c3;
}
.inline-fld.taxNameFld {
    display: table;
    width: 160px;
}
.inline-fld.taxNameFld > span {
    display: table-cell;
    vertical-align: middle;
}
.inline-fld.taxNameFld > span.tdLbl {
    width: 30px;
}
.tdLbl {
    font-weight: 700;
}
.thnowrap th {
    white-space: nowrap;
}
.btn {
    padding: 5px 12px;
}
/**********************************
//  invoice-template page end  //
****************************************************/

.cusotm-nav-wrap{
    background-color: #d7e1db;
}
.pageTitleMain > h3 {
    display: inline-block;
    padding: 10px ;
    font-size: 20px;
    text-transform: capitalize;
}
.cusotm-nav-wrap .nav.nav-tabs{

}
.cusotm-nav-wrap .nav.nav-tabs li a{
    background-color: #d7e1db;
    font-size: 13px;
    font-weight: 600;
}
.cusotm-nav-wrap .nav-tabs > li.active > a{
    border-top: 2px solid #f05050;
    border-bottom: 0 ;
}



.pageTitleMain .site-time-clock{
    margin-top: 5px ;
    margin-right: 5px ;
}
.pageTitleMain .site-time-clock small{
    color: #645959 ;
}
.accountHeading {
    margin: 0 0 15px;
    display: block;
    font-size: 15px ;
}
.stepBtns > ul > li + li {
    padding-left: 15px;
}
.daterangeParent .daterangepicker.dropdown-menu {
    position: static;
    width: 100%;
    display: block!important;
}
.codeFld {
    max-width: 80px;
    font-size: 13px;
}
.daterangeParent  .dropdown-menu {
    font-size: 13px;
}
.daterangeParent  .daterangepicker .calendar {
    /* max-width: 212px; */
    width: 35%;
    margin: 0;
    max-width: 100%;
}
.daterangeParent .daterangepicker .ranges {
    margin: 0;
    width: 30%;
    padding-left: 5px;
}
.daterangeParent  .daterangepicker .calendar th, .daterangeParent  .daterangepicker .calendar td {
    min-width: 22px;
}
.daterangeParent .daterangepicker.opensleft::after, .daterangeParent .daterangepicker.opensleft::before {
    opacity: 0;
}
.daterangeParent .daterangepicker {
    background: none;
    border: none;
}
.daterangeParent .daterangepicker .calendar-table {
    background-color: #262626;
    border: none;
}
.daterangeParent .daterangepicker .calendar-table table tr td{
    padding: 0 ;
}
.daterangeParent .ranges li {
    background-color: #262626;
    border: none;
    border-radius: 0;
    color: inherit;
    padding: 7px 10px;
    margin-bottom: 1px;
}
.daterangeParent .ranges li:hover {
    background-color: #262626;
    border: none;
    color: #fff;
}
.daterangeParent .daterangepicker .ranges ul {
    width: 100%;
}
.groupBy {
    padding: 0 0 10px;
}
.groupBy h5 {
    font-size: 10px;
    padding: 8px 0 4px;
    color: #333;
    font-weight: bold;
}
.daterangeParent .btn-secondary {
    color: inherit;
    background-color: #4b4b4b;
    border-color: #3d3d3d;
    padding: 3px 5px;
    font-size: 12px;
}
.daterangeParent .btn-secondary:hover {
    color: #fff;
    background-color: #515151;
    border-color: #252525;
}
.daterangeParent .range_inputs .btn-secondary {
    width: 49%;
}
.ranges .btn-group {
    display: block;
}
.ranges .btn-group .btn {
    width: 33.33%;
}
.form-control.drpTopFld {
    background: none;
    /* border-color: #404040; */
    /* color: #00a2e8; */
    font-size: 13px;
    padding: .35rem 1.5rem .35rem .7rem;
    border: 1px solid #b1b1b1;
    border-radius: 0;
    background: #fff;
}
.daterangeParent .daterangepicker_input > input.form-control {
    background: #565656;
    color: inherit;
    font-size: 12px;
}
.daterangeParent .daterangepicker_input > input.form-control, .daterangeParent .daterangepicker .input-mini.active {
    border-color: transparent;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: transparent;
}
.daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td.active.end-date {
    background-color: #464646;
}
.daterangepicker td.in-range, .daterangepicker td.off.in-range {
    background-color: #2e2e2e;
    color: inherit;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #464646;
}


.h-or {
    text-align: center;
    padding: 5px 0;
}
.scLeftFlds {
    padding: 30px 0 10px;
}
.selectionCriteria > h4 {
    /* color: #00a2e8; */
}
.selectionCriteriaMain {
    background: #d6d6d6;
    padding: 15px;
}
.selectionCriteriaMain .form-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.col-auto{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.form-row>.col, .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.daterangeParent {
    color: #bcbdbf;
}
.dateRangeFld {
    position: relative;
}
.dpIcon {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    transform: translate(0,-50%);
    color: #7c7c7c;
}
.stepBtns {
    padding-top: 10px;
}
.selectAcMethod {
    padding-bottom: 20px;
    font-size: 14px ;
}
.selectAcMethod .custom-checkbox{
    position: relative;
}
.selectAcMethod .custom-control-input{
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.selectAcMethod label{
    font-weight: normal;
}
.selectAcMethod label::after{
    position: absolute;
}
.selectAcMethod label::before{
    background-color: #fff;
    background: transparent;
    border: 1px solid #b1b1b1;
    border-radius: 0;
    right: 0;
    left: inherit;
    position: absolute;
    left: 0;
    display: block;
    width: 16px;
    height: 15px;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 0px;
}
td.total-td{
    padding: 6px 0 6px 28px !important;
}
a.import-data-menu{
    background-color: #53a6a6 !important;
    margin-left: 20px !important;
}
.mt-10{
    margin-top: 10px ;
}
.mt-40{
    margin-top: 40px ;
}
.mt-0{
    margin-top: 0 !important;
}
.plr-6-100{
    padding: 6px 30px !important;
}
.plr-6-30{
    padding: 6px 30px !important;
}
.pl-6-200{
    padding: 5px 7px 6px 60px !important;
}
.pl-6-100{
    padding: 6px 30px !important;
}
.pl-6-50{
    padding: 6px 15px 6px 50px !important;
}
.custom-line-bar{
    background-color: #53a6a6;
    height: 5px;
    border-radius: 10px;
    margin: 0px 5px 12px;
}
.maxw-522{
    max-width: 522px ;
}
.maxw-282{
    max-width: 282px;
}
.cash-bar-bcolor{
    background-color: #d6d6d6 !important;
}
.net-cash-bcolor{
    background-color: #cbcad5 !important;
}
.manage-salary-table{

}
.manage-salary-table-wrap .table-responsive .table td{
    padding: 1px 2px ;   
}
.manage-salary-table-wrap .table-responsive .table td:last-child, .tableCont .table-responsive .table th:last-child{
    padding-right: 12px ;
}
.manage-salary-table-wrap .table-responsive {
    padding-top: 0 ;
}
.manage-salary-table-wrap .table-responsive .table thead td{
    border-bottom: 1px solid #53a6a6 ;
    font-size: 13px ;
    font-weight: 600 ;
    vertical-align: bottom;
    padding: 6px 5px ;
}
.manage-salary-table-wrap .table-responsive .table{
    border-collapse: inherit;
}
.border-l{
    border-left : 1px solid #53a6a6 ;
}
.border-r{
    border-right : 1px solid #53a6a6 ;
}
.manage-salary-table-wrap .custom-tblform {
    padding: 2px ;
}
.custom-page-bcolor{
    background-color: #d0d1d1;
}
.manage-salary-table-wrap .table-responsive{
    overflow-x: scroll;
}


@media screen and (min-width:1800px) {
    .orgLeftTabs {
        width: 210px;
        display: inline-block;
        vertical-align: top;
    }
    .orgLeftTabs .pillsNavStyle .nav-item {
        width: 100%;
    }
    .orgTabContent {
        padding-left: 20px;
        border-left: 1px solid #d3d3d3;
        margin-left: 20px;
        display: inline-block;
        width: calc(100% - 250px);
    }
}
@media screen and (max-width:1590px) {
    .accountSelectLeftCol, .accountSelectRightCol {
        max-width: 100%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .selectionCriteriaMain {
        margin-top: 30px;
    }
    .selectAcMethod {
        max-width: 300px;
    }
}
@media screen and (max-width:1199px) {
    .sidebarCol {
        -webkit-transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
    .pageContent {
        padding-left: 0;
        padding-top: 57px;
        background-color: #ffffff;
    }
}

@media screen and (max-width:991px) {
    .company-urlSec .topSearchFld .custom-form {
        min-width: 250px;
    }
    .taxFormsCol th {
        white-space: nowrap;
    }
    .formTitleCol {
        min-height: inherit;
    }
    .form-rightTitle h3 {
        font-size: 26px;
    }
    .simpleFormHeader .brandLogoFull {
        width: 120px;
    }
}

@media screen and (max-width:767px) {
    .navbar-toggler.navbarTrigger {
        top: 0;
    }
    .leftLogoImg, .userAccountCol .userName {
        display: none;
    }
    #userDD.user-info {
        padding-right: 10px;
    }
    .pillsNavStyle .nav-link {
        font-size: 14px;
        font-weight: 400;
        padding: 8px 12px 6px;
    }
    .navbar-toggler.navbarTrigger {
        top: 10px;
    }
    .selectAcMethod {
        max-width: 100%;
        padding-bottom: 15px;
    }
}

@media screen and (max-width:575px) {
    .foldersCol > ul > li {
        max-width: 50%;
        margin: 0 -2px;
        padding: 20px 10px;
    }
}

@media screen and (max-width:564px) {
    .daterangeParent {
        color: #bcbdbf;
        float: left;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
        padding-bottom: 10px;
    }
    .daterangeParent .daterangepicker.dropdown-menu {
        width: 600px;
        min-width: 100%;
    }
    .daterangeParent .daterangepicker.show-calendar .calendar, .daterangeParent .daterangepicker.show-calendar .ranges {
        display: inline-block;
        vertical-align: top;
    }
    .daterangeParent .daterangepicker.ltr .calendar.left {
        padding-right: 12px;
    }
}

@media screen and (max-width:480px) {
    .foldersCol > ul > li {
        max-width: 50%;
        margin: 0 -2px;
        padding: 20px 10px;
    }
}



/*custom style*/
.text-dec:hover{
    text-decoration: underline !important;
}
.cur-p{
    cursor: pointer;
}
.f-14{
    font-size: 14px ;
}
.f-15{
    font-size: 15px ;
}
.f-16{
    font-size: 16px ;
}
.fw-600{
    font-weight: 600 !important;
}
.border-n{
    border:none !important;
}
.border-bn{
    border-bottom: none !important;
}

/*Level Style*/
tr.level-1{

}
tr.level-2 td:nth-child(2) div.formStyl{
    margin-left: 16px ;
}
tr.level-2 td:first-child div.formStyl{
    margin-right: -16px ;
    margin-left: 16px ;
}

tr.level-3 td:nth-child(2) div.formStyl{
    margin-left: 32px ;
}
tr.level-3 td:first-child div.formStyl{
    margin-right: -32px ;
    margin-left: 32px ;
}
tr.level-4 td:first-child div.formStyl, tr.level-4 td:nth-child(2) div.formStyl{
    margin-left: 48px ;
}
tr.level-4 td:first-child div.formStyl{
    margin-right: -48px ;
}
tr.balance-2 td:first-child div.formStyl{
    margin-left: 16px ;
}
tr.balance-3 td:first-child div.formStyl{
    margin-left: 32px ;
}
tr.balance-4 td:first-child div.formStyl{
    margin-left: 48px ;
}
tr.balance-5 td:first-child div.formStyl{
    margin-left: 60px ;
}

.btn.btn-level1{
    background-color: #a3cc90;
    color: #262510;
    border-radius: 5px !important;
    border: 1px solid #7a9070;
}
.btn.btn-level2{
    background-color: #f6ad8e;
    border-radius: 5px !important;
    border: 1px solid #8e7c75;
    color: #262510;
}
.btn.btn-level3{
    background-color: #ffd581;
    border-radius: 5px !important;
    border: 1px solid #847e72;
    color: #262510;
}
.btn.btn-level4{
   background-color: #a5c2e6;
    border-radius: 5px !important;
    border: 1px solid #858e9a;
    color: #262510;
}

/*Level Style*/




/*Sub Tabs Style*/
section.pageMainContent{
    padding: 10px ;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #d7e1db;
    background-color: white ;
}
ul.sub-tabs{

}
ul.sub-tabs li{
    font-size: 16px ;
    float: left;
    background-color: #dce5e7;
}
ul.sub-tabs li a{
    color: #515253;
    font-size: 14px ;
    font-weight: normal;
}
ul.sub-tabs li.active a{
    border-top: 2px solid #1797be;
}
.sub-nav{
    font-weight: 700;
    padding: 0 ;
    background-color: #dce5e7;
}
.button-row{
    margin-left: 0px;
}
.ml-4, .mx-4 {
    margin-left: 1.5rem!important;
}
.mmr-16{
    margin-right: -16px !important ;
}
footer b,strong{
    font-weight: normal;
}
.mb-2, .my-2 {
    margin-bottom: .5rem!important;
}
.sheet-search-box{
    float: right;
    height: 30px;
    margin-right: 2px;
    margin-top: 2px;
    width: 200px;
    border: none;
    padding: 5px;
    font-weight: normal;
    font-size: 15px;
}
.search-title{
    float: right;
}
.page-income-statement .sub-title{
    background-color: white;
    border: 1px solid #d7e1db;
    border-bottom: 1px solid #53a6a6;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 30px;
    font-weight: 700 ;
}
.page-income-statement .sub-title input{
    height: 40px;
    margin-top: 5px;
    margin-left: 10px;
    width: 400px;
}
.page-income-statement .pageContentInner{
    margin: 15px auto ;
    max-width: 90% ;
}
.page-income-statement .pageMainContent{
    border: none;
    padding: 0 ;
}
.f-r{
    float: right;
}

.generate-account-lg-calendar .daterangepicker td, .generate-account-lg-calendar .daterangepicker th {
    height: 45px ;
    font-size: 16px ;
}
.table-responsive input.datepicker{
    width: 100% ;
}
.post-to-journal{
    margin-bottom: 10px ;
    padding: 5px 30px ;
}


.view-general-ledger .view-general-ledger-title{
    height: 100% ;
    font-size: 20px;
    font-weight: 600;
    color: white;
}
.view-general-ledger .journal-entries-title{
    font-size: 16px;
}
.view-general-ledger .journal-entries-title input{
    font-size: 14px ;
    padding: 3px ;
}
.view-general-ledger .journal-entries-title .col{
    padding: 0 ;
}
.view-general-ledger .journal-entries-title .journal-manual{
    font-size: 13px ;
    padding: 5px 0 !important;
    text-align: right;
}
.view-general-ledger .journal-entries-title .journal-manual .c-checkbox{
    margin-top: 5px ;
    margin-bottom: 0 ;
}
.view-general-ledger .journal-entries-title .journal-manual label{
    padding: 0 ;
    line-height: 29px ;
}
.view-general-ledger .journal-entries-title .title-row{
    padding: 20px 0;
    background-color: #f1ebd2;
    border-bottom: 1px solid #53a6a6;
}
.view-general-ledger .journal-entries-title .title-col{
    height: 100% ;
    font-size: 20px;
    font-weight: 600;
}
 .view-general-ledger .journal-entries-title .date-range-label{
    font-size: 14px;
    font-weight: normal;
    line-height: 29px;
    text-align: right;
    padding: 0 5px;
 }

 .view-general-ledger .journal-entries-title .range-picker{
    padding: 0 5px ;
 }

.journal-entries-title input.datepicker{
    width: 100% ;
}

.tableCont .table-responsive .table td.add-table-title{
    font-size: 15px ;
    padding: 5px 10px;
}

.view-general-ledger .journal-entries-title .search-button-wrap button{
    padding: 5px 30px ;
}

.view-general-ledger .view-general-ledger-title .title-row{
    height: 80px ;
    background-color: #53a6a6;
}
.view-general-ledger .view-general-ledger-title .title-row-1{
    padding-top: 10px ;
}
.view-general-ledger .view-general-ledger-title .title-row-2{
    padding-top: 25px;
}
.view-general-ledger .view-general-ledger-title .title-row-3{
    padding-top: 2px;
    font-size: 19px ;
    /*padding-left: 50px;*/
}
.view-general-ledger .view-general-ledger-title .title-row-3 div{
    margin: 4px 0;
}
 .view-general-ledger .view-general-ledger-title .title-row-2 span.ttitle{
    margin-right: 30px;
}   
.view-general-ledger .view-general-ledger-title .title-row-1 div.title-border-div{
    width: 200px;
    height: 2px;
    background-color: white;
}
.view-general-ledger .view-general-ledger-title .title-row-3 div select{
    width: 233px;
    height: 33px;   
}
.view-general-ledger .view-general-ledger-title .title-row-3 div span.tittle-row-3-span{
    display: inline-block;
    width: 160px ;
}
.view-general-ledger .view-general-ledger-title .title-row-3 div .select2.select2-container{
    width: 228px !important;
    float: right;
}

.view-general-ledger .view-general-ledger-title .title-row input,.view-general-ledger .view-general-ledger-title .title-row select{
    color: #656565;
    border: none;
    outline: none;
    font-size: 18px !important;
}
.view-general-ledger .view-journal-title .title-row-2 .another .select2.select2-container{
    width: 210px !important;
}
.view-general-ledger .view-journal-title .title-row-2 .width-75{
    display: inline-block;
    width: 75px !important;
}


/*account statements page style*/
.account-statement-header{
    border: 1px solid #53a6a6;
}
.account-statement-header .account-statement-header-title{
    height: 80px;
    background-color: #53a6a6;
    padding: 15px 20px;
    font-size: 20px;
    color: white;
    font-weight: 600;
}
.account-statement-header .account-statement-header-title .header-title{
    border-bottom: 2px solid white;
}

.account-statement-header .account-statement-header-select{
    padding: 20px;
    background-color: #f1ebd2;
}

.account-statement-header .account-statement-header-select .select-title{
    font-size: 20px ;
    font-weight: 600 ;
    color: #656565 ;
}
.account-statement-header .account-statement-header-select input.datepicker{
    width: 100% ;
    font-size: 14px ;
}
.account-statement-header .account-statement-header-select div.row label{
    line-height: 29px ;
}
.account-statement-header .account-statement-header-select .select-button-wrap button{
    padding: 5px 30px ;
}
/*account statements page style*/


@media screen and (max-width:1785px) {
    .view-general-ledger .view-journal-title .title-row-3{
        /*padding-left: 20px;*/
    }   
}
@media screen and (max-width:1685px) {
    .view-general-ledger .view-journal-title .title-row-3{
        padding-left: 0px;
    }   
}
@media screen and (max-width:1771px) {
    .view-general-ledger .view-general-ledger-title .title-row-3 div .select2.select2-container{
        width: 200px !important;
    }   
    .view-general-ledger .view-journal-title .title-row-3 input{
        width: 200px ;
    }
    .view-general-ledger .view-journal-title .title-row-2 span.ttitle{
        display: block;
    } 
    .view-general-ledger .view-journal-title .title-row-2{
        padding-top: 10px;
    } 
    /*.view-general-ledger .view-general-ledger-title .title-row{
        height: 140px ;
    }
*/
}
@media screen and (max-width:1558px) {
    .view-general-ledger .view-journal-title .title-row-3 div .select2.select2-container{
        width: 150px !important;
    }   
    .view-general-ledger .view-journal-title .title-row-3 input{
        width: 150px ;
    }
}

@media screen and (max-width:1391px) {
    .view-general-ledger .view-journal-title .title-row{
        height: 140px ;
    }
    .view-general-ledger .view-journal-title .title-row-1{
        padding-top: 30px ;
    }
    .view-general-ledger .view-journal-title .title-row-2{
        padding-top: 30px;
    }
}
@media screen  and (max-width:991px) and (min-width: 458px) {
    .view-general-ledger .view-journal-title .title-row-1{
        height: 70px ;
    }
    .view-general-ledger .view-journal-title .title-row-2{
        height: 110px ;
    }
    .view-general-ledger .view-journal-title .title-row-3{
        padding-left: 20px;
        height: 80px;
    }
}
@media screen and (max-width:457px) {
    .view-general-ledger .view-journal-title .title-row-2{
        padding-top: 0 ;
    }
}

.font-13{
    font-size: 13px !important ;
}
.w-200{
    width: 200px !important;
}
.ml-50{
    margin-left: 50px !important ;
}

.income-statement-date-range{
    height: 40px;
    font-size: 19px;
    font-weight: 600;
}

.income-statement-date-range input{
    /*text-align: center;*/
}
form .form-control{
    padding: 5px 12px ;
}

.report-tools{
    height: 35px ;
}

.report-content{
    margin-top: 30px ;
    font-size: 16px ;
}
.report-content table{
    width: 100% ;
}

.report-content table tr th, .report-content table tr td{
    padding: 10px 20px ;
    text-align: center;
}
.report-content table tr th:first-child, .report-content table tr td:first-child{
    text-align: left;
}
.border-td{
    border-top: 1px solid ;
    border-bottom: 1px solid;
}

.period-wrap{
    font-size: 25px ;
}
.period-wrap input{
    font-weight: normal;
}
.balance-sheet-stitle{
    margin-right: 41px ;
}

@media screen and (max-width:1590px) {
    .page-income-statement .sub-title{
        /*height: 100px ;*/
    }
}
@media screen and (max-width:1145px) {
    .page-income-statement .sub-title{
        /*height: 150px ;*/
    }
}

@media screen and (max-width:866px) {
    .period-wrap span{
        font-size: 20px ;
        /*margin-left: 0 !important ;        */
    }
}
@media screen and (max-width:767px) {
    .period-wrap span{
        font-size: 20px ;
        margin-left: 0 !important ;
    }
}
@media screen and (max-width:536px) {
    .page-income-statement .sub-title{
        /*height: 255px ;*/
    }   
    .period-wrap span{
        font-size: 20px ;
        margin-left: 0 !important ;
    }
}
@media screen and (max-width:536px){
    .page-income-statement .sub-title .balance-sheet-stitle{
        font-size: 20px ;
    }    
}


table tbody tr td select.form-control{
    padding: 0;
    border: 1px solid #b1b1b1;
}

.table-responsive table thead tr th{
    vertical-align: bottom;
}


.tal-l{
    text-align: left !important;
}
.bold-row{
    font-size: 15px ;
    font-weight: bold;
}