/* Write your custom CSS here */
@media (max-width: 1180px)
{
	table .btn.btn_icon {
    margin-bottom: 15px !important;
    width: 100%;
}
.logobox img {
	margin-left: 50px;
    width: 250px;
}
table tr td a.btn.btn-danger {
    margin-bottom: 8px;
}
}
@media (max-width: 1000px)
{
.logobox {width:0% !important;}
.logobox img {display:none;}
.hrms-two-pane .login-box {width:100%;}
.loginsec {width:100%;}
}
@media (max-width: 768px)
{
  .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {padding: 10px 5px !important;}
	div#datatable_wrapper {
    padding-top: 15px;
   }
   div#eods_paginate {
    margin-bottom: 15px;
  }
  .list-item li {width:100%; margin-bottom:5px; }
   div#projects_length {
    margin-top: 10px;
}
.logobox img {display:none;}
div#eods_length {
    margin-top: 15px;}
.form-control {
    font-size: 13px !important;
}
  table tr td a.btn.btn-danger {
    margin-bottom: 8px;
}
	.page-inner .page-title h3 {
    font-size: 22px !important;
}
body:not(.page-header-fixed) .page-inner {padding-bottom: 0 !important;}
.m-t-md{margin-top:15px;}
.loginsec {
  padding: 15px !important;
 }
 .hrms-two-pane {margin:0 !important;}
 .hrms-inner .login-box .logo-name {font-size: 36px;}
 .login-box span {font-size: 16px; margin-bottom: 22px;}
 .loginsec img {display:none;}
