html{
  height: 100%;
}
@-moz-document url-prefix() {
    html{
        overflow: hidden;
    }
}
    body{
    margin: 0;
    font-family: arial;
    background: url("../img/bg/background.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.container{
    margin: 0 2%;
    height: 100%;
    min-height: 100%;
}
.wrap{
    max-width: 1139px;
    display: block;
    height: auto;
    width: 96%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.displayInline{
    display: inline-block;
    *display: inline;
    *zoom:1;

}
.verticalTop{
    vertical-align: top;
}
.content{
    height: 626px;
    width: 100%;
    position: relative;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.14);
    box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.14);
    border-radius: 10px;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1),  0px 0px 5px 0px rgba(0, 0, 0, 0.46);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1),  0px 0px 5px 0px rgba(0, 0, 0, 0.46);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1),  0px 0px 5px 0px rgba(0, 0, 0, 0.46);

}
.clear{
  clear: both;
}
strong{
    font-style: italic;
    font-weight: bold;
    color: #fff;
    font-size: 25px;
    margin-bottom: 15px;
    display: block;
}
select{
    outline: none !important;
}
input[type="text"], input[type="password"]{
    width: 96%;
    background: #fff;
    border-radius: 5px;
    padding: 10px 0 10px 10px;
    font-size: 15px;
    color: #7b7b7b;
    outline: none;
    margin-bottom: 30px;
    border: 1px solid #d8d6ce;
}
input:-webkit-autofill{

    -webkit-box-shadow: 0 0 0 30px white inset;
}
input[type="submit"].btn_azul{
    font-size: 19px;
    text-align: center;
    padding: 20px 0;
    width: 100%;
    background: #087097;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.42);
    -moz-box-shadow:    0px 2px 3px 0px rgba(0, 0, 0, 0.42);
    box-shadow:         0px 2px 3px 0px rgba(0, 0, 0, 0.42);
    border: none;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    letter-spacing: 1px;
    transition: background 0.25s ease-out;
    -webkit-appearance: none;
}
input[type="submit"].btn_azul:hover, button:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    cursor: pointer;
    background: #00882a;
    transition: all 0.25s ease-in;
}
h1, h2, h3{
    margin-top: 0;
}
a{
    color: #3c9fc3;
    font-size: 14px;
    text-decoration: none;
}
a:hover{
    color: #ff6600 !important;
    transition: all 0.25s ease;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.29);

}
p{
    line-height: 22px;
    margin-top: 0;
    color: #505050;
    font-size: 13px;
    line-height: 15px;
}
ul, li{
    margin: 0;
    padding: 0;
    list-style: none;
}
.fixed{
  display: none;
}
.fixed .logo_2{
  display: none;
}
/* POP UP*/
.ui-dialog-content{
  padding: 20px !important;
}
.ui-dialog{
  background: #fafafa;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:    1px 2px 2px 0px rgba(0, 0, 0, 0.12);
  box-shadow:         1px 2px 2px 0px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
}
.ui-widget-overlay{
  opacity: 0.7;
  filter: alpha(opacity=70);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040 !important;
  background-color: #000000;
  display: none;
}
.ui-dialog .ui-dialog-titlebar{
  padding: 0;
  background: 0;
  border: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  z-index: 999999;
}
.ui-dialog .ui-dialog-title{display: none;}
.ui-dialog .ui-dialog-titlebar-close{
  background: url("../img/icon_close.jpg") no-repeat;
  top: 0;
  width: 18px;
  height: 18px;
  margin-right: 0;
  display: block;
  padding: 0;
}
.bg_popup{
  display: none;
  position: absolute;
  width: 100.1%;
  height: 100%;
  z-index: 9;
  border-radius: 10px;
  top: 0;
  left: -1px;
}
.bg_mykids .bg_popup{
  background: #169e6d;
  opacity: 0.7;
}
.bg_payment .bg_popup{
  background: #2e4c81;
  opacity: 0.7;
}
.bg_preorder .bg_popup{
  background: #003a44;
  opacity: 0.7;
}



/* ANIMATIONS */
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
    animation-duration:0.5s;
}

.fade-in.one {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}

.fade-in.two {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay:0.3s;
    animation-delay: 0.3s;
}

.fade-in.three {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.logo{
    background: url("../img/logo.png") no-repeat;
    width: 210px;
    height: 63px;
    background-size: 100%;
    position: absolute;
    top: -69px;
    text-indent: -999em;
}
.logo_2{
  background: url("../img/logo.png") no-repeat;
  width: 210px;
  height: 63px;
  background-size: 100%;
  position: absolute;
  top: -69px;
  text-indent: -999em;
}
.alert-error{
    text-align: center;
    color: #8f0000;
    margin: 0 0 10px 0;
    font-weight: normal;
    font-size: 15px;

}
textarea:focus, input:focus{
    outline: 0;
}

.floatR{
    float: right;
}
.floatL{
    float: left;
}
.user_logout{
  position: absolute;
  right: 0;
  top: -36px;
  z-index: -8;

}
.user_logout p{
  background: #ef6046;
  padding: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #efefef;
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 0;
  display: inline-block;
  *display: inline;
  *zoom:1;
  font-size: 15px;
  color: #a1a1a1;
}
.user_logout .logout{
  display: inline-block;
  *display: inline;
  *zoom:1;
}
.user_logout .logout a{
  color: #5d92f0;
  background: url("../img/icons/logout.png") no-repeat;
  padding-left: 30px;
  background-position: 7px;
}
/*BTNS*/
.ui-dialog.ui-overlay-hidden .btn_blue, .ui-dialog.ui-overlay-hidden .btn_green{
    display: none !important;
}
.btn_blue{
    background: #5f92f0;
    border-radius:5px;
    -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.19);
    -moz-box-shadow:    1px 2px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.19);
    box-shadow:         1px 2px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.19);
    border: 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 20px;
    min-width: 129px;
}
.btn_red2{
    background: #fc6667;
    border-radius:5px;
    -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.19);
    -moz-box-shadow:    1px 2px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.19);
    box-shadow:         1px 2px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.19);
    border: 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 20px;
    min-width: 129px;
}
.btn_blue2{
    background: #5f92f0;
    border-radius:5px;
    -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.19);
    -moz-box-shadow:    1px 2px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.19);
    box-shadow:         1px 2px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.19);
    border: 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 20px;
    min-width: 129px;
}
.btn_blue .ui-button-text{
    padding: 0 !important;
}
.btn_red2 .ui-button-text{
    padding: 0 !important;
}
.btn_blue:hover{
  background: #4d7fd9;
}
.btn_green{
  background: #33cc99;
  border-radius:5px;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.19);
  -moz-box-shadow:    1px 2px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.19);
  box-shadow:         1px 2px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.19);
  border: 0;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 20px;
  min-width: 126px;
}
.btn_red{
  background: #fc6667;
  border-radius:5px;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.19);
  -moz-box-shadow:    1px 2px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.19);
  box-shadow:         1px 2px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.19);
  border: 0;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  padding: 11px 20px;
  cursor:pointer;
  min-width: 126px;
}
.btn_green:hover{
  background: #29b586;
}
.btn_green .ui-button-text{
  padding: 0 !important;
}
.btn_greenbuy{
  border-radius: 5px;
  background: #00ac35;
  font-weight: normal;
  color: #fff;
  padding: 10px 20px;
  font-size: 14px;
  text-align: center;
  border: none;
}
.btn_greenbuy.ui-state-disabled{
    background: #99d4ab;
}
.btn_greenbuy:hover{
  color: #fff;
}
.btn_gray{

  background: url("../img/icons/pdf.png"), #efefef;
  background-repeat: no-repeat;
  background-position: right 10px center;
  border-radius: 5px;
  padding: 10px 37px 10px 13px;;
  color: #6092f1;
    float: left;

}
.btn_orange{
    background: #fda324;
    border-radius:5px;
    border: 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 20px;
    min-width: 129px;
}
.btn_orange .ui-button-text{
    padding: 0 !important;
}
.btn_orange:hover{
    background: #e89b2e;
}
/*TABS*/
.tabs{
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding: 0;


}
.tabs .ui-tabs-panels{
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 0px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow:         0px 0px 6px 0px rgba(0, 0, 0, 0.1);
    width: 558px;
    height: 473px;
}
.bg_settings .tabs .ui-tabs-panels{
    height: auto;
}
.bg_reports .tabs .ui-tabs-panels{
    width: 670px;
}
.bg_regiter .tabs .ui-tabs-panels{
    min-height: 413px;
}
.tabs ul{
    padding-left: 30px !important;
}
.tabs.ui-tabs .ui-tabs-panel {
    padding: 0;
    position: relative;
}
.tabs .pestana{
    background: #efefef;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin: 0 0 0 -1px !important;
    -webkit-box-shadow: inset 0px -1px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px -1px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px -1px 3px 0px rgba(0, 0, 0, 0.1);
    top: 0 !important;
}

.tabs .pestana a{
    color:#4d4d4d;
    font-size: 15px;
    text-align: center;
    padding: 11px 20px 0 46px !important;
    min-width: 54px;

}
.tabs .pestana a{
    height: 35px;
}
.tabs .ui-tabs-selected{
    /*padding: 0 17px !important;*/
    /*margin-right: 0!important;*/;
    background: url("../img/center_tab_select.png");
    background-repeat: repeat-x;
    background-position: center -5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 5px;
    z-index: 9999;
    -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    z-index: 8;
}
.tabs .ui-tabs-selected:before{
    content: "izqu";
    position: absolute;
    width: 11px;
    height: 50px;
    background: url("../img/left_tab_select.png");
    left: -9px;
    text-indent: -9999em;
    background-position: bottom left;
    bottom: 0px;
}
.tabs .ui-tabs-selected:after{
    content: "derec";
    position: absolute;
    width: 11px;
    height: 50px;
    background: url("../img/right_tab_select.png");
    right: -8px;
    text-indent: -9999em;
    background-position: bottom right;
    bottom: 0px;
}

.tabs .ui-tabs-selected a{
   color:#4d4d4d;
    font-size: 15px;
    padding: 11px 20px 0 46px !important;
}
.tabs .ui-tabs-selected.tabaccount a{
    background: url("../img/icons/account_tab.png") !important;
    background-repeat: no-repeat !important;
    background-position: 15px 12px !important ;
}
.tabs .ui-state-default.tabaccount a{
        background: url("../img/icons/account_tab.png");
        background-repeat: no-repeat;
        background-position: 15px 12px;
    }
.content_tab_padding{
    padding: 20px;
}
.content_tab_padding strong{
    color: #4d4d4d;
    font-size: 14px;
    font-style: normal;
}
.content_tab_padding div.col span{
    display: inline-block;
    *display: inline;
    *zoom:1;
    width:48%;
    margin-bottom: 20px;
}
.content_tab_padding div.col span:first-child{
    margin-right: 3%;
}
.content_tab_padding div.col span label{
    display: inline-block;
    *display: inline;
    *zoom:1;
    font-size: 14px;
    width: 91px;
    text-align: left;
    margin-right: 10px;
    color: #7b7b7b;
}
.content_tab_padding div.col span input{
    display: inline-block;
    *display: inline;
    *zoom:1;
    border: 1px solid #c2c2c2;
    margin: 0;
    width: 54%;
}
.content_tab_padding div.col span input.ui-state-default{
    background: #fff;
    box-shadow: none;
}
.content_tab{
    background: #f4f4f4;
    padding: 20px;
}
.content_tab strong{
  color: #4d4d4d;
  font-size: 14px;
  font-style: normal;
}
.content_tab div.col span{
    display: inline-block;
    *display: inline;
    *zoom:1;
    width:46%;
}
.content_tab.tree div.col span{
  width:29.9% !important;
  margin-right: 3% !important;

}
.content_tab.tree div.col span:last-child{
  margin-right: 0 !important;
}
.content_tab div.col span:first-child{
    margin-right: 5%;
}
.content_tab div.col span label{
    font-size: 14px;
    margin-right: 10px;
    color: #7b7b7b;
    vertical-align: top;
    margin-bottom: 5px;
    display: block;
}
.content_tab div.col span input{
    border: 1px solid #c2c2c2;
    margin: 0;
    width: 100%;
}
.content_tab div.col span input.ui-state-default{
    background: #fff;
    box-shadow: none;
}

.ui-dialog, .ui-dialog .ui-dialog-content{
  overflow: visible !important;
}
.ui-messages{
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 96%;
  padding: 0 2% !important;
  margin-bottom: 10px;
}
.ui-messages .ui-messages-error{
  padding: 11.4px 0 !important;
  background: #ff3e3e;
  display: block;
  border-top-left-radius: 5px;
  border: 0;
  border-top-right-radius: 5px;
}

.ui-messages .ui-messages-error .ui-messages-error-summary {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  margin-left: 0;
}
.ui-messages .ui-messages-error .ui-messages-error-icon{
  background: url("../img/icons/error.png") center 3px no-repeat;
  margin-left: 11px;
  margin-right: 10px;
}
.modal-body .btn_blue{
     margin-bottom: 20px;
 }
.modal-body .btn_red2{
    margin-bottom: 20px;
}
.ui-messages .ui-messages-info{
  padding: 11.4px 0 !important;
  background: #5f92f0;
  display: block;
  border-top-left-radius: 5px;
  border: 0;
  border-top-right-radius: 5px;
}


.ui-messages .ui-messages-info .ui-messages-info-summary {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  margin-left: 0;
}
.ui-messages .ui-messages-info .ui-messages-info-icon{
  background: url("../img/icons/error.png") center 3px no-repeat;
  margin-left: 11px;
  margin-right: 10px;
}

.ui-tabs-panel .ui-messages{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 !important;
  margin-bottom: 0;
  z-index: 999;
}
.ui-tabs-panel .ui-messages-error, .ui-tabs-panel .ui-messages-info{
  margin: 0;
}
#windowProfileChild #profileChildMessage, #recurrentForm .ui-messages, .add_creditcartCheckout .ui-messages,  #windowBalanceChild #BalanceChildMessage, #windowBalanceAllChild #balanceAllChildMessage, #windowConfirmationBalanceChild #confirmationBalanceChildMessage, #windowConfirmationBalanceAll #confirmationBalanceAllMessage{
  margin-bottom: -10px;
}
#windowProfileChild #supervisorChildMessage{
  margin-bottom: 10px;
}
#gridConfirmation #errorConfirmation, #eCheckPanel .ui-messages-error, .windowConfirmationBalanceChild .ui-messages, #formWorkCC  .ui-messages-error{
  margin-bottom: -10px;
}
/*LOGIN*/
.content.bg_login.img_1{
  background: url("../img/bg/login1.jpg");
}
.content.bg_login.img_2{
  background: url("../img/bg/login2.jpg");
}
.content.bg_login.img_3{
  background: url("../img/bg/login3.jpg");
}
.content.bg_login.img_4{
  background: url("../img/bg/login4.jpg");
}

.content.bg_login.img_1.welcome{
  background: url("../img/bg/login3.jpg");
}
.content.bg_login.img_2.welcome{
  background: url("../img/bg/login3.jpg");
}
.content.bg_login.img_3.welcome{
  background: url("../img/bg/login3.jpg");
}
.content.bg_login.img_4.welcome{
  background: url("../img/bg/login4.jpg");
}

.login{
    width: 368px;
    height: 308px;
    position: absolute;
    right: 83px;
    margin-top: 30px;
    background: url("../img/bg/bg_loginform.png");
    background-position: center;
    padding-top: 145px;
    z-index: 99999;

}
.login h2{
    font-size: 30px;
    color: #fff;
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29);
    text-align: center;
}
.login input[type="text"]{
    background: url("../img/icon_input_login_user.png"), url("../img/bg/bg_input_login.png");
    background-repeat: no-repeat, repeat;
    background-position: right;
}
.login input[type="password"]{
    background: url("../img/icon_input_login_password.png"), url("../img/bg/bg_input_login.png");
    background-repeat: no-repeat, repeat;
    background-position: right;
}
.login input[type="text"], .login input[type="password"]{
    width: 264px;
    padding: 15px 62px 15px 20px;
    font-size: 15px;
    border-radius: 7px;
    border: 1px solid rgba(255,255,255,0.5);
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
    color: #fff;
}

#frmMain1{
  position: absolute;
  right: 206px;
  bottom: 120px;
  z-index: 999999;
}
#frmMain1 a{
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29);
  font-style: normal;
  display: block;
  margin-bottom: 5px;
  line-height: 17px;
}
.olvidastecontrasena .content_olvidastecontrasena{
  width: 368px;
  height: 308px;
  position: absolute;
  right: 83px;
  margin-top: 30px;
  padding-top: 145px;
  background: url("../img/bg/bg_loginform.png");
}
.olvidastecontrasena h2{
  font-size: 30px;
  color: #fff;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29);
  text-align: center;
}
.olvidastecontrasena p{
  color: #fff;
  text-align: center;
}
.olvidastecontrasena input[type="text"]{
  background: url("../img/icon_input_login_user.png"), url("../img/bg/bg_input_login.png");
  background-repeat: no-repeat, repeat;
  background-position: right;
  padding: 15px 62px 15px 20px;
  margin: 0 auto;
  width: 264px;
  color: #fff;
  display: block;
}
.olvidastecontrasena .btn-group{
  width: 284px;
  margin: 0 auto;
  margin-top: 20px;
}
.olvidastecontrasena .btn-group .btn_green{
  margin-right: 18px;
}
#forgotPasswordMessage.ui-messages{
  position: relative;
  margin: 0 auto;
  width: 95%;
  top: 0;
}
#forgotPasswordMessage.ui-messages .ui-messages-error{
  border-radius: 5px;
}
.login input::-webkit-input-placeholder , .olvidastecontrasena #forgotPass::-webkit-input-placeholder{
  color: #fff;
}

.login input:-moz-placeholder, .olvidastecontrasena #forgotPass:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.login input::-moz-placeholder, .olvidastecontrasena #forgotPass::-moz-placeholder {  /* Firefox 19+ */
  color: #fff;
}

.login input:-ms-input-placeholder, .olvidastecontrasena #forgotPass:-ms-input-placeholder {
  color: #fff;
}
.login input[type="submit"]{
    background: #fe9a41;
    border-radius: 7px;
    border:none;
    width: 208px;
    font-weight: bold;
    color: #fff;
    font-size: 15px;
    padding: 20px 0;
    margin: 0 auto;
    display: block;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 2px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow:    1px 1px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 2px 0px rgba(255, 255, 255, 1);
    box-shadow:         1px 1px 2px 0px rgba(0, 0, 0, 0.12), inset 0px 0px 2px 0px rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29);
    cursor: pointer;
    margin-bottom: 10px;
}
.login a{
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29);
    font-style: normal;
    display: block;
    margin-bottom: 5px;
    line-height: 17px;
}
.content_login_mail{
    text-align: center;
    margin-top: 30px;
    position: absolute;
    right: 61px;
    top: 170px;
}
.content_login_mail strong{
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29);
}
.content_login_mail p{
  font-size: 14px;
  margin-top: 20px;
}
.content_login_mail .iconcheck{
  width: 83px;
  height: 83px;
  display: block;
  background: url("../img/icon_check.png") no-repeat;
  margin: 0 auto;
}

.reset_password{
  width: 368px;
  height: 308px;
  position: absolute;
  right: 83px;
  margin-top: 30px;
  background: url("../img/bg/bg_loginform.png");
  background-position: center;
  padding-top: 145px;
  z-index: 99999;
}
.reset_password h2{
  font-size: 30px;
  color: #fff;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29);
  text-align: center;
  margin-bottom: 10px;
}
.reset_password p{
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
.reset_password input[type="password"]{
  background:url("../img/bg/bg_input_login.png");
  background-position: right;
  padding: 15px 62px 15px 20px;
  margin: 0 auto;
  width: 264px;
  color: #fff;
  display: block;
  margin-bottom: 10px;
}
.reset_password input[type="password"]::-webkit-input-placeholder , .olvidastecontrasena #forgotPass::-webkit-input-placeholder{
  color: #fff;
}

.reset_password input[type="password"]:-moz-placeholder, .olvidastecontrasena #forgotPass:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.reset_password input[type="password"]::-moz-placeholder, .olvidastecontrasena #forgotPass::-moz-placeholder {  /* Firefox 19+ */
  color: #fff;
}

.reset_password input[type="password"]:-ms-input-placeholder, .olvidastecontrasena #forgotPass:-ms-input-placeholder {
  color: #fff;
}
.reset_password p{
  padding: 0 5%;
}
.reset_password .btn_conten .btn_green{
  margin-right: 20px;
}
.reset_password .ui-messages{
  position: relative !important;
  bottom: 0;
}
.reset_password .ui-messages .ui-messages-error{
  border-radius: 5px !important;
}
.reset_password .btn_conten{
  width: 286px;
  margin: 0 auto;
  display: block;
  margin-top: 20px;
}
/*FOOTER*/
.footer{
    margin-top: 10px;
}
.footer li{
    display: inline-block;
    *display: inline;
    zoom:1;
    margin-right: 10px;
}
.footer li p {
    color: #b0b0b0;
    font-size: 13px;
}
.footer li a {
    color: #b0b0b0;
    font-size: 13px;
    display: block;
    line-height: 19px;
}
.footer li.phone{
    background: url("../img/icon_phone.png") no-repeat;
    padding-left: 20px;
}
.footer li.email{
    background: url("../img/icon_email.png") no-repeat;
    padding-left: 27px;
}
.footer li.copyright{
    float: right;
    margin-right: 0;
}

/*PARENT CREATE*/
.bg_regiter .btn_blue {
    float: right;
  margin: 0;
}
.bg_regiter .btn_red2 {
    float: right;
    margin: 0;
}
.bg_regiter .btn_green{
    float: right;
    padding: 12px 20px;
  margin-right: 20px;
    min-width: 76px;
}

/* MENU PARENT*/

.menuprincipal {
    position: relative;
    width: 520px;
    height: 340px;
    float: right;
    margin-top: 130px;
    margin-right: 53px;
}
.menuprincipal.teacher {
    margin-top: 69px;
}
.menuprincipal.kid {
    margin-right: 154px;
    width: 348px;
}
.menuprincipal li{
    display: inline-block;
    *display: inline;
    zoom:1;
    position: absolute;
    text-align: center;
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
}
.menuprincipal li:hover{
    -webkit-transform:  scale(1.1);
    -moz-transform:  scale(1.1);
    transform:  scale(1.1);

}
.menuprincipal li strong{
    font-style: normal;
    font-size: 15px;
    padding-top: 110px;
    margin-bottom: 0;
    line-height: 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29);
}
.menuprincipal li a{
  display: block;
}
.menuprincipal li.mykids strong{
    background: url("../img/icon_mykids.png") no-repeat center 34px;
}
.menuprincipal li.reports strong{
    background: url("../img/icon_reports.png") no-repeat center 34px;
}
.menuprincipal li.menu strong{
    background: url("../img/icon_menu.png") no-repeat center 34px;
}
.menuprincipal li.payment strong{
    background: url("../img/icon_payment.png") no-repeat center 34px;
}
.menuprincipal li.settings strong{
    background: url("../img/icon_settings.png") no-repeat center 34px;
}
.menuprincipal li.preorder strong{
    background: url("../img/icon_preorder.png") no-repeat center 34px;
}

