@import url(./reset.css);
@import url(./skeleton.css);
@import url(./superfish.css);
@import url(./slider.css);
@import url(./forms.css);
@import url(./prettyPhoto.css);
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'), url(//fonts.gstatic.com/s/lato/v11/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(//fonts.gstatic.com/s/lato/v11/MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: local('Lato Black'), local('Lato-Black'), url(//fonts.gstatic.com/s/lato/v11/lEjOv129Q3iN1tuqWOeRBgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(//fonts.gstatic.com/s/lato/v11/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Courgette';
    font-style: normal;
    font-weight: 400;
    src: local('Courgette Regular'), local('Courgette-Regular'), url(//fonts.gstatic.com/s/courgette/v4/BHG8ZtTfO0yYnp02--QxqpBw1xU1rKptJj_0jans920.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(//fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUZBw1xU1rKptJj_0jans920.woff2) format('woff2');
    font-display: swap;
}
body {
    background: #eceae9;
    font: 11px/18px Arial, Helvetica, sans-serif;
    color: #454545;
    position: relative;
    min-width: 310px;
}
html,
body {
    height: 100%;
}
p {
    padding-bottom: 18px
}
a {
    color: #036991;
    outline: none;
    cursor: pointer;
    text-decoration: none;
}
a:hover {
    text-decoration: underline
}
/*  Header styles */

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2em;
    color: #2e2220;
    font-weight: normal;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
}
h1 {
    font-size: 38px;
}
h2 {
    font-size: 34px;
}
h3 {
    font-size: 30px;
}
h4 {
    font-size: 26px;
}
h5 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
}
h6 {
    font-size: 20px;
    padding-bottom: 22px;
}
/* Global Structure---------------------------------------- */

.bg-header {
    width: 100%;
    background: #332623;
    position: relative;
    z-index: 99;
}
.bg {
    width: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAC3CAIAAABc5KO2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF1JREFUeNqkkkEKgDAMBHfy/w8KXvyJCBZKjdtUD7mEyWwIiWPfQpIpAjRlHr17hiKX+ciyMC51mQWud1LhGsOQVWTTPRv75caXgzV+zEFrd3J+fsy6wv7Lq+sUYACwLAQu/ImcpgAAAABJRU5ErkJggg==) 50% 0 repeat-x;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-align: center;
}
.pad-main {
    padding-top: 24px;
}
.bg2 {
    background: #fff;
    padding: 2px 15px 0 15px;
    max-width: 940px;
    position: relative;
    margin: 0 auto;
    display: inline-block;
}
/*----- txt,links,lines,titles -----*/

.clear {
    clear: both;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    height: 0;
    width: 100%;
}
.wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.extra-wrap {
    overflow: hidden;
    display: block;
}
.fleft {
    float: left
}
.fright {
    float: right
}
.alignjustfy {
    text-align: justify
}
.alignright {
    text-align: right
}
.alignleft {
    text-align: left
}
.aligncenter {
    text-align: center
}
.alignmiddle * {
    vertical-align: middle
}
.color1 {
    color: #036991;
}
.title2 {
    font: 11px/18px Arial, Helvetica, sans-serif;
    color: #777e83;
    text-transform: uppercase;
}
.title-2 {
    color: #2e2220;
    font: 400 16px/24px 'Lato', sans-serif;
}
.title-2 a {
    color: #2e2220;
}
.title-2 a span {
    display: block;
}
.title-2 a:hover {
    color: #036991;
    text-decoration: none;
}
/*********************************header*************************************/

header {
    position: relative;
    z-index: 99;
    padding: 15px 15px 1px 15px;
    background: #fff;
    max-width: 940px;
    display: block;
    margin: 0 auto;
}
.marg {
    width: 100%;
    text-align: center;
}
.logo {
    float: left;
}
.logo a {
    position: relative;
    text-align: left;
    padding: 25px 0 0 0;
    display: block;
    background: #352824;
    border-bottom: 3px solid #120c0b;
    min-width: 237px;
    height: 89px;
}
.logo img {
    max-width: 100%;
    height: auto;
    margin-left: 11px;
}
/********************** Content ************************/

