.container-scroller{
     overflow:scroll;
}
.page-body-wrapper {
     /*height: 100vh;*/
}
.content-wrapper {
     padding: 10px;
}
.card .card-body {
     padding: 10px !important;
}
.card .card-title{
     margin:0;
}
.tab-content {
     padding: 10px 0 !important;
     text-align:left;
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-dropdown, .select2-container--default .select2-selection--multiple {
     border-color: #6d5f5f;
     width: 100%;
}
.select2-container {
     max-width: 100% !important;
     width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 43px;
}
.dataTables_length .select2-container {
     width: auto !important;
}
.dt-buttons {
     padding-top: 12px;
}
.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"], .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead, .tt-query, .tt-hint {
     border-color: #6d5f5f;
     width: 100% !important;
     padding-top: 13px;
     padding-bottom: 13px;
     padding-left: 10px;
     padding-right: 10px;
     height: 35px !important;
}
textarea.form-control {
     height: auto !important;
}
.nav-search input[type="text"] {
     width: 96% !important;
}
#login-form input[type="text"], input[type="password"] {
     width: auto !important;
}
.btn-light {
     color: #212529;
     background-color: #e2e6ea;
     border-color: #dae0e5;
}
.existing_timesheets {
     font-size: 14px;
}
.modal .modal-dialog .modal-content .modal-body {
     padding: 5px 25px;
}
.modal-body .form-group label {
     width: 100%;
}
/*div.dataTables_wrapper div.dataTables_filter input {
     width: auto !important;
}*/
.buttons-panel {
     float: right;
     margin-bottom: 5px;
}
#settings-trigger {
     right: 10px;
}
.loader {
     border: 16px solid #f3f3f3; /* Light grey */
     border-top: 16px solid #3498db; /* Blue */
     border-radius: 50%;
     width: 120px;
     height: 120px;
     animation: spin 2s linear infinite;
}
@keyframes spin {
     0% {
          transform: rotate(0deg);
     }
     100% {
          transform: rotate(360deg);
     }
}
#loadMe .modal-content {
     background: none;
     border: none;
}
#loadMe .modal-dialog {
     top: 20%;
}
#loadMe .modal-dialog {
     left: 5%;
}
#ResetModal input[name="employee_code"] {
     width: auto !important;
}
#ResetModal .input-group-append .input-group-text, #ResetModal .input-group-prepend .input-group-text {
     border-color: #686868 !important;
}
/*.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    }*/
.sTree2 ul, .sTree2 li {
     margin: 0;
     padding: 0;
     list-style-type: none;
     color: #fff;
     border: 1px solid #fff;
     font-size: 14px;
}
.sTree2 .mdi-plus {
     color: #008000 !important;
     font-size: 18px;
     font-weight: bolder;
}
.sTree2 .mdi-plus::before {
     height: 25px;
}
.sTree2 .mdi-minus {
     color: #FF1F1F !important;
     font-size: 18px;
     font-weight: bolder;
}
.sTree2 .mdi-minus::before {
     height: 25px;
}
#sTree2 li, #sTreePlus li, ul#sortableListsBase li {
     padding-left: 30px;
     margin: 2px;
     border: 1px solid #fff;
     background-color: #fff;
}
.sTree2 li div {
     padding: 7px;
     background-color: #2768FF;
}
.sTree2 li div span {}
#sTree2, #sTreePlus {
     margin: 10px auto;
}
.sTree2 li, .sTree2 ul, .sTree2 div {
     border-radius: 3px;
}
.sTree2 {
     padding-left: 0 !important;
}
#sortableListsBase li {
     list-style: none;
}
#sortableListsBase li div {
     padding: 7px;
     background-color: #2768FF;
     color: #fff;
}
.dataTableWithoutAnyOption {
     margin: 0 auto;
     width: 100%;
     clear: both;
     border-collapse: collapse;
     table-layout: fixed;
     word-wrap: break-word;
}
.dataTableWithoutAnyOption td {
     vertical-align: top;
}
.twitter-typeahead {
     width: 100% !important;
}
.sidebar .nav.sub-menu .nav-item .nav-link.active {
     font-weight: 500;
     color: #4d83ff;
}
.context-menu-co-detail-head {
     min-width: 97px !important;
}
.context-menu-co-detail {
     min-width: 97px !important;
}
.team-table .fc-day-header {
     max-width: 80px !important;
     min-width: 60px !important;
}
.team-table .fc-event-container {
     min-width: 97px !important;
}
.team-table .fc-title {
     max-width: 80px !important;
     min-width: 60px !important;
}
.tab-content.reports-content {
     padding: 10px;
}
.reports-content .nav-link {
     padding: 0 24px 0 24px;
}
.reports-content .nav-pills.nav-pills-custom .nav-link.active {
     background-color: #7859df;
}
.reports-content .nav-pills.nav-pills-custom .nav-item {
     margin-top: 0;
}
.reports-content .report-indicator {
     width: 100% !important;
}
.report-box {
     display: flex;
}
.report-box .indicator {
     order: 1;
     width: 20%;
}
.report-box .box {
     order: 2;
     width: 60%;
     overflow: hidden; /*border:1px solid #000;*/
}
.report-box .filter {
     order: 3;
     width: 20%;
}
.reports-content .selector-for-web {
     display: block;
}
.reports-content .selector-for-mobile {
     display: none;
}
.reports-content .advanced-report-selector-form {
     margin-bottom: 10px;
}
.reports-content .advanced-report-selector-project-form {
     margin-bottom: 10px;
}
.reports-content .filter_date {
     margin-bottom: 10px;
}
.reports-content .filter_date > * {
     display: inline-block;
}
.reports-content .filter_date > input {
     width: auto !important;
     vertical-align:bottom;
}
#AlertmailModal .modal-body textarea[name="email-message"] {
     height: 200px !important;
}
#sidebar .nav .nav-item.hidden {
     display: none !important;
}
ul.invoice-indicators {
     margin: 0;
     padding: 0;
     float: right;
}
ul.invoice-indicators li {
     list-style: none;
     float: left;
     padding: 0 10px;
}
#invoice-calendar .due {
     background-color: #ff2121 !important;
     border: none !important;
     border-radius: 0 !important;
     color: #fff !important;
}
#invoice-calendar .sent {
     background-color: #5e39d9 !important;
     border: none !important;
     border-radius: 0 !important;
     color: #fff !important;
}
#invoice-calendar .received {
     background-color: #71c016 !important;
     border: none !important;
     border-radius: 0 !important;
     color: #fff !important;
}
.project-overview-table tfoot {
     display: table-header-group;
}
.project-overview-table tfoot th, tr {
     border: 0 !important;
     padding: 0 !important;
}
.largeColumn {
     width: 400px !important;
     min-width: 400px !important;
     white-space: normal !important;
     line-height: 20px !important;
}