.menuprincipal li p{
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29);
}
.menuprincipal li.mykids{
    background:url("../img/bg/bg_menu_mykids.png") no-repeat;
    width: 172px;
    height: 190px;
}
.menuprincipal li.reports{
    background:url("../img/bg/bg_menu_reports.png") no-repeat;
    width: 172px;
    height: 190px;
}
.menuprincipal li.menu{
    background:url("../img/bg/bg_menu_menu.png") no-repeat;
    width: 172px;
    height: 190px;
}
.menuprincipal li.payment{
    background:url("../img/bg/bg_menu_payment.png") no-repeat;
    width: 172px;
    height: 190px;
}
.menuprincipal li.settings{
    background:url("../img/bg/bg_menu_settings.png") no-repeat;
    width: 172px;
    height: 190px;
}
.menuprincipal li.preorder{
    background:url("../img/bg/bg_menu_preorder.png") no-repeat;
    width: 172px;
    height: 190px;
}
.menuprincipal li.position1{
    left: 0;
}
.menuprincipal li.position2{
    left: 173px;
}
.menuprincipal li.position3{
    left: 346px;
}
.menuprincipal li.position4{
    left: 86px;
    top: 151px;
}
.menuprincipal li.position5{
    left: 259px;
    top: 151px;
}
.menuprincipal li.position6{
    left: 173px;
    top: 300px;
}
.backandtitle {
  z-index: 99;
}
/* MY KIDS*/
.content.bg_mykids{
  background: url("../img/bg/mykids.jpg");
  background-position: 51% 0;
}
.bg_mykids .backandtitle{
  position: absolute;
  top: 13px;
  left: -15px;
}
.bg_mykids .backandtitle a{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 39px;
  height: 34px;
  padding-left: 16px;
  padding-top: 13px;
  margin-top: 4px;
  background: #27b084; /* Old browsers */
  background: -moz-linear-gradient(top,  #27b084 0%, #119160 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27b084), color-stop(100%,#119160)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #27b084 0%,#119160 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #27b084 0%,#119160 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #27b084 0%,#119160 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #27b084 0%,#119160 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27b084', endColorstr='#119160',GradientType=0 ); /* IE6-9 */
  vertical-align: top;
  -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:    0px 3px 1px 0px rgba(0, 0, 0, 0.12);
  box-shadow:         0px 3px 1px 0px rgba(0, 0, 0, 0.12);
}
.bg_mykids .backandtitle h1{
  background: url("../img/bg/bg_title_mykids.png");
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 222px;
  height: 40px;
  padding-left: 15px;
  padding-top: 18px;
  color: #fff;
  font-size: 16px;
  margin-left: -1px;
}
.bg_mykids .backandtitle:after{
  content: "after";
  display: block;
  width: 14px;
  height: 9px;
  background: url("../img/bg/bg_title_mykids_after.png");
  position: absolute;
  text-indent: -9999em;
  bottom: 9px;
}


.ulmykids{
  position: absolute;
  right: 30px;
  top: 45px;
}
.ulmykids ul{
  max-height: 460px;
  width: 527px;
  overflow-y: auto;
  padding: 3px;
}

.ulmykids ul::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
.ulmykids ul::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none }
.ulmykids ul::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
.ulmykids ul::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
.ulmykids ul::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
.ulmykids ul::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
.ulmykids ul::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}

.ulmykids ul li{
  margin-bottom: 26px;
}
.ulmykids ul li:last-child{
  margin-bottom: 0;
}
.ulmykids ul li div{
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
}
.ulmykids ul li .cont_photo{
  width: 118px;
  height: 118px;
  background: #fff;
  border-radius: 100px;
  margin-right: 20px;
  overflow: hidden;
  position: relative;
}
.ulmykids ul li .cont_photo:before{
    content: " ";
    width: 120px;
    height: 120px;
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.5);
     box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.5);
    position: absolute;
    top: -1px;
    left: -1px;

}
.ulmykids ul li .cont_photo img{
  width: 104%;
  height: auto !important;
  margin-left: -2px;
  margin-top: -2px;
}
.ulmykids ul li div strong{
  color: #4d4d4d;
  font-size: 14px;
  font-style: normal;
  font-size: 14px;
  margin-bottom: 2px;
}
.ulmykids ul li div strong em{
  color: #7b7b7b;
  font-weight: normal;
  font-size: 14px;
  font-style: normal;
}
.ulmykids ul li div p{
  color: #7b7b7b;
  font-size: 14px;
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-right: 20px;
  margin-bottom: 2px;
}
.ulmykids ul li div p.break{
  display: block;
  margin-bottom: 20px;
}
.ulmykids ul li div p strong{
  color: #4d4d4d;
  font-weight: normal;
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-bottom: 2px;
  font-size: 14px;
}
.ulmykids ul li div .btn_green{
  padding: 10px 50px;
  margin-right: 20px;
}
.ulmykids ul li div .btn_blue{
  padding: 10px 30px;
}
.ulmykids ul li div .btn_red2{
    padding: 10px 30px;
}
.links{
  margin-top: 20px;
}
.links .btn_green{
  margin-left: 144px;
  margin-right: 20px;
}
.content_profile_kids{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 273px;
}

#windowProfileChild .cont_photo{
  width: 118px;
  height: 118px;
  background: #fff;
  border-radius: 100px;
  margin-right: 20px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;

}
#windowProfileChild .cont_photo:before{
    content: " ";
    width: 121px;
    height: 120px;
    border-radius: 100px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 4px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 4px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 4px rgba(255, 255, 255, 0.5);
    position: absolute;
    top: -1px;
    left: -2px;
}
#windowProfileChild strong{
  font-size: 14px;
  color: #4d4d4d;
  font-style: normal;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 5px;
}
.addBalanceAll{
    width: 329px !important;
}
#windowProfileChild strong em, .addBalanceAll strong{
  font-size: 14px;
  font-style: normal;
  color: #7b7b7b;
}
#windowProfileChild p{
  text-align: center;
  font-size: 14px;
  color: #7d7d7d;
  margin-bottom: 5px;
}
#windowProfileChild p.brake{
  margin-bottom: 30px;
}
#windowProfileChild p strong{
  display: inline-block;
  *display: inline;
  *zoom:1;
  font-size: 14px;
  margin-bottom: 0;
  color: #4d4d4d;
  font-style: normal;
  font-weight: normal;
  margin-top: 0;
}
#windowProfileChild .cont_photo img{
  width: 104%;
  height: auto !important;
  margin-left: -2px;
  margin-top: -2px;
}
.bg_gray{
  padding: 15px;
  background: #efefef;
  display: block;
  margin-top: 20px;
  position: relative;
}
#windowProfileChild .bg_gray p{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 155px;
  text-align: left;
  vertical-align: top;
  line-height: 44px;
}
#windowConfirmationBalanceChild{
  padding-right: 10px;
}
#windowConfirmationBalanceChild strong{
  color: #505050;
  font-style: normal;
  font-size: 14px;
}
#windowConfirmationBalanceChild .contentinfo p{
  color: #787878;
  margin-bottom: 7px;
}
#windowConfirmationBalanceChild .contentinfo p strong{
  display: inline-block;
  *display: inline;
  *zoom:1;
  font-style: normal;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0;
  color: #505050;
}
#windowConfirmationBalanceChild .contentinfo p strong.total {
  width: 100px;
  font-size: 19px;
  color: #ff6600;
  font-weight: normal;
}
#windowConfirmationBalanceChild .btn_green{
  margin-right: 20px;
  margin-top: 15px;
  margin-left: 43px;
  margin-left: 43px;
}
#windowConfirmationBalanceChild .btn_blue{
  margin-bottom: 0;
}
#windowConfirmationBalanceAll{
  padding-right: 10px;
}
#windowConfirmationBalanceAll strong{
  color: #505050;
  font-style: normal;
  font-size: 14px;
}
#windowConfirmationBalanceAll .contentinfo p{
  color: #787878;
  margin-bottom: 7px;
}
#windowConfirmationBalanceAll .contentinfo p strong{
  display: inline-block;
  *display: inline;
  *zoom:1;
  font-style: normal;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0;
  color: #505050;
}
#windowConfirmationBalanceAll .contentinfo p strong.total {
  width: 100px;
  font-size: 19px;
  color: #ff6600;
  font-weight: normal;
}
#windowConfirmationBalanceAll .btn_green{
  margin-right: 20px;
  margin-top: 15px;
  margin-left: 43px;
  margin-left: 43px;
}
#windowConfirmationBalanceAll .btn_blue{
  margin-bottom: 0;
}


#windowConfirmationEcheckBalanceChild{
  padding-right: 10px;
}
#windowConfirmationEcheckBalanceChild strong{
  color: #505050;
  font-style: normal;
  font-size: 14px;
}
#windowConfirmationEcheckBalanceChild .contentinfo p{
  color: #787878;
  margin-bottom: 7px;
}
#windowConfirmationEcheckBalanceChild .contentinfo p strong{
  display: inline-block;
  *display: inline;
  *zoom:1;
  font-style: normal;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0;
  color: #505050;
}
#windowConfirmationEcheckBalanceChild .contentinfo p strong.total {
  width: 100px;
  font-size: 19px;
  color: #ff6600;
  font-weight: normal;
}
#windowConfirmationEcheckBalanceChild .btn_green{
  margin-right: 20px;
  margin-top: 15px;
  margin-left: 43px;
  margin-left: 43px;
}
#windowConfirmationEcheckBalanceChild  .btn_blue{
  margin-bottom: 0;
}
#pinPanel{
  position: absolute;
  top: 0;
  left: 0;
  background: #efefef;
}
#pinPanel #pinPanel1 input{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 99px;
  margin-bottom: 10px;
  margin-right: 20px;
  margin-top: 20px;
}
#pinPanel #pinPanel1 input ::-webkit-input-placeholder {
  color: #7d7d7d;
}

#pinPanel #pinPanel1 input :-moz-placeholder { /* Firefox 18- */
  color: #7d7d7d;
}

#pinPanel #pinPanel1 input ::-moz-placeholder {  /* Firefox 19+ */
  color: #7d7d7d;
}

#pinPanel #pinPanel1 input :-ms-input-placeholder {
  color: #7d7d7d;
}
#pinPanel #pinPanel1 .btn_green{
  margin-right: 20px;
}
#pinPanel #pinPanel1 input:first-child{
  margin-right: 10px;
  margin-left: 20px;
}
#pinPanel #pinPanel1 .linkremovePIN{
  margin-left: 20px;
  margin-top: 20px;
}
#windowProfileChild .bg_gray input[type="checkbox"]{
  margin-top: 16px;
}
#windowProfileChild .bg_gray input[type="text"]{
  width: 69px;
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-left: 5px;
  border: 1px solid #cfcfcf;
  margin-bottom: 0;
}
#windowProfileChild .bg_gray .btn_green{
  margin: 0 auto;
  display: block;
  width: 99px;
  min-width: 99px;;
  margin-top: 10px;
}
.savepurchaselimit{
 position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  background: none;
  z-index: 9999999999;
  border: 0;
  text-indent: -99999em;
}
.savepurchaselimit:hover{
  background: none;
}
.bg_gray .btn_close{
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../img/icon_close.jpg") no-repeat;
  text-indent: -9999em;
}
.reports_profileKid{
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  border: 1px solid #e8e8e8;
  width: 412px;
  height: 419px;
  margin-left: 20px;
  overflow: auto;
}
.reports_profileKid strong{
  text-align: left !important;
  margin-left: 20px;
  margin-bottom: 0 !important;
}
.reports_profileKid::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
.reports_profileKid::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none }
.reports_profileKid::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
.reports_profileKid::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
.reports_profileKid::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
.reports_profileKid::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
.reports_profileKid::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}

/*pop add balance*/
#windowBalanceChild .ui-dialog-content {
  padding: 0 !important;
}
#windowBalanceChild .modal-body{
  width: 100%;
  padding-bottom: 59px;
}
#windowBalanceChild .cont_photo{
  width: 118px;
  height: 118px;
  background: #000;
  border-radius: 100px;
  overflow: hidden;
  margin: 20px 20px 0 20px;
  display: inline-block;
  *display: inline-block;
  *zoom:1;
  vertical-align: top;
  position: relative;
}
#windowBalanceChild .cont_photo:before{
  content:" ";
  width: 118px;
  height: 118px;
  border-radius: 100px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  -moz-box-shadow:    0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow:         0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;

}
#windowBalanceChild .cont_photo img{
  height: 104%;
  margin-left: -2px;
  margin-top: -2px;
}
#windowBalanceChild .contentinfo{
  display: inline-block;
  *display: inline-block;
  *zoom:1;
  min-width: 180px;
  padding-right: 20px;
  vertical-align: top;
  margin-top: 27px;
}
#windowBalanceChild .contentinfo strong{
  font-size: 14px;
  font-style: normal;
  color: #4d4d4d;
  margin-bottom: 10px;
  margin-top: 20px;
}
#windowBalanceChild .contentinfo em{
  font-style: normal;
  color: #7d7d7d;
  font-size: 14px;
  font-weight: normal;
}
#windowBalanceChild .contentinfo p {
 font-size: 14px;
  display: block;
  margin-bottom: 0;
 color: #7d7d7d;
  margin-bottom: 10px;
}
#windowBalanceChild .contentinfo p strong{
  color: #4d4d4d;
  font-weight: normal;
  display: inline-block;
  *display: inline-block;
  *zoom:1;
  margin-bottom: 0;
  font-style: normal;
  margin-top: 0;
}
#windowBalanceChild .bg_gray p{
  display: inline-block;
  *display: inline;
  *zoom:1;
  color: #7b7b7b;
}
#windowBalanceChild .bg_gray input[type="text"]{
  display: inline-block;
  *display: inline-block;
  *zoom:1;
  width: 120px;
  margin-bottom: 0;
  margin-left: 10px;
  border: 1px solid #cfcfcf;
}
#windowBalanceChild .creditscards{
  padding: 20px;
  max-height: 208px;
  overflow: auto;
}
#windowBalanceChild .creditscards p{
  margin-bottom: 10px;
}
#windowBalanceChild .creditscards li{
  background: #efefef;
  padding: 10px;
  width: auto;
}
#windowBalanceChild .creditscards li input{
  padding: 0;
  margin: 0;
}
#windowBalanceChild .creditscards li label{
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-bottom: 0;
  font-size: 14px;
  vertical-align: top;
  margin-left: 5px;
  color: #7b7b7b;
}
#windowBalanceChild .creditscards li em{
  float: right;
  font-style: normal;
  font-size: 13px;
  color: #4d4d4d;
}
#windowBalanceChild a.otherpayment{
  float: right;
  font-size: 13px;
  color: #a1a1a1;
  margin-top: 10px;
}
#windowBalanceChild .btn_blue{
  right: 18px;
  float: right;
}
#windowBalanceChild .btn_green{
  background: url("../img/icon_close.jpg") no-repeat;
  top: 0;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 0;
  display: block;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  z-index: 999999;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0), inset 0px 0px 1px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow:    1px 2px 2px 0px rgba(0, 0, 0, 0), inset 0px 0px 1px 0px rgba(255, 255, 255, 0);
  box-shadow:         1px 2px 2px 0px rgba(0, 0, 0, 0), inset 0px 0px 1px 0px rgba(255, 255, 255, 0);

}
#windowBalanceChild .btn_green .ui-button-text{
  text-indent: -9999em;
}
#windowBalanceChild .confirm_creditcard{
  background: #efefef;
  margin-bottom: 5px;
}
#windowBalanceChild .confirm_creditcard label{
  color: #505050;
  border-top: 1px solid #DADADA;
  margin-left: 10px;
  display: block;
  padding-top: 10px;
}
#windowBalanceChild .confirm_creditcard input{
  margin-left: 10px;
  width: 200px !important;
  margin-bottom: 10px;
}



#confirmBalance strong{
  color: #4d4d4d;
  font-size: 14px;
  font-style: normal;
}
#confirmBalance .btn_blue{
  margin-bottom: 0;
  margin-right: 20px;
}
#confirmBalance .btn_green{
  margin-bottom: 0;
}

#windowBalanceAllChild .confirm_creditcard{
  background: #efefef;
  margin-bottom: 5px;
}
#windowBalanceAllChild .confirm_creditcard label{
  color: #505050;
  border-top: 1px solid #DADADA;
  margin-left: 10px;
  display: block;
  padding-top: 10px;
}
#windowBalanceAllChild .confirm_creditcard input{
  margin-left: 10px;
  width: 200px !important;
  margin-bottom: 10px;
}
#windowBalanceAllChild .btn_green{
  background: url("../img/icon_close.jpg") no-repeat;
  top: 0;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 0;
  display: block;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  z-index: 999999;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0), inset 0px 0px 1px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow:    1px 2px 2px 0px rgba(0, 0, 0, 0), inset 0px 0px 1px 0px rgba(255, 255, 255, 0);
  box-shadow:         1px 2px 2px 0px rgba(0, 0, 0, 0), inset 0px 0px 1px 0px rgba(255, 255, 255, 0);

}
#windowBalanceAllChild .btn_green .ui-button-text{
  text-indent: -9999em;
}
/*pop add kid*/
#windowSupervisorChild .ui-dialog-content{
  padding: 0 !important;
}
#windowSupervisorChild strong{
  font-size: 14px;
  color: #4d4d4d;
  font-style: normal;
  margin-left: 20px;
  margin-top: 20px;
}
#windowSupervisorChild p{
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-bottom: 5px;
  margin-left: 20px;
}
#windowSupervisorChild input[type="text"], #windowSupervisorChild select{
  display: block;
  border: 1px solid #cfcfcf;
  margin-left: 20px;
  margin-right: 20px;
  outline: none;
  width: 277px;
  padding: 10px 0 10px 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}
#windowSupervisorChild select{
  width: 289px;
}
#windowSupervisorChild .btn_green{
  min-width: 90px;
  float: right;
  margin-right: 20px;
}
#windowSupervisorChild .btn_blue{
  margin: 0 auto;
  display: block;
}
#windowSupervisorChild #childpanel strong{
  font-size: 14px;
  color: #4d4d4d;
  margin: 0 0 5px 0;
}
#windowSupervisorChild #childpanel .cont_photo{
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 100px;
  overflow: hidden;
  vertical-align: top;
  position: relative;
}
#windowSupervisorChild #childpanel .cont_photo:before{
  content:" ";
  width: 52px;
  height: 52px;
  border-radius: 100px;
  -webkit-box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.5);
  -moz-box-shadow:    inset 0 0 0 4px rgba(255, 255, 255, 0.5);
  box-shadow:         inset 0 0 0 4px rgba(255, 255, 255, 0.5);
  position: absolute;
  top: -1px;
  left: -1px;

}
#windowSupervisorChild #childpanel .cont_photo img{
  width: 104%;
  height: auto;
  margin-left: -2px;
  margin-top: -2px;
}
#windowSupervisorChild #childpanel p{
  display: block;
  margin-left: 0;
  margin-bottom: 0;
  color: #7b7b7b;
}
#windowSupervisorChild #childpanel p  strong{
  display: inline-block;
  *display: inline;
  *zoom:1;
  font-weight: normal;
  color: #4d4d4d;
  margin-bottom: 5px;
}
#windowSupervisorChild #childpanel .btn_blue{
  margin-bottom: 15px;
  margin-left: 65px;
}
.contentStudent:first-child{
    margin-top: 0;
}
.contentStudent{
    margin-top: 15px;
    border-bottom: 1px solid #dcdcdc;
}

.contentStudent:last-child{
    border-bottom: 0;
}
/*add balance for all*/
#windowBalanceAllChild .kid{
  display: block;
  margin-bottom: 20px;
}
#dataTableContactBalanceAllChild{
  max-height: 330px;
  overflow: auto;
  display: block;
  width: 487px;
  margin-bottom: 10px;
}
#dataTableContactBalanceAllChild::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
#dataTableContactBalanceAllChild::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none }
#dataTableContactBalanceAllChild::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
#dataTableContactBalanceAllChild::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
#dataTableContactBalanceAllChild::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
#dataTableContactBalanceAllChild::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
#dataTableContactBalanceAllChild::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}

#windowBalanceAllChild .modal-body{
  width: 100%;
  padding-bottom: 59px;
}
#windowBalanceAllChild .cont_photo{
  width: 72px;
  height: 72px;
  background: #fff;
  border-radius: 100px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  -moz-box-shadow:    0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow:         0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  margin: 1px 10px 0 1px;
  position: relative;
}
#windowBalanceAllChild .cont_photo:before{
  content:" ";
  width: 72px;
  height: 72px;
  border-radius: 100px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  -moz-box-shadow:    0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow:         0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;

}
#windowBalanceAllChild .cont_photo img{
  width: 104%;
  height: auto;
  margin-left: -2px;
  margin-top: -2px;
}
#windowBalanceAllChild .user_info{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 244px;
  padding-top: 8px;
}
#windowBalanceAllChild .user_info strong{
  display: block;
  font-size: 14px;
  font-style: normal;
  color: #4d4d4d;
  margin-bottom: 5px;
}
#windowBalanceAllChild .user_info strong em{
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  color: #7b7b7b;
}
#windowBalanceAllChild .user_info p{
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  color: #7b7b7b;
  margin-bottom: 5px;
}
#windowBalanceAllChild .user_info p strong{
  font-weight: normal;
  color: #4d4d4d;
  font-style: normal;
  margin-bottom: 0;
  display: inline-block;
  *display: inline;
  *zoom:1;
}
#windowBalanceAllChild .enter_amount{
  display: inline-block;
  *display: inline;
  *zoom:1;
  background: #efefef;
  padding: 10px;
  vertical-align: top;
}
#windowBalanceAllChild .enter_amount p{
  margin-bottom: 5px;
}
#windowBalanceAllChild .enter_amount input{
  width: 102px;
  border: 1px solid #cfcfcf;
  margin-bottom: 0;
}
#windowBalanceAllChild .creditscards{
  max-height: 148px;
  overflow: auto;
}
#windowBalanceAllChild .creditscards p{
  margin-bottom: 10px;
}
#windowBalanceAllChild .creditscards li{
  background: #efefef;
  padding: 10px;
}
#windowBalanceAllChild .creditscards li input{
  padding: 0;
  margin: 0;
}
#windowBalanceAllChild .creditscards li label{
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-bottom: 0;
  vertical-align: top;
  margin-left: 5px;
  color: #7b7b7b;
}
#windowBalanceAllChild .creditscards li em{
  float: right;
  font-style: normal;
  font-size: 13px;
  color: #4d4d4d;
}
#windowBalanceAllChild a.otherpayment{
  float: right;
  font-size: 13px;
  color: #a1a1a1;
  margin-top: 10px;
}

#windowBalanceAllChild .btn_blue{
  position: absolute;
  bottom: 0;
  right: 18px;
}

