/********************** General ********************/
body > iframe {
  left: 0;
}
form {
  display: inline-block;
  width: 100%;
}
td > label {
  padding-top: 0;
  width: auto;
}
input[type="checkbox"] + label {
  padding-top: 0;
}
body > select {
  margin: 6em 1em 1em 6em;
}
body > select ~ div:nth-child(4),
body > select ~ div:nth-child(5),
body > select ~ div:nth-child(6) {
  margin: 0.5em 6em;
}
body:after {
  content: "";
  display: table;
  width: 100%;
}
/*****************************************************/

.errorBlock,
.successBlock {
  margin: 0 0 0.5em 0;
  overflow: hidden;
}
.errorBlock p {
  margin: 0.5em;
}
.errorBlock h2 {
  margin: 0;
}
.errorBlock h2,
.successBlock p {
  padding: 0.3em;
}
.successBlock p {
  float: left;
  margin: 0;
  width: 100%;
}
.errorBlock h2:before,
.successBlock p:before {
  margin-right: 0.5em;
}
.headerPagination1 {
  float: right;
  margin-bottom: 0.2em;
}
.contentBlock2 {
  width: 100%;
}
.contentBlock2 .contentBlockTitle2 {
  float: left;
  padding: 2px 0 5px 0;
  width: 100%;
}
.noDataFilter {
  float: left;
  margin-top: 10px;
  width: 100%;
}
.searchBoxDiv{
  position: absolute;
}
.searchBoxTable {
  border-collapse: collapse;
}
.searchBoxTable,
.searchBoxTable tbody,
.searchBoxTable tbody tr,
.searchBoxTable tbody tr td {
  border: 0;
  outline: 0;
  padding: 0;
}
.searchBoxTable tbody tr td {
  padding: 3px;
}
.searchBoxTable tbody tr:hover {
  cursor: pointer;
}
/*------ Popup login box ----*/

#login .searchBox {
  margin: 0;
  padding: 6px;
}
.rightHead .topHead a.iconLogoff {
  border: 0px solid #efefef !important;
}
#login > button {
  margin-left: 0.25em;
  margin-right: 0;
  vertical-align: middle;
}
#loginBoxx {
  display: block;
  height: auto;
  min-height: 210px;
  overflow: hidden;
  width: 100%;
}
#loginBoxx .loginImage {
  margin: 5px auto;
  max-width: 30%;
}
#loginBoxx .loginImage img {
  height: auto;
  width: 100%;
}
#formLogin {
  height: auto;
  overflow: hidden;
  width: auto;
}
#loginBoxx .areaform {
  max-width: 100%;
  position: relative;
  width: 95%;
}
#loginBoxx .row input {
  margin: 0;
  padding-left: 22px;
  width: 100%;
}
#loginBoxx #username:before,
#loginBoxx #password:before {
  left: 5px;
  position: absolute;
  top: 0;
}
/************************ Main Container ********************/

