.btn-list-number {margin: 30px 0 0 0;}
.btn-list-number ul {text-align: center;}
.btn-list-number ul li {display: inline-block; margin: 0 3px;}
.btn-list-number ul li h5 { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;    border-radius: 3px; box-shadow:rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px; color:#fff;}
.btn-list-number ul li.item-1 h5{ background:#ff5b51;}
.btn-list-number ul li.item-2 h5{ background:#45aaf2;}
.btn-list-number ul li.item-3 h5{ background:#4454c3;}
.btn-list-number ul li.item-4 h5{ background:#8c44c3;}


.main-sidemenu .side-menu li.heading { margin: 20px 0; position: relative;}
.main-sidemenu .side-menu li.heading h6 {position: relative; background: #fff; z-index: 1; display: inline; padding: 0 5px; text-transform: uppercase;}
.main-sidemenu .side-menu li.heading hr {position: absolute; width: 90%; margin:0; top: 10px; background: #f4f4f4; opacity: 1;}



.is-floating-label {position: relative;  margin-bottom: 15px;}
.is-floating-label input {background-color: transparent;}
.is-floating-label label {opacity: 0.8; pointer-events: none;  position: absolute; transform: translate3d(65px, 13px, 0) scale(1);  transform-origin: left top;
  transition: transform ease 0.2s;}
.is-floating-label.is-focused label {transform: translate3d(65px, -8px, 0) scale(0.80); opacity: 1; z-index: 33; background: #fff; padding: 0 5px;}

.card-body.atorisation {padding-top: 10px;}
.card-body.atorisation div#example1_info, .card-body.atorisation div#example1_paginate {display: none;}
.right-help-content { margin: 10px 0; border-bottom: 1px solid #eee;}
.right-help-content a {display: block; padding: 0 0 5px 0;}
.right-help-content.last {border-bottom: none;}
.right-help .card-body {padding-bottom: 5px;}
.right-help h3.text-center {margin: 0 0 10px 0;}
.right-help h2.text-center {border-bottom: 1px solid #eee; padding-bottom: 5px;}
.right-help .card-body h2 { margin: 0 !important;}
.project-counter {display: flex;}
.project-counter h2.mb-1.last {padding-left: 5px;}

.inner-form .is-floating-label label {transform: translate3d(15px, 10px, 0) scale(1);}
.inner-form .is-floating-label.is-focused label {transform: translate3d(15px, -8px, 0) scale(0.80);}

.inner-form .finance-box, .cover-box {border: 1px solid #f4f4f4; padding: 0 10px; margin: 20px 0 10px 0;}
.inner-form .finance-box .place-heading, .cover-box .place-heading {margin:-10px 0 10px; position: relative;}
.inner-form .finance-box .place-heading h4, .cover-box .place-heading h4 {background: #fff; display: inline; padding: 0 5px;}

.inner-form .sec-btn {padding: 10px 0 0 0; margin-top: 10px; border-top: 1px solid #f4f4f4;}
.inner-form .sec-btn button.btn {float: right;}

.page-header{margin: 1rem 0 1rem !important;}
.inner-form .check {display: flex; align-items: center; height: 40px; padding: 0 5px;}
.inner-form .check label {padding: 0; margin: 0;}
.inner-form .check input { margin-left: auto;}
.inner-form .is-floating-label.date input {color: transparent;}
.inner-form .is-floating-label.date.is-focused input{color: #424e79;}

.inner-form .incharge-box .card-body {padding: 15px;}
.inner-form .incharge-box table {margin: 0;}
.inner-form .incharge-box table thead th {padding: 10px; text-transform: capitalize;}
.inner-form .incharge-box table tr td {padding: 10px;}
/* .inner-form .incharge-box table tbody tr td a {margin: 0 auto; background: red; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; */
  .inner-form .incharge-box table tbody tr td a {margin: 0 auto; width: 20px; height: 20px;  align-items: center; justify-content: center;
border-radius: 10px; color: #0f0a0a;}

.modal-body .cover-box {padding: 0; margin: 0; border: none;}
.cover-box .is-floating-label label {transform: translate3d(15px, 10px, 0) scale(1);}
.cover-box .is-floating-label.is-focused label {transform: translate3d(15px, -8px, 0) scale(0.80);}
.cover-box .is-floating-label.date input {color: transparent;}
.cover-box .is-floating-label.date.is-focused input{color: #424e79;}
.modal .modal-footer {padding: 5px 15px;}
.inner-form .card.incharge-box {margin: 20px 0 10px 0; box-shadow: 0px 1px 10px 5px rgb(176 184 214 / 9%), 5px 2px 10px -8px rgb(176 184 214);}

.right-help .img-box {width: 150px; height: 150px; margin: 0 auto; background: #f6f6f6; border-radius: 50%; display: flex; align-items: center; justify-content: center;
margin-bottom: 15px; padding:20px;}
.navsearch {display: none;}



.raise-requisition table {width: 100%;}
.raise-requisition table th{background: #eee;padding: 3px 5px; text-align: left; color:#000; font-weight: normal; font-size: 12px; min-width: 100px; width: 100px; border: 1px solid #ccc;}
.raise-requisition table tr th:first-child{width: 40px;min-width: 40px;  }
.raise-requisition table th .dgSel{border: 3px solid transparent; width: 1px; height: 20px; float: right; display: none;}
.raise-requisition table th .dgSel:hover{border: 3px solid #444; }
.raise-requisition table table td{font-size: 12px}
.raise-requisition table tr td:first-child{/*width: 40px; background: #eee; border-bottom: 1px solid #ccc; text-align: center; font-size: 12px*/}
.raise-requisition table tr:first-child td input{}
.raise-requisition table td input{/*border-top: 0px; border-left: 0px; border-color: #ccc; caret-color: transparent;*/ border: none; width:100%  ; -moz-user-select: none;  -khtml-user-select: none;-webkit-user-select: none; -ms-user-select: none;  user-select: none; padding: 5px; color:#424e79;}
.raise-requisition table td input.active{/*border: 1px solid #0a58ca;*/ border:none;}
.raise-requisition table td input.sel { caret-color: black ; -moz-user-select: all !important;  -khtml-user-select: all;-webkit-user-select: all !important; -ms-user-select: all !important;  user-select: all !important;}
.raise-requisition table td input.msel{background: #cae9ff}
.raise-requisition .hdTbBx {width: 92%;float: left;}
.raise-requisition .drgLine{position: absolute; height: 100vh; width: 1px ;background: blue; display: none;}
.raise-requisition .unselectable { -moz-user-select: none;  -khtml-user-select: none;-webkit-user-select: none; -ms-user-select: none;  user-select: none;}


.raise-requisition tr.top-form-row th {padding: 5px;}
.raise-requisition tr.top-form-row .is-floating-label{ margin-bottom:0px;}
.raise-requisition tr.top-form-row .is-floating-label input { background: #fff; padding: 5px; border-radius: 0; font-size:12px;}
.raise-requisition tr.top-form-row .is-floating-label label {transform: translate3d(5px, 8px, 0) scale(1); font-size:11px;}
.raise-requisition tr.top-form-row .is-floating-label.is-focused label{ display:none;}
.raise-requisition tr.top-form-row .is-floating-label.date input {color: transparent;}
.raise-requisition tr.top-form-row .is-floating-label.date.is-focused input{color: #424e79;}
.raise-requisition tbody td#td_crw18 {border: 1px solid #eee; text-align: center;}

.raise-requisition tbody td .btn_remove { background: none; border:none;}
.raise-requisition tbody td .btn_remove .fa {color: #424e79;}
.raise-requisition tbody td .btn_remove:hover .fa{ color:red;} 

.raise-requisition table tbody tr td span.select2 {padding: 0 !important; font-size: 12px; border-radius: 0 !important;}
.raise-requisition table td.number input {text-align: right;}
.raise-requisition table tr td {border: 1px solid #eee; text-align:center;}
.raise-requisition table tr td select {width: 100%; padding: 6px; border: none; padding: 7px 7px; font-size:12px; color:#424e79;}
.raise-requisition table tr td select:focus, .raise-requisition table tr td input:focus{ border: none; outline:1px solid #0a58ca;}
.raise-requisition table tr td button#add{border-radius: 50px; padding: 0; width: 25px; height: 25px;}
.raise-requisition table tr td button#add .fa{ font-size:12px;}

.raise-requisition table tr.btm-bttn td {border: none;}
.raise-requisition table tr.btm-bttn td button {margin-top: 20px; margin-bottom: 10px;}


  
.upload-box label {cursor: pointer;}
.upload-box input {display: none;}
.upload-box span.upload-button {position: relative; top: 4px;}

.view-requisition thead tr th {padding: 0.75rem 10px; text-transform: capitalize;}
.view-requisition tbody tr td {border: none; padding: 0.75rem 10px;}
.view-requisition tbody tr td a.delete:hover .fa {color: red;}



.view-details-requisition table {width: 100%;}
.view-details-requisition table tr th {background: #eee; padding: 3px 5px; width: 100px; text-align: left; color: #000; font-weight: normal; font-size: 12px; border: 1px solid #ccc;}
.view-details-requisition table tr td{padding:2px 5px; color: #424e79; font-weight: normal; border: 1px solid #ccc;}
.view-details-requisition table tr.top-row th {font-weight: bold; color: #333; padding: 12px 4px; font-size: 12px;}
.view-details-requisition table tfoot tr td {padding: 10px 5px; font-weight: bold; font-size: 13px;}
.view-details-requisition table tr td a.view-details {height: auto; font-size: 10px; padding: 5px 10px;}

.view-details-requisition table tr td .btn_remove { background: none; border:none;}
.view-details-requisition table tr td .btn_remove .fa {color: #424e79;}
.view-details-requisition table tr td .btn_remove:hover .fa{ color:red;} 


.contract-details {height: 250px; overflow: scroll;}
.contract-details .contract-box {background: #f9f9f9; padding: 10px; border-radius: 5px; margin-bottom: 10px;}
.contract-details .top-row {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.contract-details .top-row .company-name {display: flex; align-items: center;}
.contract-details .top-row .company-name .name-add h6 {margin: 0;}
.contract-details .top-row .company-name .name-add p, .contract-details .top-row .rate p{ font-size:12px; color:#999; margin:0; padding:5px 0 0 0;}
.contract-details .top-row .company-name img {margin-right: 10px;}
.contract-details .top-row .rate {text-align: right;}
.contract-details .top-row .rate h6.rate {color: #4454c3; margin: 0;}

.contract-details .contract-box .btm-row {display: flex; align-items: center; justify-content: space-between; padding: 5px 0 0 0;}
.contract-details .contract-box .btm-row p {font-size: 12px; margin: 0 0 5px 0; color: #999;}
.contract-details .contract-box .btm-row h6 {margin: 0;}
.contract-details .contract-box:last-child{ margin-bottom:0;}
.contract-details .contract-box .btm-row .right-content{ text-align:right;}

.contact-list:first-child {padding-top: 0;}
.contact-list {display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #eee;}
.contact-list .photo-name img {width: 50px; height: 50px; border-radius: 30px; display: flex; margin-right: 10px;}
.contact-list .photo-name {display: flex; align-items: center;}
.contact-list .photo-name h6 {margin: 0;}
.contact-list .photo-name a{font-size:12px; color:#999; margin:0; padding:5px 0 0 0;}
.contact-list .right-btn a {background: #4454c3; padding: 8px 10px; border-radius: 5px; color: #fff;}

.side-menu li.slide.live-project li .title {padding: 8px 14px 8px 45px; display: flex; align-items: center; font-weight: 500;}
.side-menu li.slide.live-project li .title::after {content: ""; height: 2px; background: #f4f4f4; width: 62px; margin-left: 10px;}
.side-menu li.slide.live-project li .project-no {padding: 8px 14px 8px 45px;display: flex; align-items: center; font-weight: 500; overflow: hidden; position: relative;}
.side-menu li.slide.live-project li .project-no::before {content: ""; width: 10px; height: 10px; background: #f2f2f2; position: absolute; z-index: 2;}

.side-menu li.slide.live-project li .project-no::after {content: ""; width: 70%; height: 2px; background: #f4f4f4; position: absolute;}
.side-menu li.slide.live-project li .project-no span {background: #fff; display: inline-block; width: auto; z-index: 99; padding: 0 5px 0; margin-left: 10px;}




.compose .is-floating-label label, .reply-box .is-floating-label label {transform: translate3d(0px, 8px, 0) scale(1);}
.compose .is-floating-label.is-focused label, .reply-box .is-floating-label.is-focused label{transform: translate3d(-110px, 8px, 0) scale(1);}
ul.email-detials-box {display: flex; align-items: center; height: 100%; margin: 0;}
ul.email-detials-box li {margin: 0 20px 0 0;}
ul.email-detials-box li strong {padding-right: 5px; text-transform: uppercase;}

.read-mail, .reply-box {border: 1px solid #f4f4f4; padding: 15px; border-radius: 5px;}
.read-mail {margin-bottom: 20px;}
.read-mail hr {margin: 1rem 0;}
.read-mail .bg-light {font-size: 12px;}
.reply-box textarea.form-control {height: 150px;}

.compose .is-floating-label, .reply-box .is-floating-label {margin-bottom: 0px; overflow: hidden;}
.compose input.form-control, .compose textarea, .reply-box input.form-control, .reply-box textarea {border-top: none; border-left: none; border-right: none; border-radius: 0; padding: 5px 0;}
.list-group .token-list { padding: 10px 15px 0;}
.list-group .token-list h5 {position: relative; padding-bottom: 5px; text-transform: uppercase; font-weight: bold;}
.list-group .token-list h5::after { width: 100px; height: 2px; content: ""; background: #f4f4f4; position: absolute; top: 8px; right: 0;}
.list-group .token-list ul.token {height: 390px; overflow: scroll; padding-right: 5px;}
.list-group .token-list ul.token li {display: flex; align-items: center; justify-content: space-between; padding: 7px 10px; border: 1px solid #f4f4f4; margin:0 0 5px 0; transition:all 0.5s ease;}
.list-group .token-list ul.token li:hover, .list-group .token-list ul.token li.active{ background:#4454c3; color:#fff;}
.list-group .token-list ul.token li:hover strong a, .list-group .token-list ul.token li.active strong a{ color:#fff;}

.filelabel{ margin:0;}
.filelabel i {display: block; font-size: 30px;}
#FileInput{display:none;}

.view-requisition table tbody tr td label .custom-control-label::before {border: 1px solid #576482;}


@media only screen and (max-width:590px){
.page-header{margin: 0rem 0 0rem !important;}
.card-body{padding: 1rem 1rem !important;}
.inner-form .is-floating-label{ margin-bottom:0;}
.inner-form .finance-box{padding: 0px 10px 10px;}
.inner-form .finance-box .place-heading, .cover-box .place-heading{margin: -10px 0 0px;}
.inner-form .sec-btn{ margin:0;}
.inner-form .finance-box, .cover-box{margin: 0px 0 10px 0;}

.modal-body .cover-box .mt-4 {margin-top: 0px !important;}
.modal-body .cover-box .is-floating-label{margin-bottom: 10px;}

.view-details-requisition table tr th, .view-details-requisition table tr td{ text-align:center;}
}

.content-header-right {
  display: flex;
  justify-content: end;
  align-items: center;
}


.content-header-right select#project_id {
  width: 250px;
  margin-right: 10px;
}
.content-header-right button {
  margin: 0 !important;
}



.newmodel .modal-dialog {
  max-width: 900px;
  
}
/*20/07/23*/

table.table_optimize thead tr th, table.table_optimize tbody tr td {
  padding: 2px 2px !important;

  font-size: 12px;
  vertical-align: middle;
}
table.table_optimize tbody tr td a.btn, table.table_optimize tbody tr td button {
  padding: 4px 5px;
  font-size: 12px;
}
table.table_optimize tbody tr td a.btn, table.table_optimize tbody tr th button {
  padding: 4px 5px;
  font-size: 12px;
}
table.table_optimize tbody tr td input {
  margin: 0 auto !important;
  padding: 2px 2px;
}
table.table_optimize tbody tr td h4 {
  margin: 0;
  font-size: 16px;
  padding: 3px 0;
}

.raise-requisition.requisition-update table td .upload-box label input {display: block; font-size: 9px;}