#windowProfileChild .ui-datatable{
  padding: 10px;
  position: relative;
}
#windowProfileChild .ui-datatable table{
  border-spacing: 0;
}
#windowProfileChild .ui-datatable .ui-state-default .ui-dt-c{
  padding: 0;
  position: relative;
}
#windowProfileChild .ui-datatable .ui-state-default .ui-dt-c span{
  font-weight: normal;
  color: #4d4d4d;
  font-size: 14px;
  margin: 0 auto;
  display: block;
  border-left: 1px solid #e3e3e3;
  padding: 5px 10px;
  text-align: center;
}
#windowProfileChild .ui-datatable .ui-state-default:first-child .ui-dt-c span{
  border-left: 0 !important;
}
#windowProfileChild .ui-datatable .ui-state-default .ui-dt-c span.ui-sortable-column-icon{
  position: absolute;
  right: 4px;
  background: url("../img/triangule_down2.png") no-repeat;
  width: 13px;
  height: 6px;
  border-right: 0;
  padding: 0;
  margin: 0;
  left: auto;
  top: 9px;
}
#windowProfileChild .ui-datatable .ui-state-default:last-child .ui-dt-c span{
  border-right: 0;
}
#windowProfileChild .ui-datatable-data .ui-widget-content{
  border-bottom: 1px solid #f5f5f5;
}
#windowProfileChild .ui-datatable-data .ui-widget-content td{
  border: 0;
  border-right: 1px solid #e3e3e3 ;
}
#windowProfileChild .ui-datatable-data .ui-widget-content td:last-child{
  border-right: 0;
}
#windowProfileChild .ui-datatable-data .ui-widget-content td .ui-dt-c{
  font-size: 14px;
  color: #a1a1a1;
  padding: 10px;
  vertical-align: top;
}
#windowProfileChild .ui-datatable table tr{
  border-bottom: 1px solid #dfdfdf;

}
#windowProfileChild .ui-datatable table tfoot tr{
  border-bottom: 0;

}
#windowProfileChild .ui-datatable table tfoot tr td{
  padding: 10px 0 0 0;
  text-align: right !important;
  font-size: 14px;
  color: #a1a1a1;
}
#windowProfileChild .ui-datatable table tfoot tr td:last-child{
  color: #4d4d4d;
}
#windowProfileChild .ui-datatable table tfoot tr td.ui-paginator:last-child{
  text-align: center !important;
    position: relative;
    overflow: visible;
}
#windowProfileChild .ui-datatable table tfoot tr:last-child{
  position: absolute;
  width: 93%;
}
.otherpayment{
  background: none;
  font-size: 13px;
  color: #a1a1a1;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
label.confirmcard{
  color: #7b7b7b;
  font-size: 13px;
  display: block;
  margin-top: 10px;
  display: block !important;
  border-top: 1px solid #DADADA;
  padding-top: 10px;
  margin-left: 0 !important;
}
input.confirmcard{
  width: 98%;
  height: 41px;
  margin-top: 10px !important;
  display: block;
}
#eCheckPanel{
  position: absolute;
  background: #fafafa;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:    1px 2px 2px 0px rgba(0, 0, 0, 0.12);
  box-shadow:         1px 2px 2px 0px rgba(0, 0, 0, 0.12);
  left: -203px;
  top: 9px;
  z-index: 9999999;
  border-radius: 5px;
}
#eCheckPanel .content_tab div.col span{
  width: 47.2%;
}
#eCheckPanel .content_tab_padding{
  width: 740px;
}
#eCheckPanel .content_tab label{
    display: block;
    width: 100%;
}
#eCheckPanel .content_tab select{
  width: 100%;
  background: #fff;
  border-radius: 5px;
  padding: 10px 0 10px 10px;
  font-size: 15px;
  color: #7b7b7b;
  border: 1px solid #d8d6ce;
}
#eCheckPanel .content_tab input{
  width: 95%;
}
#eCheckPanel .content_tab_padding div.col span label{
  width: 133px;
}
/* PRE-ORDER */
.content.bg_preorder{
  background: #fff;
}
.fixed{
  position: fixed;
  z-index: 99;
  background: #f7f7f5;
  width: 100%;
  display: block;
}
.fixed .preorder.backandtitle{
  display: none;
}
.content.bg_preoder{
  background: #fff;
}
.preorder.backandtitle{
  position: relative;
  top: 13px;
  left: -15px;
  max-width: 297px;
}
.preorder.backandtitle a{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 39px;
  height: 34px;
  padding-left: 16px;
  padding-top: 13px;
  margin-top: 4px;
  background: #068897; /* Old browsers */
  background: -moz-linear-gradient(top,  #068897 0%, #026475 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#068897), color-stop(100%,#026475)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #068897 0%,#026475 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #068897 0%,#026475 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #068897 0%,#026475 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #068897 0%,#026475 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#068897', endColorstr='#026475',GradientType=0 ); /* IE6-9 */
  vertical-align: top;
  -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:    0px 3px 1px 0px rgba(0, 0, 0, 0.12);
  box-shadow:         0px 3px 1px 0px rgba(0, 0, 0, 0.12);
}
.preorder.backandtitle h1{
  background: url("../img/bg/bg_title_preorder.png");
  background-position: right 0;
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 75%;
  height: 40px;
  padding-left: 15px;
  padding-top: 18px;
  color: #fff;
  font-size: 16px;
  margin-left: -1px;
}
.preorder.backandtitle:after{
  content: "after";
  display: block;
  width: 14px;
  height: 9px;
  background: url("../img/bg/bg_title_preorder_after.png");
  position: absolute;
  text-indent: -9999em;
  bottom: 9px;
}
.products{
  display: inline-block;
  *display: inline;
  zoom:1;
  width: 78.2%;
  vertical-align: top;
  margin-right: 0.5%;
}
#panelOrder h2{
  position: absolute;
  top: 83px;
  left: 18px;
  font-size: 15px;
  color: #333333;
  font-weight: normal;
}
#formOrder{
  padding: 18px 0 0 20px;
}
#panelOrder .ui-tabs-nav{
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  width: 20%;
  margin-right: 1%;
  padding: 0;
  margin-top: 23px;
}
#panelOrder #catalogPanel{
  padding: 0;
}
#panelOrder #catalogPanel .ui-state-active{
  position: relative;
  height: 45px;
  display: block;
  z-index: 1;
  width: 100%;
}
#panelOrder #catalogPanel li.ui-state-default{
  display: block;
  width: 100%;
}
#panelOrder #catalogPanel .ui-state-active a{
  background: url("../img/bg/bg_catalogs.png") no-repeat;
  background-position: -1px;
  padding: 10px 0 0 10px;
  font-weight: bold;
  position: absolute;
  width: 183px;
  height: 34px;
  z-index: 99;
}
#panelOrder #catalogPanel .ui-state-active a,#panelOrder #catalogPanel .ui-state-active a:hover{
  color: #fff !important;
}
#panelOrder #catalogPanel .ui-state-default a{
  color: #333;
}
#panelOrder .ui-tabs-panels{
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  overflow-y: auto;
  height: 520px;
  padding-right: 10px;
  width: 77%;
}
#panelOrder .ui-tabs-panels .ui-tabs-panel{
  padding: 0;
}
.list_products{
  width: 101%;
}
.product_item{
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  width: 22.2%;
  height: 243px;
  border: 1px solid #e5e5e5;
  margin-right: 2.7%;
  background: #fff;
  position: relative;
  margin-bottom: 20px;
}
.product_item .combo{
  width: 68px;
  height: 68px;
  background: url("../img/combo.png") no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.product_item:nth-of-type(4n+0){
  margin-right: 0;
}
.product_item .thumbnail a{
  display: block;
}
.content_img_product{
  height: 135px;
  overflow: hidden;
  margin: 28px auto 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.content_img_product img{
  width: 131px;
  margin: 0 auto;
  display: block;
}

#panelOrder .ui-tabs-panels::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
#panelOrder .ui-tabs-panels::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none }
#panelOrder .ui-tabs-panels::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
#panelOrder .ui-tabs-panels::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
#panelOrder .ui-tabs-panels::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
#panelOrder .ui-tabs-panels::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
#panelOrder .ui-tabs-panels::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}

.cart{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 19.2%;
  float: right;
  margin-right: 20px;
  min-height: 435px;
  max-height: 538px;
  vertical-align: top;
  margin-top: 16px;
}
.cart #orderMenuRight{
  border: 1px solid #d6d6d6;
}
.cart #orderMenuRight h2{
  background: #f7f7f7;
  width: 100%;
  font-weight: normal;
  font-size: 15px;
  padding: 10px 0;
  text-align: center;
  margin-bottom: 0;
}
.cart #orderMenuRight .ui-panel, .cart #orderMenuRight .ui-panel .ui-panel-content{
  padding: 0;
}
.detail_product {
  background: #f7f7f7;
  padding: 7%;
  position: absolute;
  width: 86%;
  bottom: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
#accountSummaryMultiple{
  display: block;
  background: #fffaf7;
}
#accountSummaryMultiple .ui-panel{
  padding: 0;
}
#accountSummaryMultiple .ui-panel-content p{
  padding: 10px 0;
  border-top: 1px solid #f2eeea;
  border-bottom: 1px solid #f2eeea;
}
#accountSummaryMultiple .ui-panel-content p{
  display: inline-block;
  *display: inline;
  *zoom:1;
  font-size: 12px;
  color: #535353;
  text-align: center;
  display: block;
  margin-bottom: 0;
}
#accountSummaryMultiple .ui-panel-content p span{
  font-size: 12px;
  color: #ff6600;
  text-align: center;
}
.detail_product .productTitle{
  color: #505050;
  font-size: 11px;
  margin-bottom: 4px;
  display: block;
}
.detail_product .price{
  text-align: right;
  font-size: 13px;
}
.detail_product .btn_greenbuy{
  position: absolute;
  bottom: -40px;
  width: 61%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.product_item:hover{
  min-height: 153px;
  -webkit-transition: min-height 0.3s;
  -moz-transition: min-height 0.3s;
  -ms-transition: min-height 0.3s;
  -o-transition: min-height 0.3s;
  transition: min-height 0.3s;
}
.product_item:hover .btn_greenbuy{
  display: block !important;
  bottom: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.product_item:hover .detail_product{
  padding-bottom: 53px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.product_item:hover .content_img_product{
  margin-top: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cart_quantity{
  display: none;
}
#outputPanelCart{
  padding: 0;
}

.cart_product_item{
  padding: 10px;
  border-bottom: 1px solid #f2f2f2;
}
.cart_product_item p.name{
  font-size: 11px;
  width: 74%;
  color: #535353;
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  margin-bottom: 1px;
}
.cart_product_item strong{
  font-size: 10px;
  color: #ff6600;
  display: inline-block;
  *display: inline;
  zoom:1;
  font-style: normal;
  text-align: right;
  float: right;
  overflow: hidden;
  vertical-align: top;
  margin-bottom: 1px;
}
.cart_product_item p.quantity{
  color: #a1a1a1;
  font-size: 11px;
  width: 72%;
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-bottom: 0;
}
.cart_product_item p.quantity em{
  font-style: normal;
  color: #4d4d4d;
}
.cart_product_item .btn_cart_delete{
  width: 17px;
  height: 17px;
  border-radius: 3px;
  background: #ececec;
  color: #ff6600;
  line-height: 15px;
  display: inline-block;
  text-align: center;
  float: right;
}
.catalogsandcart, .catalogsandcart_tablet{
  display: none;
}
.cart .close_cart{
  display: none;
}
.resultTable{
  border-top: 1px solid #d9d9d9;
  padding: 10px;
}
.resultTable p{
  color: #8d8d8d;
  font-size: 11px;
  text-align: right;
  margin-bottom: 0;
}
.resultTable p strong{
  color: #585655;
  font-weight: normal;
  font-size: 11px;
  font-style: normal;
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 65px;
  margin-bottom: 0;
}
.resultTable p.total{
  color:#8d8d8d;
  font-size: 13px;
  margin: 10px 0 0 0;
}
.resultTable p.total strong{
  font-size: 19px;
  color: #ff6600;
}
.cart .btn_greenbuy{
  margin-left: 10px;
  margin-bottom: 8px;
  width: 92%;
}
.cartCatalog{
  min-height: 216px;
  overflow-y: auto;
  max-height: 315px;
}
.cartCatalog::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
.cartCatalog::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none }
.cartCatalog::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
.cartCatalog::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
.cartCatalog::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
.cartCatalog::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
.cartCatalog::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}

#panelGridConfirmationDialog #dataTableOrderConfirmation table .ui-state-default .ui-dt-c{
  border-bottom: 1px solid #dadada;
  border-right: 1px solid #dddddd;
}
#panelGridConfirmationDialog #dataTableOrderConfirmation table .ui-state-default:last-child .ui-dt-c {
  border-right: 0;
}
#panelGridConfirmationDialog #dataTableOrderConfirmation table .ui-state-default .ui-dt-c span{
  font-size: 13px;
  font-weight: normal;
  color: #4d4d4d;
}
#panelGridConfirmationDialog #dataTableOrderConfirmation table #dataTableOrderConfirmation_data .ui-widget-content td:first-child .ui-dt-c{
  text-align: left;
}
#panelGridConfirmationDialog #dataTableOrderConfirmation table #dataTableOrderConfirmation_data .ui-widget-content .ui-dt-c{
  font-size: 13px;
  color: #a1a1a1;
  padding: 15px 5px;
  border-bottom: 1px solid #eeeeee;
  border-right: 1px solid #dddddd;
  text-align: center;
}
#panelGridConfirmation #panelGridConfirmationDialog .ui-widget-content{
  padding: 20px 20px 71px 20px !important;
}
#panelGridConfirmationDialog #dataTableOrderConfirmation table #dataTableOrderConfirmation_data .ui-widget-content .total .ui-dt-c{
  color:#4d4d4d;
  border-right: 0;
}
#panelGridConfirmationDialog #dataTableOrderConfirmation table #dataTableOrderConfirmation_data .ui-widget-content td{
  border: 0;
}
#panelGridConfirmationDialog .priceTableDlg{
  float: right;
  margin-top: 15px;
}
#panelGridConfirmationDialog .priceTableDlg tr td{
  font-size: 13px;
  color: #a1a1a1;
  text-align: right;
}
#panelGridConfirmationDialog .priceTableDlg tr td.currencyCells{
  text-align: right;
  color: #4d4d4d;
  width: 80px;
}
#panelGridConfirmationDialog .priceTableDlg tr td.lead{
  color: #4d4d4d;
}
#panelGridConfirmationDialog .priceTableDlg tr td.lead.currencyCells{
  color: #ff6600;
  font-size: 19px;
  font-weight: normal;
}
#panelGridConfirmationDialog .ui-widget-content .modal-body .row-fluid{
  max-height: 360px;
  overflow: auto;
}
#panelGridConfirmationDialog .ui-widget-content .modal-body .row-fluid::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
#panelGridConfirmationDialog .ui-widget-content .modal-body .row-fluid::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none }
#panelGridConfirmationDialog .ui-widget-content .modal-body .row-fluid::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
#panelGridConfirmationDialog .ui-widget-content .modal-body .row-fluid::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
#panelGridConfirmationDialog .ui-widget-content .modal-body .row-fluid::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
#panelGridConfirmationDialog .ui-widget-content .modal-body .row-fluid::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
#panelGridConfirmationDialog .ui-widget-content .modal-body .row-fluid::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}

#panelGridConfirmationDialog .ui-widget-content .modal-footer{
  bottom: 17px;
  right: 17px;
  position: absolute;
}
#panelGridConfirmationDialog .ui-widget-content .modal-footer .btn_green{
  margin-right: 10px;
}
#variantDialog.ui-dialog{
  overflow: visible !important;
}
#variantDialog .ui-messages{
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 96%;
  padding: 0 2% !important;
  margin-bottom: -10px;
}
#variantDialog .ui-messages .ui-messages-error{
  padding: 11.4px 0 !important;
  background: #ff3e3e;
  display: block;
  border-top-left-radius: 5px;
  border: 0;
  border-top-right-radius: 5px;
}
#variantDialog .ui-messages .ui-messages-error .ui-messages-error-summary {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}
#variantDialog .ui-messages .ui-messages-error .ui-messages-error-icon{
  background: url("../img/icons/error.png") center 3px no-repeat;
  margin-left: 11px;
}
#variantDialog.ui-dialog .ui-dialog-content{
  overflow: visible;
}
.cart #outputPanelCart .btn_greenbuy{
  width: 92% !important;
}
#accountSummaryMultiple input{
  margin-right: 0;
  margin-top: 1px;
}
#accountSummaryMultiple label{
  text-align: left;
  font-size: 12px;
  color: #4d4d4d;
  vertical-align: top;
}
#accountSummaryMultiple table{
  margin: 0 auto;
  padding: 5px 0;
}
#outputPanelEmptyCatalog{
  text-align: center;
  background: url("../img/nophoto.jpg") top center no-repeat;
  padding-top: 200px;
  display: block;
  width: 200px;
  margin: -431px auto 0;
}
#outputPanelEmptyCatalog strong{
  color: #848484;
}

/* popup product*/
#variantDialog .ui-galleria{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  overflow: visible !important;
  margin-right: 20px;
  height: 256px !important;
}
#variantDialog .ui-galleria .gv-strip_wrapper{
  top: 218px !important;
}
#variantDialog .ui-galleria .ui-galleria-panel_wrap{
  -webkit-box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.26);
  -moz-box-shadow:    2px 3px 4px 0px rgba(0, 0, 0, 0.26);
  box-shadow:         2px 3px 4px 0px rgba(0, 0, 0, 0.26);
}
.ui-galleria-img-wrap{
  border: 1px solid #d7d7d7;
}
#variantDialog .content_popup_product{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.content_popup_product p{
  font-size: 16px !important;
  font-weight: bold;
  color: #4d4d4d;
}
.content_popup_product strong{
  color: #ff6600;
  font-style: normal;
  font-size: 16px;
}
.content_popup_product .form-inline p{
  display: inline-block;
  *display: inline;
  *zoom:1;
  font-size: 14px !important;
  color: #7b7b7b;
  font-weight: normal;
  margin-right: 5px;
}
.content_popup_product .form-inline #quantityProducts{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 53px;
  border: 1px solid #d8d6ce;
  text-align: center;
  padding-left: 0;
  margin-bottom: 0;
  font-size: 14px;
  color: #7b7b7b;
}
.text_description .ui-panel-title{
  font-size: 14px;
  color: #7b7b7b;
  font-weight: normal;
  margin-top: 10px;
}
.text_description{
  padding: 0;
  margin-top: 5px;
}
.text_description .productDesc{
  color: #4d4d4d;
  font-size: 14px;
  font-weight: normal;
}
.text_description.ui-panel .ui-panel-titlebar{
  margin-bottom: 5px;
}
.text_description.ui-panel .ui-panel-titlebar, .text_description.ui-panel .ui-panel-content{
  padding: 0;
}
.content_popup_product .btn_blue{
  float: right;
  margin-top: 10px;
}
/* Popup Combo */
#comboDialog .ui-galleria{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  overflow: visible !important;
  margin-right: 20px;
  height: 256px !important;
  vertical-align: top;
}
#comboDialog .ui-galleria .gv-strip_wrapper{
  top: 218px !important;
}
#comboDialog .ui-galleria .ui-galleria-panel_wrap{
  -webkit-box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.26);
  -moz-box-shadow:    2px 3px 4px 0px rgba(0, 0, 0, 0.26);
  box-shadow:         2px 3px 4px 0px rgba(0, 0, 0, 0.26);
}
.content_popup_product{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 346px;
  vertical-align: top;
}
.selects_variations{
  width: 330px;
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  margin-left: 15px;
  padding-left: 20px;
  border-left: 1px solid #b9b9b9;
  overflow: auto;
  max-height: 256px;
}
.selects_variations::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
.selects_variations::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none }
.selects_variations::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
.selects_variations::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
.selects_variations::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
.selects_variations::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
.selects_variations::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}


.nombrecombo{
  margin-bottom: 6px;
}
#comboPricePanel{
  color: #ff6600;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
}
.quantify_combo p{
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-bottom: 0;
  font-size: 14px !important;
  color: #7b7b7b;
  font-weight: normal;
  margin-right: 5px;

}
.quantify_combo input{
  display: inline-block;
  width: 53px;
  border: 1px solid #d8d6ce;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 0;
  font-size: 14px;
  color: #7b7b7b;
}
.combodescription{
  margin-top: 20px;
}
.combodescription strong{
  font-size: 14px !important;
  color: #7b7b7b;
  font-weight: normal;
  margin-bottom: 5px;
}
.content_popup_product .combodescription p{
  font-size: 14px !important;
  font-weight: normal;
  color: #4d4d4d;
}
#comboDialog .btn_blue{
  margin-top: 0;
}
.selects_variations .orange{
  font-size: 14px;
  color: #7b7b7b;
  margin-top: 0;
  margin-bottom: 5px;
}
.selects_variations .orang:first-child{
  margin-top: 0;
}
.selects_variations .comboSection label{
  font-size: 14px;
  color: #4d4d4d;
}
.selects_variations .comboSection input[type="radio"]{
  margin-top: 0;
}
#comboDialog .ui-messages{
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 96%;
  padding: 0 2% !important;
  margin-bottom: -10px;
}
#comboDialog .ui-messages .ui-messages-error{
  padding: 11.4px 0 !important;
  background: #ff3e3e;
  display: block;
  border-top-left-radius: 5px;
  border: 0;
  border-top-right-radius: 5px;
}
#comboDialog .ui-messages .ui-messages-error .ui-messages-error-summary {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}
#comboDialog .ui-messages .ui-messages-error .ui-messages-error-icon{
  background: url("../img/icons/error.png") center 3px no-repeat;
  margin-left: 11px;
}
#comboDialog.ui-dialog .ui-dialog-content{
  overflow: visible;
}

#comboDialog.ui-dialog{
  overflow: visible !important;
}
.orderreason{
  width: 270px;
  margin-top: -71px;
}
.orderreason textarea{
  border: 1px solid #cfcfcf;
  border-radius: 5px;
  height: 37px;
  padding: 10px;
  width: 90%;
}
.orderreason p{
  font-size: 14px;
  color: #4d4d4d;
  margin-bottom: 5px;
  display: block;
}
/* MENU */
.content.bg_menu{
  background: url("../img/bg/menu.jpg");
  background-position: 51% 0;
}
.bg_menu .backandtitle{
  position: absolute;
  top: 13px;
  left: -15px;
}
.bg_menu .backandtitle a{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 39px;
  height: 34px;
  padding-left: 16px;
  padding-top: 13px;
  margin-top: 4px;
  background: #ac80ae; /* Old browsers */
  background: -moz-linear-gradient(top,  #ac80ae 0%, #8d5b8f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ac80ae), color-stop(100%,#8d5b8f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ac80ae 0%,#8d5b8f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ac80ae 0%,#8d5b8f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ac80ae 0%,#8d5b8f 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ac80ae 0%,#8d5b8f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac80ae', endColorstr='#8d5b8f',GradientType=0 ); /* IE6-9 */
  vertical-align: top;
  -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:    0px 3px 1px 0px rgba(0, 0, 0, 0.12);
  box-shadow:         0px 3px 1px 0px rgba(0, 0, 0, 0.12);
}
.bg_menu .backandtitle h1{
  background: url("../img/bg/bg_title_menu.png") no-repeat;
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 222px;
  height: 40px;
  padding-left: 15px;
  padding-top: 18px;
  color: #fff;
  font-size: 16px;
  margin-left: -1px;
}
.bg_menu .backandtitle:after{
  content: "after";
  display: block;
  width: 14px;
  height: 9px;
  background: url("../img/bg/bg_title_menu_after.png") no-repeat;
  position: absolute;
  text-indent: -9999em;
  bottom: 9px;
}
.tabs_menu_child{
  display: inline-block;
  *display: inline;
  *zoom:1;
  background: url("../img/bg/bg_opacity90.png");
  margin: 84px 1.8% 0 20px;
  border-radius: 5px;
  width: 28%;
  vertical-align: top;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:    0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  box-shadow:         0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  height: 525px;
    overflow: auto;
}
.tabs_menu_childaccordion.ordertoAll{
    overflow: visible;
}
#accordionPanelChildren.ordertoAll{
    overflow-y: auto;
    height: 86%;
    width: 99.6%;
    margin-bottom: 20px;
}
.tabs_menu_child .ui-accordion .ui-accordion-header a{
  padding-left: 0;
}
.schedule{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 66.7%;
  margin-top: 34px;
  vertical-align: top;

}
.schedule .fc-view{
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:    0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  box-shadow:         0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  overflow: auto;
  height: 524px
}

