body{ font-family: 'Roboto', sans-serif; background-color: #f5f5f5; overflow-x: hidden;}

input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
	-webkit-appearance: none;
	-moz-appearance: none;  /* mobile firefox too! */
}

a:focus, a:hover{  text-decoration: none;}

.pad-top-0{ padding-top: 0 !important; }
.pad-top-10{ padding-top: 10px !important; }
.pad-top-20{ padding-top: 20px !important; }
.pad-top-30{ padding-top: 30px !important; }
.pad-bot-0{ padding-bottom: 0 !important; }
.pad-bot-10{ padding-bottom: 10px !important; }
.pad-bot-20{ padding-bottom: 20px !important; }
.pad-bot-30{ padding-bottom: 30px !important; }

.mar-top-0{ margin-top: 0 !important; }
.mar-top-10{ margin-top: 10px !important; }
.mar-top-20{ margin-top: 20px !important; }
.mar-top-30{ margin-top: 30px !important; }
.mar-bot-0{ margin-bottom: 0 !important; }
.mar-bot-10{ margin-bottom: 10px !important; }
.mar-bot-20{ margin-bottom: 20px !important; }
.mar-bot-30{ margin-bottom: 30px !important; }

.s-fwl{ font-weight: 300; }
.s-fs-14{ font-size: 14px !important; }
.pad-right-5{ padding-right: 5px; }
.pad-left-5{ padding-left: 5px; }

