/*global css*/

*{margin:0;padding:0}
html,body{scroll-behavior:smooth}
p:last-child{margin-bottom:0}
figure{margin:0}
ul,ol{margin-bottom:0}
i{background-image: url(../images/sprite.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle;}
select.form-select2:focus, select:focus-visible{box-shadow: none; outline: none;}
/* input[type="email"]{background-image:url("../assets/mail.svg")} */

html{font-size:62.5%}
body{font-family: 'Roboto', sans-serif; background: #fff; margin: 0; font-size:var(--body-font-size); line-height: 1.5; font-weight: 400; color:#666; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; -ms-overflow-style: scrollbar; overflow-x: hidden; position:relative; position: relative;}

label{font-size: var(--btn-font-size); font-weight: 500; color: #6b7073; margin-bottom: 10px; display: block;}
.form-control,.form-control2 {border:none; min-height: 50px; border-bottom:1px solid #dadbdc; border-radius: 0; font-size: 1.8rem; font-weight: 500; color: var(--body-font-color); padding:15px 0;}
.form-group,.dashboard-card{margin-bottom: 25px;}
.form-group > div, .card-body div{color: var(--color-black);}
.form-control2, .bootstrap-select>.dropdown-toggle{border:1px solid #e2e2e2; font-size: var(--body-font-size); font-weight: 400; padding:10px 15px; width: 100%; background-color: var(--color-white); line-height: 1.7;}
.form-control:focus{border-bottom:1px solid #dadbdc; color:var(--body-font-color);box-shadow:none;}
select.form-control2, .bootstrap-select>.dropdown-toggle{background: #fff url(../images/select-down-arrow.png) no-repeat; background-position: center; background-position-x: 96%; -webkit-appearance: none; appearance: none;}
select option{background: #fff;color: #000; outline: none;}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 100%;}
.bootstrap-select>.dropdown-toggle:after{display: none;}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle, .bootstrap-select>.dropdown-toggle:hover, .bootstrap-select>.dropdown-toggle:focus{background-color: #fff; color:var(--body-font-color); outline: none !important; box-shadow: none;}
.bootstrap-select>.dropdown-toggle{color: var(--body-font-color);}
.bootstrap-select .dropdown-menu{border: 1px solid #e2e2e2;}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{top:10px;}
.bootstrap-select .bs-ok-default:after{border-width: 0 0.16em 0.16em 0;}

.common-list-item{padding-left: 13px}
.common-list-item li{position: relative;}
.common-list-item li:before{position: absolute; width: 8px; height: 8px; background: #939393; content: "";  left:-15px;
border-radius: 50%; top: 50%; transform: translate(0, -50%);}


h1{font-size:4.5rem; font-weight:900; color:var(--color-black); position: relative;}
h2,.section-heading{font-size:2.8rem; line-height:1.5; color:#16171b; font-weight:500; position: relative; margin-bottom: 20px;}
.section-heading span{font-weight: 300;}
a, a:focus{color: #000; text-decoration: none; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
a:hover{text-decoration: none; color:#000; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
p a{text-decoration: none;}
p a:hover{text-decoration: underline;}
img{max-width: 100%; height: auto;}
.form-group{position: relative;}
input:focus, textarea:focus, button:focus{outline: none; box-shadow: none;}
textarea.form-control{height: auto;}
.row-sm-padding{margin-left: -5px; margin-right: -5px;}
.row-sm-padding > [class*="col-"], .row-sm-padding > .col{ padding-left: 5px; padding-right: 5px; }
/*.container-fluid{max-width:1600px;}*/
figure{margin:0; padding:0;}
.lower-alpha{text-transform:lowercase;}
small.lower-alpha{font-size:2rem;}
.bg-black{background-color: var(--color-black); color: var(--color-white);}
.bg-green{background-color: #c7fac1; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.bg-yellow{background-color: #fefec8; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.bg-pink{background-color: #fad0c5; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.section-padding{padding:65px 0;}

/* ===== Login Page Start ==== */
.h-100vh{height: 100vh;}
.login-panel-hld{background:#f1f1f1 url(../images/login-bg.jpg) no-repeat; background-size: cover; width: 100%; padding: 100px 0; height: 100%;}
.login-panel-hld .container{flex: 1;}
.login-block{position: relative; height: 100%;}
.login-hld:after{position: absolute; height:61px; background:#000; width:100%; bottom:0; right:0; content: ""; z-index: -1;}
.login-hld{position: absolute; left: 0; top: auto; width: 100%; padding-top:50px; z-index:1;}
.login-form{background:var(--color-white); padding: 40px; height:calc(100% + 30px); width: calc(100% - 20px);}
.heading-below-line{position: relative; padding-bottom: 25px;}
.heading-below-line:after{position: absolute; width: 70px; height: 10px; background-color:var(--color-yellow); bottom: 0; left: 0; content: "";}
.pptc-approval{min-width: 200px; height: 55px; background: var(--color-black); position: relative; right: -60px; font-weight:500; color: var(--color-white); line-height: 55px; text-align: center; font-size: 2.4rem;}
.login-form > form{margin-top: 60px;}
.btn{font-size: var(--btn-font-size); color: var(--color-white); min-width: 150px; padding:15px 10px; text-align: center; font-weight: 500; border-radius: 0; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; border: none; outline: none;}
.btn:hover, .btn:focus{-webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; background-color:var(--color-yellow); color:#000}
.btn-dark{background:#16161f;}
.btn:focus{outline: none; box-shadow: none;}
.forgot-password{color: var(--body-font-color); text-decoration: underline; display: block; }
.toggle-password{position: absolute;top: 50%; right: 15px; transform: translate(0, -50%); display: inline-block; width: 24px; height:20px; background: url(../images/sprite.png) no-repeat; background-position:-4px -1px; cursor: pointer;}
.toggle-password.close{background-position:-34px 0px;}
/* ===== Login Page End ==== */
/* ==== Bootstarp Multiselect dropdown ==*/
.bootstrap-select .dropdown-menu li a.dropdown-item.active{background-color: transparent; color: #000;}
/* ===== Success Page Start ===*/
.success-hld{background-color: var(--color-white); min-height: 300px; width: 100%; font-size: var(--btn-font-size); font-weight: 500; color: var(--color-black); text-align: center;}
.icon-success{width: 45px; height: 45px; background-position:-1px -142px;}
/* ===== Success Page End ===*/
/* == List Page Start ==*/
.icon-edit{width:16px; height: 17px; background-position:-68px -42px;}
.icon-download-pdf{width:16px; height: 21px; background-position: -100px -42px;}
.icon-download-xls{width: 15px; height: 19px; background-position: -101px -67px;}
.icon-delete{width:15px; height: 17px; background-position:-68px -72px;}
.icon-remove{width: 19px; height: 19px; background-position: -135px -44px;}
.icon-view{width: 23px; height: 14px; background-position: -64px -95px;}
.icon-reminder{width: 19px; height: 19px; background-position: -104px -92px;}
.progress{height: 5px;}
/* == List Page End ==*/

/* ===== Common Dashboard Screen Start ==== */
/* == Dashboard Screen Header Start == */
.top-header-hld{background-color: var(--color-black); padding: 30px; color: var(--color-white); border-bottom:2px solid var(--color-yellow);}
.logo-hld span{font-size: 2.2rem; font-weight: 900; line-height: 1; position: relative; top: 4px; margin-left: 10px;}
.header-right ul{position:relative;}
.header-right .dropdown{height: 32px;}
.profile-list span{font-weight: 500; font-size: var(--btn-font-size)}
.arrow-icon, .arrow-dark-icon{width: 11px; height: 7px; background-position:-132px -2px; transform: rotate(0);  transform-origin:center; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.arrow-dark-icon{background-position:-132px -15px;}
.profile-list.show .arrow-icon{transform: rotate(180deg); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; transform-origin:55% 26%;}
.dropdown-menu{width: 100%; border-radius: 0; border: none; padding: 0 10px; margin: 0;}
.dropdown-item{font-size: var(--body-font-size); border-bottom: 1px solid #ededed; padding: 10px 0; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.dropdown-item:hover{background: none; color: var(--color-yellow); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
/* == Dashboard Screen Header End == */
/* == Dashboard Side panel Start == */
.side-navbar{min-width:255px; max-width: 255px; margin-left:-255px; background-color:var(--color-black); transition: 0.5s;}
.my-container{transition:0.4s;}
.active-nav{margin-left:0;}
.collapse-btn, .menu-header, .side-navbar .dropdown-item{min-height: 65px; background-color: var(--color-yellow); padding: 20px 15px; color: var(--color-black); font-weight: 500; line-height: 1.5; cursor: pointer;  position:relative; font-size: var(--btn-font-size);}
.collapse-btn{color: var(--color-white);}
.collapse-btn:hover{color: var(--color-yellow);}
.collapse-btn:after{position: absolute; width: 50px; height: 100%; content: url('../images/collapse-icon.png'); top: 0; right:-50px; background-color: var(--color-yellow); display: flex; align-items: center; justify-content: center; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: 1; z-index: 1;}
.collapse-icon{width:17px; height:17px; background-position:-162px -1px;}
.active-nav > .collapse-btn:after{right:100%; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; z-index: -2; width:0; opacity:0;}
.side-navbar .menu-header{color: var(--color-black); display: block; border-top: 2px solid var(--color-black);}
.menu-header.rotated .arrow-dark-icon{transform: rotate(180deg); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; transform-origin:50%;}
.side-navbar .dropdown-toggle::after{display: none;}
.side-navbar .dropdown-item{color: #6b7073; word-break: break-word; white-space: normal;}
.side-navbar .dropdown-menu li:last-child .dropdown-item{border: none;}
.side-navbar .dropdown-menu{width: 100%; border-radius: 0; border: none; background: none; padding: 0; margin: 0; position: relative !important; transform: translate(0) !important;}
.side-navbar .dropdown-item:last-child{border-bottom: 2px solid #2a1e08;}
.side-navbar .dropdown-item:hover, .side-navbar .dropdown-item.active{color: var(--color-yellow);}
/* == Dashboard Side panel End == */
/* == Multi select dropdown with checkbox Start == */
.SumoSelect{width: 100%;}
.SumoSelect>.CaptionCont>label{display: none;}
.SumoSelect>.CaptionCont{background: #fff url(../images/select-down-arrow.png) no-repeat;  background-position: center; background-position-x: 96%; -webkit-appearance: none; appearance: none; border: 1px solid #e2e2e2; font-size: var(--body-font-size); font-weight: 400;}
.SumoSelect.open>.CaptionCont, .SumoSelect:focus>.CaptionCont, .SumoSelect:hover>.CaptionCont{border: 1px solid #e2e2e2; box-shadow: none;}
.SumoSelect.open>.optWrapper{top:50px;}
.SumoSelect>.optWrapper>.options li label{margin-bottom: 0; font-size: 1.6rem; font-weight: normal;}
.SumoSelect>.CaptionCont>span.placeholder{background: none;}
.SumoSelect>.CaptionCont>span.placeholder{color: #6b7073; font-style: normal; background: none; opacity: 1;}
.SumoSelect .select-all>span i, .SumoSelect>.optWrapper.multiple>.options li.opt span i{background-image: none;}
.SumoSelect .select-all.partial>span i, .SumoSelect .select-all.selected>span i, .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i{background-color:#6b7073; border-color:#6b7073;}
/* == Multi select dropdown with checkbox End == */

.dashboard-body-hld{border-left:1px solid #fff;}
/* .dashboard-body-hld header{min-height: 67px; background-color: var(--color-yellow); padding:10px 15px; color: var(--color-black); font-weight: 500; line-height: 1.5; cursor: pointer; position: relative; font-size: var(--btn-font-size);} */
.dashboard-body-hld aside{padding: 30px; background-color: #f6f6f6; height: 100%;}
/* .dashboard-body-hld.active-cont{padding-left: 50px;}  */
/* .search-hld input{width: 240px; height:40px; background-color:var(--color-yellow); border: none; outline: none; padding-left:15px; color:var(--color-yellow);}
.search-hld .form-control:focus{border: none; background:var(--color-yellow);}
.search-hld .btn{min-width:40px; height:40px; display: flex; align-items: center; justify-content: center; background-color: var(--color-black); padding: 0;}
.search-hld .btn:hover{background-color: var(--color-black);}
.search-icon{width: 17px; height: 17px; background-position:-193px -1px;} */

/* ===== Common Dashboard Screen End =============== */

/* ===== Step 1 screen Start =============== */
.dashboard-card > header{padding: 15px; background-color: var(--color-black); color: var(--color-white); font-size: var(--btn-font-size); min-height: 50px; font-weight: 500;}
.dashboard-card > .card-body{padding: 15px; border:1px solid #e2e2e2; background: var(--color-white);}
.form-group textarea{min-height: 168px;}
/* Custom Radio Start */
.custom-radio [type="radio"]:checked, [type="radio"]:not(:checked){position: absolute; left: -9999px;}
.custom-radio [type="radio"]:checked + label, [type="radio"]:not(:checked) + label{position: relative; padding-left: 28px;
cursor: pointer; line-height: 20px; display: inline-block; color:#666;}
.custom-radio [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before{content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border:1px solid #6b7073; border-radius: 100%; background: #fff;}
.custom-radio [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after{content: ''; width: 10px; height: 10px; background:#6b7073; position: absolute; top: 4px; left: 4px; border-radius: 100%;   -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.custom-radio [type="radio"]:not(:checked) + label:after{opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.custom-radio [type="radio"]:checked + label:after{opacity: 1;-webkit-transform: scale(1); transform: scale(1);}
/* Custom Radio End */
/* Custom Checkbox Start */
.custom-checkbox input{position: absolute; opacity: 0;}
.custom-checkbox input + label{position: relative; cursor: pointer; padding: 0; line-height: 18px;}
.custom-checkbox input + label:before{content: ""; margin-right: 10px; display: inline-block; vertical-align: text-top;
width:18px; height:18px; background: white; border: 1px solid #6b7073;}
.custom-checkbox input:hover + label:before{background: #6b7073;}
.custom-checkbox input:checked + label:before{background: #6b7073;}
.custom-checkbox input:checked + label:after{content: ""; position: absolute; left: 4px; top: 8px; background: white;
width: 2px; height: 2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
transform: rotate(45deg);}
/* Custom Checkbox End */

.dashboard-card .table>thead>tr>th{padding: 10px; font-size:var(--btn-font-size); color:#6b7073; font-weight: 500; white-space: nowrap;}
.dashboard-card .table>tbody>tr>th{text-align: center; vertical-align: middle; font-weight: 500;}
.dashboard-card .table>tbody>tr>td{padding: 15px;}
.dashboard-card .table>tbody>tr>td:focus-visible{outline: none;}
.add-row-icon{width:19px; height:19px; background-position:0 -40px;}
.add-row{font-size: var(--btn-font-size); font-weight: 500; color:#6b7073; line-height: 1.6;}
/* ===== Step 1 screen End =============== */
/* ===== Step 2 screen Start =============== */
.big-thin-btn{min-width:225px; text-align: center; height:40px; background-color:var(--color-black); display: inline-block; color:var(--color-white); margin-bottom: 25px; font-size: 1.8rem; font-weight: 500; line-height: 40px;}
.big-thin-btn:hover, .big-thin-btn:focus{color:var(--color-black); background-color: var(--color-yellow);}
/* == Accordion width plus icon Start == */
.accordion-header i{ transition: all 0.5s; width:18px; height: 18px; background-position:-32px -62px;}
.accordion-header:not(.collapsed) i{transition: all 0.5s; width:18px; height: 18px; background-position:-32px -39px;}
.dashboard-card header{cursor: pointer;}
/* == Accordion width plus icon End == */
.add-files{min-width: 70px; background-color: var(--color-black); min-height: 50px; display: block;}
.icon-attachment-white, .icon-attachment{width: 21px; height: 13px; background-position:-1px -96px;}
.icon-attachment{background-position:-1px -73px;}
.custom-file label{cursor: pointer; height: 100%; font-weight: 400; font-size:var(--body-font-size);}
/* ===== Step 2 screen End =============== */

/*===== Mmultiple-file-upload section start =====*/
.modal-header{background-color: var(--color-black);}
.modal-header .btn-close{background-color: var(--color-white); opacity: 1;}
.modal-title{font-size:var(--btn-font-size); color:var(--color-white); font-weight: 500;}
.modal-content,.modal-header{border-radius: 0;}
.modal-body{padding: 25px;}
/* .dropzone.dz-clickable{border-radius: 20px; border: 3px dashed var(--color-yellow); background-color: #f6f6f6; color: var(--color-black); font-size: var(--btn-font-size);} */

/*----------multiple-file-upload-----------*/
.file-upload-contain{position: relative;}
.file-upload-contain .file-drop-zone{border: 3px dashed var(--color-yellow); transition: 0.3s; margin: 0; padding: 0; border-radius: 20px;background-color: #f6f6f6; min-height: auto;}
.file-upload-contain .file-drop-zone.clickable:hover,.file-upload-contain .file-drop-zone.clickable:focus,.file-upload-contain .file-highlighted{border: 3px dashed var(--color-yellow);background-color: #f6f6f6;}
.upload-area i{display: none;}
.upload-area p{margin-bottom: 20px; margin-top: 30px; font-size: 18px; font-weight: 400; color: #000;}
.upload-area button{font-size: var(--btn-font-size); color: var(--color-white); min-width: 150px; padding: 15px 10px; text-align: center; font-weight: 500;
border-radius: 0; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; border: none; outline: none; background: #16161f;}
.upload-area button:hover{box-shadow:none;}
.file-preview{padding: 0;border: none;}
.file-preview .fileinput-remove{display: none;}
.file-drop-zone .file-preview-thumbnails{cursor: pointer;}
.file-preview-frame{cursor: default; display: flex; align-items: center; border: none; background-color:#f6f6f6; box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
border-radius: 8px; width: 100%; padding: 15px; margin: 8px 0px;}
.file-preview-frame .kv-file-content{min-width: 45px; min-height: 45px; width: 45px; height: 45px; border-radius: 4px; margin-right: 10px;   background-color: #fff; padding: 3px; display: flex; align-items: center; justify-content: center;}
.file-preview-image{ border-radius: 4px;}
.file-detail{ font-size: 14px; height: auto; width: 100%; line-height: initial;}
.file-detail .file-caption-name{color: #000;font-size: 15px; margin-bottom: 6px;}
.file-detail .file-size{color: #000; font-size: 12px;}
.kv-zoom-cache{display: none;}
.file-preview-frame .file-thumbnail-footer{height: auto;display: flex;align-items: center; justify-content: space-between; width: 100%;}
.file-preview-frame .file-drag-handle, .file-preview-frame .file-upload-indicator{float: none;}
.file-preview-frame .file-footer-buttons{float: none; display: flex; align-items: center;}
.file-preview-status.text-center {display: none;}
.kv-file-remove.file-remove{ border: none; background-color: #ef2f2f; color: #fff; width: 25px; height: 25px; font-size: 12px; border-radius: 4px;
margin: 0px 4px; position: relative;}
.kv-file-remove.file-remove:after{ position: absolute; content: "x"; color: #fff;left: 50%;top: 50%; transform: translate(-40%, -56%); font-size: 20px;  display: block;}
.file-drag-handle.file-drag{border: none; background-color: #fff; color: #2580e8; width: 25px; height: 25px; font-size: 12px; border-radius: 4px;    margin: 0px 4px; display: none;}
.kv-file-upload.file-upload{border: none; background-color: #48bd22; color: #fff; width: 25px; height: 25px; font-size: 12px; border-radius: 4px;    margin: 0px 4px;}
.file-thumb-loading{background: none !important; }
/*===== Mmultiple-file-upload section end =====*/

/*===== Supervisor Page Start =====*/
.radio-container{cursor: pointer;}
.radio-container.active.bg-green, .radio-container.bg-green:hover{background-color: #c7fac1; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.radio-container.active.bg-yellow, .radio-container.bg-yellow:hover{background-color: #fefec8; -webkit-transition: all .5s ease-in-out;  transition: all .5s ease-in-out;}
.radio-container.active.bg-pink, .radio-container.bg-pink:hover{background-color: #fad0c5; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
/*===== Supervisor Page End =====*/

/*===== DataTable Start =====*/
div.dataTables_wrapper div.dataTables_filter input{padding: 0; margin: 0; margin-left: 20px; min-height: 40px; border: 1px solid #e2e2e2; padding-left: 10px;}
tfoot{display: none; font-weight: 400;}
.page-item:first-child .page-link,  .page-item:last-child .page-link{border-radius: 0;}
.disabled>.page-link, .page-link.disabled, .page-item:last-child .page-link, .page-item:first-child .page-link{background-color: #dee2e6; color: #000;}
div.table-responsive>div.dataTables_wrapper>div.row{margin-bottom: 20px;}
.page-link{font-size: var(--body-font-size); color: var(--color-black); padding:5px 15px;}
.active>.page-link, .page-link.active, .page-link:hover, .page-link:focus{background-color: var(--color-yellow); border-color: var(--color-yellow); color: #000;}
div.dataTables_wrapper div.dataTables_filter{display: flex;justify-content: end;}
div.dataTables_wrapper div.dataTables_length select{background: #fff url(../images/select-down-arrow.png) no-repeat; background-position: center;   background-position-x: 90%; -webkit-appearance: none; appearance: none; border: 1px solid #e2e2e2; font-size: var(--body-font-size); font-weight: 400;
padding: 5px 15px; line-height: 1.7; padding-right: 20px; padding-left: 5px;}
div.dataTables_wrapper div.dataTables_length select:focus{box-shadow: none;}
/*===== DataTable End =====*/
/*===== Quotation Selection Page Start =====*/
.quotation-selection .bottom-table > .table > thead > tr th{background-color: #000; color: #fff;}
.quotation-selection .bottom-table .center{text-align: center;}
.quotation-selection .bottom-table .right{text-align: right;}
.quotation-selection .bottom-table .table>thead>tr>th{padding: 5px;}
.quotation-selection .bottom-table .table>tbody>tr>td{padding:10px;}
.quotation-selection .bottom-table .table>thead>tr>th, .quotation-selection .bottom-table .table>tbody>tr>td{font-size:1.5rem;}
.quotation-selection .bottom-table .table a{background-color: #e6e6e6; text-align: center; min-width:150px; padding:5px 10px; margin-right: 5px; margin-bottom: 5px;}
/*===== Quotation Selection Page End =====*/






/* ===== Footer section Start ==== */
footer{border-top:1px solid #cfd1d4; padding:15px 30px; font-size: 1.4rem; color: var(--color-black); background: var(--color-white);}
/* ===== Footer section End ==== */

.signature {border: 1px solid #e2e2e2; }
.signature tbody tr, .signature tbody td {border: 0;}


.fixed-top{top: -40px; transform: translateY(40px); transition: transform .3s; position: fixed;}


/*=== Dropdown btn style update start ==*/
div.dt-buttons>.dt-button, div.dt-buttons>div.dt-button-split .dt-button, div.dt-buttons>.dt-button:hover:not(.disabled), div.dt-buttons>div.dt-button-split .dt-button:hover:not(.disabled), div.dt-buttons>.dt-button:focus:not(.disabled), div.dt-buttons>div.dt-button-split .dt-button:focus:not(.disabled){border: 1px solid #e2e2e2; font-size: var(--body-font-size); font-weight: 400; padding: 10px 15px; padding-right: 35px; line-height: 1.2; background: #fff url(../images/select-down-arrow.png) no-repeat; background-position: center; background-position-x: 93%; -webkit-appearance: none; appearance: none; outline: none;}
div.dt-buttons span.dt-button-down-arrow{display: none;}
div.dt-buttons>.dt-button.buttons-csv, div.dt-buttons>.dt-button.buttons-excel, div.dt-buttons>.dt-button.buttons-print{background: none !important; padding-right: 1.5rem !important;}
/*=== Dropdown btn style update end ==*/

.ui-autocomplete .ui-menu-item .ui-state-active, .ui-autocomplete .ui-menu-item .ui-state-active a{background: transparent; color:#000; border-color: transparent; outline: none;}





/*-------------------------------------------------------------
------------------@media Rule Start--------------------------*/
/* ------------------------ BIG DESKTOP ------------------------*/
@media only screen and (min-width:1391px) and (max-width:1660px) {
   
}


@media only screen and (min-width:1190px) and (max-width:1390px) {
    .dashboard-card .table>thead>tr>th, .dashboard-card .table>tbody>tr>td{padding: 5px; font-size: 1.6rem;}
}



/* ------------------------ SMALL DESKTOP ------------------------*/
@media only screen and (min-width:992px) and (max-width:1200px) {
    .dashboard-card .table>thead>tr>th, .dashboard-card .table>tbody>tr>td{padding: 5px; font-size: 1.4rem;}
    .custom-file{padding: 10px;}
}

/*-------- Only Menu Css Below 1024------------*/
@media only screen and (max-width:1025px) {
    .dashboard-card .table>thead>tr>th, .dashboard-card .table>tbody>tr>td{padding: 5px; font-size: 1.4rem;}

    
}

/* ------------------------ TABLET ------------------------*/
@media screen and (min-width:768px) and (max-width:991px) {
    
}

/* ------------------------ Mobile ------------------------*/
@media screen and (max-width:767px) {
/* === Login page start === */
 .login-panel-hld{padding: 50px 0;}
 .login-block > figure{display: none;}
 .login-hld{position: relative; padding: 0;}
 .login-form{width:100%; height: 100%;}
 .login-hld:after{display: none;}
 .pptc-approval{right: 0;}
/* === Login page end === */
/* == Dashboard Screen Header Start == */
.logo-hld figure{max-width:200px;}
/* == Dashboard Screen Header End == */

/* ===== Step 1 screen Start =============== */
.dashboard-card .table>thead>tr>th{white-space: nowrap;}
/* ===== Step 1 screen End =============== */

/*===== DataTable Start =====*/
div.dataTables_wrapper div.dataTables_filter{display: block;}
div.table-responsive>div.dataTables_wrapper>div.row{margin-bottom: 5px;}
.page-link{padding: 5px 10px;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content: start !important;}
div.dataTables_wrapper div.dataTables_filter input{margin-left: 10px;}
/*===== DataTable End =====*/

footer{display: none;}
}
/* ------------------------ Mobile XS ------------------------*/
@media (max-width:575px) {
    h1{font-size: 3.5rem;}
    .btn{min-width: 130px; padding: 15px 10px;}
    /* === Login page end === */
    .login-form{padding: 20px;}
    .pptc-approval{min-width: 150px; height: 45px; line-height: 45px; font-size: 1.6rem;}
    /* === Login page end === */
    /* == Dashboard Screen Header Start == */
    .top-header-hld{padding: 20px;}
    .logo-hld figure{max-width:150px;}
    .logo-hld span{font-size:1.6rem; line-height:1.5; font-weight:400;}
    .header-right .nav-link{padding: 0;}
    /* == Dashboard Screen Header End == */
    /* == Dashboard Side panel Start == */
    .collapse-btn, .menu-header, .side-navbar .dropdown-item{padding: 10px; font-size: var(--body-font-size); min-height: auto;}
    /* == Dashboard Side panel End == */

    .dashboard-body-hld.active-cont{margin-left:0;} 
    .dashboard-body-hld aside{padding: 15px; padding-top: 60px;}
    .form-group, .dashboard-card{margin-bottom: 15px;}
}