.schedule .fc-view::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
.schedule .fc-view::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none }
.schedule .fc-view::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
.schedule .fc-view::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
.schedule .fc-view::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
.schedule .fc-view::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
.schedule .fc-view::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}

.schedule .fc-first th{
  padding: 15px 0;
  font-size: 14px;
  font-weight: normal;
  color: #4d4d4d;
  border-right: 1px solid #e3e2e2;
  border-bottom: 1px solid #e3e2e2;
}
.schedule .fc-first th:last-child{
  border-right: 0;
}
.schedule .fc-view tr td{
  border-right: 1px solid #e3e2e2;
  border-bottom: 1px solid #e3e2e2;
}
.schedule .fc-view tr td:last-child{
  border-right: 0;
}
.schedule .fc-view tr td .fc-day-number{
  position:  relative;
  bottom: 1px;
  left: 1px;
  font-size: 10px;
  color: #7b7979;
  top: 1px;
}
.schedule .fc-content{
  max-height: 522px;
}

.schedule .fc-content::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
.schedule .fc-content::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none }
.schedule .fc-content::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
.schedule .fc-content::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
.schedule .fc-content::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
.schedule .fc-content::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
.schedule .fc-content::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}
.fc-event-time{display: none; !important}
.fc-event-skin{
  background: none;
  border: none;
  font-size: 10px;
  padding: 1px;
  color: #000;
}
.schedule .ui-resizable-handle{
  display: none;
}
.fc-header-center{
  margin-bottom: 15px;
  display: block;
}
.ordered {
  background: #e8e8e8 !important;
}
.canOrder {
  background: #52b152;
  background: -moz-linear-gradient(top, #52b152 1%, #00a326 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #52b152), color-stop(100%, #00a326));
  background: -webkit-linear-gradient(top, #52b152 1%, #00a326 100%);
  background: -o-linear-gradient(top, #52b152 1%, #00a326 100%);
  background: -ms-linear-gradient(top, #52b152 1%, #00a326 100%);
  background: linear-gradient(to bottom, #52b152 1%, #00a326 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#52b152', endColorstr = '#00a326', GradientType = 0);
  border: 0 none;
}
/*.fc-border-separate .fc-week5.fc-last{*/
  /*display: none !important;*/
/*}*/
#schedule_container .fc-border-separate{
  height: 100%;
}
.tabs_menu_child .ui-accordion .ui-accordion-header.ui-state-active{
  background: #f1eee3; /* Old browsers */
  background: -moz-linear-gradient(top,  #f1eee3 0%, #ebe9dd 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1eee3), color-stop(100%,#ebe9dd)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f1eee3 0%,#ebe9dd 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f1eee3 0%,#ebe9dd 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f1eee3 0%,#ebe9dd 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f1eee3 0%,#ebe9dd 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1eee3', endColorstr='#ebe9dd',GradientType=0 ); /* IE6-9 */
  width: 100%;
  border-bottom: 1px solid #fff;
  border-top: none;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(226, 225, 220, 1);
  -moz-box-shadow:    0px 1px 0px 0px rgba(226, 225, 220, 1);
  box-shadow:         0px 1px 0px 0px rgba(226, 225, 220, 1);
  padding: 10px 0;
}

.tabs_menu_child .ui-accordion .ui-accordion-header a{
  padding: 0;
  color: #5a5a5a;
  font-size: 14px;
  line-height: 30px;
  margin-left: 11px;
}
.ui-state-active .photochild:before{
  top: 0 !important;
}
.photochild{
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 100px;
  margin-right: 10px;
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  overflow: hidden;
  position: relative;
}
.photochild:before{
  content:" ";
  width: 32px;
  height: 32px;
  border-radius: 100px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 2px rgba(255, 255, 255, 0.5);
  -moz-box-shadow:    0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 2px rgba(255, 255, 255, 0.5);
  box-shadow:         0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 2px rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 1px;
  left: 0;
}
.photochild img{
  width: 104%;
  margin-left: 0;
  margin-top: 0;
  height: auto !important;
}
.tabs_menu_child .ui-accordion .ui-accordion-header{
  padding: 11.5px 0;
  width: 100%;
  background: #f4f4f4;
  border-top: 1px solid #fff;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(226, 225, 220, 1);
  -moz-box-shadow:    0px 1px 0px 0px rgba(226, 225, 220, 1);
  box-shadow:         0px 1px 0px 0px rgba(226, 225, 220, 1);
}
.tabs_menu_child .ui-accordion .ui-accordion-content{
  padding: 20px 8%;
}
.tabs_menu_child p{
  color: #7b7b7b;
  font-size: 14px;
  display: block;
}
.tabs_menu_child strong{
  font-size: 14px;
  color: #5a5a5a;
  font-style: normal;
}
.tabs_menu_child p strong{
  display: inline-block;
  *display: inline;
  zoom:1;
  color: #4d4d4d;
  font-style: normal;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0;
}
.tabs_menu_child span{
  width: 100%;
  display: block;
}
.tabs_menu_child span p, .tabs_menu_child span select, .tabs_menu_child span input{
  display: inline-block;
  *display: inline;
  zoom:1;
  padding: 10px;
  color: #7b7b7b;
}
.tabs_menu_child span p{
  width: 37px;
  text-align: left;
  padding-left: 0;
  padding-right: 2.5%;
}
.tabs_menu_child span select{
  border-radius: 5px;
    cursor: pointer;
  border: 1px solid #d8d6ce;
  width: 81.8%;
}
.tabs_menu_child span input{
  width: 99%;
  border-radius: 5px;
  border: 1px solid #d8d6ce;
  margin-bottom: 0;
  padding: 10px 5%;
}
.tabs_menu_child span span{
  width: 74.6%;
  display: inline-block;
  *display: inline;
  zoom:1;
}
.ui-datepicker{
  background: #fff;
  border-radius: 5px;
  border: 1px solid #dddddd;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.34);
  -moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.34);
  box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.34);
}
.ui-datepicker-prev{
  background: url("../img/icon_arrow_left_black.jpg") no-repeat;
  background-position: 6px;
  top: 2px !important;
  left: 2px !important;
}
.ui-datepicker-next{
  background: url("../img/icon_arrow_right_black.jpg") no-repeat;
  background-position: 6px;
  top: 2px !important;
  right: 2px !important;
}
.fc-header-title{
  width: 150px;
}
.fc-header-title h2{
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 8px;
}
.fc-header .fc-button-next{
  margin-bottom: 0;
  width: 35px;
  height: 35px;
  background: url("../img/btn_arrow_right.png");
}
.fc-header .fc-button-prev{
  margin-bottom: 0;
  width: 35px;
  height: 35px;
  background: url("../img/btn_arrow_left.png");
}
.fc-header-space{
  display: none;
}
.bg_menu .cart_menu p{
  text-align: right;
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 100%;
  color: #a2a2a2;
  font-size: 13px;
  padding: 0;
  margin-bottom: 5px;
}
.bg_menu .cart_menu p strong.discount{
  color: #069ed7;
  width: 64px;
}
.bg_menu .cart_menu p strong.total{
  width: 64px;
  font-size: 19px;
  color: #ff6600;
  font-weight: normal;
}
.bg_menu .cart_menu span{
  display: block;
  float: right;
}
.bg_menu .btn_greenbuy{
  width: 100%;
}
.bg_menu .btn_greenbuy.ui-state-disabled{
  background: #7dd394 !important;
}
.bg_menu .btn_greenbuy .ui-button-text{
  padding: 0;
  width: 100%;
    font-weight: bold;
}
.bg_menu .cart_menu strong{
  text-align: right;
  display: inline-block;
  *display: inline;
  *zoom:1;
}
.bg_menu .i-accordion{
  width: 100%;
}
#frmDlg{
  width: 340px;
}
#dlg h2, .titlePopup{
  width: 419px;
  font-size: 14px;
  color: #4d4d4d;
  margin-bottom: 10px;
}
#dlg p{
  color: #7b7b7b;
  line-height: 17px;
}
#dlg p strong, .pricePopup{
  display: inline-block;
  *display: inline;
  *zoom:1;
  font-size: 14px;
  color: #4d4d4d;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 0;
}
#dlg p strong.total, .pricePopup{
  color: #ff6600;
  font-weight: bold;
}
#dlg .btn_blue{
  margin: 0 auto;
  display: block;
}
.bg_menu .bg_popup{
  background: #342135;
  opacity: 0.7;
}
.tabs_menu_child .ui-messages{
  position: relative;
  padding: 0 !important;
  width: 100%;
}
.tabs_menu_child .ui-messages .ui-messages-error{
  border-radius: 5px;
}
.tabs_menu_child .ui-messages .ui-messages-error-icon{
  width: 24px;
}
.fc-view .added-to-cart:after{
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background: #ff6600;
  width: 100px;
  height: 100px;
}
.fc-view .combo-available-for-ordering{
  background: url("../img/icon_combo_avalible.png"), url("../img/product_available.png");
  background-repeat: no-repeat;
  background-position: center center, left bottom;
  height: 99px;
  margin-top: -15px;
  margin-left: -2px;
  padding-left: 8px;
  padding-bottom: 3px;
  margin-bottom: -2px;
  display: block;
    cursor: pointer;
}
.fc-view .combo-unavailable-for-ordering{
  background: url("../img/icon_combo_no_avalible.png"), url("../img/product_no_available.png");
  background-repeat: no-repeat;
  background-position: center center, left bottom;
  height: 99px;
  margin-top: -15px;
  margin-left: -2px;
  padding-left: 8px;
  padding-bottom: 3px;
  margin-bottom: -2px;
    cursor: pointer;
  display: block;
}
.fc-view .combo-unavailable-for-ordering .fc-event-inner.fc-event-skin{
  display: none;
}
.fc-view .combo-available-for-ordering .fc-event-skin{
  display: none;
}
.fc-view .added-to-cart-combo{
  background: url("../img/icon_product_select.png"), url("../img/product_available.png"), url("../img/icon_combo_avalible.png");
  background-repeat: no-repeat;
  background-position: center, left bottom, center;
  height: 99px;
  display: block;
  margin-left: -2px;
  margin-top: -15px;
  padding-left: 8px;
  margin-right: -2px;
  margin-bottom: -1px !important;
  padding-bottom: 3px;
}
.fc-view .added-to-cart-combo .fc-event-skin{
  display: none;
}
.fc-view .combo-available-for-ordering .fc-event-skin{
  display: none;
}
.fc-view .product-available-for-ordering:before{
  background: url("../img/product_available.png") left bottom no-repeat;
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  margin-left: -4px;
  padding-bottom: 1px;
  margin-bottom: -5px;
}
.fc-view .product-available-for-ordering .fc-event-title{
  display: block;
  width: 100%;
}
.fc-event-inner.fc-event-skin{
  height: 82px;
  overflow-y: visible;
}
.fc-event-inner.fc-event-skin::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
.fc-event-inner.fc-event-skin::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none }
.fc-event-inner.fc-event-skin::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
.fc-event-inner.fc-event-skin::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
.fc-event-inner.fc-event-skin::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
.fc-event-inner.fc-event-skin::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
.fc-event-inner.fc-event-skin ::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}

.fc-view .product-available-for-ordering .fc-event-title{
  width: 100%;
  background: none;
  margin-top: -1px;
}
.fc-view .product-available-for-ordering .fc-event-title{
  background: #e8e8e8;
  border-radius: 3px;
  display: block;
  font-size: 9px;
  padding: 2px 3px;
  margin-bottom: 4px;
  width: 94%;
}
.fc-view .added-to-cart-product:before{
  content: " ";
  background: url("../img/icon_product_select.png"), url("../img/product_available.png");
  background-repeat: no-repeat;
  background-position: center, left bottom;
  height: 98px;
  min-height: 98px;
display: block;
margin-left: -8px;
margin-top: 0;
padding-left: 0;
margin-right: -2px;
margin-bottom: -1px !important;
padding-bottom: 5px;
position: absolute;
z-index: 99;
}
.fc-view .added-to-cart-product .fc-event-title{
  width: 100%;
  display: block;
  margin-top: -1px;
}
.fc-view .added-to-cart-product .fc-event-title span{
  background: #e8e8e8;
  border-radius: 3px;
  display: block;
  font-size: 9px;
  padding: 2px 3px;
  margin-bottom: 4px;
  width: 94%;
}
.fc-view .product-unavailable-for-ordering:before{
  background: url("../img/product_no_available.png") left bottom no-repeat;
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  margin-left: -4px;
  padding-bottom: 2px;
  margin-bottom: -5px;
}

.fc-view .product-unavailable-for-ordering .fc-event-title{
  width: 100%;
  background: none;
  display: block;
  margin-top: -1px;
}
.fc-view .product-unavailable-for-ordering .fc-event-title span{
  background: #e8e8e8;
  border-radius: 3px;
  display: block;
  font-size: 9px;
  padding: 2px 3px;
  margin-bottom: 4px;
  width: 94%;
}
.fc-view .product-unavailable-for-ordering .fc-event-title span span{
  background: #e8e8e8;
  border-radius: 3px;
  display: block;
  font-size: 9px;
  padding: 2px 3px;
  margin-bottom: 4px;
  width: 94%;
}
#formDlgCombo .ui-dialog .ui-messages{
  margin-bottom: -10px;
}
#formDlgCombo .ui-dialog{
  width: auto !important;
}

#formDlgCombo .modal-body .nav-list{
  display: inline-block;
  *display: inline;
  *zoom:1;
  min-width: 260px;
  min-height: 161px;
}
#formDlgCombo .special_instructions{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 278px;
  vertical-align: top;
}
#formDlgCombo .special_instructions label{
  display: block;
  font-size: 13px;
  color: #4d4d4d;
  margin-bottom: 5px;
}
#formDlgCombo .special_instructions textarea{
  width: 96%;
  height: 79px;
  border-radius: 3px;
  border: 1px solid #c9c9c9;
}
#formDlgCombo .modal-footer{
  /*margin-top: -40px;*/
}
#formDlgCombo .ui-dialog-content ul li input{
    cursor: pointer;
}
#formDlgCombo .ui-dialog-content ul li label{
  font-size: 14px;
  color: #7d7d7d;
}
#formDlgCombo .ui-dialog-content ul li.orange{
  color: #4d4d4d;
  font-size: 14px;
  margin-top: 10px;
}
#formDlgCombo .nombrecombo{
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #4d4d4d;
}
#formDlgCombo .total{
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #ff6600;
  margin-bottom: 25px;
}
.specialRequests tr td input, .specialRequests tr td label{
    cursor: pointer;
}
/* POS */
body.POS{
  background: url("../img/bg/POS.jpg") no-repeat center center fixed;
  height: 100%;
}
.menu_POS{
  display: inline-block;
  *display: inline;
  *zoom:1;
  height: 100%;
  padding: 0 0.5%;
  background: #efefef;
  width: 4.3%;
  margin-right: 1.1%;
  vertical-align: top;
}
.menu_POS .logo{
  top: 0;
  position: relative;
  display: block;
  width: 100%;
  background-position: center;
  background-size: 100%;
}
.menu_POS li:first-child{
  padding: 15px 0;
  border: none;
}
.menu_POS li{
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  text-align: center;
}
.menu_POS li a{
  color: #4d4d4d;
  padding: 50px 0 23px;
  display: block;
}
.menu_POS li a.logo{
  padding: 0 0 10px;
}
.menu_POS li.pos_preorders{
  background: url("../img/icons/preorder_pos.png") center 13px no-repeat;
}

.menu_POS li.pos_account{
  background: url("../img/icons/account_pos.png") center 13px no-repeat;
}

.menu_POS li.pos_logout{
  background: url("../img/icons/logout_pos.png") center 13px no-repeat;
}
.formPOS{
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  margin-left: -4px;
  width: 93.5%;
  height: 100%;
}
.search_user{
  width: 20.9%;
  padding: 1% 1% 0 1%;
  margin-right: 1%;
  margin-top: 1.1%;
  background: url("../img/bg/bg_opacity80.png");
  display: inline-block;
  *display: inline;
  *zoom:1;
  border-radius: 5px;
  height: 94%;
  vertical-align: top;
}
.menuPos{
  height: 83%;
  position: absolute;
  width: 100%;
  bottom: 10px;
}
#menuPos{
  width: 50.7%;
  margin-right: 1%;
  margin-top: 1.1%;
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  margin-left: -4px;
  height: 96%;
  position: relative;
}
#outputPanelInf{
  min-height: 17%;
  display: block;
  border-bottom: 1px solid #d7d4c7;
  margin-bottom: 20px;
}
.info_user_pos{
  padding-bottom: 30px;
  }

.info_user_pos .photo_user{
  width: 120px;
  height: 120px;
  background: #000;
  border-radius: 100px;
  margin-right: 10px;
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  overflow: hidden;
  position: relative;
}
.info_user_pos .photo_user:before{
  content:" ";
  width: 120px;
  height: 120px;
  border-radius: 100px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  -moz-box-shadow:    0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow:         0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
.info_user_pos .photo_user img{
  width: 104%;
  height: auto;
  margin-left: -2px;
  margin-top: -2px;
}
.info_user_pos .info{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 59%;
}
.info_user_pos .info strong{
  color: #4d4d4d;
  font-size: 14px;
  display: inline-block;
  *display: inline;
  margin-bottom: 10px;
  *zoom:1;
  font-style: normal;
  vertical-align: top;
}
.info_user_pos .info p{
  font-size: 14px;
  color: #7b7b7b;
  margin-bottom: 11px;
}
.info_user_pos .info #j_idt80{
  margin: -9px auto 10px auto;
}
.info_user_pos .info #j_idt80 label{
  font-size: 14px;
  color: #4d4d4d;
}
.info_user_pos .info p strong{
  color: #4d4d4d;
  font-weight: normal;
  margin-bottom: 0;
}
#outPutSearch input.searchText{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 52.8%;
  margin-right: 4%;
  border: 1px solid #d6d1bf;
  background: #fff;
  padding-left: 4%;
}
.list_user{
  height: 70.3%;
  display: block;
  overflow-x: auto;
}
#tableUserPos{
  background: #fcfcfc;
  padding: 10px;
  width: auto !important;
  overflow: auto;
}
.tableUserPos{
  width: 100% !important;
}
#tableUserPos .name-column{
  width: 75%;
  text-align: left;
  border-right: 1px solid #e1e1e1;
}
#tableUserPos .ui-datatable-scrollable-header-box{
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
  padding-right: 0;
}
#tableUserPos .user-column .ui-dt-c{
  padding: 0;
}
#tableUserPos .user-column .ui-dt-c span{
  font-weight: normal;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
#tableUserPos .ui-sortable-column{
  background: url("../img/triangule_down3.png") right 5px  no-repeat;
}
#tableUserPos .ui-sortable-column.ui-state-active{
  background: url("../img/triangule_down2.png") right 5px  no-repeat;
}

#tableUserPos .ui-sortable-column:first-child{
  border-right:1px solid #e1e1e1;
}
#tableUserPos .user-column strong{
  padding: 5px 0;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-bottom: 0;
  font-style: normal;
}
#tableUserPos .user-column strong.name{
  width: 65%;
  text-align: left;
  border-right: 1px solid #d8d8d8;
}
#tableUserPos .user-column strong.code
{
  width: 35%;
}
#tableUserPos table{
  width: 100%;
}
#tableUserPos_data{
  border: none;
}
#tableUserPos_data td{
  border: none;
  border-right: 1px solid #e1e1e1;
}

#tableUserPos_data td:last-child{
  border-right: 0;
}
#tableUserPos_data .ui-dt-c{
  width: 100% !important;
}

#tableUserPos_data .ui-dt-c div{
  display: inline-block;
  *display: inline;
  *zoom:1;
  border-bottom: 1px solid #f3f3f3;
  color: #a1a1a1;
  font-size: 14px;
}
#tableUserPos_data .ui-dt-c div.username{
  width: 100%;
  border-right: 1px solid #d8d8d8;
  padding: 15px 0 15px 3%;
}
#tableUserPos_data .ui-dt-c div.usercode{
  width: 120px;
  text-align: center;
  padding: 15px 0;
}
#tableUserPos .ui-datatable-scrollable-footer .ui-datatable-scrollable-header-box{
  border-bottom: 0;
}
#tableUserPos .ui-datatable-scrollable-body{
  overflow: visible;
}
.linkUser{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: 0;
  background: none;
  height: 100%;
}
.linkUser:hover{
  background: rgba(244, 244, 244, 0.50);
}
#outPutSearch .btn_blue{
  min-width: 38%;
  margin: 0;
  padding: 10px 2%;
  margin-left: 0;
}
#outPutSearchGlobalFilter{
  background: url("../img/bg/bg_opacity80.png");
  border-radius: 5px;
  padding: 2.3%;
  display: block;
}
.search_product input#globalFilterid{
  margin-bottom: 0;
  width: 61%;
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-right: 2.3%;
  border: 1px solid #d6d1bf;
  background: #fff;
  padding-left: 2%;
  vertical-align: top;
}
.search_product .btn_blue{
  width: 14.2%;
  margin-right: 1.2%;
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  padding: 10px 3%;
  min-width: 10%;
}
.search_product .btn_green{
  width: 18.9%;
  margin-right: 0;
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  padding: 10px 2%;
  min-width: 17.2%;
}
#CatalogTabView{
  padding: 0;
  height: 100%;
}
.menuPos .catalogTab .ui-tabs-nav{
  padding-left: 30px !important;
}
.menuPos .catalogTab .pestana{
  background: #efefef;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin: 0 0 0 -1px !important;
  -webkit-box-shadow: inset 0px -1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px -1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px -1px 3px 0px rgba(0, 0, 0, 0.1);
  top: 0 !important;
  border-left: 1px solid #d6d6d6;
}

.menuPos .catalogTab .pestana a{
  color:#4d4d4d;
  font-size: 15px;
  text-align: center;
  padding: 11px 20px  0 20px !important;
  min-width: 54px;

}
.menuPos .catalogTab .pestana a{
  height: 35px;
}
.menuPos .catalogTab .ui-tabs-selected{
  /*padding: 0 17px !important;*/
  /*margin-right: 0!important;*/;
  background: url("../img/center_tab_select.png");
  background-repeat: repeat-x;
  background-position: center -5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 5px;
  z-index: 9999;
  -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
  z-index: 9;

}
.menuPos .catalogTab .ui-tabs-selected:before{
  content: "izqu";
  position: absolute;
  width: 11px;
  height: 50px;
  background: url("../img/left_tab_select.png");
  left: -9px;
  text-indent: -9999em;
  background-position: bottom left;
  bottom: 0px;
}
.menuPos .catalogTab .ui-tabs-selected:after{
  content: "derec";
  position: absolute;
  width: 11px;
  height: 50px;
  background: url("../img/right_tab_select.png");
  right: -8px;
  text-indent: -9999em;
  background-position: bottom right;
  bottom: 0px;
}