#navRender,
#pageHeader,
#wrapper {
  float: left;
  width: 100%;
}
#mainSideBar {
  float: right;
  margin-top: 60px;
  padding: 1em;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  width: calc(100% - 57px);
}
#imageLogoHeader img {
  width: 109px;
}
#content {
  z-index: 999;
}
#header {
  float: left;
  margin: 0 auto;
  width: 100%;
}
#sidebar {
  display: none;
  float: right;
  height: auto;
  width: 25%;
}
#sidebar2 {
  clear: left;
  display: none;
  float: left;
  height: auto;
  width: 30%;
}
#formbox_Set {
  float: left;
  width: 100%;
}
#NoteCommPending {
  margin: 8px 0;
}
#showAnchor,
#hideAnchor {
  clear: both;
  float: left;
  margin-bottom: 10px;
  width: auto;
}
#CheckAutoShip,
#selectDay {
  clear: both;
}
#showbtn,
#hidebtn {
  float: left;
}
#selectDay select {
  float: right;
}
.formbox .formbox,
.formbox.noFormbox {
  border: none;
  padding: 0;
}
.formbox.noFormbox {
  margin: 0;
}
.formbox .outline {
  border: none;
}
.joinFormboxTop {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
.joinFormboxBottom {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.row,
.externl_row {
  float: left;
  margin: 0 0 0.3em 0;
  padding: 0;
  width: 100%;
}
.noPanel {
  display: block;
  float: left;
  width: 100%;
}
.areaform,
.text_mssg {
  display: inline-block;
  float: none;
  vertical-align: middle;
  width: 65%;
}
.externl_row .areaform {
  width: auto;
}
.areaform #country {
  width: 138px;
}
.label,
label,
.labelMandatory,
.labelError,
.LabelBG,
.labelBG,
.Labelbg,
.labelbg {
  display: inline-block;
  float: none;
  max-width: 195px;
  vertical-align: middle;
  width: 35%;
}
/* Tables */

table {
  border-collapse: collapse;
  float: left;
  overflow: auto;
  width: 100%;
}
table.reportFilterTable {
  margin-bottom: 0.8em;
}
table td {
  vertical-align: middle;
}
table.responsive-table {
  margin: 15px 0;
}
table.responsive-table td.td-center img {
  display: block;
  float: left;
  height: auto;
  margin: 0 15%;
  max-height: 110px;
  max-width: 70%;
  width: auto;
}
table.responsive-table td input[type="text"] {
  max-width: 60%;
  width: auto;
}
.LTitle1 {
  float: left;
}
.LeftLabel,
.SectionLabel,
.LeftLabelBG {
  padding: 0;
}
/* Otros */

.recordfound {
  float: left;
}
.pagenumber {
  float: right;
}
/******************* Header *********************/

#header .image,
#header .rightHead {
  display: inline-block;
  float: none;
}
#header .rightHead {
  width: 90%;
  width: calc(100% - 160px);
}
#hdrheader {
  padding: 0.5em 1em;
  position: fixed;
  width: 100%;
  z-index: 9999;
}
#hdrlogo {
  float: left;
  width: 1%;
}
#hdrdate {
  float: right;
  width: 100%;
}
#hdrlanguage,
#hdrsearchform {
  margin-left: 0.85em;
}
#hdrlanguage select {
  margin: 0;
  padding: 5px 10px;
}
#hdrinside {
  float: right;
  width: 30%;
}
.headerReference {
  left: 5%;
  margin: 0;
  position: absolute;
  top: 0%;
}
#hdrloginasuser {
  margin: 0;
}
#hdrloginasuser .userImageContent {
  display: inline-block;
  vertical-align: middle;
}
#hdrloginasuser .userImageContent a {
  display: inline-block;
}
#hdrloginasuser .userImageContent .userImage {
  border-radius: 50%;
  height: 38px;
  width: 38px;
}
#hdrloginasuser .userInfoContent > span {
  margin-left: 0.5em;
}
#hdrloginasuser .userInfoContent > span > span,
#hdrloginasuser .userInfoContent > span > strong {
  display: inline-block;
}
.rightHead .topHead a.iconLogoff {
  border: 1px solid #EFEFEF;
  display: inline-block;
  margin-left: 0.25em;
  padding: 1px 5px;
}
.rightHead .verticalDivision {
  height: 40px;
  margin: 0 1em;
  width: 1px;
}
.rightHead .topHead {
  float: left;
  margin-left: 50px;
}
.rightHead .topHead > div,
.rightHead .topHead > span,
.rightHead .bottomHead > div,
.rightHead .bottomHead > span,
.rightHead .shortcutsShop > span,
.rightHead .shortcutsShop > button {
  display: inline-block;
  float: none;
  vertical-align: middle;
}
.rightHead .bottomHead {
  float: right;
  position: relative;
}
.rightHead .topHead > #chatCounterContainer {
  display: none;
}
/* headers */

.contentBlock2 > .headersection,
#content100 > form > .headersection,
div:not(.formbox) > .headersection,
.formbox.noFormbox > .headersection {
  clear: both;
  display: block;
  float: left;
  position: relative;
  top: 0;
}
div.headerText1 > .headersection {
  top: 0;
}
.headerpage {
  clear: both;
  float: none;
  margin: 0;
  width:100%;
}
.headerpage .headerpage {
  margin: 0;
}
.headerLeft2,
.headerRight2 {
  float: left;
  height: 5px;
  width: 5px;
}
.headerCenter2 {
  float: left;
  height: 5px;
  overflow: hidden;
}
.headerLeft3 {
  float: left;
  height: 30px;
  width: 2px;
}
.headerCenter3 {
  float: left;
  height: 30px;
  overflow: hidden;
}
.headerRight3 {
  float: left;
  height: 30px;
  width: 10px;
}
.headerInfo1 {
  float: left;
  margin-bottom: 0.3em;
}
.headerInfo2 {
  display: block;
  margin-left: 10px;
}
/* Navmenu */

.nav_back {
  float: right;
  margin: 0;
}
.nav_next {
  float: right;
  margin-right: 10px;
  margin: 0;
}
.nav_buttons {
  float: right;
  margin: 5px 0px;
  vertical-align: top;
  width: 100%;
}
.nav_buttons button {
  margin-right: 5px;
}
/******************** Footer *********************/

