html { overflow-x: hidden; }
body { font-family: 'Roboto', sans-serif; margin: 0; padding: 0; color: #333; }
.label { color: #333; padding: 0; font-size: 14px; font-weight: 600; }
a { color: #333; outline: none; text-decoration: none; }
a:focus, a:hover { text-decoration: none; color: #323a45; }
/*---------header---------*/
header.header { background: #4e5661; border-bottom: 1px solid #000000; float: left; width: 100%; }
header.header .logo { }
.login-page .logo img { height: 80px; }
.login-page .navbar-nav > li > a { padding: 10px 9px; font-size: 14px; }
.login-page .menu-right { margin-top: 20px; }
header.header .top-liks ul { list-style: none; width: 100%; margin: 0; padding: 0; text-align: right; font-size: 15px; color: #fff; font-weight: 400; }
header.header .top-liks ul li { display: inline-block; padding: 10px 0; color: #fdb04d; }
header.header .top-liks ul li :hover { text-decoration: underline; }
header.header .top-liks ul li a { display: inline-block; color: #fdb04d; ; }
header.header .top-liks ul li a:hover { text-decoration: underline; }
header.header .top-liks ul li:last-child { padding-right: 10px; }
header.header .top-liks ul li a:hover { color: #fdb04d; text-decoration: underline; }
header.header .top-liks ul li:after { content: "|"; font-size: 15px; color: #fdb04d; padding-left: 10px; padding-right: 10px; }
header.header .top-liks ul li:last-child:after { content: none; }
.menu-right { float: right; margin-top: 8px; }
.navbar-default { background: none; border: 0; margin: 0; }
.navbar-nav.navbar-right:last-child { margin: 0; }
.navbar-nav > li { font-size: 15px; line-height: 40px; }
.navbar-nav > li + li { margin-left: 15px; }
.navbar-nav > li.goldpriceli { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eba000+0,fefd92+50,eba000+100,a8a9ac+100 */
background: #eba000; /* Old browsers */
background: -moz-linear-gradient(top,  #eba000 0%, #fefd92 50%, #eba000 100%, #a8a9ac 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eba000 0%,#fefd92 50%,#eba000 100%,#a8a9ac 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eba000 0%,#fefd92 50%,#eba000 100%,#a8a9ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eba000', endColorstr='#a8a9ac',GradientType=0 ); /* IE6-9 */
 color:#000;border: 1px solid #a3680f;font-weight: bold;
    border-radius: 5px;  color: #000;  padding: 0 15px; }
.navbar-nav > li.silverpriceli {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a8a9ac+0,f9f9f9+50,a8a9ac+100,a8a9ac+100 */
background: #a8a9ac; /* Old browsers */
background: -moz-linear-gradient(top,  #a8a9ac 0%, #fff 50%, #a8a9ac 100%, #a8a9ac 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a8a9ac 0%,#fff 50%,#a8a9ac 100%,#a8a9ac 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a8a9ac 0%,#fff 50%,#a8a9ac 100%,#a8a9ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a9ac', endColorstr='#a8a9ac',GradientType=0 ); /* IE6-9 */
color:#000;border: 1px solid #96989b;font-weight: bold;
    border-radius: 5px;  color: #000;  padding: 0 15px;
 }
.navbar-nav > li > a { padding: 10px 14px; color: #fff; }
.navbar-default .navbar-nav > li > a { color: #fdb04d; outline: none; }
.nav > li > a:focus, .nav > li > a:hover { background: #1a4895; border-radius: 4px; }
.navbar-default .navbar-nav > .active > a { background: #1a4895; border-radius: 4px; color: #fff; }
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background: #fdb04d; color: #000; }

.container-fluid { padding-right: 0px; }
.navbar-collapse { padding-right: 0px; }
/*---------banner---------*/
.banner1 { border-bottom: 1px solid #000; background: url(../images/banner1.jpg) center top no-repeat; width: 100%; float: left; /*height: 200px;*/
padding: 5.4% 0; background-size: 100%; margin-bottom: 40px; }
/*---------container---------*/
.findButton,.clearButton  {
	padding: 5px 7px; color: #fff; background: #1a4895; box-shadow: none; outline: none; border-radius: 0px; 
}
.findButton:hover,.clearButton:hover  {
	padding: 5px 7px; color: #000; background: #fdb04d; box-shadow: none; outline: none; border-radius: 0px; 
}
.clearButton{
	display:none;y
}
.pagetitle { font-size: 25px; color: #000000; text-align: center; background: url(../images/title-bg.jpg) center bottom no-repeat; padding-bottom: 20px; font-weight: bold; float: left; width: 100%; margin: 0 0 0px; text-transform: uppercase; font-weight: 500; }
.worktitle { margin-bottom: 30px; }
.pagetitle span { color: #1a4895; }
.search { border: 1px solid #e7e6e6; float: right; padding: 9px; height: 40px; margin-bottom: 20px; border-radius: 4px; margin-right: -40px; padding-right: 50px; }
.searchbtn { background: url(../images/search-bg.jpg) right top no-repeat; height: 40px; width: 40px; float: right; position: relative; border: 0; }
.searchbtn:hover { opacity: 0.8; }
.listing-table { border: 1px solid #e7e6e6; border-radius: 8px; float: left; width: 100%; overflow: hidden; }
.table-title { font-size: 15px; color: #fff; background: #1a4895; text-align: left; padding: 0 15px; margin: 0; line-height: 45px; }
.table-title-gold { font-size: 15px; color: #1a4895; background: #fdb04d; text-align: left; padding: 0 15px; margin: 0; line-height: 45px; }
.table-title2 { font-size: 15px; color: #fff; background: #1a4895; text-align: left; padding: 0 15px; margin: 0; line-height: 45px; }
.table1-row ul { margin: 0; padding: 0; }
.table1-row ul li { font-size: 15px; color: #333; border-top: 1px solid #e7e6e6; list-style: none; }
.rigth-arrow-list-top li { width: 100%; display: inline-block; margin: 0; padding: 0; text-align: center; line-height: 40px; min-height: 40px; float: left }
.table1-row ul li:nth-child(2n+1) { background-color: #fff; border-bottom: 1px solid #fff; }
.table1-row ul li:nth-child(2n) { background-color: #f1f5fb; }
.table1-row ul li a { padding: 12px 15px; display: block; }
.blackli { padding: 12px 15px; }
.table1-row ul li a:hover { color: #1a4895; text-decoration: underline;/*background: #f1f5fb;*/ display: block; }
.table1-row ul li:hover { }
.leftdev, .rightdev { padding: 0; position: relative; }
.table1-row:after { border-right: 1px solid #e7e6e6; position: absolute; top: 0px; right: 0; height: 100%; width: 1px; content: "" }
.list-table-section table .table-title { border-left: 1px solid #e7e6e6; }
.list-table-section table .table-title:first-child { border-left: 0px; }
.list-table-section table .table-title { border-left: 1px solid #e7e6e6; }
.list-table-section table .table-title:first-child { border-left: 0px; }
/*.list-table-section table tr:nth-child(odd){ background:#f1f5fb;}*/
.white-background-color { background: #ffffff!important; cursor: default!important; }
.light-blue-background-color { background: #f1f1f1!important; cursor: default!important; }
.light-gray-background-color { background: #f2f2f2!important; cursor: default!important; }
.list-table-section table tr { border-top: 1px solid #e7e6e6; }
.list-table-section table tr:first-child { border-top: none; }
.list-table-section table tr td { color: #333333; font-size: 15px; border-left: 1px solid #e7e6e6; }
.list-table-section table tr td a { display: block; /* padding: 12px 15px; */ }
.list-table-section.workticket-table-section table tr td a { padding: 0px; }
.list-table-section table tr td a:hover { color: #1a4895; display: block; text-decoration: underline; }
.list-t-pricing-section.list-table-section table tr td, .workticket-table-section.list-table-section table tr td, .list-t-workticket-section.list-table-section table tr td { padding: 10px 15px; }
table tr td:first-child { border-left: 0px; }
.bottom-text { display: inline-block; width: 100%; }
.list-t-pricing-section .table-title  { line-height: normal; padding-top: 10px; padding-bottom: 10px; }
.success-message { float: left; width: 97%; margin: 20px 1.5% 10px; padding: 10px 0; text-align: center; font-size: 15px; color: #6b7766; border: 1px solid #c9d5c4; background: #effbea; border-radius: 8px; }
.error-message { float: left; width: 97%; margin: 10px 1.5%; padding: 10px 0; text-align: center; font-size: 15px; color: #9f5e5e; border: 1px solid #e4d3d3; background: #fbeeee; border-radius: 8px; }
.lastdevb:after { content: ""; border-right: 0; }
footer { background: #323a45; padding: 30px 0; border-top: 4px solid #5794fb; float: left; width: 100%; margin: 50px 0 0 0 }
.footer-title { font-size: 25px; color: #fff; margin: 15px 0; background: url(../images/title-bg2.jpg) left bottom no-repeat; float: left; width: 100%; padding-bottom: 10px; font-weight: 400; }
.footerliks { padding: 0 40px 0 0; margin: 0; list-style: none; }
.contactinfo { margin: 0; list-style: none; padding: 0; }
.footerliks li { list-style: none; font-size: 13px; color: #fff; padding: 10px 0; display: inline-block; width: 100%; border-bottom: 1px solid #515761; }
.footerliks li a { color: #fff; text-decoration: none; display: block; }
.footerliks li:last-child { border-bottom: 0; }
.footerliks li a:hover { color: #5794fb; text-decoration: none; }
.cpyright-text { font-size: 13px; color: #fff; line-height: 22px; padding-top: 30px; }
.last-div { padding-left: 70px; }
.contactinfo li { padding: 10px 0; }
.contactinfo li a { color: #fff; }
.contactinfo li a:hover { color: #5794fb; text-decoration: none; }
.icon1 { display: inline-block; vertical-align: middle; width: 10%; }
.text1 { display: inline-block; vertical-align: middle; width: 85%; font-size: 13px; color: #fff; }
.table-inner1 { border-radius: 0px; border: 1px solid #e7e6e6; margin: 15px 0; float: left; width: 100%; overflow: hidden; }
.table-inner1 ul { margin: 0; padding: 0; }
.table-inner1 ul li { margin: 0; list-style: none; padding: 10px; float: left; width: 100%; border-top: #e7e6e6 solid 1px; }
.table-inner1 ul li:first-child { border-top: 0; }
.table-inner1 .left-bg { background: #4e5661; padding: 10px; color: #fff; border-bottom: #68707b solid 1px; }
.table-inner1 .right-bg { border-bottom: 1px solid #e7e6e6; padding: 10px; }
.table-inner1 .right-bg.lastborder { border-bottom: 0px; }
.table-inner1 ul li:nth-child(2n+1) { background-color: #fff; border-bottom: 1px solid #fff; }
.table-inner1 ul li:nth-child(2n) { background-color: #f1f5fb; }
.table-inner1 { position: relative; }
.table-inner1 ul:after { border-right: 1px solid #e7e6e6; position: absolute; top: 0px; left: 47%; height: 100%; width: 1px; content: "" }
.listing-table-new { margin-top: 30px; }
.listing-table-new ul li { padding: 10px; }
.table-inner1 ul li .nopadding { padding: 0px; }
.listing-table-new .nopadding { padding: 0; }
.listing-table .nopadding { padding: 0; }
.pri-img1 img { border: 1px solid #cccccc; border-radius: 7px; height: 450px; padding: 1px; }
.select-drop, .input-text { padding: 4px 8px; border: 1px solid #e7e6e6; border-radius: 6px; line-height: normal; width: 80%; }
.form-sec .leftdev, .form-sec .rightdev { line-height: 25px; }
.price-text { padding-left: 40px; }
.save-btn { border-radius: 6px; border: 0px solid #e7e6e6; background: #1a4895; font-size: 16px; color: #fff; text-align: center; padding: 8px 20px; display: inline-block; margin-bottom: 30px; }
.save-btn:hover { background: #133f88; }
.pri-img1 { padding-top: 40px; }
.disabled { background: #ececec!important; cursor: default !important; }
.disabled td { color: #acacac !important; }
.portal_work_order_list_header, #loading_row { cursor: default !important; }
.workticket-table-section table tr:hover { background: #ecf0f6; cursor: pointer; }
.login-sec { width: 375px; margin: 0 auto; clear: both; }
.login-box { -webkit-box-shadow: -1px 1px 4px -1px rgba(0,0,0,0.50); -moz-box-shadow: -1px 1px 4px -1px rgba(0,0,0,0.50); box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.50); background: #fff; border: 1px solid #cecece; float: left; width: 100%; border-radius: 8px; overflow: hidden; }
.login-title { background: url(../images/bg-login.jpg) left top no-repeat; color: #fff; font-size: 35px; font-weight: 300; text-align: center; margin: 0px; padding: 20px 0; background-size: 100%; }
.in-box { padding: 20px; float: left; width: 100%; }
.iconlogin { display: inline-block; width: 8%; vertical-align: middle; margin-bottom: 28px; }
.input-login-sec { display: inline-block; width: 89%; vertical-align: middle; margin-bottom: 28px; }
.input-login-sec .enter_username { border: 0px; border-bottom: 1px solid #919191; padding: 6px 8px; width: 100%; color: #464444; font-size: 16px; font-weight: 300; }
.save-text { font-size: 16px; color: #1a4895; }
.checkbox-o { border: 1px solid #727272; width: 24px; height: 24px; border-radius: 4px; display: inline-block; text-align: center; }
.checkbox-o #save_user_info { opacity: 0; }
.checkbox-o input[type="checkbox"]:focus, input[type="radio"]:focus { opacity: 1 !important; }
.btn-buttom { text-align: center; }
.btn-buttom .login_submit { text-transform: uppercase; background: #1a4895; border-radius: 4px; line-height: 48px; color: #fff; font-size: 16px; font-weight: 600; border: 0px; width: 44%; margin-right: 10px; display: inline-block; }
.btn-buttom .login_clear { text-transform: uppercase; background: #e7821f; border-radius: 4px; line-height: 48px; color: #fff; font-size: 16px; font-weight: 600; border: 0px; display: inline-block; width: 44%; margin-left: 10px; }
.btn-buttom .login_submit:hover { background: #133e86; }
.btn-buttom .login_clear:hover { background: #d97717; }
.save-text { color: #1a4895; font-size: 16px; font-weight: 300; }
/*custom css */



.list-table-section table tr:nth-child(even) { background: #FFF; cursor: pointer; }
.list-table-section table tr td { padding: 10px 15px; }
.list-table-section table tr:nth-child(odd) { background: #f2f2f2; cursor: pointer; }
.list-table-section table tr:hover { background: #f1f5fb; }
/*---Custom CSS ADD 27-06-2016---*/
.list-table-section table .table-title { line-height: normal; padding-bottom: 10px; padding-top: 10px; }
.get-price-table tr:nth-child(2n+1) { background-color: #fff; border-bottom: 1px solid #e7e6e6; }
.get-price-table tr:nth-child(2n) { background-color: #F1F5FB; border-bottom: 1px solid #e7e6e6; }
.get-price-table tr td { padding: 10px; }
.platingmetal-select { border: 1px solid #e7e6e6; border-radius: 6px; line-height: normal; padding: 4px 8px; width: 80%; }
.get-price-table { border: 1px solid #e7e6e6; clear: both; margin: auto; width: 100%; box-sizing: border-box; margin-bottom: 15px; }
.get-price-table tr td { border-left: 1px solid #e7e6e6; }
.get-price-table-main table tr td:first-child { font-weight: 700; }
.pricing-search-section { display: none; }
.get-price-table-main { padding-bottom: 20px; padding-top: 30px; width: 730px; margin: auto; clear: both; }
.listing-table .list-table-section #maintable tr td{ padding: 0 15px;}
.list-table-section table tr.portal_work_order_list_whitebackgroud{ background:#fff; padding:0 15px;}
.list-table-section table tr.portal_work_order_list_whitebackgroud:nth-child(2n+1){ border-top:none;}
.list-table-section table tr.portal_work_order_list_whitebackgroud td{padding-top:10px !important; padding-bottom:0px !important;}
.list-table-section table tr.portal_work_order_list_whitebackgroud:nth-child(2n+1) td{ padding-top:0px !important; padding-bottom:10px !important;}
.list-table-section table tr.portal_work_order_list_whitebackgroud:first-child{ border-top:none;}
.list-table-section table tr.portal_work_order_list_graybackgroud{ background:#f2f2f2; padding:0 15px;}
.list-table-section table tr.portal_work_order_list_graybackgroud:nth-child(2n+1){ border-top:none;}
.list-table-section table tr.portal_work_order_list_graybackgroud td{padding-top:10px !important; padding-bottom:0px !important;}
.list-table-section table tr.portal_work_order_list_graybackgroud:nth-child(2n+1) td{ padding-top:0px !important; padding-bottom:10px !important;}
.list-table-section table tr td {
    padding: 10px 15px !important;
}

/* 28 June */
.noCursor table#maintable tr { cursor:auto; }
.noCursor table#maintable tr:last-child { cursor:pointer; }

 @media only screen and (min-width: 320px) and (max-width: 640px) {
.price-text { padding-left: 0px; width: 100%; float: left; }
.login-sec { width: 280px; }
.icon1 { width: 30px!important; }
}
 @media only screen and (min-width: 320px) and (max-width: 767px) {
.header-top-rightbutton .navbar-collapse { padding: 0px; margin: 0; position: absolute; right: 0; background: #323a45; z-index: 9999; border: 0; border-radius: 0 0 11px 12px; width: 250px; }
.leftdev { width: 50%; float: left; }
.icon1 { width: 40px; }
.navbar-nav > li + li{margin-left:0; }
.navbar-nav > li.goldpriceli, .navbar-nav > li.silverpriceli {padding: 0 14px; }
.navbar-default .navbar-nav > .active > a { background: #262d37; box-shadow: none; outline: none; border-radius: 0px; }
.header-top-rightbutton .navbar-nav.navbar-right > li { border-bottom: 1px solid #2a323d; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #1a4895; }
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .icon-bar:focus { background-color: #fff; }
.logo img { height: 80px; }
.logoleft { text-align: center; }
.top-liks { width: 100%; float: right; text-align: center; }
header.header .top-liks ul { text-align: center; }
header.header .navbar-toggle { margin: 0 25px 20px 0; }
.header { position: relative; }
.footer-logo img { height: 80px; }
.cpyright-text { margin-bottom: 30px; }
.last-div { padding-left: 15px; padding-top: 30px; }
.pagetitle { font-size: 20px; margin-bottom: 20px; }
header.header .top-liks ul li a { padding: 3px; font-size: 12px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.blackli { display: none; }
.table1-row:after { border-right: 0; }
.table1-row ul li.list1 { background-color: #fff; border-bottom: 1px solid #fff; }
.table1-row ul li.list2 { background-color: #f1f5fb; }
.form-sec .leftdev { width: 50%; float: left; }
.form-sec .rightdev { width: 47%; float: left; }
.pri-img1 { text-align: center; }
.pri-img1 img { height: 250px; margin-bottom: 20px; }
.list-table-section { overflow: auto; }
.list-table-section table { width: 800px; }
.list-table-section table tr td { font-size: 12px; }
.list-table-section table tr td a { padding: 12px 7px; }
.table-title { font-size: 13px; }
.get-price-table-main { width: 100%; }
}
 @media only screen and (min-width: 768px) and (max-width: 990px) {
.header .container {width:100%;}
.header-top-rightbutton {margin-right:10px;}
.logo img { height: 70px; }
.navbar-nav > li > a { padding: 10px 6px; font-size: 13px; }
header.header .top-liks ul li a { font-size: 14px; }
.footer-logo img { height: 80px; }
.last-div { padding-left: 15px; padding-top: 0; }
.text1 { padding-left: 10px; }
.table-title { font-size: 11px; }
.listing-table-new .table-title  { font-size: 15px; }
.form-listing .table-title  { font-size: 12px; padding-right: 0px; }
.table1-row ul li { font-size: 13px; min-height: 64px; }
.listing-table-new .table1-row ul li { min-height: auto; }
.form-listing .col-sm-1.nopadding { width: 13%; }
.form-listing .col-sm-2.nopadding { width: 14.8%; }
.form-listing-bottom .table-title { font-size: 12px; padding-right: 0px; }
.form-listing-bottom .col-sm-1.nopadding { width: 13%; }
.form-listing-bottom .col-sm-3.nopadding { width: 20.3%; }
.pri-img1 img { height: 250px; }
.price-text { float: left; width: 100%; padding-left: 0px; }
.footerliks { padding-right: 0px; }
.list-table-section table tr td { font-size: 12px; }
.list-table-section table tr td a { padding: 12px 7px; }
.table-title  { font-size: 11px; }
.listing-table-new .list-t-workticket-section .table-title { font-size: 12px; }
.login-page .logoleft { width: 100%; text-align: center; }
.login-page .navbar-nav > li > a { font-size: 13px; padding: 10px 6px; }
.login-page .menu-right { float: left; margin-right: 20px; margin-top: 20px; width: 98%; }
.login-page .container-fluid, .login-page .navbar-collapse { padding-left: 0px; }
}
@media only screen and (min-width: 991px) and (max-width:1200px) {
.logo img { height: 90px; }
.navbar-nav > li + li {margin-left: 10px; }
.footer-logo img { height: 90px; }
.table1-row ul li { font-size: 13px; }
.footerliks { padding-right: 0px; }
.pri-img1 img { height: 350px; }
.list-table-section table tr td { font-size: 13px; }
.table-title { font-size: 13px; }
.login-page .navbar-nav > li > a { font-size: 12px; padding: 10px 5px; }
.login-page .logo img { height: 70px; }
}