.menuPos .catalogTab .ui-tabs-selected a{
  color:#4d4d4d;
  font-size: 15px;
  padding: 11px 20px 0 20px !important;
}
.menuPos .catalogTab .ui-tabs-selected.tabaccount a{
  background: url("../img/icons/account_tab.png") !important;
  background-repeat: no-repeat !important;
  background-position: 15px 12px !important ;
}
.menuPos .catalogTab .ui-state-default.tabaccount a{
  background: url("../img/icons/account_tab.png");
  background-repeat: no-repeat;
  background-position: 15px 12px;
}
.menuPos .ui-tabs-panels{
  background: url("../img/bg/bg_opacity80.png");
  border-radius: 5px;
  height: 94%;
}
.menuPos .ui-tabs-panels .ui-tabs-panel{
  padding: 2% 0 2% 2%;
  height: 95.4%;
  overflow: auto;
  margin-left: 4px;
}
.POS_product{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 15.9%;
  padding: 1%;
  margin-right: 1.8%;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #d6d6d5;
  vertical-align: top;
  margin-bottom: 1.8%;
  margin-left: -4px;
}
.POS_product.combo{
  background: url("../img/combo_label.png") left bottom no-repeat, #fff;
}
.POS_product .productTitle{
  font-size: 11px;
  color: #505050;
  display: block;
  height: 27px;
}
.POS_product .oldprice{
  color: #3c9fc3;
  font-size: 13px;
  text-align: right;
  display: block;
}
.cart_post{
  width: 22.6%;
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  background: #efefef;
  margin-left: -4px;
  height: 100%;
  padding: 0 1%;
}
.cart_post h2{
  font-size: 14px;
  font-style: normal;
  color: #4d4d4d;
  margin-top: 20px;
}
.items_cart_catalog{
  margin-bottom: 20px;
}
.items_cart_catalog strong{
  font-size: 14px;
  color: #4d4d4d;
  font-weight: normal;
  font-style: normal;
}
.items_cart_catalog table{
  background: #fff;
  width: 100%;
  padding: 2%;
  border-spacing: 0;
}
.items_cart_catalog table th{
  font-size: 14px;
  color: #4d4d4d;
  text-align: left;
  font-weight: normal;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  padding: 5px;
}
.items_cart_catalog table th:first-child, .items_cart_catalog table th:last-child{
  text-align: center;
}
.items_cart_catalog table th:last-child{
  border-right: 0;
}
.items_cart_catalog table td{
  padding: 11px 0;
  color: #a1a1a1;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  font-size: 14px;
}
.items_cart_catalog table td:last-child{
  border-right: 0;
}
.items_cart_catalog table td.quantity{
  text-align: center;
}
.items_cart_catalog table td.description{
  padding-left: 10px;
}
.items_cart_catalog table td.price{
  text-align: center;
}
.items_cart_catalog table td.price p{
  margin-bottom: 0;
  line-height: 15px;
}
.items_cart_catalog table td.price a{
  width: 18px;
  height: 18px;
  display: block;
  background: url("../img/icon_close.jpg") no-repeat;
  opacity: 0.8;
  display: inline-block;
  *display: inline;
  margin-left: 5px;
  *zoom:1;
  float: right;
  margin-top: -2px;
}
.cart_post #outputPanelCart {
  padding: 0;
  display: block;
  height: 95%;
  overflow: auto;
}
#totalesgenerales p{
  color: #999999;
  font-size: 13px;
  margin-bottom: 10px;
  text-align: right;
}
#totalesgenerales p strong{
  display: inline-block;
  *display: inline;
  *zoom:1;
  font-size: 13px;
  font-style: normal;
  margin-bottom: 0;
  color: #868686;
  font-weight: normal;
}
#totalesgenerales p.subsidio strong{
  color: #069ed7;
}
#totalesgenerales p.total{
  color: #868686;
}
#totalesgenerales p.total strong{
  font-size: 19px;
  font-weight: bold;
  color: #ff6600;
}
#outputPanelCart .btn_greenbuy{
  margin: 0 auto 10px;
  display: block;
  padding: 5px 10px;
  display: block;
    font-weight: bold;
  cursor: pointer;
  width: 100%;
}
.POS #windowBalanceChild{
  padding: 20px 0 0 0;
}
.POS #windowBalanceChild strong{
  font-size: 14px;
  color: #4d4d4d;
  font-style: normal;
  padding: 0 20px;
}
.POS #windowBalanceChild .bg_gray{
  margin-bottom: 20px;
}
.POS .bg_popup{
  background: #A2A2A2;
  opacity: 0.7;
  border-radius: 0;
}

#gridConfirmation #dataTableOrderConfirmation table .ui-state-default .ui-dt-c{
  border-bottom: 1px solid #dadada;
  border-right: 1px solid #dddddd;
}
#gridConfirmation #dataTableOrderConfirmation table .ui-state-default:last-child .ui-dt-c {
  border-right: 0;
}
#gridConfirmation #dataTableOrderConfirmation table .ui-state-default .ui-dt-c span{
  font-size: 13px;
  font-weight: normal;
  color: #4d4d4d;
}
#gridConfirmation #dataTableOrderConfirmation table #dataTableOrderConfirmation_data .ui-widget-content td:first-child .ui-dt-c{
  text-align: left;
}
#gridConfirmation #dataTableOrderConfirmation table #dataTableOrderConfirmation_data .ui-widget-content .ui-dt-c{
  font-size: 13px;
  color: #a1a1a1;
  padding: 15px 5px;
  border-bottom: 1px solid #eeeeee;
  border-right: 1px solid #dddddd;
  text-align: center;
}
#formConfirmation #gridConfirmation .ui-widget-content{
  padding: 20px 20px 83px 20px !important;
}
#gridConfirmation #dataTableOrderConfirmation table #dataTableOrderConfirmation_data .ui-widget-content .total .ui-dt-c{
  color:#4d4d4d;
  border-right: 0;
}
#gridConfirmation #dataTableOrderConfirmation table #dataTableOrderConfirmation_data .ui-widget-content td{
  border: 0;
}
#gridConfirmation .priceTableDlg{
  float: right;
  margin-top: 15px;
}
#gridConfirmation .priceTableDlg tr td{
  font-size: 13px;
  color: #a1a1a1;
  text-align: right;
}
#gridConfirmation .priceTableDlg tr td.currencyCells{
  text-align: right;
  color: #4d4d4d;
  width: 80px;
}
#gridConfirmation .priceTableDlg tr td.lead{
  color: #4d4d4d;
}
#gridConfirmation .priceTableDlg tr .lead{
  margin-bottom: 0;
}
#gridConfirmation .priceTableDlg tr td.lead.currencyCells{
  color: #ff6600;
  font-size: 19px;
  font-weight: normal;
}
#gridConfirmation .ui-widget-content .modal-body .row-fluid{
  max-height: 360px;
  overflow: auto;
}
#gridConfirmation .ui-widget-content .modal-body .row-fluid::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
#gridConfirmation .ui-widget-content .modal-body .row-fluid::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none }
#gridConfirmation .ui-widget-content .modal-body .row-fluid::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
#gridConfirmation .ui-widget-content .modal-body .row-fluid::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
#gridConfirmation .ui-widget-content .modal-body .row-fluid::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
#gridConfirmation .ui-widget-content .modal-body .row-fluid::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
#gridConfirmation .ui-widget-content .modal-body .row-fluid::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}

#gridConfirmation .ui-widget-content .modal-footer{
  bottom: 17px;
  right: 17px;
  position: absolute;
}
#gridConfirmation .ui-widget-content .modal-footer .btn_green{
  margin-right: 10px;
}
#gridConfirmation .introducePIN{
  width: 250px;
  margin-top: 20px;
  display: block;
}
#gridConfirmation .introducePIN p{
  margin-bottom: 5px;
}
#gridConfirmation .introducePIN input{
  margin-bottom: 0;
  width: 180px;
}
.POS #messageError{
  position: relative !important;
  bottom: 0 !important;
}
.POS #messageError.ui-messages .ui-messages-error{
  border-radius: 5px;
  margin-bottom: 20px;
}

#comboDialog .btn_blue{
  margin-top: 0;
}
.selects_variations .orange{
  font-size: 14px;
  color: #7b7b7b;
  margin-top: 0;
  margin-bottom: 5px;
}
.selects_variations .orang:first-child{
  margin-top: 0;
}
.selects_variations .comboSection label{
  font-size: 14px;
  color: #4d4d4d;
}
.selects_variations .comboSection input[type="radio"]{
  margin-top: 0;
}
#comboDialog .ui-messages{
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 96%;
  padding: 0 2% !important;
  margin-bottom: -10px;
}
#comboDialog .ui-messages .ui-messages-error{
  padding: 11.4px 0 !important;
  background: #ff3e3e;
  display: block;
  border-top-left-radius: 5px;
  border: 0;
  border-top-right-radius: 5px;
}
#comboDialog .ui-messages .ui-messages-error .ui-messages-error-summary {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}
#comboDialog .ui-messages .ui-messages-error .ui-messages-error-icon{
  background: url("../img/icons/error.png") center 3px no-repeat;
  margin-left: 11px;
}
#comboDialog.ui-dialog .ui-dialog-content{
  overflow: visible;
}

#comboDialog.ui-dialog{
  overflow: visible !important;
}
.pagination_POS{
  text-align: center;
}
.pagination_POS .ui-commandlink{
  background: #fefefe; /* Old browsers */
  background: -moz-linear-gradient(top,  #fefefe 0%, #f8f8f8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fefefe 0%,#f8f8f8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  font-size: 13px;
  padding: 2px 7px;
  color: #7fbcdd;
}
.pagination_POS .ui-commandlink.active{
  background: #f2f2f2;
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(191, 191, 191, 0.75);
  -moz-box-shadow: inset    0px 1px 2px 0px rgba(191, 191, 191, 0.75);
  box-shadow: inset         0px 1px 2px 0px rgba(191, 191, 191, 0.75);
}

/* PAYMENT */

.content.bg_payment{
  background: url("../img/bg/payment.jpg");
  background-position: 51% 0;
}
.bg_payment .backandtitle{
  position: absolute;
  top: 13px;
  left: -15px;
}
.bg_payment .backandtitle a{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 39px;
  height: 34px;
  padding-left: 16px;
  padding-top: 13px;
  margin-top: 4px;
  background: #5e8ad6; /* Old browsers */
  background: -moz-linear-gradient(top,  #5e8ad6 0%, #3a66c3 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e8ad6), color-stop(100%,#3a66c3)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #5e8ad6 0%,#3a66c3 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #5e8ad6 0%,#3a66c3 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #5e8ad6 0%,#3a66c3 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #5e8ad6 0%,#3a66c3 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e8ad6', endColorstr='#3a66c3',GradientType=0 ); /* IE6-9 */
  vertical-align: top;
  -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:    0px 3px 1px 0px rgba(0, 0, 0, 0.12);
  box-shadow:         0px 3px 1px 0px rgba(0, 0, 0, 0.12);
}
.bg_payment .backandtitle h1{
  background: url("../img/bg/bg_title_payment.png");
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 222px;
  height: 40px;
  padding-left: 15px;
  padding-top: 18px;
  color: #fff;
  font-size: 16px;
  margin-left: -1px;
}
.bg_payment .backandtitle:after{
  content: "after";
  display: block;
  width: 14px;
  height: 9px;
  background: url("../img/bg/bg_title_payment_after.png");
  position: absolute;
  text-indent: -9999em;
  bottom: 9px;
}
.tabs .ui-tabs-selected.tabpayment a{
  background: url("../img/icons/payment_tab.png") !important;
  background-repeat: no-repeat !important;
  background-position: 15px 8px !important;
}
.tabs .ui-state-default.tabpayment a{
  background: url("../img/icons/payment_tab.png") !important;
  background-repeat: no-repeat !important;
  background-position: 15px 8px !important;
}
.tabs .ui-tabs-selected.tabotherpayment a{
  background: url("../img/icons/payment_tab.png");
  background-repeat: no-repeat;
  background-position: 15px 8px;
}
.tabs .ui-state-default.tabotherpayment a{
  background: url("../img/icons/payment_tab.png");
  background-repeat: no-repeat;
  background-position: 15px 8px;
}
.bg_payment .ui-tabs-panels{
  min-height: 473px;
}
.bg_payment .ui-tabs-panels .modal-body {
  padding: 20px;
}
.carditem{
  width: 29.9%;
  height: 88px;
  border-radius: 3px;
  border: 1px solid #bebebe;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  -moz-box-shadow:    1px 1px 4px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  box-shadow:         1px 1px 4px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  padding: 1%;
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-right: 1.8%;
  margin-left: -4px;
  vertical-align: top;
}

.carditem:nth-of-type(3n+0){
  margin-right: 0;
}
.carditem .typecard{
  width: 47px;
  height: 28px;
}
.carditem .typecard.VISA{
  background: url("../img/icons/visa.jpg") no-repeat;
  background-size: 100%;
}
.carditem .typecard.MASTERCARD{
  background: url("../img/icons/mastercard.jpg") no-repeat;
  background-size: 100%;
}
.carditem .typecard.AMERICAN.EXPRESS{
  background: url("../img/icons/americanexpress.jpg") no-repeat;
  background-size: 100%;
}
.carditem .typecard.AMERICAN.EXPRESS{
  background: url("../img/icons/americanexpress.jpg") no-repeat;
  background-size: 100%;
}
.carditem .typecard.DISCOVER{
  background: url("../img/icons/discover.jpg") no-repeat;
  background-size: 100%;
}
.carditem .typecard.DC{
  background: url("../img/icons/dinersclub.jpg") no-repeat;
  background-size: 100%;
}
.carditem .typecard.JCB{
  background: url("../img/icons/jcb.jpg") no-repeat;
  background-size: 100%;
}
.carditem .btnclose{
  position: absolute;
  top: 1px;
  right: 1px;
  width: 15px;
  height: 15px;
  background: url("../img/icons/icon_close_card.png") center no-repeat;
  background-size: 7px 7px;
  border: 0;
}
.carditem strong{
  color: #4d4d4d;
  font-size: 11px;
  font-style: normal;
  letter-spacing: 1.1px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.carditem p{
  color: #4d4d4d;
  font-size: 11px;
  margin-top: 0;
  margin-bottom: 5px;
}
.carditem em{
  font-size: 11px;
  color: #989898;
  font-style: normal;
}
.carditem .link_editcard{
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
  float: right;
  color: #ff6600;
  font-size: 11px;
  margin-right: 3px;
}
.carditem .link_editcard .ui-button-text{
  padding: 0;
}
.cards_content .btn_addcard{
  width: 32.4%;
  height: 102px;
  vertical-align: top;
  background: #f4f4f4;
  border-radius: 3px;
  border: 1px solid #ebebeb;
  margin-right: 0;
}
.cards_content .btn_addcard .ui-button-text{
  background: url("../img/icon_more.png") top center no-repeat;
  padding-top: 42px;
  color: #525252;
  font-size: 13px;
  margin-top: 7px;
}
.recurrent_payments{
  margin-top: 30px;
}
.recurrent_payments strong{
  font-size: 14px;
  color: #4d4d4d;
  font-style: normal;
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-right: 10px;
}
.recurrent_payments .table_recurrent{
  width: 100%;
  padding-left: 0 !important;
}
.table_recurrent {
  margin-top: 20px;
}
.table_recurrent li{
  display: inline-block;
  *display: inline;
  *zoom:1;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  margin-left: -4px;
  padding: 24px 0;
  margin-top: -4px;
}
.table_recurrent li.first{
  padding: 10px 0;
  margin-bottom: 4px;
}
.table_recurrent li.first.am{
  border-right: none;
}
.table_recurrent li strong{
  font-weight: normal;
  text-align: center;
  display: block;
  margin-right: 0;
  color: #4d4d4d;
  margin-bottom: 0;
  background: url("../img/triangule_down.png") center right 5px no-repeat;
}
.table_recurrent .he{
  width: 34.1%;
  margin-left: 0;
}
.table_recurrent .re{
  width: 24.5%;
}
.table_recurrent .so{
  width: 20%;
}
.table_recurrent .am{
  width: 19.8%;
}
.recurrent_payments a.btn_green:hover{
  background: #33cc99;
  color: #fff !important;
}
.add_creditcart p{
  color: #4d4d4d;
  font-size: 14px;
  margin-bottom: 10px;
}
.add_creditcart div.col{
  margin-bottom: 20px;
}
.add_creditcart div.col span{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width:46%;
}
.add_creditcart div.col span:first-child{
  margin-right: 5%;
}
.add_creditcart div.col span label{
  font-size: 14px;
  margin-right: 10px;
  color: #7b7b7b;
  vertical-align: top;
  margin-bottom: 5px;
  display: block;
}
.add_creditcart div.col span input{
  border: 1px solid #c2c2c2;
  margin: 0;
  width: 100%;
}
.add_creditcart div.col select{
  border: 1px solid #c2c2c2;
  margin-right: 20px;
  padding: 9px 10px;
  border-radius: 5px;
}

.select_company_card{
  margin-bottom: 20px;
}
.select_company_card tr td{
  width: 60px;
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-right: 30px;
}
.select_company_card tr td:last-child{
  margin-right: 0;
}
.select_company_card tr td input{
  display: inline-block;
  *display: inline;
  *zoom:1;
}
.select_company_card tr td label{
  display: inline-block;
  *display: inline;
  *zoom:1;
  line-height: 31px;
}
.select_company_card tr td:nth-child(1) label{
  background: url("../img/icons/icon_visa.png") no-repeat;
  text-indent: -9999em;
  width: 38px;
  height: 28px;
}
.select_company_card tr td:nth-child(2) label{
  background: url("../img/icons/icon_mastercard.png") no-repeat;
  text-indent: -9999em;
  width: 38px;
  height: 28px;
}
.select_company_card tr td:nth-child(3) label{
  background: url("../img/icons/icon_american.png") no-repeat;
  text-indent: -9999em;
  width: 38px;
  height: 28px;
}
.select_company_card tr td:nth-child(4) label{
  background: url("../img/icons/icon_discovery.png") no-repeat;
  text-indent: -9999em;
  width: 38px;
  height: 28px;
}
.select_company_card tr td:nth-child(5) label{
  background: url("../img/icons/icon_dinner.png") no-repeat;
  text-indent: -9999em;
  width: 38px;
  height: 28px;
}
.select_company_card tr td:nth-child(6) label{
  background: url("../img/icons/icon_jcb.png") no-repeat;
  text-indent: -9999em;
  width: 38px;
  height: 28px;
}
.bg_payment .cash{
  background: url("../img/icon_cash.png") 28px 34px no-repeat;
  padding: 30px 0 60px 163px;
  border-bottom: 1px solid #e4e3e3;
}
.bg_payment .cash strong{
  color: #4d4d4d;
  font-size: 18px;
  font-style: normal;
  margin-bottom: 10px;
}
.bg_payment .cash p{
  font-size: 16px;
  color: #7b7b7b;
  line-height: 20px;
  text-align: justify;

}
.bg_payment .eft{
  background: url("../img/icon_eft.png") 22px 14px no-repeat;
  padding: 9px 0 38px 163px;
  margin-top: 30px;
  border-bottom: 1px solid #e4e3e3;
}
.bg_payment .eft strong{
  color: #4d4d4d;
  font-size: 18px;
  font-style: normal;
}
.bg_payment .eft p{
  font-size: 16px;
  color: #7b7b7b;
  line-height: 20px;
  text-align: justify;
}
.bg_payment .houseAccountTab .btn_blue{
  margin-bottom: 0 !important;
}
#paymentDenied p{
  margin-top: 17px;
}

/* SETTINGS */
.content.bg_settings{
  background: url("../img/bg/settings.jpg");
  background-position: 51% 0;
}
.bg_settings .backandtitle{
  position: absolute;
  top: 13px;
  left: -15px;
}
.bg_settings .backandtitle a{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 39px;
  height: 34px;
  padding-left: 16px;
  padding-top: 13px;
  margin-top: 4px;
  background: #cd5656; /* Old browsers */
  background: -moz-linear-gradient(top,  #cd5656 0%, #b73333 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd5656), color-stop(100%,#b73333)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #cd5656 0%,#b73333 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #cd5656 0%,#b73333 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #cd5656 0%,#b73333 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #cd5656 0%,#b73333 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd5656', endColorstr='#b73333',GradientType=0 ); /* IE6-9 */
  vertical-align: top;
  -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:    0px 3px 1px 0px rgba(0, 0, 0, 0.12);
  box-shadow:         0px 3px 1px 0px rgba(0, 0, 0, 0.12);
}
.bg_settings .backandtitle h1{
  background: url("../img/bg/bg_title_settings.png");
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 222px;
  height: 40px;
  padding-left: 15px;
  padding-top: 18px;
  color: #fff;
  font-size: 16px;
  margin-left: -1px;
}
.bg_settings .backandtitle:after{
  content: "after";
  display: block;
  width: 14px;
  height: 9px;
  background: url("../img/bg/bg_title_settings_after.png");
  position: absolute;
  text-indent: -9999em;
  bottom: 9px;
}
.bg_settings .tabs .ui-tabs-panels {
  min-height: 475px;
}
.bg_settings .btn_blue {
  float: right;
}
.setttingstab .ui-tabs-selected.tabnotifications a{
  background: url("../img/icons/notifications_tab.png") !important;
  background-repeat: no-repeat !important;
  background-position: 15px 8px !important ;
}
.setttingstab .ui-state-default.tabnotifications a{
  background: url("../img/icons/notifications_tab.png");
  background-repeat: no-repeat;
  background-position: 15px 8px;
}
#formWorkCC .ui-dialog, #formWorkCC .ui-dialog .ui-dialog-content{
  overflow: visible !important;
}
#dlg #frmDlg .ui-messages{
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 96%;
  padding: 0 2% !important;
  margin-bottom: -10px;
}
#formWorkCC .ui-messages .ui-messages-error{
  padding: 11.4px 0 !important;
  background: #ff3e3e;
  display: block;
  border-top-left-radius: 5px;
  border: 0;
  border-top-right-radius: 5px;
}
.windowConfirmationBalanceChild.windowConfirmationBalanceChildCredit .ui-messages{
    margin-bottom: -10px !important;
}
.windowConfirmationBalanceChild  .ui-messages{
    margin-bottom: 10px !important;
}
#formWorkCC .ui-messages .ui-messages-error .ui-messages-error-summary {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}
#formWorkCC .ui-messages .ui-messages-error .ui-messages-error-icon{
  background: url("../img/icons/error.png") center 3px no-repeat;
  margin-left: 11px;
}
#formWorkCC .modal-body .btn_blue{
  margin-bottom: 20px;
}
#formWorkCC .modal-body .btn_red2{
    margin-bottom: 20px;
}
#employeeTab .cont_photo{
  width: 120px;
  height: 120px;
  background: #000;
  border-radius: 100px;
  margin-right: 15px;
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  overflow: hidden;
  margin-left: 60px;
  position: relative;
}
#employeeTab .cont_photo img{
  width: 104%;
  margin-left: -2px;
  margin-top: -2px;
}
#employeeTab .cont_photo:before{
  content:" ";
  width: 120px;
  height: 120px;
  border-radius: 100px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  -moz-box-shadow:    0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow:         0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