#footer {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  bottom: 0;
  left: 0;
  position: fixed;
  width: 57px;
}
#footer .copyright a {
  display: inline-block;
  margin: 1.5em 0;
}
#magicDotContainer {
  display: inline-block;
  float: none;
  width: 100%;
}
/******************** Reports *********************/
/* Filter Classes */

#queryBlock,
#resultsBlock {
  margin: 15px 0px 0px 15px;
  overflow: hidden;
  padding: 0px;
}
/* Grid Classes */

.headerCenter1 {
  float: left;
  width: 100%;
}
div[id*="cpw_"] .headerInfo1 {
  display: none;
}
.reportTitle {
  float: right;
  margin: 0;
  width: 100%;
}
.reportTitle table {
  border-collapse: collapse;
  border-style: none;
  border-width: 0px;
  width: 100%;
}
.reportContainer,
.queryBlock {
  float: right;
  width: 100%;
}
.reportContent,
.queryContent {
  border: 1px solid #CDCDCD;
  clear: both;
  float: left;
  margin: 0;
  padding-bottom: 0;
  position: relative;
  width: 100%;
}
.reportContent table,
.queryContent table,
.reportFilterTable,
.reportFilterTable table,
table.outline,
table.outline table {
  border: 0;
}
.reportContent .exportToExcel {
  position: absolute;
  top: -45px;
}
.reportContent .reportScrollContent {
  border-top: 2px solid rgba(34, 34, 34, 0.66);
  float: left;
  max-height: 600px;
  overflow-y: auto;
  position: relative;
  width: 100%;
}
.reportContent .reportScrollContent .auxHeaderScroll {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}
.reportContent .reportScrollContent .auxTotalReport {
  display: none;
  height: 30px;
  left: 0;
  position: absolute;
  top: 30px;
  visibility: hidden;
  width: 100%;
  z-index: 5;
}
.reportData {
  border-collapse: collapse;
  overflow: hidden;
  table-layout: auto;
  width: 100%;
}
.reportData th {
  vertical-align: middle;
}
.reportData th > .exportToExcelDiv {
  float: left!important;
}
.reportData th > .exportToExcelButton {
  float: right;
  margin: 0;
}
table thead tr th.exportToExcelTh {
  padding: 0 0 5px 0;
}
table tr td, table tr th {
  border-bottom: none;
  overflow: hidden;
  padding: 5px;
  white-space: normal;
}
table tr.impar td,
table tr.par td {
  vertical-align: top;
}
.topScrollbar {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}
.topScrollbar > div {
  height: 0;
}
.pagenumber {
  float: right;
}
/* Tooltip */

.tooltipContent {
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translateZ(0);
  position: relative;
}
.tooltipContent .tooltip {
  border-radius: 5px;
  bottom: 100%;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  display: block;
  left: 0;
  margin-bottom: 10px;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  width: 100%;
  z-index: 99;
}
.tooltipContent .tooltip:before {
  bottom: -15px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}
.tooltipContent .tooltip:after {
  border-left: solid rgba(0, 0, 0, 0) 15px;
  border-right: solid rgba(0, 0, 0, 0) 15px;
  border-top: solid #182945 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  width: 0;
  z-index: 9;
}
.tooltipContent:hover .tooltip {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  pointer-events: auto;
}
.tooltipContent > span[onclick] {
  cursor: pointer;
}
.tooltipContent .tooltip.mini {
  border-radius: 5px;
  left: 0;
  margin-left: -36px;
  padding: 5px;
  width: 100px;
}
/******************** Others *********************/

#railBlock,
.rightRailBlock {
  float: left;
  width: 100%;
}
/* Pagination */

.reportTitle .headerPagination1 > a,
.reportTitle .headerPagination1 > span {
  display: inline-block;
  float: none;
  vertical-align: middle;
}
.reportTitle .paginationLink a,
.reportTitle .headerPagination1 .showAllLink {
  border-radius: 2px;
  border: 1px solid #E6E6E6;
  display: inline-block;
  min-width: 20px;
  padding: 3px;
}
/* Buttons and Form elements */

