.cloud-link-1           {color:#777777;}
.cloud-link             {color:#777777}
a.cloud-link:hover      {color:#C59B9C}

.cl-pagination-active   {font-weight:bold; color:#6c757d !important; cursor:default;}


/* Classes for Headers and Texts */
.cloud-h1               {font-size:32px !important; }
.cloud-h3               {font-size:20px !important; }
.cloud-h3-v2            {font-size:20px !important; font-weight:600; color:#777777; letter-spacing:0.03em;}
.cl-h1-subcats-pages    {padding:0px 0px 15px 0px; font-size:2.6rem;}
.cl-cart-text           {font-size:14px; font-weight:600; color:#777777;}

/* Classes for menu fixes */
.cl-text-start      {text-align: center !important;}
.cl-menu-text-left  {text-align: left !important;}
.cl-z-index-ban     {z-index: -1;}


/*Για την σωστή εμφάνιση των φωτογραφιών σε Responsive Mode... Υπήρχε σαν γενικό Rule img αλλά έσπαγε μικρά icons οπότε μπήκε σαν extra class */
.responsive-img         {display:block; max-width:100%; width:100%; height:100%; }
.responsive-img-2       {display:block; max-width:100%; height:100%;}
.responsive-img-3       {display:block; max-width:100%; height:100%; margin:auto;}
.simpleImages_Engrav    {max-width:100%; height:auto; margin:auto;}

/* Classes for products outside product page (subcategories / first page etc) */
.cl-product-container   {padding: 8px 0 0 0; height:100%;}
.cl-product-all         {font-size:15px; font-weight:400; color:#777; line-height:1; margin-bottom:0; padding-top:2px; padding-bottom:5px; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; }
.cl-product-price       {font-size:15px; text-align:left; color:#222; font-weight:700; line-height:1; margin-bottom:0; transition:all 0.5s ease; letter-spacing:0.03em; margin-top:0; box-sizing:border-box; display:block; }
.cl-product-height-1    {max-height:60px;}

.cl-erp-h2              {font-size:14px; color:#222; font-weight:700; line-height: 1.2em;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* PRODUCT PAGE CLASSES */
.cl-pr-text             {font-size:15px; font-weight:400; color:#777777; line-height: 1.5;}
.cl-pr-text-2           {font-size:14px; font-weight:600; color:#777777; line-height: 3.0;}
.cl-pr-price            {font-size:22px; color:#222222; margin-bottom:15px; letter-spacing:0.03em; line-height:1.2; box-sizing:border-box;}
.product-sku            {font-size:1.5rem; float:left; width:100%; padding-bottom:10px;}
.product-ring-size      {padding-left:30px; color:#7B858A; }
.product-icon-text      {padding:0px 10px 0px 5px;}
.product-fa-gift        {font-size:26px; line-height:25px; color:#c27e51;}
.product-fa-icons       {font-size:18px; line-height:20px; color:#D4B196; padding-right:5px;}
.product-icons-box      {display: block; margin-top:6px}
.product-msg-covid      {font-size:1.5rem; margin-top:0px; margin-bottom:4px; text-align:justify; color:#807C93; background-color:#FAFAFA; line-height:30px; padding:5px;}
.product-nom-base       {border:1px solid #D4B196; border-radius:5px; padding:6px;}
.product-share-head     {font-size:16px; color:#222222; font-weight:700; margin-bottom:3px;}
.cloud-p-button-1       {display:inline-flex; align-items:center; font-size:14px; flex-direction:row; padding:0 8px; width:auto; height:30px; line-height:10px; border:1px solid #D4B196; border-radius:100px;}


.wTableHeader           {font-size:13px; font-weight:bold; line-height:20px; padding:6px; width:160px; border-bottom:1px solid #D4B196;}
.wTableContent          {font-size:13px; font-weight:normal; line-height:20px; padding:6px; border-bottom:1px solid #D4B196; padding-left:10px;}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Classes for simple text pages */
.cl-page-header         {font-size: 18px; font-weight: 800; text-align: left; padding: 10px 0px;}
.cl-text-header         {font-size: 16px; font-weight: 700; text-align: left; padding-bottom: 5px;}
.cl-small-text          {font-size: 12px; }

.simpleHeader           {font-size:14px; font-weight:bold; color:#626262; text-shadow: 0 1px 0 #fff; text-align:left;}
.simpleHeader_v1        {font-size:13px; font-weight:bold; color:#626262; text-shadow: 0 1px 0 #fff; text-align:left;}
.simpleHeaderLink       {width:100%; padding:10px 0px 20px 0px; display:block; margin:auto;}
.simpleHeaderLink_v1    {width:100%; min-height:90px; display:block; margin:auto;}
.simpleHeaderLink_v2    {font-size: 15px; font-weight:bold; color:#626262; cursor:pointer; padding-right:20px; float:left; max-width:80px;}
.simpleHeaderLink_banks {font-size: 12px; padding-right:20px; float:left; max-width:135px;}
.simpleText             {font-size:13px; margin-top:0px; margin-bottom:20px; line-height:15px; text-align:justify; width:90%; min-width:260px; display:block; margin:auto;}

.simpleDiamondBox       {padding:10px; min-height:350px; width:100%; min-width:260px; display:block; margin:auto;}
.simpleDiamondBox_v1    {padding:10px; min-height:200px; width:100%; min-width:260px; display:block; margin:auto;}
.simpleBoxLeft          {min-width:260px; float:left;}
.simpleBoxLeft_v1       {max-width:650px; float:left;}

.spanDiamondTemp        {color:#B24D33;}
.spanDiamond            {color:#B24D33;}
.spanUnderline          {text-decoration:underline; color:#FF4500;}
.spanError              {font-weight:bold; padding:5px; color:#DC143C;}


#watchPreview           {position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff;}
#preview                {position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff;}

.simpleBoxBanks         {width:85%; padding:10px 0px 20px 0px; display:inline-table; margin-bottom:5px; height:40px;}
.simpleBoxBanks_ins     {font-size:12px; padding-right:20px; float:left; max-width:260px;}

.cl-note                {margin-top:0; margin-bottom:1.5rem !important;}

.cl-h4-ver-1            {font-size:1.1rem; font-weight:600; letter-spacing:0; line-height:1.1; margin-bottom: 0.6rem;}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* CSS classes for form elements manipulation */
.cloud-form             {height:30px; padding:3px 2px; color:#7A7D82; font-size:14px; letter-spacing:.05em; box-shadow:none;}
.cloud-form-2           {height:30px; padding:3px 2px; color:#7A7D82; font-size:14px; letter-spacing:.05em; box-shadow:none; max-width:200px;}
.cloud-form-3           {height:30px; padding:3px 2px; color:#7A7D82; font-size:14px; letter-spacing:.05em; box-shadow:none; width:70%;}
.cloud-form-4           {height:30px; padding:3px 2px; color:#7A7D82; font-size:14px; letter-spacing:.03em; box-shadow:none; width:auto; margin-bottom:5px; border-radius:5px;}
.cloud-form-5           {height:30px; padding:3px 2px; color:#7A7D82; font-size:14px; letter-spacing:.03em; box-shadow:none; width:70%;  margin-bottom:5px; border-radius:5px;}
.cloud-form-small       {max-width:50px; height:20px !important; border: 1px solid #ddd !important; padding:0 18px !important;}
.cloud-form-subp        {padding:3px 2px; color:#7A7D82; font-size:14px; letter-spacing:.05em; box-shadow:none;}

.cloud-form-w1          {max-width: 60px;}
.cloud-form-w2          {max-width: 460px;}

.cloud-form-ptop        {padding-top: 1rem}
.cloud-form-ptop2       {padding-top: 40px;}
.cloud-from-pbot1       {padding-bottom:10px;}
.cloud-form-mtop1       {margin-top: 10px;}

.cl-form-space          {padding: 0 0 10px 0; width:90%; }
.cl-form-footnews       {width:63% !important; display:revert !important; padding:0px; font-size:15px !important; line-height:1.4 !important;}
.cl-btn-form            {padding:6px 4px 3px 4px !important; line-height: 10px !important;}
.cl-label-left          {float:left;}
.cl-label-text-1        {font-size: 15px !important; line-height:16px !important;}
.cl-form-el-height      {font-size:14px !important; height:60px !important;}
.cl-form-textarea-1     {float:right; min-width: 100% !important;}

.required-field > label:after {
    margin: 0 0 0 .45rem;
    color: #e02b27;
    font-size: 1.2rem;
    content: '*';
}
.required {
    color: #e02b27;
    font-size: 1.2rem;
}

.formErrorMessage       {font-size:13px; font-weight:normal; color:#FF3636; text-align:left;}
.formSuccessMessage     {font-size:13px; font-weight:normal; color:#FF3636; text-align:left;}
.formSimpleMessage      {font-size:13px; font-weight:normal; color:#999999; text-align:left;}
.formMSG_Error          {font-size:13px; font-weight:normal; color:#FF4436;}
.formMSG_OK             {font-size:13px; font-weight:normal; color:#007BFF;}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* CSS classes for user pages manipulation */
.cl-upages-h2           {font-size:1.2rem; font-weight:700; margin-bottom:1.2rem; margin-top:2.0rem; color:#282d3b; letter-spacing:0; line-height:1.1; }
.cl-dl-main             {font-weight:bold; color:#626262; cursor:pointer; margin-bottom:1em; font-size:1.0rem; }
.cl-dl-links            {color:#626262;}
.cl-dd-basic            {padding-top:3px;}


.orderHeaderArrow       {background: url(../images/showhide.png) no-repeat !important;  cursor:pointer; line-height:19px; margin-bottom:10px; font-size:13px; font-weight:bold; padding-left:25px;}

.orderPageHeader        {padding:0 10px 0 10px; width:90%; min-width:260px; display:block; margin:auto; font-size:14px; font-weight:bold; color:#FFFFFF; text-align:center; background-color:#6F5F5C; border:1px solid #735774; }
.orderBox               {background-color:#F9F9F9; padding:10px; width:95%; min-width:260px; display:block; margin:auto; border:1px solid #735774; }
.orderSpanHeader        {padding-right: 100px;}
.orderSpanProducts      {padding-right: 60px; font-size:12px; font-weight:bold; margin-bottom: 20px;}
.img-valign             {vertical-align: middle; margin-bottom: 0.75em;}

.wishlistText1          {font-size:1.1rem; font-weight:400; line-height:1.1; padding-right:20px; margin-bottom:20px; color:#77B9FF; cursor:pointer; text-decoration:underline;}
.wishlistText2          {font-size:1.1rem; font-weight:400; line-height:1.1; padding-right:20px; margin-bottom:20px;}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* CART PAGE CLASSES */
.cl-cart_product                {color:#777777; font-weight:400; font-size:14px; margin-bottom:0; text-align:left;}



/* CHECKOUT PAGE CLASSES */
.cl-span-right                  {text-align:right;}
.ord-final-advert               {width:100%; background-color:#D4B196; color:#FFFFFF; /*height:80px;*/ padding-top:10px; text-align: center; font-size:1.2rem;}
.ord-link-advert                {color: #FFFFFF; font-weight:bold; cursor:pointer;}
.ord-final-header               {width:100%; background-color:#3BB44B; color:#FFFFFF; text-align: center; font-size:1.2rem;}
.ord-final-head-1               {font-size:2rem; font-weight:600;}

.ord-table                              {display:table; width:100%;}
.ord-table-row                          {display:table-row;}
.ord-table-heading                      {display:table-header-group; background-color:#F6F6F6;}
.ord-table-cell, .ord-table-head        {display:table-cell; padding:3px 10px; border:1px solid #999999;}
.ord-table-cell-2, .ord-table-head-2    {display:table-cell; padding:3px 10px; text-align:center; max-width:0px;}
.ord-table-cell-3, .ord-table-head-3    {display:table-cell; padding:3px 10px; text-align:left; max-width:0px;}
.ord-table-cell-4, .ord-table-head-4    {display:table-cell; padding:3px 10px; text-align:right; max-width:0px;}
.ord-table-cell-5, .ord-table-head-5    {display:table-cell; padding:20px 10px; text-align:left; border-bottom-style:solid; border-bottom-width:1px;}
.ord-table-heading                      {display:table-header-group; background-color:#F6F6F6; font-weight: bold;}
.ord-table-foot                         {display:table-footer-group; font-weight:bold; background-color:#F6F6F6;}
.ord-table-body                         {display: table-row-group;}
@media screen and (max-width: 992px) {
    .ord-table-cell-2, .ord-table-head-2    {display:table-cell; padding:3px 10px; text-align:center; max-width:100%;}
    .ord-table-cell-3, .ord-table-head-3    {display:table-cell; padding:3px 10px; text-align:left; max-width:100%;}
    .ord-table-cell-4, .ord-table-head-4    {display:table-cell; padding:3px 10px; text-align:right; max-width:100%;}
    .ord-table-cell-5, .ord-table-head-5    {display:table-cell; padding:20px 10px; text-align:left; max-width:100%; border-bottom-style:solid; border-bottom-width:1px;}
}

.check-head-left                {float:left; width:75%; line-height:1.2em;}
.check-head-right               {float:right; width:25%; padding-right:10px; text-align:right; line-height:1.2em;}
.check-prod-left                {float:left; width:75%; padding:6px 0 10px 0; line-height:1.2em; }
.check-prod-right               {float:right; width:25%; padding:6px 0 10px 10px; text-align:right; line-height:1.2em;}

.check-agree-left               {float:left; text-align:left; width:100%;}

/* CLASSES FOR OPEN AND CLOSE (TOGGLE) TEXT ELEMENT FOR SUBCATEGORIES PAGE */
/* Style the button that is used to open and close the collapsible content */
.collapsible        {color:#444; cursor:pointer; border:none; text-align:left; outline:none; font-size:13px; font-weight:600; max-width:250px; float:right; padding:5px;}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active_more, .collapsible:hover    {background-color:#F1F1F1;}

/* Style the collapsible content. Note: hidden by default */
.content-toggle     {padding-bottom:60px; background-color:white; max-height: 0; overflow:hidden; transition:max-height 0.2s ease-out;}
.collapsible:after  {content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: black; float: right; margin-left: 5px;}
.active_more:after  {content: "\2796"; /* Unicode character for "minus" sign (-) */ }
.content-margin     {margin-top:15px;}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* RATING SYSTEM CLASSES*/
/* Three column layout */
.side               {float:left; width:40%; /*margin-top:10px;*/}
.middle             {float:left; width:60%; margin-top:10px;}
/* Clear floats after the columns */
.bars-row           {display:flex; flex-wrap:wrap; max-width:320px; margin-bottom:20px;}
.bars-row:after     {content:""; display:table; clear:both;}
/* Responsive layout - make the columns stack on top of each other instead of next to each other */
@media (max-width: 400px) {
  .side, .middle {
    width: 100%;
  }
}


.commentsBoxAdd         {padding:10px; width:100%; min-width:260px; display:block; border-bottom:1px solid #735774; }
.commentsBox            {padding:10px; width:100%; min-width:260px; display:block; border-bottom:1px solid #735774; margin-bottom:15px;}
.commentsTextarea       {min-height:80px !important;}

.rating-container       {display:block; height:60px;}
.rating-header          {font-size:13px; font-weight:bold; line-height:19px;}
.rating-title           {font-size:12px; vertical-align:top; color:#D4B196; min-width:0px; padding:0px; float:left;}
.rating-date            {font-size:12px; vertical-align:top; color:#D4B196; float:right;}
.rating-text            {font-size:13px; vertical-align:top; color:#D4B196; font-weight:normal; padding:0px; margin-top:8px; margin-bottom:6px;}
.rating-text-2          {font-size:12px; vertical-align:top; color:#D4B196; font-weight:normal; padding-left:6px;}
.rating-text-3          {font-size:13px; color:#D4B196; padding:15px;}
.rating-stars           {color: orange;}
.rating-stars-2         {color: orange; font-size:10px; }
.rating-stars-dis-2     {color: grey; font-size:10px; }


.rating                         {float:left; font-size:12px;}
/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t follow these rules. Every browser that supports :checked also supports :not(), so it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input   {position:absolute; top:-9999px; clip:rect(0,0,0,0); }
.rating:not(:checked) > label   {float:right; width:1em; padding:0 .1em; overflow:hidden; white-space:nowrap; cursor:pointer; font-size:200%; line-height:1.2; color:#ddd; text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5); }
.rating:not(:checked) > label:before {content: '★ ';}
.rating > input:checked ~ label {color: #f70; text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);}
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {color: gold; text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);}
.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label   {color: #ea0; text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5); }
.rating > label:active          {position:relative; top:2px; left:2px; }

.clearfix:before,
.clearfix:after     {content: " "; display: table;}
.clearfix:after     {clear: both;}
.clearfix           {*zoom: 1;}
/* #status, button     {margin: 20px 0;} */


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* FILTER PAGE CLASSES */
.filterClear            {font-size:13px; font-weight:bold; color:#767F84; padding-left:10px; cursor:pointer;}
.filterRef              {color:#767F84 !important; cursor:pointer; text-decoration:none; }
.filterDIV_Hidden       {list-style-type:none; margin-top:1.05rem; margin-bottom:1.05rem; }
.filterMore             {font-size:13px; font-weight:normal; color:#767F84; text-align:right; cursor:pointer; padding-left:100px; }
.filterSymbMinus        {margin-right:10px; margin-left:10px; }

.filerPriceRange        {max-width:98%; padding:6px 3px 0 5px;}
.filerPriceRange2       {padding: 12px 1px 1px 1px; font-weight: bold;}
.filerPriceRangeButton  {min-width:30px; max-width:100px; display:inline-block; background-color:#D4B196; color:#FFFFFF; border-color:#D4B196; cursor:pointer; padding:9px 8px 8px 8px; font-size:15px; line-height:0.75; text-align:center;}
.js-input-from          {width:40px; padding:2px; box-sizing:content-box; margin-left:2px;}
.js-input-to            {width:40px; padding:2px; box-sizing:content-box; margin-left:2px;}

.cl-filter-text         {font-size:12px; color:#777; font-weight:600; letter-spacing:0.5px; padding-left:10px; padding-top: 2px;}
.cl-filter-click        {cursor:pointer;}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* MODAL WINDOW CLASSES */
.modal {
    display: none;
    position: fixed;
    padding-top: 200px;
    z-index: 20;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}
.modal-close {
    color: #000;
    float: right;
    font-size: 32px;
    font-weight: 700;
}
.modal-close:focus,
.modal-close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.modal-header {
    background-color: #D4B196;
    color: #fff;
    text-align: center;
}
.modal-body {
    padding: 2px 16px;
}
.modal-footer {
    padding: 2px 16px;
    background-color: #D4B196;
    color: #fff;
}
.modal-span-head {
    line-height: 1.6;
    font-size: 16px;
    font-weight: 700;
}
.modal-button {
    font-size: 14px;
    padding: 8px 15px;
    color: #fff !important;
    background-color: #D4B196 !important;
    text-decoration: none !important;
    cursor: pointer;
}
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    max-width: 800px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    animation-name: animatetop;
    animation-duration: 0.4s;
}
@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}
#resp-table {
    display: table;
    width: 100%;
}
#resp-table-caption {
    display: table-caption;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}
#resp-table-header {
    display: table-header-group;
    background-color: #f1f1f1;
    font-weight: 700;
    font-size: 14px;
}
.table-header-cell {
    display: table-cell;
    padding: 10px;
    text-align: justify;
    border-bottom: 1px solid #000;
}
#resp-table-body {
    display: table-row-group;
}
.resp-table-row {
    display: table-row;
}
.table-body-cell {
    display: table-cell;
    font-size: 13px;
    text-align: justify;
}
#resp-table-footer {
    display: table-footer-group;
    background-color: #f1f1f1;
    font-weight: 700;
    font-size: 14px;
    color: #000;
}
.table-footer-cell {
    display: table-cell;
    padding: 10px;
    text-align: justify;
    border-bottom: 1px solid #000;
}
.cartTableModal {
    width: 100%;
    border-style: solid;
    border-color: #777777;
    border-width: 0;
    border-collapse: collapse;
    padding: 4px;
}
.cartTableHModal_CA_50 {
    font-size: 14px;
    font-weight: 700;
    color: #777777;
    background-color: #f1f1f1;
    text-align: center;
    width: 50%;
    border-style: solid;
    border-color: #777777;
    border-bottom-width: 1px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 4px;
}
.cartTableHModal_CA_30 {
    font-size: 14px;
    font-weight: 700;
    color: #777777;
    background-color: #f1f1f1;
    text-align: center;
    width: 30%;
    border-style: solid;
    border-color: #777777;
    border-bottom-width: 1px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 4px;
}
.cartTableHModal_CA_20 {
    font-size: 14px;
    font-weight: 700;
    color: #777777;
    background-color: #f1f1f1;
    text-align: center;
    width: 20%;
    border-style: solid;
    border-color: #777777;
    border-bottom-width: 1px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 4px;
}
.cartTableLModal_CA {
    font-size: 13px;
    font-weight: 400;
    color: #777777;
    text-align: center;
    padding: 4px;
}
.cartTableLModal_LA {
    font-size: 13px;
    font-weight: 400;
    color: #777777;
    text-align: left;
    padding: 4px;
}
.cartTableLModal_RA {
    font-size: 13px;
    font-weight: 400;
    color: #777777;
    text-align: right;
    padding: 4px;
}
.cartTableFModal_CA {
    font-size: 14px;
    font-weight: 700;
    color: #777777;
    background-color: #f1f1f1;
    text-align: center;
    border-style: solid;
    border-color: #777777;
    border-bottom-width: 1px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 4px;
}
.cartTableFModal_CA {
    font-size: 14px;
    font-weight: 700;
    color: #777777;
    background-color: #f1f1f1;
    text-align: center;
    border-style: solid;
    border-color: #777777;
    border-bottom-width: 1px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 4px;
}
.cartTableFModal_CA {
    font-size: 14px;
    font-weight: 700;
    color: #777777;
    background-color: #f1f1f1;
    text-align: center;
    border-style: solid;
    border-color: #777777;
    border-bottom-width: 1px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 4px;
}

.cl-btn-modal           {padding: 7px 10px;}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* FIRST PAGE CLASSES */
.cl-wp-margin-bottom            {margin-bottom:50px;}
@media (max-width: 1000px) {
  .cl-wp-margin-bottom {
    margin-bottom: 0px;
  }
}