/**************************/
/*-----Custom Styles------*/
/*-----Created Date-29th May 2021-----*/
/*-----Author-Bhagyashri-----*/
/**************************/

body{font-family: 'Open Sans', sans-serif;}
/*---Login page css---*/
th.dt-center, td.dt-center { text-align: center; }
/*.login_page{background-color: #0b1c30;padding: 30px 0; height: 100vh;} /* --- Added height 3/18/2022 DW -- */
.login_page{background-color: #aaa;padding: 30px 0; height: 100vh;} /* --- Added height 3/18/2022 DW -- */
.login_card{margin: 40px auto 0;border: 0;padding-bottom: 40px;padding: 85px;}
.login_card h2{font-family: 'Arvo';font-weight: 700;font-style: normal;font-size: 24px;color: #8C8C8C;text-align: center;margin-bottom: 20px;}
.login_card  .close_btn{text-align: right;padding: 15px;}
.login_card  .close_btn button{border: 0;background-color: transparent;}
.login_card  .close_btn .fa{font-size: 18px;}
.subHeading{text-align: center;font-weight: 400;font-style: normal;color: #8C8C8C;  font-size: 18px;margin: 0 auto;}
.login_form{margin: 0 auto;}
.login_form .form-group{margin-top: 30px;}
.login_form .form-label{color: #8C8C8C;}
.login_form .form-check-label{color: #8C8C8C;font-size: 12px;}
.forgot_link{text-align: right;padding-right: 0;}
.forgot_link .form-label a{font-size: 12px;color: #169BD5;text-decoration: none;}
.login_btn, .btn-new{background-color: rgba(51, 155, 213, 1);color: #fff!important;font-size: 14px;border-radius: 5px;width: 150px;}
.login_btn a{color: #fff;text-decoration: none;}
.login_btn:hover, .toggle_btn:hover{background-color: rgba(51, 155, 213, 0.8);color: #fff;}
.toggle_btn{background-color: rgba(51, 155, 213, 1);color: #fff;font-size: 14px;font-size: 14px;border-radius: 5px;padding:6px 30px;margin: 4rem 0 30px;}
.form-control:focus{box-shadow: none!important;}
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid{border-width: 1px 1px 4px!important;border-color:#aaa #aaa #dc3545!important;}
.checkbox_checked{  width: 21px !important; height: 20px !important;}
.textarea-new{height: 101px !important;}
.search_button{padding: 2px !important ;     height: 36px;
    margin-bottom: 2.5px;}
.slider_radius{border-radius: 30px;}
.slider_radius:before{border-radius: 30px;}
.date_filter{    width: 57%!important;}
.btn-width{
    width: 211px !important;
}
.custom_scroll .dropdown-menu{height: 250px; overflow: scroll;}
#orders_history table td a{ color: #015478 !important; font-size: 16px;font-family: 'Arial', sans-serif;
    font-weight: 400; }
 .custome_select .select2 
 {
    width: 58%!important;;
 }
 .custome_error_msg
 {
     text-align: center!important;
 }
.fa-search{
    position: absolute;
    top: 18px;
    z-index: 999;
    color: #aaa;
    margin-left: 10px;
}
.search_icon_input{
	 padding-left: 1.575rem !important;
}
.job_inactive{  width: 21px; height: 20px; border-radius: 30px !important;}
textarea,input{border-radius: 5px !important;}
.select2-selection{border-radius: 5px !important;}
.input-group-text { border-radius: 5px !important; height: 34px !important; }
.checkbox_decebled{
	background-color: #e9ecef;
    opacity: 1;
}
#indexList_order_history_length select {
    padding: 2px 2px 2px 2px;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    letter-spacing: normal;
    color: #000000;
    text-align: left;
    width: 80px;
    height: 34px;
    padding-left: 10px;}
.select2-selection{border-radius: 5px !important;}
.custom_checkbox{height: 24px !important;
    width: 20px !important;}
.custome_btn{
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    background-color: rgba(51, 155, 213, 1);
    color: #fff!important;
    font-size: 1rem;
    border-radius: 5px;
    width: 150px;
}
.full_width .select2-container{
    width: 100% !important;
}
.loader-home-search{
    left: 0;
    bottom: -30px;
    display:none;
}
.loader-listing .loader-home-search{left: 18px;
    bottom: 0px;}

.loader-home-search img{
    width: 20px;
}
@media all and (min-width: 991px) {
	.login_card{width: 80%;}
	.subHeading{width: 40%;}
	.login_form{width: 40%;}
	.login_page .logo{max-width: 350px;}
	.logoBox .logo{max-width: 250px; max-height: 47px;}
}
@media all and (min-width: 768px) and (max-width: 990px){
	.login_card{width: 80%;}
	.subHeading{width: 60%;}
	.login_form{width: 60%;}
	.login_page .logo{max-width: 300px;}
	.logoBox .logo{max-width: 200px; max-height: 38px;}
}
@media all and (max-width: 767px){
	.login_card{width: 90%;}
	.login_form{width: 80%;}
	.login_page .logo{max-width: 220px;}
	.logoBox .logo{max-width: 120px; max-height: 23px;}
}
/*---End Login page ---*/
/*---Header css---*/
/*header{background-color: #0b1c30;width: 100%;position: fixed;top: 0;left: 0;min-height: 86px;z-index: 9999}*/
header{background-color: #aaa;width: 100%;position: fixed;top: 0;left: 0;min-height: 86px;z-index: 9999}
header .row{margin: 0 0;}
header .logoBox{padding: 20px;}
.userName{background-color: rgba(51, 51, 51, 1);display: flex;align-items: center;justify-content: flex-end;}
.userName a{color: #fff!important;white-space:inherit;word-break:break-all;font-size: 18px;margin-right: 0}
.userName .dropdown-menu{left: unset;right: -32px;background-color:rgba(51, 51, 51, 1);padding: 10px;top: 68px;border-radius: 0;border:0;min-width: 250px;}
.userName .dropdown-menu .dropdown-item{color: #fff;text-decoration: underline;word-wrap: break-word;font-family: 'Arvo';font-weight: 700;font-style: normal; font-size: 16px;padding: 10px 30px;}
.userName .dropdown-menu .dropdown-item:hover{background-color:rgba(51, 51, 51, 1);color: #fff;}
.userName .dropdown .dropdown-toggle::after{border-top:.3em solid #fff;}
/*---End Header css---*/
/*---sidebar css----*/
.sidebar{max-width: 220px;position: fixed;top: 86px;left: 0;z-index: 99;overflow-y: scroll;max-height: 100%;height: 100%;}
/*.menu{padding-bottom: 6rem;background: rgb(11 28 48) url(/images/sidebar-bg.png)no-repeat right bottom;margin-right: -1px;margin-bottom: -1px;}*/
.sidebar .nav-link{color: #fff;padding: 15px;border-bottom: 1px solid #fff;font-family: 'Arvo Bold', 'Arvo', sans-serif;font-weight: 700;font-style: normal;font-size: 16px;}
.sidebar .nav-link:hover, .sidebar .nav-item.active .nav-link{background-color: #fff;color: #02A7F0;}
.sidebar .nav{border-right: 1px solid #aaa;padding-bottom: 6rem;background: rgb(11 28 48) url(/images/sidebar-bg.png)no-repeat right bottom;}
.sidebar .nav-link .fa{font-size: 12px;margin-left: 5px;}
.sidebar .nav-link p{font-size: 12px;margin-bottom: 0;}
.sidebar .new-item .nav-link{background-color:#02A7F0;color: #fff;}
.router-link-active .nav-link{border-color: #ccc;}
/*---End sidebar css----*/
/*----common css---*/
.page{position: relative;height: 100vh;}
.content-wrapper{padding: 100px 0 0 220px;}
.page_body{padding: 0 25px;}
.title{font-family: 'Times New Roman', sans-serif;font-weight: 400;font-style: normal;font-size: 32px;color: #AAAAAA;text-transform: uppercase;padding: 5% 0;margin: 0;}
.heading{font-family: 'Times New Roman', sans-serif;font-weight: 400;font-style: normal;font-size: 32px;color: #333333;margin:20px 0 0;}
.page_body .createCard{margin-top: 20px;border:0;border-top:5px solid #185578;border-radius: 0;}
.font-16{font-size:16px!important;}
.page_body .form-control{height: 34px;padding: 2px;font-family: 'Arial', sans-serif;font-weight: 400;font-style: normal;font-size: 13px;letter-spacing: normal;text-align: left;text-transform: none;border-radius: 0;border:1px solid rgba(170, 170, 170, 1);}
.required{color: #ff0000;}
.form-control.error, .select_search.error ~ .select2-container{border-bottom: 4px solid rgba(255, 78, 98, 1)!important;}
.select_search.error ~ .select2-container--default .select2-selection--single{border-bottom: 0}
.form-label, #maintenance_form .check-label{font-family: 'Arial', sans-serif;font-weight: 400;font-style: normal;letter-spacing: normal;color: #333333;font-size: 16px;text-align: right;}
.sub-title{font-family: 'Times New Roman', sans-serif;font-weight: 400;font-style: normal;font-size: 24px;color: #555555;}
.p-20{padding: 20px!important;}
.blue-bg{background-color: rgba(129, 211, 248, 1)}
.gray-bg{background-color:rgba(242, 242, 242, 1)}
select.form-control, select.form-control *{font-family: 'Arvo';font-weight: 700;font-style: normal;font-size: 14px;letter-spacing: normal;color: #00B2E2;}
.custom_loader{position: absolute;width: 100%;z-index: 999;top: 40px;}
.custom_loader .loader{margin: 0 auto;}
.dark-red{color: #A30014!important;}
.row.form-group{margin-bottom: 25px;}
.pink-bg{background-color:rgba(236, 128, 141, 0.2);}
.orange-bg{background-color: rgba(250, 205, 145, 1);}
.p-t-20{padding-top:20px;}
/*-----Dashboard css-----*/
.custom_datepicker input{width: 100%;padding: 10px 10px 10px 10px;font-family: 'Arial', sans-serif;font-weight: 400;font-style: normal;font-size: 13px;letter-spacing: normal;color: #8C8C8C;border: 1px solid rgba(140, 140, 140, 1);border-radius: 5px;background: url(/images/calender-icon.svg)no-repeat 95% center;}
.date-label{font-family: 'Arvo';font-weight: 700;font-style: normal;color: #027DB4;text-align: center;font-size: 13px;margin-bottom: 6px;width: 100%;}
#dashboard .order-summary{padding:0;background-color: rgba(11, 28, 48, 1);border: none;border-radius: 15px;border-top-left-radius: 0;}
.date-title{font-family: 'Arvo';font-weight: 700;font-style: normal;font-size: 18px;text-align: center;color: #F2F2F2;padding: 15px 0 0;}
.date-title span{color: #81D3F8;}
.orderTab{background-color: rgb(242 242 242);padding: 0!important;}
.orderTab .nav-tabs{height: 100%;border-bottom: 0;}
.orderTab .nav-tabs .nav-item{height: 25%;}
.orderTab .nav-tabs .nav-link{border-radius: 0;border: 0;text-align: center;color: #02A7F0;padding:15px 0;font-family: 'Arvo';font-weight: 700;font-style: normal;font-size: 18px;height: 100%;    line-height: 3rem;}
.orderTab .nav-tabs .nav-link.active{background-color: rgba(2, 167, 240, 1);color: #fff;}
.condition{word-wrap: break-word;text-transform: none;font-family: 'Arvo';font-weight: 700;font-style: normal;font-size: 15px;color: #F2F2F2;text-align: right;line-height: 26px;}
.progressBox .form-label{font-family: 'Arvo';font-weight: 700;font-style: normal;font-size: 15px;color: #81D3F8;line-height: 26px;word-wrap: break-word;text-transform: none;margin: 0 0 5px;}
.progressBox .progress{background-color: #fff;height: 19px;border: 1px solid rgba(215, 215, 215, 1);border-radius: 0px;margin-bottom: 15px;}
.progressBox .progress-bar{background-color:rgba(75, 121, 2, 1);}
.total{font-size: 15px;color: #F2F2F2;line-height: 26px;font-family: 'Arial', sans-serif;font-weight: 400;}
.count{font-family: 'Arvo';font-weight: 700;font-style: normal;font-size: 50px;color: #81D3F8}
.count-text{font-size: 14px;color: #F2F2F2;text-align: center;line-height: 20px;margin-bottom: 0}
.progressBox{padding: 20px 0 0!important;}
.col-condition div:first-child{padding-top: 28px;}
.col-condition div:nth-child(2){padding-top: 20px;}
.datepicker-dropdown{background-color: rgb(242 242 242)!important;}
.datepicker .datepicker-switch{font-family: 'Arvo';font-weight: 700;font-style: normal; font-size: 13px;text-align: center;}
.datepicker td, .datepicker th{font-style: normal; font-size: 13px;}
.datepicker-dropdown:after{border-bottom: 6px solid rgb(242 242 242)!important;}
.custom_datepicker{position: relative;}
.datepicker-days{padding: 5px!important;}
#circleBar{margin-top: 40px;text-align: center;}
#circleBar .round{min-height: 215px;margin-top: 30px;position: relative;}
#circleBar .round strong {position: absolute;top: 49%;left: 50%;margin-top: -50px;transform: translate(-50%);font-family: Arvo;font-weight: 700;font-style: normal;font-size: 47px;  color: rgb(255, 255, 255);}
#circleBar span {display: block;font-family: Arvo;font-weight: 700;font-style: normal;font-size: 17px;color: rgb(0, 178, 226);margin-top: 10px;position: absolute;top: 49%;left: 25%;right: 26%;}
/*-----Dashboard End--------*/
/*----Dashboard dataTable css-----*/
.order_thead{background-color: rgba(242, 242, 242, 1);padding: 15px 0;position: relative;}
.order_thead .custom-select{padding: 2px 7px;height: 34px;font-family: 'Arvo';font-weight: 500;font-style: normal;font-size: 14px;letter-spacing: normal;color: #000000;}
.table_listing #order_listing_wrapper .dataTables_length label, .table_listing #order_listing_wrapper .dataTables_filter label{font-family: 'Arvo';  font-weight: 700!important;font-style: normal;color: #333333;font-size: 13px;margin-bottom: 0;}
.table_listing #order_listing_wrapper .dataTables_wrapper .dataTables_filter input{padding: 3px 4px;}
#order_listing_length label{position: absolute;top:-53px;left: 52%;}
#order_listing_length select{background-color: #fff;height: 34px;width: 80px;padding-left: 15px;}
.pressSelect .custom-select{width: 50%;}
.pressSelect label{font-family: 'Arvo';font-weight: 700;font-style: normal;text-align: right;font-size: 13px;letter-spacing: normal;color: #333333;}
#order_listing_wrapper table.dataTable{margin-top: 0px!important;}
#order_listing_wrapper table th:first-child{font-family: 'Arvo';font-weight: 700!important;font-style: normal;  font-size: 16px;color: #7F7F7F;}
#order_listing_wrapper table th{font-family: 'Arial', sans-serif;font-weight: 400!important;font-style: normal;font-size: 16px;color: #7F7F7F;}
#order_listing_wrapper table td{font-family: 'Arial', sans-serif;font-weight: 400;font-style: normal;font-size: 16px;color: #000000;word-wrap: break-word;}
#order_listing_wrapper table td:first-child{color: #02A7F0;}
#order_listing_wrapper table td a{color: #6300BF;}
#order_listing_wrapper table td .custom-select{height: 22px;padding: 2px 2px 2px 2px;font-family: 'Arial', sans-serif;font-weight: 400;font-style: normal;font-size: 13px;letter-spacing: normal;color: #000000;}
/*----End Dashboard dataTable css-----*/
/*-----Quote page css--------*/
.item-col{position: relative;width: 100%;min-height:1px;padding-right:10px;padding-left:10px;}
#quote .table_listing{margin-top:55px;}
.quote-details{padding:20px 0;}
.quote-details .form-group{padding-left: 0;margin-bottom: 30px;}
.quote-details .form-label{font-size: 14px;text-align: right;font-family: 'Arial', sans-serif;font-weight: 400;font-style: normal;letter-spacing: normal;color: #333333;display: inline-block;width: 38%;padding-right: 5px;margin-bottom: 0;}
.quote-details .form-control{width:60%;display: inline-block;}
.item-heading{background-color:rgba(215, 215, 215, 1);padding: 10px 0;}
.item-heading .item-col{font-size: 16px;text-align: center;font-family: 'Arial', sans-serif;font-weight: 400;font-style: normal;letter-spacing: normal;color: #333333;}
.item-even-row{background-color:rgba(242, 242, 242, 1);}
.item-odd-row{background-color:rgba(215, 215, 215, 1)}
.item-table .item-col{padding: 15px 10px;}
.item-table .item-col .form-label{font-family: 'Arvo';font-weight: 700;font-style: normal;font-size: 12px;float: right;color: #333333;text-align: right;margin-bottom: 0;}
.item-even-row .item-col{border-right: 2px solid #d7d7d7;}
.item-table .item-col:first-child, .item-table .item-col:last-child{border-right: 0;}
.item-num-details{padding-top: 30px;}
.item-num-details select.form-control{height: 34px!important;}
.row{margin-right: 0!important;margin-left: 0!important;}
.item-num-details .row.form-group{margin: 0 0 30px;}
.item-table .row.form-group{margin-bottom: 0;}
.item-num-details .form-label{padding:0 10px 0 0;margin-bottom: 0;}
.item-num-details label.error, .quote-details label.error{width: 100%;text-align: right;margin-top: 5px;}
.priceList{position:relative;min-height: 20px;}
.btn-addMore{color:green!important;font-size:20px;position: absolute;right: 0;top: 0;}
.item-col table th{font-size: 12px;}
.item-col table th:first-child{line-height: 1}
.item-col table th:first-child, .item-col table td:first-child{width: 12%;}
.item-col table th:last-child, .item-col table td:last-child{width: 15%;text-align:right;}
.item-col table td button{border:0;color: #A30014;padding: 0}
.item-col table td:nth-child(2),.item-col table th:nth-child(2){width: 38%;}
.item-col table td:nth-child(3),.item-col table th:nth-child(3){width: 35%;}
.item-col table td input[type=button]{border:0;background: url(/images/trash-icon.png)no-repeat center;width: 15px;background-size: contain;padding: 0}
.specify-height{min-height:90px!important;}
/*-----Quote page css--------*/
/*-----User page css--------*/
.role-name{margin-bottom: 0;padding-right: 22px!important;line-height: 40px;}
.roles-perm .form-label{color: #555!important}
.label-check{font-size: 14px;}
.authDetails{background-color:#f2f2f2;padding: 20px;}
.profileForm .form-label{font-family: 'Times New Roman', sans-serif;font-weight: 400;font-style: normal;font-size: 16px;color: #555555;text-align: left;}
.profileForm select.form-control{height: 34px!important;}
/*-----Customer page css--------*/
/*#customers .dataTables_filter{display: none;}*/
/*#customers .dataTables_wrapper .row > .col-md-6{position: absolute;bottom: 0;}*/
/*#customers #indexList_wrapper table td{font-family: 'Arial', sans-serif;font-weight: 400;  font-style: normal;font-size: 16px;color: #6300BF;text-decoration: underline;}*/
.searchCol .form-label{margin-bottom: 0;display: flex;justify-content: flex-end;align-items: center;}
.searchCol .input-group-text{background-color: #fff;padding-right: 0;height: 34px;border-color: rgba(170,170,170,1);border-radius: 0;}
.searchCol .input-group .form-control{border-left: 0;height: 40px;}
#new_customer .form-control, #new_customer select.form-control{border:1px solid #797979;border-radius: 0px;height: 34px;padding: 2px 5px;font-family: 'Arial', sans-serif;font-weight: 400;font-style: normal;font-size: 13px;letter-spacing: normal;color: #000000;}
#new_customer .form-label{margin-bottom: 0;display: flex;justify-content: flex-end;align-items: center;}
.label-center{display: flex;justify-content: flex-end;align-items: center;margin-bottom: 0}
.contact-details .check-label{font-size: 16px;font-family: 'Arial', sans-serif;font-weight: 400;font-style: normal;color: #333333;}
#new_customer .sub-title{font-family: 'Arvo';font-weight: 700;font-style: normal;font-size: 21px;color: #555555;margin-bottom: 20px;}
.p-top-40{padding-top: 40px;}
.add_card{display: none;margin: 30px 0 20px;}
.selection .form-group{margin: 0 0 20px;}
.selection .form-label{font-size: 16px;color: #027DB4;font-family: 'Arial', sans-serif;font-weight: 400;font-style: normal;margin-bottom: 0;line-height: 34px;}
.selection .form-control{border:1px solid #797979;height: 44px;font-family:'Arial', sans-serif;font-weight: 400;font-style: normal;font-size: 13px;border-radius: 0;}
.job_history .dataTables_length, .job_history .dataTables_filter, .jobMasters_listing .dataTables_filter{display: none;}
.job_history #indexList_wrapper .table th{border-top:0!important}
/*-----End Customer page css--------*/
/*-----Job master page css--------*/
#job_masters .dataTables_wrapper .row > .col-md-6{position: absolute;bottom: 0;}
#job_masters #indexList_wrapper .table td a{color: #6300BF}
.jobCheck.pink-bg{margin-top: -20px;padding: 12px 15px;}
#job_masters textarea.form-control{height: 90px;}
#job_masters .text-right .btn{margin-top: 40px;min-width: 140px;}
#job_masters .createCard{padding-bottom: 40px}
#job_masters label.error{width: 100%;text-align: right;margin-top: 5px;}
/*-----End Job master page css--------*/
/*-----Maintenance page css--------*/
#maintenance_form label.error, #new_customer label.error{width: 100%;text-align: right;margin-top: 5px;}
#maintenance_form .check-label{margin-right: 0;}
#maintenance_form form{margin-top: 15px;}
#maintenance_form #packingTypeValidation .btn-submit{vertical-align: top;}
/*-----End Maintenance page css--------*/
/*-----Active orders page css--------*/
#active_ordersList .dataTables_wrapper .row > .col-md-6{position: absolute;bottom: 0;}
/*-----End Active orders page css--------*/
/*----New Order page css --*/
#new_order .orange-bg{margin-bottom: 30px;}
#new_order .orange-bg .col-md-6{padding: 0 10px;}
#new_order .orange-bg .form-label{margin-bottom: 0;}
#new_order textarea.form-control{min-height: 90px;}
#new_order .btn{min-width: 120px;margin-top: 40px;font-family: 'Arvo';}
#new_order .select2-container{width: 100%!important}
#new_order .job-status{background-color: #0b1c30;padding: 6px;margin-bottom: 30px;}
.project-stage{background-color: rgba(255,255,255,0.2);padding: 20px 0;margin-bottom: 15px;}
.project-stage h3{color: #fff;margin-bottom: 30px}
#new_order .project-stage label{color: #fff;font-size: 14px;width: 70%;}
#new_order .input-group-text{border-radius: 0;}
.project-stage .checkList input{float: right;}
.voidReason{background-color:rgba(109, 0, 14, 1);border-left: 5px solid #0b1c30;padding-top: 25px;margin-bottom: 15px;}
.job-status label{color: #fff;}
.job-status .fa-folder-open{color: #00B2E2;font-size: 30px;margin-left: 10px;}
.job-status .gray-bg{padding: 10px 0;margin-bottom: 20px;}
.job-status .gray-bg label{color: #000;}
.reprint.checkList input{left: 10px;}
#orders_history{margin-top: 30px;}
#orders_history h3{background-color: #f2f2f2;margin-bottom: 0;padding: 10px 20px;}
#orders_history table td a{color: #6300BF;text-decoration: underline;}
/*----End New Order page css --*/
/*----pressroom page css---*/
#pressroom .btn.view-proof{background-color: rgba(99, 0, 191, 1);border: none;border-radius: 5px;font-family: 'Arvo';font-weight: 700;font-style: normal;color: #fff;font-size: 13px;}
#pressroom textarea.form-control{height: 150px!important;}
#pressroom .text-success{font-family: 'Arvo';font-weight: 700;font-style: normal;font-size: 16px;color: #4B7902!important;}
#pressroom h2 span.text-success{font-size: 26px!important;}
#pressroom .gray-bg a{font-family: 'Arvo';font-weight: 700;font-style: normal;font-size: 16px;text-decoration: underline;color: #027DB4;line-height: 2;}
#pressroom .text-right-button-group{margin-top: 30px;}
/*-----Packaging page css------*/
#packingList .text-success{font-family: 'Arvo';font-weight: 700;font-style: normal;font-size: 16px;color: #4B7902!important;margin-bottom: 0;}
#packingList label{margin-bottom: 0}
#packingList .dataTables_wrapper{margin-top: 20px;}
/*-----Select2 search css--------*/
.createCard .select2-container--default .select2-selection--single, .selectShip .select2-container--default .select2-selection--single{border-radius:0;height: 34px;}
.createCard .select2-container--default .select2-selection--single .select2-selection__rendered, .selectShip .select2-container--default .select2-selection--single .select2-selection__rendered{font-family: 'Arial', sans-serif;font-weight: 500;font-style: normal;font-size: 13px;line-height: 30px;color: #000000;text-align: left;}
.select2-search [type=search]{outline-offset:0;}
.select2-container--default .select2-search--dropdown .select2-search__field{outline: none!important;}
.select2-container--default .select2-results__option{background-color: #fff;color: #000000;font-size: 14px;}
.selectShip .select2-container{width: 100%!important;}
/*----End Select2 search---*/
/*----Commom table css------*/
.dataTables_info{display: none;}
.table_listing{margin-top: 40px;position: relative;}
.table_listing .dataTables_wrapper table.dataTable{border-collapse:collapse!important;}
.table_listing .dataTables_wrapper table.dataTable>thead .sorting:before{right:0.5em;}
.table_listing table.dataTable>thead .sorting:before, .table_listing table.dataTable>thead .sorting:after{bottom: unset;top: 6px;}
.table_listing .dataTables_wrapper table.dataTable>thead .sorting:after{right:0.2em;}
table.dataTable thead th, table.dataTable td{padding:8px 5px 8px 10px!important;border-color: #d7d7d7!important;vertical-align: top;}
table.dataTable.no-footer{border-color: #d7d7d7!important;border-width: 2px;border-bottom: 0!important;}
div.dataTables_wrapper div.dataTables_paginate{margin: 0 auto!important;float:left;font-family: 'Arial', sans-serif;font-weight: 400;font-style: normal;font-size: 13px;letter-spacing: normal;}
.table_listing .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .table_listing .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .table_listing .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{color: #169BD5!important;}
.table_listing .dataTables_paginate .paginate_button.previous{border-bottom-left-radius: 5px;border-top-left-radius: 5px;border-right: 0!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button{margin:20px 0 20px 0!important;}
.table_listing .dataTables_wrapper .dataTables_paginate .paginate_button.current, .table_listing .dataTables_wrapper  .dataTables_paginate .paginate_button.current:hover{background: rgba(22, 155, 213, 1)!important;border:1px solid rgba(215, 215, 215, 1)!important;color: #fff!important;border-radius: 0;}
.table_listing .dataTables_wrapper .dataTables_paginate .paginate_button.next{border-bottom-right-radius: 5px; border-top-right-radius: 5px;border-left: 0!important;}
.table_listing .dataTables_wrapper .dataTables_length select{margin-left: 5px;}
#indexList_wrapper  .dataTables_length, #indexList_wrapper .dataTables_filter{margin-bottom: 20px;float: left;}
#indexList_wrapper  .dataTables_length label, #indexList_wrapper .dataTables_filter label{font-family: 'Arial', sans-serif;font-weight: 400;font-style: normal;  letter-spacing: normal;color: #333333;font-size: 16px;margin-bottom: 0;text-align: left;}
#indexList_wrapper .dataTables_length select{height: 22px; padding: 2px 2px 2px 2px;font-family: 'Arial', sans-serif;font-weight: 400;font-style: normal;font-size: 13px;letter-spacing: normal;color: #000000;text-align: left;width: 80px;height: 34px;padding-left: 10px}
#indexList_wrapper div.dataTables_filter input{outline: none;}
#indexList_wrapper .table th, #indexList_wrapper .table td{font-size: 16px;font-family: 'Arial', sans-serif;font-weight: 400;}
#indexList_wrapper .table th{border-top: 2px solid #d7d7d7;color: #7F7F7F;}
#indexList_wrapper .table td{border-bottom: 2px solid #d7d7d7;}
#indexList_wrapper .table td span{color: #d7d7d7;}
#indexList_wrapper .table td a{color: #015478;text-decoration: underline;}
.table td .btn{padding: 5px 8px;line-height: 1;margin-bottom: 5px;color: #fff!important;}
.table td .btn .fa{font-size: 14px;}
#indexList td{border-bottom: 2px solid #d7d7d7;}
#indexList th{border-top: 2px solid #d7d7d7;color: #7F7F7F;vertical-align: top;}
.td_divider{border-bottom: 1px solid #ccc;margin: 2px 0;}
/*----End Commom table css------*/
/*----Buttons css----*/
.rightButton{position: absolute;right: 0;top: 20px;z-index: 1;}
.new_btn_div{background-color: rgba(242,242,242,1);position: absolute;top: 0;right: 0;width: 30%;text-align: right;padding: 15px 10px;z-index: 1;}
.item-table .btn{border: none;border-radius: 5px;height: 40px;font-family: 'Arvo';font-weight: 700;font-style: normal;font-size: 13px;margin-top: 30px;min-width: 140px;}
.btn-history{background-color: rgba(1, 84, 120, 1);color: #FFFFFF!important;text-decoration: none!important;}
.btn-undo{background-color:rgba(127, 127, 127, 1);color: #FFFFFF!important;text-decoration: none!important;}
.btn-submit{background-color:rgba(22, 155, 213, 1);color: #FFFFFF!important;text-decoration: none!important;}
.danger_btn, .btn-danger, .btn-success{color: #FFFFFF!important;}
.item-table .btn-danger{color: #A30014!important;background-color: transparent!important;}
.item-num-details .btn{min-width:120px;}
.item-num-details .btn-submit{margin-right: 15px;}
.profileForm .btn{min-width: 100px;}
#customers .rightButton, #item_number .rightButton, #quote .rightButton{right: 15px;top:12px;}
.btn-search{background-color: rgba(1, 84, 120, 1);border-radius: 5px;font-family: 'Arvo';  font-weight: 700;font-style: normal;color: #FFFFFF!important;min-width:100px;margin-left: 10px;height: 40px;}
.btn-delete{color: #D9001B!important;text-align: right;text-decoration: underline!important;font-family: 'Arvo';font-weight: 700;font-style: normal;font-size: 13px;cursor: pointer;}
.add-btn{font-family: 'Arvo';font-weight: 700;font-style: normal;text-decoration: underline!important;color: #027DB4!important;text-align: right;font-size: 13px;cursor: pointer;}
.blue-bg .btn{border:1px solid #fff;}
.btn-saveNew{background-color: rgba(112, 182, 3, 1);color: #fff!important;}
#laminate .rightButton{right: 15px;}
/*----End Button css-----*/
/*-----Modal css------*/
.modal{z-index: 99999!important;}
.modal-body .sub-title{margin-bottom: 30px;}
.modal-body .form-control{border-radius: 0px;}
.modal-body .form-control{height: 34px;border-radius: 0;border: 1px solid #aaa;font-size: 14px;}
/*----Checkbox css------*/
.activeCheck{padding-top: 34px;}
.activeCheck input, .jobCheck input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.activeCheck label {position: relative;cursor: pointer;font-family: 'Arvo';font-weight: 700;font-style: normal;font-size: 13px;letter-spacing: normal;color: #333333;margin:0}
.jobCheck label{position: relative;cursor: pointer;font-size: 16px;font-family: 'Arial', sans-serif;font-weight: 400;font-style: normal;color: #333333;}
.activeCheck label:before, .jobCheck label:before{content:'';-webkit-appearance: none;background-color: #fff; border: 1px solid #797979;padding: 9px;display: inline-block;position: relative; vertical-align: middle;cursor: pointer;margin-right: 15px;}
.activeCheck input:checked + label:after, .jobCheck input:checked + label:after{content: '';display: block;position: absolute;  top: 2px;left: 8px;width: 8px;height: 14px;border: solid #797979;border-width: 0 3px 3px 0;  transform: rotate(45deg);}
.check-label{position: relative;cursor: pointer;font-family: 'Arvo';font-weight: 400;font-style: normal;font-size: 13px;letter-spacing: normal;color: #333333;margin-right:8px;}
.checkList input{position: relative;top: 5px;width: 20px;height: 20px;border-radius: 0;}
#active_orders .checkList{margin-bottom: 0!important;padding-top: 5px;}
.resize{resize: both;overflow: scroll;border: 1px solid black; border: ridge 2px;
    padding: 5px;
    width: 20em;
    min-height: 10em;
    overflow: auto; }

 #pressroom textarea.textarea_height{
        height: 84px !important;

}
/*----End Checkbox css------*/
/*--Responsive css----*/
@media all and (min-width: 1400px){
	.item-table .item-col{padding: 15px;}
	.quote-details .form-label{font-size: 16px;}
	.sidebar::-webkit-scrollbar {display: none;}
}
@media all and (min-width: 1200px){
	#new_order .form-label{font-size: 15px;}
}
@media all and (min-width: 991px) and (max-width: 1024px){
	.page_body{padding: 0 10px;}
	.quote-details .form-control{vertical-align: top;}
	.page_body .createCard{padding: 15px 0;}
	.item-table .btn{min-width: 135px;}
	#indexList_wrapper  .dataTables_length, #indexList_wrapper .dataTables_filter{width:50%;}
	.searchCol .form-label{line-height: 1.2;}
}
@media all and (min-width: 991px){
	.cust-details, .contact-details, .ship-details{padding: 20px 15px;}
	.item-col{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;}
	#indexList_wrapper div.dataTables_filter input{width: 90%;}
	#modalDuplicate .modal-dialog, #viewOrderModal .modal-dialog{max-width: 85%;}
}
@media all and (min-width: 768px) and (max-width: 990px){
	.d-tab-none{display: none;}
	header{min-height: 100px;}
	.sidebar{top: 100px;max-width: 200px;}
	.content-wrapper{padding: 110px 0 0 200px;}
	#circleBar span{left: 37%;}
	.progressBox{margin-bottom: 20px!important;}
	.pressSelect{padding: 0!important;}
	.btn-new{width: 100%;}
	#dashboard #order_listing_length{margin-bottom: 15px;}
	#order_listing_length label{position: relative;top: 4px;left: unset;}
	.item-col{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;}
	.page_body{padding: 0;}
	.quote-details .form-label{width: 100%;}
	.quote-details .form-control{width: 100%;}
	.quote-details .form-group{padding-left: 15px;}
	.page_body .createCard{padding: 15px 8px;}
	.item-table .item-col .form-label{word-break: break-all;}
	.item-table .btn{min-width: 90px;}
	.userName .navbar-toggler{display: none;}
	.userName .navbar-collapse{display: block;}
	.userName .navbar-nav .dropdown-menu{position: absolute;top: 64px;}
	.new_btn_div{position: relative;background-color: transparent;width: 40%;float: right;}
	#quote_listing_wrapper .dataTables_length, #quote_listing_wrapper .dataTables_filter{width:50%;}
	#quote_listing_wrapper .dataTables_filter label input{width: 75%;}
	.item-num-details .form-label{text-align: left;font-size: 14px;}
	#indexList_wrapper  .dataTables_length, #indexList_wrapper .dataTables_filter{width:50%;}
	#customers div.dataTables_wrapper div.dataTables_paginate, #job_masters div.dataTables_wrapper div.dataTables_paginate{float: right;}
	.contact-details .checkList{margin-top: 25px;}
	#new_customer .sub-title{margin-top: 20px;}
	#new_customer .contact-details .btn-delete{position: relative;top:-25px}
	.blue-bg, .ship-details.gray-bg{padding-top: 20px;}
	.blue-bg .btn-submit{margin-right: 15px;}
	.ship-details .pl-2{padding-left: 15px!important;}
	.ship-details .pr-2{padding-right: 15px!important;}
	#customers .rightButton, #item_number .rightButton{position: relative;top: 0;text-align: right;margin-bottom: 20px;}
	#customers .rightButton .btn, #item_number .rightButton .btn{width: 30%;}
	.btn-search{min-width: 90px;}
	.jobCheck.pink-bg{margin-top: -30px;}
	#maintenance_list .form-label, #new_order .form-label{text-align: left;padding-left: 0!important;}
	#maintenance_form #diesValidation .checkList, #maintenance_form #materialValidation .checkList{text-align: right;}
	#maintenance_form #diesValidation .check-label, #maintenance_form #materialValidation .check-label{padding-right: 0	}
	#new_order .orange-bg .form-label{text-align: right;}
	#new_order .form-label{font-size: 15px;}
	.mb-md-10{margin-bottom: 10px;}
	#pressroom .form-label{text-align: left;font-size: 14px}
	.p-lr-md-0{padding-left: 0!important;padding-right: 0!important;}
}