button,
input,
select,
textarea,
.fakeButton {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.25s all linear;
  -moz-transition: 0.25s all linear;
  -ms-transition: 0.25s all linear;
  -o-transition: 0.25s all linear;
  transition: 0.25s all linear;
}
input,
textarea,
select {
  padding: 5px 6px;
}
.areaform .fakeInput {
  float: left;
  margin: 0;
  width: 100%;
}
.areaform > img {
  margin: 0 1%;
}
.fieldButton,
button.fieldButton,
button,
input[type=button],
.fakeButton {
  display: inline-block;
  float: none;
  margin: 0 5px 0 0;
  padding: 6px 15px;
  vertical-align: top;
}
button.nobk {
  padding: 2px;
}
button.nobk img {
  height: 100%;
  width: auto;
}
button.btn-calendar {
  margin: 0;
  padding: 0;
}
button.buttonSendFlagUpdate,
button.buttonSendFlagExcel {
  margin-left: 1.5%;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
button.fieldButton:hover,
button:hover,
input[type=button]:hover {
  cursor: pointer;
}
button.delbutton,
button.updatebutton {
  height: 18px;
  width: 18px;
}
button.delbutton {
  border: 0;
  padding: 0;
}
#btnCenter {
  float: left;
  margin-top: 35px;
  width: 100%;
}
#btnCenter > div {
  display: inline-block;
}
button[onclick^="popUpCalendar"],
button[onclick^="onClickCalendar"],
button.btnimg {
  height: auto!important;
  margin: 0 0.2em;
  padding: 6px 10px;
}
button[onclick^="popUpCalendar"] img,
button[onclick^="onClickCalendar"] img,
button.btnimg img {
  display: none!important;
  position: absolute;
  top: -999;
}
button[onclick^="popUpCalendar"]:before,
button[onclick^="onClickCalendar"]:before {} button > img {
  height: 13px;
}
/* Overlay */

#overlay {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
/* Cart Container */

#cartBlock {
  margin: 0.5%;
  width: 99%;
}
.headerNotifications {
  cursor: pointer;
  display: inline-block;
  margin-left: 0.6em;
  padding-right: 0.9em;
  position: relative;
  vertical-align: middle;
}
.headerNotifications .headerCounter {
  border-radius: 50%;
  height: 20px;
  position: absolute;
  right: 0;
  top: -2px;
  width: 20px;
}
#chatCounterContainer {
  margin-left: 0;
}
#basket h2 {
  margin: 0.2em 0 0.5em 0;
}
#cartReviewContainer,
#cartEmptyOuterContainer,
#basket {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #CCC;
  min-width: 215px;
  padding: 0 10px;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 9999;
}
#cartEmptyOuterContainer img {
  height: auto;
  margin-top: 5px;
  width: 30%;
}
#cart .cartRow {
  border-bottom: 1px solid #ccc;
  margin-top: 5px;
  padding-bottom: 5px;
}
#cart .cartRow:last-child {
  border-bottom: none;
}
#cart,
.cartRow,
.cartProductImage,
.cartContainers,
.cartTableContent {
  float: left;
  width: 100%;
}
#cart td button.fieldButton {
  margin: 5px 0;
}
#cart tr.impar td:nth-child(5),
#cart tr.par td:nth-child(5),
#cart tr.impar td:nth-child(6),
#cart tr.par td:nth-child(6),
#cart tr.impar td:nth-child(7),
#cart tr.par td:nth-child(7),
#cart tr.tr-total td:nth-child(3),
#cart tr.tr-total td:nth-child(4) {
  padding: 0 3px;
  white-space: nowrap;
}
#cartContent .contentBlock2 > div > .contentBlockTitle2 {
  display: none;
}
.cartTableContent table.cartContent .tr-border-top,
.cartTableContent table.cartContent .tr-total {
  border-top: 1px solid #2B2B2B;
}
.cartTableContent table.cartContent {
  margin: 5px 0;
}
.cartTableContent table.cartContent tbody th {
  padding: 2px 0 5px 0;
}
.cartTableContent table.cartContent tbody th:nth-child(3) {
  padding-left: 5px;
  padding-right: 5px;
}
.cartTableContent table.cartContent td input[type="text"] {
  float: right;
  max-width: 85%;
}
.cartTableContent table.cartContent tr.impar td:nth-child(3),
.cartTableContent table.cartContent tr.par td:nth-child(3),
.cartTableContent table.cartContent tr.impar td:nth-child(4),
.cartTableContent table.cartContent tr.par td:nth-child(4) {
  padding: 5px 5px;
  white-space: nowrap;
}
.cartContainers {
  padding-top: 8px;
}
.cartContainers > input[type="text"],
.cartContainers > button,
#cartContainer > input[type="text"],
#cartContainer > button {
  float: right;
}
.cartProductImage img {
  display: block;
  float: none;
  height: auto;
  margin: 0 auto;
  max-height: 90px;
  max-width: 60%;
  width: auto;
}
.cartProductInfo {
  float: left;
  width: 100%;
}
.cartProductBtns {
  display: none;
  float: right;
  width: 15%;
}
.cartProductBtns button {
  float: right;
}
.cartProductName,
.cartProductId,
.cartProductQty {
  display: block;
  width: auto;
}
.cartProductQty span {
  display: inline-block;
  float: none;
  margin-right: 5px;
  width: auto;
}
.cartProductQty input {
  display: inline-block;
  float: none;
}
.cartProductPrice,
.cartProductTax,
.cartProductNote {
  display: inline-block;
  float: none;
  padding-right: 5px;
  width: auto;
}
.cartRefreshBtn,
.cartDeleteBtn {
  clear: left;
  float: left;
}
.cartDeleteBtn + .cartRefreshBtn {
  margin-top: 5px;
}
.cartRefreshBtn,
.cartDeleteBtn,
.button_buy_small_delete,
.button_small_close {
  border-radius: 3px;
  border: none;
  height: 22px;
  margin-top: 2px;
  padding: 0;
  width: 22px;
}
.cartContent .cartDeleteBtn {
  display: none;
  margin: 3px;
}
.cartContent .cartDeleteBtn + span {
  display: inline;
}
.cartContent tr.subtotal td,
.cartContent tr.shipping td,
.cartContent tr.tax td,
.cartContent tr.totall td,
.cartContent tr.comm td,
.cartContent tr.topay td {
  padding: 3px 0;
}
.button_buy_small_add + .button_buy_small_delete {
  margin-left: 5px;
  margin-right: 0;
}
.cartCheckoutBtn {
  float: left;
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
}
/* Basket */