section#content {
    overflow: hidden;
    position: relative;
    z-index: 1;
    text-align: left;
}
.padcontent {
    padding: 3px 0 51px 0;
}
.padcontent2 {
    padding: 22px 0 15px 0;
}
.padcontent4 {
    padding: 10px 0 15px 0;
}
.padcontent3 {
    padding: 52px 0 44px 0;
}
.list1 {
    padding: 15px 0 22px 0;
}
.list1 li a {
    padding: 7px 0 7px 15px;
    background: url(/images/marker.png) 0 11px no-repeat;
}
.list1 li.active a.faq-que {
    background: url(/images/markerActive.png) 0 11px no-repeat!important;
}
.list1 li a {
    color: #036991;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.list1 li a:hover {
    color: #000;
    text-decoration: none;
}
.col1 {
    width: 235px;
    float: left;
    text-align: left;
    font: 12px/18px Arial, Helvetica, sans-serif;
}
.col1 a {
    color: #fff;
    display: block;
    position: relative;
    overflow: hidden;
    padding: 33px 64px 42px;
    text-align: center;
    height: 75px
}
.title {
    font: 600 22px/29px 'Courgette', sans-serif;
    letter-spacing: -1px;
    position: relative;
    z-index: 3;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #f9f9f9
    /*#f8bb1f*/
    color: #1f191d;
    /*width:30px;height:26px;*/
    border: 2px solid #f8e4ca;
    -webkit-box-shadow: 4px 4px 5px -1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 4px 4px 5px -1px rgba(50, 50, 50, 0.75);
    box-shadow: 4px 4px 5px -1px rgba(50, 50, 50, 0.75);
    padding: 2px 10px
}
.title.pad {
    padding: 2px 11px!important;
}
.resp-tab-item {
    position: relative
}
.optional_tag {
    position: absolute;
    width: 90px;
    height: 89px;
    background: url(/images/optional.png) top left no-repeat;
    top: -13px;
    left: -15px;
    z-index: 3
}
.overflow_visi {
    overflow: visible!important;
}
.col1 p {
    padding: 10px 0 0 2px;
    position: relative;
    z-index: 3;
    display: block;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 27px
}
.col1 a .mask {
    width: 235px;
    height: 172px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transform: translate(0, 172px) rotate(-80deg);
    -webkit-transform: translate(0, 172px) rotate(-80deg);
    -moz-transform: translate(0, 172px) rotate(-80deg);
    -o-transform: translate(0, 172px) rotate(-80deg);
    transition: all 0.2s 0.4s ease-in-out;
    -webkit-transition: all 0.2s 0.4s ease-in-out;
    -moz-transition: all 0.2s 0.4s ease-in-out;
    -o-transition: all 0.2s 0.4s ease-in-out;
}
.bgcolor1 {
    background: #03668e;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#036a91), to(#035a7f));
    background: -webkit-linear-gradient(#036a91, #035a7f);
    background: -moz-linear-gradient(#036a91, #035a7f);
    background: -ms-linear-gradient(#036a91, #035a7f);
    background: -o-linear-gradient(#036a91, #035a7f);
    background: linear-gradient(#036a91, #035a7f);
    -pie-background: linear-gradient(#036a91, #035a7f);
    border-bottom: 3px solid #012f50;
}
.bgcolor2 {
    background: #ffbb14;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffbc14), to(#ffb111));
    background: -webkit-linear-gradient(#ffbc14, #ffb111);
    background: -moz-linear-gradient(#ffbc14, #ffb111);
    background: -ms-linear-gradient(#ffbc14, #ffb111);
    background: -o-linear-gradient(#ffbc14, #ffb111);
    background: linear-gradient(#ffbc14, #ffb111);
    -pie-background: linear-gradient(#ffbc14, #ffb111);
    border-bottom: 3px solid #ff8e0d;
}
.bgcolor3 {
    background: #352724;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#352825), to(#2d211e));
    background: -webkit-linear-gradient(#352825, #2d211e);
    background: -moz-linear-gradient(#352825, #2d211e);
    background: -ms-linear-gradient(#352825, #2d211e);
    background: -o-linear-gradient(#352825, #2d211e);
    background: linear-gradient(#352825, #2d211e);
    -pie-background: linear-gradient(#352825, #2d211e);
    border-bottom: 3px solid #120c0b;
}
.bgcolor4 {
    background: #d2371b;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d2371c), to(#ca2f17));
    background: -webkit-linear-gradient(#d2371c, #ca2f17);
    background: -moz-linear-gradient(#d2371c, #ca2f17);
    background: -ms-linear-gradient(#d2371c, #ca2f17);
    background: -o-linear-gradient(#d2371c, #ca2f17);
    background: linear-gradient(#d2371c, #ca2f17);
    -pie-background: linear-gradient(#d2371c, #ca2f17);
    border-bottom: 3px solid #B12015;
    border-right: 1px solid #fff;
}
.col1.bgcolor1 .mask {
    background: #012f50;
}
.col1.bgcolor2 .mask {
    background: #ff8e0d;
}
.col1.bgcolor3 .mask {
    background: #120c0b;
}
.col1.bgcolor4 .mask {
    background: #8e241a;
}
.col1.bgcolor4:hover {
    border-bottom: 3px solid #500B07;
}
.col1 a:hover {
    text-decoration: none;
}
.col1 a:hover .mask {
    opacity: .7;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
}
.col2 {
    float: left;
    width: 220px;
    margin: 0 10px;
}
.col2.col3 {
    width: 300px;
}
.quotes {
    background: #eceae9;
    position: relative;
    padding: 13px 20px 14px;
    margin-top: 5px;
}
.quotes span {
    display: block;
    background: url(/images/quotes.png) 100% 0 no-repeat;
    width: 23px;
    height: 11px;
    position: absolute;
    bottom: -11px;
    left: 46%;
}
blockquote {
    font: 400 16px/24px 'Lato', sans-serif;
    color: #2e2220;
}
.quotes-link {
    text-align: center;
    padding: 27px 0 0 0;
}
.box2 img {
    float: left;
    margin: 6px 11px 0 0;
}
.box2 img.imgindent2 {
    margin: 6px 6px 0 0;
}
.box2 p {
    padding-bottom: 25px;
}
.box-product {
    background: #eceae9;
    padding: 20px 20px 12px 20px;
    border-bottom: 3px solid #eceae9;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.box-product .lightbox-image {
    display: block;
}
.box-product .title-2 {
    padding: 13px 0 3px 0;
}
.box-product .title-2 a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.box-product .title-2 a:hover {
    text-decoration: underline;
}
.box-product:hover {
    background: #d2371c;
    color: #fff;
    border-bottom: 3px solid #ac1308;
}
.box-product:hover .title-2 a {
    color: #fff;
}
.map {
    float: left;
    margin: 5px 21px 0 0;
}
.map iframe {
    width: 430px;
    height: 317px;
}
.contacts {
    display: block;
    overflow: hidden;
    font-style: normal;
}
.contacts span {
    display: inline-block;
    width: 58px;
}
/* Elastislide Style */

.es-carousel-wrapper {
    background: #eceae9;
    padding: 30px 30px 25px;
    position: relative;
    margin: 5px 0 0 0;
    z-index: 99
}
.es-carousel {
    overflow: hidden;
}
.es-carousel ul {
    overflow: hidden;
}
.es-carousel ul li {
    height: 100%;
    float: left;
    display: block;
}
.es-carousel ul li a {
    width: 140px;
    height: 56px;
    display: block;
}
.es-carousel ul li a.button1 {
    margin-top: 20px;
    display: inline-block;
}
.es-carousel ul li a.lightbox-image {
    display: inline;
}
.es-carousel ul li span {
    display: block;
}
.es-carousel ul li img {
    display: block;
    border: none;
    max-height: 100%;
    max-width: 100%;
}
.es-nav span.es-nav-next,
.es-nav span.es-nav-prev {
    display: block!important;
    position: absolute;
    top: -49px;
    line-height: 0;
    font-size: 0;
    width: 19px;
    text-indent: -5000px;
    height: 19px;
    z-index: 99;
    cursor: pointer;
    background-position: 0 0;
}
.es-nav span.es-nav-next {
    right: 0px;
    background-image: url(/images/carousel-arrow.png);
}
.es-nav span.es-nav-prev {
    right: 24px;
    background-image: url(/images/carousel-arrow2.png);
}
.es-nav span:hover {
    background-position: 0 -19px;
}
.dropcap {
    display: block;
    float: left;
    text-transform: uppercase;
    font: 400 60px/1.2em 'Lato', sans-serif;
    color: #fff;
    width: 76px;
    height: 76px;
    text-align: center;
    border-radius: 40px;
    margin: 8px 19px 9px 1px;
}
.dropcap span {
    display: block;
    margin-top: -2px;
}
.bgcolor2-1 {
    background: #03688f;
}
.bgcolor2-2 {
    background: #ffbc14;
}
.bgcolor2-3 {
    background: #352824;
}
.bgcolor2-4 {
    background: #d1371b;
}
/*  Buttons */

.button {
    display: inline-block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font: 12px/20px Arial, Helvetica, sans-serif;
    color: #fff;
    background: url(/images/button.jpg) 0 0 repeat-x;
    padding: 2px 9px 3px 11px;
    border-radius: 5px;
}
.button span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEBJREFUeNpiMFZT/g8EDMiYiQEITNRV/jMgASYYA1mCCVkFTAJF8MzNOyZAypgJTQAEzjKhC4BJqDOMkZ0EEGAA28IrBist5HYAAAAASUVORK5CYII=) 0 0 no-repeat;
    width: 5px;
    height: 8px;
    display: inline-block;
    margin: 7px 0 0 18px;
}
.button:hover {
    text-decoration: none;
    background: url(/images/button.jpg) 0 -25px repeat-x;
}
.button1 {
    text-transform: uppercase;
    color: #777e83;
}
/******************** Footer ******************/

footer {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: auto;
    font: 11px/20px Arial, Helvetica, sans-serif;
    color: #4e4e4e;
}
footer .container_12 {
    padding: 44px 0 50px;
}
footer a {
    color: #909090;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
footer a:hover {
    color: #000;
}
footer h1 {
    padding: 0px 0 15px 0;
}
footer h1 a {
    display: block;
    background: url(/images/logo-footer.png) 7px 0 no-repeat;
    width: 160px;
    height: 47px;
    text-indent: -5000px;
}
.copyright {
    color: #4e4e4e;
    margin-top: -53px;
}
.tooltips {
    position: relative;
    padding: 5px 0 0 0;
}
.tooltips li {
    display: inline-block;
    width: 102px;
    padding-bottom: 10px;
    padding-left: 1px;
}
.tooltips li a {
    color: #4e4e4e;
}
.tooltips li strong {
    display: inline-block;
    position: relative;
    margin: 1px 11px 0 0;
    width: 16px;
    height: 16px;
}
.tooltips li strong img {
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.tooltips li strong span {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
}
.tooltips li a:hover {
    color: #036991;
    text-decoration: none;
}
.tooltips li a:hover img {
    -webkit-transform: rotate(360deg) scale(1.2);
    -moz-transform: rotate(360deg) scale(1.2);
    -o-ttransform: rotate(360deg) scale(1.2);
    transform: rotate(360deg) scale(1.2);
}
/* padding */

.padtop {
    padding: 26px 0 0 0;
}
.padtop2 {
    padding-top: 52px;
}
.padtop3 {
    padding-top: 39px;
}
.padtop62 {
    padding-top: 32px;
}
.padtop6 {
    padding-top: 26px;
}
.padtop5 {
    padding-top: 21px;
}
.padtop52 {
    padding-top: 20px;
}
.padtop7 {
    padding-top: 17px;
}
.padtop4 {
    padding-top: 13px;
}
.padtop8 {
    padding-top: 10px;
}
.padtop9 {
    padding-top: 0px!important;
}
.padbot4 {
    padding-bottom: 20px;
}
.padbot {
    padding-bottom: 21px;
}
.padbot2 {
    padding-bottom: 23px;
}
.padbot32 {
    padding-bottom: 7px;
}
.padbot3 {
    padding-bottom: 28px;
}
.padbot00 {
    padding-bottom: 0!important;
}
.z1 {
    position: relative;
    z-index: 2
}
.z2 {
    position: relative;
    z-index: 3;
}
.imgindent {
    float: left;
    margin: 5px 21px 0 0;
}
.lineHght1 {
    line-height: 16px
}
/* Lightbox image */

.lightbox-image {
    display: inline-block;
    position: relative;
}
.lightbox-image img {
    position: relative;
    z-index: 2;
    max-width: 100%;
    height: auto;
}
.lightbox-image span {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(/images/magnify.png) 50% 50% no-repeat #fff;
}
.imgDiv728 {
    max-width: 728px;
    margin: 12px auto 15px auto;
}
.imgDiv728 img {
    max-width: 100%
}
.olNumbring {
    list-style: decimal;
    padding: 0 0 0 25px
}
.liBullet {
    list-style: disc;
    padding: 0 0 0 25px
}
.scrollup {
    background: url('/images/icon_top.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 100px;
    display: none;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    right: 20px;
    text-indent: -9999px;
    width: 40px;
    z-index: 9
}
.googleAdd160X600 {
    text-align: right
}
.accordion li .faq-ans {
    background: none repeat scroll 0 0 #F4F6F9;
    clear: both;
    display: block;
    margin-bottom: 1px;
    width: 100%;
    position: relative
}
.accordion li .faq-ans .innerpad {
    padding: 15px 13px
}
.accordion .faq-close {
    color: #fff;
    float: right;
    font-size: 11px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 4px;
    background: #000
}
.loginPanel {
    background: #e0e0e0;
    color: #2c2b2b;
    padding: 9px 0 9px 0;
    font-size: 12px;
    font-family: Tahoma, Helvetica, sans-serif;
    line-height: 25px
}
.loginPanel a {
    color: #036991;
    text-decoration: underline;
}
.loginPanel a:hover {
    text-decoration: none
}
.loginPanel .container_12 .grid_3 {
    text-align: left;
    margin-right: 0px
}
.loginPanel .grid_1 .buttons {
    padding-top: 0
}
.loginPanel .grid_1 .buttons strong {
    margin-right: 0px
}
.loginPanel .grid_1 .buttons strong .button {
    font-weight: bold!important;
    font-family: Tahoma, Helvetica, sans-serif!important;
    color: #fff!important;
    text-decoration: none!important;
}
.loginPanel .input_txt {
    border: 1px solid #d1cece;
    background: #fff;
    padding: 2px 3px;
    width: 175px
}
.loginPanel small {
    font-weight: normal;
}
.txt_login {
    width: 220px!important;
}
.txt_pass {
    width: 246px!important;
}
/* .cal_wrapper {
    margin-top: 25px
} */
.calculatorform .slideMenu {
    float: right;
    width: 243px;
    overflow: visible;
}
.cal_feature {
    float: right;
    width: 220px;
    min-height: 400px;
    padding-left: 20px;
    padding-right: 3px;
    background: url('/images/title_bg.gif') left top repeat-x
}
.rht_cut {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAERJREFUeNpinDFjxgQGBoYyIP7FgASYgNgPiOczoAGQBDMQRwFxO7oEP5RdAcSZyBLIYDIQO6Hr+AvEF4C4GohFAQIMAFCuCdb6tHd9AAAAAElFTkSuQmCC') left top no-repeat;
    width: 6px;
    height: 6px;
    position: absolute;
    right: -3px;
    top: -5px;
}
.lft_cut {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD9JREFUeNpinDFjBgMSYAPiLhYGVDAfiC2ZkATagTgKiJlhgplAXAFl84MEnYB4MrIZIMFqIL4AxH9hKgECDAAPywg+aaSzEAAAAABJRU5ErkJggg==') left top no-repeat;
    width: 5px;
    height: 6px;
    position: absolute;
    left: -6px;
    top: -5px;
}
.cal_feature_notify {
    background: #e1e1e1;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: left;
    font-size: 12px;
    width: 218px;
    margin-top: -4px;
    float: right;
    margin-right: 3px;
    color: #010101;
    line-height: 16px;
    padding: 5px 0;
    font-family: Tahoma, Helvetica, sans-serif;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75);
}
.cal_panel {
    margin-right: 243px;
    text-align: left;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 15px
}
h1.cal_tlt {
    width: 110%;
    font-size: 18px;
    font-weight: bold;
    font-family: Tahoma, Helvetica, sans-serif;
    background: url('/images/title_bg.gif') left top repeat-x;
    padding-top: 7px;
    padding-bottom: 7px;
    text-indent: 6px
}
h1.cal_tlt span {
    font-size: 12px;
    color: #e8301f;
    float: right;
    font-weight: normal;
    margin-right: 10px
}
.home_rht_accordion {
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #141414;
    width: 100%;
}
.home_rht_accordion li {
    text-align: left;
    border-bottom: 1px dashed #aaaaaa;
    width: 100%;
    float: left
}
.home_rht_accordion li.active a.faq-que {
    background: url(/images/accordion_minus.png) 0 16px no-repeat!important;
}
.home_rht_accordion li a.faq-que {
    color: #141414;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 14px 0 16px 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJBJREFUeNpi/P//PwM6uGgm4wGk5gAxMxBH6J96cpABC2BiwA7mA7E0EEsAcRcONTg1SyCxzUjVTBSgSDPjBVNpe6i/zIjU8xGIFwNxGQuQWIHmR0KAH4hzgPgyyNl/KfFzChC/IFHfMpDTGXEkEhRBYCJhHFxRxURk1JCkeRkSezEuzSw4xEExcJCQZoAAAwCE7R6P8JqWwwAAAABJRU5ErkJggg==) 0 16px no-repeat;
    float: left;
    width: 88%
}
.home_rht_accordion li a:hover {
    color: #000;
    text-decoration: none;
}
.home_rht_accordion li .faq-ans {
    background: #faf8f8;
    float: left;
    margin-bottom: 1px;
    width: 100%;
    position: relative
}
.home_rht_accordion li .faq-ans .innerpad {
    padding: 10px 9px
}
.additional_feature {
    color: #141414;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin-bottom: 25px;
    margin-top: 17px;
    width: 100%;
}
.additional_feature li {
    text-align: left;
    border-bottom: 1px dashed #aaaaaa;
    width: 100%;
    float: left
}
.additional_feature li a.faq-que {
    color: #141414;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 9px 0 11px 23px;
    background: url(/images/accordion_minus.png) 0 13px no-repeat;
    float: left;
    width: 88%
}
.additional_feature li a:hover {
    color: #000;
    text-decoration: none;
}
.additional_feature li .faq-ans {
    background: #faf8f8;
    float: left;
    margin-bottom: 1px;
    width: 100%;
    position: relative
}
.additional_feature li .faq-ans .innerpad {
    padding: 10px 9px
}
.rht_feature_row {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    font-size: 13px;
    font-family: Tahoma, Helvetica, sans-serif;
}
.rht_feature_row label {
    font-weight: bold;
    color: #2c2b2b
}
.rht_feature_row .input_txt {
    width: auto;
    border: 1px solid #d1cece;
    background: #fff;
    padding: 2px 3px;
    font-size: 13px;
}
.w113 {
    width: 113px;
    display: inline-block
}
.radioCheck {
    margin-left: 0px
}
.subLink {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEBJREFUeNpiMFZT/g8EDMiYiQEITNRV/jMgASYYA1mCCVkFTAJF8MzNOyZAypgJTQAEzjKhC4BJqDOMkZ0EEGAA28IrBist5HYAAAAASUVORK5CYII=) 3px 7px no-repeat!important;
    padding-left: 11px;
    text-decoration: underline;
}
.subLink.active {
    background: url(/images/button-arrow-down.png) 0 7px no-repeat!important;
}
.week_frm_to {
    border-bottom: 1px solid #e0dfdf;
    padding: 18px 0;
    line-height: 21px;
    margin-bottom: 17px
}
.week_frm_to div {
    display: inline-block;
    font-weight: bold
}
/*
.txt_time_panel{ margin-left:53px}
*/

.txt_time_panel div {
    display: inline-block
}
.txt_time_panel .abs_txt {
    width: 25px;
    text-align: center
}
.txt_time_panel .abs_txt .gray_arrow {
    width: 32px
}
.widthDynamic {
    text-align: right
}
.txt_total {
    display: table-cell;
    vertical-align: middle
}
.gray_arrow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAYAAAD37n+BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEZJREFUeNpi/N/HW8fAwNDIQByoZ/z//z8DQz8fMZrqGQo/NUE0gAB+TWDFIAZCA25NcMWYGjA1oSjGrgGhiQFdMQgABBgAAV0lEGnqYWkAAAAASUVORK5CYII=) center top no-repeat;
    position: absolute;
    width: 66px;
    height: 6px;
    bottom: -7px;
    left: 0px
}
.total_panel {
    background: #FAF8F8
}
.txt_total_panel {
    margin-left: 160px;
    text-align: left
}
.txt_total_panel div {
    display: inline-block
}
.total_lable {
    background: #ebebeb url(/images/num_bg.gif) left top repeat-x;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 18px;
    border: 1px solid #d1cece;
    padding: 2px 3px;
    float: left;
    width: 140px;
    font-size: 13px;
    font-weight: bold
}
.pos_rel {
    position: relative
}
.txt_total.pos_rel .abs_txt {
    width: 59px;
    text-align: center
}
.total_panel .first_row {
    margin-top: 34px!important;
}
.txt_total .txt_box {
    width: 75px!important;
    font-size: 13px!important;
    margin-left: 0px!important;
    padding-left: 0px!important;
    text-align: center
}
.txt_total_panel .txt_space {
    text-align: right!important;
}
.txt_box {
    border: 1px solid #868686!important;
    background: #fff!important;
    padding: 0 0 0 3px!important;
    height: 21px;
    line-height: 21px;
    margin-left: 5px!important;
}
.txt_to {
    margin-left: 10px
}
.txt_week {
    margin-left: 7px
}
.w100 {
    width: 100px!important;
}
.w60 {
    width: 60px!important;
}
.w40 {
    width: 40px!important;
}
.w100p {
    width: 100%
}
.marb5 {
    margin-bottom: 5px
}
.marb15 {
    margin-bottom: 15px
}
.day_panel {
    padding: 8px 0;
    display: table;
    font-size: 14px;
    width: 100%
}
.note_panel {
    font-size: 14px;
    padding: 8px 0;
}
.am_pm_drop {
    height: 22px;
    border: 1px solid #868686!important;
    vertical-align: middle;
    margin-left: 4px
}
.txt_day {
    width: 47px;
    padding-left: 7px;
    display: inline-block;
}
.first_row {
    margin-top: 49px
}
.left20 {
    left: 20px!important;
}
.abs_txt {
    position: absolute;
    top: -40px;
    left: 0px;
    border: 1px solid #ff8e0d;
    padding: 2px 3px;
    background: #ffbb14;
    color: #000;
    font-weight: bold
}
.in_time_slot {
    position: relative
}
.in_time_slot input {
    margin: 0!important;
    padding-left: 0px!important;
}
.out_time_slot {
    padding-left: 20px;
    position: relative
}
.out_time_slot input {
    margin: 0!important;
    padding-left: 0px!important;
}
.txt_space {
    width: 20px;
    vertical-align: middle;
    text-align: center
}
.list_num {
    background: #ebebeb url(/images/num_bg.gif) left top repeat-x;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 18px;
    border: 1px solid #d1cece;
    padding: 2px 3px;
    display: inline-block
}
.txt_box_total {
    border: 2px solid #000!important;
    background: #666!important;
    padding: 0 0 0 3px!important;
    height: 19px;
    line-height: 19px;
    margin-left: 0!important;
    color: #fff!important;
    text-align: center
}
.cal_total {
    margin-top: 25px;
    margin-bottom: 0px;
    border-bottom: 1px solid #e0dfdf
}
.toggle_icon {
    background: url(/images/accordion_plus_black.png) 0 0 no-repeat;
    width: 15px;
    height: 15px;
    margin-top: 4px
}
.cal_tlt.active .toggle_icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE9JREFUeNpi/P//PwO5gImBAjBENbO4urraA+kuIDYjUs9HIF4MxGUsQGIFEEuQYCE/EOcA8WWQs/9S4ucUIH5Bor5lIKczjiYSOmoGCDAAy88Pk4UHmpAAAAAASUVORK5CYII=) 0 0 no-repeat;
}
.cal_total .cal_tlt {
    cursor: pointer
}
.innerPad {
    padding: 6px 7px 3px
}
.txt_area {
    border: 1px solid #868686!important;
    background: #fff!important;
    width: 99.6%;
    height: 40px;
    padding: 0px;
    resize: none
}
.calculate_week1_ads {
    display: none;
    padding: 10px;
}
.calculate_week2_ads {
    display: none;
    padding-bottom: 10px;
}
/*.calculate_panel{margin-top:4px;width:265px!important;float:left;margin-left:50px;}*/

.calculate_panel {
    margin-top: 4px;
    width: 28%!important;
    float: left;
    margin-left: 3%;
}
.calculate_panel_ads {
    margin-top: 4px;
    width: 300px!important;
    float: right;
    margin-left: 50px;
    padding-bottom: 10px;
}
.calculate_panel_mar {
    margin-top: 54px!important;
}
.calculate_panel li {
    float: left;
    margin-right: 10px;
    margin-bottom: 7px
}
.button_panel {
    background: #e1e1e1;
    margin-top: 7px!important;
}
.button_panel li {
    float: left
}
.button_panel li.last {
    margin-bottom: 0px!important;
}
.button_panel .buttons {
    padding-top: 0px;
    margin-top: 8px
}
.button_panel .buttons strong {
    margin-right: 0
}
.button_panel .buttons strong .button {
    font-size: 14px
}
.icon_print {
    background: url(/images/icon_print.png) center 0 no-repeat;
    width: 55px;
    height: 46px;
    display: inline-block;
    margin: 0 10px
}
.icon_download {
    background: url(/images/icon_download.png) center 0 no-repeat;
    width: 55px;
    height: 46px;
    display: inline-block;
    margin: 0 10px
}
.icon_email {
    background: url(/images/icon_email.png) center 0 no-repeat;
    width: 55px;
    height: 46px;
    display: inline-block;
    margin: 0 10px
}
.icon_save {
    background: url(/images/icon_save.png) center 0 no-repeat;
    width: 55px;
    height: 46px;
    display: inline-block;
    margin: 0 10px
}
.total_calculate_panel {
    float: right
}
.icon_clear_all,
.icon_calculate {
    position: relative;
    line-height: 64px;
    display: inline-block;
    padding: 0 18px 0 60px;
    font-size: 16px;
    font-family: Tahoma, Helvetica, sans-serif;
    font-weight: bold;
    color: #010101;
    height: 64px;
    /*background:url(/images/btn_border_img.gif) 0 0 repeat-y;*/
}
.icon_clear_all span {
    background: url(/images/icon_clearall.png) 0 0 no-repeat;
    width: 36px;
    height: 39px;
    position: absolute;
    left: 16px;
    top: 17px
}
.icon_calculate span {
    background: url(/images/icon_calculator.png) 0 0 no-repeat;
    width: 36px;
    height: 39px;
    position: absolute;
    left: 16px;
    top: 14px
}
.button_panel .innerPad {
    padding: 10px 10px 8px!important;
}
.customizeTab {
    position: absolute;
    display: none;
    top: 50%;
    left: -109px;
    cursor: pointer;
    background: url(/images/button.jpg) repeat-x;
    padding: 5px 10px 15px;
    transform: translateY(-50%) rotate(270deg);
    color: #fff;
    font-size: 14px;
    text-decoration: none!important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.close-slideMenu {
    display: none;
    z-index: 1;
}
.details_tbl td::before {
    display: none;
}
.details_tbl th,
.rwd-table td {
    display: table-cell;
    padding: .25em .5em;
}
.details_tbl th:first-child,
.details_tbl td:first-child {
    padding-left: 0;
}
.details_tbl th:last-child,
.details_tbl td:last-child {
    padding-right: 0;
}
.details_tbl th,
.details_tbl td {
    padding: 1em!important;
}
.details_tbl {
    border: 1px solid #ccc;
    font-size: 13px;
    font-family: Tahoma, Helvetica, sans-serif;
    color: #333;
    table-layout: fixed;
    min-width: 98%;
}
.details_tbl th {
    background: #333333;
    color: #fff;
}
.details_tbl th,
.details_tbl td {
    border-right: 1px solid #ccc;
    padding: 10px 6px
}
.details_tbl td {
    word-wrap: break-word;
}
.details_tbl td a {
    color: #000;
    text-decoration: underline;
}
.details_tbl td a:hover {
    text-decoration: none
}
.details_tbl tr.alt_row {
    background: #eee
}
.total_row {
    background: #9e9a9a;
    color: #fff!important;
    font-weight: bold
}
.w70_col {
    width: 70px!important;
}
.center_col {
    width: 100px!important;
    text-align: center!important;
}
.txtCenter_col {
    text-align: center!important;
}
.txtRht_col {
    text-align: right!important;
}
.myAcTlt {
    margin-top: 10px;
    margin-bottom: 6px
}
.buttons_black {
    padding-top: 0;
}
.buttons_black strong {
    margin-right: 0px
}
.button_black {
    font-weight: bold!important;
    color: #fff!important;
    text-decoration: none!important;
    display: inline-block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font: 12px/20px Arial, Helvetica, sans-serif;
    color: #fff;
    background: #393532;
    padding: 2px 9px 3px 11px;
    border-radius: 5px;
}
.logout_panel {
    background: #eee;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    font-family: Tahoma, Helvetica, sans-serif;
    margin-bottom: 5px;
    line-height: 25px;
    text-align: left;
}
.marL10 {
    margin-left: 10px
}
.marR10 {
    margin-right: 10px
}
.marT5 {
    margin-top: 5px
}
.marT10 {
    margin-top: 10px
}
.marT15 {
    margin-top: 15px
}
.marB10 {
    margin-bottom: 10px
}
.padLR10 {
    padding-left: 10px;
    padding-right: 10px
}
.padLR0 {
    padding-left: 0!important;
    padding-right: 0px!important;
}
.marLR0 {
    margin-left: 0!important;
    margin-right: 0px!important;
}
.welcome_txt {
    float: left
}
.show_hide_lnk {
    margin-left: 10px;
}
.show_hide_lnk a {
    font: 12px/20px Tahoma, Helvetica, sans-serif;
    color: #036991;
    font-weight: bold;
    text-decoration: underline
}
.show_hide_lnk a:hover {
    text-decoration: none
}
.show_hide_lnk a.first {
    border-right: 2px solid #2c2b2b;
    padding-right: 8px;
}
.show_hide_lnk a.last {
    padding-left: 4px;
}
#mask {
    display: none;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 999;
}
.display_mobile {
    display: none
}
.cell_abs_txt {
    display: none!important;
}
.feature_fix_panel .rel_panel {
    position: relative;
}
.txt_bold {
    font-weight: 600;
    font-size: 16px;
    font-family: 'Lato', sans-serif
}
.cal_feature_notify .innerPad {
    padding: 0px 10px
}
/*.total_panel_width{ float:left}*/

.total_panel_width {
    float: left;
    width: 28%;
}
body.weeks-2 .total_panel_width {
    width: 40%;
}
.total_panel_width table {
    width: 100%;
}
.rel_drop {
    position: relative;
    width: 53px;
    margin-left: 6px
}
span.select {
    background: url('/images/num_bg.gif') repeat-x scroll left top #ebebeb;
    border: 1px solid #d1cece;
    top: 0;
    cursor: default;
    float: left;
    height: 28px;
    left: 0;
    line-height: 26px;
    position: absolute;
    text-indent: 10px;
    width: 100%;
    z-index: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
span.select i {
    background: url('/images/drop-arrow.png') no-repeat left center;
    float: right;
    width: 15px;
    height: 29px
}
select.select {
    height: 26px;
    line-height: 26px;
    position: relative;
    width: 100%;
    z-index: 10;
}
.actionIcon {
    position: relative
}
.actionMenu {
    position: absolute;
    z-index: 9991;
    top: 28px;
    right: 0px;
    float: left;
    background: #f5f5f5;
    padding: 10px;
    width: 284px;
    background: #fff;
    border: 1px solid #bfbfbf;
    -moz-box-shadow: 0px 2px 3px 0px #393939;
    -webkit-box-shadow: 0px 2px 3px 0px #393939;
    box-shadow: 0px 2px 3px 0px #393939;
    text-align: left
}
.over_visable {
    overflow: visible!important;
}
.pos_rel {
    position: relative
}
.arrow-up {
    position: absolute;
    top: -15px;
    right: 10px;
    background: url('/images/popup-arrow.png') no-repeat left top;
    width: 30px;
    height: 15px
}
.popup-tlt {
    font-size: 16px;
    border-bottom: 1px dashed #919191;
    padding-bottom: 0;
    line-height: 20px;
    margin-bottom: 10px
}
.popup-form-row {
    margin: 5px 0
}
.popup-form-row .label-col {
    float: left;
    width: 115px;
    font-size: 11px
}
.popup-form-row .input-col {
    margin-left: 115px
}
.popup-btn {}
.popup-btn .buttons {
    padding-top: 0px!important;
}
.popup-btn .buttons strong {
    margin-right: 0px!important;
}
.popup-btn .buttons strong a {
    color: #fff!important;
    padding: 2px 36px 3px 31px!important;
    text-decoration: none
}
/* Mask for background, by default is not display */

#mask {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100% ;
    opacity: 0.8;
    z-index: 999;
    bottom:0;
}
/* You can customize to your needs  */

.login-popup {
    display: none;
    background: #fff;
    padding: 10px;
    border: 4px solid #000;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    /* Firefox */
    -webkit-border-radius: 3px;
    /* Safari, Chrome */
    width: 250px;
}
.error-popup {
    display: none;
    background: #fff;
    padding: 10px;
    border: 4px solid #000;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    /* Firefox */
    -webkit-border-radius: 3px;
    /* Safari, Chrome */
    width: 400px;
}
img.btn_close {
    float: right;
    margin: -28px -28px 0 0;
}
img.add-account {
    width: 25px;
    margin-top: -21px;
    margin-right: -22px;
}
.account-right {
    right: 90px;
}
.forgot-right-arrow {
    right: 70px;
}
.popup-mask .popup-form .popup-form-row {
    margin: 12px 0!important;
}
.popup-mask .popup-form .popup-form-row .label-col {
    width: 68px!important;
    font-size: 13px!important;
    font-weight: bold
}
.popup-mask .popup-form .popup-form-row .input-col {
    margin-left: 70px!important;
}
.popup-mask .popup-form .popup-form-row .input_txt {
    border: 1px solid #d1cece;
    background: #fff;
    padding: 2px 3px;
    width: 175px
}
.note-txt {
    font-size: 11px;
    color: #a0a0a0
}
.popup-btn .buttons strong a {
    padding: 2px 26px 3px 21px!important;
}
.btn-dis {
    background: url(/images/btn_dis.jpg) 0 -25px repeat-x!important;
}
.input_txt.input-txt-fix {
    width: 97px!important;
}
.secondWeek {
    display: none
}
.weektitle,
.weektitle_military {
    margin-top: 50px!important;
    position: relative;
    margin-left: 82px;
    font-size: 14px;
}
.weektitle .abs_txt,
.weektitle_military .abs_txt {
    line-height: normal!important;
    text-align: center;
    width: 25px;
    display: inline-block;
}
.weektitle .gray_arrow,
.weektitle_military .gray_arrow {
    width: 32px;
}
.weektitle .left20 {
    left: 228px!important;
}
.weektitle_military .left20 {
    left: 95px!important;
}
#week_info .day_panel input {
    background: none repeat scroll 0 0 #fff!important;
    border: 1px solid #868686!important;
    height: 28px!important;
    line-height: 28px!important;
    margin: 0!important;
    padding: 0!important;
    text-align: center;
    width: 58px!important;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
#week_info .day_panel .gray_inputbox {
    background: none repeat scroll 0 0 #666!important;
    border: 2px solid #000!important;
    height: 28px!important;
    line-height: 28px!important;
    color: #fff!important;
    padding: 0 0 0 3px!important;
    text-align: center;
    width: 70px!important;
}
#week_info .day_total input {
    background: none repeat scroll 0 0 #666!important;
    border: 2px solid #000!important;
    color: #fff!important;
    font-size: 14px;
    height: 28px!important;
    line-height: 28px!important;
    margin-left: 10px;
    padding: 0 0 0 3px!important;
    text-align: center;
    width: 70px!important;
}
#week_info .selectbox {
    background: url('/images/num_bg.gif') repeat-x scroll left top #ebebeb;
    border: 1px solid #d1cece;
    border-radius: 5px;
    cursor: default;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 100%;
    height: 30px!important;
    margin: 0 5px!important;
    padding: 3px;
    position: absolute;
    text-indent: 0;
    vertical-align: middle;
    width: 54px!important;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}
#week_info .day_total {
    line-height: 28px;
    padding-right: 163px;
    text-align: right;
}
#week_info .militaryDayTotal {
    padding-right: 279px;
}
#week_info .txt_space {
    padding-left: 10px;
}
.graybuttom {
    display: table;
    font-size: 14px;
    padding: 8px 0;
    width: 100%;
}
#calculatorTotal2 .graybuttom {}
.graybuttom span,
#calculatorTotal2 tr span {
    display: inline-block;
    font-size: 14px;
    height: 29px;
    line-height: 29px!important;
    text-align: center;
    width: 18px;
}
.graybuttom span.buttom,
#calculatorTotal2 tr .graybuttom {
    background: url('/images/num_bg.gif') repeat-x scroll left top #ebebeb;
    border: 1px solid #d1cece;
    border-radius: 5px;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 24px!important;
    line-height: 24px!important;
    padding: 2px 3px;
    text-align: center!important;
    width: 140px!important;
}
#calculatorTotal2 th {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAYAAAD37n+BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEZJREFUeNpi/N/HW8fAwNDIQByoZ/z//z8DQz8fMZrqGQo/NUE0gAB+TWDFIAZCA25NcMWYGjA1oSjGrgGhiQFdMQgABBgAAV0lEGnqYWkAAAAASUVORK5CYII=') no-repeat scroll 60% 22px rgba(0, 0, 0, 0);
    width: 95px!important;
}
#calculatorTotal2 th .graybuttom {
    background: none repeat scroll 0 0 #ffbb14;
    border: 1px solid #ff8e0d;
    border-radius: 0;
    color: #000;
    display: inline-block;
    float: none;
    height: 16px!important;
    line-height: 16px!important;
    margin-left: 10px;
    padding: 2px 3px;
    width: 70px!important;
    float: right;
}
.graybuttom .gray_inputbox,
#calculatorTotal2 .gray_inputbox {
    background: none repeat scroll 0 0 #666!important;
    border: 2px solid #000!important;
    color: #fff!important;
    font-size: 14px;
    height: 26px!important;
    line-height: 26px!important;
    margin-left: 0!important;
    padding: 0 0 0 3px!important;
    text-align: center;
    width: 70px!important;
    float: right;
}
.graybuttom .yellow_inputbox,
#calculatorTotal2 .yellow_inputbox {
    background: none repeat scroll 0 0 #fff!important;
    border: 1px solid #868686!important;
    height: 21px;
    line-height: 21px;
    margin-left: 5px!important;
    padding: 0 0 0 3px!important;
    font-size: 13px!important;
    margin-left: 0!important;
    padding-left: 0!important;
    text-align: center;
    width: 75px!important;
    height: 28px!important;
    float: right;
    line-height: 28px!important;
}
#sick_vacation input {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d1cece;
    font-size: 13px;
    padding: 2px 3px;
    width: 17px;
}
#sick_vacation label {
    color: #2C2B2B;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
}
.fixedLunch {
    color: #f00;
    display: inline-block;
}
div.fixedLunch {
    font-size: small;
    padding-bottom: 5px;
    vertical-align: bottom;
}
/*=====================================*/

#printArea {
    min-height: 300px;
    position: relative;
    overflow: auto;
}
#printArea .wrapper {
    margin-bottom: 15px;
    margin-top: 5px;
}
.download_email,
.managerOrder,
.managerShow {
    float: left;
}
.managerShow {
    padding: 0 23px;
}
#manager_outBox {
    background: none repeat scroll 0 0 #fff;
    border: 4px solid #000;
    border-radius: 3px;
    display: none;
    float: left;
    font-size: 1.2em;
    left: 50%;
    padding: 10px;
    position: fixed;
    top: 50%;
    width: 277px;
    z-index: 99999;
}
.download_email a,
.download_email_back .manager_download,
.download_email_back .manager_sendEmail {
    margin-right: 10px;
    background: url('/images/button.jpg') repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font: 12px/20px Arial, Helvetica, sans-serif;
    padding: 2px 9px 3px 11px;
    transition: all 0.5s ease 0s;
}
.download_email_back {
    padding-right: 20px;
    text-align: right;
}
.managerShow a {
    color: #036991;
    font: bold 12px/20px Tahoma, Helvetica, sans-serif;
    text-decoration: underline;
    padding: 5px 0;
    display: inline-block;
}
.managerShow a:not(:last-child)::after {
    content: '|';
    display: inline-block;
    margin: 0 5px;
    pointer-events: none;
    color: initial;
}
.managerForm {
    border: 1px solid #ccc;
    color: #333;
    font-family: Tahoma;
    font-size: 13px;
    min-width: 98%;
    table-layout: fixed;
    margin-top: 5px;
}
.managerForm th:first-child,
.managerForm td:first-child {
    padding-left: 0;
}
.managerForm th,
.managerForm td {
    border-right: 1px solid #ccc;
    padding: 10px 6px;
}
.managerForm th {
    background: none repeat scroll 0 0 #333333;
    color: #fff;
}
.managerForm th,
.managerForm td {
    padding: 1em!important;
}
.managerForm th {
    display: table-cell;
    padding: 0.25em 0.5em;
}
.managerForm tr.alt_row0 {
    background: none repeat scroll 0 0 #eee;
}
#managerTotal {
    background: none repeat scroll 0 0 #9E9A9A;
    color: #fff!important;
    font-weight: bold;
}
.managerForm td a {
    color: #000;
    text-decoration: underline;
}
.managerForm .center_col {
    width: auto!important;
}
#msg,
#saveMsg {
    color: #f00;
}
.managerForm .sick_hours,
.managerForm .vacation_hours {
    display: none;
    font-weight: normal;
}
.home_rht_accordion.first {
    margin-top: 15px;
}
.desktop_view .week_frm_to {
    line-height: 27px!important;
}
.desktop_view .first_row {
    margin-top: 50px!important;
}
.desktop_view .day_panel {
    padding: 8px 0
}
.desktop_view .list_num {
    width: 43px!important;
    text-align: center;
    height: 24px!important;
    line-height: 25px!important;
    font-weight: bold
}
.desktop_view .txt_box.w40 {
    width: 58px!important;
}
.desktop_view .am_pm_drop.w60 {
    width: 54px!important;
}
.desktop_view .am_pm_drop {
    margin-left: 0!important;
}
.desktop_view .txt_box {
    height: 28px!important;
    line-height: 28px!important;
}
.desktop_view .txt_space {
    height: 29px;
    line-height: 29px!important;
    width: 30px!important;
}
.desktop_view .txt_box_total {
    height: 26px!important;
    line-height: 26px!important;
}
.desktop_view .txt_time_panel {
    display: inline-block;
    margin-left: 10px;
}
.desktop_view .am_pm_drop {
    height: 30px!important;
}
.desktop_view .total_lable {
    height: 24px!important;
    line-height: 24px!important;
}
.desktop_view .txt_total_panel {
    text-align: left
}
.desktop_view.cal_total {
    margin-top: 0px!important;
}
/* 29-07-2019 */

.wrapper-before-ads .google-ads {
    float: left;
    width: 38%;
    margin-left: 3%!important;
}
.wrapper-before-ads::after {
    content: '';
    display: table;
    clear: both;
}
.wrapper-before-ads {
    margin-bottom: 15px;
    margin-top: 15px;
}
/*==========================================*/

@media only screen and (min-width: 995px) {
    .txt_box_total.w60 {
        width: 70px!important;
    }
    .home_rht_accordion li a.faq-que {
        padding: 14px 0 14px 23px!important;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJBJREFUeNpi/P//PwM6uGgm4wGk5gAxMxBH6J96cpABC2BiwA7mA7E0EEsAcRcONTg1SyCxzUjVTBSgSDPjBVNpe6i/zIjU8xGIFwNxGQuQWIHmR0KAH4hzgPgyyNl/KfFzChC/IFHfMpDTGXEkEhRBYCJhHFxRxURk1JCkeRkSezEuzSw4xEExcJCQZoAAAwCE7R6P8JqWwwAAAABJRU5ErkJggg==) 0 16px no-repeat!important;
    }
    .home_rht_accordion.first {
        margin-top: 40px;
    }
    .home_rht_accordion li.active a.faq-que {
        background: url(/images/accordion_minus.png) 0 16px no-repeat!important;
    }
    .additional_feature li a.faq-que {
        padding: 16px 0 18px 23px;
        background: url(/images/accordion_minus.png) 0 16px no-repeat!important;
    }
    .additional_feature li .faq-ans .innerpad {
        padding: 12px 9px!important;
    }
    .home_rht_accordion li .faq-ans .innerpad {
        padding: 12px 9px!important;
    }
    .container_12 .grid_4.login_lnk {
        width: 290px!important;
    }
    .footer_para .padtop8 {
        padding-top: 17px!important;
    }
    .copyright {
        margin-top: -66px!important;
        line-height: 18px!important;
    }
    .tooltips li {
        padding-bottom: 5px!important;
    }
    .in_time_slot {
        line-height: 27px
    }
    .out_time_slot {
        line-height: 27px
    }
    .in_time_slot .abs_txt,
    .out_time_slot .abs_txt {
        line-height: normal!important;
    }
    .button_panel {
        margin-left: 59px;
        width: 325px!important;
        float: left;
    }
    .icons_panel {
        width: 155px
    }
    .total_calculate_panel {
        float: left!important;
        width: 150px;
        background: url(/images/btn_border_img.gif) 0 0 repeat-y
    }
    .button_panel li {
        margin-bottom: 15px
    }
    .footer_panel .grid_3 {
        width: 220px!important;
    }
    .footer_panel .grid_9 {
        width: 690px!important;
    }
    .weektitle_military .left20 {
        left: 80px!important;
    }
    #week_info .militaryDayTotal {
        padding-right: 265px;
    }
    .weektitle .left20 {
        left: 212px!important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 995px) {
    body.weeks-2 .total_panel_width {
        width: 50%;
    }
    .logo a {
        min-width: 232px;
        text-align: center;
    }
    .logo a img {
        margin: 0;
    }
    header,
    footer,
    .bg2 {
        width: 748px;
    }
    .col1 {
        width: 186px!important;
    }
    .col1 a {
        padding: 33px 40px 42px!important;
    }
    .col1 a .mask {
        width: 187px;
        height: 190px;
    }
    .title,
    .title span {
        font-size: 18px!important;
    }
    .col2 {
        width: 172px!important;
    }
    .col2.col3 {
        width: 236px!important;
    }
    .copyright {
        margin-top: -87px!important;
    }
    .tooltips li {
        width: 80px;
    }
    header {
        padding: 10px 10px 1px 10px;
    }
    .bg2 {
        padding: 2px 10px 0 10px;
    }
    .indent {
        overflow: auto;
        float: left;
    }
    .dropcap {
        margin: 8px 5px 9px 1px;
    }
    .map {
        margin-right: 15px;
    }
    .map iframe {
        width: 330px;
        height: 260px;
    }
    .container_12 .grid_8 {
        width: 429px!important;
    }
    .container_12 .grid_4 {
        width: 299px!important;
    }
    .txt_login {
        width: 138px!important;
    }
    .txt_pass {
        width: 160px!important;
    }
    .loginPanel .input_txt {
        width: 89px!important;
    }
    .popup-form-row .input-col .input_txt {
        width: 160px!important;
    }
    .loginPanel .grid_1.login_btn {
        width: 56px!important;
    }
    .arrow {
        left: 58px!important;
    }
    .details_tbl {
        width: 100%!important;
    }
    .desktop_view .txt_total_panel {
        text-align: left
    }
    .desktop_view .first_row {
        margin-top: 50px!important;
    }
    .desktop_view.cal_total {
        margin-top: 0px!important;
    }
    .desktop_view .list_num {
        width: 29px!important;
        text-align: center!important;
    }
    .desktop_view .day_panel {
        padding: 9px 0!important;
        width: 471px;
    }
    .week_frm_to {
        padding: 22px 0!important;
    }
    .button_panel {
        margin-left: 30px;
        width: 325px!important;
        float: left;
    }
    .icons_panel {
        width: 155px
    }
    .total_calculate_panel {
        float: left!important;
        width: 150px;
        background: url(/images/btn_border_img.gif) 0 0 repeat-y
    }
    .button_panel li {
        margin-bottom: 15px
    }
    .footer_para .padtop8 {
        padding-top: 12px;
    }
    .tooltips li {
        padding-bottom: 4px!important;
    }
    .am_pm_drop.w60 {
        width: 45px!important;
    }
    .home_rht_accordion li a.faq-que {
        padding: 12px 0 12px 23px!important;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJBJREFUeNpi/P//PwM6uGgm4wGk5gAxMxBH6J96cpABC2BiwA7mA7E0EEsAcRcONTg1SyCxzUjVTBSgSDPjBVNpe6i/zIjU8xGIFwNxGQuQWIHmR0KAH4hzgPgyyNl/KfFzChC/IFHfMpDTGXEkEhRBYCJhHFxRxURk1JCkeRkSezEuzSw4xEExcJCQZoAAAwCE7R6P8JqWwwAAAABJRU5ErkJggg==) 0 14px no-repeat!important;
    }
    .home_rht_accordion.first {
        margin-top: 35px!important;
    }
    .home_rht_accordion li.active a.faq-que {
        background: url(/images/accordion_minus.png) 0 14px no-repeat!important;
    }
    .additional_feature li a.faq-que {
        background: url(/images/accordion_minus.png) 0 11px no-repeat!important;
    }
    .desktop_view .rel_drop {
        width: 46px!important;
    }
    .desktop_view .am_pm_drop.w60 {
        width: 48px!important;
    }
    .desktop_view .am_pm_drop {
        margin-left: 0!important;
    }
    .desktop_view span.select {
        height: 22px;
        line-height: 22px;
        text-indent: 8px!important;
    }
    .desktop_view select.select {
        height: 22px;
        line-height: 22px;
    }
    .txt_total .txt_box {
        width: 65px!important;
    }
    .popup-form .popup-form-row .input_txt.input-txt-fix {
        width: 97px!important;
    }
    .additional_feature {
        margin-top: 95px;
    }
    .desktop_view .txt_time_panel {
        margin-left: 0;
    }
    #week_info .day_panel input {
        width: 40px!important;
    }
    #week_info .day_panel .gray_inputbox,
    #week_info .day_total input {
        width: 50px!important;
    }
    #week_info .day_total {
        /* padding-right: 133px; */
        padding-right: 89px;
    }
    #week_info .militaryDayTotal {
        padding-right: 215px;
    }
    .weektitle,
    .weektitle_military {
        margin-left: 52px;
    }
    .weektitle_military .left20 {
        left: 64px!important;
    }
    .weektitle .left20 {
        left: 170px!important;
    }
    .defaultweek .fixedLunch {
        display: block;
        text-align: right;
    }
    .day_total .fixedLunch {
        display: inline;
    }
    .total_panel_width {
        width: 35%;
    }
    .calculate_panel {
        width: 18%!important;
    }
    #week_info .selectbox {
        width: 58px!important;
    }
}
@media screen and (max-width: 995px) {
    .download_email_back {
        padding-right: 0;
    }
    .managerShow {
        padding: 0 10px;
    }
    .download_email_back > a {
        margin-right: 5px!important;
    }
    .download_email_back > a:last-child {
        margin-right: 0!important;
    }
    .managerForm th {
        min-width: 100px;
    }
    .managerForm th:nth-last-child(1),
    .managerForm th:nth-last-child(2),
    .managerForm th:nth-last-child(3) {
        min-width: 60px;
    }

}
@media only screen and (max-width: 767px) {
    footer h1 {
        display: none;
    }
    #calculatorTotal2 th {
        background-position-x: 65%;
    }
    .logo {
        float: none;
    }
    .logo a {
        position: relative;
        text-align: left;
        padding-left: 18px;
    }
    .logo a img {
        margin: 0;
    }
    .col1 {
        width: 260px!important;
    }
    .col1 a {
        padding: 18px 20px 15px 17px;
    }
    .col1 a .mask {
        width: 260px;
        height: 172px;
    }
    .col2 {
        width: 260px!important;
        margin: 0;
    }
    .col2.col3.space {
        margin-right: 20px;
    }
    .copyright {
        margin-top: 0px!important;
        padding-top: 15px;
    }
    .tooltips li {
        padding-left: 0;
        padding-bottom: 5px;
    }
    .tooltips {
        position: relative;
        padding: 10px 0 0 0;
    }
    .es-carousel ul li a.button1,
    .es-carousel ul li span {
        display: none;
    }
    .imgindent {
        float: none;
        margin: 5px 0 20px 0;
    }
    .imgindent img {
        width: 300px;
    }
    .padbot0 {
        padding-bottom: 0!important;
    }
    .title-2 a span {
        display: inline;
    }
    .title-2 {
        padding: 30px 0 0 0;
    }
    .col4 {
        width: 200px!important;
        float: left;
    }
    .box-product .lightbox-image img {
        width: 220px
    }
    .map {
        margin: 0;
        float: none;
    }
    .map iframe {
        width: 260px;
        height: 160px;
    }
    .col5 {
        float: left;
        margin-right: 30px;
    }
    .contacts {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    header {
        width: 260px;
    }
    .imgDiv728 {
        max-width: 260px;
        margin: 12px auto 15px auto!important;
    }
    .googleAdd160X600 {
        text-align: left
    }
    .arrow {
        left: 58px!important;
    }
    .txt_total .txt_box {
        width: 65px!important;
    }
    .actionMenu {
        right: auto!important;
        left: 0px!important;
        width: 220px!important;
    }
    .arrow-up {
        right: auto!important;
        left: 10px!important;
    }
    .popup-form-row .label-col {
        width: 100%!important;
        line-height: 11px;
    }
    .popup-form-row .input-col {
        width: 100%!important;
        margin-left: 0!important;
    }
    .popup-form-row .input-col .input_txt {
        width: 97%!important;
    }
    .popup-form .popup-form-row .input_txt {
        border: 1px solid #d1cece;
        background: #fff;
        padding: 2px 3px;
        width: 175px!important;
    }
    .popup-form .popup-form-row .input_txt.input-txt-fix {
        width: 112px!important;
    }
    #week_info .day_panel input {
        width: 40px!important;
    }
    #week_info .day_panel .gray_inputbox,
    #week_info .day_total input {
        width: 50px!important;
    }
    #week_info .day_total {
        padding-right: 0;
    }
    #week_info .militaryDayTotal {
        padding-right: 214px;
    }
    .weektitle,
    .weektitle_military {
        margin-left: 52px;
    }
    .weektitle_military .left20 {
        left: 64px!important;
    }
    .weektitle .left20 {
        left: 159px!important;
    }
    .defaultweek .fixedLunch {
        display: block;
        text-align: right;
    }
    .day_total .fixedLunch {
        display: inline;
    }
    .total_panel_width,
    .calculate_panel {
        margin-left: 0px!important;
        width: 100%!important;
        margin: 10px 0!important;
    }
    .wrapper-before-ads .google-ads {
        width: 100%;
        margin-left: 0%!important;
    }
    .total_panel_width {
        float: left;
        width: 100%;
    }
    .cal_feature {
        width: 220px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .col1 {
        width: 420px!important;
    }
    .col1 a {
        padding: 25px 20px 22px 17px;
    }
    .col1 a .mask {
        width: 420px;
        height: 154px;
    }
    .col2 {
        width: 200px!important;
    }
    .imgindent img {
        width: 420px;
    }
    .box-product .lightbox-image img {
        width: 380px
    }
    .map iframe {
        width: 420px;
        height: 160px;
    }
    .bg2,
    header,
    footer {
        width: 420px;
    }
    h1.cal_tlt {
        width: 100%;
    }
    .imgDiv728 {
        max-width: 420px;
        margin: 12px auto 15px auto!important;
    }
    .googleAdd160X600 {
        text-align: left
    }
    .container_12 .grid_8 {
        width: 407px!important;
        margin-left: 8px!important;
    }
    .container_12 .grid_4 {
        width: 299px!important;
        margin-left: 8px!important;
    }
    .txt_login {
        width: 138px!important;
    }
    .txt_pass {
        width: 168px!important;
    }
    .loginPanel .input_txt {
        width: 89px!important;
    }
    .loginPanel .grid_1.login_btn {
        width: 56px!important;
    }
    .loginPanel .grid_1.login_txt {
        width: 44px!important;
    }
    .loginPanel {
        margin-top: 3px
    }
    .in_time_slot input.txt_box.w40 {
        width: 23px!important;
    }
    .out_time_slot input.txt_box.w40 {
        width: 23px!important;
    }
    .in_time_slot select.am_pm_drop.w60 {
        width: 45px!important;
    }
    .out_time_slot select.am_pm_drop.w60 {
        width: 45px!important;
    }
    .cal_panel {
        margin-right: 0px!important;
    }
    .left20 {
        left: 13px!important;
    }
    .bgcolor0 {
        background: #03668e;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#036a91), to(#035a7f));
        background: -webkit-linear-gradient(#036a91, #035a7f);
        background: -moz-linear-gradient(#036a91, #035a7f);
        background: -ms-linear-gradient(#036a91, #035a7f);
        background: -o-linear-gradient(#036a91, #035a7f);
        background: linear-gradient(#036a91, #035a7f);
        -pie-background: linear-gradient(#036a91, #035a7f);
        border-bottom: 3px solid #012f50;
    }
    .bgcolor1 {
        background: #ffbb14;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffbc14), to(#ffb111));
        background: -webkit-linear-gradient(#ffbc14, #ffb111);
        background: -moz-linear-gradient(#ffbc14, #ffb111);
        background: -ms-linear-gradient(#ffbc14, #ffb111);
        background: -o-linear-gradient(#ffbc14, #ffb111);
        background: linear-gradient(#ffbc14, #ffb111);
        -pie-background: linear-gradient(#ffbc14, #ffb111);
        border-bottom: 3px solid #ff8e0d;
    }
    .bgcolor2 {
        background: #352724;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#352825), to(#2d211e));
        background: -webkit-linear-gradient(#352825, #2d211e);
        background: -moz-linear-gradient(#352825, #2d211e);
        background: -ms-linear-gradient(#352825, #2d211e);
        background: -o-linear-gradient(#352825, #2d211e);
        background: linear-gradient(#352825, #2d211e);
        -pie-background: linear-gradient(#352825, #2d211e);
        border-bottom: 3px solid #120c0b;
    }
    .bgcolor3 {
        background: #d2371b;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d2371c), to(#ca2f17));
        background: -webkit-linear-gradient(#d2371c, #ca2f17);
        background: -moz-linear-gradient(#d2371c, #ca2f17);
        background: -ms-linear-gradient(#d2371c, #ca2f17);
        background: -o-linear-gradient(#d2371c, #ca2f17);
        background: linear-gradient(#d2371c, #ca2f17);
        -pie-background: linear-gradient(#d2371c, #ca2f17);
        border-bottom: 3px solid #B12015;
        border-right: 1px solid #fff;
    }
    .col1.bgcolor0 .mask {
        background: #012f50;
    }
    .col1.bgcolor1 .mask {
        background: #ff8e0d;
    }
    .col1.bgcolor2 .mask {
        background: #120c0b;
    }
    .col1.bgcolor3 .mask {
        background: #8e241a;
    }
    .slideMenu {
        background-color: #fff;
        bottom: 0;
        position: fixed;
        right: -244px;
        top: 0;
        width: 300px;
        z-index: 9999;
        overflow-x: auto;
        border-left: 1px solid #ccc;
        -webkit-box-shadow: -3px 0px 3px 0px rgba(44, 50, 50, 0.6);
        -moz-box-shadow: -3px 0px 3px 0px rgba(44, 50, 50, 0.6);
        box-shadow: -3px 0px 3px 0px rgba(44, 50, 50, 0.6);
    }
    .bg-header {
        position: static!important;
    }
    .bg {
        position: static!important;
    }
    .close-slideMenu {
        position: absolute;
        right: 2px;
        top: 0;
        color: #fff;
        background: #000;
        padding: 5px 10px;
        font-size: 2em;
        display: block;
    }
    .close-slideMenu:hover {
        text-decoration: none
    }
    .customizeTab {
        display: block
    }
    .arrow {
        left: 62px!important;
    }
    /*
        table, thead, tbody, th, td, tr {
            display: block;
        }
        thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }


        td {
            border: none !important;
            border-bottom: 1px solid #d1d1d1 !important;
            position: relative;
            padding-left: 35%!important;
            border-right: 1px solid #d1d1d1 !important;
        }

        td::before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 35%;
            padding-right: 10px;
            white-space: nowrap;
        }

        td:nth-of-type(1)::before { content: 'Date'; }
        td:nth-of-type(2)::before { content: 'Name'; }
        td:nth-of-type(3)::before { content: 'Hours Worked'; }
        td:nth-of-type(4)::before { content: 'Total Pay'; }
        td:nth-of-type(5)::before { content: 'More Info'; }
        td:nth-of-type(6)::before { content: 'Delete'; }
        */
    .details_tbl {
        border: 1px solid #ccc;
        font-size: 13px;
        font-family: Tahoma, Helvetica, sans-serif;
        color: #333;
        table-layout: fixed;
        min-width: 100%;
        overflow: hidden;
    }
    .details_tbl th {
        background: #333333;
        color: #fff;
        display: none;
    }
    .details_tbl th,
    .details_tbl td {
        padding: 10px 6px;
        border-right: 0px!important;
    }
    .details_tbl td {
        word-wrap: break-word;
        display: block;
    }
    .details_tbl td a {
        color: #000;
        text-decoration: underline;
    }
    .details_tbl td a:hover {
        text-decoration: none
    }
    .details_tbl tr.alt_row {
        background: #eee
    }
    .details_tbl tr {
        border-color: #46627F;
    }
    .details_tbl tr {
        border-top: 1px solid #ddd!important;
        border-bottom: 1px solid #ddd!important;
    }
    .details_tbl td:first-child {
        padding-top: .5em;
    }
    .details_tbl td:last-child {
        padding-bottom: .5em;
    }
    .details_tbl td::before {
        content: attr(data-th) ': ';
        font-weight: bold;
        width: 10em;
        display: inline-block;
    }
    .details_tbl td:last-child::before {
        content: attr(data-th) ':';
        font-weight: bold;
        width: 10em;
        display: inline-block;
    }
    .total_col {
        color: #000!important;
    }
    .total_row td:first-child::before {
        font-size: 0px!important;
    }
    .total_row td:last-child::before {
        font-size: 0px!important;
    }
    .details_tbl th,
    .details_tbl td::before {
        color: #000;
    }
    .center_col {
        width: auto!important;
        text-align: left!important;
    }
    .txtCenter_col {
        text-align: left!important;
    }
    .txtRht_col {
        text-align: left!important;
    }
    .w70_col {
        width: auto!important;
    }
    .welcome_txt {
        float: left;
        width: 100%;
        margin-bottom: 5px
    }
    .buttons_black {
        float: left;
        width: 100%
    }
    .logout_panel {
        display: inline-block
    }
    .logout_panel {
        width: 100%
    }
    .show_hide_lnk {
        margin: 7px 0;
        width: 100%!important;
        text-align: right!important;
    }
    .drop_down_panel {
        width: 100%!important;
        text-align: right!important;
    }
    .txt_or {
        float: left
    }
    .txt_lnk {
        float: left;
        margin-left: 10px
    }
    .feature_fix_panel {
        position: fixed;
        top: 0px;
        right: -246px;
        z-index: 9999
    }
    .feature_fix_panel .rel_panel {
        position: relative;
    }
    .cal_feature {
        padding-top: 89px;
        background: none!important;
        max-height: calc(100vh - 89px);
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    .rht_cut,
    .lft_cut {
        display: none
    }
    .txt_note {
        text-align: left
    }
    .total_calculate_panel {
        width: 100%;
        float: none!important;
        border-bottom: 1px solid #c9c9c9
    }
    .icon_clear_all {
        background: none!important;
    }
    .button_panel ul {
        margin-left: 0!important;
    }
    .desktop_view .list_num {
        width: 30px!important;
        text-align: center!important;
    }
    .total_panel_width {
        width: 100%;
        float: none!important;
    }
    .button_panel {
        margin-left: 0!important;
        width: 100%!important;
        float: left;
    }
    .icons_panel {
        width: 155px
    }
    .total_calculate_panel {
        float: left!important;
        width: 150px;
        background: url(/images/btn_border_img.gif) 0 0 repeat-y
    }
    .button_panel li {
        margin-bottom: 15px
    }
    .desktop_view .rel_drop {
        width: 46px!important;
    }
    .desktop_view .am_pm_drop.w60 {
        width: 48px!important;
    }
    .desktop_view .am_pm_drop {
        margin-left: 0!important;
    }
    .desktop_view span.select {
        height: 22px;
        line-height: 22px;
        text-indent: 8px!important;
    }
    .desktop_view select.select {
        height: 22px;
        line-height: 22px;
    }
    .calculate_panel {
        margin-left: 0px!important;
    }
    .calculate_panel_mar {
        margin-top: 5px!important;
    }
    .weektitle,
    .weektitle_military {
        margin-left: 54px;
    }
    .weektitle_military .left20 {
        left: 56px!important;
    }
    #week_info .day_panel input {
        width: 35px!important;
    }
    #week_info .day_panel .gray_inputbox,
    #week_info .day_total input {
        padding: 0;
        width: 40px!important;
    }
    #week_info .militaryDayTotal {
        padding-right: 185px;
    }
    .desktop_view .day_panel {
        padding: 2px 0;
    }
    .desktop_view .txt_time_panel {
        margin-left: 0;
    }
    .defaultweek .fixedLunch {
        display: block;
        text-align: right;
    }
    .day_total .fixedLunch {
        display: inline;
    }
}
@media only screen and (max-width: 480px) {
    .col1 {
        width: 420px!important;
    }
    .col1 a {
        padding: 25px 20px 22px 17px;
    }
    .col1 a .mask {
        width: 420px;
        height: 154px;
    }
    .col2 {
        width: 200px!important;
    }
    .imgindent img {
        width: 420px;
    }
    .box-product .lightbox-image img {
        width: 380px
    }
    .map iframe {
        width: 420px;
        height: 160px;
    }
    .imgDiv728 {
        max-width: 260px!important;
        margin: 12px auto 15px auto!important;
    }
    .googleAdd160X600 {
        text-align: left
    }
    .container_12 .grid_8.login_frm {
        width: 100%!important;
        margin-left: 8px!important;
    }
    .container_12 .grid_4.login_lnk {
        width: 100%!important;
        margin-left: 8px!important;
    }
    .txt_login {
        width: 138px!important;
    }
    .txt_pass {
        width: 168px!important;
    }
    .loginPanel .input_txt {
        width: 120px!important;
    }
    .txt_login .txt_email,
    .txt_password {
        width: 65px;
        float: left
    }
    .txt_login .input_txt {
        margin-left: 0
    }
    .txt_pass .input_txt {
        margin-left: 0
    }
    .loginPanel .grid_1.login_btn a {
        margin-left: 66px;
        margin-top: 6px
    }
    .loginPanel .grid_1.login_btn {
        width: 100%!important;
    }
    .loginPanel .grid_1.login_txt {
        width: 100%!important;
    }
    .grid_3.txt_login,
    .grid_3.txt_pass {
        width: 100%!important;
    }
    .loginPanel {
        margin-top: 3px
    }
    .in_time_slot input.txt_box.w40 {
        width: 23px!important;
    }
    .out_time_slot input.txt_box.w40 {
        width: 23px!important;
    }
    .in_time_slot select.am_pm_drop.w60 {
        width: 53px!important;
    }
    .out_time_slot select.am_pm_drop.w60 {
        width: 53px!important;
    }
    .out_time_slot {
        padding-left: 13px!important;
    }
    .cal_panel {
        margin-right: 0px!important;
    }
    .left20 {
        left: 13px!important;
    }
    .bgcolor0 {
        background: #03668e;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#036a91), to(#035a7f));
        background: -webkit-linear-gradient(#036a91, #035a7f);
        background: -moz-linear-gradient(#036a91, #035a7f);
        background: -ms-linear-gradient(#036a91, #035a7f);
        background: -o-linear-gradient(#036a91, #035a7f);
        background: linear-gradient(#036a91, #035a7f);
        -pie-background: linear-gradient(#036a91, #035a7f);
        border-bottom: 3px solid #012f50;
    }
    .bgcolor1 {
        background: #ffbb14;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffbc14), to(#ffb111));
        background: -webkit-linear-gradient(#ffbc14, #ffb111);
        background: -moz-linear-gradient(#ffbc14, #ffb111);
        background: -ms-linear-gradient(#ffbc14, #ffb111);
        background: -o-linear-gradient(#ffbc14, #ffb111);
        background: linear-gradient(#ffbc14, #ffb111);
        -pie-background: linear-gradient(#ffbc14, #ffb111);
        border-bottom: 3px solid #ff8e0d;
    }
    .bgcolor2 {
        background: #352724;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#352825), to(#2d211e));
        background: -webkit-linear-gradient(#352825, #2d211e);
        background: -moz-linear-gradient(#352825, #2d211e);
        background: -ms-linear-gradient(#352825, #2d211e);
        background: -o-linear-gradient(#352825, #2d211e);
        background: linear-gradient(#352825, #2d211e);
        -pie-background: linear-gradient(#352825, #2d211e);
        border-bottom: 3px solid #120c0b;
    }
    .bgcolor3 {
        background: #d2371b;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d2371c), to(#ca2f17));
        background: -webkit-linear-gradient(#d2371c, #ca2f17);
        background: -moz-linear-gradient(#d2371c, #ca2f17);
        background: -ms-linear-gradient(#d2371c, #ca2f17);
        background: -o-linear-gradient(#d2371c, #ca2f17);
        background: linear-gradient(#d2371c, #ca2f17);
        -pie-background: linear-gradient(#d2371c, #ca2f17);
        border-bottom: 3px solid #B12015;
        border-right: 1px solid #fff;
    }
    .col1.bgcolor0 .mask {
        background: #012f50;
    }
    .col1.bgcolor1 .mask {
        background: #ff8e0d;
    }
    .col1.bgcolor2 .mask {
        background: #120c0b;
    }
    .col1.bgcolor3 .mask {
        background: #8e241a;
    }
    .arrow {
        left: 62px!important;
    }
    .slideMenu {
        background-color: #fff;
        bottom: 0;
        position: fixed;
        right: -244px;
        top: 0;
        width: 300px;
        z-index: 9999;
        overflow-x: auto;
        border-left: 1px solid #ccc;
        -webkit-box-shadow: -3px 0px 3px 0px rgba(44, 50, 50, 0.6);
        -moz-box-shadow: -3px 0px 3px 0px rgba(44, 50, 50, 0.6);
        box-shadow: -3px 0px 3px 0px rgba(44, 50, 50, 0.6);
    }
    /*.slideMenu .selectWrap {
        margin-bottom: 5px;
    }
    .slideMenu .selectWrap > div {
        float: none!important;
    }*/
    .bg-header {
        position: static!important;
    }
    .bg {
        position: static!important;
    }
    .close-slideMenu {
        position: absolute;
        right: 2px;
        top: 0;
        color: #fff;
        background: #000;
        padding: 5px 10px;
        font-size: 2em;
        display: block;
    }
    .close-slideMenu:hover {
        text-decoration: none
    }
    .customizeTab {
        display: block
    }
    .week_frm_to div {
        display: inherit!important;
    }
    .week_frm_to {
        float: left;
        width: 100%
    }
    .week_frm_to .txt_week {
        display: block!important;
        width: 100%
    }
    .week_frm_to div.cell4 {
        width: 42%;
        float: left;
        margin-left: 7px;
        display: inherit!important;
    }
    .cell4 .txt_box,
    .txt_to {
        margin-left: 0px!important;
    }
    .hidden_mobile {
        display: none
    }
    .display_mobile {
        display: block
    }
    .note_txt_red {
        font-size: 11px;
        color: #e8301f;
        float: left;
        font-weight: normal;
        margin-left: 7px;
    }
    .details_tbl {
        border: 1px solid #ccc;
        font-size: 13px;
        font-family: Tahoma, Helvetica, sans-serif;
        color: #333;
        table-layout: fixed;
        min-width: 100%;
        overflow: hidden;
    }
    .details_tbl th {
        background: #333333;
        color: #fff;
        display: none;
    }
    .details_tbl th,
    .details_tbl td {
        padding: 10px 6px;
        border-right: 0px!important;
    }
    .details_tbl td {
        word-wrap: break-word;
        display: block;
    }
    .details_tbl td a {
        color: #000;
        text-decoration: underline;
    }
    .details_tbl td a:hover {
        text-decoration: none
    }
    .details_tbl tr.alt_row {
        background: #eee
    }
    .details_tbl tr {
        border-color: #46627F;
    }
    .details_tbl tr {
        border-top: 1px solid #ddd!important;
        border-bottom: 1px solid #ddd!important;
    }
    .details_tbl td:first-child {
        padding-top: .5em;
    }
    .details_tbl td:last-child {
        padding-bottom: .5em;
    }
    .details_tbl td::before {
        content: attr(data-th) ': ';
        font-weight: bold;
        width: 10em;
        display: inline-block;
    }
    .details_tbl td:last-child::before {
        content: attr(data-th) ':';
        font-weight: bold;
        width: 10em;
        display: inline-block;
    }
    .total_col {
        color: #000!important;
    }
    .total_row td:first-child::before {
        font-size: 0px!important;
    }
    .total_row td:last-child::before {
        font-size: 0px!important;
    }
    .details_tbl th,
    .details_tbl td::before {
        color: #000;
    }
    .center_col {
        width: auto!important;
        text-align: left!important;
    }
    .txtCenter_col {
        text-align: left!important;
    }
    .txtRht_col {
        text-align: left!important;
    }
    .w70_col {
        width: auto!important;
    }
    .welcome_txt {
        float: left;
        width: 100%;
        margin-bottom: 5px
    }
    .buttons_black {
        float: left;
        float:none;
        width: 100%
    }
    .logout_panel {
        display: inline-block;
        width: 100%;
        max-width:260px;
    }
    body.user_logged_in .logout_panel{
        max-width:260px;
    }
    .show_hide_lnk {
        margin: 7px 0
    }
    .txt_or {
        float: left;
        width: 100%;
        text-align: center
    }
    .txt_lnk {
        text-align: left;
        float: left
    }
    .first_row {
        margin-top: 10px
    }
    .txt_time_panel {
        margin-left: 2px!important;
    }
    .txt_time_panel .abs_txt {
        display: none!important;
    }
    .txt_day {
        width: 40px!important;
    }
    .in_time_slot {
        padding-left: 0!important;
        margin-bottom: 5px;
    }
    .in_time_slot input.txt_box.w40 {
        width: 21px!important;
    }
    .out_time_slot input.txt_box.w40 {
        width: 21px!important;
    }
    .day_panel {
        float: left
    }
    .txt_total .txt_box_total {
        padding: 0!important;
        width: 45px!important;
    }
    .txt_total {
        width: 47px!important;
        text-align: right
    }
    .in_time_slot select.am_pm_drop.w60,
    .out_time_slot select.am_pm_drop.w60 {
        width: 44px!important;
    }
    .txt_day {
        width: 33px!important;
        padding: 0;
    }
    .txt_day .list_num {
        font-size: 11px!important;
    }
    .cell_abs_txt {
        font-size: 11px;
        width: 25px;
        text-align: center;
        padding: 2px 0px;
        background: #d1cece;
        color: #000;
        display: inline-block!important;
    }
    .txt_space {
        width: 8px!important;
    }
    .total_panel .txt_space {
        width: 8px!important;
        font-size: 11px!important;
    }
    .total_lable {
        width: 121px!important;
        font-size: 11px!important;
    }
    .txt_total_panel {
        margin-left: 132px!important;
    }
    .txt_total .txt_box_total {
        width: 38px!important;
    }
    .txt_total_panel .txt_total {
        width: 42px!important;
    }
    .txt_total.pos_rel .abs_txt {
        width: 43px!important;
        font-size: 11px;
        padding: 2px 0!important;
    }
    .txt_total.pos_rel .abs_txt .gray_arrow {
        width: 40px!important;
    }
    .btnTotalPanel {
        width: 100%;
        margin-top: 0px!important;
        text-align: right;
        margin-bottom: 10px
    }
    .icon_print {
        margin-left: 5px
    }
    .cal_total {
        float: left;
        width: 100%
    }
    .home_rht_accordion li .faq-ans .innerpad {
        padding: 5px 5px!important;
    }
    .feature_fix_panel {
        position: fixed;
        top: 0px;
        right: -246px;
        z-index: 9999;
        background: url('/images/title_bg.gif') left top repeat-x;
    }
    .feature_fix_panel .rel_panel {
        position: relative;
    }
    .cal_feature {
        padding-top: 89px;
        background: none!important;
        max-height: calc(100vh - 89px);
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    .rht_cut,
    .lft_cut {
        display: none
    }
    .txt_note {
        text-align: left
    }
    .total_calculate_panel {
        width: 100%;
        float: left!important;
        border-bottom: 0px solid #c9c9c9!important;
        border-bottom: 1px solid #c9c9c9;
        text-align: left!important;
    }
    .button_panel {
        float: left!important;
    }
    .button_panel ul {
        margin-left: 0!important;
    }
    .icon_clear_all,
    .icon_calculate {
        position: relative;
        line-height: 56px!important;
        display: inline-block;
        padding: 0 12px 0 42px!important;
        font-size: 15px!important;
        font-family: Tahoma, Helvetica, sans-serif;
        font-weight: bold;
        color: #010101;
        height: 56px!important;
        background: url(/images/btn_border_img.gif) 0 0 repeat-y;
    }
    .icon_clear_all {
        background: none!important;
    }
    .icon_clear_all span {
        background: url(/images/icon_clearall_small.png) 0 0 no-repeat!important;
        width: 28px!important;
        height: 30px!important;
        position: absolute;
        left: 10px!important;
        top: 14px!important;
    }
    .icon_calculate span {
        background: url(/images/icon_calculator_small.png) 0 0 no-repeat!important;
        width: 26px!important;
        height: 28px!important;
        position: absolute;
        left: 10px!important;
        top: 14px!important;
    }
    .button_panel .innerPad {
        padding: 10px 7px 8px!important;
    }
    .buttons_black .button.marR10 {
        margin-right: 0px!important;
    }
    .desktop_view .list_num {
        width: 24px!important;
        text-align: center!important;
    }
    .icon_print {
        width: 40px!important;
        margin: 0 5px!important;
    }
    .icon_download {
        width: 53px!important;
        margin: 0 5px!important;
    }
    .icon_email {
        width: 43px!important;
        margin: 0 5px!important;
    }
    .icon_save {
        width: 43px!important;
        margin: 0 5px!important;
    }
    .desktop_view .rel_drop {
        width: 40px!important;
    }
    .desktop_view .am_pm_drop.w60 {
        width: 40px!important;
    }
    .desktop_view .am_pm_drop {
        margin-left: 0!important;
    }
    .desktop_view span.select {
        height: 21px;
        line-height: 20px;
        text-indent: 7px!important;
        font-size: 11px!important;
    }
    .desktop_view select.select {
        height: 23px;
        line-height: 23px;
    }
    .txt_total .txt_box {
        width: 40px!important;
    }
    .calculate_panel {
        margin-left: 0px!important;
    }
    .actionMenu {
        right: auto!important;
        left: 0px!important;
        width: 220px!important;
    }
    .arrow-up {
        right: auto!important;
        left: 10px!important;
    }
    .popup-form .popup-form-row .label-col {
        width: 100%!important;
        line-height: 11px;
    }
    .popup-form .popup-form-row .input-col {
        width: 100%!important;
        margin-left: 0!important;
    }
    .popup-form-row .input-col .input_txt {
        width: 97%!important;
    }
    .forget-pass-panel .arrow-up {
        right: 10px!important;
        left: auto!important;
    }
    .forget-pass-panel .actionMenu {
        right: 0!important;
        left: auto!important;
    }
    .popup-mask .popup-form .popup-form-row .input_txt {
        border: 1px solid #d1cece;
        background: #fff;
        padding: 2px 3px;
        width: 175px!important;
    }
    .login-popup {
        width: 250px!important;
    }
    .popup-mask .popup-form .popup-form-row .input_txt {
        width: 160px!important;
    }
    .popup-mask .popup-form .popup-form-row .input_txt.input-txt-fix {
        width: 97px!important;
    }
    .calculate_panel_mar {
        margin-top: 5px!important;
    }
    #week_info .day_panel input {
        width: 35px!important;
    }
    #week_info .day_panel .gray_inputbox,
    #week_info .day_total input {
        padding: 0;
        width: 40px!important;
    }
    #week_info .txt_space {
        padding-left: 0!important;
    }
    #week_info .militaryDayTotal {
        padding-right: 61px;
    }
    .desktop_view .day_panel {
        position: relative;
        padding: 2px 0;
        width: 275px;
    }
    .desktop_view .militaryweek .week_frm_to {
        margin-bottom: 50px;
    }
    .weektitle,
    .weektitle_military {
        position: absolute;
        margin-top: 190px!important;
        margin-left: 41px;
    }
    .weektitle_military .left20 {
        left: 53px!important;
    }
    .weektitle {
        display: none;
    }
    .desktop_view .defaultweek .txt_time_panel {
        width: 215px;
    }
    .defaultweek .txt_time_panel div {
        margin-bottom: 5px;
    }
    #week_info .defaultweek .txt_space {
        padding-left: 69px!important;
    }
    .defaultweek .out_time_slot {
        padding-left: 0px!important;
    }
    #week_info .defaultweek .day_total {
        padding-right: 79px;
    }
    .defaultweek .fixedLunch {
        bottom: 11px;
        position: absolute;
        left: 190px;
    }
    .day_total .fixedLunch {
        bottom: 0;
        left: 0;
        position: relative;
    }
    .graybuttom .gray_inputbox,
    #calculatorTotal2 .gray_inputbox,
    .graybuttom .yellow_inputbox,
    #calculatorTotal2 .yellow_inputbox {
        font-size: 12px;
        height: 20px!important;
        line-height: 20px!important;
        padding: 0!important;
        width: 70px!important;
    }
    .graybuttom span.buttom,
    #calculatorTotal2 tr .graybuttom {
        font-size: 12px;
        width: 119px!important;
        height: 20px!important;
        line-height: 20px!important;
        padding: 1px;
    }
    #calculatorTotal2 th .graybuttom {
        font-size: 12px;
        width: 45px!important;
        margin-left: 0;
    }
    .graybuttom span,
    #calculatorTotal2 tr span {
        font-size: 12px;
        height: 24px;
        line-height: 24px!important;
        width: 12px;
    }
    .calculate_panel li {
        max-width: 100%;
        width: 50%;
        margin-right: 0;
    }
}
@media screen and (max-width: 479px) {
    .cal_wrapper {
        float: left;
        width: 260px
    }
    #calculatorTotal2 td:first-child > div {
        max-width: 90px;
    }
    #calculatorTotal2 tr span:empty {
        display: none;
    }
    #calculatorTotal2 .gray_inputbox {
        max-width: 59px!important;
    }
    .over_visable .logout_panel{
        max-width: 260px;
    }

}
/* Project specifics =========================================================== */

/* Pour some CSS below ========================================================= */

.register_login {
    border: 5px solid #eaeaea;
    margin: 20px auto 0;
    overflow: hidden;
    padding: 25px 15px 50px;
    width: 805px;
}
.register,
.login {
    float: left;
    width: 335px;
    margin-right: 40px;
}
.register {
    width: 375px;
    position: relative;
}
.login {
    margin-right: 0;
}
.register h3,
.login h3,
.reset_password_div h3 {
    font-size: 28px;
    border-bottom: 2px dotted #000;
    padding-bottom: 5px;
    margin-bottom: 20px;
    width: 330px;
}
.detail_reg {
    border-right: 2px dotted #000;
    padding: 0 0 100px 0;
}
.login .detail_reg {
    border-right: 0;
    padding: 0 0 50px 0;
}
.register p.wel_back,
.login p.wel_back {
    font-size: 24px;
    padding-bottom: 25px;
}
.register p,
.login p {
    padding-bottom: 12px;
}
.register label,
.login label {
    width: 120px;
    display: block;
    float: left;
    font-weight: bold;
}
.register input,
.login input {
    width: 200px;
    border: 1px solid #d1cece;
    padding: 5px;
    height: 15px;
}
.login a.actionIcon {
    color: #f00;
    display: block;
    font-size: 14px;
    text-align: right;
}
.register p a.button,
.login p a.button {
    text-align: right;
    float: right;
    font-weight: bold;
    margin: 10px 40px 0 0;
}
.login p a.button {
    margin: 20px 0 0 0;
}
.reset_password_div {
    border: 5px solid #eaeaea;
    margin: 20px auto 0;
    overflow: hidden;
    padding: 25px 15px 50px;
    width: 360px;
}
.msg_div {
    color: #2c2b2b;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
    padding: 0 0 9px;
    text-align: center;
}
.msg_div small {
    display: block;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.msg_div br {
    display: none;
}
.msg_div_reg {
    position: absolute;
    bottom: 0;
    color: #f00;
    font-weight: bold;
    font-size: 12px;
}
#error-box {
    margin-top: -87.5px;
    margin-left: -150.5px;
}
#error-box .popup-form #header {
    color: #f00;
    font-size: 13px;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    border-bottom: 2px solid #ddd;
    padding: 0px 0px 5px 5px;
}
#error-box .popup-form #content {
    font-size: 12px;
    margin: 5px 0px 5px 0px;
    padding: 10px 0px 10px 5px;
}
.homepagetable {
    font-family: Tahoma;
}
.user_logged_in .cal_feature {
    padding-top: 90px;
}
/** Calculate Button */

.calculate_panel a {
    width: 119px;
    height: 39px;
    display: inline-block;
    background: url(/images/buttons-sprite.png) no-repeat 0 0;
    font-size: 0;
}
.calculate_panel #calculate {
    background-position: -595px 0;
}
.calculate_panel #clearAll {
    background-position: -476px 0;
}
.calculate_panel #download_rate {
    background-position: -357px 0;
}
.calculate_panel #print {
    background-position: -119px 0;
}
.calculate_panel #sendEmail {
    background-position: -238px 0;
}
.calculate_panel #save {
    background-position: 0 0;
}
.calculate_panel #sendEmail.disabled,
.calculate_panel #save.disabled {
    background-position-y: -39px;
}
/** Calculate Button Ends */

.total_panel_width .center {
    float: right;
}
.weeks-2 .total_panel_width .center {
    margin: auto;
    display: block;
    float: none;
}
.weeks-2 .total_panel_width .center input {
    float: none !important;
}
/** Hide Datepicker widget while preloading assets */

.hide-datepicker .ui-datepicker {
    display: none!important;
}
@media screen and (min-width: 481px) and (max-width: 767px) {
    #week_info .day_total {
        padding-right: 73px;
    }
}
@media(max-width:995px){
    .register_login{
        width: 100%;
        max-width: 750px;
        box-sizing: border-box;
        display:flex;
    }
    .login, .register{
        max-width: 50%;
    }
    .login{
        margin-right: 0px;
    }
    .register{
        margin-right: 20px;
    }
}
@media(max-width:767px){
    .register_login{
        flex-direction: column;
    }
    .login, .register{
        width:100%;
        max-width: 100%;
        margin-right: 0;
    }
    .register_login .detail_reg{
        border:0;
    }
    .register p a.button, .login p a.button{
        margin:0;
    }
    .register input, .login input {
        max-width: 220px;
        box-sizing: border-box;
        height: 30px;
        width: 100%;
    }
    .register h3, .login h3, .reset_password_div h3{
        font-size:20px;
        width:100%;
    }
    .register p.wel_back, .login p.wel_back {
        font-size: 18px;
        padding-bottom: 25px;
        line-height: normal;
    }
}
@media(max-width:480px){
    body.weeks-2 .graybuttom span.buttom{
            width: 90px!important;
    }
    body.weeks-2 #calculatorTotal2 .gray_inputbox{
        width: 50px!important;
    }
    body.weeks-2 #calculatorTotal2 .yellow_inputbox, body.weeks-2 #calculatorTotal2 input#totalPay{
        width: 70px!important;
        max-width:70px!important;
    }
    body.weeks-2 #calculatorTotal2 th .graybuttom.we3{
        margin-left: 20px;
        margin-right: auto;
        float: none;
    }
    .cal_feature{
        position: absolute;
        height: 100%;
        max-height:-webkit-fill-available;
    }
}
@media(max-height:489px){
    .cal_feature{
        min-height: auto;
        -webkit-overflow-scrolling': 'touch';
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 0;
        height: 100%;
        position: absolute;
    }

    #mask{
        -webkit-overflow-scrolling': 'touch';
    }
}
/** New Sick / Vacation Time Layout **/
.subHeading {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
}
.subHeading:not(:first-child) {
    margin-top: 10px;
}
.selectWrap {
    margin: 5px 0;
    padding-left: 5px;
}