#employeeTab strong{
  font-size: 14px;
  color: #4d4d4d;
  font-style: normal;
  text-align: left;
  margin-bottom: 10px;
}
#employeeTab strong em{
  font-size: 14px;
  font-style: normal;
  color: #7b7b7b;
}
#employeeTab p{
  text-align: center;
  font-size: 14px;
  color: #7d7d7d;
  margin-bottom: 5px;
}
#employeeTab .contentinfo{
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-top: 24px;
}
#employeeTab .contentinfo p{
  text-align: left;
  margin-bottom: 0;
}
#employeeTab .contentinfo p strong{
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-top: 0;
  margin-bottom: 10px;
}
#employeeTab .modal-body{
  padding:  40px 20px 20px 20px;
}
#employeeTab .modal-body .bg_gray p{
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-right: 10px;
}
#employeeTab .modal-body .bg_gray {
  margin-top: 30px;
}
#employeeTab .modal-body .bg_gray input{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 158px;
  margin-bottom: 0;
}
#employeeTab .creditscards{
  max-height: 148px;
  overflow: auto;
  padding-left: 0 !important;
  margin-top: 30px;
  margin-bottom: 17px;
}
#employeeTab .creditscards p{
  margin-bottom: 10px;
  text-align: left;
}
#employeeTab .creditscards li{
  background: #efefef;
  padding: 10px;
}
#employeeTab .creditscards li input{
  padding: 0;
  margin: 0;
}
#employeeTab .creditscards li p{
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-bottom: 0;
  vertical-align: top;
  margin-left: 5px;
  color: #7b7b7b;
}
#employeeTab .creditscards li em{
  float: right;
  font-style: normal;
  font-size: 13px;
  color: #4d4d4d;
}
#employeeTab a.otherpayment{
  float: right;
  font-size: 13px;
  color: #a1a1a1;
  margin-top: 10px;
}


.houseAccountTab .cont_photo{
  width: 120px;
  height: 120px;
  background: #000;
  border-radius: 100px;
  margin-right: 15px;
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  overflow: hidden;
  margin-left: 60px;
  position: relative;
}
.houseAccountTab .cont_photo img{
  width: 104%;
  margin-left: -2px;
  margin-top: -2px;
}
.houseAccountTab .cont_photo:before{
  content:" ";
  width: 120px;
  height: 120px;
  border-radius: 100px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  -moz-box-shadow:    0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow:         0px 0px 2px 0px rgba(0, 0, 0, 0.72), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
.houseAccountTab strong{
  font-size: 14px;
  color: #4d4d4d;
  font-style: normal;
  text-align: left;
  margin-bottom: 10px;
}
.houseAccountTab strong em{
  font-size: 14px;
  font-style: normal;
  color: #7b7b7b;
}
.houseAccountTab p{
  text-align: left;
  font-size: 14px;
  color: #7d7d7d;
  margin-bottom: 5px;
}
.houseAccountTab .contentinfo{
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-top: 24px;
}
.houseAccountTab .contentinfo p{
  text-align: left;
  margin-bottom: 0;
}
.houseAccountTab .contentinfo p strong{
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-top: 0;
  margin-bottom: 10px;
}
.houseAccountTab .modal-body{
  padding:  40px 20px 20px 20px;
}
#houseAccountTab .modal-body .bg_gray p{
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-right: 10px;
}
.houseAccountTab .modal-body .bg_gray {
  margin-top: 30px;
}
.houseAccountTab .modal-body .bg_gray input{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 158px;
  margin-bottom: 0;
}
.houseAccountTab .creditscards{
  max-height: 155px;
  overflow: auto;
  padding-left: 0 !important;
  margin-top: 30px;
}
.houseAccountTab .creditscards p{
  margin-bottom: 10px;
  text-align: left;
}
.houseAccountTab .creditscards li{
  background: #efefef;
  padding: 10px;
}
.houseAccountTab .creditscards li input{
  padding: 0;
  margin: 0;
}
.houseAccountTab .creditscards li p{
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-bottom: 0;
  vertical-align: top;
  text-align: left;
  margin-left: 5px;
  color: #7b7b7b;
}
.houseAccountTab .creditscards li em{
  float: right;
  font-style: normal;
  font-size: 13px;
  color: #4d4d4d;
}
.houseAccountTab .creditscards .confirm_creditcard {
  background: #efefef;
  margin-bottom: 5px;
}
.houseAccountTab .bg_gray input{
  margin-bottom: 0;
}
.houseAccountTab .creditscards .confirm_creditcard label{
  color: #505050;
  border-top: 1px solid #DADADA;
  margin-left: 10px;
  display: block;
  padding-top: 10px;
}
.houseAccountTab .creditscards .confirm_creditcard input{
  width: 200px !important;
  margin-left: 10px;
  margin-bottom: 10px;
}
.houseAccountTab a.otherpayment{
  float: right;
  font-size: 13px;
  color: #a1a1a1;
  margin-top: 5px;
  margin-bottom: 15px;
}
.divconfigurepin{
  position: absolute;
  top: 0;
  background: rgba(216, 216, 216, 0.82);
  height: 475px;
  left: 0;
  border-radius: 4px;
}
.divconfigurepin span{
  padding: 20px;
  background: #fafafa;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:    1px 2px 2px 0px rgba(0, 0, 0, 0.12);
  box-shadow:         1px 2px 2px 0px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  margin: 0 110px;
  display: block;
  margin-top: 120px;
  position: relative;
}
.divconfigurepin span input{
  margin-bottom: 20px;
}
.divconfigurepin span .btn_close{
  width: 18px;
  height: 18px;
  position: absolute;
  top: 2px;
  right: 2px;
  background: url("../img/icon_close.jpg") no-repeat;
  text-indent: -9999em;
}
.notifications{
  background: url("../img/bg/bg_notifications.png") right 73px bottom no-repeat;
}
.notifications .col{
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.notifications .col:last-child{
  border-bottom: 0;
}
.notifications .col strong{
  margin-bottom: 0;
}
.notifications .col label{
  display: inline-block;
  *display: inline;
  *zoom:1;
  font-size: 14px;
  text-align: left;
  margin-right: 10px;
  color: #7b7b7b;
}
.notifications .col input[type="checkbox"]{
  margin-left: 0;
  cursor: pointer;
}
.notifications .col input[type="text"], .notifications .col select{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 60px;
  margin-right: 10px;
  background: #fff;
  border-radius: 5px;
  padding: 10px 0 10px 10px;
  font-size: 15px;
  color: #7b7b7b;
  margin-bottom: 30px;
  border: 1px solid #d8d6ce;
  margin-bottom: 0;
}
.notifications .col select{
  width: 100px;
    cursor: pointer;
}
.notifications .btn_blue{
  margin-top: 50px;
}
/* REPORTS */
.content.bg_reports{
  background: url("../img/bg/reports.jpg");
  background-position: 51% 0;
}
.bg_reports .backandtitle{
  position: absolute;
  top: 13px;
  left: -15px;
}
.bg_reports .backandtitle a{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 39px;
  height: 34px;
  padding-left: 16px;
  padding-top: 13px;
  margin-top: 4px;
  background: #e08e3f; /* Old browsers */
  background: -moz-linear-gradient(top,  #e08e3f 0%, #d16b21 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e08e3f), color-stop(100%,#d16b21)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e08e3f 0%,#d16b21 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e08e3f 0%,#d16b21 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e08e3f 0%,#d16b21 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #e08e3f 0%,#d16b21 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e08e3f', endColorstr='#d16b21',GradientType=0 ); /* IE6-9 */
  vertical-align: top;
  -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:    0px 3px 1px 0px rgba(0, 0, 0, 0.12);
  box-shadow:         0px 3px 1px 0px rgba(0, 0, 0, 0.12);
}
.bg_reports .backandtitle h1{
  background: url("../img/bg/bg_title_reports.png");
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 222px;
  height: 40px;
  padding-left: 15px;
  padding-top: 18px;
  color: #fff;
  font-size: 16px;
  margin-left: -1px;
}
.bg_reports .backandtitle:after{
  content: "after";
  display: block;
  width: 14px;
  height: 9px;
  background: url("../img/bg/bg_title_reports_after.png");
  position: absolute;
  text-indent: -9999em;
  bottom: 9px;
}
.tabs .ui-tabs-selected.tabpayment a{
  background: url("../img/icons/payment_tab.png") !important;
  background-repeat: no-repeat !important;
  background-position: 15px 8px !important;
}
.tabs .ui-state-default.tabpayment a{
  background: url("../img/icons/payment_tab.png") !important;
  background-repeat: no-repeat !important;
  background-position: 15px 8px !important;
}
.tabs .ui-tabs-selected.tabotherpayment a{
  background: url("../img/icons/payment_tab.png");
  background-repeat: no-repeat;
  background-position: 15px 8px;
}
.tabs .ui-state-default.tabotherpayment a{
  background: url("../img/icons/otherpayment_tab.png");
  background-repeat: no-repeat;
  background-position: 15px 8px;
}
.panelInfo_reports{
  position: absolute;
  top: -129px;
  width: 786px;
  right: 1px;
  text-align: right;
}
.panelInfo_reports .btn_green{
  margin-left: 20px;
}
.panelInfo_reports p{
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-left: 25px;
  margin-right: 10px;
  text-shadow: 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 1px rgba(255, 255, 255, 1);
  font-weight: bold;
}
.panelInfo_reports.ui-panel .ui-panel-content{
  padding: 0;
}
.panelInfo_reports input{
    width: 60px !important;
}
.panelInfo_reports input, .panelInfo_reports select{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 80px;
  border: 1px solid #aaa79d;
  padding: 10px;
  text-align: center;
  margin-bottom: 0;
}
.panelInfo_reports select{
  padding: 9px;
  border-radius: 5px;
  width: 118px;
}
.panelInfo_reports select option{
    cursor: pointer;
}
.bg_reports .ui-datatable{
    padding: 20px 20px 0;
    max-height: 386px;
    overflow: auto;
}
.bg_reports .ui-datatable table{
  border-spacing: 0;
    overflow: auto;
    max-height: 434px;
}
.bg_reports .ui-datatable .ui-state-default .ui-dt-c{
  padding: 0;
    overflow: auto;
    max-height: 434px;
    display: block;
}
.bg_reports .ui-datatable .ui-state-default .ui-dt-c span{
  font-weight: normal;
  color: #4d4d4d;
  font-size: 14px;
  margin: 0 auto;
  display: block;
  border-left: 1px solid #e3e3e3;
  padding: 5px 20px 5px 10px;
  text-align: center;
}
.bg_reports .ui-datatable .ui-state-default:first-child .ui-dt-c span{
  border-left: 0 !important;
}
.bg_reports .ui-datatable .ui-state-default .ui-dt-c span.ui-sortable-column-icon{
  position: absolute;
  right: 4px;
  background: url("../img/triangule_down2.png") no-repeat;
  width: 13px;
  height: 6px;
  border-right: 0;
  padding: 0;
  margin: 0;
  left: auto;
  top: 9px;
}
.bg_reports .ui-datatable .ui-state-default:last-child .ui-dt-c span{
  border-right: 0;
}
.bg_reports .ui-datatable-data .ui-widget-content{
  border-bottom: 1px solid #f5f5f5;
}
.bg_reports .ui-datatable-data .ui-widget-content td{
  border: 0;
  border-right: 1px solid #e3e3e3 ;
}
.bg_reports .ui-datatable-data .ui-widget-content td:last-child{
  border-right: 0;
}
.bg_reports .ui-datatable-data .ui-widget-content td .ui-dt-c{
  font-size: 14px;
  color: #a1a1a1;
  padding: 10px;
  vertical-align: top;
}
.bg_reports .ui-datatable table tr{
  border-bottom: 1px solid #dfdfdf;

}
.tabs .ui-state-default.tabreportPurchase a{
  background: url("../img/icons/reportPurchase_tab.png") no-repeat !important;
  background-repeat: no-repeat !important;
  background-position: 15px 8px !important;
}
.bg_reports .ui-datatable table tfoot tr{
  border-bottom: 0;

}
.bg_reports .ui-datatable table tfoot tr td{
  padding: 10px 0 0 0;
  text-align: right !important;
  font-size: 14px;
  color: #a1a1a1;
}
.bg_reports .ui-datatable table tfoot tr td:last-child, .reportstabs .ui-datatable table tfoot tr td:last-child{
  color: #4d4d4d;
}
.ui-datatable .ui-paginator, .reportstabs .ui-datatable .ui-paginator{
 margin-top: 14px;
}
.bg_reports .ui-datatable table tfoot tr td.ui-paginator:last-child, .reportstabs  .ui-datatable table tfoot tr td.ui-paginator:last-child{
  text-align: center !important;
    position: relative;
    overflow: visible;
}
.bg_reports .ui-datatable table tfoot tr:last-child, .reportstabs .ui-datatable table tfoot tr:last-child{
  /*position: absolute;*/
  width: 93%;
}
.title_download_report_phone{
  display: none;
}

/* Paginador */
.ui-paginator{
  margin: 0 auto;
  display: block;
}
/*.ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last {*/
  /*display: none;*/
/*}*/
.ui-paginator .ui-state-default{
  background: #fefefe; /* Old browsers */
  background: -moz-linear-gradient(top,  #fefefe 0%, #f8f8f8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fefefe 0%,#f8f8f8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  font-size: 13px;
  padding: 2px 7px;
  color: #7fbcdd;
}
.ui-paginator .ui-paginator-pages .ui-state-default.ui-state-active{
  background: #f2f2f2;
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(191, 191, 191, 0.75);
  -moz-box-shadow: inset    0px 1px 2px 0px rgba(191, 191, 191, 0.75);
  box-shadow: inset         0px 1px 2px 0px rgba(191, 191, 191, 0.75);
}
.ui-paginator .ui-commandlink{
  background: #fefefe; /* Old browsers */
  background: -moz-linear-gradient(top,  #fefefe 0%, #f8f8f8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fefefe 0%,#f8f8f8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  font-size: 13px !important;
  padding: 2px 7px;
  color: #7fbcdd !important;
}
.ui-paginator .ui-commandlink.active{
  background: #f2f2f2;
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(191, 191, 191, 0.75);
  -moz-box-shadow: inset    0px 1px 2px 0px rgba(191, 191, 191, 0.75);
  box-shadow: inset         0px 1px 2px 0px rgba(191, 191, 191, 0.75);
}
/* FIRST LOGIN */
.firstlogin{
  padding: 30px 20px 20px;
  border-radius: 10px;
}
.content.bg_login.img_1.bg_first_login{
  background-image: url("../img/bg/bgn_opacity80.png"), url("../img/bg/login1.jpg");
  background-repeat: repeat, no-repeat;
}
.content.bg_login.img_2.bg_first_login{
  background-image: url("../img/bg/bgn_opacity80.png"), url("../img/bg/login2.jpg");
  background-repeat: repeat, no-repeat;
}
.content.bg_login.img_3.bg_first_login{
  background-image: url("../img/bg/bgn_opacity80.png"), url("../img/bg/login3.jpg");
  background-repeat: repeat, no-repeat;
}
.content.bg_login.img_4.bg_first_login{
  background-image: url("../img/bg/bgn_opacity80.png"), url("../img/bg/login4.jpg");
  background-repeat: repeat, no-repeat;
}

.firstlogin h1{
  font-size: 30px;
  color: #fff;
  font-weight: normal;
  text-align: center;
}
.firstlogin ul{
  background: url("../img/firstlogin_steps.png") bottom center no-repeat;
  background-size: 68.5%;
  padding-bottom: 78px;
}
.firstlogin li{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 23.5%;
  padding-top: 96px;
}
.firstlogin li strong{
  font-size: 16px;
  font-style: normal;
  text-align: center;
}
.firstlogin li p{
  color: #dadada;
  font-size: 14px;
  text-align: center;
}
.firstlogin li input{
  background: url("../img/bg/bg_opacity50.png");
  border: 1px solid #b0b2ad;
  padding: 15px;
  width: 88%;
  margin-bottom: 20px;
  color: #fff;
}
.firstlogin li.password{
  background: url("../img/icons/firstlogin_password.png") center top no-repeat;
  margin-left: 6.8%;
  vertical-align: bottom;
}
.firstlogin li.PIN{
  background: url("../img/icons/firstlogin_pin.png") center top no-repeat;
  padding: 96px 7.8% 0;
  vertical-align: top;
  margin-top: 30px;
}
.firstlogin li.username{
  background: url("../img/icons/firstlogin_username.png") center top no-repeat;
  margin-right: 6.8%;
  vertical-align: bottom;
}
.firstlogin .termsandconditions input[type="checkbox"]{
  display: inline-block;
  *display: inline;
  *zoom:1;
  margin-top: 2px;
}
.firstlogin .termsandconditions {
  float: right;
  display: block;
}
.firstlogin .termsandconditions p{
  display: block;
  vertical-align: top;
  color: #fff;
  font-size: 14px;
  margin-bottom: 5px;
}
.firstlogin .termsandconditions p a{
  color: #d0d0d0;
  vertical-align: top;
}
.firstlogin .termsandconditions .btn_green{
  margin-right: 15px;
}
.firstlogin input::-webkit-input-placeholder , .content_olvidastecontrasena input::-webkit-input-placeholder{
  color: #ABABAB;
}

.firstlogin input:-moz-placeholder, .content_olvidastecontrasena input:-moz-placeholder { /* Firefox 18- */
  color: #ABABAB;
}

.firstlogin input::-moz-placeholder, .content_olvidastecontrasena input::-moz-placeholder {  /* Firefox 19+ */
  color: #ABABAB;
}

.firstlogin input:-ms-input-placeholder, .content_olvidastecontrasena input:-ms-input-placeholder {
  color: #ABABAB;
}
.bg_first_login .ui-message-error-icon{
  display: none;
}
.bg_first_login .ui-message-error{
  margin-top: -20px;
  margin-bottom: 15px;
  padding: 4px 0;
  width: 100%;
  margin-left: 1px;
  color: #FD6C69;
  background: none;
  border: none;
  font-size: 14px;
}

/* Error 500 */
.bg_something_wrong{
  background: #edf2f5;
  /*background-color: #edf2f5;*/
  /*background-image: url("../img/bg/Something_wrong.png");*/
  /*background-repeat:no-repeat;*/
  /*background-position: right top;*/

}
.bg_something_wrong .container_something_wrong{
  padding-top: 272px;
  display: block;
  padding-left: 55px;
}
.bg_something_wrong h2{
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 5px;
  color: #4d4d4d;
}
.bg_something_wrong p{
  color: #a1a1a1;
  margin-bottom: 25px;
  font-size: 14px;
}
.bg_something_wrong .show_code{
  width: 22px;
  height: 27px;
  background: url("../img/icons/icon_source.png") no-repeat;
  text-indent: -999em;
  position: absolute;
  top: 10px;
  z-index: 9999;
  right: 10px;
}
.bg_something_wrong .source{
  display: none;
  position: absolute;
  width: 96.4%;
  height: 93.5%;
  border-radius: 10px;
  background: url("../img/bg/bgn_opacity80.png");
  padding: 20px;
}
.bg_something_wrong .source p{
  color: #fff;
}
.bg_something_wrong ul li{
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  color: #a1a1a1;
  font-size: 14px;
}
.bg_something_wrong ul li .btn_green{
  display: block;
  min-width: 90px;
  margin-top: 13px;
}
.bg_something_wrong ul li strong{
  color: #4d4d4d;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  margin-bottom: 5px;
}
.bg_something_wrong ul li  a{
  display: block;
}
.bg_something_wrong ul li.or{
  padding: 21px 12px;
}
.bg_something_wrong ul li a.phone{
  background: url("../img/icon_phone.png") -5px center no-repeat;
  padding-left: 20px;
  color: #a1a1a1;
  margin-bottom: 5px;
}
.bg_something_wrong ul li a.mail{
  background: url("../img/icon_email.png") -1px center no-repeat;
  padding-left: 27px;
  color: #a1a1a1;
}
.btn_export{
  color:#6092f1;
  background: url("../img/icons/pdf.png"),#efefef;
  background-repeat: no-repeat;
  background-position: center right 10px;
  padding: 10px 28px 10px 10px;
  border-top-left-radius: 3px;
  position: absolute;
  display: block;
  top: 50px;
  right: 39px;
  border-top-right-radius: 3px;
  cursor: pointer;
  width: auto !important;
}
.btn_export label{
  cursor: pointer;
}
.btn_export:hover{
  background: url("../img/icons/pdf_hover.png"),#efefef;
  background-position: center right 10px;
  background-repeat: no-repeat;
  color:#ff6600;


}
/* ==========================================================================
Media Queries Min Height
========================================================================== */

/*@media screen and (max-height: 650px) {*/
    /*.wrap{*/
        /*-webkit-transform: translate(-50%, -50%) scale(0.7);*/
        /*-moz-transform: translate(-50%, -50%) scale(0.7);*/
        /*transform: translate(-50%, -50%) scale(0.7);*/
    /*}*/
/*}*/


/* ==========================================================================
Media Queries 768px/1024px - Tablets
========================================================================== */
@media only screen and (max-width: 800px) and (min-width: 601px){

    body{
    }
    .tabs .ui-tabs-panels{
        width: 448px !important;
    }
    .content_tab_padding div.col span input{
        width: 45%;
    }
    /*LOGIN*/
    .content.bg_login{
        background: url("../img/bg/login_tablet.jpg");
        background-position: 55% 0;
    }

    /* MENU PARENT */

    .menuprincipal{
        position: relative;
        margin: 0 auto;
        top: 253px;
        display: block;
        float: none;
    }
    .menuprincipal.teacher{
        top: 103px;
        margin-right: 19px;
    }
    .menuprincipal.kid{
        top: 153px;
        margin-right: 119px;
    }

    /* MY KIDS */
    .content.bg_mykids{
      background-position: 38% 0;
    }
    .ulmykids{
      top: 116px;
    }
  .reports_profileKid{
    width: auto;
  }

    /* MENU */
  .tabs_menu_child span select{
    width: 100%;
    margin-bottom: 15px;
  }
  .tabs_menu_child span span{
    width: 100%;
  }
  .tabs_menu_child span input{
    width: 87%;
  }
  .bg_menu .cart_menu p strong.discount{
    width: 90px;
  }

  .btn_export{
    text-indent: -9999em;
    width: 0px;
  }


}

/* ==========================================================================
Media Queries 320px/480px - Smartphones
========================================================================== */
@media only screen and (max-width: 600px) {
    html, body{
        height: 100%;
        min-height: 480px;
    }
    .container{
        width: 100%;
        height: 100%;
        margin: 0;
    }
    .content{
      z-index: -1;
    }
    .content.bg_menu{
     z-index: inherit;
    }
    .wrap{
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: translate(0, 0) scale(1);
        -moz-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
        height: 100%;
        padding-bottom: 0;
    }
    .logo{
        top: 20px;
        left: 20px;
        background-size: cover;
        width: 204px;
        height: 70px;
    }
    .logo_2{
      left: 10px;
      background-size: cover;
      width: 158px;
      height: 46px;
      top: 23px;
    }

    .backandtitle{
        top: 69px !important;
        left: 0 !important;

    }
    .backandtitle:after{
        display: none !important;
    }
    .user_logout{
      z-index: 999;
      top: 0;
      right: 10px;
    }
    .user_logout p{
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-left-radius: 5px;
      padding: 8px 10px;
      border-bottom-right-radius: 5px;
    }
    .user_logout:hover p{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    }
    .user_logout .logout{
      margin-top: -1px;
    }
    .tabs{
        bottom: 72px;
        right: 0;
        margin: 0 2%;
    }
    .tabs .ui-tabs-panels{
        width: 100% !important;
        height: 100%;
    }
    .tabs .ui-state-default a{
      text-indent: -9999em;
      color: #4d4d4d;
      font-size: 15px;
      padding: 11px 0px 0 4px !important;
      width: 30px;
    }
    .content_tab_padding div.col span{
        width: 47.6%;
    }
    .content_tab_padding div.col span label{
        text-align: left;
    }
    .content_tab_padding div.col span input{
        display: block;
        width: 92%;
    }
  .content_tab_padding div.col:last-child span:last-child{
    width: 100%;
    margin-bottom: 0;
  }
  .content_tab_padding div.col:last-child span:last-child .btn_green{
    width: auto;
    display: block;
  }

    /* POP UP*/
    .ui-dialog{
        margin: 2.5% 2.5% 0;
        top: 0 !important;
        width: 95% !important;
    }
    .add_creditcartCheckout{
        overflow-y: scroll !important;
        overflow-x: hidden !important;
        height: 97% !important;
    }
    #processCheckoutForm .add_creditcartCheckout.ui-dialog .ui-dialog-content {
        overflow: auto !important;
    }
    #processCheckoutForm .add_creditcartCheckout.ui-dialog .ui-dialog-content .ui-messages{
        position: relative;
        padding: 0 !important;
        width: 100%;
        margin-bottom: 10px;
    }
    #processCheckoutForm .add_creditcartCheckout.ui-dialog .ui-dialog-content .ui-messages .ui-messages-error, .add_creditcartdialogWorkCCID .ui-messages .ui-messages-error{
        border-radius: 5px;
    }
    .windowConfirmationBalanceChild.windowConfirmationBalanceChildCredit .ui-messages, #windowBalanceChild .ui-messages, .add_creditcartdialogWorkCCID .ui-messages{
        position: relative;
        padding: 0 !important;
        width: 100%;
        margin-bottom: 10px !important;
    }
    .add_creditcartdialogWorkCCID .ui-messages .ui-messages-error{
        margin-bottom: 10px !important;
    }
    #windowBalanceChild .ui-messages .ui-messages-error{
        margin-top: 0;
    }
    .windowConfirmationBalanceChild.windowConfirmationBalanceChildCredit .ui-messages .ui-messages-error{
        border-radius: 5px;
    }
    .bg_popup{
        border-radius: 0;
        z-index: 999;
    }
    #requestContactForm input[type="text"]{
        width: 57.9px !important;
        margin-bottom: 0;
    }
    .ui-dialog-content
    {
      padding: 0;
    }
    /* LOGIN */
    .content.bg_login{
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 0;
        border: 0;
        -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.12);
        -moz-box-shadow:    0 0 0 0px rgba(0, 0, 0, 0.12);
        height: 100%;
        box-shadow:         0 0 0 0px rgba(0, 0, 0, 0.12);
    }
    .content.bg_login.img_1{
      background-size: cover;
      background-position: -160px top;
    }
    .content.bg_login.img_2{
      background-size: cover;
      background-position: -160px top;
    }
    .content.bg_login.img_3{
      background-size: cover;
      background-position: -131px top;
    }
  .content.bg_login.img_4{
    background-size: cover;
    background-position: -131px top;
  }
  .content.bg_login.img_1.welcome, .content.bg_login.img_2.welcome, .content.bg_login.img_3.welcome, .content.bg_login.img_4.welcome{
    background-size: cover;
  }

    .login{
      background: none;
      float: none;
      margin: 0 auto;
      width: 100%;
      height: 227px;
      padding-top: 0;
      position: absolute;
      bottom: 117px;
      left: 0;
      right: 0;
    }
    .login input[type="text"]{
        background: url("../img/icon_input_login_user.png"), url("../img/bg/bg_opacity50.png");
        background-repeat: no-repeat, repeat;
        border: 1px solid #fff;
        padding: 10px 0 10px 11px;
        background-position: right;
        color: #fff !important;
    }
    .login input[type="password"]{
        background: url("../img/icon_input_login_password.png"), url("../img/bg/bg_opacity50.png");
        background-repeat: no-repeat, repeat;
        padding: 10px 0 10px 11px;
        background-position: right;
        border: 1px solid #fff;
        color: #fff !important;
    }
    .login input[type="text"], .login input[type="password"]{
        width: 76.3%;
        margin-bottom: 10px;
        color: #828282;
        padding: 15px 0 15px 11px;

    }
    #frmMain1{
      position: absolute;
      right: 0;
      width: 100%;
      bottom: 90px;
      z-index: 999999;
    }
  .olvidastecontrasena .content_olvidastecontrasena{
    right: 0;
    bottom: 27px;
    width: 80%;
    padding: 0 10%;
  }
  .olvidastecontrasena input[type="text"]{
    width: 81%;
    padding: 15px 14% 15px 5%;
  }
  .olvidastecontrasena .btn-group{
    width: 100%;
  }
  .olvidastecontrasena .btn-group .btn_green {
    margin-right: 7%;
    width: 46%;
    min-width: 20%;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
  }
  .olvidastecontrasena .btn-group .btn_blue {
    width: 46%;
    min-width: 20%;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
  }
  .content_login_mail {
    text-align: center;
    bottom: 92px;
    position: absolute;
    height: 220px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    top: auto;
  }
    ::-webkit-input-placeholder {
        color: #828282;
    }

    :-moz-placeholder { /* Firefox 18- */
        color: #828282;
    }

    ::-moz-placeholder {  /* Firefox 19+ */
        color: #828282;
    }

    :-ms-input-placeholder {
        color: #828282;
    }
    .login input[type="submit"]{
        width: 79.6%;
        margin-bottom: 10px;
        padding: 14px 0;
    }
    .login a{
        float: left;
        color: #f3f3f4;
    }
    .login a:last-child{
        float: right;
    }
  .bg_regiter .tabs .ui-tabs-panels{
        min-height: 449px;
  }
  #frmMain1 a{
    float: left;
    margin-left: 10%;
  }
  #frmMain1 a:last-child{
    float: right;
    margin-right: 10%;
    margin-left: 0;

  }
  .bg_regiter .btn_green{
    min-width: 74px;
  }
  .bg_regiter .btn_blue{
    min-width: 115px;
}
  .content_tab.tree div.col span{
    display: block;
    width: auto !important;
    margin: 0 0 20px 0 !important;
  }
  .content_tab.tree div.col span:last-child{
    margin-bottom: 0 !important;
  }
  .content_tab.tree div.col span input{
    width: 98%;
  }

  /* ERROR 500 */
  .bg_something_wrong{
     /*background-color: #edf2f5;*/
     /*background-image: url("../img/bg/Something_wrong.png");*/
     /*background-repeat: no-repeat;*/
     /*background-position: -129px 191px;*/
     /*background-size: 160%;*/
  }
  .bg_something_wrong ul li .btn_green{
    text-align: center;
  }
  .bg_something_wrong p{
    margin-bottom: 0;
  }
  .bg_something_wrong ul li.or {
    padding: 9px 12px;
  }
  .bg_something_wrong .container_something_wrong{
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .bg_something_wrong ul li{
    display: block;
    text-align: center;
  }
  .bg_something_wrong ul li strong{
    text-align: left;
  }
  .bg_something_wrong ul li a{
    text-align: left;
  }
    /*FOOTER*/
    .footer{
        text-align: center;
        position: relative;
        bottom: 1px;
        margin-left: 10%;
        margin-left: 5%;
        width: 90%;
        margin-top: -97px;

    }
    .footer li p{
        color: #f3f3f4;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29);
    }
    .footer li a{
        color: #f3f3f4;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29);
        display: block;
        line-height: 19px;
    }
    .footer li.phone{
        background: url("../img/icon_phone_blanco.png") no-repeat;
        padding-left: 20px;
    }
    .footer li.email{
        background: url("../img/icon_email_blanco.png") no-repeat;
        padding-left: 27px;
    }
    .footer li.copyright{
        float: none;
        margin-top: 10px;
    }

    .footer.bottom{
        position: relative;
        margin-top: 0;
        left: 0;
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
        z-index: -2;
    }
    .footer.bottom li p, .footer.bottom li a{
        color: #afaeab;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
    }
    .footer.bottom li.email{
        background: url("../img/icon_email.png") no-repeat;
    }
    .footer.bottom li.phone{
        background: url("../img/icon_phone.png") no-repeat;
    }

    /* MENU PARENT */

    .content.bg_login{
        position: relative;
    }
    .content.bg_login.bg_regiter{
      min-height: 668px;
      height: auto;
    }
    .menuprincipal{
        float: none;
        position: absolute;
        left:50%;
        margin-left:-256px;
        bottom: 39px;
        margin-top: 0;
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        transform: scale(0.6);
        width: 513px;
    }
    .menuprincipal.teacher{
        bottom: 98px;
    }
    .menuprincipal.kid{
        margin-left: -174px;
    }
    .menuprincipal li:hover{
        -webkit-transform:  scale(1);
        -moz-transform:  scale(1);
        transform:  scale(1);
    }
    .menuprincipal li p{
        display: none;
    }
    .menuprincipal li strong{
        padding-top: 108px;
        font-size: 25px;
    }

  /* MY KIDS */
  .content.bg_mykids{
    background: none;
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
    height: auto;
  }
  .bg_mykids .backandtitle{
    width: 100%;
  }

  .ulmykids{
    top: 153px;
    width: 94%;
    right: 0;
    left: 0;
    padding: 0 3% 153px 3% !important;
    position: relative;
    display: block;
  }
  .ulmykids ul{
    height: 100%;
    width: 100%;
    overflow-y: visible;
    max-height: 100% !important;
    min-height: 10px;
  }
  .ulmykids li{
    border-bottom: 1px solid #d8d7d3;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .ulmykids ul li div p{
    margin-right: 0;
    display: block;
  }
  .ulmykids li div.cont_photo{
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
  }
  .ulmykids li div{
    text-align: center;
    width: 100%;
  }
  .ulmykids li div strong{
    margin-bottom: 4px;
  }
  .ulmykids li div p{
    margin-bottom: 4px;
    margin-right: 0;
    width: 100%;
  }
  .ulmykids .links{
    width: 100%;
    margin: 0 auto;
    border-bottom: 0;
  }
  .ulmykids ul li div .btn_green{
    padding: 10px 20px;
    margin-left: 0;
    margin-right: 0;
  }
  .links .btn_green{
    margin: 20px auto 5px auto !important;
    display: block;
  }
  .links .btn_blue{
    margin: 0 auto !important;
    display: block;
  }
  #windowProfileChild .bg_gray{
    width: 91%;
    margin-bottom: 10px;
  }
  .reports_profileKid{
    width: 100%;
    margin-left: 0;
  }
  #windowSupervisorChild #supervisorChildMessage {
    margin-top: 30px;
    margin-left: 5%;
    position: relative;
    padding: 0 !important;
    left: 0;
    width: 90%;
    top: 0;
  }
  #windowSupervisorChild #supervisorChildMessage .ui-messages-error{
    border-radius: 5px;
  }
  #windowSupervisorChild input[type="password"]{
    width: 89%;
    display: block;
  }
  #windowSupervisorChild .btn_green{
    width: 93%;
    display: block;
    margin: 10px auto 0;
    float: none;
  }
  #windowSupervisorChild p{
    margin-left: 20px;
  }
  #windowSupervisorChild select {
    width: 90%;
    margin-left: 5%;
  }
  #windowSupervisorChild .btn_blue{
    float: none;
    margin: 15px auto 0;
  }
  .content_profile_kids{
    width: 100%;
  }
  .reports_profileKid{
    height: auto;
    display: block;
  }
  #windowBalanceChild{
    width: 95% !important;
    left: 0 !important;
  }
  #windowProfileChild .ui-datatable table tfoot tr:last-child {
    position: relative;
    width: 93%;
    margin: 0 auto;
    display: block;
  }
  #windowBalanceChild .cont_photo{
    margin: 0 auto;
    display: block;
    margin-top: 20px;
  }
  #windowBalanceChild .contentinfo{
    text-align: center;
    width: 100% !important;
    margin-top: 10px;
    padding-right: 0;
  }
  #windowBalanceChild .btn_blue {
    right: 18px;
    float: right;
  }
    #windowBalanceChild .btn_red2 {
        right: 18px;
        float: right;
    }
  #windowSupervisorChild{
    left: 0 !important;
    width: 100% !important;
  }
  #windowSupervisorChild input[type="text"]{
    margin-left: 5%;
    width: 87%;
  }
  #windowBalanceAllChild .enter_amount{
    display: block;
  }