#closeBasket {
  cursor: pointer;
  display: none;
  float: right;
}
#productImage img {
  height: auto;
  max-height: 150px;
  max-width: 70%;
  width: auto;
}
#checkoutBasket {
  margin-bottom: 5px;
  margin-top: 10px;
}
#checkoutBasket button {
  width: 85%;
}
#checkoutBasket #basketBtnClose {
  margin-bottom: 10px;
  margin-top: 10px;
}
/* Signup styles*/

#sectionCheckBox {
  float: left;
  width: 100%;
}
#sectionCheckBox label {
  max-width: 90%;
  width: auto;
}
.productBox,
.productBox-highlight {
  float: left;
  margin: 5px 0;
  padding: 5px 0;
  position: relative;
  width: 100%;
}
.productBox .fieldButtons {
  float: left;
  width: auto;
}
.productDetailBox {
  float: left;
  width: 70%;
}
.productDetailBox .productImage {
  float: left;
  width: 15%;
}
.productDetailBox .productDesc {
  float: left;
  width: 70%;
}
.productDetailBox .productImage img {
  display: inline-block;
  float: none;
  height: auto;
  margin: 0 5%;
  width: 90%;
}
.productDetailBox .productInfo {
  float: left;
  width: 80%;
}
.productDetailBox .productInfo a {
  display: block;
  float: left;
  width: auto;
}
.productDetailBox .fieldButtons {
  float: left;
  margin-top: 10px;
  width: auto;
}
.inCartIndicator {
  float: right;
  position: absolute;
  right: 10px;
  top: 10px;
  width: auto;
}
.productDetailBox a {
  display: none;
}
.productBox .productInfo,
.productBox-highlight .productInfo {
  border: 1px solid #CCC;
  clear: left;
  float: left;
  margin: 0 0.5%;
  padding: 1%;
  vertical-align: top;
  width: 99%;
}
.productBox .productInfo img,
.productBox-highlight .productInfo img {
  max-width: 180px;
  vertical-align: top;
}
.productDetailBox .productDesc .itemText {
  clear: both;
  display: block;
  float: left;
}
.productDetailBox .productDesc .itemPrice {
  clear: left;
  float: left;
}
.productDetailBox .productInfo {
  width: 65%;
}
.productDetailBox .productDesc > a {
  clear: left;
  display: block;
  float: left;
}
.productSummary a {
  display: none;
}
.productPagination {
  float: left;
  margin: 30px 0 0;
  width: 100%;
}
/* General Class */

.fakeImage {
  display: inline-block;
  float: none;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.columnsauto > img {
  display: inline-block;
  float: none;
  vertical-align: middle;
}

/*----- Calendar ----*/
#calendar {
  border-radius: 10px;
  border: 1px solid #CCC;
}
#calendar > table tbody > tr:first-child > td:first-child {
  padding: 0;
}
#calendar #spanRight:before,
#calendar #spanLeft:before,
#calendar #spanMonth:after,
#calendar #spanYear:after,
#calendar #spanTime:before,
#calendar #spanTime:after,
#calendar a[href*="hideCalendar"]:before  {
  display:none;
}
/*Controles responsivos*/
.ctrlsub {
  display: none;
}
/*******************************************************
*****************  Media queries  **********************
********************************************************/

