* {margin:0; padding:0; outline:0; box-sizing:border-box;}
body {margin:0; padding:0; font-family: 'Poppins', sans-serif; font-size:13px; line-height:normal; color:#2d2d2d; background:#ffffff;}
html,body{ height:100%;}
p{ display:block; padding-bottom:15px; margin:0; font-size:22px; line-height:32px; color:#767b7f;}
a , input[type="button"], input[type="submit"], button , select, textarea{outline:none; text-decoration:none; color:#333;transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease;appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none;}
.transition{transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.appraence{appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none;}
input,  select, textarea, button {font-size:14px; color:#3a3a3a; vertical-align:middle; font-family: 'Poppins', sans-serif; outline:none;}
form {margin:0 !important;}
.tlr{ text-align:right !important;}
.tal{text-align:left !important;}
.vAlign {vertical-align:middle !important;}
img {border:none; max-width:100%; max-height:100%;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-weight:normal;}
.last {padding-bottom:0 !important;}
.lft{ float:left !important;}
.rgt{ float:right !important;}
.tac{ text-align:center !important;}
ul {padding:0; margin:0; list-style:none;}
.black{color:#000000 !important;}
.clearfix:before, .clearfix:after {content:''; display:block; height:0; overflow:hidden;}
.clearfix:after {clear:both;}
.main-Cont{width:100%;}
strong{ font-weight:400;}
.darkgrey{ color:#555 !important;}
.container{max-width:1170px; margin:0 auto; padding:0 10px;}
input:-moz-palaceholder{ color:#666;}
a .img{ display:inline-block;}
a .over{ display:none;}
a:hover .img, a.active .img{ display:none;}
a:hover .over, a.active .over{ display:inline-block;}

/*----------Login Page---------*/
.n_header{background: #3e3e3e; padding: 12px 30px; position: relative;}
.n_headLogo {position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; width: 41px; height: 39px;}
.n_headLogo a{ display:inline-block; line-height:0;}
.n_headleft {font-size: 18px; font-weight: 500; color: #fff; line-height: 23px; padding: 8px 0; float: left; width: 40%;}
.n_headright {font-size: 17px; line-height: 23px; padding: 8px 0; float: right; color: #fff;}
.n_headright a {display: inline-block;color: #fff;font-size: 15px;margin-left: 15px;line-height: 24px;}
.n_headright a:hover{ color:#06889f;}
.n_loginBg{ background:url(../images/login-bg.jpg) center center no-repeat; height:110vh; width:100%; background-size:cover; padding:100px 0;}
.n_loginHdBx span {display: block; font-size: 42px; line-height: 50px; font-weight: 300;}
.n_loginHdBx {margin: 0 auto 30px auto;width: 400px;font-size: 18px;color: #fff;text-align: center;}
.n_loginHdBx small {display: inline-block;position: relative;padding-bottom: 5px;}
.n_loginHdBx small::after {content: ''; position: absolute; left: -110px; width: 100px; height: 1px; top: 11px;	background: #fff;}
.n_loginHdBx small::before {content: '';position: absolute; right: -110px; width: 100px; height: 1px; top: 11px; background: #fff;}
.n_loginBx_outer {max-width: 810px; margin: 0 auto;}
.n_loginBx_L {width: 45%; padding-right: 80px; float: left;}
.n_loginBx_R {width: 55%; padding: 20px 40px 20px 45px; background-color: rgba(255, 255, 255, 0.8); float: right; color: #5f6262;font-size: 13px;
              line-height: 25px;}
.n_loginBx_R strong {display: block;font-size: 18px;color: #000;font-weight: 500;}
.n_loginBx_R ul {padding: 5px 20px 15px 20px;list-style: disc;}
.n_loginBx_R a {background:#13bddb;display: inline-block;font-size: 18px;color: #fff;line-height: 24px;	padding: 10px 20px;	border-radius: 3px;}
.n_loginBx_R a:hover{ background:#06889f;}
.n_frmBx {padding-bottom: 20px;}
.n_loginInp{ width:100%; height:40px; border:#ccc solid 1px; border-radius:3px; color:#000; padding:0 10px;}
.n_loginBtn {background:#13bddb;display: inline-block;font-size: 18px;color: #fff;line-height: 24px;padding: 10px 20px;	border-radius: 3px;	border: 0;cursor:pointer;}
.n_loginBtn:hover{ background:#06889f;}
.n_loginBtnBx a {float: right;line-height: 20px;font-size: 13px;padding: 12px 0;color:#fff;}
.n_loginBtnBx a:hover{ color:#07a1d4;}
.ncoverSrch_Outer{background: #d3d4d4; padding: 16px 0;}
.ncovSrch_L {width: 60%; float: left;}
.ncovSrch_L a {color: #5f6262; font-size: 18px; line-height: 40px; padding-right: 15px;}
.ncovSrch_L a:hover{ color:#07a1d4;}
.ncovSrch_R {width: 30%; float: right; position: relative;}
.ncovSrch_R .ncover_SrchInp {width: 100%; height: 40px; padding: 0 50px 0 10px; border: #999 solid 1px;	background: none;}
.nSrchBtn {background: none; border: 0;	height: 40px; position: absolute; right: 0; top: 0; width: 40px; line-height: 0; cursor: pointer;}
.ncover_Banner {height: 437px;}
.ncover_Banner .n_loginHdBx {padding-top: 60px;}
.nCoverList{max-width: 1170px; padding: 0 10px; position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; top: -190px;}
.nCoverList li {display: inline-block; background: #fff; max-width: 192px; padding: 30px 10px; margin: 0 50px; height: 253px; position: relative;}
.ncover_Banner {height: 437px; position: relative;}
.nsub_QuoteList {padding: 90px 0 20px 0; position:relative;}
.nCoverList li::after {border: #ccc solid 1px;content: ''; position: absolute; left: 8px; top: 8px; right: 8px;	bottom: 8px;}
.nCoverList li strong {display: block; font-size: 20px; line-height: 25px; padding-bottom: 20px; height:80px;}
.nCoverList li span{ display:block; text-align:center; font-size:13px; line-height:22px; color:#5992df; height:70px; padding-bottom:20px;}
.nCoverList li i{ display:block;}
.nsubQuoteHd {font-size: 16px; font-weight: 500; padding-bottom: 15px;}
table.tbleSec tr th { font-size: 20px; font-weight: 300; text-align: left; padding: 5px 10px; border-bottom: #ccc solid 1px; border-top: #ccc solid 1px;}
table.tbleSec tr td {font-size: 14px; color: #666; padding: 10px; border-bottom: #ccc solid 1px;}
table.tbleSec tr td a{ display:inline-block; line-height:0; margin-right:10px;}
.blueClr{ color:#00acee !important;}
.eachOutTxt {padding-top: 50px; text-align: center; font-size: 15px; color:#888;}
.eachOutTxt span {display: inline-block; color: #00acee;}
.ndearleRescBx{ padding:50px 0 0px 0;}
.breatCrum {font-size: 12px; line-height: 18px; padding-bottom: 20px;}
.dealerresHd{text-align: center; padding-bottom: 20px; font-size: 36px; font-weight: 300;}
.ndealresTabBx {width:60%;}
.nSettTabBx {border-bottom: #ccc solid 1px;}
.nSettTabBx li {float: left; font-size: 15px;}
.nSettTabBx ul {display: inline-block; border: #ccc solid 1px; border-radius: 3px 3px 0 0; position: relative;bottom: -3px;}
.nSettTabBx li {float: left; font-size: 15px;}
.nSettTabBx li a {display: inline-block; color: #888; border-right: #ccc solid 1px;	padding: 10px 20px;}
.nSettTabBx li a:hover, .nSettTabBx li a.active{ color:#06C;}
.nSettFrmOuter {padding: 30px 0; display:none;}
.nsettFrmTop {padding-bottom: 40px;}
.nsettFrmTop li {float: left; width: 16.66%; padding-right: 5px;}
.nlblTxt {font-size: 14px;	display: block;	padding-bottom: 5px;color: #999;}
.nlblTxt small {display: inline-block; color: #ff0000; font-size: 16px;}
.nfrmInp {width: 100%;height: 35px;	padding: 0 10px; border: #e5e5e5 solid 1px; border-radius: 3px;}
.nfrmInp2{width: 100%;height: 70px;	padding:10px; border: #e5e5e5 solid 1px; border-radius: 3px;}
.ncommentBx{ padding-bottom:25px;}
.nfebric_L {width: 50%; float: left;}
.nfrmFrm_L {width: 25%; float: left;}
.nfrmFrm_R {width: 48%; float: right;}
.chooseBtnBx {position: relative; padding-top:3px;}
.chooseBtn {width: 150px; height: 35px; border: 0; background: #5b83b7;	font-size: 14px; color: #fff;}
.chooseFile {width: 150px; position: absolute; left: 0; top: 0; height: 35px; cursor: pointer; opacity: 0;}
.nfebric_R {width: 50%; float: right;}
.calcBtn {width: 40%; float: left;}
.calculateBtn {border: #05bddb solid 2px; background: none; padding: 8px 30px; line-height: 19px; border-radius: 3px; color: #05bddb;font-size: 16px; cursor: pointer;}
.calcBtn span {float: right; font-size: 18px; font-weight: 600; line-height: 35px;}
.quantBx {width: 24%; float: left; padding-left: 20px;}
.submitBtn {width: 15%; float: right; text-align: right;}
.nfrmInp {width: 100%; height: 35px; padding: 0 10px; border: #e5e5e5 solid 1px; border-radius: 3px;}
.submitBtn {width: 22%; float: right; text-align: right;}
.subBtn {background: #05bddb;color: #fff;border: 0; padding: 8px 20px; line-height: 19px; border-radius: 3px; cursor: pointer;}
.nQuoteNumbHd {font-size: 42px; font-weight: 300;}
.nquoteNumBx {padding: 20px 0;}
.nquote_left {width: 25%; float: left; padding-right:20px;}
.nquote_left span {display: block; padding-bottom: 15px; font-size: 13px; color: #333;}
.nquote_left span a {color: #00aeef; display:inline-block;}
.nquote_right {float: right; width: 75%;}
.naddcoverOuter {padding-bottom: 20px;}
.naddCover_L {width: 60%;float: left;}
.naddCover_R{width: 40%;float: right;}
.nabbCoverBtn {background: #05bddb; padding: 13px 30px; line-height: 20px; border: 0; color: #fff; font-weight: 500; border-radius: 3px;	margin-right: 10px;}
.nemail_managBtn {border: #05bddb solid 2px; padding: 10px 20px; line-height: 18px; border-radius: 3px; background: #fff; color: #05bddb;cursor: pointer;}
.nmargeBtn {position: absolute; width: 96px; right: 0; border: #ccc solid 1px; height: 40px; border-radius: 3px; cursor: pointer;}
.nmeargInp {width: 100%; height: 40px; border: #ccc solid 1px; border-radius: 3px; padding: 0 10px;}
.naddCover_R i {display: block; width: 15px; position: absolute; left: 0; top: 0; height: 15px; background: #666; border-radius: 50%;line-height: 15px; font-size: 10px; text-align: center; font-style: normal; color: #fff;}
.naddCover_R {width: 40%; float: right; padding: 0 100px 0 20px; position: relative;}
.nEditBtn {background: #57b6d2;border: #24758d solid 1px;line-height: 19px; color: #fff; font-size: 14px; padding: 5px 10px;border-radius: 3px;}
.nDelBtn {background: #de5854;font-size: 14px; padding: 5px 10px; line-height: 19px; color: #fff; border: #a31f1b solid 1px; border-radius: 3px;
          margin-left: 5px;}
.nEditBtn img, .nDelBtn img { vertical-align: middle; display: inline-block; margin:0 2px 4px 0;}
.quoteTbleBx {padding-top: 10px;}
.nodd{ background:#f8f9fa;}
.quoteTbleBx table tr th {font-size: 15px; font-weight: 600; padding: 7px 10px;	text-align: left; border-bottom: #e5e5e5 solid 1px;}
.quoteTbleBx table tr td {padding: 10px 10px; line-height: 35px; font-size: 14px; border-bottom: #e5e5e5 solid 1px;}
.ntotlBx {float: right;margin-top: 10px;background: #f5f5f5;padding: 20px;width: 300px;}
.ntotlBx span {font-size: 16px; font-weight: 500; border-bottom: #ccc solid 1px; display: block; padding: 5px 0; line-height: 25px;}
.ntotlBx span i {float: right; font-style: normal;}
.ndown-arrow{ background-image:url(../images/down-arrow.png); background-position:right 10px center; background-repeat:no-repeat;}
.nactivityBx span {color: #218fce; font-size: 17px; font-weight: 500;}
.nactivityBx span img {vertical-align: middle;}

a.quoteBtn {display:block; background:#05bddb; width:160px; padding:8px 0; text-align:center; font-weight:600; color:#fff; border-radius:4px; margin-bottom:20px;}
.editQuoteForm {background:#f6f6f6; padding:15px;}
.editQuoteForm .field {padding-bottom:10px;}
.editQuoteForm .field label {display:block; padding-bottom:5px; font-weight:600;}
.editQuoteForm select {width:100%; border:none; padding:7px 5px; border:1px solid #ccc; background:#fff url(../images/down-arrow.png) no-repeat right 10px center;}
.editQuoteForm input[type="text"] {width:100%; border:none; padding:7px 10px; border:1px solid #ccc; background:#fff;}

.pr {position:relative;}
.deletePopup {position:absolute; right:5px; top:12px; width:120px; border:1px solid #ccc; background:#fff; border-radius:4px; overflow:hidden; -moz-box-shadow:0 0 10px rgba(0,0,0,.3); -webkit-box-shadow:0 0 10px rgba(0,0,0,.3); box-shadow:0 0 10px rgba(0,0,0,.3); display:none; z-index:100;}
.deletePopup.width250 {width:250px;}
.deletePopup.ac {right:12px; top:32px; width:160px;}
.deletePopup li {line-height:normal;}
.deletePopup li a {display:block !important; padding:8px 10px; margin:0 !important; line-height:normal !important;}
.deletePopup li a:hover {background:#05bddb; color:#fff;}
a.activityLog {color:#05bddb; font-weight:600; font-size:14px;}
a.activityLog img {margin:0 5px 4px 0; vertical-align:middle;}
.activityTable {padding-top:10px; display:none;}
.activityTable table th {text-align:left; background:#eee; padding:10px;}
.activityTable table td {text-align:left; padding:10px; border-top:1px solid #eee; background:#f8f8f8;}
.activityTable table tr:nth-child(2n) td {background:#fff;}
.form-increment .button {
    background-color: #888888;
    border-radius: 3px;
}
.form-increment .button {
    margin: 0;
    padding: .21429rem .35714rem;
}
.form-input--incrementTotal {
    border: 0;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    height: auto;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 2.5rem;
}

.qnumber a{
    color: #00acee;
}
.label-info{
    background-color: #00acee;
    padding: 2px 8px;
    color: #fff;
}
.label-success{
    background-color: #5cb85c;
    padding: 2px 8px;
    color: #fff;
}
.label-default{
    background-color: #777;
    padding: 2px 8px;
    color: #fff;
}
.label-warning{
    background-color: #f0ad4e;
    padding: 2px 8px;
    color: #fff;
}
.label-inverse{
    background-color: #333333;
    padding: 2px 8px;
    color: #fff;
}
.nCoverList li > a{position: relative;z-index: 10; display: block;}
.tal{text-align: left;}
.ndealresTabBx_new{width: 100%; max-width: 450px;}
.nsettFrmTop.nsettFrmTop_new li{display: block;float: none; width: 100%; margin-bottom: 15px;}


.n_loginBx_midcontainer {
    width: 100%;
    padding-right: 0;
    float: none;
    max-width: 400px;
    margin: auto;
    text-align: center;
}

.quote_status{
    display: block;
    font-size: 13px;
    color: #333;
    padding-top: 10px;}

.downRes{
    line-height: unset;
    margin-right: 3px !important;
}

.onhover-img{
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.popover.top {
  margin-top: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.popover-title:empty {
  display: none;
}

.popover-content {
  padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}