#windowBalanceAllChild .cont_photo{
  margin: 0 auto;
  display: block;
}
  #dataTableContactBalanceAllChild{
    width: 100%;
    max-height: none;
    overflow: visible;
  }
  #windowBalanceAllChild .user_info{
    width: 100%;
    margin-bottom: 20px;
  }
#windowBalanceAllChild .user_info strong, #windowBalanceAllChild .user_info p{
  text-align: center;
}
#windowBalanceChild .confirm_creditcard input{
  width: 187px !important;
}
  #comboDialog.ui-dialog, #variantDialog.ui-dialog{
    top: 197px !important;
    width: 100% !important;
  }
  #comboDialog.ui-dialog .selects_variations,   #comboDialog.ui-dialog, #variantDialog.ui-dialog .selects_variations{
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 61px;
    border-left: none;
    overflow: visible;
  }
  #variantDialog.ui-dialog .ui-dialog-content{
    padding: 10px 20px 20px !important;
  }
  #comboDialog.ui-dialog .content_popup_product{
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  #variantDialog.ui-dialog .content_popup_product{
    width: 100%;
    margin-top: 20px;
  }

  #comboDialog .ui-galleria, #variantDialog.ui-dialog .ui-galleria{
    margin: 20px auto 0;
    display: block;
  }
  #comboDialog #addProductButton2{
    position: absolute;
    bottom: 20px;
    right: 20px;
  }
  #variantDialog #addProductButton{
    margin-bottom: 0;
  }
  #comboDialog .ui-messages, #variantDialog .ui-messages{
    position: relative;
    padding: 0 !important;
    width: 100%;
    margin: 0;
    top: 0;
  }
  #comboDialog .ui-messages .ui-messages-error, #variantDialog .ui-messages .ui-messages-error{
    border-radius: 5px;
  }
  /* PRE-ORDER */
  .content.bg_preorder{
    background: none;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0);
    height: auto;
  }
  .cart{
    display: none;
  }
  .products{
    width: 99.4%;
  }
  .cart_quantity{
    display: block;
  }
  /* PRE-ORDER */
  .fixed .preorder.backandtitle{
    display: block;
  }
  #formOrder{
    padding: 118px 0 0 0;
  }
  .products{
    width: 100%;
    margin-right: 0;
  }
  .product_item{
    width: 47.4% !important;
  }
  .product_item{
    margin-right: 2.7% !important;
  }
  .product_item:nth-of-type(2n+0) {
    margin-right: 0 !important;
  }
  .detail_product .btn_greenbuy, .product_item:hover .btn_greenbuy{
    display: none !important;
  }
  .product_item:hover .detail_product{
    padding-bottom: 7%;
  }
  .product_item:hover .content_img_product{
    margin-top: 28px;
  }
  #panelOrder .ui-tabs-panels{
    width: 99%;
    overflow-y: visible;
    margin-right: 0;
    padding-right: 0;
    height: auto;
  }
  #panelOrder #catalogPanel {
    padding: 0 0 0 2%;
  }
  #panelOrder .ui-tabs-nav{
    display: none;
    margin-top: 0;
    margin-bottom: 10px;
    width: 100%;
  }
  #panelOrder #catalogPanel .ui-state-active, #panelOrder #catalogPanel .ui-state-default{
    display: inline-block !important;
    *display: inline;
    *zoom:1;
    height: auto;
    margin-right: 10px;
    margin-bottom: 9px;
    width: auto !important;
  }
  #panelOrder #catalogPanel .ui-state-active a{
    background: #fe9a41 !important;
    height: auto;
    padding: 10px;
    width: auto;
    position: relative;
    border-radius: 3px;
  }
  #panelOrder #catalogPanel .ui-state-default a{
  background: #ccc;
    height: auto;
    padding: 10px;
    width: auto;
    position: relative;
    border-radius: 3px;
  }
  #panelOrder h2{
    display: none;
  }
  .link_catalogs{
    display: block;
    width: 47px;
    height: 39px;
    background: url("../img/icon_catalogs.png") no-repeat;
    background-position: 0 3px;
    text-indent: -9999em;
    border-right: 1px solid #dfdeda;
    display: inline-block;
    *display: inline;
    *zoom:1;
    vertical-align: top;
  }
  .catalogsandcart{
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdeda;
    margin-bottom: 20px;
    display: block;
    position: relative;
    z-index: 99;
    width: 100%;
    background: #f7f7f5;
    top: 59px;
  }
  .catalogsandcart span.balance{
    display: inline-block;
    *display: inline;
    *zoom:1;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
  }
  .catalogsandcart p{
    margin-bottom: 0;
    text-align: right;
    color: #a1a1a1;
  }
  .catalogsandcart p strong{
    color: #ff6600;
    font-size: 13px;
    font-weight: normal;
    display: inline-block;
    *display: inline;
    *zoom:1;
    margin-bottom: 0;
    font-style: normal;
    line-height: 7px;
  }
  .catalogsandcart p strong.total{
    font-size: 15px;
    font-weight: bold;
  }
  .cart_quantity{
    display: block;
    position: absolute;
    top: 13px;
    right: 45px;
    font-size: 15px;
    font-weight: bold;
    background: url("../img/icon_cart.png") no-repeat;
    height: 26px;
    padding-left: 40px;
  }
  .cart_quantity span{
    background: #058696;
    border-radius: 5px;
    padding: 4px;
    color: #fff;
    display: block;
  }

  .btn_checkout{
    width: 79px;
    padding:  3px 10px;
    float: right;
    margin: 0 10px 0 0;
  }
  .btn_checkout span{
    padding: 0 !important;

  }
  .cart{
    display: none;
    width: 100%;
    position: absolute;
    z-index: 999;
    background: #fff;
    margin-right: 0;
    top: 162px;
    height: 100%;
  }
  .cart #orderMenuRight{
    border: none;
    margin-top: 0;
  }
  .cart_product_item p.name, .cart_product_item p.quantity{
    width: 60%;
  }
  .cart_product_item strong{
    float: right;
  }
  .cart_product_item .btn_cart_delete{
    float: right;
  }
  .cart .close_cart{
    width: 18px;
    height: 18px;
    background: url("../img/icon_close.jpg") no-repeat;
    text-indent: -999em;
    position: absolute;
    top: 11px;
    right: 10px;
  }
  .cartCatalog{
    min-height: 46px;
  }
  #panelGridConfirmationDialog{
    top: 190px !important;
    width: 100% !important;
  }
  #panelGridConfirmation #panelGridConfirmationDialog .ui-widget-content {
    padding: 20px 20px 20px 20px !important;
  }
  #panelGridConfirmationDialog .ui-widget-content .modal-body .row-fluid{
    width: auto;
  }
  #panelGridConfirmationDialog .ui-widget-content .modal-footer{
    position: relative;
    right: 0;
    bottom: 0;
  }
  #panelGridConfirmationDialog .ui-widget-content .modal-footer .btn_green, #panelGridConfirmationDialog .ui-widget-content .modal-footer .btn_blue{
    display: inline-block;
    *display: inline;
    *zoom:1;
    min-width: 46.1%;
  }
  /* SETTINGS */
  .content.bg_settings{
    background: url("../img/bg/settings.jpg");
    background-position: 30% 0;
    background-size: cover;
    height: auto !important;
    border-radius: 0;
    padding-top: 141px;
    padding-bottom: 100px;
  }
  .bg_settings .tabs .ui-tabs-panels {
    min-height: 526px;
  }
  .bg_settings .tabs{
    position: relative;
    bottom: 0;
  }
  .divconfigurepin{
    height: 100%;
  }
  .divconfigurepin span{
    width: 70%;
    margin: 20px auto 0;
  }

  /* NOTIFICATIONS */
  .notifications .col em{
    display: block;
    margin-bottom: 10px;
  }
  /* REPORTS */

  .content.bg_reports{
    padding-top: 0;
    background-size: cover;
    height: 100%;
    min-height: 570px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 00);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0);
    border-radius: 0;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0), 0px 0px 5px 0px rgba(0, 0, 0, );
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0), 0px 0px 5px 0px rgba(0, 0, 0, 0);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0), 0px 0px 5px 0px rgba(0, 0, 0, 0);
  }
  .bg_reports .ui-datatable{
    display: none;
  }
  .bg_reports .tabs{
    width: 96%;
    bottom: 92px;
 }
  .bg_reports .btn_gray{
    margin: 0 auto;
    text-align: center;
    display: block;
    position: relative;
    width: 50%;
    left: 0;
  }
  .panelInfo_reports{
    width: 99%;
    top: -213px;
  }
  .panelInfo_reports select{
    width: 74%;
    margin-left: 0;
    margin-bottom: 7px;
  }
  .panelInfo_reports p{
    margin-left: 0;
  }
  .panelInfo_reports .btn_green {
    width: 100%;
    margin-top: 5px;
    margin-left: 0;
  }
  .title_download_report_phone{
    display: block;
    color: #4d4d4d;
    font-size: 14px;
    font-style: normal;
    margin-bottom: 10px;
    text-align: center;
    padding: 20px 10px 10px;

  }
  .exportReport{
      margin: 10px auto 0 !important;
      display: block !important;
      float: none;
  }
  /* PAYMENTS */
  .content.bg_payment {
    background: url("../img/bg/payment.jpg");
    background-position: 0;
    background-size: cover;
    height: auto !important;
    border-radius: 0;
    padding-top: 141px;
    padding-bottom: 100px;
  }
  .bg_payment .tabs {
    position: relative;
    bottom: 0;
    top: 0;
  }
  .tabs .ui-tabs-panels{
    min-height: 112px;
  }

  .carditem{
    width: 47.1%;
    margin-bottom: 5px;
  }
  .carditem strong{
    letter-spacing: 0.4px;
    font-size: 9px;
  }
  .carditem:nth-child(2){
    margin-right: 0;
  }
  .cards_content .btn_addcard{
    margin-left: -4px;
    width: 49.6%;

  }
  .recurrent_payments a {
    display: block;
  }
  .bg_payment .cash {
    padding: 103px 0 30px 0;
    background-position: center -6px;
  }
  .bg_payment .eft {
    padding: 103px 0 30px 0;
    background-position: center -6px;
    border-bottom: 0;
  }
  /* MENU */
  .tabs_menu_child{
    display: block;
    margin: 0 auto;
    width: 90%;
    margin-bottom: 20px;
    height: auto;
  }
  .tabs_menu_child span select{
    width: 100%;
    margin-bottom: 10px;
  }
  .content.bg_menu{
    border-radius: 0;
    background-size: cover;
    height: auto !important;
    padding-top: 163px;
    padding-bottom: 110px;
  }
  .schedule{
    width: 90%;
    margin: 0 auto;
    display: block;
  }

  /* FIRST LOGIN */
  .content.bg_login.bg_first_login{
    height: auto;
    padding-bottom: 80px;
  }
  .firstlogin .termsandconditions .btn_green{
    min-width: 115px;
  }
  .firstlogin .termsandconditions .btn_blue{
    min-width: 115px;
  }
  .firstlogin{
    padding: 132px 20px 20px;
    border-radius: 10px;
  }
  .firstlogin ul{
    background: none;
    padding-bottom: 0;
  }
  .firstlogin li{
    display: block;
    width: auto;
    margin: 0 !important;
  }

  /*REGISTER*/
  .bg_regiter .tabs{
    position: relative;
    bottom: 0;
    padding-top: 111px;
    padding-bottom: 99px;
  }
  .bg_regiter .content_tab_padding div.col:last-child span:last-child{
    width: 47.6%;
    display: inline-block;
    *display: inline;
    zoom:1;
  }

  .reset_password{
    width: 100%;
    right: 0;
    bottom: 117px;
  }
  .reset_password input[type="password"]{
    width: 64%;
    border: 1px solid rgba(253, 253, 253, 0.34);
  }

  .reset_password input[type="password"]::-webkit-input-placeholder , .olvidastecontrasena #forgotPass::-webkit-input-placeholder{
    color: #fff;
  }

  .reset_password input[type="password"]:-moz-placeholder, .olvidastecontrasena #forgotPass:-moz-placeholder { /* Firefox 18- */
    color: #fff;
  }

  .reset_password input[type="password"]::-moz-placeholder, .olvidastecontrasena #forgotPass::-moz-placeholder {  /* Firefox 19+ */
    color: #fff;
  }

  .reset_password input[type="password"]:-ms-input-placeholder, .olvidastecontrasena #forgotPass:-ms-input-placeholder {
    color: #fff;
  }
  .reset_password p{
    padding: 0 5%;
  }
  .btn_export, .btn_linkMenu{
      top: 130px !important;
  }
    .fc-view .combo-unavailable-for-ordering{
        background: none;
        height: 41px;
        width: 100%;
        padding: 0;
        position: relative;
    }
    .fc-view .combo-unavailable-for-ordering .fc-event-inner.fc-event-skin{
        display: block;
        height: 20px;
        position: absolute;
        top: calc(50% - 10px);
        left:  calc(50% - 10px);
        border-radius: 50px;
        width: 20px !important;
        padding: 0;
        margin-left: 0;
        background:  url("../img/mobileCheckselected.png") center, #33cc99 no-repeat !important;
        background-size: contain;;
    }
    .fc-view .added-to-cart-combo .fc-event-inner.fc-event-skin{
        display: block;
        height: 26px;
        position: absolute;
        top: calc(50% - 13px);
        left:  calc(50% - 13px);
        border-radius: 50px;
        width: 26px !important;
        padding: 0;
        margin-left: 0;
        background: url("../img/mobileCheckselected.png") center, #c692c8  no-repeat !important;
        background-size: contain;
    }
    .fc-view .added-to-cart-combo {
        background: none;
        position: relative;
        height: 41px;
        width: 100%;
        padding: 0;
    }
    .fc-view .added-to-cart-combo .fc-event-inner.fc-event-skin span{
        display: none;
    }
    .fc-view .combo-unavailable-for-ordering .fc-event-inner.fc-event-skin span{
        display: none;
    }
    .fc-view .combo-available-for-ordering{
        background: none;
        position: relative;
        height: 41px;
        width: 100%;
        padding: 0;
    }
    .fc-view .combo-available-for-ordering .fc-event-inner.fc-event-skin{
        display: block;
        height: 26px;
        position: absolute;
        top: calc(50% - 13px);
        left: calc(50% - 13px);
        border-radius: 50px;
        width: 26px !important;
        padding: 0;
        background: url("../img/mobileAvailableToOrder.png")  no-repeat;
        background-size: contain;
    }
    .noCalendar .fc-view .combo-available-for-ordering .fc-event-inner.fc-event-skin{
        background: none !important;
    }
    .fc-content.noCalendar .fc-event{
        margin: 30px auto !important;
        width: 123px !important;
        height: 67px !important;
        background: url("../img/icon_combo_avalible.png") !important;
    }
    .fc-content.noCalendar .fc-event.added-to-cart-combo{
        margin: 30px auto !important;
        width: 123px !important;
        height: 67px !important;
        background: url("../img/icon_product_select_checkout.png") !important;
    }
    .fc-view .combo-available-for-ordering .fc-event-inner.fc-event-skin span{
        display: none;
    }
    .schedule .fc-view{
        height: auto;
    }
    .schedule .noCalendar .fc-view{
        height: 127px !important;
    }
    .listKidsToOrder table tbody tr td{
        display: block;
        text-align: center;
        width: 100%;
    }
    .listKidsToOrder table tbody tr td div a{
        text-align: center;
        display: block;
    }
    .listKidsToOrder table tbody tr{
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
        display: block;
    }

    .listKidsToOrder table tbody tr:last-child{
        border-bottom: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .listKidsToOrder{
        max-height: 156px !important;
    }
    .listKidsToOrder .namestudent{
        font-weight: 600;
    }
    #proccessCheckOut{
        margin-bottom: 20px !important;
    }
    #processCheckoutForm .ui-dialog{
        max-height: inherit !important;
    }
    .add_creditcart div.col span{
        width: 95%;
        margin-bottom: 10px;
    }
    #dlg h2, .titlePopup{
        width: 100%;
    }
}

