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; font-size: 100%; font: inherit; vertical-align: baseline; }



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html, body { height: 100%; }

*, body { box-sizing: border-box; }

body { font-family: 'Open Sans', sans-serif; background-color: #ffffff; line-height: 1; font-weight: 400; box-sizing: border-box; }

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; }

img { border: 0; outline: 0; max-width: 100%; height: auto; }

a, a:link, a:visited, a:hover, a:focus { outline: 0; border: 0; }

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: 700; }

a { font-family: 'Open Sans', sans-serif; outline: none; border: 0; }

a:hover, a:focus, a:active { outline: none; border: 0; text-decoration: none; }

input[type="text"]:-ms-input-placeholder, input[type="text"]::-moz-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="email"]::-moz-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="password"]::-moz-placeholder, input[type="password"]::-webkit-input-placeholder { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #666666; font-weight: 400px; }

input[type="text"], input[type="email"], input[type="password"] { background: #ffffff; border: 1px solid #666; color: #000000; height: 40px; padding: 8px; text-overflow: ellipsis; overflow: hidden; width: 100%; }

input[type="number"] { background: #ffffff; border: 1px solid #c7c7c7; color: #000000; height: 40px; padding: 8px; width: 100%; }

input[type="number"]:focus { border: 1px solid #666; }

input[type="number"]:-ms-input-placeholder, input[type="number"]::-moz-placeholder, input[type="number"]::-webkit-input-placeholder { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #666666; font-weight: 400px; border-color: #c7c7c7; }

.default-select { background-image: url(../images/selArrow.png); background-position: right 5px; background-repeat: no-repeat; background-color: #ffffff; border: 1px solid #666; color: #000000; height: 40px; padding: 8px; text-overflow: ellipsis; overflow: hidden; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

select { height: 40px; text-overflow: ellipsis; overflow: hidden; }

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus { border-color: #000000; color: #000000; }

.mt15 { margin-top:15px !important;  }

/* header css ===============================*/

.container { width: 1280px; max-width: 100%; margin: auto; position: relative; }

.custome-row { margin-left: -5px; margin-right: -5px; }

.headerSection { width: 100%; float: left; margin: 0; padding: 0; }

.headerSection .header-innersection { background-color: #ffffff; width: 100%; float: left; margin: 0; padding: 10px 0; }

.mainnav { width: 100%; background-color: #ffffff; border: 0; float: left; margin: 0; padding: 0; }

.mainnav .navbar-header { display: inline-block; position: relative; width: 100%; }

.mainnav .navbar-header .navbar-toggle { background-color: #333333; color: #ffffff; position: absolute; right: 0; z-index: 2; }

.navbar-brand { position: relative; z-index: 1; }

.mainnav .navbar-header .head__leftblock { width: auto; height: auto; float: left; margin: 0; padding: 0; display: inline-block; position: relative; z-index: 2; }

.mainnav .navbar-header .head__leftblock .logo__block { width: 200px; display: inline-block; margin: 0; padding: 0; }

.mainnav .navbar-header .head__leftblock .logo__block img { max-width: 100%; height: auto; }

.mainnav .navbar-header .head__leftblock .tag__block { width: auto; display: inline-block; margin: 0 0 0 15px; padding: 22px 15px; border-left: 1px solid #000000; vertical-align: top; }

.mainnav .navbar-header .head__leftblock .tag__block span { font-family: 'Open Sans', sans-serif; font-size: 16px; text-transform: uppercase; color: #333333; }

.mainnav .navbar-header .head__leftblock:hover .tag__block span { }

.mainnav .myNavbar { width: 100%; position: absolute; }

.withnewnav .myNavbar { width: -moz-calc(100% - 140px); width: -webkit-calc(100% - 140px); width: -ms-calc(100% - 140px); width: calc(100% - 140px); position: absolute; }

.mainnav .myNavbar .nav { padding: 6px 0; }

.mainnav .myNavbar .nav li { float: left; margin: 0; padding: 0; text-align: center; }

.mainnav .myNavbar .nav li a { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000; line-height: 24px; text-transform: uppercase; text-decoration: none; }

.mainnav .myNavbar .nav li a:hover { color: #3aacdc; }

.mainnav .myNavbar .nav li.active a { color: #3aacdc; background-color: transparent; }

.mainnav .myNavbar .nav li.active a:hover { color: #3aacdc; background-color: transparent; }

.new_nav { width: 140px; float: right; display: inline-block; margin: 0; padding: 12px 0; }

.new_nav ul { width: 100%; display: inline-block; margin: 0; padding: 0; }

.new_nav ul li { float: left; display: inline-block; margin: 0; padding: 0; }

.new_nav .cart_Btn { font-size: 20px; }

.new_nav ul li a { background-color: #bfc0c1; border-radius: 5px; width: 60px; height: 40px; text-align: center; color: #333333; display: inline-block; padding: 5px; line-height: 30px; margin: 0 5px; text-decoration: none; }

.new_nav ul li a:hover { background-color: #d5d6d7; }

.new_nav ul li.active a { background-color: #3aacdc; color: #ffffff; }

.new_nav ul li.active a .badge { color: #ffffff; }

.new_nav ul li a .badge { background-color: transparent; font-size: 12px; color: #333; }



/* Main banner css ============================ */

.mainbannerSection { width: 100%; float: left; margin: 0; padding: 0; background-image: url(../landing_files/sky.jpg); background-repeat: no-repeat; background-size: cover; background-position: left top; }

.mainbannerSection .bannerContent { width: 100%; text-align: center; margin: 0; padding: 15px 0; }

.mainbannerSection .bannerContent .banner_title_content { width: auto; display: inline-block; margin: 0; padding: 25px; vertical-align: middle; }

.mainbannerSection .bannerContent .banner_title_content p { font-size: 20px; color: #ffffff; line-height: 36px; text-align: left; text-transform: uppercase; }

.mainbannerSection .bannerContent .banner_iner_imgblock { width: 200px; display: inline-block; margin: 0; padding: 25px; vertical-align: middle; }



/* Footer section css ========================== */

.footerSection { width: 100%; float: left; margin: 0; padding: 15px 0; background-image: url(../landing_files/sky.jpg); background-repeat: repeat; background-size: cover; background-position: left top; }

.footerSection .footer-content { width: auto; display: inline-block; margin: 0; padding: 0; }

.footerSection .footer-content span { font-size: 14px; color: #ffffff; font-weight: 400; }

.footerSection .footer-content a { font-size: 14px; color: #ffffff; font-weight: 400; text-decoration: none; }

.footerSection .footer-content a:hover { color: #3aacdc; }



/* Global css =====================================*/

.uppcase_txt { text-transform: uppercase; }

.form { width: 100%; float: left; margin: 0; padding: 0; }

.form-field-block { width: 100%; float: left; margin: 0; padding: 15px 0; }

.form-field-block .form_field_data { background: #ffffff none repeat scroll 0 0; border: 1px solid #666666; color: #000000; min-height: 40px;

overflow: hidden; padding: 8px; text-overflow: ellipsis;  width: 100%; line-height: 20px; }

.form-field-block .form_field_data.scrollable { overflow: auto; height: 40px;  }

.defaul-btn-style { background-color: #3aacdc; border: 1px solid #3aacdc; width: auto; height: 40px; line-height: normal; margin: 0; padding: 8px 25px; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #ffffff; text-transform: uppercase; }

.defaul-btn-style:hover, .btn-style:focus { background-color: #064784; border: 1px solid #064784; color: #ffffff; }

.oldportal-btn-style { background-color: #2eb38b; border: 1px solid #3adcac; width: auto; height: 40px; line-height: normal; margin: 0; padding: 8px 25px; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #ffffff; text-transform: uppercase; }

.oldportal-btn-style:hover, .btn-style:focus { background-color: #068447; border: 1px solid #068447; color: #ffffff; }

.newportal-btn-style { background-color: hsl(198, 70%, 55%); border: 1px solid #3aacdc; width: auto; height: 40px; line-height: normal; margin: 0; padding: 8px 25px; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #ffffff; text-transform: uppercase; }

.newportal-btn-style:hover, .btn-style:focus { background-color: #064784; border: 1px solid #064784; color: #ffffff; }

.btn-style1 { background-color: #bfc0c1; border: 1px solid #bfc0c1; width: auto; height: 40px; line-height: normal; margin: 0; padding: 8px 25px; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #333; text-transform: uppercase; }

.btn-style1:hover { background-color: #D5D6D7; border: 1px solid #D5D6D7; }

.formstyle2 .form-field-block { padding: 10px 0 0; }

.formstyle2 .form-field-block .area_controle { background: #ffffff; border: 1px solid #c7c7c7; font-size: 13px; color: #000000;    /*height: 40px;*/ padding: 8px; text-overflow: ellipsis; overflow: hidden; width: 100%; resize: none; height: 40px; }

.formstyle2 .form-field-block .area_controle:focus { border: 1px solid #333; }

.formstyle2 .form-field-block .form_component { border: 1px solid #c7c7c7; font-size: 13px; width: 100%; }

.formstyle2 .form-field-block .form_component:focus { border: 1px solid #333; }

.formstyle2 .form-field-block .label { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #989898; text-align: left; font-weight: 400; text-transform: uppercase; margin: 0; padding: 0 0 10px; width: 100%; }

.formstyle2 .form-field-block.withlabel { width: 100%; }

.formstyle2 .form-field-block.withlabel .label { display: inline-block; width: auto; }

.formstyle2 .form-field-block.withlabel .form_component { width: 300px; margin-left: 15px; }

.formstyle2 .title-label { color: #000000 !important; font-family: "Open Sans", sans-serif; font-size: 14px !important; font-weight: 400; line-height: 24px; width: 100%; margin: 0; padding: 0 0 10px; text-transform: uppercase; }

.formstyle2 .list-btn-style1 { background-color: #e0e5e8; border: 1px solid #e0e5e8; text-align: center; height: 40px; width: 40px; color: #000; font-size: 20px; }

.formstyle2 .list-btn-style1:hover { background-color: #000; border: 1px solid #000; color: #ffffff; }

.formstyle2 .field_width50 { width: 50px; display: inline-block; padding-left: 5px; padding-right: 5px; }

.formstyle2 .field_width60 { width: 60px; display: inline-block; padding-left: 5px; padding-right: 5px; }

.formstyle2 .field_width90 { width: 90px; display: inline-block; padding-left: 5px; padding-right: 5px; }

.formstyle2 .field_width72 { width: 72px; display: inline-block; padding-left: 5px; padding-right: 5px; }

.formstyle2 .field_width105 { width: 98px; display: inline-block; padding-left: 5px; padding-right: 5px; }

.formstyle2 .field_width140 { width: 140px; display: inline-block; padding-left: 5px; padding-right: 5px; }

.formstyle2 .field_width160 { width: 160px; display: inline-block; padding-left: 5px; padding-right: 5px; }

.formstyle2 .field_width180 { width: 180px; display: inline-block; padding-left: 5px; padding-right: 5px; }

.formstyle2 .field_width200 { width: 200px; display: inline-block; padding-left: 5px; padding-right: 5px; }

.formstyle2 .field_width220 { width: 220px; display: inline-block; padding-left: 5px; padding-right: 5px; }

.datepicker .datepicker-days .day { line-height: 20px; }



/* bredcrumb css */

.bredcrumb_cont { width: 100%; float: left; margin: 0; padding: 0; }

.bredcrumb_cont .bred_strip { width: 100%; float: left; margin: 0; padding: 10px 0; }

.bredcrumb_cont .bred_strip li { width: auto; display: inline-block; margin: 0; padding: 5px 0px 5px 15px; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #989898; text-transform: uppercase; float: left; }

.bredcrumb_cont .bred_strip li .sep { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #989898; text-transform: uppercase; margin: 0; display: inline-block; padding: 0 0 0 10px; }

.bredcrumb_cont .bred_strip li a { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #000000; text-align: center; margin: 0; padding: 0; }



/* main Content css ============================== */

.main_content { width: 100%; float: left; margin: 0; padding: 0; min-height: calc(100vh - 47px); }

.middleCont { width: 100%; float: left; margin: 0; padding: 0; }



/* login card css */

.loginCard { width: 450px; max-width: 95%; margin: 50px auto; padding: 0; border: 1px solid #838383; overflow: hidden; }

.loginCard .card--header { width: 100%; margin: 0; padding: 15px; float: left; background: #47c3f1;    /* Old browsers */ background: -moz-linear-gradient(left, #47c3f1 0%, #064784 54%);    /* FF3.6-15 */ background: -webkit-linear-gradient(left, #47c3f1 0%, #064784 54%);    /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #47c3f1 0%, #064784 54%);    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47c3f1', endColorstr='#064784', GradientType=1);    /* IE6-9 */ }

.loginCard .card--header h2 { font-size: 20px; color: #ffffff; font-weight: 400; text-transform: uppercase; }

.loginCard .card--content { width: 100%; float: left; margin: 0; padding: 25px; }

.loginCard .card--content .form { width: 100%; float: left; margin: 0; padding: 0; }

.loginCard .form-action-block { width: 100%; margin: 0; padding: 15px 0 0; float: left; }

.loginCard .form-action-block .loginBtn { text-transform: uppercase; font-weight: 600; color: #ffffff; }

.loginCard .form-action-block .forgot_link { margin: 15px 0; font-size: 14px; text-transform: uppercase; text-decoration: underline; color: #000000; }

.loginCard .form-action-block .forgot_link:hover { color: #3AACDC; }



/* top boxs section css */

.top-box-style { width: 100%; float: left; margin: 0; padding: 25px 0 40px; position: relative; }

.top-box-style:before { top: 0; }

.top-box-style:after { bottom: 0; }

.top-box-style:before, .top-box-style:after { content: ""; background: rgba(0, 0, 0, 0) linear-gradient(to right, #47c3f1 0%, #064784 54%) repeat scroll 0 0; width: 100%; float: left; margin: 0; padding: 0; height: 10px; position: absolute; left: 0; }

.top_box_container { width: 100%; float: left; margin: 0; padding: 15px 0; position: relative;   }

/* Product order page css */

.product__searchsection { position: relative; }

.product__searchsection .viewBtn, .product__searchsection .showallBtn, .clearallBtn { background: #e0e5e8; border: 1px solid #e0e5e8; padding: 10px 19px; margin: 0; text-align: center; font-size: 14px; color: #000; text-transform: uppercase; height: 40px; }

.product__searchsection .viewBtn:hover, .product__searchsection .showallBtn:hover { background: #c3c7c7; border: 1px solid #c3c7c7; }

.product__searchsection .field-title { width: 100%; float: left; margin: 0; padding: 15px 0 0; }

.product__searchsection .form-field-block { margin-right: 10px; }

.product__searchsection .form-field-block.fieldw_opt1 { width: 120px; }

.product__searchsection .form-field-block.fieldw_opt2 { width: 150px; }

.product__searchsection .form-field-block.fieldw_opt3 { width: 200px; }

.product__searchsection .form-field-block.fieldw_opt4 { width: 250px; }

.product__searchsection .form-field-block.fieldw_opt5 { width: 300px; }



/* search list css */

.srch_list_box { width: 100%; float: left; margin: 0; padding: 0; }

.srch_list_box .box-title { width: 100%; float: left; margin: 0; padding: 0; text-align: left; }

.srch_list_box .box-title h2 { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000000; text-align: left; font-weight: 400; line-height: 24px; margin: 0; padding: 0 0 5px; text-transform: uppercase; }

.srch_list_box .srch_list_cont { width: 100%; float: left; margin: 0; padding: 0 0 25px; }



/* listing table css */

.res-tableCont { width: 100%; overflow: auto; }

.listing-table { border: 0; padding: 0; margin: 0; width: 100%; }

.listing-table td { vertical-align: top; }

.listing-table tr { width: 100%; float: left; margin: 10px 0 0; padding: 0 10px 10px; border: 1px solid #f1f1f1; }

.listing-table tr:first-child { background-color: #f1f1f1; }

.listing-table .head-title { padding-top: 5px; padding-bottom: 0px; }

.listing-table .head-title span { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #989898; text-align: left; font-weight: 400; text-transform: uppercase; margin: 0; padding: 0 0 0px; width: 100%; display: inline-block; }

.listing-table .removecartBtn { font-size: 16px; }



/* cart page css */

.gridboxcont { width: 100%; float: left; margin: 0; padding: 0; }

.grid33 { width: 33.33%; }

.gridboxcont .box-title { width: 100%; float: left; margin: 0; padding: 0; text-align: left; }

.gridboxcont .box-title h2 { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000000; text-align: left; font-weight: 400; line-height: 24px; margin: 0; padding: 0 0 5px; text-transform: uppercase; }

.total-section { width: 100%; margin: 0; padding: 0; display: inline-block; }

.total-section .total-section-right { width: 100%; margin: 0; padding: 0; }

.total-section .total-form-group { border: 1px solid #ccc; display: inline-block; width: 100%; padding: 10px 12px; }

.total-section .form-group .total-title-label { width: 100px; display: inline-block; float: left; text-transform: uppercase; font-size: 14px; color: #333; }

.total-section .form-group .total-label-price { width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: -ms-calc(100% - 100px); width: calc(100% - 100px); display: inline-block; float: left; margin: 0; padding: 0; font-size: 14px; color: #333; }

.total-section .form-group .total-label-price i { font-size: 12px; }

.total-section .totalBtn { width: 100%; display: inline-block; margin: 0 0 10px; border-radius: 0; }

.total-section .totalBtn:hover { background-color: #333333; color: #fff; }

.total-section p { margin-bottom: 10px; }



/* Contact popup css */

.has-error .errormsg, .error { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #f74747; font-weight: 400; padding: 5px 0; text-align: left; margin: 0; }

.default-modal-popup .modal-content { border-radius: 0; }

.default-modal-popup .modal-dialog .modal-header { background-color: #f1f1f1; position: relative; }

.default-modal-popup .modal-dialog .modal-header .removeBtn { color: rgba(51, 51, 51, 0.5); font-size: 18px; position: absolute; right: 15px; top: 17px; }

.default-modal-popup .modal-dialog .modal-header h3 { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #333; font-weight: 400; line-height: 24px; text-align: left; margin: 0; padding: 0; }

.default-modal-popup .modal-body { padding: 0; }

.default-modal-popup .modal-footer { background-color: #f1f1f1; clear: both; }

.request_form { border: 0; width: 100%; padding: 15px 0 0; }

.default-modal-popup .control-label { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #333333; text-align: left; font-weight: 400; text-transform: uppercase; margin: 0; padding: 0 0 10px; width: 100%; }

.default-modal-popup .form-control { background: #ffffff; border: 1px solid #666; color: #000000; height: 40px; padding: 8px; text-overflow: ellipsis; overflow: hidden; width: 100%; border-radius: 0; }

.default-modal-popup textarea.form-control { background: #ffffff; border: 1px solid #666; color: #000000; height: 80px; resize: none; padding: 8px; text-overflow: unset; overflow: visible; width: 100%; }

.no-record-data-msg { width: 100%; float: left; margin: 15px 0; padding: 15px; text-align: center; font-size: 14px; color: #333; line-height: 24px; background-color: #f1f1f1; border: 1px solid #f1f1f1; }



/* pagination css */

.pagination_nav_cont { width: 100%; float: left; margin: 0; padding: 0; }

.pagination_nav_cont .pagination_nav { width: 100%; float: left; margin: 0; padding: 0; text-align: right; }

.pagination_nav_cont .dataTables_info { width: 100%; margin: 0; padding: 20px 0; font-weight: 600; }



.border-strip {

	background: rgba(0, 0, 0, 0) linear-gradient(to right, #47c3f1 0%, #064784 54%) repeat scroll 0 0;

    float: left;

    height: 10px;

    margin: 0;

    padding: 0;

    width: 100%;

}

.order-status-Cont { width: 100%; float: left; margin: 0; padding: 0; text-align: right; }

.order-status-Cont .order-status-block { width: auto; display: inline-block; margin: 0; padding: 10px; text-align: center; vertical-align: top; }

.order-status-Cont .order-status-block .order-status-title { font-size: 14px; color: #333333; text-align: center; margin: 0; padding: 5px; text-transform: uppercase; line-height: 24px; }

.order-status-Cont .order-status-block .order-status-data { background-color: #f1f1f1; font-size: 13px; color: #333333; min-height: 35px; text-align: center; margin: 0 0 5px; padding: 5px; line-height: 24px; max-width: 100%;  word-wrap: breck-word;  overflow-wrap: break-word; }

.back-to-top {

    background: #45C0EE none repeat scroll 0 0;

    border: 0 none;

    border-radius: 50%;

    bottom: 40px;

    box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.38);

    color: #ffffff;

    cursor: pointer;

    font-size: 20px;

    height: 45px;

    line-height: 40px;

    opacity: 0;

    position: fixed;

    right: 6px;

    text-align: center;

    text-decoration: none;

    transition: opacity 0.2s ease-out 0s;

    width: 45px;

    z-index: 99;

}

.back-to-top:hover, .back-to-top:active, .back-to-top:focus {

    background: #45C0EE none repeat scroll 0 0;

    color: #ffffff;

}

.back-to-top.show {

    opacity: 1;

}

.listing-table .head-title.action_txt span { text-align: center; } 



/* custom checkbox css */

.cust_check_style input[type="checkbox"] { visibility: hidden;  }

.cust_check_style label { padding: 0 0 0 35px;  }

.cust_check_style label:before { font-family: 'FontAwesome'; content: "\f096"; font-size: 20px; color: #333333; margin: 0 10px 0 -45px; padding: 0; position: relative; top: 3px;  width:  20px; display: inline-block;}

.cust_check_style input[type="checkbox"]:checked + label:before { font-family: 'FontAwesome'; content: "\f046"; font-size: 20px; color: #333333; margin: 0 10px 0 -45px; padding: 0; position: relative; top: 3px; width:20px; display: inline-block; }



/* ADDED BY KEYUR : FOR REMOVE SPIN NUMBER ARROW */

input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

   -webkit-appearance: none;

   margin: 0;

}











/****************  Updated CSS 4/2/2019 **************************/



input[type="number"], input[type="text"], input[type="email"], input[type="password"], .formstyle2 .form-field-block .area_controle { padding: 6px 8px; height:52px; }

.hasDatepicker { padding-right:42px !important; }

.datepickerwrap { position: relative; z-index:1; }

.datepickerwrap:before { content:'\f073'; color: #888; position: absolute; top: 24px; right: 18px; font: normal normal normal 24px/1 FontAwesome; z-index:-1; }

.datepickerwrap input { background: transparent; }

.formstyle2 .list-btn-style1 { width:50px; height:50px; }



.pickuploacationslider:after { content:''; display:table; clear:both; }

.pickuploacationslider .slick-arrow { font-size:0; opacity:0; visibility:hidden; }

.pickuploacationslider .slick-list { top:-16px; }

.pickuploacationslider .slick-dots { text-align:center; margin:-20px 0 5px; }

.pickuploacationslider .slick-dots:after { content:''; display:table; clear:both; }

.pickuploacationslider .slick-dots li { display:inline-block; vertical-align:middle; padding:0 2px; }

.pickuploacationslider .slick-dots li button { background:#dadada; border:0; padding:6px 8px; }

.pickuploacationslider .slick-dots li.slick-active button { background:#237fb5; color:#fff; }

.close-dialogbox { position:absolute; right:0; top:0; border-radius:0; background:#064784; color:#fff; line-height:40px; width:40px; height:40px; text-align:center; font-size:19px; font-weight:700; }
.close-dialogbox:hover { background:#000; text-decoration:none }
body.overflowhidden { overflow:hidden; padding-right:17px; }
.popouterbox .popup-block {  display:block; position:absolute; left:0; right:0; z-index:99999; background:#fff; padding:30px 20px;  border-radius:5px;  margin:30px auto; max-width:700px; width:100%; top:50%; overflow:hidden; }
.popouterbox { bottom:0; display:none; left:0; overflow:hidden; overflow-x:hidden; overflow-y:auto; position:fixed; right:0; top:0; z-index:999999999; }
.modal-backdrop { display:none; background:#000; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; }
.popup-title { font-size:22px; font-weight:700; color:#000; padding-bottom:15px; border-bottom:1px solid rgba(40, 46, 63, 0.15); margin-bottom:25px; text-transform:uppercase; text-align:center; }


button#card-button { background: #064784; border: 0; padding: 10px 40px; color: #fff; text-transform: uppercase; margin: 40px auto 0; display: block; }