/*
 font-family: 'Raleway', sans-serif;
*/
html { scroll-behavior: smooth; }
*{padding:0; margin:0; border:none; box-sizing:border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0;   vertical-align: baseline; }
a{color:inherit;-moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
a:after,a:before{ -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
body { font-family: 'Raleway', sans-serif; font-size: 18px; line-height:24px; font-weight: 400; color: #000; background: none; padding: 0px; margin: 0px; border: none; position: relative; background-color: #EDEDED; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus, :hover, a:hover, a:focus { outline: none; text-decoration: none; }
a{ text-decoration: none; }
.imgMain{position:relative; text-align:center;}
img { max-width: 100%; vertical-align: middle; border: none; max-height: 100%; border-radius: 0;}
textarea{ resize: none; }
input, textarea{border-radius: 0; -webkit-appearance: none;}
select {-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
.absoImg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
svg:not(:root).svgImg{ overflow: visible }
.svgImg{ display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em; font-size:22px;}
.wrapper { width: 100%; overflow: hidden; /*max-width: 1920px;*/ max-width: 100%; margin: auto; position: relative}
.trans { -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.cmsbtn { min-width: 197px; min-height: 50px; font-size: 18px; line-height: 1.2em; color: #fff; background: #ec4000; border: 1px solid #ec4000; text-align: center; padding: 0 15px; text-transform: uppercase; font-weight: 700; display: inline-flex; position: relative; align-items: center; justify-content: center; cursor: pointer; } 
a[href^="mailto"] { word-break: break-all; }
button:focus { outline: 0; }

.text-red { color: #EA4336 !important; }
.text-black { color: #000000 !important; }
.yellow-text { color: #F5C005 !important; }
.orange-text { color: #EA4336 !important; }

::-webkit-input-placeholder{color:#999999;}
:-moz-placeholder{color:#999999;opacity:1;}
::-moz-placeholder{color:#999999;opacity:1;}
:-ms-input-placeholder{color:#999999;}
::-ms-input-placeholder{color:#999999;}
::placeholder{color:#999999;}

/*Error Message Css Start*/
label.error,span.wpcf7-not-valid-tip{position:absolute;right:0;top:-20px;width:auto;height:auto;margin:0;-webkit-font-smoothing:auto;line-height:normal;font:11px/11px arial;background:#fb0101;padding:5px 5px 4px;color:#fff;z-index:1; min-width: 110px;}
label#email_chimp-error.error{right:inherit;left:20px;z-index:2;}
label.error:after,span.wpcf7-not-valid-tip:after{border-color:#fb0101 transparent transparent;-moz-border-image:none;-o-border-image:none;border-image:none;border-right:6px solid transparent;border-style:solid;border-width:6px;content:" ";height:0;left:20px;margin-left:-10px;position:absolute;top:100%;width:0;}
div.wpcf7-validation-errors,div.wpcf7-acceptance-missing{display:none!important;}
div.wpcf7-mail-sent-ng,div.wpcf7-aborted,div.wpcf7-response-output{float:left;width:100%;}
.screen-reader-response, .wpcf7-display-none, .wpcf7 form .wpcf7-response-output{display:none !important;}
.wpcf7-form-control-wrap{display: inline-block; width: 100%;}
.fixbody {overflow: hidden;/* position: fixed; */top: 0;bottom: 0;right: 0;left: 0;margin: auto;}
.fixbody .overlay {visibility: visible;opacity: 1;}
.overlay {background: rgba(0, 0, 0, 0.5);position: fixed;width: 100%;height: 100%;z-index: 1;top: 0%;right: 0;opacity: 0;visibility: hidden;z-index: 999;}
.orange { color: #EE7238 !important; }
/*Error Message Css End*/

/*Box section css start*/
.Common-TableSec { background-color: #fff; border-radius: 20px; padding: 24px 30px 30px; margin-bottom: 30px; }
.boxTitle { font-weight: 700; font-size: 27px; text-transform: uppercase; color: #707070; line-height: 1.4em; padding-bottom: 15px; }
.table-grey-heading-bg thead { background-color: #CBCBCB; color: #7C7878; font-size: 21px; line-height: 1.4em; text-transform: uppercase;  }
.Common-TableSec table { width: 100%; }
.Common-TableSec .mCustomScrollBox { width: 100%; }

.tbody-content tbody tr td { font-size: 21px; color: #7C7878; font-weight: 700; line-height: 1.2em; position: relative;}
.boxscroll thead  { position: sticky; top: 0px; z-index: 1; }
.boxscroll { overflow-x: auto; position: relative; display: block; width: 100%; margin: 0 auto; overflow-y: auto; height: 320px; }
.boxscroll table, .fixed_header table { position: sticky; border-collapse: collapse; }
/*.boxscroll tbody { max-height: 260px; height: 100%; width: 100%; overflow-y: auto; overflow-x: hidden; display: block; }*/
.boxscroll thead tr, .boxscroll tbody tr { width: 100%; display: table-row; }

/*.boxscroll thead th, .boxscroll tbody td { min-width: 220px; }*/

/*.machine_ramainig thead th:first-child, .machine_ramainig tbody td:first-child { min-width: 200px; }
.upcomOrdTble thead th:first-child, .upcomOrdTble tbody td:first-child {  min-width: 200px;}
.workorderTble thead th:first-child, .workorderTble tbody td:first-child { min-width: 200px; }*/

thead th:last-child, tbody td:last-child { text-align: right; }
tbody td:first-child, tbody td:last-child { padding-left: 15px; padding-right: 15px; }
thead th:first-child { padding-left: 15px; padding-right: 15px; }
thead th:last-child { padding-left: 15px; padding-right: 30px; }

.noRecord { font-size: 21px; color: #7C7878; font-weight: 700; line-height: 1.2em; position: relative; text-align: center; }

thead th { padding: 13px 15px; }
thead th, tbody td { padding: 10px 15px; }
.Common-TableSec table tr:nth-child(even) { background-color: #F2F2F2; }
table td { display: table-cell; }
tbody, thead { width: 100%; }

/*Box section css start*/

/*------------------------------------------------------------- General css End -------------------------------------------------------------*/

.homeMainSec { padding-top: 50px; }
.innerMainSec { padding-top: 28px; }

/*CMS Page Css Start*/
.cmsPage {display: inline-block; width: 100%;}
.cmsPage,.cmsPage p{font:300 18px/30px 'Raleway',sans-serif;color:#000;}
.cmsPage img{width:auto;height:auto;}
.cmsPage p{margin: 0 0 20px;}
.cmsPage blockquote {background: #fff; padding: 10px 15px; margin-bottom: 15px; border-left: 3px solid #1057a3; border-top: 1px solid #f1f2f2; border-right: 1px solid #f1f2f2; border-bottom: 1px solid #f1f2f2; margin: 0 0 20px; display: flex;}
.cmsPage blockquote:before{display: none;}
.cmsPage blockquote p{margin: 0; line-height: 24px;}
.cmsPage p:last-child{margin-bottom:0}
.cmsPage h1,.cmsPage h2,.cmsPage h3,.cmsPage h4,.cmsPage h5,.cmsPage h6{font-family: 'Blinker', sans-serif;}
.cmsPage h1,.cmsPage h2,.cmsPage h3,.cmsPage h4,.cmsPage h5,.cmsPage h6,.cmsPage ul{display:block;color:#000;position:relative; margin-bottom:15px;font-weight:600;padding:0;}
.cmsPage blockquote + h2, .cmsPage p + h1,.cmsPage p + h2,.cmsPage p + h3,.cmsPage p + h4,.cmsPage p + h5,.cmsPage p + h6, .cmsPage ul + h1,.cmsPage ul + h2,.cmsPage ul + h3,.cmsPage ul + h4,.cmsPage ul + h5,.cmsPage ul + h6, .cmsPage ol + h1,.cmsPage ol + h2,.cmsPage ol + h3,.cmsPage ol + h4,.cmsPage ol + h5,.cmsPage ol + h6{margin-top: 15px; /*display: inline-block; width: 100%;*/}
.cmsPage p + h1,.cmsPage p + h2, .cmsPage ul + h1,.cmsPage ul + h2, .cmsPage ol + h1,.cmsPage ol + h2{margin-top: 15px;/* display: inline-block; width: 100%;*/}
.cmsPage h5 + h6, .cmsPage h4 + h5,.cmsPage h4 + h6, .cmsPage h3 + h4,.cmsPage h3 + h5,.cmsPage h3 + h6, .cmsPage h2 + h3,.cmsPage h2 + h4,.cmsPage h2 + h5,.cmsPage h2 + h6, .cmsPage h1 + h2,.cmsPage h1 + h3,.cmsPage h1 + h4,.cmsPage h1 + h5,.cmsPage h1 + h6{margin-top: 10px; /*display: inline-block; width: 100%;*/}
.cmsPage h2 + p + ul, .cmsPage h3 + p + ul, .cmsPage h4 + p + ul, .cmsPage h5 + p + ul, .cmsPage h6 + p + ul, .cmsPage h2 + p + ol, .cmsPage h3 + p + ol, .cmsPage h4 + p + ol, .cmsPage h5 + p + ol, .cmsPage h6 + p + ol{margin-top: -10px}
.cmsPage h1{font-size:40px;line-height:44px;}
.cmsPage h2{font-size:30px;line-height:35px; color: #1057a3;}
.cmsPage h3{font-size:25px;line-height:30px; font-weight: 400;}
.cmsPage h4{font-size:22px;line-height:26px; font-weight: 400;}
.cmsPage h5{font-size:18px;line-height:24px; font-weight: 400;}
.cmsPage h6{font-size:16px;line-height:18px; font-weight: 400;}
.cmsPage h2 > strong,.cmsPage h3 > strong{display:inline-block;font-weight:600;}
.cmsPage strong{color:#000;}
.cmsPage .underline,.underline{text-decoration:underline}
.bold,.cmsPage .bold{font-weight:700}
.cmsPage .italic,.cmsPage em,.italic{font-style:italic}
.cmsPage ol li,.cmsPage ul li{font:400 16px/24px 'Raleway',sans-serif;color:#000;}
.cmsPage a{color:#1057a3;font-weight:600;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out; text-decoration: underline;}
.cmsPage a.btn{color:#ffffff; text-decoration: none; text-transform: uppercase; font-weight: 400;}
.cmsPage a[href^="sms"], .cmsPage a[href^="tel"]{text-decoration: none;}
.cmsPage a strong{color: inherit;}
.cmsPage h2 > a,.cmsPage h3 > a{text-decoration:none;color:#000;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.cmsPage li h1:before,.cmsPage li h2:before,.cmsPage li h3:before{display:none;}
.cmsPage li h1{font-size:24px;line-height:28px;margin-bottom:2px; margin-top: 0;}
.cmsPage li h2{font-size:22px;line-height:26px;margin-bottom:2px; margin-top: 0;}
.cmsPage li h3{font-size:20px;line-height:24px;margin-bottom:2px; margin-top: 0;}
.cmsPage h2 > a:hover,.cmsPage h3 > a:hover{color:#1057a3}
.cmsPage .bold a{font-weight:700;}
.cmsPage ul{margin:0 0 20px;}
.cmsPage ul li{font-size:18px;color:#000;position:relative;padding:0 0 0 25px;margin:0 0 12px;display:table; font-weight: 300;}
.cmsPage ul li::before{content: ""; width: 10px; height: 10px; display: inline-block; background: #1057a3; position: absolute; top: 8px; left: 2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.cmsPage ol{margin-bottom:15px;counter-reset:list}
.cmsPage ol li{position:relative;margin-bottom:5px;font-size:18px;line-height:24px;padding:0 0 0 20px; font-weight: 300;}
.cmsPage ol li:before{content:counter(list) '.';counter-increment:list;color:#000;display:table-cell;vertical-align:top;margin:0 5px 0 0;float:left;position:absolute;font-weight:500;left:0;top: 0px;font-size:14px;}
.cmsPage ol li:not(:last-child){margin:0 0 8px;}
.cmsPage ol:last-child,.cmsPage ul:last-child{margin-bottom:0}
.alignleft{text-align:left}
.alignright{text-align:right}
.aligncenter{text-align:center}
img.alignleft{float:left;margin-right:35px;margin-bottom:15px;margin-top:15px}
img.alignright{float:right;margin-left:35px;margin-bottom:15px;margin-top:15px}
img.aligncenter{display:block;margin:0 auto 25px}
.cmsPage a.cmsButton{font-size:14px;line-height:35px;font-weight:600;padding:8px 20px;background:#818285;border:2px solid #818285;border-radius:50px;color:#fff;text-transform:uppercase;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.cmsPage h2 .bold{display:block;}
.cmsPage p:empty,.cmsPage p:blank{margin:0;}
.cmsPage .tablebox, .tablebox{ overflow-x:auto; position:relative; display:block; width:100%; margin:0 auto;}
.cmsPage table { display:table;width:100%;max-width:772px;margin:10px auto 20px;border:1px solid #d9d9d9;border-radius:5px;}
.cmsPage table th,.cmsPage table tr:first-child td,.cmsPage table tr:first-child th{text-align:center;padding:14px 8px;font-size:18px;font-weight:600;color:#ffffff;background:#1057a3;}
.cmsPage table td{padding:20px 15px;vertical-align:top;min-width:180px;}
.cmsPage table tr:not(:last-child) td{border-bottom: 1px solid #d9d9d9;}
.cmsPage table td p{text-align:justify; margin: 0;}
.cmsPage table td ul{margin: 0;}
.cmsPage table td ul li{display:inline-block;margin: 0;}
.cmsPage table td strong{font-size:18px;color:#000;font-weight:600;}
.cmsPage table td ~ td, .cmsPage table th ~ th{border-left:1px solid #d9d9d9;}
.cmsPage table td.center{text-align:center;}
/*CMS Page Css End*/

/* Footer Sticky CSS Start */
.footerSticky{position:fixed;left:0;right:0;bottom: -45px;z-index:8; color:#ffffff;height:45px;display:none; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out;}
.footerSticky.active{bottom: 0;}
.footerStickyInner{display:table;width:100%;}
.fStickyLeft{display:table-cell;width:40%;vertical-align:middle;background:#EE7238;text-align:center;}
.fStickyRight{display:table-cell;width:60%;vertical-align:middle;background:#000;text-align:center;}
.fStickyLeft a, .fStickyRight a{font-size:14px;font-weight:700;display:flex; align-items: center; justify-content: center; padding:5px;height:44px;line-height:1;}
.fStickyLeft a span,.fStickyRight a span{text-align:left;display:inline-block;vertical-align:middle; font-size: 14px; line-height: 1; font-family: "metropolis",sans-serif; font-weight: 500;}
.fStickyLeft .svgImg{width:18px;height:18px;margin-right:5px;vertical-align:middle;display: inline-block;margin-top: -2px;}
.fStickyRight .svgImg{width:25px;height:24px;margin-right:5px;vertical-align:middle;display: inline-block;}
/* Footer Sticky CSS End */

/* Login Page Start */
.loginBody { background-color: #fff; }
.loginDiv { width: 32%; max-width: 414px; margin: 0px auto; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.loginLogo { display: block; padding-bottom: 57px; }
.form-group { margin-bottom: 28px; }
.input-field { width: 100%; min-height: 50px; border: 1px solid #707070; font-size: 18px; font-weight: 700; color: #999999; padding: 11px 20px 10px; line-height: 1.4em; }
.tm_agree{display: flex; flex-direction: row;}
.loginBtnCol { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.custom_checkbox input[type='checkbox'] + label > span{width:20px;height:20px;border-radius: 0;border: 1px solid #707070;}
.custom_checkbox input[type='checkbox']:checked + label > span{background-color: #000;border-color: #000;}
.custom_checkbox input[type='checkbox'] + label {  position: relative; display: flex; align-items: center; font-size: 14px; color: #000; font-weight: 400; }
.custom_checkbox input[type='checkbox']:checked + label > span:before { content: ""; border-left: 3px solid #fff; border-bottom: 3px solid #fff; position: absolute; top: 7px; left: 3px; width: 14px; height: 8px; transform: rotate(-45deg);}
.custom_checkbox  label.error{ position: absolute; right: auto; top: -25px; width: auto; height: auto; margin: 0px; -webkit-font-smoothing: auto; line-height: normal;  font: 11px/11px arial; background: #fb0101; padding: 5px 5px 4px; color: #fff; z-index: 1; min-width: 110px;}
.custom_checkbox_text { color: #999999; font-size: 18px; line-height: 1.4em; font-weight: 700; padding-left: 12px; }
.log_subtn { min-width: 120px; }
.pass_view { display: flex; position: absolute; right: 20px; top: 15px; width: 20px; cursor: pointer; }
.form-group { position: relative; }
.pass_view img:last-child { display: none; }
.forgetpassDiv { width: 33%; margin: 0px auto; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.forgetpassDiv .forgetbtn { display: inline-flex; width: 100%; justify-content: space-between; }
.forgetbtn .cmsbtn { font-size: 16px;}
.forgetBtnCol { display: flex;  }
.forgetbtn { display: inline-flex; align-items: center; }
.logbacklink .forgotpasslink i.fa { font-size: 22px; line-height: 26px; margin-right: 5px; }
.logbacklink .forgotpasslink { display: inline-flex; align-items: center;}
/* Login Page End */

/* index Page Start */
.header-main { position: fixed; left: 0px; right: 0px; top: 0px; z-index: 10; margin: auto; /*max-width: 1920px;*/ max-width: 100%; -webkit-animation-name: stickyheader; -webkit-animation-duration: 0.8s; animation-name: stickyheader; animation-duration: 0.8s; }
@keyframes stickyheader {
    from {transform: translateY(-100%);-moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);}
    to {transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);}
}
@-webkit-keyframes stickyheader {
    from {transform: translateY(-100%);-moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);}
    to {transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);}
}
.logo-div { width: 15%; }
.header-main.hFixed .logo-div { width: 10%; }
.header-main.hFixed { background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
.header-main.hFixed .header-innr-main { padding: 10px 0px;  }
.top-header { background-color: #000000; width: 100%; min-height: 35px; }
.topheaderRow { display: flex; justify-content: space-between; flex-wrap: wrap; }
.user-profile-div { display: flex; flex-wrap: wrap; }
.pertshipDesc { display: flex; align-items: center; }
.pertshipDesc .pertshiptxt { color: #fff; font-size: 14px; line-height: 1.4em; font-weight: 700; }
.profileNam, .backendlink { background-color: #fff; color: #F07238; font-size: 14px; font-weight: 700; line-height: 1.4em; padding: 8px 14px; }
.accdtail { display: inline-flex; }
.logoutDiv { background-color: #fff; color: #F07238; font-size: 14px; font-weight: 700; line-height: 1.4em; padding: 8px 14px; border-left: 2px solid #000;  }
.userDetail { display: inline-flex; }
.userDetail ul { display: flex; flex-wrap: wrap; }
.userDetail ul li { color: #fff; font-size: 14px; line-height: 1.4em; padding: 8px 14px;  position: relative; }
.userDetail ul li:not(:last-child):after { content: ''; width: 1px; height: 16px; top: 0px; bottom: 0px; margin: auto; right: 0px; position: absolute; display: inline-flex; background-color: #fff; }
.header-innr-main { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 21px 0px 0px 0px; }
.menuUl>li { display: inline-block; vertical-align: middle; text-align: left; cursor: pointer; position: relative; -moz-transition: .4s ease-in-out; -ms-transition: all .4s ease-in-out; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; }
.menuUl a {font-size: 28px; font-weight: 700; text-transform: capitalize; }
.menuUl>li~li { margin-left: 26px; }
.menuUl li.current-menu-item>a { color: #EE7238; position: relative; }

.notificaTable.Common-TableSec table tr:nth-child(even) { background-color: #fff; }
.siteDetailDiv { display: flex; flex-wrap: wrap; justify-content: space-between; }
.expensesdetail { width: 42%; }
.Statusdetail { width: 35%; }
.companydetail { display: block; width: 100%; }
.companydetail ul { display: flex;flex-wrap: wrap; flex-direction: column; }
.companydetail ul li { color: #000000; font-weight: 700; font-size: 18px; line-height: 1.4em; }
.expensList ul { display: flex; flex-direction: column; }
.expensList ul li { display: flex; justify-content: space-between; color: #000000; font-size: 19px; font-weight: 700; text-transform: uppercase; line-height: 1.2em;  } 
.expensList ul li:not(:last-child) { border-bottom: 1px solid #E8E8E8; }
.expensList ul li .expen-price { text-transform: capitalize; padding-left: 10px; }
.expensList ul li .progress-bar { text-align: left; }
.light-grey { background-color: #DEDEDE58; color: #000; }
.light-red { background-color: #DDA8A858; color: #000; }

.saltminingtxt { display: flex; flex-direction: column; }
.saltlakeDiv { padding-bottom: 26px; }
.saltlakeDiv .saltlaTit { font-size: 19px; color: #000000; font-weight: 700; line-height: 1.4em; text-transform: uppercase; }
.saltlakeDiv .saltlaDesc { font-size: 19px; color: #000000; font-weight: 700; line-height: 1.4em; }
.sitemangDiv { padding-bottom: 26px; }
.sitemangDiv .sitemangTit { font-size: 19px; color: #707070; font-weight: 700; line-height: 1.4em; }
.sitemangDiv .sitemangDesc { font-size: 19px; color: #000000; font-weight: 700; line-height: 1.4em; }
/*.SelSerchRow { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }*/
.SelSearchBtn .cmsbtn i.fa { padding-right: 8px; }
.SelSerchRow { width: calc(100% - 780px); margin-left: 10px; }
.SelSerchRow .row { margin-right: -2px; margin-left: -2px; }
.SelSerchRow .row [class*='col-'] { padding-left: 2px; padding-right: 2px; }
.maintitlRow { display: flex; flex-wrap: wrap; justify-content: space-between; }
.SelSerchRow .form-group { margin-bottom: 0px; }
.chartDateSel { width: 220px; }
.input-field.selectField { background-image: url(../images/sel_errow.svg); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px; padding-right: 35px; text-overflow: ellipsis; }
.chartDateSel .form-group { margin: 0px; }
.chartDateSel .input-field { min-height: 25px; padding: 5px 25px 5px 10px; background-color: #fff; border: 1px solid #C3BFBF; font-size: 16px; font-weight: 700; color: #ACA3A3; line-height: 22px;  transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; background-color: #F2F2F2; }
.chartDateSel .input-field option { font-weight: 700; }
.SelSearchBtn .cmsbtn { font-size: 14px; min-width:inherit; text-align: center; border-radius: 5px; padding: 0 10px; min-height: 34px; }
.SelSerchRow .form-group .inputgrey-field { font-size: 18px; line-height: 22px; min-height: 36px;  } 
.SelSerchRow .date-icon { top: 10px; font-size: 18px;}
.loadtxt { font-weight: 500; font-size: 14px; line-height: 18px; color: #000; }
.expCosChartRow { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 20px; align-items: flex-end; }
.expCosPieChart { width: 449px; height: 100%; }
.expCosChartRow .expCosPieChart { padding-bottom: 15px; } 
.expCosBarChart { width: calc(100% - 480px); }
.SelSerchRow .labletxt { font-size: 18px; font-weight: 700; color: #000; margin-bottom: 10px; } 
#dashboardmachine .modal-lg { max-width:1490px; }
.modal-content { border-bottom:none; border: none; padding: 42px 40px 60px; }
#dashboardmachine .modal-content { background-color: #E3DFDF;  }
#findpartModal .modal-content { background-color: #FFFFFF;  }
.modal-header { border-bottom:none; align-items: center; padding: 0px; }
#dashboardmachine .close { background-color: #F2F2F2; }
.modal-header .close { margin: 0px; padding: 0px; background-color: #F2F2F2; width: 50px; height: 50px; border-radius: 50%; font-weight: 700; color: #000000; font-size: 34px; opacity:1; }
.modal-body { padding: 0px; }
.ui-datepicker table thead th:first-child, .ui-datepicker table thead th:last-child { padding-left: 0px; padding-right: 0px; }
.ui-datepicker table tbody td:first-child, .ui-datepicker table tbody td:last-child, .ui-datepicker table thead th:first-child, .ui-datepicker thead th:last-child { padding-left: 0px; padding-right: 0px; }
.calendarDiv { position: relative; margin-right: 128px; }
.date-icon { position: absolute; top: 13px; right: 10px; cursor: pointer; color: #EE7238; }
.calendarDiv .inputDate { width: 270px; height: 43px; border-radius: 7px; font-size: 18px; color: #000; padding: 11px 20px 10px; font-weight: 700; }
.machinSerRow { display: flex; justify-content: space-between; padding-top: 30px; align-items: center; }
.machinSerDetail { width: calc(100% - 570px); display: flex; flex-direction: column; align-items: center; }
.machinSerDetail .MachiSerTit { font-weight: 500; color: #000000; font-size: 29px; line-height: 1.4em; padding-bottom: 10px; }
.serpariodList { display: flex; flex-direction: column; justify-content: flex-end; }
.machinSerImg { margin-left: auto; margin-top: 95px; }
.machinSerDetail .SerDetailDesc { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.serpariodList .servitxt { font-weight: 500; line-height: 1.4em; font-size: 29px;  }
.serpariodList .servitxt.blueCol { color: #264478; }
.serpariodList .servitxt.lighBlueCol { color: #4285F4; }
.serpariodList .servitxt.greenCol { color: #34A853; }
.popMainTitle { font-size: 29px; font-weight: 700; color: #000000; line-height: 1.4em; }
.machinSerChart { width: 570px; }
.modalTitSec { display: flex; width: calc(100% - 60px); justify-content: space-between; align-items: center; }

.expensList ul li .progress-bar {
  width: 0px;
  -webkit-animation: progress 2.5s ease-in-out forwards;
          animation: progress 2.5s ease-in-out forwards;
}
@-webkit-keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}



.machiUtiliChartRow { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 20px; }
.machiUtilistDiv { width: 340px; /*width:100%;overflow-y:scroll;width:320px;max-height:565px;*/ }
.customscrol{max-height: 565px;}      
.machiUtilChrtDiv { width: calc(100% - 340px); /*width:100%;*/ padding-left:20px; padding-right:20px; }
.machiUtilistDiv ul { display: flex;  flex-direction: column;  /*flex-direction: row;*/ flex-wrap: wrap; }
.machiUtilistDiv ul li { font-size: 18px; line-height: 1.4em; color: #000; font-weight: 400; margin-bottom: 3px; display: inline-flex; align-items: center; /*width:25%*/ }
.machiUtilistDiv ul li span { width: 15px; height: 15px; display: inline-flex; margin-right: 5px; }
/* index Page End */

/* breadcrumbs Start */
.breadcrumbs { width: 100%; display: block; padding-bottom: 28px; }
.breadcrumbs ul { display: flex; align-items: center; }
.breadcrumbs a, .breadcrumbs span { color: #707070; font-size: 20px; line-height: 1.4em; position: relative; font-weight: 400; }
.breadcrumbs li {  position: relative; line-height: 1.4em; }
.breadcrumbs li ~ li { padding-left: 10px; margin-left: 10px; }
.breadcrumbs li ~ li:before { content: ">"; position: absolute; top: 0px; left: -3px; bottom: 0px; margin: auto; width: 11px; height: 28px; color: #707070; }
/* breadcrumbs End */

/* Assets Page Start */
.assets-order { display: flex; flex-direction: column; }
.assets-order .btn-order { min-width: 153px; min-height:28px; border-radius: 7px; font-size: 17px; font-weight: 700; text-transform: uppercase; }
.assets-order .btn-order:not(:last-child) { margin-bottom: 14px; }
.assetstblDiv table td:last-child { vertical-align: top; }
.assetstblDiv.Common-TableSec table tr:nth-child(even) { background-color: #fff; }
.Orange-text.tbody-content tbody tr td { color: #EE7238; }
.assetstblDiv tbody td { vertical-align: top; }
.assetstblDiv tbody tr:first-child td { padding-top: 30px; }
.assetstblDiv table td { padding: 13px 15px; }
.assetstblDiv .inactiveTable { margin: 100px 0px 0px 0px; }
/* Assets Page End */


/* Assets Detail Page Start */
.viewAllDiv .viewalink { font-weight: 700; line-height: 1.3em; font-size: 21px; color: #EE7238; text-transform: uppercase; }
.upcomWorkTble table thead th:first-child,
.upcomWorkTble table tbody td:first-child,
.WorordComTble table thead th:first-child,
.WorordComTble table tbody td:first-child,
.compohisTble table thead th:first-child,
.compohisTble table tbody td:first-child { padding-left: 30px; }
.WorordComTble table tbody tr:nth-child(5) td { color: #FF0000; }
.compohisTble table tbody tr:nth-child(even) { background-color: #fff; }
.compohisTble table tbody tr:nth-child(2),
.compohisTble table tbody tr:nth-child(10) { background-color: #FDE0E0; }
.compohisTble table tbody tr:nth-child(4),
.compohisTble table tbody tr:nth-child(8),
.compohisTble table tbody tr:nth-child(11) { background-color: #F2F2F2; }

.itemBtn { position: relative; }
.itemBtn::before { content: '+'; width: 15px; height: 15px; background-color: #EE7238; font-weight: 500; color: #fff; font-size: 18px; position: absolute; left: -22px; top: 5px; display: flex; align-items: center; justify-content: center; border-radius: 4px; }
.ServiSchedulDiv { display: flex; flex-wrap: wrap; padding-top: 30px; flex-direction: column;  }
.ServiSchedulRow { display: flex; align-items: center; justify-content: space-between; }
.ServiName { width: 21%; max-width: 325px; position: relative; }
.Servitype { width: 15%; max-width: 230px; position: relative;}
.ServiordBy { position: relative; }
.ServiDate { width: 30%; max-width: 345px; display: flex; align-items: center; justify-content: space-between; position: relative; }
.ServiDate .lbltxt { font-size: 21px; line-height: 1.4em; color: #ACA3A3; font-weight: 700; }
.ServiDate .inputgrey-field { width: 70.2%; max-width: 242px;  }
.noRecords { padding: 0px 15px 10px; font-weight: 700; font-size: 18px; text-align: center; }

.inputgrey-field { background-color: #F2F2F2; border: none; min-height: 43px; width: 100%; color: #ACA3A3; font-size: 18px; line-height: 1.4em; font-weight: 700; padding: 6px 15px; border-radius: 7px; }
.ServiordBy .serviByTit { font-size: 21px; font-weight: 700; color: #ACA3A3; line-height: 1.4em; }
.ServiBtn .serordbtn { min-height: 40px; font-size: 17px; min-width: 153px;  }
.orderpartSearfield { display: flex; justify-content: space-between; width: 100%; align-items: center; }
.OrdPartSerDiv { display: flex; flex-wrap: wrap; margin-top: 15px; align-items: center; justify-content: space-between; }
.partSearBox { max-width: 360px; width: 21%; display: flex; justify-content: space-between; align-items: center; position: relative; }
.partSearBox .inputgrey-field { width: 230px; }
.orderpartSearBox { display: flex; flex-direction: column;  }
.orderpartSearCnt { margin-left: auto; margin-top: 3px; }
.ordSearTit { font-size: 20px; line-height: 1.4em; color: #7C7878; font-weight: 700;  }
.partSearBox .SearDetil { font-size: 19px; color: #EE7238; line-height: 1.3em; font-weight: 700; }
.prioriSearSel { max-width: 370px; width: 23%; display: flex; justify-content: space-between; align-items: center; padding-bottom: 25px; }
.prioriSearSel .inputgrey-field { width: 250px; }
.ordSearDate { max-width: 360px; width: 21%; display: flex; justify-content: space-between; align-items: center; position: relative; padding-bottom: 25px; }
.SearPlusBtn { padding-bottom: 25px; }
.ordSearDate .inputgrey-field { width: 215px; }
.CompontsSearSel { max-width: 440px; width: 30%; display: flex; justify-content: space-between; align-items: center; position: relative; padding-bottom: 25px; }
.ordSearBtn .cmsbtn { min-width: 170px; min-height: 40px; font-size: 16px; line-height: 20px; }
.CompontsSearSel .inputgrey-field { width: 270px; }
.RowIcoBtn i.fa { background-color: #EE7238; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 5px; font-size: 24px; }

.ordSertbDiv { display: block; margin-top: 32px; }
.ordSertbDiv .ordSerTble tbody td { color: #000000; }
.ordSertbDiv .ordSerTble tbody td:last-child { text-align: right; text-align: -webkit-right; text-align: -moz-right; text-align: -ms-right; }
.ordSerTble .RodelBtn i.fa { background-color: #F01806; } 
.ordSertbDiv table tr:nth-child(even) { background-color: #fff; }
.ordSertbDiv tbody td { padding: 0px 0px 5px 0px; }
.ordSubNamCol .ordSubTit { color: #ACA3A3; font-size: 21px; line-height: 1.4em; font-weight: 700; }
.ordSubNamCol { max-width: 805px; width: 52%; display: flex; justify-content: space-between; align-items: center; }
.ordSubNamtbox { width: 65%; max-width: 523px; }
.ordSubBut .btnoRdSear { min-width: 153px; min-height: 40px; font-size: 17px; }
.ordSubmitDiv { display: flex; justify-content: space-between; align-items: center; padding: 30px 0px; }

#findpartModal .modal-lg { max-width: 60%; }
.findparSearDiv { display: block; width: 100%; padding: 18px 0px 0px 0px; }
.ServiComponRow { display: flex; justify-content: space-between; flex-wrap: wrap; }
.ServiComponImg { width: 620px; }
.ServiComSearDiv { width: calc(100% - 800px); display: flex; justify-content: space-between; }
.ServiComSearDiv .selServi { width: 48%; }
.ServiComSearDiv .inputgrey-field { padding: 11px 20px 10px; }

.IteSerImg { width: 40%; max-width: 621px; }
.ItSerHouDtil { width: 58%; display: flex; justify-content: space-between; flex-wrap: wrap;  }
.ItSerHouDtil li { font-size: 21px; line-height: 1.4em; font-weight: 700; color: #EE7238; }
.SerMainImg { display: block; margin-top: 60px; }
.ordSerChrt { max-width: 365px; width: 24%; text-align: center; }
.orSerMinChrt { padding: 0px 5px; width: 100%; }
.ordSerBtn { display: flex; justify-content: space-evenly; padding-bottom: 30px; }
.ordSerBtn .chrtOrdBtn { min-width: 153px; min-height: 28px; font-size: 17px; border-radius: 7px; padding: 0px 10px; }
.iteServDetail { display: flex; justify-content: space-between; } 
.SerMachiexpDiv { width: 21%; max-width: 315px; }
.SermchexpenList { padding: 60px 0px 30px 0px; }
.SermchexprtRow ul.Sermchprtlst { display: flex; flex-direction: column; }
.SermchexprtRow ul.Sermchprtlst li { display: flex; justify-content: space-between; font-size: 29px; line-height: 1.4em; color: #ED7D31; font-weight: 700; text-transform: uppercase; }
.SermchexpenList ul li, .SermchexpenList ul li span { color: #EE7238; }

/* Assets Detail Page End */

/* Site Select Start */
.selsiteSec { width: 25.8%; display: flex; align-items: flex-end; height: 100vh; justify-content: center; margin: 0px auto; flex-direction: column; } 
.selsiteSec .form-group { width: 100%; min-height: 50px; margin: 0px auto; }
.selsiteSec select option { color: #000; font-weight: 700; font-size: 18px; }
.selpagelink { margin-top: 15px; }
.SelSerchRow > .row { justify-content: flex-end; }

.SitSelDiv { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #EDEDED; /*opacity: 0; visibility: hidden;*/ -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;  }
.SitSelDiv.show { opacity: 1; visibility: visible; -webkit-animation-name: Paganimation;  animation-name: Paganimation; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; }
.SitSelDiv .close { opacity: 0; visibility: hidden; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;  }
.SitSelDiv.show .close { width: 40px; height: 40px; background-color: #000; color: #fff; font-size: 20px; line-height: 1.4em; position: absolute; border-radius: 50%; display: flex; justify-content: center; align-items: center; top: 20px; right: 20px; opacity: 1; visibility: visible; }
.loginDiv ~ .SitSelDiv.show { height: 100%; }

@keyframes Paganimation {
    from {transform: scale(0%);-moz-transform: scale(0%);-webkit-transform: scale(0%);-ms-transform: scale(0%);-o-transform: scale(0%);}
    to {transform: scale(100%);-moz-transform: scale(100%);-webkit-transform: scale(100%);-ms-transform: scale(100%);-o-transform: scale(100%);}
}
@-webkit-keyframes Paganimation {
    from {transform: scale(0%);-moz-transform: scale(0%);-webkit-transform: scale(0%);-ms-transform: scale(0%);-o-transform: scale(0%);}
    to {transform: scale(100%);-moz-transform: scale(100%);-webkit-transform: scale(100%);-ms-transform: scale(100%);-o-transform: scale(100%);}
}
/* Site Select Start */


.forgotDiv { display: flex; justify-content: flex-end; margin-top: 5px; }
.forgotpasslink { font-weight: 700; font-size: 18px; line-height: 1.4em; color: #999999; }

/* Footer Start */
.footer { width: 100%; display: block; background-color: #000000; }
.copyrightRow { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 8px 0px; }
.copy-left, .copy-right { color: #FFFFFF; font-size: 14px; font-weight: 700; line-height: 1.4em;  }
.copy-left a { color: #fff; }
.parts-suppor .supportel { padding: 0px 20px;  }
.parts-suppor { display: flex; }
/* Footer Start */

table.fold-table > tbody > tr.fold { display: none; }
table.fold-table > tbody > tr { cursor: pointer; }
table.fold-table > tbody > tr.fold.open { display: table-row; }
table.fold-table > tbody > tr.view td:first-child { position: relative; }
table.fold-table > tbody > tr.view td:first-child:before { content: '+'; width: 15px; height: 15px; background-color: #EE7238; font-weight: 500; color: #fff; font-size: 18px; position: absolute; left: 8px; top: 15px; display: flex; align-content: center; justify-content: center; border-radius: 4px; line-height: 15px; }
table.fold-table > tbody > tr.view.open td:first-child:before { content: '-'; line-height: 12px;}

/*Parts Manual Css start*/  
.partsLists { display: flex; flex-wrap: wrap; padding-top: 20px; }
.partsLists > li { width: 25%; margin-bottom: 15px; }
.partsLists > li > a { font-weight: 600; padding-left: 15px; position: relative; font-size: 20px; line-height:26px; display: block; padding-right: 15px; }
.partsLists > li > a:before {content: "\f105";font-family: FontAwesome;position: absolute;left: 0px;top: 0px;}
/*Parts Manual Css End*/  

/*For New Parts Manual Css Start */
.partsBoxTop { border: 1px solid #dedede; background: #F2F2F2; padding: 15px; position: relative; width: 100%; display: block; }
.partsTitle ul.partsTitleUl { display: flex; flex-wrap: wrap; }
.partsTitle ul.partsTitleUl li { font-weight: 700;font-size: 18px;text-transform: uppercase;color: #111111;line-height: 24px;  }
.partsTitleUl li ~ li{ padding-left: 5px;  }
.partsTitleUl li ~ li:before{content: ':';display: inline-block;padding-right: 5px;font-weight: 800;color: #000;}
.advanceSearchMain { width: 100%; display: block; position: relative; z-index: 12; border: 1px solid #dedede; border-top: none; }
.advanceSearchMain .searchTop { overflow: hidden; }
.searchTop { display: block; z-index: 12; position: relative; padding: 30px; background: #fff; }
.searchTitle { display: block; font-size: 24px; line-height: 28px; color: #111111; font-weight: 700; text-transform: uppercase; }
.searchTop .inputBox { display: inline-block; width: 100%; position: relative; padding: 15px 0; vertical-align: top; }
.searchTop .inputBox .captionLabel {font-size:15px; font-weight:500; line-height:20px; margin-bottom:5px; display:block; color: #000; }
.searchTop .inputFils { display: block; width: 100%; height: 40px; border: 1px solid #dedede; padding: 10px; color: #000; font-size: 14px; line-height: 22px; font-weight: 500; }
.searchTop .inputBox .cmsbtn { min-height:40px; min-width: 100px; font-size: 16px; line-height: 30px; font-weight: 500; }

.searchOr{width: 45px;height: 45px;margin: auto;position: relative;}
.searchOr:after { content: ''; width: 1px; background-color: #ec4000;top: -1000%;bottom: -1000%;left: 0;right: 0;margin: auto;position: absolute;z-index: -1;}
.searchOr span { width: 46px; display: inline-block; vertical-align: middle;height: 46px;border-radius: 50%;line-height: 40px;text-align: center;color: #fff;font-weight: 700;font-size: 14px;background: #ec4000;text-transform: uppercase;border: 3px solid #fdffff;}
.partsCategoriesTitle{ font-weight: 700; display: inline-block; font-size: 20px; line-height: 24px; padding-bottom: 10px; vertical-align: top;}
.backToSearchDiv + .partsTitle { width: calc(100% - 160px); }
.backToSearchDiv { width: 160px; }
.PartSearchBox { display: flex; justify-content: space-between; align-items: center; }
.backToSearchDiv .cmsbtn { min-width: 160px; min-height: 40px; font-size: 15px; padding: 0px 8px; }
.partsContBox { display: block; width: 100%; background: #fff; padding: 15px 15px 10px 15px; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; border-left: 1px solid #dedede; margin-bottom: 30px;}
.partsManualDetailDiv { width: 100%; display: flex; margin-bottom: 30px; overflow: hidden; }
.partsManualDetail_half { width: 50%; position: relative; background-color: #fff; }
.partsManualDetail_half:nth-of-type(odd){width: 40%;}
.partsManualDetail_half:nth-of-type(even){width: 60%;}
.catTitle + .catDetail { padding-left: 20px; }
.leftDiv .partsManualInnerDiv { border-right: 1px solid #dedede; }
.partsCategoriesDesc{ padding: 15px; }
.catTitle{position: relative;font-size: 16px;line-height: 22px;font-weight: 700;padding-left: 12px;margin-bottom: 10px;cursor:pointer; color: #000;}
.SubCatit { font-size: 14px;line-height: 24px;font-weight: 500; color: #EE7238; }
.catTitle:before{content: "\f105";font-family: FontAwesome;font-size: 14px;position: absolute;left: 0;top: 2px;line-height: 16px;}
.catTitle.SubCateActive:before{content: "\f107";left: -2px;}
.catDetail { display: none; }
.partsCategoriesDesc p { font-size: 16px; line-height: 24px; display: block; width:100%; font-weight: 500; color: #000; padding-bottom: 5px; }
.partCategoriesTitle { padding: 10px; text-align: center; background:#4c4c4c; color: #fff; font-size: 18px;line-height: 20px;font-weight: 700;}
#FINDMYPART .modal-content { background-color: #E3DFDF; }
.catDetail .SubCatit ~ .catTitle { margin-top: 10px; }
.catDetail .SubCatit:last-child { margin-bottom: 10px; }
.partsManualInnerDiv { height: 100%; }
.partsCategDetailDiv { display: block; }
.partsCateImg { display: flex; justify-content: center; width: 18.2%; position: relative; }
.partsCategDetailDiv .partsCategRow { display: flex; flex-wrap: wrap; }
.partsCateCnt .cmsbtn { min-width: 142px; min-height: 40px; font-size: 14px; line-height: 20px; }
.partsCategCol .partsCateCnt { display: flex; align-items: flex-start; flex-direction: column; width: calc(100% - 21%); }
.partsCategCol { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.partsCateCnt p { padding-bottom: 8px; }
.partsCateTit{ font-weight: 700; display: inline-block; font-size: 18px; line-height: 22px; vertical-align: top;}
.partsCategCol ~ .partsCategCol{border-top: 1px solid #dedede;margin: 15px 0px 0px 0px;padding:15px 0px 0px 0px;}
.PartsCatBtns a ~ a { margin-left: 10px; }
.partCateDateDiv { position: relative;  }
.partCateDateDiv .date-icon { top: 45px; right: 15px; }
.PartcateBtnDiv { padding-top: 20px; }
.partCatTit { font-size: 18px; line-height: 22px; color: #7C7878; font-weight: 700; padding-bottom: 10px; }

.partsCategoriesBoxDiv { display: flex; justify-content:space-between;   }
.partsCategoriesDetailBox { margin-bottom:30px; padding-bottom: 30px; }
.partsCategoriesDetailBox:not(:last-child) { border-bottom:1px solid #dedede;  } 
.partsCategoriesBoxInnerLeft { width: 22%; }
.partsCategoriesBoxInnerRight { width: 75%; } 
.partsCateImg .graph_no {display: flex; } 
.partsCateImg .graph_no span { font-size:12px; }
.partsCateImg .graph_no > div{background: transparent;  } 
.partsCateBtns { margin-top:15px; }
.partsCateBtns .cmsbtn { font-size:16px; min-width:140px; min-height:42px; }
/*For New Parts Manual Css End */

.repdateDiv { position: relative; }
.ReportsCntDiv { padding-top: 30px; }

.RFDataDiv { display: block; text-align: center; width: 100%; padding-top: 30px; }
.RFDataDiv .noRecords { padding: 0px; font-size: 28px; line-height: 34px; }

.results-pagination-main { display: flex; justify-content: space-between; }
.paginations { width: calc(100% - 25%); }
.paginations a {width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border: 1px solid #000; border-radius: 50%; font-size: 12px; font-weight: 700; color: #000; line-height: 30px; transition: all .4s ease-in-out; cursor: pointer; }
.paginations a ~ a { margin-left: 5px; }
.previous, .next { position: relative; }
.paging-section { display: flex; }
.paging-section .previous:before {content: '\f104'; font: normal 18px FontAwesome; color: #000; line-height: 30px; position: absolute; left: 10px; }
.paging-section .next:before { content: '\f105'; font: normal 18px FontAwesome; color: #000; line-height: 30px; position: absolute; right: 10px; }
.paginations a.paginate_active {background-color: #ec4000; border-color: #ec4000; color: #fff; pointer-events: none; }
.results-pagination-main .Pagin-select select.numOfRecord {background-color: #F2F2F2; border: 1px solid #C3BFBF; font-size: 16px; color: #ACA3A3; line-height: 22px; font-weight: 700; min-height: 25px; background-image: url(../images/sel_errow.svg); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px; padding: 5px 25px 5px 10px; text-overflow: ellipsis; width: calc(100% - 200px) !important; }
.results-pagination-main .pagenum, .results-pagination-main .paging-detail { font-size: 16px; color: #7C7878; font-weight: 700; margin-right: 15px; }
.Pagin-select { width: 23%; }
.Pagin-select .numDrop #numOfRecordForm { display: flex; align-items: center; }
.paginations .recordCount { display: flex;  justify-content: flex-end;  }
/*---------Media Query Start -----------*/
@media only screen and (min-width:1200px) { 
	a[href^="sms"], a[href^="tel"] { pointer-events: none;}
	a:hover{color: #EE7238;}
	.log_subtn:hover { background-color: #000;}
	.cmsbtn:hover { background-color: #fff; color: #ec4000; }
    .modal-header .close:hover, #dashboardmachine .close:hover { background-color: #EE7238; color: #fff; }
	.viewAllDiv .viewalink:hover { color: #000; }
    .itemBtn:hover::before { background-color: #000; }
    .plusbtn i.fa:hover, .ordSerTble .RodelBtn i.fa:hover { background-color: #000; }
    .SitSelDiv.show .close:hover { background-color: #ec4000; }
    .paginations a:hover { background-color: #ec4000; border-color: #ec4000; color: #fff; }
    .paging-section .previous:hover:before, .paging-section .next:hover:before { color: #fff; }
}
@media only screen and (min-width: 768px) { 
	
}
@media only screen and (min-width: 992px) { 
	
 }
/*---------Media Query End-----------*/

/* common css for below screen 1140 */
@media only screen and (max-width:1440px) {
    .menuUl a { font-size: 24px; }
    .boxTitle { font-size: 26px; }
    .breadcrumbs { padding-bottom: 25px; }
    .header-innr-main { padding: 20px 0px 0px 0px; }
    .table-grey-heading-bg thead { font-size: 18px; }
    .assets-order .btn-order { font-size: 14px; }
    .tbody-content tbody tr td { font-size: 18px; }
    .assetstblDiv tbody tr:first-child td { padding-top: 25px; }
    .assetstblDiv .inactiveTable { margin: 80px 0px 0px 0px; }
    .Common-TableSec { padding: 20px 25px 25px; }
    .homeMainSec { padding-top: 40px; }
    .SermchexprtRow ul.Sermchprtlst li { font-size: 26px; }
    .ordSerBtn .chrtOrdBtn { min-width: 140px; font-size: 14px; }
    .saltlakeDiv .saltlaTit, .saltlakeDiv .saltlaDesc, .sitemangDiv .sitemangTit, .sitemangDiv .sitemangDesc, .companydetail ul li, .expensList ul li { font-size: 18px; }
    .SermchexpenList { padding: 40px 0px 20px 0px; }
    .SerMainImg { margin-top: 50px; }
    .viewAllDiv .viewalink { font-size: 20px; }
    .inputgrey-field, .ordSearTit { font-size: 17px; }
    .partSearBox .SearDetil { font-size: 16px; }
    .partSearBox .inputgrey-field { width: 210px; }
    .prioriSearSel .inputgrey-field { width: 210px; }
    .ordSearDate .inputgrey-field { width: 200px; }
    .ordSearDate { max-width: 100%; width: 22%; }
    .prioriSearSel { max-width: 100%; width: 22%; }
    .partSearBox { max-width: 100%; width: 21%; }
    .RowIcoBtn i.fa { width: 35px; height: 35px; font-size: 20px; }
    .ordSubNamCol .ordSubTit { font-size: 18px; }
    .ordSertbDiv { margin-top: 28px; }
    .ServiordBy .serviByTit, .ServiDate .lbltxt { font-size: 18px; }
    .ServiBtn .serordbtn { font-size: 14px; min-width: 140px; }
    .ordSubNamCol { max-width: 100%; width: 55%; }
    #findpartModal .modal-lg, #dashboardmachine .modal-lg { max-width: 96%; }
    .modal-content { padding: 30px 30px 50px; }
    .findparSearDiv { padding: 15px 0px 30px 0px; }
    .saltlakeDiv, .sitemangDiv { padding-bottom: 20px; }
    .Statusdetail { width: 40%; }
    .expensesdetail { width: 50%; }
    .machinSerDetail .MachiSerTit, .serpariodList .servitxt { font-size: 26px; } 
    .machinSerChart { width: 550px; }
    .machinSerDetail { width: calc(100% - 600px); }
    .calendarDiv { margin-right: 90px; }
    .machinSerImg { margin-top: 80px; }
    .selsiteSec { width: 30%; }
    .CompontsSearSel { max-width: 100%; width: 29%; }
    .CompontsSearSel .inputgrey-field { width: 250px; }
}


/* common css for below screen 1366 */
@media only screen and (max-width:1366px) {
	.loginDiv { width: 40%; }
    .breadcrumbs a, .breadcrumbs span { font-size: 18px; }
    .assetstblDiv .inactiveTable { margin: 60px 0px 0px 0px; }
    .assetstblDiv .activeTable tbody td:nth-child(2),
    .assetstblDiv .activeTable thead th:nth-child(2),
    .assetstblDiv .inactiveTable tbody td:nth-child(2),
    .assetstblDiv .inactiveTable thead th:nth-child(2) { width: 180px; display: block;  }
    .assets-order .btn-order { font-size: 12px; }
    .assets-order .btn-order:not(:last-child) { margin-bottom: 10px; }
    .tbody-content tbody tr td { font-size: 16px; }
    .table-grey-heading-bg thead { font-size: 16px; }
    .assetstblDiv tbody tr:first-child td { padding-top: 20px; }
    .menuUl a { font-size: 22px; }
    .boxTitle { font-size: 24px; }
    .Common-TableSec { padding: 20px 20px 20px; }
    .homeMainSec { padding-top: 30px; }
    .IteSerImg { width: 43%; }
    .SerMachiexpDiv { width: 24%; }
    .ordSerChrt { width: 26%; }
    .ordSerBtn .chrtOrdBtn { font-size: 13px; min-width: 120px; }
    .SermchexprtRow ul.Sermchprtlst li { font-size: 24px; }
    .ItSerHouDtil li { font-size: 18px; }
    .SerMainImg { margin-top: 40px; }
    .SermchexpenList { padding: 30px 0px 20px 0px; }
    .viewAllDiv .viewalink { font-size: 18px; }
    .inputgrey-field, .ordSearTit { font-size: 16px; }
    .partSearBox { flex-wrap: wrap; width: 21%; }
    .prioriSearSel { width: 23%; }
    .ordSearDate { width: 22%; }
    .CompontsSearSel { width: 28%; }
    .CompontsSearSel .inputgrey-field { width: 235px; }
    .ordSertbDiv { margin-top: 25px; } 
    .ordSubmitDiv { padding: 25px 0px; }
    .partSearBox .SearDetil { font-size: 14px; text-align: right; width: 100%; padding-top: 5px; }
    .partSearBox .inputgrey-field { width: 72%; }
    .prioriSearSel .inputgrey-field { width: 70%; }
    .ordSearDate .inputgrey-field { width: 70%; }
    .OrdPartSerDiv { align-items: self-start; }
    .ordSubNamCol { width: 60%; }
    .ServiordBy .serviByTit, .ServiDate .lbltxt { font-size: 16px; }
    .ServiDate .inputgrey-field { width: 70%; max-width: 100%; }
    .ServiDate, .ServiName { width: 24%; max-width: 100%; }
    .Servitype { width: 18%; max-width: 100%; }
    .findparSearDiv { width: 100%; }
    .ServiComSearDiv { width: calc(100% - 600px); }
    .ServiComponImg { width: 560px; }
    .modal-content { padding: 20px 20px 40px; }
    .findparSearDiv { padding: 15px 0px 20px 0px; }
    .machinSerChart { width: 500px; }
    .machinSerDetail { width: calc(100% - 600px); }
    .machinSerDetail .MachiSerTit, .serpariodList .servitxt { font-size: 24px; }
    .calendarDiv { margin-right: 60px; }
    .calendarDiv .inputDate { width: 220px; }
    .machinSerImg { margin-top: 60px; }
    .selsiteSec { width: 45%; }
    .expCosPieChart { width: 300px; }
    .expCosBarChart { width: calc(100% - 330px); }
    .SelSerchRow { width: calc(100% - 660px); margin-left:0px; }
    .chartDateSel { width: 215px; }
    .SelSearchBtn .cmsbtn { font-size: 12px; }
    table.fold-table > tbody > tr.view td:first-child::before { top: 12px;}
    .partsCategoriesBoxInnerLeft { width: 25%; }
    .partsCategoriesBoxInnerRight { width: 72%; } 
    .partsCateImg { width: 25%; }
    .partsCategCol .partsCateCnt { width: calc(100% - 30%); }
 }

/* common css for below screen 1199 */
@media only screen and (max-width:1199px) { 
	.loginDiv { width: 45%; padding: 20px 0px; }
	.loginLogo { padding-bottom: 40px; }
	.form-group { margin-bottom: 20px; }
    .menuUl a { font-size: 20px; }
    .assetstblDiv .inactiveTable { margin: 40px 0px 0px 0px; }
    .boxTitle { font-size: 22px; }
    .assetstblDiv .activeTable tbody td:nth-child(2),
    .assetstblDiv .activeTable thead th:nth-child(2),
    .assetstblDiv .inactiveTable tbody td:nth-child(2),
    .assetstblDiv .inactiveTable thead th:nth-child(2) { width: 160px; }
    .menuUl>li~li { margin-left: 22px; }
    .userDetail ul li { padding: 8px 12px; }
    .logo-div { width: 16%; }
    .header-main.hFixed .logo-div { width: 12%; }
    .notificaTable table { overflow-x: auto; position: relative; width: 100%; max-width: 100%; margin: 0 auto; display: block; }
    .saltlakeDiv .saltlaTit, .saltlakeDiv .saltlaDesc, .sitemangDiv .sitemangTit, .sitemangDiv .sitemangDesc, .companydetail ul li, .expensList ul li { font-size: 16px; }
    .homeMainSec { padding-top: 20px; }
    .SermchexprtRow ul.Sermchprtlst li { font-size: 20px; }
    .iteServDetail { flex-wrap: wrap; }
    .ordSerChrt { width: 48%; max-width: 100%; }
    .SerMachiexpDiv { width: 48%; max-width: 100% }
    .IteSerImg { width: 100%; max-width: 100%;  }
    .breadcrumbs a, .breadcrumbs span { font-size: 16px; }
    .innerMainSec { padding-top: 25px; }
    .breadcrumbs { padding-bottom: 20px; }
    .SerMainImg { margin-top: 30px; margin-bottom: 30px; text-align: center; }
    .ItSerHouDtil { width: 30%; }
    .SermchexpenList { padding: 20px 0px 20px 0px; }
    .ordSertbDiv { margin-top: 20px; } 
    .ordSubmitDiv { padding: 20px 0px; }
    .ordSubNamCol { width: 70%; }
    .ServiSchedulRow, .ServiComSearDiv { flex-wrap: wrap; } 
    .ServiDate, .ServiName { width: 28%; }
    .ServiSchedulRow .ServiBtn { margin-top: 15px; }
    .partSearBox .inputgrey-field { width: 75%; }
    .prioriSearSel .inputgrey-field { width: 70%; }
    .inputgrey-field  { font-size: 14px; }
    .RowIcoBtn i.fa { width: 32px; height: 32px; font-size: 18px; } 
    .ServiComSearDiv .selServi { width: 100%; display: block; margin-bottom: 15px; }
    .ServiComSearDiv { display: block; }
    .ServiComponImg { width: 480px; }
    .ServiComSearDiv { width: calc(100% - 520px); }
    .machinSerChart { width: 400px; }
    .machinSerDetail { width: calc(100% - 500px); }
    .machinSerDetail .MachiSerTit, .serpariodList .servitxt { font-size: 22px; }
    .calendarDiv { margin-right: 30px; }
    .machinSerImg { margin-top: 40px; }

    .expCosPieChart { width: 260px; }
    .expCosBarChart { width: calc(100% - 280px); }

    .forgetpassDiv { width: 40%;}
    .SelSerchRow { width: calc(100% - 220px); margin-left:0px; }
    .chartDateSel  { width: 220px; }
    .SelSerchRow > .row { justify-content: flex-start; }

    .searchTop { padding: 25px; }
    .searchTitle { font-size: 22px; line-height: 26px; }
    .SelSerchRow .form-group .inputgrey-field { font-size: 16px; line-height: 20px; }
    .SelSerchRow .row { margin-right: -5px; margin-left: -5px; }
    .SelSerchRow .row [class*='col-'] { padding-left: 5px; padding-right: 5px; }
    .partsCateImg { width: 25%; }
    .partsCategCol .partsCateCnt { width: calc(100% - 28%); }
    .partsCateTit { font-size: 16px; line-height: 20px; }
    .partsCateCnt .cmsbtn { min-width: 130px; min-height: 35px; font-size: 13px; line-height: 18px; }
    .partsCategoriesDesc p { font-size: 14px; line-height: 18px; }

    .partsCategoriesDetailBox { padding-bottom:20px; margin-bottom:20px; }
    .partsCateImg { width: 25%; }
    .partsCategCol .partsCateCnt { width: calc(100% - 30%); }
    .partsManualDetail_half:nth-of-type(odd) { width: 35%; }
    .partsManualDetail_half:nth-of-type(even) { width: 65%; }
    .table-grey-heading-bg thead th { font-size: 18px; line-height: 24px; }
    .boxscroll { height: 202px; }
    .boxTitle { padding-bottom: 10px; }
    .partSearBox { width: 28%; margin-bottom: 15px; margin-right: 12px; }
    .prioriSearSel { width: 30%; margin-right: 12px;}
    .CompontsSearSel { width: 38%; margin-right: 12px;}
    .ordSearDate { width: 40%; margin-right: 12px; }
    .OrdPartSerDiv { justify-content: flex-start; }
    .SearPlusBtn { padding-bottom: 28px; margin-top: auto; }
}

/* common css for below screen 991 */
@media only screen and (max-width:991px) { 
    /*.machiUtilistDiv ul li{ width:50%;}*/
	.loginDiv { width: 60%; }
	.loginLogo { padding-bottom: 30px; }
	.input-field, .cmsbtn { font-size: 16px; }
    .menuUl a { font-size: 16px; }
    .assetstblDiv .inactiveTable { margin: 40px 0px 0px 0px; }
    .boxTitle { font-size: 20px; }
    .menuUl>li~li { margin-left: 15px; }
    .pertshipDesc .pertshiptxt { font-size: 12px; }
    .header-main.hFixed .logo-div { width: 15%; }
    .copy-left, .copy-right { font-size: 13px; }
    .copy-left { padding-bottom: 3px; }
    .parts-suppor .supportel { padding: 0px 10px; }
    .parts-suppor { text-align: center; }
    .logo-div { width: 18%; }
    .Common-TableSec { margin-bottom: 20px; }
    .breadcrumbs a, .breadcrumbs span { font-size: 14px; }
    .innerMainSec { padding-top: 20px; }
    .SermchexpenList { padding: 20px 0px 20px 0px; }
    .ItSerHouDtil li { font-size: 16px; }
    .viewAllDiv .viewalink { font-size: 16px; }
    .ordSubmitDiv { padding: 15px 0px; flex-wrap: wrap; }
    .OrdPartSerDiv { flex-wrap: wrap; }
    .partSearBox, .prioriSearSel { width: 48%; }
    .SearPlusBtn { width: 5%; }
    .ordSubNamCol { width: 100%; padding-bottom: 15px; }
    .ServiDate, .ServiName { width: 40%; }
    .Servitype { width: 30%; }
    .ServiComponImg { width: 100%; text-align: center; }
    .ServiComSearDiv { width: 100%; display: flex; }
    .modal-body .maintitlRow { padding: 0px 0px 10px; }
    .modal-header .close { width: 40px; height: 40px; font-size: 22px; }
    .ServiComSearDiv .selServi { width: 48%; }
    .userDetail ul li { padding: 10px 10px; font-size: 12px; }
    .profileNam { padding:10px 10px; font-size: 13px; }
    .modalTitSec .date-icon { top: 10px; }
    .calendarDiv { margin-right: 0px; }
    .machinSerChart { width: 300px; }
    .machinSerDetail { width: calc(100% - 350px); }
    .machinSerDetail .MachiSerTit, .serpariodList .servitxt { font-size: 20px; }
    .calendarDiv .inputDate { width: 180px; height: 40px; }
    .pertshipDesc { display: none; }
    .user-profile-div { justify-content: space-between; width: 100%; }
    .loginLogo { width: 50%; text-align: center; }


    .notificaTable { height: inherit !important; }
    .expCosPieChart { width: 70%; margin: 0px auto 40px; }
    .expCosBarChart, .machiUtilistDiv, .machiUtilChrtDiv { width: 100%; }
    .machiUtiliChartRow { padding: 0px 15px; }
    .machiUtilistDiv { padding-bottom: 25px; padding-top: 15px; }
    .forgetpassDiv { width: 54%;}
    .SelSerchRow .labletxt { font-size: 16px; }
    .partsBoxTop { padding: 10px; } 
    .partsTitle ul.partsTitleUl li { font-size: 14px; line-height: 22px; }
    .partCategoriesTitle { padding: 8px; font-size: 16px; }

    .searchTop { padding: 20px; }
    .partsCategoriesTitle { font-size: 18px; line-height: 22px; }
    .searchTop .inputBox .cmsbtn, .searchTop .inputBox .captionLabel { font-size: 14px; }
    .partsLists > li { width: 33.33%; margin-bottom: 10px; }
    #FINDMYPART .modal-dialog { max-width: 100% !important; padding: 0px 15px; }
    .expCosChartRow { padding: 0px 15px; }
    .partsLists > li > a { font-size: 18px; line-height: 24px; }
    
    .partsCategoriesBoxInnerLeft { width: 30%; }
    .partsCategoriesBoxInnerRight { width: 67%; } 

    .partsManualDetail_half:nth-of-type(odd) { width: 38%; }
    .partsManualDetail_half:nth-of-type(even) { width: 62%; }
    .partsCateImg { width: 100%; margin-bottom: 20px; }
    .partsCategCol .partsCateCnt { width: 100%; }
    .catTitle { font-size: 14px; line-height: 20px; }
    .partsCategCol { flex-wrap: wrap; } 
    .notificaTable table { display: inline-table; }
    .prioriSearSel { margin-right: 0px; }
    .CompontsSearSel { width: 51%; }
    .ordSearDate .inputgrey-field { width: 66%; }
    .ordSearDate { width: 38%; }
    .CompontsSearSel .inputgrey-field { width: 64%; }
}

/* common css for below screen 767 */
@media only screen and (max-width:767px) { 
    /*.machiUtilistDiv ul li { width:100%}*/
	.loginDiv { width: 76%; }
    .loginLogo { width: 40%; }
	.loginLogo { padding-bottom: 20px; }
	.form-group { margin-bottom: 15px; }
	.custom_checkbox_text { font-size: 16px; }
    .log_subtn { min-height: 40px; min-width: 100px; }
	.cmsbtn { font-size: 14px; }
    .menuUl a { font-size: 16px; }

    .menuIcon { position: relative; width: 35px; height: 24px; cursor: pointer; }
    .menuIcon span, .menuIcon span:after, .menuIcon span:before { -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
    .menuIcon span { height: 2px; background: #070606; width: 27px; position: absolute; top: 50%; left: 0; }
    .menuIcon span:after, .menuIcon span:before { content: ""; height: 2px; background: #070606; position: absolute; left: 0; }
    .menuIcon span:before { width: 35px; top: -10px; }
    .menuIcon span:after { width: 18px; bottom: -10px; }
    .menuIcon.menuCloseActive span { background: transparent; }
    .menuIcon.menuCloseActive span:after, .menuIcon.menuCloseActive span:before { width: 27px; }
    .menuIcon.menuCloseActive span:before { transform: translateY(10px) rotate(45deg); }
    .menuIcon.menuCloseActive span:after { transform: translateY(-10px) rotate(-45deg); }
    .menuClose { position: relative; width: 24px; height: 24px; cursor: pointer; }
    .menuClose span, .menuClose span:after, .menuClose span:before { -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
    .menuClose span { height: 2px; background: #070606; width: 27px; position: absolute; top: 50%; left: 0; }
    .menuClose span:after, .menuClose span:before { content: ""; height: 2px; background: #000; position: absolute; left: 0; }
    .menuClose span:before { width: 35px; top: -10px; }
    .menuClose span:after { width: 18px; bottom: -10px; }
    .menuClose.menuCloseActive span { background: transparent; }
    .menuClose.menuCloseActive span:after, .menuClose.menuCloseActive span:before { width: 27px; }
    .menuClose.menuCloseActive span:before { transform: translateY(10px) rotate(45deg); }
    .menuClose.menuCloseActive span:after { transform: translateY(-10px) rotate(-45deg); }
    .menuCloseDiv { text-align: right; display: flex; justify-content: flex-end; padding: 10px; margin-bottom: 15px; }
    .nav-menu {position: fixed;right: 0px;background: #fff;top: 0;transition: .5s ease-in-out all;transform: translateX(110%);z-index: 999999;height: 100%;width: 100%;max-width: 300px;padding-bottom: 50px;box-shadow: 2px 2px 11px 3px rgba(0, 0, 0, 0.4);}
    .open_menu {transition: .5s ease-in-out all; -webkit-transition: .5s ease-in-out all; -moz-transition: .5s ease-in-out all; -ms-transition: .5s ease-in-out all; transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%);}
    .nav-menu.openMenu { transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); }
    .nav-menu .menuUl { width: 100%; height: 100%; overflow-y: auto; }
    .menuUl>li { display: flex; flex-wrap: wrap; width: 100%; }
    .menuUl>li>a { order: 1; }
    .menuUl .sub-menu { display: none; width: 100%; flex-wrap: wrap; order: 3; border-top: 1px solid #ccc; background: #f1f1f1; }
    .cstMenuDrpArrow1 { order: 2; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
    .cstMenuDrpArrow1 .fa { font-size: 20px; font-weight: 700; }
    .cstMenuDrpArrow1.openSubMenu1 .fa { transform: scale(-1); -webkit-transform: scale(-1); -moz-transform: scale(-1); }
    .menuUl>li.openSideSubMenu { background: #c7c7c7; }
    .menuUl>li>a { width: 100%; padding: 5px 15px; }
    .menuUl .sub-menu li>a { width: 100%; padding: 5px 15px; }
    .menuUl .sub-menu li a { padding-left: 25px; }
    .menuUl>li.menu-item-has-children>a { width: calc(100% - 30px); }
    .menuUl li:not(:last-child) { border-bottom: 1px solid #ccc }
    .menuUl>li~li { margin-left: 0px; }
    .logo-div { width: 20%; }
    .header-main.hFixed .logo-div { width: 20%; }
    .pertshipDesc .pertshiptxt { font-size: 12px; }
    .tbody-content thead { display: none; }
    .tbody-content tbody td:before { content: attr(data-title); display: inline-block; vertical-align: middle; max-width: 130px; width: 100%; text-align: left; }
    .tbody-content td { display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: space-between; padding: 10px 12px; border-bottom: 1px solid #f6f6f6; margin-left: auto; }

    .assetstblDiv .activeTable tbody td:nth-child(2),
    .assetstblDiv .activeTable thead th:nth-child(2),
    .assetstblDiv .inactiveTable tbody td:nth-child(2),
    .assetstblDiv .inactiveTable thead th:nth-child(2) { width: 100%; display: inline-flex; }

    .assetstblDiv .activeTable tbody td:nth-child(2) img,
    .assetstblDiv .inactiveTable tbody td:nth-child(2) img { width: 140px; } 

    .tbody-content td:last-child { border: none; }
    .assetstblDiv tbody tr:first-child td { padding: 10px 12px; }
    .tbody-content tbody tr { display: inline-block; width: 100%; padding: 0px; }
    .tbody-content tbody tr:not(:last-child) { border-bottom: 2px solid #ec4000; }
    .Common-TableSec table tr:nth-child(even) { background-color: #fff; }
    .Common-TableSec { padding: 20px 0px 15px; border-radius: 0px; }
    .tbody-content tbody tr td, .ordSubNamCol .ordSubTit { font-size: 16px; }
    .maintitlRow { padding: 0px 15px 10px; flex-direction: column; align-items: flex-start; }
    .boxTitle { padding-bottom: 0px; font-size: 18px; }
    .assets-order { flex-direction: row; }
    .assets-order .btn-order:not(:last-child) { margin-bottom: 0px; margin-right: 10px; }
    .assets-order .btn-order { min-width: 130px; }
    .itemBtn { position: initial; }
    .itemBtn::before { left: 10px; top: 12px; }
    .copy-left, .copy-right { font-size: 12px; }
    .copy-left { width: 100%; text-align: center; padding: 0px; }
    .siteDetailDiv { padding: 0px 20px; }
    .breadcrumbs a, .breadcrumbs span { font-size: 12px; }
    .breadcrumbs { padding-bottom: 15px; }
    .innerMainSec { padding-top: 15px; }
    .breadcrumbs li ~ li:before { height: 23px; left: -4px; }
    .iteServDetail { padding: 0px 15px; }
    .ItSerHouDtil { width: 40%; }
    .iteServDetail .maintitlRow { padding-left: 0px; padding-right: 0px; }
    .SerMachiexpDiv, .ordSerChrt { width: 48%; }
    .SermchexprtRow ul.Sermchprtlst li { font-size: 18px; }
    .ordSerBtn .chrtOrdBtn { font-size: 12px; min-width: 110px; }
    .viewAllDiv .viewalink { font-size: 14px; }
    .ordSertbDiv .ordSerTble tbody td { padding: 8px 15px; }
    .ServiSchedulRow, .OrdPartSerDiv, .ordSubmitDiv { padding: 0px 15px; }
    .ordSubmitDiv { margin-bottom: 15px; }
    .ServiName, .Servitype { width: 48%; }
    .SermchexpenList { padding: 0px 0px 20px 0px; }
    .ordSubNamtbox { max-width: 100%; }
    .findparSearDiv .OrdPartSerDiv { padding: 0px; }
    .ServiComSearDiv { display: flex; }
    .ServiComSearDiv .selServi { width: 48%; }
    .ordSubNamtbox .inputgrey-field { width: 95%;  }
    .RowIcoBtn i.fa { width: 28px; height: 28px; font-size: 14px; }
    .Statusdetail .boxTitle, .expensesdetail .boxTitle { padding-bottom: 15px; }
    .copy-right { display: none; }
    .body_scroll .copyrightRow { margin-bottom: 44px; }
    .footerSticky { display: block; }
    .machinSerChart { width: 100%; margin-bottom: 30px; }
    .machinSerDetail { width: 100%; }
    .machinSerRow { flex-wrap: wrap; }
    .machinSerImg { margin-top: 20px; }
    .modalTitSec { flex-direction: column; align-items: flex-start; }
    .modal-header { align-items: flex-start; }
    .calendarDiv .inputDate { width: 220px; }
    .modal-title { padding-bottom: 20px; }
    .selsiteSec { width: 80%; }
    .boxscroll tbody { max-height: 100%; }
    .boxscroll, .fixed_header { position: relative; }


    .chartDateSel { width: 260px; }
    .forgetpassDiv { width: 80%;}
    .SelSerchRow { margin: 15px 0px 0px 0px; }
    .SelSearchBtn .form-group { margin-top: 0px; }

    .SelSerchRow { width: 100%; }
    .SelSearchBtn .cmsbtn { font-size: 12px; padding: 0px 8px; letter-spacing: 1px; }
    .SelSerchRow .rangeDtcph, .SelSerchRow .singleDtcph { margin-bottom: 10px; }

    table.fold-table > tbody > tr.view td:first-child:before { top: 11px; }
    table.fold-table > tbody > tr.fold.open { display: inline-block; } 
    table.fold-table > tbody > tr.fold td:first-child { padding-left: 10px; }
    .partsManualDetailDiv { flex-wrap: wrap; margin-bottom: 30px; }
    .partsManualDetail_half:nth-of-type(odd), .partsManualDetail_half:nth-of-type(even) { width: 100%; }

    .searchTop { padding: 15px; }
    .searchTitle { font-size: 20px; line-height: 24px; }
    .captionLabel_blank, .captionLabel, .searchOr:after { display: none; }
    .searchTop .inputBox { padding: 7px 0px; }
    .leftDiv .partsCategoriesDesc { border-right:none; }
    .partsCategCol { flex-wrap: nowrap; }
    .partsCateImg { width: 30%; }
    .partsCategCol .partsCateCnt { width: calc(100% - 40%); }

    .prioriSearSel, .CompontsSearSel, .ordSearDate { padding-bottom: 20px; }
    .repdateDiv .date-icon { top: 13px; }

    .upcomWorkTble #searchForm { padding: 0px 15px; }
    .results-pagination-main { flex-wrap: wrap; }
    .Pagin-select { width: 100%;  }
    .paginations { width: 100%; padding-bottom: 15px; padding-Top: 15px; }
    .paginations .recordCount { justify-content: flex-start; }
    .results-pagination-main .Pagin-select select.numOfRecord { width: 30% !important; }
} 

/* common css for below screen 575 */
@media only screen and (max-width:575px) { 
	.loginDiv { width: 86%; }
	.input-field { padding: 10px 20px 9px; min-height: 45px; }
    .logo-div { width: 25%; }
    .header-main.hFixed .logo-div { width: 25%; }
    .partSearBox, .prioriSearSel, .ServiName, .Servitype, .ServiDate, .ServiordBy, .ordSearDate, .ServiComSearDiv .selServi { width: 100%; }
    .partSearBox .inputgrey-field, .prioriSearSel .inputgrey-field { width: 80%; }
    .ServiDate .inputgrey-field, .ordSearDate .inputgrey-field { width: 80%; }
    .SearPlusBtn { width: 100%; display: flex; justify-content: flex-end;}
    .OrdPartSerDiv { align-items: center; }
    .partSearBox .SearDetil { padding-bottom: 15px; }
    .ordSubNamtbox { width: 52%;  }
    .Servitype, .ServiDate { padding: 15px 0px; }
    .SerMachiexpDiv, .ordSerChrt { width: 100%; }
    .ordSerChrt { padding-top: 30px; }
    .expCosPieChart { width: 80%; margin: 0px auto 30px; }
    .SelSearchBtn .cmsbtn { min-height: 38px; }
    .catTitle:before { font-size: 13px; top: 3px; }
    .catTitle { font-size: 14px; line-height: 20px; margin-bottom:5px; }
    .partsLists > li { width: 50%; }
    #FINDMYPART .modal-dialog { padding: 0px; }
    .machiUtilistDiv ul li { font-size: 14px; line-height: 20px; }
    .partsCategoriesBoxDiv, .PartSearchBox { flex-wrap:wrap; }
    .partsCategoriesBoxInnerLeft { width: 100%; margin-bottom:30px; }
    .partsCategoriesBoxInnerRight { width: 100%; } 
    .partsCategoriesDetailBox { padding-bottom:15px; margin-bottom:15px; }
    .partsCateBtns .cmsbtn { max-width:110px; min-height:40px; font-size:14px; }
    .PartSearchBox .partsTitle { width: 100%; margin-bottom:10px; }
    .partsCategCol { flex-wrap: wrap; }
    .partsCateImg { width: 100%; }
    .partsCategCol .partsCateCnt { width: 100%; }
    .bottom-header { border-top: 2px solid #000; }
    .CompontsSearSel { width: 100%; }
    .CompontsSearSel .inputgrey-field { width: 68%; }
    .orderpartSearCnt { padding-bottom: 10px; padding-top: 0px; }
    .results-pagination-main .Pagin-select select.numOfRecord { width: 50% !important; }
}

/* common css for below screen 479 */
@media only screen and (max-width:479px) { 
	.custom_checkbox_text { font-size: 14px; }
    .logo-div { width: 28%; }
    .header-main.hFixed .logo-div { width: 28%; }
    .assets-order { flex-direction: column; }
    .assets-order .btn-order:not(:last-child) { margin-bottom: 10px; margin-right: 0px; }
    .maintitlRow { flex-direction: column; align-items: flex-start; }
    .ItSerHouDtil { width: 100%; padding-top: 10px; }
    .partSearBox .inputgrey-field, .prioriSearSel .inputgrey-field { width: 72%; }
    .ordSearDate .inputgrey-field { width: 72%; }
    .ordSubNamCol { flex-direction: column; align-items: flex-start; }
    .ordSubNamCol .ordSubTit { padding-top: 15px; }
    .ordSubBut .btnoRdSear { font-size: 14px; min-width: 140px; min-height: 35px; }
    .ServiDate .inputgrey-field { width: 70%; }
    .loginDiv, .ordSubNamtbox, .findparSearDiv .ordSearDate, .ordSubNamtbox .inputgrey-field { width: 100%; }
    .Statusdetail, .expensesdetail { width: 100%; }
    .Statusdetail { padding-bottom: 20px; }
    .selsiteSec { width: 100%; }
    .user-profile-div { flex-direction: column; }
    .profileNam { margin: 0px -15px; padding: 4px 25px; font-size: 14px; }
    .tbody-content tbody td:before { max-width: 90px; }
    .tbody-content tbody tr td, .inputgrey-field, .ordSearTit, .ordSubNamCol .ordSubTit, .expensList ul li { font-size: 14px; }
    .expensList ul li { line-height: 1.4em; }
    .expCosPieChart { width: 100%; }
    .forgetpassDiv { width: 100%;}
    .accdtail .backendlink { width: 100%; }
    .accdtail, .userDetail { margin: 0px -15px; }
    .userDetail { padding: 8px 15px; }
    .userDetail ul li { padding: 0px;  }
    .CompontsSearSel .inputgrey-field { width: 60%; }
    .paginations .recordCount { flex-wrap: wrap; } 
    .results-pagination-main .paging-detail { width: 100%; margin-right: 0px; padding-bottom: 10px; }
    .results-pagination-main .Pagin-select select.numOfRecord { width: 60% !important; }

}	

/* common css for below screen 375 */
@media only screen and (max-width: 360px){
    .logo-div { width: 35%; }
    .header-main.hFixed .logo-div { width: 35%; }
    .tbody-content tbody td:before { max-width: 90px; }
    .partSearBox, .prioriSearSel, .ordSearDate, .ServiDate { flex-wrap: wrap; }
    .partSearBox .inputgrey-field, .prioriSearSel .inputgrey-field, .ordSearDate .inputgrey-field { width: 100%; }
    .prioriSearSel, .ordSearDate, .SearPlusBtn, .ServiDate .inputgrey-field { width: 100%; }
    .date-icon { top: 50px; }
    .SelSerchRow .form-group .date-icon { top: 12px; }
    .RowIcoBtn i.fa { width: 25px; height: 25px; font-size: 14px; }
    .boxTitle { font-size: 16px; } 
    .top-header { min-height: initial; }
    .fStickyLeft .svgImg { width: 16px; height: 16px; }
    .copyrightRow { padding: 8px 0px 5px; }
    .forgetpassDiv { width: 100%; } 
    .forgetbtn .cmsbtn { font-size: 14px; letter-spacing: 0px; }
    .forgetbtn, .orderpartSearfield  { flex-wrap: wrap;}
    .partsLists > li { width: 100%; } 
    .CompontsSearSel { flex-wrap: wrap; padding-bottom: 0px; }
    .prioriSearSel, .ordSearDate { padding-bottom: 0px; }
    .prioriSearSel { padding-bottom: 15px; }
    .CompontsSearSel .inputgrey-field { width: 100%; }
    .ordSearTit { padding-bottom: 5px; }
}