.push-sidebar, .search-button a {color:#fff !important;}
.bootstrap-dialog .bootstrap-dialog-title{font-size: 14px !important;}
}
table.cstm-tbl th.sorting {
    padding: 15px !important;
}
/*table.cstm-tbl tbody tr{
    height: 100px;
    max-height: 100px;
    overflow: auto;
}*/
button.btn.btn-success.btn-block {border-radius: 25px !important;height: 40px;}
.row.emp_payrl_btn .btn {    margin: 10px 0;    width: 100%;    font-size: 16px;  border-radius: 5px;    padding: 8px 12px !important;}::-webkit-scrollbar-thumb {    border-radius: 10px;    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);    background-color: #F5F5F5;    border-radius: 10px;}.fixed_headers thead tr {    background: #004660;}.modal-content ::-webkit-scrollbar {    width: 10px !important;    height:10px;}.modal-body ::-webkit-scrollbar {    width: 10px !important;}tbody::-webkit-scrollbar-track{ background-color: #F5F5F5; }
.loginsec .form-control {height:40px; font-size: 15px; padding:0 15px; border-radius: 25px; background-color:#e6e6e6;}button.btn.btn-md.btn-success {font-size: 16px;border-radius: 3px;}
.login-bg {background: #fff; padding: 0px;}
.loginsec {/*background: #fff;*/ padding: 30px; /*box-shadow: 0px 5px 5px grey, 0 0 5px black;border-radius: 5px;*/}
.overlay h1 {font-size: 50px;color: #fff;}
.btn{border-radius:3px !important;}
#assignAssetModel .modal-body {overflow: unset !important;}
th.sorting_disabled {width: 150px !important;}
#example thead>tr>th {background-color: #004660 !important;}
.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current {background: #ffcd75 !important;}
.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button:hover {background: #ffcd75 !important;}
.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background: #ffcd75 !important;}
.panel-body .pagination>.active>span {background: #ffcd75 !important;}
.panel-body .pagination>li>a:hover{background: #ffcd75 !important;}
.loan-list thead th:last-child {width: 100px !important;}
.loginsec img {    top: -7px; position: relative;}
.overlay h2 {font-size: 18px; font-weight: 300;}
.append-icon {position: relative;}
.cstm_btns i {padding-right: 15px;}
.loginsec {position: relative;}
/*.loginsec img {top: 60px; position: absolute;}*/
.form-control:focus { box-shadow: 0 0 0 0.2rem rgba(0,70,96,0.25) !important;}
.loginsec {height:auto;}
span.select2.select2-container.select2-container--default { width: 100% !important;}
.append-icon i {color: rgba(27, 30, 37, 0.3);font-size: 14px;height: 40px;left: auto;line-height: 40px;position: absolute;right: 0;text-align: center;top: 0;width: 36px;}
.btn_icon .fa-pencil {background-color: #36a69a;border: 1px solid #36a69a;}
.btn_icon .fa-pencil-square {background-color: #36a69a;border: 1px solid #36a69a;}
.btn_icon .fa-users {
    background-color: #36a69a;
    border: 1px solid #36a69a;
}
.btn_icon .fa-calendar {
    background-color: #ffcd75;
    border: 1px solid #ffcd75;
}
.modal-body {
    padding-top: 20px !important;
}
.modal-body .page-inner {
    padding-top: 0 !important;
}
.modal-body .page-inner {
    position: relative;
    margin-left: 0;
    left: 0;
    width: 100%;
}

.logobox img {
    padding: 30px;
    border: 2px solid #004660;
    border-radius: 25px;
    background: #e6e6e6;
    margin-left: 80px;
}
.modal-footer .btn{margin-top: 15px;}
.btn-info-re { margin-top: 15px;}
.close_modal.btn { margin-top: 15px;}
.close {color:#fff !important; opacity: .5 !important;}
/*new table css*/
div#empFeedbackList tr th{
    padding: 5px;
    width: 115px !important;
    max-width: 130px !important;
    display: block;
    background: #eaeae8;
}
div#empFeedbackList {
    max-height: 345px !important;
    height: 325px !important;
    overflow: auto;
    padding-right: : 0 !important;
}
div#empFeedbackList tr td {
    padding: 5px;
    width:100%;
}
#edit_eod_tbl thead tr th {
    border: 1px solid #e0e0e0;
    padding: 10px;
   

}
#edit_eod_tbl tbody tr td {
    border: 1px solid #e0e0e0;
    padding: 0 15px;
}
/*end new table css*/
.page-inner .close {opacity: 1 !important;}
ul.menu.accordion-menu li a.active_page {
    color: #ffcd75;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline !important;
    }
   span.select2-selection.select2-selection--multiple {
    overflow: auto;
    min-height: 100%;
    resize: auto;
    height: max-content !important;}
    .select2-selection--multiple li.select2-selection__choice {
    margin-bottom: 15px;}
a.btn.btn_icon.view_tasks span {
    left: -5px;
    top: -10px;
 /*   height: 12px;
    width: 12px;*/
    font-size: 12px !important;
    position: relative;
}
a#addMoreRole {
float: right;
position: absolute;
right: 14px;
}
.add-more span.select2.select2-container.select2-container--default {
width: 790px !important;
}
input#start_date {
float: right;
right: 0px;
position: relative;
}
/*.pull-right.width-100 {
display: block;
width: 100%;
position: relative;
top: -8px;
right: -6px;
}*/
tr.add-field td:nth-child(3) {
    width: 30px;
    padding: 33px 10px !important;
}
.btn-project {float:right;}
.btn-project .btn-success {
background: #004660 !important;
margin-left: 15px;
float: left ;
}

.project_histry .col-md-4, .project_histry .col-md-8 {
    display:inline-block;  float:left;
}
.pro_data { max-height:800px; overflow-y:auto;background-color: #fff;}
.pro_logs { max-height:250px; overflow-y:auto;margin-bottom: 30px; }
.pro_hours {  max-height: 280px; overflow-y: auto; }
.custom-border { border: 8px solid #00000017; border-right: 0;background-color:#fff;border-top: 0;}
.custom-border .pro_hours {border-bottom:8px solid #00000017; padding: 10px 10px 5px 10px; background:#fff;}
.pro_data td { 
    max-width: 200px;
    overflow: hidden;
}

.tr-height table tr td, .tr-height table tr th {
    padding: 10px !important;
    word-break: break-word;
}
.ck.ck-reset.ck-editor.ck-rounded-corners {
    max-height: 300px;
    margin: 15px 0;
}
.tbl-height {
    max-height: 350px;
    overflow: auto;
    margin-bottom: 30px;
}
.tbl-height #eod .form-control {
    width: 185px !important;
    margin-right: 0px !important;
    margin-bottom: 0;
}
.tbl-height th {
    width: max-content;
    width: 200px;
    max-width: 200px;
}
button#addDescription { margin-top: 30px;}
div.task_desc {cursor:pointer; }
#eod .form-group.col-md-12 {
    width: 100% !important;
    margin-right: 0px !important;
}
div.task_desc {
    border: 1px solid #dce1e4;
    font-size: 12px;
    padding: 7px;
    /*position: absolute;*/
    background-color: #fff;
    overflow-y: scroll;
    height: 80px;
    width: 185px;
}
.tbl-height #eod tr td:nth-child(4) {
    min-width: 181px !important;
    height:110px;
}
.task_desc p{margin-bottom:0;}
.tbl-height .custom_desc {height:65px;}
.desc-box tr td:nth-child(5) {
    max-width: 300px;
   /* max-height: 171px !important;*/
    overflow: auto;
}
.act-hgt {
width: 100% !important;
}
.tr-white.table.table-bordered tbody tr:nth-child(even) {
background-color: transparent !important;
}
.tr-white.table.table-bordered tbody tr:hover {
background: #dddddd !important;
}
.tr-white tr.group, tr.group:hover {
			background-color: #ddd!important;
			}
/*.ck.ck-reset.ck-editor.ck-rounded-corners p{margin-bottom:0 !important;}*/

tr.team-icon td:last-child {
    width: 100px;
}
tr.f-ans td p {
    max-height: 150px;
    overflow: auto;
    line-height: 24px;
    font-size: 14px;
}
span.ans-tag {
    font-weight: 600;
    font-size: 16px;
}

.label.label-danger {
    margin-top: 40px;
    position: relative;
}
button.btn.btn-primary.prevBtn.btn-lg.pull-right.r-padd {
    right: 70px;
    position: absolute;
    margin-right: 30px;
}
table#feedback_data tbody tr td.tdata-left {
    font-size: 15px !important;
    min-width: 650px;
    max-width: 650px;}
    tr.f-ans td:last-child {
    width: 400px;
    max-width: 400px;
}

.cstm-tbl td{ 
    overflow: auto;
    width: 100px;
    padding: 8px 10px;
    word-break: break-word;
    max-width: 100px;
}
.bg-inner {
    background: #eaeae8;
}
/*#main-wrapper {height: 100%;}*/
.nextBtn {
    position: relative;
    line-height: 12px;
    bottom: 0px;
    left: 8px;
    padding: 14px;
}
.title h3 {
    margin-top: 0;
    margin-bottom:30px;
}
.cstm-height{overflow: auto;
    height: auto;
    max-height: 350px;
}
tbody#projectNotes td {
    vertical-align: middle;
}
.tbl-pr-details, tbody#projectNotes {
    height: 450px;
    overflow: auto;
    max-height: 450px;
}
th#addMoreProject:hover {
    cursor: pointer;
}
body:not(.small-sidebar):not(.page-horizontal-bar) .menu.accordion-menu {
    overflow: visible !important;
}