/*--Main Css--*/
@import "bootstrap.min.css";
@font-face {
    font-family: 'georgiabold';
    src: url('../georgia_bold-webfont.woff2') format('woff2'),
         url('../georgia_bold-webfont.woff') format('woff'),
         url('../georgia_bold-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
*{box-sizing: border-box;}
body{margin: 0px;background: #fff;}
table,div{font-family: 'Arial', sans-serif;font-size:14px; color:#777777;line-height:1.3;}
a{color: #777777; text-decoration: none; }
a:hover{color: #777777; text-decoration: none;}
img{border:none;max-width: 100%;}
p{margin:10px 0;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
input,select,textarea,button{font-family: 'Arial', sans-serif;font-size: 14px;}
button{cursor: pointer;outline: none;}
button:focus{outline: none;}
h1,h2,h3,h4{margin:10px 0;}
/*Heading*/
h1{font-size:22px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:14px;}	
ul{margin:0; padding:0;}
ul li{list-style-type: none;}

/* Common */
*:hover{transition: all ease 0.2s;}
.pt-8{padding-top: 80px;}
.pb-8{padding-bottom: 80px;}
.form-control:focus{box-shadow: none;}
.btn:hover{color: #fff;}
/*Login page*/
.login-page .login-left{background: url(../images/login-image.png)no-repeat center center;background-size: cover;text-align: center;height: 100vh;}
.login-form-images{z-index:9;}
.login-page .login-left .overlay-effect:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(58,42,31,.8);
}
.login-page .login-left img.logo-1{padding-bottom: 50px;border-bottom: 1px solid rgba(255,255,255,.2);}
.login-page .login-left img.logo-2{padding-top: 50px;}
.login-page h1{font-size: 50px;color: #000;font-family: 'georgia', sans-serif;margin-bottom: 10px;	}
.login-page h1 span{font-weight: 700;}
.login-page p{font-size: 18px;color: rgba(58,42,31,.8);padding-bottom: 30px;position: relative;}
.login-page p:before{content: '';background:#3A2A1F;bottom: 0;left: 0;width: 100px;height: 2px;position: absolute; }
.login-page form{margin-top: 50px;}
.login-right{padding-left: 85px;}
.login-right .form-group{position: relative;margin-bottom: 30px;}
.form-group label{font-size: 16px;color: #3A2A1F;position: relative;}
.form-group .form-control{border: 1px solid rgba(58,42,31,.2);width: 83%;height:40px;border-radius: 5px;color: rgba(58,42,31,.8);}
.login-right .form-group .form-control{padding:0 30px 0 60px;height: 60px; }
.login-right .pass_input, .login-right .email_input, .date_input{position: relative;}
.login-right .form-group img{position: absolute;top: 21px;left: 20px;}
.btn{background: #3A2A1F;border: 1px solid #3A2A1F;border-radius: 5px;padding: 15px 60px;margin-top: 20px;font-size: 18px;color: #fff;text-transform: uppercase;font-weight: 700;}


/*History Page*/
.bg_grey{background-color: #eee;}
.top_header{padding: 17px 30px;background:#fff;box-shadow: 0px 3px 10px #00000014;}
.top_header h2{color: #3A2A1F;font-size: 22px;font-weight: 700;font-family: 'georgia', sans-serif;position: relative;padding-left: 50px;margin-top: 10px;display:inline-block;}
.top_header h2:before{content: '';position: absolute;top: -8px;left:25px;width: 1px;height: 40px;background:#000;}
.top_header .col-sm-2.text-right{padding-right: 0;}
.btn.btn-small{padding: 9px 22px;font-size: 14px;margin-top: 0;}
.view-section, .view_detail, .modify-section{background:#fff;margin: 10px 20px;padding: 10px;border-radius: 5px;}
.filter{background:#fff;margin: 20px;padding: 15px 15px 10px;border-radius: 5px;position:relative;z-index:9;}
.filter h3{font-size: 16px;color: #3A2A1F;margin-top: 0;}
select.custom-select {height: 46px;border-color: rgba(58,42,31,.2);font-size:16px;color: rgba(58,42,31,.8);background: #fff url("../images/down-arrow.png") no-repeat right .75rem center;}
.filter-section{width: 20%;float:left;padding-right: 40px;}
.filter-section:last-child{padding-right: 0;}
.filter-section .btn.btn-small{display: inline-grid;display: block;margin-top: 27px;padding: 12px 22px;width:100%;}
.table-section{margin: 20px;background: #fff;border-radius: 5px;}
.table-section table tr th{text-align: left;vertical-align: middle;vertical-align: middle;font-size: 16px;color: #3a2a1f;font-weight: 400;border-bottom:1px solid #fff;min-width: 100px;}
.table-section table tr th:first-child{text-align: center;}
.table-section table td{text-align: left;font-size: 15px;color: #3a2a1f;font-weight: 400;border-color: #eee;}
.table-section table td:first-child{text-align: center;}
.dark-bg{background: #D8E4BC!important;}
.light-bg{background: #DCE6F1!important;}
.alert-bg{background: #E6B8B7;}
.blue-bg{background: #DCE6F1;}
.table-section table tr.sat_col{background: #F2F2F2}
.table-section table tr.sun_col{background: #BFBFBF}
.view-section h3{font-size: 17px;color:#3A2A1F;margin-right: 10px;margin-bottom: 0;margin-top: 5px;}
.btn i{margin-left: 5px;}
.view-section .page-link{border:0;font-size: 16px;color: #3A2A1F;padding-top: 0;padding-bottom: 0;}
.view-section .page-link:hover {color: #3A2A1F;text-decoration: none;background-color: #fff!important;border-color: none!important;}
.view-section select.custom-select{width: 80px;height: 34px;}
.view-section .d-lg-flex i{position: absolute;;top: 9px;right: 129px;float: none!important;padding: 0!important;margin: 0!important;}
.pagination{margin-top: 6px;}
.view-section .btn.btn-small{padding: 5px 10px;}

/*View page*/
.view_detail h3{color:#3A2A1F;font-size: 16px;}
.view_detail h3 span{font-weight: 700;}
.tab-section{margin: 0 20px;}
.tab-section .bg-white{border-radius: 5px;}
.nav-pills .nav-link{font-size: 15px;padding: 10px;border-radius: 0;color: #3A2A1F;border-bottom: 1px solid #fff;}
.nav-pills:first-child{border-radius: 5px 5px 0 0;}
.nav-pills .nav-link.active{position: relative;background: #d8e4bc;color: #3A2A1F;}
.nav-pills .nav-link.light-bg.active:before{background: #ffffff;}
.nav-pills .nav-link.active:before{content: '';position: absolute;width: 13px;height: 14px;transform: rotate(45deg);background: #ffffff;top: 14px;right: -7px;}
.tab-content{background: #fff;border-radius: 5px;padding-bottom: 50px;height: calc(100vh - 250px);overflow: auto;}
.tab-section .col-md-2.bg-white{height: calc(100vh - 250px);overflow-y: auto;overflow-x: hidden;}
/* width */
.tab-content::-webkit-scrollbar, .tab-section .col-md-2.bg-white::-webkit-scrollbar {width: 3px;border-radius: 0 10px 10px 0;}
/* Track */
.tab-content::-webkit-scrollbar-track, .tab-section .col-md-2.bg-white::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 0 10px 10px 0;}
/* Handle */
.tab-content::-webkit-scrollbar-thumb, .tab-section .col-md-2.bg-white::-webkit-scrollbar-thumb {background: #888;border-radius:10px;}

/* Handle on hover */
.tab-content::-webkit-scrollbar-thumb:hover {background: #555;border-radius: 0 10px 10px 0;}
.tab-content-list{padding-right: 0;}
.tab-content .tab-pane .form-inline{border-bottom: 1px solid #eee;padding: 20px 0px;}
.tab-content label{font-size: 16px;color:#3A2A1F;margin-right: 10px; }
.tab-content .form-group .form-control{margin-bottom: 0;width: 100%;height:35px;}
.tab-section a{cursor: pointer;}
.submit-section{margin:20px 5px;}
.btn.btn-small.btn-border{background: none;border:1px solid #3A2A1F;color: #3A2A1F;margin-right: 20px;}
.tab-content .value input{width: 73%;}
.tab-section .rounded{border-top-right-radius: 5px!important;border-top-left-radius: 5px!important;border-bottom-left-radius: 0px!important;border-bottom-right-radius: 0px!important;}
.modal{background: rgba(0,0,0,.8);}
.modal-lg {max-width: 1000px;}
.modal-content .disabled-bg-blue .form-control:disabled{background:#DCE6F1;}
.form-control:disabled{background: none;}
.modal .form-control{border-radius: 5px;margin-bottom: 10px;height: 40px;font-size: 15px;}
.modal h3{color: #3A2A1F;font-size: 16px;}
.modal label{font-size: 16px;color: #3A2A1F;}
.modal .form-control{border:1px solid rgba(58,42,31,.2);color: #3A2A1F}
.modal-header{padding: 20px 30px 12px!important;}
.modal-body{padding: 20px 30px 30px!important;}
.modal-header h3 span{font-weight: 700;}
.modal-header .close{opacity: 1;padding: 24px 16px;}
.modal .btn{margin-top: 20px;padding: 9px 45px;}

/*Posizioni Page*/
.table-section.posizioni_table thead tr th{background: #D8E4BC;}
.modify-section .form-control{height: 40px;width: 100%;}
.modify-section .filter-section{width: 100%;}
.modify-section .filter-section p{color: #3A2A1F;margin: 0 0 8px;font-size: 16px;font-weight: 400;}
.modify-section select.custom-select{height: 40px;width: 100%;}
.modify-section .table-section{margin: 0px 0PX 30px;}
.modify-section  h3{margin-top: 30px;font-size: 20px;color: #3A2A1F;font-weight: 700;}
.modify-section .table-section table tr th:first-child{text-align: left;}
.modify-section .table-section table td:first-child{text-align:left;}
.date_input img{position: absolute;top: 13px;right: 12px;}
.modify-section .date_input img{top: 10px;}
.date_input .form-control{padding: 0 40px 0 10px;}
.filter-section .form-control{width: 100%;height: 46px;}

.page-detail {display: inline-block;margin-top: 6px;}
.page-detail li {display: inline-block;}
.page-detail li a{cursor:default !important;}
.logo-section {display: inline-block;}
.logo-section img{height:46px;}
.btn#btnLogout img{width:15px;margin-left:3px;vertical-align: sub;}
.editGiornalieri{cursor: pointer;}
.editMovimenti {cursor: pointer;}
.mandate{color: #f00 !important;}
.table-section .table-responsive{height: calc(100vh - 325px);}
body{padding-right:0 !important;}

.w-modify{width:50px;}
.w-data{width:120px;}
.w-value{width:100px;}
.w-import{width:80px;}
.w-chiusa{width:100px;}
.w-come{width:100px;}
.w-note{width:300px;word-break: break-word;}
.w-entrate{width:100px;}
.w-uscite{width:100px;}
.w-date-time{width:160px;}
.history-icon{padding-top: 15px;}
.tab-section .nav-pills .nav-item .nav-link {
    border-radius: 0 !important;
}
.tab-section .nav-pills .nav-item:first-child .nav-link {
    border-radius: 5px 5px 0 0 !important;
}
.tab-section .nav-pills .nav-item:last-child .nav-link {
    border-radius: 0 0 5px 5px !important;
}

.modify-section .table-section .table-responsive {
    height: auto;
}
.modify-section{height: calc(100vh - 250px);}
.tab-section .nav-pills .nav-item .nav-link.active{background:#afcc69 !important;color:#fff;}
.tab-section .nav-pills .nav-item .nav-link.light-bg.active{background:#6ea3de !important;color:#fff;}
.upload-btn-wrapper{position: relative;overflow: hidden;display: inline-block;}
.upload-btn-wrapper input[type=file]{position: absolute;left: 0;top: 0;opacity: 0;right:0;bottom:0;}

.modal-lg{max-width: 1600px;}
.movimenti-history-table{height:calc(100vh - 520px) !important;}
/*Fix table Head*/
.table-fix{position:relative;}
.table-fix table{border-collapse:separate;border-spacing:0;}
.table-fix thead{background: #fff;}
.table-fix th,.table-fix td{/*background:#fff;*/}
.table-fix th{position:-webkit-sticky;position:sticky;z-index:5;}
.table-fix thead th{top:0;}
.table-fix tbody th{left:0;}
 /* testing links*/
.table-fix.table-fix-2 tr th:nth-child(1){left:0;background:#fff;}
.table-fix.table-fix-2 tr th:nth-child(2){left:100px;background:#fff;}
.table-fix.table-fix-2 thead tr:last-child th{top: 46px;}
.z_index_9{z-index:9 !important;}

.ui-widget.ui-widget-content {
    z-index: 9 !important;
}


/*Media Query*/
@media only screen and (min-width:1600px) {
    .container {max-width: 1440px;}
}

@media only screen and (max-width:1600px) {
    .modal-lg{max-width: 1500px;}
}

/*--------1599px------------*/
@media only screen and (max-width:1599px) {
/*.login-page .login-left{padding: 197px 0;}*/
.modal-lg{max-width: 1300px;}
}	

/*--------1366px------------*/
@media only screen and (max-width:1366px) {
   .login-page h1 {font-size: 40px;}
   .login-page p {font-size: 15px;}
   .filter-section{padding-right: 20px;}
   .view-section .d-lg-flex i {position: absolute;top: 0 right;top: 9px;right: 43px;}
   .btn{font-size: 16px;}
   .modal-lg{max-width: 1200px;}

}

/*--------1199px------------*/
@media only screen and (max-width:1199px) {
	.login-right {padding-left: 30px;}
	.form-group .form-control{width: 90%;}
	.tab-content-list{padding-right: 0;}
	.tab-content img{margin-top: 15px;}
	.modal{padding:15px!important;}
	.tab-content .form-group .form-control{width: 100%;}
	.view-section .d-lg-flex i {right: 0px;}
	.modify-section .form-group .form-control{width: 100%;}
	.posizioni_table tbody tr td{min-width: 180px;}
    .date_input img {right: 30px;}
    .modal-lg{max-width: 1000px;}
    }

/*---------991px-----------*/
@media only screen and (max-width: 991px) {
.login-right{margin: 50px 30px;padding-left: 0;}
.form-group .form-control {width: 100%;}
.filter-section{width: 100%;padding-right: 0;margin-bottom: 30px;}
.view-section .d-lg-flex i {top: 0 right;top: 50px;right: 27px;}
.tab-content .form-group .form-control{width: 100%;}
.tab-content label {font-size: 15px;}
.login-page .login-left img{width: 21%;}
.login-page .login-left{height: auto;padding: 64px 0px!important;}
.date_input img {right: 13px;}
.view-section .page-link{font-size:15px;padding:10px 5px;}
.table-section .table-responsive{height: 500px;}



}

/*---------767px-----------*/
@media only screen and (max-width: 767px) {
	.login-page .login-left img{width: 30%;}
	.top_header h2{margin: 10px 0;font-size: 18px;}
	.pagination {margin: 10px 0 0;display:block;}
    .pagination li{display:inline-block;}
    .page-detail{display:block;margin:0 0 5px;}
    .top_header h2:before {top: 0;height: 25px;}
	.view-section .d-lg-flex i{top: 50px;right: 35px;}
	.view-section select.custom-select {width: 100%;}
	.nav-pills .nav-link.active:before{display: none;}
	.tab-content{margin: 30px 0 0;}
	.tab-content .form-group{margin-bottom: 13px;}
	.tab-content .form-group label{margin-bottom: 5px;}
	.tab-content-list{padding: 0;}
	.tab-content{height: auto;}
	.login-page .login-left img{width: 26%;}
	.login-page .login-left{padding: 50px 0px!important;}
    .logo-section img{height:30px;}
    .tab-section .col-md-2.bg-white{height: auto;}
}	

/*-----------575px---------*/
@media only screen and (max-width: 575px) {
	.login-page h1 {font-size: 30px;}
	.form-group{margin-bottom: 20px;}
	/*.form-group .form-control{height: 50px;}*/
    /*.form-group img {top: 43px;}*/
	.btn{font-size: 15px;width: 100%;padding: 15px;}
	.login-page .login-left img.logo-1{padding-bottom: 30px;}
	.login-page .login-left img.logo-2 {padding-top: 30px;}
	.login-right {margin: 30px 0px;}	
	.top_header h2:before{display: none;}
    .top_header h2 {padding-left: 0;margin: 30px 0;text-align: center;width: 100%;}
	.top_header_title{text-align: center;}
	.top_header img {margin-top: 10px; margin: 10px auto 0;display: block;}
	.top_header .col-sm-2.text-right{padding:0;}
	.filter, .view-section{padding: 20px 0;}
	.btn.btn-small.btn-border{margin-right: 0;margin-bottom: 20px;}
	.tab-section {margin: 0 15px;}
	.view_detail, .submit-section{margin:30px;}
	.modal-header, .modal-body{padding: 10px!important;}
	.modal{padding: 0!important;}
    .pagination li a{padding:10px 5px;}
    .logo-menu-section{text-align:center;}
    .logo-section img {height: 40px;}
    .btn#btnLogout img{width: 13px;display: inherit;}

}

/*-----------360px---------*/
@media only screen and (max-width: 480px) {
	.login-page .login-left img{width: 50%;	}
	.view-section .page-link{padding:10px 5px;}
}



/*.overlay_loader {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(58,42,31,.9);
    z-index: 9;
}

.overlay_inner_loader {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlay_content_loader {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-width: 6px;
    border-color: #fff;
    border-top-color: #3a2a1f;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}*/




/*new css loader*/
.overlay_loader {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(58,42,31,.9) !important;
    z-index: 99;
}

.overlay_inner_loader {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlay_content_loader {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-width: 6px;
    border-color: #fff;
    border-top-color: #3A2A1F;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

/*Added by Rahul Rami 20-04-2020 */

.mildRed {
    background: #E6B8B7 !important;
}
.mildGreen {
    background: #D8E4BC !important;
}
.mandate {color: red;}