@charset "utf-8";
/* CSS Document */

/* browser reset */
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; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html, body { height:100%; }
body { line-height:1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
img { color:transparent; font-size:0; vertical-align:middle; -ms-interpolation-mode:bicubic; width:auto\9; height:auto; max-width:100%; }
ol, ul, li { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
th, td, caption { font-weight:normal; vertical-align:top; text-align:left; }
q { quotes:none; }
q:before, q:after { content:""; content:none; }
sub, sup, small { font-size:75%; }
sub, sup { line-height:0; position:relative; vertical-align:baseline; }
sub { bottom:-0.25em; }
sup { top: -0.5em; }
svg { overflow:hidden; }
#map_canvas img, .google-maps img { max-width:none; }
/* text reset */
pre, code { font-family:"DejaVu Sans Mono", Menlo, Consolas, monospace; }
hr { border: 0 solid #ccc; border-top-width:1px; clear:both; height:0; }
ol { list-style:decimal; }
html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
a { color:#009fff; text-decoration: none; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
a:hover { color:#212121; text-decoration:none; }
a:focus { outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }
a:hover, a:active, a:focus { outline:0; }
body { color: #212121; font: 400 16px/1 "Roboto", sans-serif !important; background: #fff; }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
figure { margin: 0; }
img { vertical-align: middle; }
[role="button"] {
 cursor: pointer;
}
/* input reset */
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;-moz-appearance: textfield;}
input[type=number] {-moz-appearance:textfield;}
input{-moz-appearance: textfield !important;}
select { background: #fff; border: solid 1px #000; box-shadow: none; height: 60px; line-height: 18px; padding: 20px 22px; width: auto; font-size: 14px; }
input[type="number"], input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input.form-text, textarea { font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: normal; background: #fff; border: 1px solid #e6e6e6; color: #333; margin: 0; outline: none; resize: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; -webkit-transition: color 0.45s, background 0.45s, border 0.45s; -moz-transition: color 0.45s, background 0.45s, border 0.45s; transition: color 0.45s, background 0.45s, border 0.45s; width:100%; padding: 9px 15px; font-weight:500 }
input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="email"]:focus, input.form-text:focus, textarea:focus { color: #000; -webkit-transition: color 0.25s, background 0.25s, border 0.25s; -moz-transition: color 0.25s, background 0.25s, border 0.25s; transition: color 0.25s, background 0.25s, border 0.25s; }
input[type="text"]:focus + label, input[type="password"]:focus + label, input[type="email"]:focus + label, input.form-text:focus + label, textarea:focus + label { color: #000; }
input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input.form-text:disabled, textarea:disabled { background: #000; opacity: 0.5; }
input[type="text"]:-ms-clear, input[type="password"]:-ms-clear, input[type="email"]:-ms-clear, input.form-text:-ms-clear, textarea:-ms-clear {
height: 0;
width: 0;
}
textarea { padding: 15px 25px; }
input[type="number"], input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input.form-text, .input-text { display: inline-block; height: 60px; line-height: 18px; padding: 20px 22px; }
 input::-webkit-input-placeholder {
 color: #b0b0b0;
 opacity: 1;
}

input:-moz-placeholder {
 color: #b0b0b0;
 opacity: 1;
}
input::-moz-placeholder {
 color: #b0b0b0;
 opacity: 1;
}
input:-ms-input-placeholder {
 color: #b0b0b0;
 opacity: 1;
}
/* print */
@media print {
* { color:#000!important; text-shadow:none!important; background:transparent!important; box-shadow:none!important; }
a, a:visited { text-decoration:underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
thead { display:table-header-group; }
tr, img { page-break-inside:avoid; }
img { max-width:100%!important; }
 @page {
margin:0.5cm;
}
p, h2, h3 { orphans:3; widows:3; }
h2, h3 { page-break-after:avoid; }
}
.googlesansdisplay{font-family:"Google Sans Display";}
.googlesans{font-family:"Google Sans";}
/* clear */
.clr, .clear, .clearfix:before, .clearfix:after, .container:before, .container-fluid:before, .container:after, .container-fluid:after, .row:before, .row:after { content:" "; display:table }
.clr, .clear, .clearfix:after, .container:after, .container-fluid:after, .row:after { clear:both }
/* default settings */
.ftlt { float:left; }
.ftrt { float:right; }
.center { text-align:center; }
.left { text-align:left !important; }
.right { text-align:right; }
.relative { position:relative; }
.absolute { position:absolute; }
.norelative, .noabsolute { position:static !important; }
.fixed { position:fixed }
.bold { font-weight:bold; }
.nobold { font-weight:normal; }
.show { visibility:visible; display:block !important }
.hide { display:none !important; }
.otherhide { display:none !important; visibility:hidden; }
.red { color:#c52429; }
.green { color:#5c952c; }
.orange { color:#f6a820; }
.orange1 { color:#f90; }
.black { color:#000; }
.white { color:#fff; }
.blue { color:#30a4ea; }
.grey { color:#999; }
.pad0t { padding-top:0 !important; }
.pad0b { padding-bottom:0; }
.pad0l { padding-left:0; }
.pad0r { padding-right:0; }
.pad5t { padding-top:5px; }
.pad5b { padding-bottom:5px; }
.pad5l { padding-left:5px; }
.pad5r { padding-right:5px; }
.pad5tb { padding-top:5px; padding-bottom:5px; }
.pad5lr { padding-left:5px; padding-right:5px; }
.pad5trbl { padding:5px; }
.pad10t { padding-top:10px; }
.pad10b { padding-bottom:10px; }
.pad10l { padding-left:10px; }
.pad10r { padding-right:10px; }
.pad10tb { padding-top:10px; padding-bottom:10px; }
.pad10lr { padding-left:10px; padding-right:10px; }
.pad10trbl { padding:10px; }
.pad15t { padding-top:15px; }
.pad15b { padding-bottom:15px; }
.pad15l { padding-left:15px; }
.pad15r { padding-right:15px; }
.pad15tb { padding-top:15px; padding-bottom:15px; }
.pad15lr { padding-left:15px; padding-right:15px; }
.pad15trbl { padding:15px; }
.pad20t { padding-top:20px; }
.pad20b { padding-bottom:20px; }
.pad20l { padding-left:20px; }
.pad20r { padding-right:20px; }
.pad20tb { padding-top:20px; padding-bottom:20px; }
.pad20trbl { padding:20px; }
.margin0t { margin-top:0 !important; }
.margin10t { margin-top:10px; }
.margin15t { margin-top:15px }
.margin10b { margin-bottom:10px; }
.margin10l { margin-left:10px; }
.margin10r { margin-right:10px; }
.margin10tb { margin-top:10px; margin-bottom:10px; }
.margin10lr { margin-left:10px; margin-right:10px; }
.margin10trbl { margin:10px; }
.margin5l { margin-left:5px; }
.margin5r { margin-right:5px; }
.margin5t { margin-top:5px; }
.margin5b { margin-bottom:5px; }
.margin5tb { margin-top:5px; margin-bottom:5px; }
.margin5lr { margin-left:5px; margin-right:5px; }
.margin5trbl { margin:10px; }
.margin20t { margin-top:20px; }
.margin20b { margin-bottom:20px; }
.margin20l { margin-left:20px; }
.margin20r { margin-right:20px; }
.margin20tb { margin-top:20px; margin-bottom:20px; }
.margin20lr { margin-left:20px; margin-right:20px; }
.margin20trbl { margin:20px; }
.margin25t { margin-top:20px; }
.margin25b { margin-bottom:20px; }
.margin25l { margin-left:20px; }
.margin25r { margin-right:20px; }
.margin25tb { margin-top:20px; margin-bottom:20px; }
.margin25lr { margin-left:20px; margin-right:20px; }
.margin25trbl { margin:20px; }
.margin70t { margin-top:0; }
.alpha { margin-left:0!important; }
.omega { margin-right:0!important; }
.bold { font-family: "robotobold"; }
.leaderboard { display: block; margin: 15px 0 15px 0; text-align: center; width: 100%; }
.no-images {-webkit-filter: grayscale(100%);filter: grayscale(100%); opacity: 0.4}
/**/

.bgwhite { background:#fff }
.bggray { background:#f0f0f0 }

 
/* buttons */
.waves-effect { position:relative; cursor:pointer; display:inline-block; overflow:hidden; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent; vertical-align:middle; z-index:1; will-change:opacity, transform; transition:all .3s ease-out }
.waves-effect .waves-ripple { position:absolute; border-radius:50%; width:20px; height:20px; margin-top:-10px; margin-left:-10px; opacity:0; background: rgba(255, 255, 255, 0.7); transition:all 0.7s ease-out; transition-property:opacity, -webkit-transform; transition-property:transform, opacity; transition-property:transform, opacity, -webkit-transform; -webkit-transform:scale(0); transform:scale(0); pointer-events:none }
button, a.btn, input[type="submit"] { font-family: Helvetica, Arial, sans-serif; font-size: 13px; background: #f58705; border: 0; color: #fff; cursor: pointer; display: inline-block; margin: 0; outline: none; position: relative; text-align: center; text-shadow: none; vertical-align: middle; white-space: nowrap; z-index: 1; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; -webkit-transition: color 0.45s, background 0.45s, border 0.45s; -moz-transition: color 0.45s, background 0.45s, border 0.45s; transition: color 0.45s, background 0.45s, border 0.45s; }
.btn { font-size: 13px; line-height: 18px; padding:9px 24px; } 
button, input[type="submit"] { padding: 8px 12px; } 
a.btn-red, .btn-red, input[type="submit"].btn-red { background-color: #ef534e; }
a.btn-red:hover, .btn-red:hover, input[type="submit"].btn-red:hover { background-color: #ff1d23; }
a.btn-yellow, .btn-yellow, input[type="submit"].btn-yellow { background-color: #fffc00; color:#770101 }
a.btn-red1, .btn-red1, input[type="submit"].btn-red1 { background-color: #d46465; }
a.btn-red1:hover, .btn-red1:hover, input[type="submit"].btn-red1:hover { background-color: #b52626; }
a.btn-green, .btn-green, input[type="submit"].btn-green { background-color: #08a182; }
a.btn-green:hover, .btn-green:hover, input[type="submit"].btn-green:hover { background-color: #19cba7; }
a.btn-white, .btn-white, input[type="submit"].btn-white { background-color: #fff; color: #666; }
a.btn-white:hover, .btn-white:hover, input[type="submit"].btn-white:hover { background-color: #fff; color: #000; }
a.btn-black, .btn-black, input[type="submit"].btn-black { background-color: #333; }
a.btn-gray, .btn-gray, input[type="submit"].btn-gray { background-color:#e9e6e6; color: #333; }
a.btn-black:hover, .btn-black:hover, input[type="submit"].btn-black:hover { background-color: #000; }
.disabled, a.disabled, .btn.disabled, button:disabled, input[type="submit"]:disabled, button[readonly], button.disabled { opacity: 0.6; cursor:not-allowed !important; background:#e3e3e3 !important; }
button.btn-ghost, a.btn-ghost, .btn-ghost, input[type="submit"].btn-ghost, button.btn-ghost-white, a.btn-ghost-white, .btn-ghost-white, input[type="submit"].btn-ghost-white, button.btn-ghost-red, a.btn-ghost-red, .btn-ghost-red, input[type="submit"].btn-ghost-red, button.btn-ghost-red1, a.btn-ghost-red1, .btn-ghost-red1, input[type="submit"].btn-ghost-red1, button.btn-ghost-black, a.btn-ghost-black, .btn-ghost-black, input[type="submit"].btn-ghost-black, button.btn-ghost-gray, a.btn-ghost-gray, .btn-ghost-gray, input[type="submit"].btn-ghost-gray { background: transparent; border: solid 1px #f58705; color: #f58705; padding-bottom: 8px; padding-top: 8px; }
button.btn-ghost:hover, a.btn-ghost:hover, .btn-ghost:hover, input[type="submit"].btn-ghost:hover, button.btn-ghost-white:hover, a.btn-ghost-white:hover, .btn-ghost-white:hover, input[type="submit"].btn-ghost-white:hover, button.btn-ghost-red:hover, a.btn-ghost-red:hover, .btn-ghost-red:hover, input[type="submit"].btn-ghost-red:hover, button.btn-ghost-black:hover, a.btn-ghost-black:hover, .btn-ghost-black:hover, input[type="submit"].btn-ghost-black:hover { color: #fff; background: #f58705; }
button.btn-ghost-white, a.btn-ghost-white, .btn-ghost-white, input[type="submit"].btn-ghost-white { border-color: #fff; color: #fff; }
button.btn-ghost-white:hover, a.btn-ghost-white:hover, .btn-ghost-white:hover, input[type="submit"].btn-ghost-white:hover { background: #fff; color: #333; }
button.btn-ghost-red, a.btn-ghost-red, .btn-ghost-red, input[type="submit"].btn-ghost-red { border-color: #db4344; color: #db4344; }
button.btn-ghost-red:hover, a.btn-ghost-red:hover, .btn-ghost-red:hover, input[type="submit"].btn-ghost-red:hover { background: #db4344; color: #fff; }
button.btn-ghost-red1, a.btn-ghost-red1, .btn-ghost-red1, input[type="submit"].btn-ghost-red1 { border-color: #cd3333; color: #cd3333; }
button.btn-ghost-red1:hover, a.btn-ghost-red1:hover, .btn-ghost-red1:hover, input[type="submit"].btn-ghost-red1:hover { background: #b52626; color: #fff; }
button.btn-ghost-black, a.btn-ghost-black, .btn-ghost-black, input[type="submit"].btn-ghost-black { border-color: #333; color: #333; }
button.btn-ghost-gray, a.btn-ghost-gray, .btn-ghost-gray, input[type="submit"].btn-ghost-gray { border-color: #dedede; color: #333; }
button.btn-ghost-black:hover, a.btn-ghost-black:hover, .btn-ghost-black:hover, input[type="submit"].btn-ghost-black:hover { background: #333; color: #fff; }
.btn-sm { padding: 8px 12px; height: 26px; line-height: 10px; }
.btn-min { padding:1px 10px; line-height:4px; font-size:11px !important; min-width:inherit !important }
a.btn-block, .btn-block { display: block; width: 100%; }
button.btn-md, a.btn-md, .btn-md, input[type="submit"].btn-md { font-size: 13px; line-height: 19px; padding:6px 15px; }
button.btn-lg, a.btn-lg, .btn-lg, input[type="submit"].btn-lg { font-size: 18px; line-height: 27px; padding: 14px 46px; }
a.view-btn { background:#fff; border:solid 1px #ddd; color:#888 }


/* Button New*/

.btun { display: inline-block; padding: 7px 12px; margin-bottom: 0; font-size: 13px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; min-width: 100px; letter-spacing:normal; /*text-transform:capitalize; */ }
/*.btun:hover, .btun:focus, .btun.focus { color: #333; text-decoration: none; }*/
/* Sizes */
.btun-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.btun-sm { padding: 2px 10px; font-size: 11.9px; line-height:1.7; }
.btun-mi { padding: 1px 5px; font-size: 11px; line-height: 1.5; }
.btun-block { display: block; width: 100%; }
/* disabled  */
.btun.disabled, .btun[disabled], fieldset[disabled] .btun { cursor: not-allowed; filter: alpha(opacity=45); -webkit-box-shadow: none; box-shadow: none; opacity: .45; }
/* white */
.btun-white, .btun-white.btun-outline:hover { color: #333; background-color: #fff; border-color: #e7eaec; }
.btun-white.btun-outline { background-color:transparent }
.btun-white:hover { color: #333; background-color: #e6e6e6; border-color: #d2d2d2; }
/* grey */
.btun-grey, .btun-grey.btun-outline:hover { color: #333; background-color: #e6e6e6; border-color: #e6e6e6; }
.btun-grey.btun-outline { background-color:transparent }
.btun-grey:hover { color: #333; background-color: #fff; border-color: #e7eaec; }
/* blue */
.btun-blue, .btun-blue.btun-outline:hover { color: #fff; background-color: #1c84c6; border-color: #1c84c6; }
.btun-blue.btun-outline { background-color:transparent; color: #1c84c6; }
.btun-blue:hover { background-color: #1a7bb9; border-color: #1a7bb9; color: #fff; }
/* green */
.btun-green, .btun-green.btun-outline:hover { color: #fff; background-color: #1ab394; border-color: #1ab394; }
.btun-green.btun-outline { background-color:transparent; color: #1ab394; }
.btun-green:hover { background-color: #08a182; border-color: #08a182; color: #fff; }
/* orange */
.btun-orange, .btun-orange.btun-outline:hover { color: #fff; background-color: #f89407; border-color: #f89407; }
.btun-orange.btun-outline { background-color:transparent; color: #f58705; }
.btun-orange:hover { background-color: #dc7e0e; border-color: #dc7e0e; color: #fff; }
/* red */
.btun-red, .btun-red.btun-outline:hover { color: #fff; background-color: #ec4758; border-color: #ec4758; }
.btun-red.btun-outline { background-color:transparent; color: #d9534f; }
.btun-red:hover { background-color: #df3b4c; border-color: #df3b4c; color: #fff; }
/* red */
/* Button New End*/

/*checkbox & radio Start*/
.input-field [type="radio"]:not(:checked), .input-field [type="radio"]:checked { position:absolute; left:-9999px; opacity:0 }
.input-field [type="radio"]:not(:checked)+label, .input-field [type="radio"]:checked+label { position:relative; padding-left:35px; cursor:pointer; display:inline-block; height:25px; line-height:25px; font-size:1rem; transition:.28s ease; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.input-field [type="radio"]+label:before, .input-field [type="radio"]+label:after { content:''; position:absolute; left:0; top:0; margin:4px; width:16px; height:16px; z-index:0; transition:.28s ease }
.input-field [type="radio"]:not(:checked)+label:before, .input-field [type="radio"]:not(:checked)+label:after, .input-field [type="radio"]:checked+label:before, .input-field [type="radio"]:checked+label:after, .input-field [type="radio"].with-gap:checked+label:before, .input-field [type="radio"].with-gap:checked+label:after { border-radius:50% }
.input-field [type="radio"]:not(:checked)+label:before, .input-field [type="radio"]:not(:checked)+label:after { border:2px solid #5a5a5a }
.input-field [type="radio"]:not(:checked)+label:after { z-index:-1; -webkit-transform:scale(0); transform:scale(0) }
.input-field [type="radio"]:checked+label:before { border:2px solid transparent }
.input-field [type="radio"]:checked+label:after, .input-field [type="radio"].with-gap:checked+label:before, .input-field [type="radio"].with-gap:checked+label:after { border:2px solid #26a69a }
.input-field [type="radio"]:checked+label:after, .input-field [type="radio"].with-gap:checked+label:after { background-color:#26a69a; z-index:0 }
.input-field [type="radio"]:checked+label:after { -webkit-transform:scale(1.02); transform:scale(1.02) }
.input-field [type="radio"].with-gap:checked+label:after { -webkit-transform:scale(0.5); transform:scale(0.5) }
.input-field [type="radio"].tabbed:focus+label:before { box-shadow:0 0 0 10px rgba(0,0,0,0.1) }
.input-field [type="radio"].with-gap:disabled:checked+label:before { border:2px solid rgba(0,0,0,0.26) }
.input-field [type="radio"].with-gap:disabled:checked+label:after { border:none; background-color:rgba(0,0,0,0.26) }
.input-field [type="radio"]:disabled:not(:checked)+label:before, .input-field [type="radio"]:disabled:checked+label:before { background-color:transparent; border-color:rgba(0,0,0,0.26) }
.input-field [type="radio"]:disabled+label { color:rgba(0,0,0,0.26) }
.input-field [type="radio"]:disabled:not(:checked)+label:before { border-color:rgba(0,0,0,0.26) }
.input-field [type="radio"]:disabled:checked+label:after { background-color:rgba(0,0,0,0.26); border-color:#BDBDBD }
.input-field [type="checkbox"]:not(:checked), .input-field [type="checkbox"]:checked { position:absolute; left:-9999px; opacity:0 }
.input-field [type="checkbox"]+label { position:relative; left:15px; padding-left:25px; cursor:pointer; display:inline-block; height:25px; line-height:17px; font-size:13px; -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -ms-user-select:none }
.input-field [type="checkbox"]+label:before, .input-field [type="checkbox"]:not(.filled-in)+label:after { content:''; position:absolute; top:0; left:0; width:18px; height:18px; z-index:0; border:2px solid #5a5a5a; border-radius:1px; margin-top:2px; transition:.2s }
.input-field [type="checkbox"]:not(.filled-in)+label:after { border:0; -webkit-transform:scale(0); transform:scale(0) }
.input-field [type="checkbox"]:not(:checked):disabled+label:before { border:none; background-color:rgba(0,0,0,0.26) }
.input-field [type="checkbox"].tabbed:focus+label:after { -webkit-transform:scale(1); transform:scale(1); border:0; border-radius:50%; box-shadow:0 0 0 10px rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.1) }
.input-field [type="checkbox"]:checked+label:before { top:-4px; left:-5px; width:12px; height:22px; border-top:2px solid transparent; border-left:2px solid transparent; border-right:2px solid #26a69a; border-bottom:2px solid #26a69a; -webkit-transform:rotate(40deg); transform:rotate(40deg); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:100% 100%; transform-origin:100% 100% }
.input-field [type="checkbox"]:checked:disabled+label:before { border-right:2px solid rgba(0,0,0,0.26); border-bottom:2px solid rgba(0,0,0,0.26) }
.input-field [type="checkbox"]:indeterminate+label:before { top:-11px; left:-12px; width:10px; height:22px; border-top:none; border-left:none; border-right:2px solid #26a69a; border-bottom:none; -webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:100% 100%; transform-origin:100% 100% }
.input-field [type="checkbox"]:indeterminate:disabled+label:before { border-right:2px solid rgba(0,0,0,0.26); background-color:transparent }
.input-field [type="checkbox"].filled-in+label:before, .input-field [type="checkbox"].filled-in+label:after { content:''; left:0; position:absolute; transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index:1 }
.input-field [type="checkbox"].filled-in:not(:checked)+label:before { width:0; height:0; border:3px solid transparent; left:6px; top:10px; -webkit-transform:rotateZ(37deg); transform:rotateZ(37deg); -webkit-transform-origin:20% 40%; transform-origin:100% 100% }
.input-field [type="checkbox"].filled-in:not(:checked)+label:after { height:15px; width:15px; background-color:transparent; border:2px solid #5a5a5a; top:0px; z-index:0; border-radius: 2px; }
.input-field [type="checkbox"].filled-in+span:not(.lever):after { border-radius: 2px; }
.input-field [type="checkbox"].filled-in:checked+label:before { top:0; left:0; width:8px; height:10px; border-top:2px solid transparent; border-left:2px solid transparent; border-right:2px solid #fff; border-bottom:2px solid #fff; -webkit-transform:rotateZ(37deg); transform:rotateZ(37deg); -webkit-transform-origin:100% 100%; transform-origin:100% 100% }
.input-field [type="checkbox"].filled-in:checked+label:after { top:0; width:15px; height:15px; border:2px solid #26a69a; background-color:#26a69a; z-index:0; border-radius:2px; }
.input-field [type="checkbox"].filled-in.tabbed:focus+label:after { border-radius:2px; border-color:#5a5a5a; background-color:rgba(0,0,0,0.1) }
.input-field [type="checkbox"].filled-in.tabbed:checked:focus+label:after { border-radius:2px; background-color:#26a69a; border-color:#26a69a }
.input-field [type="checkbox"].filled-in:disabled:not(:checked)+label:before { background-color:transparent; border:2px solid transparent }
.input-field [type="checkbox"].filled-in:disabled:not(:checked)+label:after { border-color:transparent; background-color:#BDBDBD }
.input-field [type="checkbox"].filled-in:disabled:checked+label:before { background-color:transparent }
.input-field [type="checkbox"].filled-in:disabled:checked+label:after { background-color:#BDBDBD; border-color:#BDBDBD }
.input-field input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after, .input-field input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
box-shadow:0 1px 3px 1px rgba(0,0,0,0.4), 0 0 0 15px rgba(38,166,154,0.1)
}
.input-field input[type=checkbox]:not(:disabled) ~ .lever:active:after, .input-field input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {
box-shadow:0 1px 3px 1px rgba(0,0,0,0.4), 0 0 0 15px rgba(0,0,0,0.08)
}
/*checkbox & radio End*/


/*FontAwesome*/
@font-face { font-family: 'FontAwesome'; src: url("../font/fontawesome-webfont.eot?v=4.4.0"); src: url("../font/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("../font/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("../font/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("../font/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("../font/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }
.fa-globe:before { content: "\f0ac"; }
.fa-phone:before { content: "\f095"; }
.fa-clock-o:before { content: "\f017"; }
.fa-angle-down:before { content: "\f107"; }
.fa-calendar:before { content: "\f073"; }
.fa-long-arrow-down:before { content: "\f175"; }
.fa-long-arrow-up:before { content: "\f176"; }
.fa-long-arrow-left:before { content: "\f177"; }
.fa-long-arrow-right:before { content: "\f178"; }
.fa-angle-left:before { content: "\f104"; }
.fa-angle-right:before { content: "\f105"; }

/*FontAwesome end */

/*Glyphicons start */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../font/glyphicons-halflings-regular.eot');
    src: url('../font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../font/glyphicons-halflings-regular.woff') format('woff'), url('../font/glyphicons-halflings-regular.ttf') format('truetype'), url('../font/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.glyphicon {    position: relative; top: 0; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased;
    font-style: normal; font-weight: normal; line-height: 1; *display: none;}
.glyphicon-chevron-left:before { content: "\e079";}
.glyphicon-chevron-right:before { content: "\e080";}
/*Glyphicons start */

.saleapwrap{  margin:0 auto; padding: 60px 0 0 0; width: 70%; }

.saleapwrap .col1{ width: 30%; float: left;}
.saleapwrap .col2{ width: 70%; float: left;}

.saleapwrap .col1 .logo {  padding-bottom: 25px; }

.saleapwrap .col1 .logo img { max-width: 170px; max-height: 60px;}
.saleapwrap .col1 .logo .back{ margin-right: 15px; float: left;}

.saleapwrap .col1 .logo .back i{ padding: 10px; border: 1px solid #B9B9B9; border-radius: 20px; width: 40px; height: 40px; line-height: 16px; font-size: 30px; text-align: center; color: #ccc; }
.saleapwrap .col1 .logo .back i:hover{color: #00a2ff;}
.saleapwrap .col1 .lcont{ padding: 10px 0;}
.saleapwrap .col1 .lcont h1{ font-size: 24px; padding: 0 0 10px 0; color: #4d5055;}
.saleapwrap .col1 .lcont p{ font-size: 16px; color: #666; padding: 0 0 10px 0; line-height: 16px; line-height: 24px;}
.saleapwrap .col1 .lcont p i { color: #B9B9B9; margin-right: 5px;}
.saleapwrap .col1 .lcont p.green2{ color:#06c29c !important; }
.saleapwrap .col1 .lcont p.green2 i { color: #06c29c; }


.saleapwrap .col2 .calender{ width: 60%; float: left;}
.saleapwrap .col2 .calender .calin{ padding: 0 15px;}
.saleapwrap .col2 .calender .calin h2{ font-size: 16px; font-weight: bold; padding: 0 0 20px 0;}
.saleapwrap .col2 .time{ width: 40%; float: left; 
}
.saleapwrap .col2 .time .timein{  padding: 10px;   max-height: 500px;      overflow-y: auto; }

.saleapwrap .col2 .time .timein .acbtnrow{ margin: 10px 0; }
.saleapwrap .col2 .time .timein .acbtnrow .btnfull{ display: block; }
.saleapwrap .col2 .time .timein .acbtnrow .btnhalf{ width: 45%; }
.saleapwrap .col2 .time .timein .acbtnrow .btun-lg{ margin: 0 5px; }


.calenderwrap{ width: 400px; margin: 50px auto}


/**/
.lj-sort { position:relative; font-size:14px; color:#666; margin-top:10px;  float: right\9; }

.lj-sort .sortby { padding:8px 10px; border: 1px solid #ddd; background: #fff; color:#212121; display: inline-block; margin-left:5px; display: block; }
.lj-sort .sortby.active { color:#009fff }
.lj-sort .sortby i { margin:0 5px 0; font-size:16px; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; }
.lj-sort .sortby.active i { -webkit-transform: rotate(180deg); transform: rotate(180deg); color:#333 }

.lj-sort-list { position:absolute; right:0; background:#fff; box-shadow: 0 1px 6px rgba(32,33,36,.28); z-index:3; min-width:150px; margin-top:5px; left:0px; display:none; text-align: left}
.lj-sort-list ul li { color: #666; padding: 0 8px; line-height: 38px; font-weight: 400; text-transform: none; font-size: 13px; }
.lj-sort-list ul li.active, .lj-sort-list ul li:hover { background:#eee }
.lj-sort-list ul li a { color: #666; display:block }

.lj-sort img{ width: 140px;}




/* Inquire Form */
.bghd{  background: url("../images/other/paper-airplane.jpg") no-repeat left top;  padding: 22px 55px; color:#212121; font-weight: 600; font-size: 22px;}
.sales-formwrp{ width: 60%; padding: 0 20px }
.sales-formwrp .sales-form{padding: 10px 0} 
.sales-formwrp .sales-form .form-group{margin: 0 6px 20px; position: relative}
.sales-formwrp .sales-form .form-group i.room-calendar-op{ width: 15px;height: 15px;position: absolute; top: 40px;right: 25px;background-size:100%;
background: url("../images/other/room-calendar-op.svg") no-repeat;}
.sales-formwrp .sales-form .form-group label{font-size: 13px; padding-bottom: 7px;display: block;color: #333;font-weight: 500;}

.sales-formwrp .sales-form .form-group input, .sales-formwrp .sales-form .form-group textarea {border: solid 1px #bec8d4; border-radius: 5px; line-height: 18px;width: 100%;padding: 12px 15px;height: 100%;}

.sales-formwrp .sales-form .form-group label input {border: solid 1px #bec8d4; border-radius: 5px; line-height: 18px;width: 100%;padding: 12px 15px;height: 100%;}

.lcfradio {margin: 0 0 20px 0;}
.lcfradio label {height:inherit !important; margin: 0 0 10px 0;}

.sales-formwrp .sales-form .form-group select {line-height: 18px;padding: 11px 5px;height: 100%;border: solid 1px #bec8d4; border-radius: 5px; margin-right: 2px; }
.sales-formwrp .sales-form .form-group .contact-num{}
.sales-formwrp .sales-form .form-group .contact-num select {width: 110px;}
.sales-formwrp .sales-form .form-group .contact-num input {width: calc(100% - 120px);}
.sales-formwrp .sales-form .form-group.alert label {color: #e54f55;}
.sales-formwrp .sales-form .form-group.alert input, .sales-formwrp .sales-form .form-group.alert textarea, .sales-formwrp .sales-form .form-group.alert select {border-color: #e54f55;}
.sales-formwrp .sales-form .form-group .captcha {float: left;width: 110px;height: 36px;line-height: 32px;}
.sales-formwrp .sales-form .form-group .captcha-wrp input { width: calc(100% - 110px); }
.sales-formwrp .sales-form .form-group .price-rangewrp{}
.sales-formwrp .sales-form .form-group .price-rangewrp input{width: 250px; float: left}
.sales-formwrp .sales-form .form-group .price-rangewrp span {padding: 10px; font-size: 12px; display: inline-block; }
.sales-formwrp .sales-form .form-group .price-rangewrp b{color: #08a182;font-weight: 900;font-size: 14px}
.sales-formwrp .inquireformaction{width: 100%; float: left;  text-align: center; padding: 0 0 15px 0; }
.sales-formwrp .verfywrp{padding: 15px 0}

.sales-formwrp .success{padding: 15px 0}
.sales-formwrp .success b { color: #7db701; font-weight: 500; font-size:30px; text-align:center; display:block }
.sales-formwrp .success p { font-size: 14px; white-space: pre-wrap; text-align: center; padding: 5px 20px 0 20px; color: #333; line-height: 22px; }
.noborder { border: none !important; padding: 9px 0 !important;}
.verfywrp label{ text-align: center; display: block}
.verfywrp p {font-size: 14px;text-align: center;color: #666;padding: 20px 0;}
.verfywrp p .user-mob{ color: #212121}
.verfywrp p a{    color: #0060ff;}
/* OTP Started */
.verfywrp .otp-wrap .otp-block .otp-group {text-align: center;padding: 0 0 20px 0;}
.verfywrp .otp-wrap .otp-block .otp-group .input-field {display: inline-block;margin: 0 2px;}
/*.verfywrp .otp-wrap .otp-block .otp-group .input-field input {width: 40px;text-align: center;font-weight: 600;font-size: 22px;height: 40px;background: #fff;border: 1px solid #cccaca;border-radius: 3px;}*/

.verfywrp .otp-wrap .otp-block .otp-group .input-field input {width: 80px;text-align: center;font-weight: 600;font-size: 18px;height: 30px; padding: 2px 2px; background: #fff; border: 1px solid #cccaca;border-radius: 3px;}


.verfywrp .otp-wrap .otp-block .otp-group .error-text {color: #f00; font-size: 12px;}
.verfywrp .otp-wrap .otp-block .getotp{display: block;font-size: 11px;color: #333;text-align: center;}
.verfywrp .otp-wrap .otp-block .getotp .get-otp-call{ display: block;padding-bottom: 10px;}
.verfywrp .otp-wrap .otp-block .getotp .otptxt{ display: block;padding-top: 10px;}
.verfywrp .otp-wrap .input-field{ padding: 0 0 10px}
.verfywrp .otp-wrap .input-field ul{ text-align: center; background: #f5f5f5; padding: 10px 0; border-radius: 5px;}
.verfywrp .otp-wrap .input-field ul li{ display: inline-block;padding-right: 10px;}
.verfywrp .otp-wrap .input-field ul li label{ top: 0; padding-left: 25px;}
.verfywrp .otp-wrap .input-field ul li input{}
/* OTP End */

.success2{padding: 15px 0; text-align: center;}
.success2 i {color: #009fff; font-weight: 500; font-size: 30px; text-align: center; border: 1px solid #009fff; border-radius: 50px; width: 60px; height: 60px; line-height: 60px;
margin-bottom: 15px;}
.success2 b { color: #7db701; font-weight: 500; font-size:30px; text-align:center; display:block }
.success2 p { font-size: 14px; white-space: pre-wrap; text-align: center; padding: 5px 20px 0 20px; color: #333; line-height: 22px; }
.success2 .promolinkrow .promolink { margin: 20px; font-size: 14px;}
.success2 .promolinkrow { margin: 15px 0;} 
.success2 .promolinkrow .promolink .btun { margin-left: 10px;}


.tc-apply { text-align:center; padding: 10px; font-size: 11px;color:#999; }  
.terms { font-size:11px; color:#999; padding-top: 5px;}
.terms a{padding: 0 3px;}
.verfywrp{padding: 15px 0}
.helptext, .alerttext {
    font-size: 12px;
    line-height: 18px;
    display: block;
    color: #999;
    word-wrap: break-word;
}





.lj-search-wrp { background: #fff; box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24); position:absolute; z-index:99; left:0; top:51px; -webkit-border-radius: 3px; border-radius: 3px; }
.lj-search-wrp:before { position: absolute; top: -11px; left: 29px; display: inline-block; border-right: 11px solid transparent; border-bottom: 11px solid #f5f5f5; border-left: 11px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
.lj-search-wrp:after { position: absolute; top: -10px; left: 30px; display: inline-block; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; border-left: 10px solid transparent; content: ''; }
.lj-search-wrp .lj-search-list .text-field { /* position:absolute; */ background:#f5f5f5; z-index:2; padding:10px; width:100%; top:1px; }
.lj-search-wrp .lj-search-list .text-field input { width:100%; padding:5px 8px; height:35px }
.lj-search-wrp .lj-search-list ul { display: inherit; }
.lj-search-wrp .lj-search-list ul li { padding:0; border:0; font-size:14px; width:100%\9 }
.lj-search-wrp .lj-search-list ul li a { display:block; padding: 10px 15px; cursor: pointer}
.lj-search-wrp .lj-search-list ul li a:hover { background-color: #ff4242; color:#fff }

.lj-search-wrp .lj-search-list .title { font-size: 14px; font-weight: 600; color: #f76f69; padding: 0 0 0 15px; }


.lj-search-wrp2{ top: 62px; width: 100%;}
.lj-search-wrp2 .lj-search-list ul li{  margin-bottom: 0px;}
.lj-search-wrp2 .lj-search-list ul li a{ color: rgba(0,0,0,.54); }
.lj-search-wrp2 .lj-search-list ul li a:hover{ color: #fff; }


/**/

.copyrite{ margin: 20px 0 0 0; padding: 15px 0; border-top: 1px solid #cccaca; font-size: 12px; text-align: center; display: block;}
.row{ width: 100%;}

/* calendar start here */

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

    .input-group[class*=col-] {
        float: none;
        padding-right: 0;
        padding-left: 0
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

    .input-group-addon, .input-group-btn, .input-group .form-control {
        display: table-cell
    }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    border: 1px solid #ccc;
    cursor: pointer;
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px
    }

    .input-group-addon input[type=radio], .input-group-addon input[type=checkbox] {
        margin-top: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #ef555d;
        outline: 0
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
        color: #777
    }

        .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
        }

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px solid
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.bootstrap-datetimepicker-widget {
    display: block !important;
    list-style: none;
}

    .bootstrap-datetimepicker-widget.dropdown-menu {
        margin: 0;
        padding: 0;
        width: 19em;
    }

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #cccccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #cccccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 0;
}

    .bootstrap-datetimepicker-widget a[data-action]:active {
        box-shadow: none;
    }

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn {
    border: 0 !important;
}

    .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Decrement Hours";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Decrement Minutes";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Show Hours";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Show Minutes";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Toggle AM/PM";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Clear the picker";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Set the date to today";
    }

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}

    .bootstrap-datetimepicker-widget .picker-switch::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Toggle Date and Time Screens";
    }

    .bootstrap-datetimepicker-widget .picker-switch td {
        padding: 0;
        margin: 0;
        height: auto;
        width: auto;
        line-height: inherit;
    }

        .bootstrap-datetimepicker-widget .picker-switch td span {
            line-height: 1.9;
            height: 2em;
            width: 100%;
        }

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}

    .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
        text-align: center;
    }

    .bootstrap-datetimepicker-widget table th {
        height: 20px;
        line-height: 20px;
        width: 20px;
    }

        .bootstrap-datetimepicker-widget table th.picker-switch {
            width: 145px;
        }

        .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
            background: none;
            color: #777777;
            cursor: not-allowed;
        }

        .bootstrap-datetimepicker-widget table th.prev1::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
            content: "Previous Month";
        }

        .bootstrap-datetimepicker-widget table th.next1::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
            content: "Next Month";
        }

    .bootstrap-datetimepicker-widget table thead tr:first-child th {
        cursor: pointer;
    }

        .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
            background: #d4d3d3;
        }

    .bootstrap-datetimepicker-widget table td {
        height: 54px;
        line-height: 54px;
        width: 54px;
    }

        .bootstrap-datetimepicker-widget table td.cw {
            font-size: .8em;
            height: 20px;
            line-height: 20px;
            color: #777777;
        }

        .bootstrap-datetimepicker-widget table td.day {
          /*  height: 20px;
            line-height: 20px;
            width: 20px; */
        }

            .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
                background: #eeeeee;
                cursor: pointer;
            }

        .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
            color: #777777;
        }

        .bootstrap-datetimepicker-widget table td.today {
            position: relative;
        }

            .bootstrap-datetimepicker-widget table td.today:before {
                content: '';
                display: inline-block;
                border: solid transparent;
                border-width: 0 0 7px 7px;
                border-bottom-color: #ef555d;
                border-top-color: rgba(0, 0, 0, 0.2);
                position: absolute;
                bottom: 4px;
                right: 4px;
            }

        .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
            background-color: #f89407;
            color: #ffffff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			    border-radius: 6px;
			
        }

            .bootstrap-datetimepicker-widget table td.active.today:before {
                border-bottom-color: #fff;
            }

        .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
            background: none;
            color: #777777;
            cursor: not-allowed;
        }

        .bootstrap-datetimepicker-widget table td span {
            display: inline-block;
            width: 54px;
            height: 54px;
            line-height: 54px;
            margin: 0;
            cursor: pointer;
        }

.table-condensed .glyphicon-time, .table-condensed .glyphicon-calendar {
    background: #eeeeee;
    color: #ef555d;
    font-size: 18px;
}

    .table-condensed .glyphicon-time:hover, .table-condensed .glyphicon-calendar:hover {
        background: #ef555d;
        color: #fff;
    }

.bootstrap-datetimepicker-widget table td span:hover {
    background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #ef555d;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.old {
    color: #777777;
}

.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.collapse.in {
    display: block;
    visibility: visible;
}

.collapse {
    display: none;
    visibility: hidden;
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.bootstrap-datetimepicker-widget li {
    float: none !important;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px
}

.table-condensed > thead > tr:first-child {
    background-color: #eeeeee;
    color: #333;
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-calendar:before {
    content: "\1f4c5";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.list-unstyled li {
    padding: 0 !important;
}

.btn-primary, .btn-primary:hover {
    background-color: #27b59b;
    color: #fff;
    text-shadow: 0 -1px 1px #148d70;
}

    .btn-primary:hover {
        background-color: #116b55;
    }
/* calendar end here */

@media only screen and (max-width : 320px) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 568px) {
.saleapwrap .col2 .time .timein .acbtnrow .btnhalf { width: 46% !important;}
}

@media only screen and (max-width : 768px) {

}

/*----iphone---*/
@media only screen and (min-width : 569px) and (max-width : 640px) {
.saleapwrap .col2 .time .timein .acbtnrow .btnhalf { width: 47% !important;}
}
 
/*----high end windows phone---*/
@media only screen and (min-width : 641px) and (max-width : 768px) {

}


@media only screen and (max-width : 1000px) {
.saleapwrap {  padding: 30px 0 0 0; width: 90%;}
.saleapwrap .col1, .saleapwrap .col2 {	width: 100%;}
.saleapwrap .col2 .calender{ width: 100%;}	
.saleapwrap .col2 .time { width: 100%; margin: 15px;}
.saleapwrap .col2 .time .timein .acbtnrow .btnhalf {	width: 48%;}
.bootstrap-datetimepicker-widget table td { line-height: 45px;}
.sales-formwrp { width: 100%;}
	
	
}

/*----ipad---*/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
.bootstrap-datetimepicker-widget table td { line-height: 45px;}
.saleapwrap {padding: 60px 20px 0; width: 96%;}	
	
}
 
/*----netbook---*/
@media only screen and (min-width : 1025px) and (max-width : 1280px) {
.saleapwrap {    width: 80%;} 
.bootstrap-datetimepicker-widget table td {	line-height: 45px;}
}

/*----ultrabook---*/
@media only screen and (min-width : 1281px) and (max-width : 1366px) {
.saleapwrap {    width: 80%;}   
}
/*----large desktop---*/
@media only screen and (min-width : 1367px) and (max-width : 1680px) {

    
}

@media only screen and (min-width : 1337px) and (max-width : 1440px) {

}

@media only screen and (min-width : 1441px) and (max-width : 1680px) {

}