html {
    overflow-y: scroll;
    height:100%;
    width:100%;
}
body {
    height:100%;
    width:100%;
    FONT-FAMILY: 'Ropa Sans';
}
a
{
   FONT-SIZE: 12px;
   FONT-FAMILY: 'Ropa Sans';
   color:#222222;
   text-decoration:none;
}
.clsshopname
{
   background-color:#DE1600;
   border:1px solid #DE1600;
   font-size:14px;
   font-family:'Ropa Sans';
   font-weight:800;
   color:#FFFFFF;
   border-radius:8px;
   padding:6px;
   padding-left:16px;
   padding-right:16px;
   margin-left:10px;
}
.ximg
{
   width:0px;
   padding-left:0px;
   padding-right:0px;
}
.initimage
{
   width:100%;
   border-radius:10px;
   float:left;
   min-width:100px;
   max-width:320px;
   margin-right:10px;
   margin-bottom:10px;
}
/*
.mobile-hidden
{
   display:inline-block;
}
*/
.headercentertd
{
   text-align:center;
}
.headerrighttd
{
   padding-right:10px;
}
.full-hidden
{
   display:none;
}
@media only screen and (min-width: 320px) {
   .ximg
   {
      width:124px;
      padding-left:10px;
      padding-right:20px;
   }
}
@media only screen and (max-width: 800px) {
   .initimage
   {
      width:100%;
      border-radius:10px;
      float:none;
      min-width:100%;
      max-width:100%;
      margin-right:0px;
      margin-bottom:10px;
   }
   .mobile-margin
   {
      margin-top: 15px;
   }
   .mobile-fullwidth
   {
      width:100% !important;
   }
   .mobile-hidden
   {
      display:none;
   }
   .ximg
   {
      display:none;
   }
   .headercentertd
   {
      text-align:left;
   }
   .clsshopname
   {
      margin-left:20px;
   }
   .headerrighttd
   {
      padding-right:20px;
   }
   .full-hidden
   {
      display:table-cell !important;
   }
}
body.page
{
   FONT-SIZE: 12px;
   FONT-FAMILY: 'Ropa Sans';
   text-align: center;
   margin: 0 auto;
   background-color:#E9E9E9;
}
.tblrowl
{
   FONT-SIZE: 16px;
   FONT-FAMILY: 'Ropa Sans';
   font-weight:400;
   color:#FFFFFF;
   background-color:#02389B;
   border-bottom:1px solid rgba(255,255,255,0.3);
}
.tblrow
{
   FONT-SIZE: 16px;
   FONT-FAMILY: 'Ropa Sans';
   font-weight:400;
   color:#333333;
   background-color:#FFFFFF;
   border-bottom:1px solid rgba(0,0,0,0.3);
   border-right:1px solid rgba(0,0,0,0.3);
}
.tblrowleft
{
   border-left:1px solid rgba(0,0,0,0.3);
}
.tblheader
{
   FONT-SIZE: 18px;
   FONT-FAMILY: 'Ropa Sans';
   font-weight:400;
   color:#FFFFFF;
   background-color:#019BDA;
   border:1px solid #019BDA;
   border-bottom:1px solid rgba(255,255,255,0.3);
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

td.content
{
   FONT-SIZE: 14px;
   FONT-FAMILY: 'Ropa Sans';
   font-weight:400;
/*    background-color:#FFFFFF; */
}
td.content_row_clear
{
   FONT-SIZE: 12px;
   FONT-FAMILY: 'Ropa Sans';
}
b.msg_save_err
{
   font-size: 14px;
   FONT-FAMILY: 'Ropa Sans';
   color: red;
   font-weight: bold;
}
b.msg_save_ok
{
   font-size: 14px;
   FONT-FAMILY: 'Ropa Sans';
   color: green;
   font-weight: bold;
}
.buttonv2
{
   background-color: #2F3E8F;
   color:white;
   font-size: 16px;
   FONT-FAMILY: Arial;
   border:0px;
   padding:10px;
   box-shadow: 0px 2px 0px 1px #19225D;
   border-radius: 7px;
   font-weight:700;
   height:46px;
   cursor:pointer;
}
.buttonbrightsmallv2
{
   background-color: #52B7F2;
   color:white;
   font-size: 16px;
   FONT-FAMILY: Arial;
   border:0px;
   padding:10px;
   border-radius: 7px;
   font-weight:700;
   height:36px;
   cursor:pointer;
}
.buttondarksmallv2
{
   background-color: #1A235D;
   color:white;
   font-size: 16px;
   FONT-FAMILY: Arial;
   border:0px;
   padding:10px;
   border-radius: 7px;
   font-weight:700;
   height:36px;
   cursor:pointer;
}
b.header
{
   font-size: 22px;
   FONT-FAMILY: 'Ropa Sans';
   color: #19225D;
   font-weight: bold;
}
input.buttonsmall
{
   border:1px solid #4CDA4B;
   font-size: 12px;
   FONT-FAMILY: 'Ropa Sans';
   background-color:#B6FFB5;
   color:#356135;
   font-weight:bold;
   cursor:pointer;
}
input.buttonsmall:hover
{
   border:1px solid #30A12F;
   font-size: 12px;
   FONT-FAMILY: 'Ropa Sans';
   background-color:#4CDA4B;
   color:#222222;
   font-weight:bold;
   cursor:pointer;
}
input.buttonsmallred
{
   border:1px solid #FF8989;
   font-size: 12px;
   FONT-FAMILY: 'Ropa Sans';
   background-color:#FFD3D3;
   color:#333333;
   font-weight:bold;
   cursor:pointer;
   padding:3px;
}
input.buttonsmallred:hover
{
   border:1px solid #FF5A5A;
   font-size: 12px;
   FONT-FAMILY: 'Ropa Sans';
   background-color:#FFB1B1;
   color:#333333;
   font-weight:bold;
   cursor:pointer;
   padding:3px;
}
input.button
{
   border:1px solid #4CDA4B;
   font-size: 14px;
   FONT-FAMILY: 'Ropa Sans';
   background-color:#B6FFB5;
   color:#356135;
   padding:5px;
   font-weight:bold;
   cursor:pointer;
}
input.button:hover
{
   border:1px solid #30A12F;
   font-size: 14px;
   FONT-FAMILY: 'Ropa Sans';
   background-color:#4CDA4B;
   color:#222222;
   padding:5px;
   font-weight:bold;
   cursor:pointer;
}
input.buttongrey
{
   border:2px solid #CCCCCC;
   font-size: 14px;
   FONT-FAMILY: 'Ropa Sans';
   background-color:#EEEEEE;
   color:#666666;
   padding:5px;
   font-weight:bold;
   cursor:pointer;
}
input.buttongrey:hover
{
   border:2px solid #999999;
   font-size: 14px;
   FONT-FAMILY: 'Ropa Sans';
   background-color:#CCCCCC;
   color:#222222;
   padding:5px;
   font-weight:bold;
   cursor:pointer;
}
input.buttonback
{
   border:2px solid #FF8989;
   font-size: 14px;
   FONT-FAMILY: 'Ropa Sans';
   background-color:#FFD3D3;
   color:#333333;
   padding:5px;
   font-weight:bold;
   cursor:pointer;
}
input.buttonback:hover
{
   border:2px solid #FF5A5A;
   font-size: 14px;
   FONT-FAMILY: 'Ropa Sans';
   background-color:#FFB1B1;
   color:#333333;
   padding:5px;
   font-weight:bold;
   cursor:pointer;
}
input.buttonnormal
{
   border:2px solid #999999;
   font-size: 12px;
   FONT-FAMILY: 'Ropa Sans';
   background-color:#CCCCCC;
   color:#222222;
   padding:2px;
   font-weight:bold;
   cursor:pointer;
}
.textwhitev2small
{
   border:1px solid #EEEEEE;
   font-size: 14px;
   FONT-FAMILY: 'Ropa Sans';
   padding:6px;
   background-color:#FFFFFF;
   border-radius: 7px;
   color:#666666;
   outline:none; 
}
.textwhitev2
{
   border:1px solid #EEEEEE;
   font-size: 18px;
   FONT-FAMILY: 'Ropa Sans';
   padding:10px;
   background-color:#FFFFFF;
   border-radius: 7px;
   color:#666666;
   outline:none; 
}
.textwhitev2:focus
{
   border:1px solid rgba(80, 181, 238, 0.6);
   font-size: 18px;
   FONT-FAMILY: 'Ropa Sans';
   padding:10px;
   background-color:#E6F1F8;
   border-radius: 7px;
   color:#666666;
   outline:none;
   -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;
}
input.text
{
   border:1px solid #CCCCCC;
   font-size: 16px;
   FONT-FAMILY: 'Ropa Sans';
   border-radius:5px;
   height:24px;
   outline: none;
}
input.text:focus
{
   border:1px solid #02389B;
   font-size: 16px;
   FONT-FAMILY: 'Ropa Sans';
   border-radius:5px;
   height:24px;
   outline: none;
   
   -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;
}
.elemshow
{
   opacity:1 !important;
   -webkit-transition: all 0.9s ease-in-out;
   -moz-transition: all 0.9s ease-in-out;
   -o-transition: all 0.9s ease-in-out;
   transition: all 0.9s ease-in-out;
}
textarea.text
{
   border:1px solid #CCCCCC;
   font-size: 16px;
   FONT-FAMILY: 'Ropa Sans';
   border-radius:5px;
   height:24px;
   outline: none;
   padding:6px;
   background-color:#E7F9FF;
}
textarea.text:focus
{
   border:1px solid #02389B;
   font-size: 16px;
   FONT-FAMILY: 'Ropa Sans';
   border-radius:5px;
   height:24px;
   outline: none;
   
   -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;
   padding:6px;
   background-color:#E7F9FF;
}
select.textnormal
{
   border:1px solid #CCCCCC;
   font-size: 12px;
   FONT-FAMILY: 'Ropa Sans';
   background-color:#FFFFFF !important;
}
select.text
{
   border:2px solid #CCCCCC;
   font-size: 14px;
   FONT-FAMILY: 'Ropa Sans';
   padding:3px;
   background-color:#FFFFFF !important;
}
.loader {
   display: inline-block;
   border: 6px solid #CCCCCC; /* Light grey */
   border-top: 6px solid #555555; /* Blue */
   border-radius: 50%;
   width: 60px;
   height: 60px;
   animation: spin 1.5s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}