@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.login-bg{margin:0px; padding:0px; background:url('../img/srl_bg.jpg'); width:100%; height:250px; background-size:cover;}   
.login-screen{margin:11% auto;}
.login-screen h3{font-size:29px; color:#f69c2c; font-weight:600;}
.login-screen .login-box-body{box-shadow:0px 0px 4px #b7a6a6;}
.login-screen .form-group > span{padding:7px; border:solid 1px #ccc; float:left; border-right:none;}
.login-screen .form-group > input{border:solid 1px #ccc; float:left; width:87%; padding:9px 10px; height:auto;border-radius:0px !important;}
.login-screen .form-group > input + span{border:none; padding:0px; margin:0px;}

.budget-section{margin:0px auto; padding:20px 0px; min-height:450px;}
.budget-section .box-body{padding:20px 25px;}
.budget-section .box-body>h4{font-size:22px; font-weight:100; margin-bottom:20px;}
.budget-section .main-contect-section{margin:0px auto; padding:50px 0 0 0;}

.form-control:focus{border:solid 1px #ddd;}

.billing-section{margin:0px; padding:0px;}
.billing-section .box-header{margin:5px 25px; border-bottom:solid 1px #ccc; padding:5px 0px;}
.billing-section .box-header >h3{width:97%; margin:0px; float:left; font-weight:100;}
.billing-section .box-header >button{width:3%; margin:0px; float:left; background:none;}
.billing-section .box-header >button:focus{background:none; outline:none;}
.billing-section .box-header >button>i{color:#000; font-size:22px;}


*{margin:0px; padding:0px;}
body{margin:0px; padding:0px; position:relative; font-family:'Roboto' !important;}
h1,h2,h3,h4,h5,h6{font-weight:700;}
.skin-blue .wrapper{background:#ececec;}
.top-header{margin:0px; padding:0px; position:relative;}
.skin-blue .main-header .logo{background:#ececec; border-bottom:solid 1px #c1dfd1;}
.skin-blue .main-header .logo:hover{background:#ececec;}
.sidebar-toggle:before{color:#000;}
.skin-blue .main-header .navbar .sidebar-toggle:hover{background:#fff;}
.skin-blue .main-header .navbar{background-color:#fff; border-bottom:solid 1px #ddd; padding-left: 15px;}

.left-section{margin:0px; padding:0px; position:relative;}
.left-section .main-sidebar{background:#ececec; padding-top:0px;}
.skin-blue .sidebar a{}
.skin-blue .sidebar-menu>li{border-bottom:solid 1px #c1dfd1; border-right:solid 1px #c1dfd1;}
.skin-blue .sidebar-menu>li:hover>a{background:#c9ecdc; color:#013832;}
.skin-blue .sidebar-menu>li.active>a{background:#c9ecdc; color:#013832;}
.skin-blue .sidebar-menu>li>.treeview-menu{background:#b1dbc8; color:#013832;}
.skin-blue .treeview-menu>li>a{color:#444;}
.skin-blue .treeview-menu>li>a:hover{color:#444;}

.main-contect-section{margin:0px; padding:0px;}
.main-contect-section .content-wrapper{background:#f6f7fa;}
.main-contect-section .content-header>.breadcrumb{position:relative; float:left; top:0; width:100%; right:5px;}

.content-details{margin:0px; padding:0px; position:relative;}

.top-header .navbar-custom-menu>.navbar-nav>li i{color:#000;}
.content-part{margin:0px; padding:0px; position:relative;}
.content-part .box{margin-top:15px; border-radius:0px; border:none;}
.content-part .box-header{background:#a7e0c7; border:solid 1px #a7e0c7; padding:8px 20px;}
.content-part .box-body{border:solid 1px #ddd; padding:20px;}
.content-part .box-header h3{margin:5px 0px;}

.form-panel{margin:10px auto;}
.form-div{margin:0px; padding:0px;}
.form-div .form-control{border-radius:3px;}
.form-div label{font-weight:600; font-size:12px;}

.items-panel{margin:0px; padding:0px; position:relative;}
.items-panel+hr{margin:5px 0; border-bottom:solid 1px #eeeeee;}
.items-text{margin:0px; padding:0px; position:relative;}
.items-text > h3{margin-top:0px;}
.items-panel .btn-default{background:none;}
.items-panel .btn-default:hover{border:solid 1px #ddd;}
.items-panel .btn-default:focus{background:none; box-shadow:0px 0px 0px; outline:0px;}


.custom-table{margin:0px; padding:0px; position:relative;}
.custom-table .table-bordered>thead>tr>th{text-align:center;}
.custom-table .table-bordered>tbody>tr>td{text-align:center; vertical-align:bottom;}
/*.custom-table .table-bordered>tbody>tr>td>p{margin:0px;}*/
.custom-table .form-control{width:75px; border-radius:3px; height:30px;}

.left-section{margin:0px; padding:10px 0px; float:left; width:50%; font-size:14px;}
.left-section + .left-section{margin:0px; padding:10px 0px; float:left; width:49%; font-size:14px;}
.left-div{width:42%; float:left; position:relative;}
.left-div:after{content:':'; position:absolute; left:85%;}
.right-div{width:55%; float:left;}
.left-section>div>h5{margin:0px; font-size:17px; color:#4d6abd; padding:0px;width: 140px;
                     overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.left-section + div a{border:solid 1px #4d6abd; padding:5px; border-radius:5px; color:#4d6abd;}

.left-section>div>p{font-size:15px; color:#444; font-weight:600;}
.left-section>div>span{font-size:14px; color:#666;}

.listing-btn{margin:0px auto; padding:0px; text-align:center;}
.listing-btn .btn{margin:0px; border-radius:0px; font-size:16px;}
.custom-table{margin:0px; padding:0px 0px;}
.custom-table thead th{margin:0px; padding:0px; color:black; text-align:center; font-weight:100;}
.custom-table tbody td{margin:0px; padding:0px; color:#333; text-align:center; font-size:16px;}
.custom-table tbody tr:nth-child(odd){margin:0px; padding:0px; background:#eee;}
.approve{color:#00a65a !important; font-weight:600;}
.cancel{color:#f00 !important;font-weight:600;}
.pending{color:#fba729 !important;font-weight:600;}
/* login css */

table.dataTable.no-footer {
    border: 1px solid #dee2e6 !important;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled{
    position:none !important;
}

/* login css */
.registration-page{margin:0px; padding:0px; position:relative;}
.registration-page > h2{text-align:center; padding:20px 0 20px 0px; color:#00a85d;}
.registration-page button{width:auto;}

/*....start amended b2b table.....*/
.table-form{width: 100%;position: relative;margin: 0px ;padding: 0px;overflow: hidden;height: auto;}

.box{border-bottom: 0px;}
/*.....End amended b2b table....*/
.tab-heading{border-bottom: 1px solid #c2c2c2;padding-bottom: 0px; margin-bottom: 20px;position: relative;width: 100%;overflow: hidden;}


.tab-panel .nav>li>a{font-size: 14px;font-family: 'Roboto';font-weight: 600; }

.tab-panel > ul > li:nth-child(1){background-color:#96cdb5;color:red;}



.tab-panel > ul > li:nth-child(2){background-color:#7c7c7c;}

.tab-panel > ul > li:nth-child(3){background-color:#7c7c7c;}

.tab-panel .nav>li>a:hover{background:none;} 

.tab-panel .nav-pills>li>a{border-top:none;}

.tab-panel.nav>li>a:active{background:none;}

.tab-panel .nav>li>a:focus{background:none;}
.tab-panel .nav>li>a{padding:6px 15px;}
.tab-panel > .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background:none;}
.custom-form{position: relative;}

/* remove border radius for the tab */
.custom-form .table{width: 100%;border: 1px solid #a7a7a7;}

.custom-form .table > thead  th{

    color: #000000;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    font-size: 13px;
    font-family: 'Roboto';
    font-weight: 500;
    background: #c1e6d6;
    border: 1px solid #a7a7a7;
    -webkit-box-shadow: 0px 3px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 3px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 3px 1px 0px rgba(50, 50, 50, 0.75);
    padding-left: 16px;
    padding-right: 10px;  


}
.custom-form .table > tbody td{padding-top: 30px; padding-bottom: 20px;text-align: center;border: 1px solid #a7a7a7;}

.custom-form .table > tbody td >a{color: #00a75d;text-decoration: none;font-size: 20px;  position:relative;}

/* start b2c small*/
.custom-form{position: relative;}
.box-tools >.btn{border: 1px solid #b5b8b7; outline: none;}
.box-tools .btn-box-tool {
    padding: 4px 8px;
    font-size: 13px;
    background: #ffffff;
    color: #2d2d2d; 
    font-family: 'Roboto';
}
.content-part  .box-header>.box-tools {
    position: absolute;
    right: 10px;
    top: 13px;
}
.filter{color:#5e6160;font-size: 16px;}
.circle{color:#2d2d2d;font-size: 16px;}

.pad-panel{width:100%;position: relative;overflow: hidden;padding: 20PX;}
.filter-form{border: 4px solid #a7e0c7;padding: 10px;}

.new{width: 82%;}
.form-div .new{display: inline;}
span.button-new  > button.btn-new {
    background: #96cdb5;
    border: 1px solid green;
    padding: 4px;
    border-radius: 4px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin: 0px 12px;
}
.box.box-success{margin-bottom: 0px;}
/*.fa-pencil:before {

    content: "\f040";
    position: relative;
    border-right: 2px solid #d0cfcf;
    margin: 0px -1px;
    padding: 0px 5px;
   
}*/

.content-part .box-body{border: none;}

input.form-control.pull-right.raduis {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: #f7f6f6;


}
.number-pagi {
    margin: 4px 10px;
    font-size: 14px;
    font-family: 'roboto';
    font-weight: 600;
    color: #7e7d7d;
}
.paginatioon > .pagination-sm>li>a, .pagination-sm>li>span {
    padding: 3px 8px;
    font-size: 12px;
    line-height: 1.5;
    margin: 0px 1px;
}
.paginatioon > .pagination>li>a {
    background: #e1e1e1;
    color: #666;

}
.custom-form .table  td:nth-child(1){color:#080808; font-family:'Roboto';font-size:13px;font-weight:bold;}
.custom-form .table  td:nth-child(2){color:#080808; font-family:'Roboto';font-size:13px;font-weight:bold;}
.custom-form .table  td:nth-child(3){color:#080808; font-family:'Roboto';font-size:13px;font-weight:bold;}
.custom-form .table  td:nth-child(4){color:#080808; font-family:'Roboto';font-size:13px;font-weight:bold;}

.box-table > .custom-form .table > tbody td{padding-bottom:6px; padding-top:20px;}
.box-table > .custom-form .table  td:nth-child(4){ 
    color: #131212;
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: 500;
}
.box-table > .custom-form .table > thead  th{    padding-left: 22px;
                                                 padding-right: 25px;padding-top: 20px;padding-bottom: 15px;}

#custum  th{vertical-align: top;}

/*-------start  in word-------*/

.details-reciver  .box-header-div {
    padding: 5px 10px;
    background: #BFEAD7;
    border: 1px solid #bfbfbf;
    position: relative;

}

.details-reciver  { 
    position: relative;
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 10px;
}

.details-reciver  .box-body-section{border:none;padding: 20px;}
.box-title-div{margin: 2px 0px; font-family:'Roboto'; font-size: 16px;color:#292929;}

.details-reciver button.btn.btn-box-tool {
    background: transparent;
    border: none;

}
.details-reciver .box {border:1px solid #D2D2D2;}

.details-reciver  .box-tools.pull-right{
    position: absolute;
    bottom: 5px;
    right: 0px;
}

.custom-table-table .table{ border:1px solid #D2D2D2;}

.custom-table-table{margin:0px; padding:0px; position:relative; }
.custom-table-table  thead > tr > th{text-align:center; border:1px solid #D2D2D2; vertical-align: middle;}
.custom-table-table tbody > tr > td{text-align:center; vertical-align:bottom; border:1px solid #D2D2D2;}

.custom-table-table .form-control{width:75px; border-radius:3px; height:30px;}




.register-div-div1{position: relative;background-color:#fff;height: auto;padding: 10px;
                   margin-bottom:20px;width: 700px; margin: auto;}


.register-div-div1 input[type=file] {
    display: block;
    /* margin-top: 25px; */
    outline: none;
    cursor: pointer;
    /* margin-top: 65px; */
    /* margin-left: 30px; */
}

.register-div-div1 .table  td{padding: 10px; border: 1px solid #9e9b9b;  text-align: left;  font-family: 'Roboto';}

.register-div-div1 .table tr td:nth-child(3){ position: relative;top:60px;}

.register-div-div1 .checkbox, .radio {
    position: relative;
    display: block;
    top: 12px;
}

.register-div-div1 p {
    font-size: 14px;
    font-family: 'Roboto';
    padding: 0px;
    margin: 0px;
}

button.submit-button {

    padding: 5px 25px;
    font-size: 14px;
    text-transform: uppercase;
    background: #a7e0c7;
    outline: none;
    border: none;
    color: #013832;
    font-weight: 600;
    text-align: center;
    margin: 0px;
}



/*======================start gstr1 upload====================*/

span.button-btn > button.btn-new {
    background: #96cdb5;
    border: 1px solid green;
    padding: 4px;
    border-radius: 4px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin: 0px 12px;
}

span.button-btn {
    position: absolute;
    right: 8px;
    top: 20px;
}


.upload-form{position: relative;display: block;margin: 0px;width: 100%;padding: 0px;}

/* remove border radius for the tab */
.upload-form .table{width: 100%;border: 1px solid #a7a7a7;}

.upload-form .table > thead  th{

    color: #000000;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 500;
    background: #c1e6d6;
    border: none;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);

}
.upload-form .table > tbody td{padding: 10px;text-align: center;border: 1px solid #a7a7a7; vertical-align: middle;}

.upload-form .table > tbody td >a{color: #00a75d;text-decoration: none;font-size: 20px;
                                  position:relative; margin: 0px 4px; display: inline-block;}

.upload-form .table > tbody td >a i{font-size: 16px;}


.upload-form .table > tbody td >.left-line:after{

    content: '';
    position: absolute;
    width: 0;
    border-right: 1px solid #CECECE;
    height: 22px;
    top: 5px;
    left: 20px;
}
.items-panel  .pagination>li>a, .pagination>li>span { border-radius: 50% !important;margin: 0 5px;}

.items-panel .pagination{margin: 0px;}

.items-panel > button:nth-child(3){background:#2E2E2E;border: none; color:#fff;}

.items-panel > button:nth-child(4){background:#2E2E2E;border: none; color:#fff;}

.new-tab >.tab-panel .nav>li>a{font-size: 16px;font-family: 'Roboto';font-weight: 600;color: #000;padding: 8px 75px;}

.shedule-div{position: relative;}
.shedule-div .modal-content{
    width: 450px;
    padding: 10px;
    position: relative;
    top: 80px;
    left: 80px;
}

.shedule-div .modal-body{min-height: 280px; height: auto;}


.addpop-section .modal-header {
    border: none;
    padding: 0px;
}

.addpop-section .modal-content {
    border-radius: 0px;
    position: relative;
    top: 60px;
}

.addpop-section .modal-body {
    position: relative;
    padding:15px 15px 0px 15px;  
    height: auto;
}

.payment-panel {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #999999;
    height: 45px;
}


.addpop-section .modal-content {
    border-radius: 0px;
    position: relative;
    top: 66px;
}

/*======================End gstr1 upload====================*/



/*======================Start gstr2  page====================*/


.tab-headin-succes{ 
    border-bottom: 1px solid #c2c2c2;
    padding-bottom: 0px;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}

.tab-success > h4{color:#BE4C4E; font-size: 16px; font-family:'Roboto'; font-weight: 500;}

.tab-success > h4 >span{color:#575757; font-size: 16px; font-family:'Roboto'; font-weight: 500;}

.tab-link{width: 100%;position: relative;margin-bottom:25px;}
.tab-link  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;

}

.tab-link  li {
    float: left;
}

.tab-link  li a {
    display: block;
    font-weight:500;
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding:5px 55px;
    text-decoration: none;
    background:#7c7c7c;
    margin-right:2px;
}

.tab-link  li a:hover:not(.active) {
    background-color: #97CDB6;
    color:#1f1f1f;
    font-size: 15px;
}
.tab-link  .active {
    background-color: #97CDB6;
    color:#1f1f1f;


}


.upload-form-gst{position: relative;display: block;margin: 0px;width: 100%;padding: 0px;}

/* remove border radius for the tab */
.upload-form-gst .table{width: 100%;border-top: 1px solid #d9d9d9;}

.upload-form-gst .table > thead  th{

    color: #4a4a4a;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 600;
    background: #c1e6d6;
    border: none;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);

}


.upload-form-gst .table > tbody td{border:none;padding:8px;text-align: center;border-bottom: 1px solid #d9d9d9; vertical-align: middle;}

.upload-form-gst .table tr:nth-child(odd){background:#F3F3F3;}

.upload-form-gst.table > tbody td >a{color: #00a75d;text-decoration: none;font-size: 20px;
                                     position:relative; margin: 0px 4px; display: inline-block;}

.upload-form-gst .table > tbody td >a i{font-size: 16px;}

.upload-form-gst .table > tbody td >a i{
    color:#24AC6A;
}

.reconcile{background:#24AC6A;
           display: block;
           padding: 5px 30px;
           color: #fff;
           font-size: 15px;
           border: none;
           outline: none;
           text-align: center;
           margin-left:8px;
}

.reconcile-submit{
    background: #24AC6A;
    display: block;
    padding: 3px 15px;
    color: #fff;
    font-size: 14px;
    border: none;
    outline: none;
    text-align: center;
    margin-left: 8px;
    position: relative;
    top: 26px;
    right: 70px;
}



/*======================End gstr2  page====================*/

.top_menu_one > ul > li a:hover{
    background-color: #3c8dbc;
    color: white;
}

.top_menu_one > ul > li > .active{
    background-color: #3c8dbc;
    color: white;
}

.navbar-nav > .user-menu > .dropdown-menu {
    width: 100%;    
}

.custom-table .table tbody td form{display: inline-block;}
.custom-table .table thead th:first-child, .custom-table .table tbody td:first-child  {text-align: left; padding-left: 30px;}
/*.custom-table .table thead th:last-child, .custom-table .table tbody td:last-child  {text-align: right;}*/

* {
    box-sizing: border-box;
}
.budget-section .container .row .col-sm-12{background-color: #fff;}
.budget-section .container .head-text{color: #757575; font-weight: 600; padding: 10px;}
.budget-section .container .row .col-sm-12 .main-tab{padding-bottom: 15px;}
.budget-section .container .row .col-sm-12 .main-tab li{width:15%; float: left; text-align: center;}
.budget-section .container .row .col-sm-12 .main-tab li a{background-color: #959fa9; font-size: 12px; font-weight: 600; border-radius: 4px; border:none;}
.budget-section .container .row .col-sm-12 .main-tab li.active a{background-color: #2a3f54;}
.budget-section .container .row .col-sm-12 .box-design{
    width:20%;
    float: left;
    min-height: 100px;

    text-align: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    display: inline-grid;
    border-radius: 0px;
    border-right: 1px solid white;
}

.budget-section .container .row .col-sm-12 .box-design h4{font-size: 1.5em; font-weight: 500; margin-bottom: .1em;}
.budget-section .container .row .col-sm-12 .box-design .value-text{font-size: 1.5em; font-weight: 700; margin-bottom: .1em;}
.budget-section .container .budgeted-section .budgeted-text{width:50%; float: left; border-right: 1px solid white; background-color: #2a3f54; padding: .3em 0; font-size: 20px; font-weight: 300; color: white;text-align: center;}

.budget-section .container .budgeted-section ul li{width:25%; float: left; margin-left: 0px !important;}
.budget-section .container .budgeted-section ul li a{ font-size: 20px; font-weight: 400; border:none;}
.budget-section .container .budgeted-section ul li a.approved{color: #41c500;}
.budget-section .container .budgeted-section ul li.active a{background-color: #2493ff; color: white;}

.tab-content .table thead th{width: 25%; padding: 5px 0px; background-color: #dedede; text-align: center; font-size: 18px; font-weight: 500; color: #5f5f5f;}
.tab-content .table tbody td{color: #757575; text-align: center; padding: 5px 0px;}
.tab-content .table tfoot td{background-color: #686868; font-size: 18px; color: white; text-align: center; padding: 2px 0px;}
.budget-section .container .line-item .line-item-text{width:100%; float: left; border-right: 1px solid white; background-color: #2a3f54; padding: .3em 20px; font-size: 20px; font-weight: 300; color: white;}
.tab-content .line-item .table thead th:first-child{width:40%;}
.tab-content .line-item .table thead th{width: 12%; padding: 15px 0px; background-color: #dedede; text-align: center; font-size: 18px; font-weight: 500; color: #5f5f5f;}

.sky-blue{background-color: #2493ff !important; color: white !important;}
.light-yellow{background-color: #ff9600 !important; color: white !important;}
.light-apple-green{background-color: #41c500 !important; color: white !important;}
.light-red{background-color: #fb5636 !important; color: white !important;}
.light-green{background-color: #00cdbc !important; color: white !important;}

.budget-section label{font-size: 13px;}
.enter-code .col-sm-1 label{margin-top: .6em;}

@media screen and (min-width: 600px) and (max-width: 900px){
    .budget-section .container .row .col-sm-12 .box-design h4{font-size: 1.2em;}
    .budget-section .container .row .col-sm-12 .box-design .value-text{font-size: 1.2em}
}


@media screen and (min-width: 400px) and (max-width: 599px){
    .budget-section .container .row .col-sm-12 .box-design h4{font-size: .8em;}
    .budget-section .container .row .col-sm-12 .box-design .value-text{font-size: .8em}
    .budget-section .container .row .col-sm-12 .box-design{min-height: 70px;}
    .budget-section .container .row .col-sm-12 .main-tab li{width: auto;}
}
@media screen and (min-width: 320px) and (max-width: 399px){

    .budget-section .container .row .col-sm-12 .box-design h4{font-size: .8em;}
    .budget-section .container .row .col-sm-12 .box-design .value-text{font-size: .5em}
    .budget-section .container .row .col-sm-12 .box-design{min-height: 60px;}
    .budget-section .container .row .col-sm-12 .main-tab li{width: auto;}
    .budget-section .container .budgeted-section .budgeted-text{    font-size: 14px;}
    .budget-section .container .budgeted-section ul li a{font-size: 10px;}
    .tab-content .table thead th{font-size: 12px;}
    .tab-content .table tbody td, .tab-content .table tfoot td{font-size: 11px;}
    .budget-section .container .line-item .line-item-text{font-size: 15px;}
    .tab-content .line-item .table thead th{font-size: 12px;}
}
.box-user-fomm-ps{
    width: 100%;
    display: block;
    margin: 0 auto;
    background: #eee;
    padding: 20px 26px;
    border-radius: 3px;
}
.lable-input-group label{
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
}
.lable-input-group input{
    width: 100%;
    padding: 12px 18px;
    border-radius: 4px;
    border: none;
    border: 1px solid #bbb;
}

/* Priyansh 6-6-2020 */
.cus-table-scroll{
    height: 100% !important;
    overflow: scroll !important;
}
.btn-space-top{
    margin-top: 40px;
}
.input-group.date {
    width: 100%;
}
.cus-table-scroll table{
    width: 100%;
    border-collapse: collapse;
}
.cus-table-scroll  table thead tr th{
    position: sticky;
    top: 0;
}
.del_button{
    position: relative;
    top: -17px;
    right: -23px;
}
.content-wrapper>.content {
    padding: 0px 1.20rem !important;
}
.card-header1 {
    background-color: #3c8dbc;
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding: 8px 1.25rem;
    position: relative;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    margin:8px;
}
.card-header1 h3.card-title {
    color: white;
}
.card-title {
    float: left;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    position: relative;
    /*top: 8px;*/
} 
.breadcrumb1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0px;
    /*padding: 6px 0;*/
}
.breadcrumb-item.active {
    color: white !important;
    font-weight: 700;
}
.breadcrumb-item a {
    color: white;
    font-weight: 700;
}

.col-md-2.save_btn {
    float: left;
    position: relative;
    top: 25px;
}

.card-primary{padding-bottom:50px;margin-top: 11px;}
body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header { 
    /*margin-left: 260px !important;*/
    margin-right: 13px !important;
}


table.dataTable tbody th, table.dataTable tbody td{
    padding:0px 10px !important;
}
table.dataTable thead .sorting_asc{background-image:none !important;}

.form-group.has-error {border-color: red !important;}
.help-block strong {
    color: red;
    left: 15px;
    position: relative;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
    color:white !important;
}
.has-error label {
    color: red !important;
}
.has-error .form-control.text-err {
    border-color: red !important;
}
span.action_btn {
    position: relative;
    top: 10px;
}
i.right.fas.fa-angle-left {
    font-size: 18px;
    top: 11px;
}
.user-panel .image { 
    top: 5px;
    position: relative;
}
.nav{    margin-left: 3px;
         margin-right: 3px;
         margin-bottom: 4px !important;}

@media screen and (min-width: 400px) and (max-width: 599px){
    .card-header1 .col-md-5.float-right { margin-top: 17px; float: left; }
    .card-header1 .col-md-4.float-right { margin-top: 17px; float: left; }
    #example{    overflow: auto; display: inline-block;}
    .login-screen .form-group > input{width:85%;}
    .btn{margin-bottom: 2px !important;}
    a.btn.btn-block.btn-default.c-code { margin-top: 20px;}
    .card-title{font-size: 11px;}
    .breadcrumb1{float: right; font-size: 11px;}
    h3.card-title.user-li { margin-bottom: 13px;}
    .col-2{max-width:100%;}
    .col-3{max-width:100%;}
    .budget-section label{width:100%;text-align:left;}
}
@media screen and (min-width: 320px) and (max-width: 399px){
    .card-header1 .col-md-5.float-right { margin-top: 17px; float: left; }
    .card-header1 .col-md-4.float-right { margin-top: 17px; float: left; }
    #example{    overflow: auto; display: inline-block;}
    .login-screen .form-group > input{width:85%;}
    .btn{margin-bottom: 2px !important;}
    a.btn.btn-block.btn-default.c-code { margin-top: 20px;}
    .card-title{font-size: 11px;}
    .breadcrumb1{float: right; font-size: 11px;}
    h3.card-title.user-li { margin-bottom: 13px;}
    .col-2{max-width:100%;}
    .col-3{max-width:100%;}
    .budget-section label{width:100%;text-align:left;}
}
.ms-drop{width:auto !important;}