/* 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-block.otp-btn {background: #044a95; font-size: 15px;color: #fff; padding: 10px 20px; width: 100%; border: none; border-radius: 4px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3); cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease;}
button.btn.btn-block.otp-btn:hover{background: #1a1a1a; box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.4);}
.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: 4px;}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;
}