@charset "utf-8";
@font-face { font-family: 'tt_commonsregular';
    src: url('fonts/ttcommons-regular-webfont.woff2') format('woff2'),
         url('fonts/ttcommons-regular-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face { font-family: 'tt_commonsdemibold';
    src: url('fonts/ttcommons-demibold-webfont.woff2') format('woff2'),
         url('fonts/ttcommons-demibold-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face { font-family: 'tt_commonsmedium';
    src: url('fonts/ttcommons-medium-webfont.woff2') format('woff2'),
         url('fonts/ttcommons-medium-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face { font-family: 'tt_commons_boldbold';
    src: url('fonts/ttcommons-bold-webfont.woff2') format('woff2'),
         url('fonts/ttcommons-bold-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face { font-family: 'tt_commonslight';
    src: url('fonts/ttcommons-light-webfont.woff2') format('woff2'),
         url('fonts/ttcommons-light-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face { font-family: 'FontAwesome';
		src: url('fonts/fontawesome-webfont.eot?v=4.6.3');
		src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),
			url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),
			url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),
			url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),
			url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
	font-weight: normal; font-style: normal;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2') format('woff2');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}

.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% }
.fa-2x { font-size: 2em }
.fa-3x { font-size: 3em }
.fa-4x { font-size: 4em }
.fa-5x { font-size: 5em }
.fa-fw { width: 1.28571429em; text-align: center }
.fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none }
.fa-ul>li { position: relative }
.fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center }
.fa-li.fa-lg { left: -1.85714286em }
.fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em }
.fa-pull-left { float: left }
.fa-pull-right { float: right }
.fa.fa-pull-left { margin-right: .3em }
.fa.fa-pull-right { margin-left: .3em }
.pull-right { float: right }
.pull-left { float: left }
.fa.pull-left { margin-right: .3em }
.fa.pull-right { margin-left: .3em }
.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear }
.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) }
.fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }
.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) }
.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) }
.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) }
.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) }
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none }
.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle }
.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center }
.fa-stack-1x { line-height: inherit }
.fa-stack-2x { font-size: 2em }
.fa-inverse { color: #fff }
.fa-map-marker:before { content: "\f041" }
.fa-phone:before { content: "\f095" }
.fa-envelope:before { content: "\f0e0" }
.fa-twitter:before { content: "\f099" }
.fa-facebook-f:before, .fa-facebook:before { content: "\f09a" }
.fa-instagram:before { content: "\f16d" }
.fa-linkedin:before { content: "\f0e1" }
.fa-search:before { content: "\f002" }
.fa-envelope-o:before { content: "\f003" }
.fa-tumblr:before { content: "\f173" }
.fa-google-plus:before { content: "\f0d5" }
.fa-angle-right:before { content: "\f105" }
.fa-angle-down:before { content: "\f107" }
.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9" }
.fa-pinterest:before { content: "\f0d2" }
.fa-pinterest-p:before { content: "\f231" }
.fa-feed:before, .fa-rss:before { content: "\f09e" }
.fa-close:before {content:"\f00d"}
.fa-caret-right:before{content:"\f0da"}
.fa-calendar::before {content: "\f073";}
.fa-angle-left:before { content: "\f104"}
.fa-angle-right:before { content: "\f105"}
.fa-angle-up:before { content: "\f106"}
.fa-angle-down:before { content: "\f107"}

/********* Reset CSS *********/
*, *:before, *:after {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block }audio, canvas, video { display:inline-block }audio:not([controls]) {display:none;height:0}html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust:  100%;}a {outline: 0; text-decoration:none;color:#00254a; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}a:focus {outline: 0;}a:hover,a:active {outline: 0;}a:hover {text-decoration:none;color:#333;}h1,h2,h3,h4,h5,h6 {font-weight:normal;}b,strong,dt,th {font-weight: bold;}em, i { font-style:italic;}p,h1,h2,h3,h4,h5,h6, ul,ol,dd,table,fieldset,address {margin:0; padding:0;}img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle; max-width:100%; height:auto;}figure {margin:0;}legend {white-space:normal;}q { quotes:"\201C" "\201D" "\2018" "\2019" }small { font-size:80% }sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }sup { top:-0.5em }sub { bottom:-0.25em }table{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none;}table table { margin:0}/*th,td {border:none; padding:8px 10px}*/caption,th,td {font-weight: normal;}

/********* Clear floats *********/
.cf:before, .cf:after, .wrap-inner:before, .wrap-inner:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radio-list:after, .radio-list:before, .fieldgroup:after, .fieldgroup:before {content:" ";display:table}
.cf:after, .wrap-inner:after, .row:after, ul:after, .boxs:after, .radio-list:after, .fieldgroup:after{clear:both}

/********* Common Classes *********/
* { margin:0; padding:0;}
hr{display:block;height:1px;border:0; border-top:1px solid #ccc; margin:20px 0;padding:0}
body,button,input,select,textarea {color:#707070; font-family:'tt_commonsregular', Arial, Helvetica, sans-serif; font-size:18px; line-height:26px; font-weight:normal;}
body {}
h1 { font-family: 'tt_commonsdemibold'; font-size:32px; font-weight:normal; color:#000; margin:0 0 20px 0; line-height:normal;}
h2 { font-family: 'tt_commonsmedium'; font-size:28px; font-weight:normal; color:#00254a; margin:0 0 20px 0; line-height:normal;}
h3 { font-family: 'tt_commonsmedium'; font-size:24px; font-weight:normal; color:#00254a; margin:0 0 20px 0; line-height:normal;}
h4 { font-family: 'tt_commonsmedium'; font-size:20px; font-weight:normal; color:#00254a; margin:0 0 20px 0; line-height:normal;}
h5 { font-family: 'tt_commonsmedium'; font-size:18px; font-weight:normal; color:#00254a; margin:0 0 20px 0; line-height:normal;}
p { margin-bottom:20px;}
p:last-child { margin-bottom:0;}
p strong { color:#00254a;}
ul, li { list-style:none;}

.titleBoxLine { padding-bottom:0 !important; position:relative;}
.titleBoxLine h2 { margin:0; position:relative;}
.titleBoxLine h2:before { content:""; width:100%; height:1px; position:absolute; left:0; top:50%; margin-top:-1px; background:#ddd; z-index:0;}
.titleBoxLine h2 span { background:#fff; padding-right:10px; position:relative;}

::-webkit-input-placeholder { color:#444; font-size: 18px;}
::-moz-placeholder { color:#444; font-size: 18px;}
:-ms-input-placeholder { color:#444; font-size: 18px;}
::placeholder { color:#444; font-size: 18px;}

/* Form  */

.cForm { width:100%; float:left;}
.cForm li { width:100%; float:left; margin-bottom:25px; padding:0 15px; position:relative;}
.cForm li.col1 { width:100% !important;}
.cForm li.col2 { width:50%;}
.cForm li.col3 { width:33.33%;}
.cForm li.col4 { width:25%;}
.cForm li.col5 { width:20%;}
.cForm li.col6 { width:16.66%;}

.cForm li label { width:100%; float:left; color:#333; font-size:20px; margin-bottom:5px;}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], input[type="file"], input[type="search"] { width:100%; padding:10px; color:#333; background:none; border:1px solid #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; font-family: 'tt_commonsregular'; font-size:18px; outline:0 none;}
input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="date"]:hover, input[type="file"]:hover, input[type="search"]:hover { background:#f5f5f5; border:1px solid #0268d0; color:#0268d0;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="file"]:focus, input[type="search"]:focus { background:#fff; border:1px solid #0268d0; color:#0268d0;}

textarea { width:100%; padding:10px; color:#666; background:none; border:1px solid #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s;  font-family: 'tt_commonsregular'; font-size:18px; outline:0 none;}
textarea:hover { background:#f5f5f5; border:1px solid #0268d0; color:#0268d0;}
textarea:focus { background:#fff; border:1px solid #0268d0; color:#0268d0;}

.cmnBtn { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;background:#003f7e; color:#fff; border:1px solid #003f7e; padding:8px 15px; display:inline-block; font-family: 'tt_commonsmedium'; font-size:18px; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; cursor:pointer; outline:0 none; line-height:22px; width:200px; text-align:center;}
.cmnBtn:hover, .cmnBtn:focus {border:1px solid #0268d0; background:#0268d0; color:#fff;}

.cmnBtnLongText { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;background:#003f7e; color:#fff; border:1px solid #003f7e; padding:8px 15px; display:inline-block; font-family: 'tt_commonsmedium'; font-size:18px; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; cursor:pointer; outline:0 none; line-height:22px; width:250px; text-align:center;}
.cmnBtnLongText:hover, .cmnBtnLongText:focus {border:1px solid #0268d0; background:#0268d0; color:#fff;}

.lineBtn { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;background:#fff; color:#003f7e; border:1px solid #003f7e; padding:8px 15px; display:inline-block; font-family: 'tt_commonsmedium'; font-size:18px; -webkit-transition-duration:0.9s; -moz-transition-duration:0.9s; -o-transition-duration: 0.9s; transition-duration:0.9s; cursor:pointer; outline:0 none; line-height:22px; width:200px; text-align:center;}
.lineBtn:hover, .lineBtn:focus {border:1px solid #0268d0; background:#0268d0; color:#fff;}

.redBtn { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;background:#E34724; color:#fff; border:1px solid #E34724; padding:8px 15px; display:inline-block; font-family: 'tt_commonsmedium'; font-size:18px; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; cursor:pointer; outline:0 none; line-height:22px; width:200px; text-align:center;}
.redBtn:hover, .redBtn:focus {border:1px solid #0268d0; background:#0268d0; color:#fff;}

.greenBtn { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;background:#30BC25; color:#fff; border:1px solid #30BC25; padding:8px 15px; display:inline-block; font-family: 'tt_commonsmedium'; font-size:18px; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; cursor:pointer; outline:0 none; line-height:22px; width:200px; text-align:center;}
.greenBtn:hover, .greenBtn:focus {border:1px solid #0268d0; background:#0268d0; color:#fff;}

.smallBtn { width:160px;}
.x-smallBtn { width:100px;}
.heightBtn { padding:11px 15px; }

.heapBox { width:100%; float:left; background:none; border:1px solid #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; font-family:'tt_commonsregular'; font-size:18px; outline:0 none; position:relative; display:block !important;}
.heapBox .holder { width:100%; float:left;  padding:10px; color:#666;  -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; position:relative;}
.heapBox .holder:before { content: "expand_more"; font-family: 'Material Icons'; color: #666; font-size:25px; position: absolute; top:10px; right:10px;}
.heapBox.open .holder:before { content: "expand_less";}
.heapBox .heap { width:100%; float:left; background:#fff; position:absolute; top:42px; z-index:9999; border:1px solid #999; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.heapBox .heapOptions { margin:0; padding:0;}
.heapBox .heapOptions li { margin:0; padding:0; border-top:1px solid #eee;}
.heapBox .heapOptions li a { width:100%; float:left; padding:10px 15px; color:#666;}
.heapBox .heapOptions li a:hover, .heapBox .heapOptions li a:focus {color:#0268d0;}



/* iOS */
a[href^="tel"]{ color:inherit; text-decoration:none;}
a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important;}
input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
/* iOS end */

.containerRedio { display:block; position:relative; padding-left:35px; margin-bottom:12px; cursor:pointer; font-size:22px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.containerRedio input { position:absolute; opacity:0; cursor:pointer;}
.containerRedio .checkmark { position:absolute; top:0; left:0; height:25px; width:25px; background-color:#ccc; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; border:1px solid #aaa;}
.containerRedio:hover input ~ .checkmark { background-color:#aaa;}
.containerRedio input:checked ~ .checkmark { background-color:#c065dd; border:0 none;}
.containerRedio .checkmark:after { content:""; position:absolute; display:none;}
.containerRedio input:checked ~ .checkmark:after { display:block;}
.containerRedio .checkmark:after { top:9px; left:9px; width:8px; height:8px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:white;}

.containerCheck { display:block; position:relative; padding-left:35px; margin-bottom:12px; cursor:pointer; font-size:22px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.containerCheck input { position:absolute; opacity:0; cursor:pointer;}
.containerCheck .checkmark { position:absolute; top:0; left:0; height:25px; width:25px; background-color:#ccc; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; border:1px solid #aaa; border-radius:2px;}
.containerCheck:hover input ~ .checkmark { background-color:#aaa;}
.containerCheck input:checked ~ .checkmark { background-color:#003f7e; border:0 none;}
.containerCheck .checkmark:after { content:""; position:absolute; display:none;}
.containerCheck input:checked ~ .checkmark:after { display:block;}
.containerCheck .checkmark:after { left:9px; top:5px; width:8px; height:13px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

/** Table */
table { border:1px solid #ccc; border-collapse:collapse;}
table th { border-bottom:1px solid #ccc; background:#E5EBF2; font-family: 'tt_commonsmedium'; font-size:22px; color:#000; padding:15px 15px 12px 15px; text-align:left;}
table td { border-bottom:1px solid #ccc; padding:12px 15px; font-size:20px;}
/*table tr.evenRow {background-color: #fbfbfb;}*/
/*table tr:nth-child(2n+1) td { background-color:#fbfbfb;}*/

#myTable th{ cursor:pointer;}
#myTable th.removeCursor{ cursor:auto;}

.tableData .lastTd a.visibility,
.tableData .lastTd a.edit, 
.tableData .lastTd a.delete { display:inline-block; margin:0 7px; cursor:pointer;}
.tableData .lastTd a.visibility { color:#03BBF7; /*background: -webkit-linear-gradient(45deg, #03BBF7, #01B0B0); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/}
.tableData .lastTd a.edit { color:#FFC107;}
.tableData .lastTd a.delete { color:#E34724;}
.tableData .lastTd a.visibility:hover,
.tableData .lastTd a.edit:hover, 
.tableData .lastTd a.delete:hover { color:#003F7E; }

.tableBtm { width:100%; float:left; padding:25px 15px; border:1px solid #ccc; border-top:0 none;}
.tableBtmWithInfo { width:100%; float:left; padding:25px 15px; border:1px solid #ccc; border-bottom:0; border-top:0;}
.showingData { float:left; padding-top:10px; color:#000; font-family: 'tt_commonsmedium'; font-size:20px;}
.tablePagination { float:right;}

.fixBnr { min-height: 100%; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center center;}

.padding10 { padding:10px 0;}
.padding20 { padding:20px 0;}
.padding30 { padding:30px 0;}
.padding40 { padding:40px 0;}
.padding50 { padding:50px 0;}
.padding60 { padding:60px 0;}
.padding70 { padding:70px 0;}
.padding80 { padding:80px 0;}
.padding90 { padding:90px 0;}
.paddingT10 { padding:10px 0 0 0;}
.paddingT20 { padding:20px 0 0 0;}
.paddingT30 { padding:30px 0 0 0;}
.paddingT40 { padding:40px 0 0 0;}
.paddingT50 { padding:50px 0 0 0;}
.paddingT60 { padding:60px 0 0 0;}
.paddingT70 { padding:70px 0 0 0;}
.paddingT80 { padding:80px 0 0 0;}
.paddingT90 { padding:90px 0 0 0;}
.paddingB10 { padding:0 0 10px 0;}
.paddingB20 { padding:0 0 20px 0;}
.paddingB30 { padding:0 0 30px 0;}
.paddingB40 { padding:0 0 40px 0;}
.paddingB50 { padding:0 0 50px 0;}
.paddingB60 { padding:0 0 60px 0;}
.paddingB70 { padding:0 0 70px 0;}
.paddingB80 { padding:0 0 80px 0;}
.paddingB90 { padding:0 0 90px 0;}

.cntPad70 { width:100%; float:left; padding:0 70px;}

.lightBg { background:#f2f4f6;}

ul.list { width:100%; float:left;}
ul.list li { width:100%; float:left; margin-bottom:15px; position:relative; padding:0 0 0 20px;}
ul.list ul { margin-top:15px; font-size:16px;}
ul.list ul li:last-child { margin-bottom:0;}
ul.list ul li { padding:0 0 0 20px;}
ul.list li:before { content:"\f105"; display:inline-block; font-family:'FontAwesome'; font-size:18px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; left:0; top:0; color:#43425d;}
ul.list ul li:before { font-size:16px; left:0px; top:0; color:#7556c8;}
ul.col2 li { width:50%; padding:0 0 0 20px;}

.readmore{ font-family: 'tt_commonsmedium'; font-size:14px; text-transform:uppercase; color:#00254a; position:relative; padding-right:13px;}
.readmore:before { content:"\f0da"; display:inline-block; font-family:'FontAwesome'; font-size:15px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; right:0; top:-6px;}

.alignCenter{ text-align:center;}
.alignRight{ text-align:right;}

.flotLeft{ float:left;}
.flotRight{ float:right;}

/********** Image Formating & Alignment **********/

.imgleft{float:left; margin-right:20px; margin-bottom:20px;}
.imgright{float:right; margin-left:20px; margin-bottom:20px;}
.imgcenter{float:none; margin-bottom:20px; margin-left:auto; margin-right:auto; display:block;}
.imgborder { border:1px solid #ccc; padding:5px}
.rounded {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.circle {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.shadow {-webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2); padding:4px;}


/********** Owl Carousel **********/

.owl-carousel .animated {-webkit-animation-duration: 1000ms;animation-duration: 1000ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}
.owl-height {-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;/* position relative and z-index fix webkit rendering fonts issue */position: relative;z-index: 1;}
.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; /* fix for flashing background */-webkit-transform: translate3d(0px, 0px, 0px); z-index:1;}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0;display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel .owl-refresh .owl-item {display: none;}
.owl-carousel .owl-item {position: relative;min-height: 1px;float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-backface-visibility: visible; backface-visibility: visible;}
.owl-carousel .owl-item img {display: block;width: 100%;-webkit-transform-style: preserve-3d;}
.owl-carousel .owl-grab {cursor: move;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}
.owl-carousel .owl-item .owl-lazy {opacity: 0;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;}
.owl-carousel .owl-item img {transform-style: preserve-3d;}
.owl-carousel .owl-video-wrapper {position: relative;height: 100%;background: #000;}
.owl-carousel .owl-video-play-icon {position: absolute;height: 80px;width: 80px;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px;/*background: url("owl.video.play.png") no-repeat;*/cursor: pointer;z-index: 1;-webkit-backface-visibility: hidden;-webkit-transition: scale 100ms ease;-moz-transition: scale 100ms ease;-ms-transition: scale 100ms ease;-o-transition: scale 100ms ease;transition: scale 100ms ease;}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {display: none;}
.owl-carousel .owl-video-tn {opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat;-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;}
.owl-carousel .owl-video-frame {position: relative;z-index: 1;}
.owlCarousel.carouselBlock .item { border:1px solid #ddd; text-align:center; height:100px; line-height:100px;}

.owl-theme .owl-controls{margin:0;text-align:center;-webkit-tap-highlight-color:transparent; line-height:1; }
.owl-theme .owl-controls .owl-nav [class*=owl-]{z-index:2; width:41px; height:41px; color:#fff; font-size:14px; margin:0; padding:0; /*background-image:url(../images/sprites.png);*/ background-repeat:no-repeat; background-position:left top; display:inline-block; vertical-align:top; cursor:pointer; text-align:left; text-indent:-999em;}
.owl-theme .owl-controls .owl-nav .owl-prev{}
.owl-theme .owl-controls .owl-nav .owl-next{}
.owl-theme .owl-controls .owl-nav .owl-prev:hover{}
.owl-theme .owl-controls .owl-nav .owl-next:hover{}
.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots .owl-dot{display:inline-block; vertical-align:top; line-height:1;}
.owl-theme .owl-dots .owl-dot span{width:12px; height:12px; margin:0 5px; background-color:#d6d6d6; display:block; -webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;  -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; cursor:pointer;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background-color:#22d1b1;}


/********** Responsive Tab **********/		
.restab {position: relative;border:1px solid #00c5ad;}		
.tabnav {margin:0;padding: 0; list-style:none}		
.tabnav li {display: inline-block;margin: 0;position: relative;}		
.tabnav li a {display: inline-block;padding: 10px 12px;text-decoration: none;font-size: 14px;font-weight: bold;color: #fff;}		
.tabnav .r-tabs-state-active a {color: #00c5ad;text-shadow: none;background-color: white;}		
.tab-content {padding: 15px;display: none;}		
.restab .r-tabs-panel.r-tabs-state-active {display: block;}		
.restab .r-tabs-accordion-title {display:none;}		
.tabnav .r-tabs-state-disabled {opacity: 0.5;}		
.restab .r-tabs-accordion-title .r-tabs-anchor {display: block;padding: 10px;background-color: #00c5ad;color: #fff;font-weight: bold;text-decoration: none;}		
.restab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color: #fff;color: #00c5ad;text-shadow: none;}		
.restab .r-tabs-accordion-title.r-tabs-state-disabled {opacity: 0.5;}
/*================================================ Main CSS Theme Start ====================================================*/

/********** Layout **********/

.fullwidth { width:100%; float:left; transition: transform 0.37s ease-in-out, padding 0.37s ease-in-out;}
/*.loadedSlideMenu .fullwidth { padding-left:280px; }*/
.wrap-inner { margin:0 auto; width:100%; max-width:1200px; padding:0 15px;}
.full-wrap-inner { width:100%; float:left; max-width:inherit; padding:0 20px;}

.boxPadding { padding-top:170px;}

.row { width:100%; float:left;}
.col1, .col2, .col3, .col4, .col5, .col6 { float:left; padding:15px 20px;}
.col1 { width:100%;}
.col2 { width:50%;}
.col3 { width:33.33%;}
.col4 { width:25%;}
.col5 { width:66.66%;}
.col6 { width:16.66%;}
.colCnt { width:100%; float:left; padding:15px; background:#fff;/* -webkit-box-shadow: 1px 1px 10px 0px rgba(221,221,221,1); -moz-box-shadow: 1px 1px 10px 0px rgba(221,221,221,1); box-shadow: 1px 1px 10px 0px rgba(221,221,221,1);*/}

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

.colTit { width:100%; float:left; padding:15px; background:#fff; border-bottom:0 none !important; background:#f5f5f5;}
.colTit h1 { margin:0; font-family: 'tt_commonsmedium'; font-size:32px; display:inline; line-height:40px;}
.colTit h2 { margin:0; font-family: 'tt_commonsregular'; font-size:24px;}
.colTit .btnBox { float:right;}
.colTit .cmnBtn { padding:6px 25px; margin:0 5px;}


.border {border:1px solid #d6d6d6;}


/********** Header **********/

.header { /*position:fixed; top:0; left:0; z-index:999;*/ width:100%; float:left; /*-moz-transition:transform 0.50s linear, padding 0.50s ease-in-out;-webkit-transition:transform 0.50s linear, padding 0.50s ease-in-out;-o-transition:transform 0.50s linear, padding 0.50s ease-in-out;transition:transform 0.50s linear, padding 0.50s ease-in-out;*/}
.header .topHeader { width:100%; float:left;  background:#003F7E; }
/*.header .navigation { width:100%; float:left;  background:#f5f5f5; }*/
.logo { float:left; padding:10px 0; font-family: 'tt_commonsregular'; color:#fff; font-size:38px;}
.header .wrap-inner { width:100%; max-width:100%; padding:0 20px 0 20px;}
.header-right { float:right; padding-top:25px;}
.header-right .profileBox { float:right; position:relative;}
.header-right .profileBox .profileCnt { float:right; cursor:pointer;}
.header-right .profileBox .profileCnt img { width:52px; float:right; border-radius:100%;}
.header-right .profileBox .profileCnt span { float:left; color:#fff; font-size:25px; padding:12px 35px 0 0;}
.header-right .profileBox .profileDetail { width:200px; position:absolute; top:55px; right:0; -webkit-box-shadow:1px 1px 5px 0px rgb(201, 201, 201); -moz-box-shadow:1px 1px 5px 0px rgb(201, 201, 201); box-shadow:1px 1px 5px 0px rgb(201, 201, 201); z-index:999;}
.header-right .profileBox .profileDetail:before { content:"arrow_drop_up"; font-family:'Material Icons'; color:#fff; font-size:40px; position:absolute; top:-15px; right:11px;}
.header-right .profileBox .profileCnt::before { content:"expand_more"; font-family:'Material Icons'; color:#fff; font-size:25px; position:relative; top:12px; right:30px;}
.header-right .profileBox .profileCnt.active::before {content: "expand_less";}
.profileBox .profileDetail .profileMenu { width:100%; float:left;}
.profileBox .profileDetail .profileMenu li { width:100%; float:left;  }
.profileBox .profileDetail .profileMenu li { width:100%; float:left; }
.profileBox .profileDetail .profileMenu li a { width:100%; float:left; padding:7px 10px 7px 45px; font-size:15px; color:#666; background:#fff; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; position:relative;}
.profileBox .profileDetail .profileMenu li a:hover { background:#f5f5f5; color:#333;}
.profileBox .profileDetail .profileMenu li.profile a { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.profileBox .profileDetail .profileMenu li.loguot a { border-top:1px solid #ddd; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}

.profileBox .profileDetail .profileMenu li a:before { font-family:'Material Icons'; color:#aaa; font-size:18px; position:absolute; top:6px; left:15px;}
.profileBox .profileDetail .profileMenu li.profile a:before { content: "person";}
.profileBox .profileDetail .profileMenu li.massage a:before { content: "email";}
.profileBox .profileDetail .profileMenu li.settings a:before { content: "settings";}
.profileBox .profileDetail .profileMenu li.loguot a:before { content: "power_settings_new"; color:red;}


.fixed  { position:fixed; top:0; left:0; z-index:999;/* -moz-transition:transform 0.50s linear, padding 0.50s ease-in-out;-webkit-transition:transform 0.50s linear, padding 0.50s ease-in-out;-o-transition:transform 0.50s linear, padding 0.50s ease-in-out;transition:transform 0.50s linear, padding 0.50s ease-in-out;*/}

/********* Navigation *********/
.headerNav { background:#00254a;}

.mainNavigation { width:100%; float:left; margin: 0; position: relative; clear: both; display:inline-block; vertical-align:top; line-height:1; text-align:left;}
.menu-icon { color: #000; display: none; font-size: 20px; margin: 0 0 0 auto; max-width: 100px; text-align: center; text-decoration: none; }
.menu-icon .fa { margin-right: 10px; font-size: 24px; vertical-align: middle; }
.menu-icon span {display:inline-block; vertical-align:top; }
.menu-icon.open, .menu-icon:hover { text-decoration: none; color: #ff9c00; }
#nav, #nav ul {width:100%; float:left; list-style: none; margin: 0; padding: 0; z-index:99;}
#nav > li { float:left; margin: 0; padding: 0; position: relative;}
/*#nav > li:first-child{margin-left:0;}*/
#nav > li > a { font-family:'tt_commonsmedium'; font-size:22px; color:#000; text-decoration: none; padding:15px 20px 15px 38px; position: relative; display: block; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s;}
#nav > li.parent > a {  padding:15px 35px 15px 38px;}
#nav > li:hover > a, #nav > li.active > a { background-color:#003F7E; color:#fff; text-decoration: none;}
#nav ul { display: none; width: 260px; top: 100%; padding: 0; left: 0; position: absolute; z-index: 99; background-color:#fff; -webkit-box-shadow: 1px 1px 10px 0px rgba(221,221,221,1); -moz-box-shadow: 1px 1px 10px 0px rgba(221,221,221,1); box-shadow: 1px 1px 10px 0px rgba(221,221,221,1);}
#nav ul li { float: left; height: auto; width: 100%; margin: 0; padding: 0; position: relative; z-index: 1; }
#nav ul li a { display: block; text-decoration: none; background-color: inherit; font-size: 18px; line-height: 24px; color: #333; padding:12px 12px 12px 40px; font-family:'tt_commonsregular'; /*border-bottom:1px solid #ddd;*/ -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s;}
#nav ul li a.masterIngredientIco {  background:url(../images/master-ingredient.png) 9px 10px no-repeat;}
#nav ul ul { top: 0; left: 260px }
#nav li:hover > ul { display: block; }
#nav li ul li:hover a { background-color:#e8f2fc; color:#00254a;}

#nav > li a { position:relative;}
#nav > li a:before { font-family:'Material Icons'; font-size:22px; position:absolute; left:10px; top:11px;}
.sub-menu > li a:before { color:#707070;}
#nav > li a[id="customer"]:before { content:"account_circle";}
#nav > li a[id="reports"]:before { content:"insert_drive_file";}
#nav > li a[id="unit"]:before { content:"view_module";}
#nav > li a[id="unitChanges"]:before { content:"view_quilt";}
#nav > li a[id="customer-users"]:before { content:"supervisor_account";}

#nav > li a[id="drinks-report"]:before { content:""; width:18px; height:21px; top:12px; left:12px; background:url(../images/beer.png) 0 0 no-repeat;}
#nav > li a[id="user-report"]:before { content:"person";}
#nav > li a[id="daily-session-report"]:before { content:"assignment";}

#nav > li a[id="users"]:before { content:"supervisor_account";}
#nav > li a[id="master"]:before { content:"receipt";}
#nav > li a[id="updates"]:before { content:"cloud_upload";}
#nav > li a[id="mupdates"]:before { content:"update";}
#nav > li a[id="settings"]:before { content:"settings";}
#nav > li a[id="unitsettings"]:before { content:"build";}
#nav > li a[id="settingsUser"]:before {content: "supervisor_account";}
#nav > li a[id="integration"]:before {content: "settings";}

/*
    #nav > li:last-child { float:right;} 
    #nav > li:last-child ul { left:auto; right:0;}
*/
#nav > li.menuOther { float:right;}
#nav > li.menuOther ul { left:auto; right:0;}

.arrowclick{width:30px; height:30px; position:absolute; right:5px; top:12px; z-index:99; cursor: pointer;}
.arrowclick:after{content:"expand_more"; font-family:'Material Icons'; color:#000; font-size:30px; position:absolute;right:-2px;top:-2px; -moz-transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out; font-style:normal;}
.arrowclick.active:after{-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#nav > li:hover > i:after, #nav > li.active > i:after { color:#fff;}

.parent.active .arrowclick:after{-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} /* full link click to show sub*/


/********* Main Slide Navigation *********/
.navSlid { float:left;}
.inquiry-now-btn { position:fixed; left:17px; top:35px; z-index:999; font-size:22px; display:none;}
.inquiry-now-btn a { color:#fff;}
.loadedSlideMenu .inquiry-now-btn a { color:#fff;}
.slideNav {width:100%; float:left; background:#f5f5f5; position:relative; }

.mainMenu {width:100%; float:left;}
.mainMenu li { width:100%; float:left;}
.mainMenu li a.menuCnt { width:100%; float:left; padding:10px 10px 10px 40px; margin-bottom:2px; color:#fff; position:relative; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; background:#43425d;}
.mainMenu li a.menuCnt:hover { background:#292845;}
.mainMenu li a.menuCnt:after {content:"keyboard_arrow_down"; font-family:'Material Icons'; color:#fff; font-size:20px; position:absolute; top:7px; right:10px;}
.mainMenu li a.menuCnt.active:after {content:"keyboard_arrow_up"; font-family:'Material Icons'; color:#fff; font-size:20px; position:absolute; top:7px; right:10px;}
.mainMenu li a.menuCnt[href="#"]:before {content:"keyboard_arrow_right"; font-family:'Material Icons'; color:#fff; font-size:25px; position:absolute; top:10px; left:10px;}
/*.mainMenu li a.menuCnt[data-value="Form"]*/

.subMenu { width:100%; float:left;}
.subMenu li { width:100%; float:left; font-size:15px;}
.subMenu li a { width:100%; float:left; padding:4px 10px 4px 55px; margin-bottom:2px; color:#fff; position:relative;}
.subMenu li a:before {content:"keyboard_arrow_right"; font-family:'Material Icons'; color:#fff; font-size:15px; position:absolute; top:3px; left:35px; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s;}
.subMenu li a:hover { padding:4px 10px 4px 60px; color:#a3a0fb;}
.subMenu li a:hover:before {left:45px; color:#a3a0fb;}
/********** Footer **********/

/** Login Page **/
/*.login { position:absolute; left:0; top:0; height:100%;}*/

.loginPage {position:relative;}
.loginPage .footer { position:fixed; bottom:0;}

.login {padding: 90px 0;}
.loginBox { width:100%; max-width:480px; float:left; position:relative; left:50%; margin-left:-240px;}
.loginBox .titBox { width:100%; float:left; padding:12px 10px 12px 25px; background:#003f7e;}
.loginBox .titBox h1 { font-family:'tt_commonsmedium'; font-size:28px; color:#fff; margin:0; line-height:normal;}
.loginBox .cntBox { width:100%; float:left; padding:25px 10px 0 10px; border:1px solid #ccc; }
.loginBox .forgotBox { min-height:32px;}
.emailSentIcon { width:100%; float:left; text-align:center; padding:20px; color:#6bc835;}
.emailSentIcon .material-icons{font-size:52px;}
.loginBox a { color:#707070;}
.loginBox a:hover { color:#003f7e;}
.loginBox label.containerCheck { color:#707070 !important;}

.cnangePassBox .leftBox { float:left;}
.cnangePassBox .rightBox { float:right;}
.cnangePassBox .rightBox .cnangePassCnt {width:100%; float:left; padding:25px; border-radius:5px; background:#f7f7f7; margin-top:25px; color:#333;}

/* Search */
.advanceSearch { width: 100%; float: left; padding: 15px 20px; border: 1px solid #d6d6d6; /*border-bottom:0 none;*/}
.advanceSearch .formLeft { width:80%; float:left;}
.advanceSearch .formRight { width:20%; float:left;}
.advanceSearch .formRight li { padding:28px 0; margin:0; text-align:center;}
.advanceSearch .formRight li input[type="submit"]{ /*width:140px;*/ margin-top:5px;}

.selectBoxStyle select { background: transparent; width:100%; padding:13px 10px; font-family: 'tt_commonsregular'; font-size:18px;  line-height: 1; border: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #333;}
.selectBoxStyle { width:100%; float:left; padding:0; color:#333; border:1px solid #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px; position:relative !important; cursor:pointer;}
.selectBoxStyle:before { content:"expand_more"; font-family: 'Material Icons'; color: #666; font-size:25px; position: absolute; top:10px; right:10px; z-index:-1; /*-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s;*/}
.selectBoxStyle:after { content:"expand_more"; font-family: 'Material Icons'; color: #666; font-size:25px; position: absolute; top:10px; right:10px; z-index:-1; /*-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s;*/}
.selectBoxStyle { z-index:0;}
.selectBoxStyleMargin {margin-bottom: 2px;}

/*.selectBoxStyle.active { -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}*/

/* *** */

.backIco { padding:8px 0px 8px 5px !important; position:relative; text-align:center;}
.backIco:before { content: "arrow_left_alt"; font-family: 'Material Icons'; color: #fff; font-size:22px; position: absolute; top:7px; left:0px;}
.searchIco { padding:8px 15px 8px 30px !important; position:relative; text-align:center;}
.searchIco:before { content: "search"; font-family: 'Material Icons'; color: #fff; font-size:22px; position: absolute; top:7px; left:30px;}
.addUserIco { padding:8px 15px 8px 30px !important; position:relative; text-align:center;}
.addUserIco:before { content: "add"; font-family: 'Material Icons'; color: #fff; font-size:22px; position: absolute; top:7px; left:25px;}
.addCustomerIco { padding:8px 15px 8px 35px !important; position:relative; text-align:center;}
.addCustomerIco:before { content: "add"; font-family: 'Material Icons'; color: #fff; font-size:22px; position: absolute; top:7px; left:10px;}
/*
.exportIco { padding:8px 15px 8px 30px !important; position:relative; text-align:center;}
.exportIco:before { content: "open_in_browser"; font-family: 'Material Icons'; color: #fff; font-size:22px; position: absolute; top:7px; left:30px;}
*/
.exportIco { padding:8px 15px 8px 30px !important; position:relative; text-align:center; background: url(../images/share.svg) 30px 7px no-repeat #003f7e !important; background-size:22px auto !important;}
.exportIco:hover { background: url(../images/share.svg) 30px 7px no-repeat #0268d0 !important; background-size:22px auto !important;}


/* pagination */
.pagination { display: inline-block;}
.pagination a {float:left; padding:8px 18px; transition:background-color .3s; font-family:'tt_commonsregular'; font-size:18px; border:1px solid #D6D6D6; border-right:0 none;}
.pagination a.next {border-right:1px solid #D6D6D6; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px; border-top-right-radius: 4px; border-bottom-right-radius:4px;}
.pagination a.previous {-webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination a.active { background-color:#003F7E; color: white;}
.pagination a:hover:not(.active) {background-color:#eee;}
.pagination ul { display: block;}
.pagination ul li { float:left;}
/* *** */

.softwareUpdateList .containerCheck { width:25px; height:25px; float:left; margin:0 0 0 10px; padding:0;}
.softwareUpdatePage .tableBtm input[type="submit"]{ margin:0 5px;}
.softwareUpdateDropdown {margin-bottom:2px;}


.multi-selectbox {width:100%; height:130px; position:relative; overflow:hidden; margin: 15px auto; background:#ddd; border: 1px solid #ddd; border-radius: 4px;}
.selectbox-scrollable{ overflow-y:scroll;  position:absolute; padding:0 7px 0 0; width: calc(100% + 17px); height:100%; border:0;}
.selectbox-scrollbar-rail { position:absolute; overflow:auto; top:0px; right:0px; bottom:0; z-index:2; background:#ddd; width:5px; border-radius:0px;}
.selectbox-scrollbar{ cursor:n-resize; position:absolute; overflow:auto; top:0px; right:0px; z-index:3; background:#444; width:5px; border-radius:8px;}
.multi-selectbox option { padding:5px 10px; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; }
.multi-selectbox option:checked, .multi-selectbox option:hover { background: #d5d5d5; cursor:pointer; color:#333;}

.settings textarea { min-height:148px;}

.unitmasterOf { position:relative;}
.unitmasterOf .masterOfSeeAll {position:absolute; right:30px; top:43px;}
.unitmasterOf .allMasterOf { position:absolute; top:-50%; width:290px; left:50%; margin-left:-145px; z-index:0;}
.unitmasterOf .allMasterOf ul { width:100%; float:left; background:#fff; border:1px solid #ccc; border-radius:2px; -webkit-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); z-index:9;}
.unitmasterOf .allMasterOf ul li { width:100%; float:left; padding:7px 20px; margin:0;}
.unitmasterOf .allMasterOf ul li.tit, .unitmasterOf .allMasterOf ul li:first-child { padding:12px 20px; border-bottom:1px solid #ccc;}
.unitmasterOf .allMasterOf .masterOfSeeAll {right:15px; top:14px; z-index:1111;}

.unitmasterOf .allMasterOf .black { width:100%; height:100%; position:fixed; background:#003F7E; top:0; left:0; z-index:-1; opacity:0.5;}

ul.masterOfList { width:100%; float:left; margin:0;}
ul.masterOfList li { width:100%; float:left; margin:0; padding:7px 10px; border-bottom:1px solid #ccc; background:#fff; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; }
ul.masterOfList li:hover { background:#f5f5f5; color:#333;}
ul.masterOfList li:last-child { border-bottom:0 none;}

.addCustomerSite .btnBoxTop { margin-bottom: 20px;}
.addCustomerSite .btnBoxTop .cmnBtn { width:100%; padding:5px 10px;}
.addCustomerSite .btnBoxBtm { margin-top:20px;}

.addCustomerUnit .btnBoxTop { margin-bottom:20px;}
.addCustomerUnit .btnBoxTop .cmnBtn { width:100%; padding:5px 10px;}
.addCustomerUnit .btnBoxBtm { margin-top:20px;}

/*** Popup Start ***/
.popupBox { width:100%; height:100%; position:fixed; z-index:999;}
.popupBox.scroll { position:absolute;}
.popupBox .lightBg { width:100%; height:100%; position:fixed; background:#003F7E; top:0; left:0; z-index:0; opacity:0.5;}
.popupBox .popupBg { background:#fff; border-radius:2px; position:absolute; left:50%; top:150px; z-index:9999;}
.popupBox .popupBg.popupCnter { position:fixed;}
.popupBox .popupBg.x-large { width:1024px; margin-left:-512px;}
.popupBox .popupBg.large { width:740px; margin-left:-370px;}
.popupBox .popupBg.medium { width:610px; margin-left:-305px;}
.popupBox .popupBg.small { width:450px; margin-left:-225px;}
.popupBox .popupBg.x-small { width:300px; margin-left:-150px;}

.popupBox .popupTit { width:100%; float:left; border-bottom:1px solid #ccc; padding:15px; position:relative;}
.popupBox .popupTit h3 { margin:0;}
.popupBox .popupTit .popupClick { position:absolute; top:17px; right:10px;}
.popupBox .popupTit .popupClose { position:absolute; top:17px; right:10px; cursor:pointer;}
.popupBox .popupCnt { width:100%; float:left; padding:15px;}
.popupBox .popupCnt li { position:relative;}


.PopupTransferBox { width:100%; height:100%; position:fixed; z-index:999;}
.PopupTransferBox.scroll { position:absolute;}
.PopupTransferBox .lightBg { width:100%; height:100%; position:fixed; background:#003F7E; top:0; left:0; z-index:0; opacity:0.5;}
.PopupTransferBox .popupBg { background:#fff; border-radius:2px; position:absolute; left:50%; top:150px; z-index:9999;}
.PopupTransferBox .popupBg.large { width:740px; margin-left:-370px;}
.PopupTransferBox .popupBg.medium { width:610px; margin-left:-305px;}
.PopupTransferBox .popupBg.small { width:450px;  margin-left:-225px;}
.PopupTransferBox .popupBg.x-small { width:300px;  margin-left:-150px;}

.PopupTransferBox .popupTit { width:100%; float:left; border-bottom:1px solid #ccc; padding:15px; position:relative;}
.PopupTransferBox .popupTit h3 { margin:0;}
.PopupTransferBox .popupTit .popupTransferClick { position:absolute; top:17px; right:10px;}
.PopupTransferBox .popupCnt { width:100%; float:left; padding:15px;}
.PopupTransferBox .popupCnt li { position:relative;}
/*** Popup End ***/

/*** Calendar ***/
.ui-datepicker { background:#fff; border-radius:2px; padding:8px; -webkit-box-shadow:0px 1px 8px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 1px 8px 2px rgba(0, 0, 0, 0.2);box-shadow:0px 1px 8px 2px rgba(0, 0, 0, 0.2)); }
.ui-datepicker .ui-datepicker-calendar td { padding:0; border:1px solid #ccc; font-size:18px;}
.ui-datepicker .ui-datepicker-calendar th { width:45px; padding:8px 0; text-align:center; font-size:19px;}
.ui-datepicker .ui-datepicker-calendar td a { width:45px; padding:8px 0; display:block; text-align:center;}
.ui-datepicker .ui-datepicker-calendar td a:hover { background:#ddd;}
.ui-datepicker .ui-datepicker-calendar td a.ui-state-active { background:#0268d0; color:#fff;}
.ui-datepicker .ui-datepicker-title {float:right; padding:0 0 15px 0;}
.ui-datepicker .ui-datepicker-title select { margin-left:10px; border:1px solid #ccc; padding:5px;}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev { width:38px; height:38px; float:left; margin:0 5px 0 0; background:#0268d0; color:#fff; text-indent:-9999px; border-radius:2px; position:relative; cursor:pointer;}
.ui-datepicker .ui-datepicker-next:before,
.ui-datepicker .ui-datepicker-prev:before {font-family:'Material Icons'; color:#fff; font-size:25px; position:absolute; top:7px; left:7px; text-indent:0;}
.ui-datepicker .ui-datepicker-next:before{content:"keyboard_arrow_right";}
.ui-datepicker .ui-datepicker-prev:before{content:"keyboard_arrow_left";}
button.ui-datepicker-trigger { background:none; border:0 none; line-height:none; position:absolute; right:28px; top:44px; font-size:22px; cursor:pointer;}


.dailyRevenueTotal { width:100%; float:left;}
.dailyRevenueTotal .labelBox { width:50%; float:left; text-align:right; padding:10px; font-weight:bold;}
.dailyRevenueTotal .valueBox { width:50%; float:left; padding:10px; background:#eee; margin-bottom:15px;}
.dailyRevenueTotal .valueBox span strong { font-size:20px;}
.dailyRevenueTotal .valueBox .qty { width:22%; float:left; text-align:right;}
.dailyRevenueTotal .valueBox .price { width:35%; float:right;}

.selectTblTr tr.active { background-color: #003f7e;}
.selectTblTr tr.active td {color: #FFF;}
.selectTblTr tr.active td.lastTd a:hover {color: #FFF;}

#myTable tr.active { background-color: #003f7e;}
#myTable tr.active td {color: #FFF;}
#myTable tr.active td.lastTd a:hover {color: #FFF;}

.userReportSearch.advanceSearch .formLeft { width:75%;}
.userReportSearch.advanceSearch .formRight { width:25%;}

.userEditPage .selectBoxStyle:before { display:none;   }
.userEditPage .ms-options-wrap {position: relative;}
.userEditPage .ms-options-wrap:before { content: "expand_more"; font-family: 'Material Icons'; color: #666; font-size:25px; position: absolute; /*top:40px;*/ bottom:10px; right:10px; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s;}
.userEditPage .ms-options-wrap.ms-active:before { /*content: "expand_less";*/  -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}

/* Error Page */
.errorPage { padding:80px 0 20px 0;}
.errorPage .imgBox { width:100%; float:left; text-align:center; margin-bottom:35px;}
.errorPage .imgBox svg { width:280px; height:auto;}
.errorPage .cntBox { width:100%; float:left; text-align:center;}
.errorPage .cntBox h1 { font-family: 'tt_commonslight'; font-weight:normal; font-size:52px;}
.errorPage .cntBox p { font-size:20px; margin-bottom:30px;}
.errorPage .cntBox a { margin:5px;}

/* Under Construction Page */
body.underConstruction { background-image:url(../images/westgate-bar.jpg);}
.underConstruction .cntBox h1 { font-family: 'tt_commonslight'; font-weight:normal; font-size:52px; text-transform:uppercase;}
.underConstruction .cntBox h1 span{ font-family: 'tt_commons_boldbold'; font-size:32px;}


ul.aerrow { width:100%; float:left; margin:0;}		
ul.aerrow li { width:100%; float:left; margin:0; padding-left:20px; position:relative; margin-bottom:12px;}		
ul.aerrow li:before {content:"radio_button_checked"; font-family:'Material Icons'; color:#333; font-size:12px; position:absolute; top:-1px; left:0;}		
ul.aerrow ol li { margin:3px 0;}
ul.aerrow ol li:before {content:"radio_button_unchecked"; font-family:'Material Icons'; color:#333; font-size:10px; position:absolute; top:-1px; left:0;}

.titleBoxLine h1 { margin:0; position:relative;}		
.titleBoxLine h1:before { content:""; width:100%; height:1px; position:absolute; left:0; top:50%; margin-top:-1px; background:#ddd; z-index:0;}		
.titleBoxLine h1 span { background:#fff; padding-right:10px; position:relative;}		
.helpPage .helpCntTab { position:relative; border:0 none;}		
.helpPage .helpCntTab { width:280px; float:left; position:fixed; height:80%; overflow-y:auto;  transition:0.5s;}
.helpPage .helpCntTab.helpCntTabTop { top:40px;}
.helpPage .helpCntTab ul { width:100%; float:left;}		
.helpPage .helpCntTab ul li { width:100%; float:left; margin-bottom:1px;}		
.helpPage .helpCntTab ul li a { width:100%; float:left; color:#333; border-left:4px solid #ccc; background:#fff; font-weight:normal; font-size:20px; padding:12px 15px;}		
.helpPage .helpCntTab ul li a:hover { border-left:4px solid #777; background:#f9f9f9;}		
.helpPage .helpCntTab ul li.r-tabs-state-active a { color:#000; border-left:4px solid #000; background:#f8f8f8;}		
.helpPage .helpTabCnt { width:100%; float:left; padding-left:300px;}		
.helpPage .helpTabCnt .r-tabs-accordion-title { display:none;}		
.helpPage .helpTabCnt h2 { color:#003f7e; font-family: 'tt_commonsmedium';}		
.helpPage .boxBg { width:100%; float:left; background:#f8f8f8; padding:30px; border-radius:5px; color:#333; margin:10px 0;}		
.helpPage .boxBgColor { width:100%; float:left; background:#f3fcff; padding:30px; border-radius:5px; color:#333; margin:10px 0;}		
.helpPage .boxBorder { width:100%; float:left; border:1px solid #ccc; padding:30px; border-radius:5px; margin:10px 0;}		
.versionTab span { font-size:12px; text-transform:uppercase;}



.masterSettings .settingsCntTab { width:100%; float:left; position:relative; border:0 none; padding:0 20px; margin-bottom:15px;}
.masterSettings .settingsCntTab ul { float:left; background:#e0e7ef; border-radius:50px;}
.masterSettings .settingsCntTab ul li { float:left; }		
.masterSettings .settingsCntTab ul li a { float:left;  background:#e0e7ef; color:#003f7e; font-weight:normal; font-size:20px; padding:10px 35px; border-radius:50px;}
.masterSettings .settingsCntTab ul li a:hover { background:#e0e7ef; color:#003f7e;}		
.masterSettings .settingsCntTab ul li.r-tabs-state-active a { color:#fff; background:#003f7e;}		
.masterSettings .settingsTabCnt { width:100%; float:left;}		
.masterSettings .settingsTabCnt .r-tabs-accordion-title { display:none;}		
.masterSettings .settingsTabCnt h2 { color:#003f7e; font-family: 'tt_commonsmedium';}		
.masterSettings .boxBg { width:100%; float:left; background:#f8f8f8; padding:30px; border-radius:5px; color:#333; margin:10px 0;}

#pieChart .c3-legend-background { fill:none;}
/*#pieChart .c3-tooltip-container { background:#fff; border-radius:4px;}*/
#pieChart .c3-tooltip-container { background:#fff; border-radius:4px; border:1px solid #f5f5f5; border:0 none !important;}
#pieChart .c3-tooltip-container table { border-radius:4px; border:0 none;}
#pieChart .c3-tooltip-container table td { border:0 none; color:#000;}


.d-none { display:none !important;}

.permissionUserListTable .containerCheck { font-size: 18px; line-height: 28px; margin-bottom: 17px;}
table.permissionUserListTable th .containerCheck{ margin-bottom:0px;}
table.permissionUserListTable th { font-size: 18px;}
.permissionUserListTable .containerCheck b { display:none;}


.ingredientMain .userList table td img { /*width:80px;*/ height:50px; }
.addIngredientL { width:66.66%; float:left;}
.addIngredientR { width:33.33%; float:left;}

.uploader { position: relative; overflow: hidden; width: 100%; height: 200px; background: #fff; border: 3px dashed #ddd; border-radius: 5px; text-align: center; margin-bottom: 8px; margin-top: 30px;}
#filePhoto { position: absolute; width: 100%; height: 225px; top: -50px; left: 0; z-index: 2; opacity: 0; cursor: pointer;}
.uploader img { /*position: absolute;*/ width: auto; height: 100%; /*top: -1px; left: -1px; z-index: 1;*/ border: none; max-width: none;}
.uploader span { font-size: 24px; background: #fff; padding: 5px 10px; border-radius: 5px; opacity: 0.9; position: absolute; left: 50%; top: 50%; margin: -18px 0 0 -100px;}
.uploader span.displayNone { display: none;}

.softwareUpdateList table td.softSelectionTD .containerCheck .checkmark { top: 5px; }
.softwareUpdateDropdownFilter { width:210px; float:right;}
.softwareUpdateDropdownFilter.selectBoxStyle select { padding:8px 10px;}
.softwareUpdateDropdownFilter.selectBoxStyle:before { top:5px;}
.softwareUpdateDropdownFilter.selectBoxStyle:after { top:5px;}
.softwareUpdateFilter { width:100%; float:left;}


.softwareUpdateDropdownFilterleft label { float:left; margin:5px 10px 0 0; color: #333; font-size: 20px;}
.softwareUpdateDropdownFilterleft .softwareUpdateDropdownFilter { float: left;}

.cmbVersionSoftwareEr .text-danger {  left: 0; bottom: -30px; width: max-content;}

/*  Toggle Switch button */
.switch { position: relative; display: inline-block; width: 70px !important; height: 45px;}    /*   The switch - the box around the slider */
.switch input {opacity: 0; width: 0; height: 0; }    /* Hide default HTML checkbox */
.switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}    /* The slider */
.switch .slider:before { position: absolute; content: ""; height: 36px; width: 35px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.switch input:checked ~ .slider { background-color: #003F7E;}
.switch input:focus ~ .slider { box-shadow: 0 0 1px #2196F3;}
.switch input:checked ~ .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.switch .slider.round {border-radius: 34px;}    /* Rounded sliders */
.switch .slider.round:before {border-radius: 50%; }




/** New Design Page Start */
.proSettings { width:100%; float:left;}
.proSettings li { width:14.2%; float:left; padding:15px;}
.proSettings li a { display:block; height:140px; background:#ccc; text-align:center; /*line-height:130px;*/ border-radius:5px; color:#fff; font-size:22px; padding-top:25%;}
.proSettings li.userAccount a { background:#7f4cd5;}
.proSettings li.drinkEditor a { background:#1759b0;}
.proSettings li.barSetup a { background:#00b8ae;}
.proSettings li.backgroundSettings a { background:#2ba72b;}
.proSettings li.drinkPricing a { background:#016f52;}
.proSettings li.pourSettings a { background:#606672;}
.proSettings li.sessionSetup a { background:#2997cc;}
.proSettings li a:hover {background:#003F7E;}


.barSetup { position:relative;}
.barSetup .leftBox { width:100%; float:left; padding-right:440px;}
.barSetup .rightBox { width:400px; float:right; position:fixed; right:30px; margin-top:10px;}

.barSetup .leftBox ul { width:100%; float:left;}
.barSetup .leftBox ul li { width:230px; float:left; padding:12px; }
.barSetup .leftBox ul li a { cursor:pointer; }
.barSetup .leftBox ul li .liquorImg { width:100%; float:left; padding:15px; background:#f3f3f3; text-align:center; border:2px solid #f3f3f3;}
.barSetup .leftBox ul li .liquorImg img { height:200px;}
.barSetup .valveNo { width:100%; float:left; padding:5px 15px; background:#003f7e; text-align:center; color:#fff;}
.barSetup .leftBox ul li a.active .liquorImg { border:2px solid #003f7e;}

.barSetup .rightBox .itemImgBox { width:100%; float:left; border:1px solid #eee; padding:15px; text-align:center;}
.barSetup .rightBox .itemImgBox img { height:300px; }
.barSetup .rightBox .btnBox { width:100%; float:left; background:#eee; padding:15px;}
.barSetup .rightBox .btnBox ul { width:100%; float:left;}
.barSetup .rightBox .btnBox ul li { width:100%; float:left; padding:5px 0;}
.barSetup .rightBox .itemImgBox .itemImgBox img { /* height:auto;width:118px;*/ height:172px;}
.barSetup .rightBox .btnBox ul li .col-2 { width:50%; float:left; text-align:center;}
.barSetup .rightBox .btnBox ul li .label{ width:100%; float:left; text-align:center; color:#000;}

.barSetup .rightBox .liquorName { width:100%; float:left; font-family: 'tt_commonsregular'; font-size:24px; color:#000; background:#eee; padding:15px;}


.barSetup .mixersBox ul { float:left;}
.barSetup .mixersBox ul li { width:150px; float:left; }
.barSetup .mixersBox ul li .liquorImg { width:100%; float:left; background:#f3f3f3; text-align:center; padding:12px;}
.barSetup .mixersBox ul li .liquorImg img { height:150px;}
.barSetup .mixersBox ul li .valveNo { width:100%; float:left; padding:5px 15px; background:#003f7e; text-align:center; color:#fff;}
.barSetup .mixersBox .mixRatio { width:175px; float:right; padding:20px 10px 10px 10px; line-height:normal; color:#000;}
.barSetup .mixersBox .mixRatio label { width:100%; float:left; font-size:20px;}
.barSetup .mixersBox .mixRatio span { width:100%; float:left; font-size:110px;}

.backgroundSetup { position:relative; overflow:hidden;}
.backgroundSetup:before { content:""; width:50%; height:1500px; background:#f5f5f5; position:absolute; right:0; top:60px; border-left:1px solid #ccc; z-index:-1;}
.backgroundSetup li.imageForDrink { padding-top:25px; border-top:1px solid #ccc;}
.backgroundSetup .rightBox .containerCheck { width:70%;}
.backgroundSetup .rightBox .cnmBtn { float:right;}

.drinkPricing .midCol  {background:#f5f5f5; border-left:1px solid #ccc;  border-right:1px solid #ccc;}

.redNote { color:red;}

ul.sessionSetup { display:flex; flex-wrap: wrap;}
ul.sessionSetup li.session { width:31.33%; background:#f5f5f5; border:1px solid #ccc; margin:1%; padding:15px 5px 5px 5px;}
ul.sessionSetup li.session h3 { margin:0;}
ul.sessionSetup li.session .noLimit { font-size:32px; line-height:normal;}
ul.sessionSetup li.session .valueLimit { font-size:100px; line-height:normal;}

.restab.sessionTab { width:100%; float:left; border:0 none; margin-bottom:15px;}
ul.sessionSetup .r-tabs-accordion-title { display:none;}
ul.sessionSetup .tabnav .r-tabs-state-active a { color:#003f7e;}

.fromToTime div.col3 { padding:25px 10px 0 10px; margin-bottom:15px; margin-top:-15px;}
.fromToTime div.col3.midBox { border-right:1px solid #ccc; border-left:1px solid #ccc;}
.fromToTime .cForm li { padding:0 5px;}

.drinkAddEditTable {display: flex; flex-wrap: wrap;}
div.drinkPricing { margin-top:25px;}

.seletedTab {
    background-color: #003F7E;
    color: #fff;
    text-decoration: none;
}

.disableCheckBox {
    background-color: #DCDCDC !important;
    border: 1px solid #DCDCDC !important;
    pointer-events: none;
}

.disabledControl {
    background-color: lightgray !important;
}

.previousVersionBox {
    position:relative;
}
.previousVersionBox input[type="text"]{ padding-right:70px;}
.previousVersionBox .fetchPreviousVersion {
    position: absolute; bottom:0; right:0; background:#003f7e; padding:4px 5px 3px 5px; color:#fff; line-height:normal; border-radius:2px; bottom: 11px; right: 25px; z-index:99;
}


.labelBoxPriceList label { width:20px !important; float:left; padding-top: 12px;}
.labelBoxPriceList input { margin-right:-20px; }

.number-input { display: inline-flex; position: relative; padding: 50px 0; }
.number-input input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield;}
.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}
.number-input,
.number-input * { box-sizing: border-box;}
.number-input button { outline: none; -webkit-appearance: none; background-color: transparent; border: none; align-items: center; justify-content: center; cursor: pointer; margin: 0; padding: 0; position: relative; font-size: 62px; line-height: normal; color: #000;}
.number-input input[type=number] { width: 100px; padding: .5rem;  font-size: 2rem; font-weight: bold; text-align: center; }
.number-input button.plus { position: absolute; top: -0px; left: 60px; }
.number-input button.plus i { transform: rotate(180deg) }
.number-input button.minus { position: absolute; bottom: -8px; left: 60px;}
.pourQtyPopup .shotBox { padding-top: 65px; font-size: 28px; font-weight: bold;}
.pourQtyPopup input[type="text"] { font-size: 2rem; font-weight: bold; text-align: center;}

.selectedTimeSlot{border:2px solid black;}
.editTimeSlotPopup input[type=text] {  max-width: 100px; padding: .5rem;  font-size: 2rem; font-weight: bold; text-align: center; }
.editTimeSlotPopup .cForm li { padding:0 5px; margin-bottom:15px;}
.editTimeSlotPopup {z-index:9999;}
.sheduleBoxRow { width:100%; float:left; margin-bottom:10px;}
.sheduleBoxRow .sheduleBoxCnt { width:100%; float:left; margin-bottom:5px;}
.sheduleBoxRow .sheduleBoxCnt .btnBox { width:110px; float:left;}
.sheduleBoxRow .sheduleBoxCnt .btnBox.btnBoxLeft { padding-right:10px;}
.sheduleBoxRow .sheduleBoxCnt .btnBox.btnBoxRight { padding-left:10px;}
.sheduleBoxRow .sheduleBoxCnt .dateBarBox { width:773px; float:left;}
.sheduleBoxRow .sheduleBoxCnt .dateBarBox .dateBar { width:100%; height:40px; border:1px solid #ccc;}
.sheduleBoxRow .sheduleBoxTime { width:773px; float:left; margin:0 110px;}
.sheduleBoxRow .sheduleBoxTime .timeLabel { width:20%; float:left;}

.sheduleBoxRow .sheduleBoxTime .timeLabel.twelveam{ text-align:left;}
.sheduleBoxRow .sheduleBoxTime .timeLabel.twelveam span { margin-left:-15px;}
.sheduleBoxRow .sheduleBoxTime .timeLabel.sixam { padding-left:20px;}
.sheduleBoxRow .sheduleBoxTime .timeLabel.twelvepm{ text-align:center;}
.sheduleBoxRow .sheduleBoxTime .timeLabel.sixpm { text-align:right; padding-right:20px;}
.sheduleBoxRow .sheduleBoxTime .timeLabel.twelveampm{ text-align:right;}
.sheduleBoxRow .sheduleBoxTime .timeLabel.twelveampm span { margin-right:-15px;}

.barScheduleWeeklyPopup .switch {width: 55px !important; height:30px;}
.barScheduleWeeklyPopup .switch .slider:before { position: absolute; content: ""; height: 22px; width: 22px; left: 4px; bottom: 4px;}
.barScheduleWeeklyPopup .switch .slider.round {border-radius:30px;}
.barScheduleWeeklyPopup .switch .title { width: 100px; margin-top: -24px; text-align: left; margin-left: -90px;}

 
.barScheduleWeeklyPopup .process { width:16.07px; height:38px; float:left;}
.barScheduleWeeklyPopup .process.green { background:green;}
.barScheduleWeeklyPopup .process.yellow { background:yellow;}
.barScheduleWeeklyPopup .process.red { background:red;}
.barScheduleWeeklyPopup .process.border { border:1px solid #000;}

.sheduleBoxRow .sheduleBoxCnt .btnBox.btnBoxLeft .lineBtn:hover, .lineBtn:focus {border:1px solid #003f7e; background:#fff; color:#003f7e; cursor:default;}
.barSetup .barSetupLiqBoxUp { margin-top:-95px;}
.pourQtyPopup .popupCntQtyCenter { margin-left:147px;}
.disabledCheckBox { background-color:#F0F0F0 !important; }


.versionTogal { position:relative;}
.helpPage .helpCntTab ul li.versionTogal a { border-left:4px solid #777; background:#f9f9f9;}
.helpPage .helpCntTab ul li.versionTogal.active a {color:#003f7e; border-left: 4px solid #003f7e; background: #f8f8f8;}
.versionTogal:before { content: "\f107"; display: inline-block; font: normal normal normal 20px/1 FontAwesome; font-size: 25px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; right:15px; top:10px; color:#333; font-weight:bold; cursor:pointer;}
.versionTogal.active:before { content: "\f106";color:#003f7e;}

.infinityIcon{position:relative}
.infinityIcon span{position: absolute;top: 27px;left: -25px;font-weight: bold;font-size: 30px;color: #003f7e;}
.partnerCheckboxName { padding: 10px 0 0 15px; display: inline-block; color: #333; }
.masterSettings.addCustomerSite .settingsCntTab { padding:0;}


/*Textbox disable */
.disabledtxtbox {
    background-color: gray;
}