.s-f-light{ color: #9e9e9e; }

.s-seprator-text{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 500;
}

.s-bdr-btm{ border-bottom: 1px solid #f0f0f0; margin-top: 10px; }

.s-info-container p{ font-size: 11px; margin-top: -5px; color: #fff; }
.s-info-container p:first-child{     font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 4px; }

s-info-container-1 p{ font-size: 11px; margin-top: -5px; color: #fff; }
.s-info-container-1 p:first-child{     font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 4px; }

.pad-top-70{ margin-top: 50px; }

.s-htable{ width: 100%; border-collapse: initial; margin-bottom: 10px; }
.s-htable-1{ width: 100%; border-collapse: initial; margin-bottom: 10px; }
.s-htable-2{ width: 100%; border-collapse: initial; margin-bottom: 10px; }
.s-htable-3{ width: 100%; border-collapse: initial; margin-bottom: 10px; }
.s-htable-4{ width: 100%; border-collapse: initial; margin-bottom: 10px; }

.s-htable th, .s-htable td{ padding: 5px;}
.s-htable-1 th, .s-htable-1 td{ padding: 5px;}
.s-htable-2 th, .s-htable td{ padding: 5px;}
.s-htable-3 th, .s-htable td{ padding: 5px;}
.s-htable-4 th, .s-htable-4 td{ padding: 5px;}

.s-htable th{ font-weight: 400; font-size: 11px; color: #616161; }
.s-htable-1 th{ font-weight: 400; font-size: 11px; color: #616161; }
.s-htable-2 th{ font-weight: 400; font-size: 11px; color: #616161; }
.s-htable-3 th{ font-weight: 400; font-size: 11px; color: #616161; }
.s-htable-4 th{ font-weight: 400; font-size: 11px; color: #616161; }

.s-htable td{ font-weight: 400; font-size: 13px; border-bottom: 1px solid #ccc; }
.s-htable-1 td{ font-weight: 400; font-size: 13px; border-bottom: 1px solid #ccc; }
.s-htable-2 td{ font-weight: 400; font-size: 13px; border-bottom: 1px solid #ccc; }
.s-htable-3 td{ font-weight: 400; font-size: 13px; border-bottom: 1px solid #ccc; }
.s-htable-4 td{ font-weight: 400; font-size: 13px; border-bottom: 1px solid #ccc; }

.s-htable tr:nth-child(odd) td{ background-color: #f4f4f4; }
.s-htable-1 tr:nth-child(odd) td{ background-color: #f4f4f4; }
.s-htable-2 tr:nth-child(odd) td{ background-color: #f4f4f4; }
.s-htable-3 tr:nth-child(odd) td{ background-color: #f4f4f4; }
.s-htable-4 tr:nth-child(odd) td{ background-color: #f4f4f4; }

.s-htable tr:nth-child(1) td{ border-top: 1px solid #ccc; }
.s-htable-1 tr:nth-child(1) td{ border-top: 1px solid #ccc; }
.s-htable-2 tr:nth-child(1) td{ border-top: 1px solid #ccc; }
.s-htable-3 tr:nth-child(1) td{ border-top: 1px solid #ccc; }
.s-htable-4 tr:nth-child(1) td{ border-top: 1px solid #ccc; }

.s-header-fix{ height: 50px; padding: 0; background-color: #1565c0; position: fixed; width: 100%; top: 0;     box-shadow: 0 2px 6px rgba(0,0,0,0.2); z-index: 20;}

.s-header-fix .s-back-button{ font-size: 40px; margin-top: -2px; }

.s-info-container { margin-left: 15px; margin-top: 3px; text-align: right; }
.s-info-container-1 { margin-left: 15px; margin-top: 3px; text-align: right; }

/*.s-profile-ico{ font-size: 30px; margin-top: 2px; }*/

.s-header-fix a{  color: #fff; }

.s-small-info p{ line-height: 46px; }

.s-btn-ctr{
    margin-top: 10px;
}

.s-btn-ctr2{
    margin-top: 10px;
    height: 30px;
    color: #fff;
    background-color: #111;
    border: none;
    padding: 5px 12px;
}

.s-header-fix .s-proceed-btn{ 
	font-size: 14px; 
	color: #fff; 
	background-color: #111; 
	/*padding: 5px 12px;*/
	width: 100px;
	display: block;
}

.s-seprator-text2{ font-size: 16px; font-weight: 500; color: #333;}  

.s-border{ 
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.25);
}

.row.s-border{  margin-left: 0; margin-right: 0; }

.s-light-small{ font-size: 12px; margin-top: 5px; margin-bottom: 5px; }

.s-light-small2{ font-size: 12px; margin-top: 0; margin-bottom: 5px; color: #616161; }
.s-light-small21{ font-size: 12px; margin-top: 0; margin-bottom: 5px;}

.s-kg-ctn {
    position: absolute;
    background-color: #666;
    color: #fff;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
}

.f-12{ font-size: 12px; }

.s-pbn{ padding-bottom: 0 !important; }

.s-inp{
    max-width: 100%;
    padding-left: 35px;
    height: 30px;
}

.pad-bot-10{ padding-bottom: 10px; }

/*.s-col-less-spacing .col-sm-4,.s-col-less-spacing .col-xs-4{ padding-left: 5px; padding-right: 5px;}*/

.s-cart-price{ font-size: 14px; display: block; text-align: right; line-height: 30px;}

.s-show-on-click{     
	margin: 0;
    margin-top: 10px;
    padding: 5px;
    border: 1px solid #d3d3d3; 
	position: relative;
	transition: opacity 0.3s;
	opacity: 1;
	display: block;
}

/*
.s-show-on-click:after{
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
    position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #88b7d5;
	border-width: 30px;
	margin-left: -30px;
}
*/

.s-show-on-click.close{ transition: opacity 0.3s; opacity: 0; display: none; height: 0; overflow: hidden;}

.s-oneblock-cart{ 
    padding: 0;
    border-bottom: 1px solid #f0f0f0;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

.s-io{ margin-top: 5px; padding-right: 45px !important; padding-left: 5px; }

.pull-right.s-cl.s-ab{ font-size: 25px; }
.pull-right.s-c2.s-ab{ font-size: 25px; }
.pull-right.s-c3.s-ab{ font-size: 25px; }

.s-continue-btn{ 
	font-size: 14px;
    color: #fff;
    background-color: #111;
    /*padding: 5px 10px;*/
    height: 30px;
    width: 200px;
    display: inline-block; 
}

.s-rupee{ font-size: 12px; color: #616161; }

.pad-bot-10{ padding-bottom: 10px; }

.s-seprator-text2.pad-top-10{
	padding-top: 10px !important;
}

.s-dk{
	position: absolute;
    margin-top: -4px;
    margin-left: -6px;
}

.f-20{ font-size: 20px; }

.s-add-chrges td{ text-align: left; padding: 5px;}

.pad-none{ padding: 0; }

textarea.s-inp{ height: 100px; }

.s-invoic-btn{ background-color: #111; color: #fff; border: none; outline: none; padding: 12px; width: 100%; }

.s-popover-cont{ background-color: #fff; width: 70%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 110px; padding: 15px; z-index: 30; }

.s-file-picture{ width: 100%; clear: both;}

.s-popover{ background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; 
    position: absolute;
    top: 0; 
}

input[type="text"],textarea{
	width: 100%;
}

.s-file .fa, .s-picture .fa{
	font-size: 25px;
	margin-top: 10px;
	color: #1565c0;
}

.s-file, .s-picture{
	width: 50%;
	float: left;
	text-align: center;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

.modal-content.s-wdh{
	width: 50%;
	margin-left: 25%;
}
.modal-content.s-wdh1{
	width: 50%;
	margin-left: 25%;
}

.s-file i, .s-picture i{ font-size: 30px; }

.rv-popup{ border-bottom: 1px solid #ccc; padding-bottom: 5px; padding-bottom: 10px; margin-bottom: 10px; }

.s-popover.close{ display: none; }

.s-mtn-10{ margin-top: -10px; }

.modal-backdrop.fade{ z-index: 5; }

.s-link{ color: #333 !important; font-weight: 400; font-size: 14px; }

.s-pbn{ padding-bottom: none; }

.s-modal{     padding: 10px; border-bottom: none; }

.s-modal-body{ padding: 30px; padding-top: 0; }
.s-modal-body2{ padding: 5px; padding-top: 0; }

.s-vendor{ padding-top: 8px; }

.s-fo-btn a{ display: block; background-color:  #111; color: #fff; font-size: 14px; text-align: center; height: 50px; line-height: 50px; }

.s-fo-btn { padding-left: 0; padding-right: 0;  }

.s-w-100{ width: 100%; }
  
.s-w-50{ width: 50%; }

.s-ctm-grp .input-group-addon{ padding: 6px 10px; background-color: #fff; border-radius: 0; transition: border-color ease-in-out .15s; }
.s-ctm-grp .form-control{ padding: 6px 8px; border-left: 0; border-radius: 0; }
.s-ctm-grp .form-control:focus{ border-color: #1565c0; box-shadow: none; }

!.input-group-addon + .form-control:focus { font-weight: bold }

.arrow_box {
	position: relative;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	top: -28px;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
	top: -25px;
}
.arrow_box:before {
	border-color: rgba(211, 211, 211, 0);
	border-bottom-color: #d3d3d3;
	border-width: 11px;
	margin-left: -11px;
}

.s-ab{
	position: absolute;
    right: 10px;
    top: 28%;
}

.pad-right{ padding-right: 25px; }

.form-control{ border-radius: 0 }
.form-control:focus{ border-color: #1565c0; box-shadow: none; }
.form-control.s-select{ 
	padding: 5px;
    width: initial;
    border-right: none;
}
.form-control.s-select:focus{ 
	border-color: #ccc;
}


.s-profile-text{
	margin: 0;
	font-size: 16px;
	font-weight: 500;
}

.s-profile-text-light{
	width: 50%;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 400;
}

.pad-14{
	padding: 10px 14px 14px;
}



.modal {
  text-align: center;
}

  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
	width: 70%;
}

.s-cl{
	padding-top: 5px;
    margin-bottom: 5px;
	font-size: 20px;
}
.s-c2{
	margin-bottom: 5px;
	font-size: 20px;
}
.s-c3{
	padding-top: 5px;
    margin-bottom: 5px;
	font-size: 20px;
}
    
.f-14{ font-size: 14px; }

.f-r{ font-weight: 400; }

.vs-rupee{ color: 616161; font-size: 10px; }

.s-container{
	padding-top: 50px;
	padding-left: 7px;
	padding-right: 7px;
}

.rv-popup i{ font-size: 16px; }




/*kamala's style*/

.ig-title {
    font-size: 16px;
    font-weight: 500;
}

.compare-heading {
    background: #f5f5f5;
    padding: 7px;
    display: inline-block;
    width: 100%;
}

.col-md-12.col-sm-12.col-xs-12.s-vcards-pad{ padding-left: 0; padding-right: 0;}

.vendor-card{ background: #fff; margin-bottom: 5px; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);}
.vendor-card a{ display: block;}

.icard-details{ display: inline-block; width: calc(100% - 60px); float: right; line-height: 23px;}
.icard-details2{ display: inline-block; width: calc(100% - 15px); float: right; line-height: 23px;}
.icard-details3{ display: inline-block; width: 100%; float: right; line-height: 23px;}

.icard-text{ display: inline-block;}
.ireqd-text{ color: #9e9e9e;}
.i-pic{ display: inline-block; width: auto; border: 1px solid #dddcdc; margin-top: 5px;}

.compare-icard{ float: left; width: calc(100% - 102px); padding: 5px 10px;}
.compare-icard1{ width: calc(100% - 40px); padding: 5px 10px;}
.compare-card-details{
    padding: 7px 9px;
    float: right;
    width: calc(100% - 54px);
}
.compare-iamount{ font-size: 12px; font-weight: 400; color: #616161; margin-top: 5px;}
.compare-caption-wrap{ padding: 7px;}
.c-purchase-caption{ display: inline-block; width: auto; font-size: 12px; font-weight: 300;}
.c-purchase-caption span{ font-size: 14px; font-weight: 500;}
.c-date-caption{ float: right;}
.c-date-caption span:first-child{ font-size: 12px; font-weight: 300; color: #9e9e9e;}
.c-date-caption span:last-child{ font-size: 12px; font-weight: 400; color: #333;}
.c-vendor-card{ height: auto; overflow: hidden;}

.compare-tabs{ display: inline-block; width: calc(100% - 164px); float: left; margin-right: 12px;}
.compare-tabs ul{ background-color: #fff;}
.compare-graph{ display: inline-block;}
.card-iname {
    font-size: 16px;
    font-weight: 600;
}
.card-iamount {
    font-size: 12px;
    font-weight: 400;
    color: #616161;
}
.card-required {
    font-size: 12px;
    font-weight: 400;
    color: #616161;
}
.row.s-fix-bot {
    position: fixed;
    width: 100%;
    bottom: 0;
	right: 15px;
}

.s-btn-ctr2:focus{ outline: none; border: none; }

.s-htable tr th:last-child{ width: 10%; }
.s-htable-1 tr th:last-child{ width: 10%; }
.s-htable-2 tr th:last-child{ width: 34%; }
.s-htable-3 tr th:last-child{ width: 34%; }
.s-htable-4 tr th:last-child{ width: 10%; }

.sk-date p:first-child{
	width: 150px;
	display: inline-block;
}
.sk-date-1 p:first-child{
	width: 150px;
	display: inline-block;
}

.sk-date p:last-child{
	width: 210px;
	display: inline-block;
}
.sk-date-1 p:last-child{
	width: 90px;
	display: inline-block;
}

.s-back-white{
    background-color: #fff;
    display: inline-block;
    width: 100%;
}

.btn.std-btn, .btn.std-btn:focus{
    font-size: 14px;
    color: #fff;
    background-color: #111;
    padding: 0px 12px;
	height: 34px;
	border-radius: 0;
	outline: none;
}

.col-xs-12.detail-pad{ padding-left: 0px; padding-right: 0px;}
    .detail-btn{ margin-top: 20px;
		display: inline-block;     width: 100%;
    text-align: right;}
.detail-btn a{ color: #333; margin-left: 15px; }

.item-image{    text-align: center;
	padding: 15px 0;}
.item-image IMAGES{ width: 100px;}

@media (min-width:320px) and (max-width:570px){
	.profile-left-lable p:last-child{ 
		width: 165px;
	}
	.profile-left-lable p.s-profile-text-light{ 
		width: initial;
	}
}

@media (min-width:320px) and (max-width:768px){


	.modal-content.s-wdh{
		width: 90%;
		margin-left: 5%;
	}
	.modal-content.s-wdh1{
		width: 100%;
		margin-left: 5%;
	}
}
@media (min-width:320px) and (max-width:480px){
	.s-htable tr th:last-child{ width: 15%; }
	.s-htable-1 tr th:last-child{ width: 15%; }
    .s-htable-2 tr th:last-child{ width: 15%; }
	.s-htable-3 tr th:last-child{ width: 15%; }
	.s-htable-4 tr th:last-child{ width: 15%; }
}