.projectdeliverables input[type="text"] {
     width:auto;
}
.projectdeliverables input[type="text"].datepicker {
    /* padding: 0 !important; */
    /* width: 80px !important; */
}

.more-manager button {
     padding: 10px;
}
.repository-context-menu, .repository-context-menu1, .collection-context-menu, .project-context-menu, .team-context-menu, .technical-tasks-context-menu, .financial-tasks-context-menu, .cvs-context-menu, .opportunity-tracker-live-tender-context-menu, .opportunity-tracker-sent-eoi-context-menu, .opportunity-tracker-sent-rfp-context-menu, .consultant-context-menu, .employee-context-menu, .recruitment-context-menu, .asset-context-menu, .context-menu-device_mini_laptop, .context-menu-device_mobile, .context-menu-device_tablet, .context-menu-device_gps, .context-menu-device_digital_recorder, .context-menu-device_wifi_datacard, .context-menu-device_external_hard_drive, .context-menu-device_dvdrw, .context-menu-device_lcd_projector, .context-menu-device_handycam {
     color: #2768FF !important;
     cursor: pointer;
}
.invoice-indicators-selector{
     cursor: pointer;
}
.timesheetreportform{
     margin-top:5px;
     margin-bottom:5px;
}
.timesheetreport td{word-break: break-all !important;white-space: pre-wrap !important;}
.timesheetreport .max-column-width{max-width:350px !important;}
.timesheetreportform>*{
     display:inline-block;
     width: auto !important;
     vertical-align:bottom;
}
.project-link{
     cursor: pointer;
     color: #2768FF !important;
}
.grid-margin {
    margin-bottom: 10px;
}
.fc .fc-header-toolbar .fc-center h2 {
     padding-top:10px;
}
.fc-event-container .fc-title::after{content:' Hours';}
.nav-pills {
     padding-bottom:0px;
}
div.dataTables_info {padding-top:10px;margin-top:10px;}
div.dataTables_paginate {margin-top:10px;}
div.dataTables_length>label{margin:0;}
div.dataTables_length .select2-selection{height:39.6px !important ;}
div.dataTables_filter>label{margin:0;width:100%;}
div.dataTables_filter input{height:39.6px !important ;width:100% !important;}
.dt-buttons{padding:0;text-align:right;}
.table-responsive {overflow-x: auto !important}
/*.main-panel {
     height: calc(100vh - 60px);
}
.content-wrapper{
     height: calc(100vh - 115px);
     overflow:scroll;
     background-color:#fff;
}      */
/* for mobile*/
@media(max-width: 767px) {
     .grid-margin {
         margin-bottom: 5px;
     }     
     .main-panel{
          width:100%;
     }
     /*.main-panel {
          height: calc(100vh - 60px);
     }
     .content-wrapper {
          height: calc(100vh - 115px);
          overflow: scroll;
          background-color: #fff;
     }*/
     .mobile-login-copyright {
          display: none;
     }
     .content-wrapper {
          padding: 5px;
     }
     .card .card-body {
          padding: 5px;
          /*height: calc(100vh - 120px);*/
          /*overflow: scroll;          */
     }
     .card .card-body>ul{
          padding:0;
     }
     .fc-scroller {
          height: 100% !important;
     }
     .fc .fc-content-skeleton table tr td {
          padding: 0 5px;
     }
     .fc a.fc-event {
          padding: 0;
          height: 30px;
          border: 0 !important;
          border-radius: 0px !important;
     }
     .fc .fc-content {
          padding:5px 0;
     }
     .fc-title {
          width: 100%;
          display: inline-block;
          text-align: center;
          font-size: 14px;
          /*font-weight: bold;*/
     }
     .modal .modal-dialog .modal-content .modal-header {
          padding: 20px 20px 10px 10px;
     }
     .form-group {
          margin-bottom: 10px;
     }
     .table th, .jsgrid .jsgrid-table th, .table td, .jsgrid .jsgrid-table td {
          padding: 10px;
     }
     .file-list, .file-list ul {
          margin-left: 0px !important;
          padding-left: 5px !important;
     }
     .form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"], .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead, .tt-query, .tt-hint {
          width: 100% !important;
          height: 43.6px !important;
          padding-left: 5px !important;
          padding-right: 5px !important;
     }
     .select2-container {
          max-width: 100% !important;
     }
     .optionsOnMobile {
          display: none;
     }
     .auth-form-transparent {
          padding-left: 0 !important;
          padding-right: 0 !important;
          padding-bottom: 0 !important;
          width: 90% !important;
     }
     .auth .brand-logo {
          margin-bottom: 1.8rem !important;
     }
     #loadMe .modal-dialog {
          top: 17%;
     }
     #loadMe .modal-dialog {
          left: 19%;
     }
     .modal .modal-dialog .modal-content .modal-body {
          padding: 5px 10px;
     }
     #teamBudgetModal .modal-body table {
          font-size: 12px;
     }
     /*#technical-form {
          overflow: scroll !important;
          width: 350px !important;
          height: 490px !important;
     }
     #technical-form table {
          table-layout: auto !important;
     }*/
     .login-half-bg {
          display: none !important;
     }
     #loadMe .modal-dialog {
          left: 0px !important;
     }
     #loadMe .loader {
          margin: auto !important;
     }
     .footer {
          padding: 10px !important;
     }
     .context-menu-co-detail-head {
          min-width: 77px !important;
     }
     .context-menu-co-detail {
          min-width: 77px !important;
     }
     .team-table .fc-day-header {
          max-width: 80px !important;
          min-width: 60px !important;
     }
     .team-table .fc-event-container {
          min-width: 97px !important;
     }
     .team-table .fc-title {
          max-width: 80px !important;
          min-width: 60px !important;
     }
     .report-box {
          display: flex;
          flex-wrap: wrap;
     }
     .report-box .indicator {
          order: 1;
          min-width: 100%;
     }
     .report-box .box {
          order: 3;
          min-width: 100%;
     }
     .report-box .filter {
          order: 2;
          min-width: 100%;
     }
     .reports-content .selector-for-web {
          display: none;
     }
     .reports-content .selector-for-mobile {
          display: block;
     }
     .buttons-panel {
          /*width:100%;*/
     }
     .timesheetreportform>*{
          width: auto !important;
     }     
     .more-manager{
          float:right;
     }
     .project-overview-tabs{
          float:left;
          width: 86%;
     }
     .nav-profile-name{
          display:inline-block !important;
     }
     .fc .fc-header-toolbar .fc-left, .fc .fc-header-toolbar .fc-right, .fc .fc-header-toolbar .fc-center  {
          margin:0;
     }   
     .fc-event-container .fc-title::after{content:' H';}
     .largeColumn {
          min-width: 150px !important;
          white-space: break-spaces !important;
          line-height: 20px !important;
     }     
     .timesheetreportform{
          margin-top:5px;
          margin-bottom:5px;          
     }     
     .team-container{width:100px !important;}
     div.dataTables_info {padding-top:10px;margin-top:5px !important;margin-bottom:5px !important;}
     /*div.dataTables_paginate {margin-top:10px;}*/
     div.dataTables_length{text-align:right;}
     div.dataTables_length>label{margin-bottom:10px;}
     div.dataTables_length .select2-selection{height:39.6px !important ;}
     div.dataTables_filter>label{text-align:center !important;margin-bottom:10px;}
     div.dataTables_filter input{height:39.6px !important ;width:280px !important;}
     .dt-buttons{text-align:center;}   
     .dt-buttons>button{width:330px !important;}  
     .dataTables_length .select2-container {width:250px !important;}
     div.dataTables_wrapper div.dataTables_paginate ul.pagination {justify-content: center;}
     /*enhancements for mobile*/
     /*enhancements for mobile*/
}

/*for scrol*/
form#timesheet_form .modal-body {
    max-height: calc( 100vh - 380px );
    overflow: auto;
}