@media screen and (max-width: 1400px) {
  #mainSideBar {
    margin-top: 7em;
  }
}
@media screen and (max-width: 1366px) {
  #mainSideBar {
    margin-top: 5em;
  }
}
@media screen and (max-width: 1024px) {
  /*-------- Main content -------*/

  #mainSideBar {
    margin-top: 4em;
  }
}
@media screen and (max-width: 1000px) {
  #mainSideBar {
    margin-top: 6em;
  }
}
@media screen and (max-width: 768px) {
  /*-------- Credit Card 2 ---------*/
    /* Muestra los encabezados
       a la izquierda y las filas
       a la izquierda con scroll */

       table.table_creditcard2 {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
      }
      table.table_creditcard2 th,
      table.table_creditcard2 td {
        margin: 0;
      }
      table.table_creditcard2 {
        display: block;
        position: relative;
        width: 100%;
      }
      table.table_creditcard2 thead {
        display: block;
        float: left;
      }
      table.table_creditcard2 tbody {
        display: block;
        overflow-x: auto;
        position: relative;
        width: auto;
      }
      table.table_creditcard2 thead tr {
        display: block;
      }
      table.table_creditcard2 th {
        border-bottom: 0;
        border-left: 0;
        display: block;
        min-height: 24px;
        padding-top: 2px;
      }
      table.table_creditcard2 tbody tr {
        display: inline-block;
      }
      table.table_creditcard2 td {
        display: block;
        min-height: 1.25em;
      }
      table.table_creditcard2 td {
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
      }
      table.table_creditcard2 tbody tr {
        padding-left: 2px;
      }
    /*table.table_creditcard2 th:last-child,
  table.table_creditcard2 td:last-child {
  border-bottom: 1px solid #babcbf;
  }*/
    /* Oculta los encabezados y muestra cada una de las filas
    en pares sin scroll. */

    table.responsive-table,
    table.responsive-table thead,
    table.responsive-table tbody,
    table.responsive-table th,
    table.responsive-table td,
    table.responsive-table tr {
      display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */

    table.responsive-table tr:first-child {
      left: -9999px;
      position: absolute;
      top: -9999px;
    }
    table.responsive-table tr {
      border-top: 1px solid #000!important;
      float: left;
      width: 100%;
    }
    table.responsive-table tr.tr-total {
      border-bottom: 3px solid #000!important;
      border-top: 2px solid #000!important;
      border: none!important;
    }
    table.responsive-table tr.tr-border-top {
      border-top: 2px solid #000!important;
    }
    /* Behave  like a "row" */

    table.responsive-table td {
      border: none!important;
      float: right!important;
      height: auto!important;
      padding-left: 50%!important;
      padding: 5px 0!important;
      position: relative!important;
      white-space: normal!important;
      width: 50%!important;
    }
    table.responsive-table td input[type="text"] {
      float: right;
    }
    table.responsive-table td input[type="text"] + a > img {
      min-height: 30px;
    }
    table.responsive-table td:before {
      left: 5px;
      padding-right: 10px;
      position: absolute;
      top: 6px;
      width: 45%;
    }
    /*-------- Label the data -------*/

    table.responsive-table td:before {
      content: attr(data-title);
    }
    table.responsive-table td.td-left:before,
    table.responsive-table td.td-right:before {
      content: attr('');
    }
    table.responsive-table td.td-left {
      float: left;
      padding-left: 0%!important;
    }
    table.responsive-table td.td-right {
      float: right;
      padding-left: 0%!important;
    }
    table.responsive-table td.td-center {
      float: none;
      height: auto!important;
      margin: 0;
      padding-left: 0!important;
      width: 100%!important;
    }
    table.responsive-table td.td-center img {
      display: block!important;
      float: none!important;
      margin: 0 auto!important;
      max-height: 140px;
      width: auto;
    }
    table.responsive-table td.td-hide,
    table.responsive-table th.th-hide {
      display: none!important;
    }
    table.reportFilterTable select[name^="field"] {
      min-width: 150px;
    }
  }
  @media screen and (max-width: 768px) {
    .rightHead .verticalDivision {
      height: 2em;
      width: 1px;
    }
    .reportContent,
    .queryContent {
      border: 1px solid #c9b990;
    }
    button {
      margin: 0 5px 5px 0;
    }
    #navigationTitle li {
      margin-top: 4px;
      padding:4px;
    }
    #navigationTitle li a {
      border-radius: 4px;
    }
  }
  @media (max-width: 640px) {
    #header .image {
      width: auto;
    }
    a#toggleMenu,
    #header .image {
      z-index: 99999;
    }
    #hdrloginasuser .userImageContent {
      display: none;
    }
    .rightHead {
      width: 100%;
    }
    .rightHead .topHead,
    .rightHead .bottomHead {
      width: 100%;
    }
    .topHead #chatCounterContainer,
    .topHead #sharingContainer,
    .topHead #placeholder-div-hangout {
      margin: 0.5em 0.5em 0 0.5em;
    }
    .bottomHead .pets-wrap {
      display: inline-block;
      float: none;
    }
    #footer .footer-tagline h3 {
      width: 90%;
    }
    #tokeniframe > iframe {
      height: 860px;
    }
  }
  @media screen and (max-width: 540px) {
    #mainSideBar {
      margin-top: 260px;
    }
  }
  @media screen and (max-width: 480px),
  screen and (max-height: 500px) {
    .headerpage {
      margin: 0;
      max-width: 100%;
      padding: 0;
      width: 100%;
    }
    .par.itemsCart td,
    .impar.itemsCart td {
      padding: 1em 0 !important;
    }
    #wrapper {
      overflow: hidden;
    }
    #mainSideBar {
      display: inline-block;
      margin: 1em 0 0 0;
      padding: 0.5em;
      position: relative;
      width: 100%;
    }
    .out_menu {
      display: none;
    }
    .mosaic2.m2x5.bg-color2.horizontalmosaic {
      width: 100%;
    }
    /**** Encabezado ****/
    /******* Header *******/
    /**** Primer Nivel *****/

    #hdrheader {
      display: inline-block;
      position: relative;
    }
    #toggleMenu, #header #imageLogoHeader {
      float: left;
      display: inline-block;
      margin: 0.5em 0.5em 0 0.5em;
    }
    #header #imageLogoHeader {
      width: auto;
    }
    #header {
      float: none;
      position: relative;
    }
    a#imageLogoHeader img {
      display: inline-block;
    }
    .rightHead {
      float: none;
      padding: 0;
      width: 100%;
    }
    /**** Segundo Nivel *****/

    #header .rightHead {
      padding: 0;
      width: 100%;
    }
    /**** Tercer Nivel *****/

    .topHead #hdrloginasuser,
    .topHead #hdrlanguage {
      display: inline-block;
      float: none;
      margin: 0;
      padding: 0;
      vertical-align: middle;
      width: calc(50% - 0.5em);
    }
    #hdrlanguage {
      width: 50%;
    }
    /*----- Shortcuts icons ------*/

    .topHead .iconLogoff.color2,
    .topHead .verticalDivision,
    .topHead #chatCounterContainer,
    .topHead #sharingContainer,
    .topHead #placeholder-div-hangout {
      margin: 0 8px;
      padding: 0;
    }
    .headerNotifications .headerCounter {
      border-radius: 50%;
      bottom: 10px;
      height: 15px;
      left: 12px;
      position: absolute;
      width: 15px;
    }
    .rightHead .topHead a.iconLogoff,
    .topHead #chatCounterContainer,
    .topHead #sharingContainer,
    .topHead #placeholder-div-hangout {
      margin: 0.5em 0.5em 0 0.5em;
      padding: 0;
    }
    .rightHead .topHead a.iconLogoff{
      margin: 0.5px 0.5em;
    }
    .bottomHead #shortcutsShop {
      display: none;
      width: 100%;
    }
    .bottomHead #shortcutsShop button {
      margin: 0.5em auto;
    }
    #header .rightHead {
      width: 100%;
    }
    .rightHead .topHead,
    .rightHead .bottomHead {
      display: inline-block;
      float: none;
      margin: 0;
      padding: 0;
      position: initial;
      right: 0;
      width: 100%;
    }
    .rightHead .shortcutsShop > button,
    .bottomHead #shortcutsShop button.enroll {
      width: calc((100% / 4) - 1em);
      display: none;
    }
    .verticalDivision {
      display: none !important;
    }
    .bottomHead #searchWrapper {
      margin: 0 auto;
    }
    select,
    input[type="text"],
    input[type="password"],
    input[type="number"],
    input[type="email"] {
      margin: 0.2em 0 0.5em 0 !important;
      padding: 5px 2px;
      width: 100%;
    }
    input[type="file"] {
      display: block !important;
      margin-right: 0;
      overflow: hidden !important;
      width: 190px !important;
    }
    .row select,
    .row input[type="text"],
    .row input[type="password"],
    .row input[type="number"],
    .row input[type="email"] {
      margin: 0;
      max-width: 100%;
      min-width: 100%;
    }
    .fieldButton,
    button,
    input[type=button],
    input[type="submit"],
    input[type="reset"],
    .fakeButton {
      float: none;
    }
    #addPrepaymentCart {
      margin: 1em 0 0 0;
    }
    #login {
      float: left;
      width: 100%;
    }
    #login .searchBox {
      float: none;
    }
    /*------ User info -------*/

    #hdrloginasuser {
      padding-top: 5px;
      white-space: initial;
    }
    #language-picker img {
      width: auto!important;
    }
    #user-info {
      border-radius: 5px!important;
      border: solid 1px #acd8ea!important;
      margin: 0!important;
    }
    /*------ Language -------*/

    #hdrloginasuser,
    #hdrlanguage {
      display: inline-block;
      float: none;
      width: auto;
    }
    #hdrlanguage {
      margin: 10px 0;
    }
    #hdrlanguage .langimage {
      float: left;
    }
    #hdrlanguage .langimage img {
      float: right;
      margin-right: 10px;
    }
    #navRender {
      display: inline-block;
      float: none;
      margin: 0;
      vertical-align: middle;
      width: 100%;
    }
    /*---------- Report Filter ------------*/

    table.outline.reportFilterTable > tbody > tr > td,
    table.outline > tbody > tr > td {
      display: block;
      width: 100%;
    }
    table.reportFilterTable input,
    table.reportFilterTable select,
    table.outline input,
    table.outline select {
      margin: 0;
      max-width: 95%;
      padding: 1px 2px;
    }
    table.reportFilterTable select[name^="field"] {
      min-width: 50px;
    }
    table.reportFilterTable select[name^="operator"],
    table.reportFilterTable input[name^="value"] {
      max-width: 100px;
    }
    table.reportFilterTable button.nobk {
      float: left;
    }
    /*-------  Float box  -------*/

    .fbMain.fbx {
      left: 0 !important;
      width: 100% !important;
    }
    .fbMain.fbx button {
      margin: 0.5em 0 0.5em 0;
      width: 100% !important;
    }
    .LTitle1 > .BorderBTitle {
      float: left;
      width: 100%;
    }
    .leftPanel,
    .rightPanel {
      width: 100%;
    }
    .label,
    .labelMandatory,
    .labelError {
      float: left;
      max-width: 100%;
      width: 100%;
    }
    .LabelBG,
    .labelBG,
    .Labelbg,
    .labelbg {
      width: 100%;
    }
    .space {
      display: none!important;
    }
    .areaform {
      float: left;
      width: 100%;
    }
    .areaform textarea {
      width: 100%;
    }
    #basket,
    #cartEmptyOuterContainer {
      position: fixed;
    }
    #cartReviewContainer {
      position: fixed;
    }
    #basket,
    #cartReviewContainer,
    #cartEmptyOuterContainer {
      margin: 0 10%;
      max-height: 95%;
      min-width: 0;
      overflow: auto;
      padding: 0;
      right: 0;
      top: 10px;
      width: 80%;
    }
    #cart {
      margin: 3% 0!important;
    }
    .cartTableContent {
      max-height: none;
    }
    #checkoutBasket button {
      clear: both;
      float: left;
      margin: 0 8%;
      width: 84%;
    }
    #basketBtnClose {
      margin-top: 5px;
    }
    .cartRefreshBtn,
    .cartDeleteBtn,
    .button_buy_small_delete,
    .button_small_close {
      height: 30px;
      width: 30px;
    }
    /*--------- Navigation bar  ----------*/

    .nav_buttons {
      margin: 0;
    }
    .nav_buttons .fieldButton {
      border-radius: 2px;
      margin: 0 0 0.5em 0;
      padding: 0.8em 0;
      width: 49%;
    }
    .nav_buttons .nav_back,
    .nav_buttons .nav_next {
      margin: 0;
      width: 49%;
    }
    .row_nav_buttons .nav_buttons > a {
      border-radius: 2px;
      border: 1px solid #ddd;
      float: left;
      margin-right: 5px;
      padding: 0.8em;
      width: 49%;
    }
    .nav_buttons .nav_back {
      float: left;
    }
    .nav_buttons .nav_next button,
    .nav_buttons .nav_back button {
      width: 100%;
    }
    .cartContainers > input[type="text"] {
      float: left;
      margin: 0;
      width: 49%;
    }
    .cartContainers > button {
      margin: 0;
      max-width: 49%;
      padding: 6px 10px;
    }
    .columns3 button,
    .fieldButton,
    button.fieldButton {
      margin: 0.2em 0 0.5em 0;
      width: 100%;
    }
    .columns3 {
      margin: 0;
    }
    table.responsive-table tr.tr-total td {
      display: inline-block;
      float: none !important;
      min-height: 3em;
      padding: 2em 0.5em 0 0 !important;
      width: calc(50% - 1em) !important;
    }
    .cartTableContent table.cartContent td input[type="text"] {
      max-width: 70px;
    }
    /*-------  Footer -------*/

    #footer .intFooter .copyright {
      position: relative;
    }
  }