/* MENU PARENT */
@media only screen and (max-width: 320px) {
    .menuprincipal{
        margin-left: 11%;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
        margin-left:-256px;
        width: 513px;
    }

    .menuprincipal.teacher{

        bottom: 98px;

    }

    /* MY KIDS */
    .bg_mykids .backandtitle h1{
      position: absolute;
      width: 71%;
      background-position: top right;
    }
}
@media only screen and (max-width: 1000px) and (min-width: 601px){
  .cart{
    display: none;
  }
  .products{
    width: 99.4%;
  }
  /* PRE-ORDER */

  #formOrder{
    padding: 14px 0 0 0;
  }
  .products{
    width: 100%;
    margin-right: 0;
  }
  .product_item{
    width: 22.5% !important;
  }
  .product_item{
    margin-right: 2.7% !important;
  }
  .product_item:nth-of-type(4n+0) {
    margin-right: 0 !important;
  }
  #panelOrder .ui-tabs-panels{
    width: 99%;
    overflow-y: auto;
    margin-right: 0;
    padding-right: 0;
    height: 450px;
  }
  .list_products {
    width: 100%;
  }
  #panelOrder .ui-tabs-nav{
    display: none;
  }
  #panelOrder #catalogPanel {
    padding: 0 0 0 15px;
  }
  #panelOrder h2{
    display: none;
  }
  .link_catalogs{
    display: block;
    width: 47px;
    height: 39px;
    background: url("../img/icon_catalogs.png") no-repeat;
    background-position: 0 3px;
    text-indent: -9999em;
    border-right: 1px solid #dfdeda;
    display: inline-block;
    *display: inline;
    *zoom:1;
    vertical-align: top;
  }
  .catalogsandcart{
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdeda;
    margin-bottom: 20px;
    display: block;
    position: relative;
    z-index: 99;
    width: 100%;
    background: #f7f7f5;
    top: 59px;
  }
  .catalogsandcart span.balance{
    display: inline-block;
    *display: inline;
    *zoom:1;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
  }
  .catalogsandcart p{
    margin-bottom: 0;
    text-align: right;
    color: #a1a1a1;
  }
  .catalogsandcart p strong{
    color: #ff6600;
    font-size: 13px;
    font-weight: normal;
    display: inline-block;
    *display: inline;
    *zoom:1;
    margin-bottom: 0;
    font-style: normal;
    line-height: 7px;
  }
  .catalogsandcart p strong.total{
    font-size: 15px;
    font-weight: bold;
  }
  .tabletno .cart_quantity{
    display: block;
    position: absolute;
    top: 13px;
    right: 45px;
    font-size: 15px;
    font-weight: bold;
    background: url("../img/icon_cart.png") no-repeat;
    height: 26px;
    padding-left: 40px;
  }
  .tabletno .cart_quantity span {
    background: #058696;
    border-radius: 5px;
    padding: 4px;
    color: #fff;
    display: block;
  }
  .cart{
    display: none;
  }
  .btn_checkout{
    width: 79px;
    padding:  3px 10px;
    float: right;
    margin: 0 10px 0 0;
  }
  .btn_checkout span{
    padding: 0 !important;

  }
  .fixed{
    display: none;
  }
  .fixed .logo_2{
    display: none;
  }
  .catalogsandcart_tablet{
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdeda;
    margin-bottom: 20px;
    padding-top: 10px;
    border-top: 1px solid #dfdeda;
    display: block;
    position: relative;
    z-index: 9;
    width: 100%;
    background: #f7f7f5;
    top: 10px;
  }
  .catalogsandcart_tablet span.balance{
    display: inline-block;
    *display: inline;
    *zoom:1;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
  }
  .catalogsandcart_tablet p{
    margin-bottom: 0;
    text-align: right;
    color: #a1a1a1;
  }
  .catalogsandcart_tablet p strong{
    color: #ff6600;
    font-size: 13px;
    font-weight: normal;
    display: inline-block;
    *display: inline;
    *zoom:1;
    margin-bottom: 0;
    font-style: normal;
    line-height: 7px;
  }
  .catalogsandcart_tablet p strong.total{
    font-size: 15px;
    font-weight: bold;
  }
  .catalogsandcart_tablet .cart_quantity{
    display: block;
    position: absolute;
    top: 13px;
    right: 45px;
    font-size: 15px;
    font-weight: bold;
    background: url("../img/icon_cart.png") no-repeat;
    height: 26px;
    padding-left: 40px;
  }
  .catalogsandcart_tablet .cart_quantity span{
    background: #058696;
    border-radius: 5px;
    padding: 4px;
    color: #fff;
    display: block;
  }

  .catalogsandcart_tablet.btn_checkout{
    width: 79px;
    padding:  3px 10px;
    float: right;
    margin: 0 10px 0 0;
  }
  .catalogsandcart_tablet .btn_checkout span{
    padding: 0 !important;

  }
  .catalogsandcart_tablet .cart{
    display: none;
    width: 100%;
    position: absolute;
    z-index: 999;
    background: #fff;
    margin-right: 0;
    top: 162px;
    height: 100%;
  }
  #panelOrder #catalogPanel .ui-state-active, #panelOrder #catalogPanel .ui-state-default{
    display: inline-block;
    *display: inline;
    *zoom:1;
    height: auto;
    margin-right: 10px;
    width: auto;
  }
  #panelOrder #catalogPanel .ui-state-active a{
    background: #fe9a41 !important;
    height: auto;
    padding: 10px;
    width: auto;
    position: relative;
    border-radius: 3px;
  }
  #panelOrder #catalogPanel .ui-state-default a{
    background: #ccc;
    height: auto;
    padding: 10px;
    width: auto;
    position: relative;
    border-radius: 3px;
  }
}
@media only screen and (max-width: 1400px) and (min-width: 601px){

  /* POS */
  .POS_product{
    width: 29.3%;
  }
  .menu_POS li{
    padding-top: 0;
    height: 60px;
  }
  .menu_POS li a, .menu_POS li a span{
    text-indent: -9999em;
  }
  .search_product input#globalFilterid{
    margin-top: 0;
    width: 73.9%;
  }
  .search_product .btn_blue, .search_product .btn_green{
    padding: 0;
    width: 10%;
    height: 37px;
    min-width: 8%;
  }
  .search_product .btn_blue .ui-button-text{
    background: url("../img/icons/search.png") no-repeat;
    text-indent: -999em;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    display: block;
  }
  .search_product .btn_green .ui-button-text{
    background: url("../img/icons/reload.png") no-repeat;
    text-indent: -999em;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    display: block;
  }
}
@media screen and (max-height: 939px) {
  .search_user{
    height: 96%;
  }
  .menuPos .ui-tabs-panels{
    height: 92.4%;
  }

}
@media screen and (max-width: 1665px) {
  #outputPanelInf {
    min-height: 33.1%;
  }
  .info_user_pos .photo_user{
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
  }
  .info_user_pos .info{
  width: 100%;
  text-align: center;
}
  .list_user{
    height: 57.1%;
  }
}
@media screen and (max-height: 950px) {
  .list_user{
    height: 54.5%;
  }
}

@media screen and (max-width: 928px) and  (min-width: 922px) {
  .firstlogin{
    padding-top: 48px;
  }
  .firstlogin li p{
    font-size: 13px;
  }
}
@media screen and (max-width: 921px) and  (min-width: 649px){
  .firstlogin{
    padding-top: 21px;
  }
  .firstlogin{
    padding-bottom: 33px;
  }
  .firstlogin li p{
    font-size: 13px;
  }
}
@media screen and (max-width: 648px) and  (min-width: 601px){
  .firstlogin{
    padding-top: 21px;
  }
  .firstlogin ul{
    padding-bottom: 23px;
  }
  .firstlogin{
    padding-bottom: 33px;
  }
  .firstlogin li p{
    font-size: 13px;
  }
}
@media only screen and (max-width: 1033px) and (min-width: 800px){
  .tabs_menu_child span select{
    width: 75%;
    float: right;
  }
  .tabs_menu_child span input{
    width: 94%;
  }
}
.contentInfoStudent{
    width: 77%;
    margin-left: 10px;
}
#childpanel::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
#childpanel::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none }
#childpanel::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
#childpanel::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
#childpanel::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
#childpanel::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
#childpanel::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}

.bg_reports .dataTableConsumo table::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
.bg_reports .dataTableConsumo table::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none }
.bg_reports .dataTableConsumo table::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
.bg_reports .dataTableConsumo table::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
.bg_reports .dataTableConsumo table::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
.bg_reports .dataTableConsumo table::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
.bg_reports .dataTableConsumo table::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}

.add_creditcartCheckout::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
.add_creditcartCheckout::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none }
.add_creditcartCheckout::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
.add_creditcartCheckout::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
.add_creditcartCheckout::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
.add_creditcartCheckout::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
.add_creditcartCheckout::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}

#childpanel{
    padding: 0;
}
#accordionPanelChildren .btn_orange{
    font-size: 12px;
    padding: 10px 13px;
    min-width: 93px;
    box-shadow: none;   
    border-radius: 3px;
}
#accordionPanelChildren span.floatR{
    width: calc(100% - 103px);
    margin-bottom: 5px;
}
.divisor{
    height: 1px;
    width: 100%;
    background: #dedede;
    margin: 20px 0;
}
button{
    outline: none !important;
}
.ui-paginator .ui-paginator-first{
    position: absolute;
    left: -17px;
    top: -8px;
    position: relative;
    background: url("/resources/NewYupiStyle/img/iconArrowPaginationLeft.png") center no-repeat;
    width: 10px;
}
.ui-paginator .ui-paginator-pages{
    position: absolute;
    left: 29px;
    top: 0;
}
.tabpaymentpagination .ui-paginator .ui-paginator-pages{
    left: 24px;
}
.ui-paginator .ui-paginator-last{
    position: absolute;
    right: -121px;
    top: -8px;
    position: relative;
    width: 10px;
}
.ui-paginator .ui-paginator-last span{
    background: url("/resources/NewYupiStyle/img/iconArrowPaginationRight.png") center no-repeat;
}
.ui-paginator .ui-paginator-page{
    width: 23px;
    padding: 2px 0;
}
.listProducts{
    margin-bottom: 20px;
}
.listProducts td{
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    color: #5a5a5a;
}
.listProducts td input, .listProducts td label{
    cursor: pointer;
}
.listProducts td input, #formDlgCombo .ui-dialog-content ul li input, .specialRequests tr td input{
    width: 17px;
}
.listProducts::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
.listProducts::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none }
.listProducts::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
.listProducts::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
.listProducts::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
.listProducts::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
.listProducts::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}

.exportReport{
    margin: 10px 0 0 20px;
}
.checkboxMirror{
    width: 15px;
    border: 1px solid #ccc;
    height: 15px;
    background: #fff;
    margin-bottom: -4px;
    margin-right: 8px;
}
.checkboxMirror.active{
    background: url("/resources/NewYupiStyle/img/iconCheck.png") 1px 1px no-repeat, #fff;
}
.specialRequests{
    margin-bottom: 20px;
}
.specialRequests label{
    font-size: 13px;
    color: #5a5a5a;
}
#addItemsForm .ui-dialog .contentListItems{
    overflow-y: auto !important;
    overflow-x: hidden;
    height: 85%;
    margin-bottom: 10px;
}

.ui-dialog .contentListItems::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
.ui-dialog .contentListItems::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none }
.ui-dialog .contentListItems::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
.ui-dialog .contentListItems::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
.ui-dialog .contentListItems::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
.ui-dialog .contentListItems::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
.ui-dialog .contentListItems::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}

.listKidsToOrder{
    overflow-y: auto;
    max-height: 116px;
    overflow-x: hidden;
    padding: 0 10px;
}
.listKidsToOrder table{
    border-spacing: 0;
}
.listKidsToOrder table tbody tr td{
    border: 1px solid #fafafa !important;
}
.listKidsToOrder table tbody tr td div{
    background: #fafafa !important;
    font-size: 14px;
    padding: 4px 0 !Important
}
.listKidsToOrder table tbody tr td div p{
    margin-bottom: 0;
    color: #7b7b7b;
}
.orderTotal{
    border: 1px solid #c2c2c2;
    border-radius: 5px;
    padding: 10px;
    font-size: 15px;
    color: #7b7b7b;
    width: 70px;
    text-align: right;
    background-color: #fff;
    
}

.listKidsToOrder::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
.listKidsToOrder::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none }
.listKidsToOrder::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
.listKidsToOrder::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
.listKidsToOrder::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
.listKidsToOrder::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
.listKidsToOrder::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}

.add_creditcartCheckout .creditcart input{
    width: 86% !important;
    background-image: url(../img/images.png),url(../img/images.png);
    background-position: 4px -118px, 296px -58px;
    background-size: 120px 495px,120px 495px;
    background-repeat: no-repeat;
}

#accordionPanelChildren::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
#accordionPanelChildren::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none; }
#accordionPanelChildren::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
#accordionPanelChildren::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
#accordionPanelChildren::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
#accordionPanelChildren::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
#accordionPanelChildren::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}

#recurrenceDialog div.col{
    margin-bottom: 20px;
}
#recurrenceDialog div.col span{
    display: inline-block;
    *display: inline;
    *zoom:1;
    width:46%;
}
#recurrenceDialog div.col span:first-child{
    margin-right: 5%;
}
#recurrenceDialog div.col span label{
    font-size: 14px;
    margin-right: 10px;
    color: #7b7b7b;
    vertical-align: top;
    margin-bottom: 5px;
    display: block;
}
#recurrenceDialog div.col span#dateFrom, #recurrenceDialog div.col span#dateTo{
    width: 94%;
}
#recurrenceDialog div.col span input{
    border: 1px solid #c2c2c2;
    margin: 0;
    width: 100%;
}
#recurrenceDialog div.col select{
    border: 1px solid #c2c2c2;
    padding: 9px 10px;
    border-radius: 5px;
    width: 100%;
}
#recurrenceDialog .creditscards{
    max-height: 208px;
    overflow: auto;
}
#recurrenceDialog .creditscards p{
    margin-bottom: 10px;
}
#recurrenceDialog .creditscards li{
    background: #efefef;
    padding: 10px;
    width: auto;
}
#recurrenceDialog .creditscards li input{
    padding: 0;
    margin: 0;
}
#recurrenceDialog .creditscards li label{
    display: inline-block;
    *display: inline;
    *zoom:1;
    margin-bottom: 0;
    font-size: 14px;
    vertical-align: top;
    margin-left: 5px;
    color: #7b7b7b;
}
#recurrenceDialog .creditscards li em{
    float: right;
    font-style: normal;
    font-size: 13px;
    color: #4d4d4d;
}
strong.title {
    font-size: 14px;
    font-style: normal;
    color: #7b7b7b;
}
.bg_reports .ui-datatable::-webkit-scrollbar { width: 4px; height: 3px; border-radius: 6px; }
.bg_reports .ui-datatable::-webkit-scrollbar-button {  background-color: #a3a3a3; border-radius: 6px; width: 4px; display: none; }
.bg_reports .ui-datatable::-webkit-scrollbar-track {  background-color: #cccccc; border-radius: 6px; }
.bg_reports .ui-datatable::-webkit-scrollbar-track-piece { background-color: #a3a3a3; border-radius: 6px;}
.bg_reports .ui-datatable::-webkit-scrollbar-thumb { height: 50px; background-color: #cccccc; border-radius: 6px;}
.bg_reports .ui-datatable::-webkit-scrollbar-corner { background-color: #cccccc; border-radius: 6px;}
.bg_reports .ui-datatable::-webkit-resizer { background-color: #cccccc; border-radius: 6px;}
.messageBalance0{
    display: none;
    color: #33cc99 !important;
    font-size: 13px !important;
    line-height: 19px !important;
    margin-bottom: 0 !important;
}
.messageBalance0 strong{
    font-size: 13px;
    font-style: normal;
    color: #33cc99 !important;
    display: inline;
}
.messageBalance0.active{
    display: block;
}
.shadowTooltipTop, .shadowTooltipLeft, .shadowTooltipRight, .shadowTooltipBottom, .shadowTooltipTopCheck{
    background: rgba(52,33,53,0.81);
}
.shadowTooltipTop{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.shadowTooltipBottom{
    border-bottom-left-radius: 5px;
}
.Check.shadowTooltipBottom{
    border-bottom-left-radius: 0;
}
.Check.shadowTooltipTop{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.Check.shadowTooltipRight{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.Check.shadowTooltipLeft{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.instructivo p{
    position: absolute;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    width: 250px;
    top: 145px;
    left: 33px;
    line-height: 21px;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.instructivo span{
    background: url("../img/imgIntructivo1.png")no-repeat;
    width: 91px;
    height: 89px;
    display: block;
    position: absolute;
    left: 70px;
    top: 46px;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.visualInstructivoCheck{
    position: absolute;
    background: url("../img/visualInstructivoCheck.png") no-repeat;
    width: 61px;
    height: 78px;
}
.instructivoCheck{
    background: url("../img/instructivoCheck.png") no-repeat;
    display: block;
    width: 291px;
    height: 149px;
    position: absolute;
    top: 220px;
    left: 14px;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.visualInstructivoCircule{
    background: url("../img/visualInstructivoCheckOut.png") no-repeat;
    width: 108px;
    height: 108px;
    position: absolute;
}
.totalXstudent{
    text-align: center;
    width: 100px;
}
.instructivoCheckOut span{
    background: url("../img/imgInstructivo2.png");
    width: 124px;
    height: 62px;
    position: absolute;
    left: 390px;
    top: 60px;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.instructivoCheckOut p{
    position: absolute;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    width: 290px;
    top: 125px;
    left: 248px;
    line-height: 21px;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.noCalendar table{
    display: none;
}
.noCalendar div{
    position: relative !important;
}
.noCalendar .fc-event{
    width: 240px !important;
    position: relative !important;
    height: 184px !important;
    left: 0 !important;
    background: url("../img/icon_combo_available_checkout.png") !important;
    padding: 0 !important;
    margin: 22% auto !important;
}
.fc-content.noCalendar .fc-event.added-to-cart-combo{
    width: 240px !important;
    position: relative !important;
    height: 184px !important;
    left: 0 !important;
    padding: 0 !important;
    margin: 22% auto !important;
    background: url("../img/icon_product_select_checkout.png") !important;
}
.fc-content.noCalendar .fc-event.combo-unavailable-for-ordering{
    width: 240px !important;
    position: relative !important;
    height: 184px !important;
    left: 0 !important;
    padding: 0 !important;
    margin: 22% auto !important;
    background: url("../img/combo-unavailable-for-ordering.png") !important;
}
.btn_linkMenu{
    color:#6092f1;
    background: #efefef;
    background-repeat: no-repeat;
    background-position: center right 10px;
    padding: 10px;
    border-top-left-radius: 3px;
    position: absolute;
    display: none;
    top: 50px;
    right: 39px;
    border-top-right-radius: 3px;
    cursor: pointer;
    width: auto !important;
}
.ordertoAll .btn_linkMenu{
    display: block;
}
.ordertoAll .btn_export{
    display: none !important;
}
.noProduct{
    font-weight: 500;
}
.noProduct p{
    font-size: 18px;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 250px;
}