@font-face
{
  font-family:"Lato";
  src:url("./font/Lato-Thin.ttf") format("truetype");
  font-weight:100;
  font-style:normal;
  font-display:block
}
@font-face
{
  font-family:"Lato";
  src:url("./font/Lato-ThinItalic.ttf") format("truetype");
  font-weight:100;
  font-style:italic;
  font-display:block
}
@font-face
{
  font-family:"Lato";
  src:url("./font/Lato-Light.ttf") format("truetype");
  font-weight:300;
  font-style:normal;
  font-display:block
}
@font-face
{
  font-family:"Lato";
  src:url("./font/Lato-LightItalic.ttf") format("truetype");
  font-weight:300;
  font-style:italic;
  font-display:block
}
@font-face
{
  font-family:"Lato";
  src:url("./font/Lato-Regular.ttf") format("truetype");
  font-weight:normal;
  font-style:normal;
  font-display:block
}
@font-face
{
  font-family:"Lato";
  src:url("./font/Lato-RegularItalic.ttf") format("truetype");
  font-weight:normal;
  font-style:italic;
  font-display:block
}
@font-face
{
  font-family:"Lato";
  src:url("./font/Lato-Bold.ttf") format("truetype");
  font-weight:700;
  font-style:normal;
  font-display:block
}
@font-face
{
  font-family:"Lato";
  src:url("./font/Lato-BoldItalic.ttf") format("truetype");
  font-weight:700;
  font-style:italic;
  font-display:block
}
@font-face
{
  font-family:"Lato";
  src:url("./font/Lato-Black.ttf") format("truetype");
  font-weight:900;
  font-style:normal;
  font-display:block
}
@font-face
{
  font-family:"Lato";
  src:url("./font/Lato-BlackItalic.ttf") format("truetype");
  font-weight:900;
  font-style:italic;
  font-display:block
}
[data-theme=dark]
{
  --main-bg: url("../img/bg-dark.webp");
  --section-title-bg: linear-gradient(180deg, #242729 0%, #151617 46%, #242729 100%);
  --section-content-bg: linear-gradient(180deg, #242729 0%, #151617 46%, #242729 100%);
  --section-content-horBG: linear-gradient(90deg, #242729 0%, #151617 46%, #242729 100%);
  --separator-color: #343434;
  --text-color: #FFFFFF;
  --text-gray: #6c757d;
  --text-orange: #DC7500;
  --text-green: #3B943B;
  --text-inside-bgColored: #FFFFFF;
  --menu-background: #242424;
  --menu-active: #FF8800;
  --menu-borderColor: #161616;
  --menu-boxShadow: transparent;
  --menu-template-bShadow: #0000004D;
  --menu-template-2-a-bg: #2C2617;
  --menu-template-2-a-svg: #FFCE50;
  --menu-template-2-b-bg: #1D271D;
  --menu-template-2-b-svg: #6FC86F;
  --menu-template-2-c-bg: #2C2617;
  --menu-template-2-d-bg: #1D271D;
  --menu-template-3-a-bg: #2C2617;
  --menu-template-3-a-svg: #D69449;
  --menu-template-3-b-bg: #122127;
  --menu-template-3-b-svg: #2EA6DD;
  --menu-template-3-c-bg: #2C1620;
  --menu-template-3-c-svg: #D4635B;
  --menu-template-4-a-bg: #122127;
  --menu-template-4-a-svg: #2EA6DD;
  --menu-template-4-b-bg: #2C2617;
  --menu-template-4-b-svg: #D69449;
  --menu-template-4-c-bg: #1D271D;
  --menu-template-4-c-svg: #6FC86F;
  --menu-template-4-d-bg: #2C1620;
  --menu-template-4-d-svg: #D4635B;
  --menu-template-5-a-bg: #2C2617;
  --menu-template-5-a-svg: #FFCE50;
  --menu-template-5-b-bg: #1D271D;
  --menu-template-5-b-svg: #6FC86F;
  --menu-template-5-c-bg: #2C2617;
  --menu-template-5-c-svg: #D69449;
  --menu-template-5-d-bg: #122127;
  --menu-template-5-d-svg: #2EA6DD;
  --menu-template-5-e-bg: #2C1620;
  --menu-template-5-e-svg: #D4635B;
  --menu-template-6-a-bg: #2C2617;
  --menu-template-6-a-svg: #FFCE50;
  --menu-template-6-b-bg: #1D271D;
  --menu-template-6-b-svg: #6FC86F;
  --menu-template-6-c-bg: #2C2617;
  --menu-template-6-c-svg: #D69449;
  --menu-template-6-d-bg: #122127;
  --menu-template-6-d-svg: #2EA6DD;
  --menu-template-6-e-bg: #2C1620;
  --menu-template-6-e-svg: #D4635B;
  --menu-template-6-f-bg: #311A1A;
  --menu-template-6-f-svg: #DC3535;
  --menu-template-7-a-bg: #2C2617;
  --menu-template-7-a-svg: #FFCE50;
  --menu-template-7-b-bg: #1D271D;
  --menu-template-7-b-svg: #6FC86F;
  --menu-template-7-c-bg: #2C2617;
  --menu-template-7-c-svg: #D69449;
  --menu-template-7-d-bg: #122127;
  --menu-template-7-d-svg: #2EA6DD;
  --menu-template-7-e-bg: #2C1620;
  --menu-template-7-e-svg: #D4635B;
  --menu-template-7-f-bg: #311A1A;
  --menu-template-7-f-svg: #DC3535;
  --menu-template-7-g-bg: #292939;
  --menu-template-7-g-svg: #6B67D6;
  --topbar-bg: #242424;
  --topbar-bg-transp: #242424F2;
  --topbar-bshadow: #0000000D;
  --topbar-element-bg: #313131;
  --topbar-element-bshadow: transparent;
  --topbar-slider-touch-bg: #4B4B4B;
  --topbar-notif-dot: #E92D84;
  --topbar-notif-menu: #1D1C1C;
  --topbar-notif-item-hover: #232323;
  --topbar-element-pending-bg: #DC7500;
  --topbar-element-approved-bg: #3B943B;
  --topbar-text-color-inverted-p_a: #FFFFFF;
  --topbar-avatar-bColor: #FFFFFF;
  --signature-bg: linear-gradient(180deg, #787878 0%, #C4BBB2 46%, #787878 100%) 0% 0% no-repeat padding-box;
  --swal-full-bg: #1D1E1F;
  --swal-transparent-bg: #1D1E1FE6;
  --preloader-bg: rgba(0, 0, 0, 0.7);
  --preloader-color: #DC7500;
  --preloader-size: 5px;
  --preloader-timer: 1.5s;
  --inputs-bg: #121213;
  --inputs-bg-focus: #1A1A1C;
  --inputs-border-color: white;
  --inputs-disabled: #2A2A2A;
  --inputs-invalid: #BE1E2D;
  --inputs-tags: #DC7500;
  --inputs-bs: 0px 0px 6px rgba(0, 0, 0, 0.7);
  --inputs-border: 1px solid transparent;
  --chosen-active: #E92D84;
  --chosen-highlighted: #232323;
  --btn-main-color: #080807;
  --btn-filter-top: #6fc86f;
  --btn-main-hover-color: #242424;
  --table-text-color: rgba(255, 255, 255, 0.5);
  --table-body-bg1: #101111;
  --table-body-bg2: #18191A;
  --table-pagination-bg: #131212;
  --table-pagination-disabled: rgba(255, 255, 255, 0.5);
  --table-pagination-active-bg: #DC7500;
  --table-pagination-active-text: #17191A;
  --info-container-gradient: inset 0px 0px 7px #000000;
  -gradient:transparent linear-gradient(180deg, #242729 0%, #151617 46%, #242729 100%);
  --info-box-bg: #141413;
  --info-box-bs: #000000;
  --tab-bg: #151617;
  --custom-box-bg: linear-gradient(180deg, #242729 0%, #151617 46%, #242729 100%);
  --intro-card-bg: linear-gradient(180deg, #242729 0%, #151617 46%, #242729 100%);
  --dashboard-gic-bg: #1D1F20;
  --dashboard-gic-bs: #FFFFFF;
  --dashboard-gicB-bs: transparent;
  --dashboard-gicC-bg: transparent;
  --dashboard-gic-btn-bg: #141413;
  --dashboard-gic-btn-bs: #00000087;
  --dashboard-gic-btn-color: #161616;
  --dashboard-t20o-bg: #202121;
  --dashboard-news-bg: #141413;
  --dashboard-news-bs: #000000;
  --dashboard-lastOr-bg: #202121;
  --dashboard-lastOr-circle-bg: #151617;
  --dashboard-lastOr-circle-bs: transparent;
  --dashboard-weekPerf-bg: #17191A;
  --dashboard-weekPerf-ts: transparent;
  --dashboard-weekPerf-fw: normal;
  --dashboard-weekPerf-bc: #201F1F;
  --all-offer-content-bg: linear-gradient(180deg, #242729 0%, #151617 46%, #242729 100%);
  --all-offer-btn-search-bg: #6fc86f;
  --all-offer-title-bg: transparent;
  --all-offer-licked-bs: #000000;
  --all-offer-licked-bg: #353737;
  --all-offer-info-table-bg: #111010;
  --all-offer-info-table-border-bg: #212325;
  --all-offer-view-button-bg: #242424;
  --all-offer-view-button-text-color: #FFFFFF;
  --all-offer-view-button-bs: -3px 3px 6px #00000063;
  --all-offer-pag-uns-bg: #080807;
  --all-offer-star-circle-bs: inset 0px -3px 6px #000000;
  --single-offer-description-border-bg: #343434;
  --single-offer-title-module-bg: #151617;
  --single-offer-container-module-bg: linear-gradient(180deg, #242729 0%, #151617 46%, #242729 100%);
  --single-offer-inside-container-module-bg: #141413;
  --tutorial-accordion-bg: linear-gradient(90deg, rgba(220,117,0,1) 0%, rgba(21,22,23,1) 24%, rgba(21,22,23,1) 100%);
  --tickets-title-module-bg: transparent;
  --tickets-wrapper-bg: #121213;
  --tickets-info-user-wrapper-bg: #121213;
  --tickets-info-user-icon-bg: transparent;
  --tickets-wrapper-bs: #000000B0;
  --tickets-wrapper-font-w: normal;
  --tickets-bg1: #121213;
  --tickets-bg2: #23232380;
  --tickets-message-bg: #271903;
  --tickets-message-bg-from: #121213;
  --tickets-message-bs-from: #00000078;
  --tickets-footer-bg: #1D1E1F;
  --tickets-footer-bs: #000000;
  --color-orange-black: #fd7e14
}
[data-theme=light]
{
  --main-bg: url("../img/bg-light.webp");
  --section-title-bg: linear-gradient(180deg, #E8EBED 0%, #D0D3D5 46%, #E8EBED 100%);
  --section-content-bg: linear-gradient(180deg, #E8EBED 0%, #D0D3D5 46%, #E8EBED 100%);
  --section-content-horBG: linear-gradient(180deg, #E8EBED 0%, #D0D3D5 46%, #E8EBED 100%);
  --separator-color: #e4e5e5;
  --text-color: #161616;
  --text-gray: #6c757d;
  --text-orange: #DC7500;
  --text-green: #3B943B;
  --text-inside-bgColored: #FFFFFF;
  --menu-background: #E8EBED;
  --menu-active: #FF8800;
  --menu-borderColor: transparent;
  --menu-boxShadow: #0000005C;
  --menu-template-bShadow: #00000026;
  --menu-template-2-a-bg: #F8EDCF;
  --menu-template-2-a-svg: #FFCE50;
  --menu-template-2-b-bg: #DFEFDF;
  --menu-template-2-b-svg: #6FC86F;
  --menu-template-2-c-bg: #DFEFDF;
  --menu-template-2-d-bg: #EBEAD9;
  --menu-template-3-a-bg: #F8EDCF;
  --menu-template-3-a-svg: #D69449;
  --menu-template-3-b-bg: #D8F2FC;
  --menu-template-3-b-svg: #2EA6DD;
  --menu-template-3-c-bg: #F4D9E5;
  --menu-template-3-c-svg: #D4635B;
  --menu-template-4-a-bg: #D8F2FC;
  --menu-template-4-a-svg: #2EA6DD;
  --menu-template-4-b-bg: #F8EDCF;
  --menu-template-4-b-svg: #D69449;
  --menu-template-4-c-bg: #DFEFDF;
  --menu-template-4-c-svg: #6FC86F;
  --menu-template-4-d-bg: #F4D9E5;
  --menu-template-4-d-svg: #D4635B;
  --menu-template-5-a-bg: #F8EDCF;
  --menu-template-5-a-svg: #FFCE50;
  --menu-template-5-b-bg: #DFEFDF;
  --menu-template-5-b-svg: #6FC86F;
  --menu-template-5-c-bg: #F8EDCF;
  --menu-template-5-c-svg: #D69449;
  --menu-template-5-d-bg: #D8F2FC;
  --menu-template-5-d-svg: #2EA6DD;
  --menu-template-5-e-bg: #F4D9E5;
  --menu-template-5-e-svg: #D4635B;
  --menu-template-6-a-bg: #F8EDCF;
  --menu-template-6-a-svg: #FFCE50;
  --menu-template-6-b-bg: #DFEFDF;
  --menu-template-6-b-svg: #6FC86F;
  --menu-template-6-c-bg: #F8EDCF;
  --menu-template-6-c-svg: #D69449;
  --menu-template-6-d-bg: #D8F2FC;
  --menu-template-6-d-svg: #2EA6DD;
  --menu-template-6-e-bg: #F4D9E5;
  --menu-template-6-e-svg: #D4635B;
  --menu-template-6-f-bg: #EDB6B6;
  --menu-template-6-f-svg: #E64242;
  --menu-template-7-a-bg: #F8EDCF;
  --menu-template-7-a-svg: #FFCE50;
  --menu-template-7-b-bg: #DFEFDF;
  --menu-template-7-b-svg: #6FC86F;
  --menu-template-7-c-bg: #F8EDCF;
  --menu-template-7-c-svg: #D69449;
  --menu-template-7-d-bg: #D8F2FC;
  --menu-template-7-d-svg: #2EA6DD;
  --menu-template-7-e-bg: #F4D9E5;
  --menu-template-7-e-svg: #D4635B;
  --menu-template-7-f-bg: #EDB6B6;
  --menu-template-7-f-svg: #E64242;
  --menu-template-7-g-bg: #DBDBEF;
  --menu-template-7-g-svg: #6B67D6;
  --topbar-bg: #E8EBED;
  --topbar-bg-transp: #E8EBEDF2;
  --topbar-bshadow: #00000065;
  --topbar-element-bg: #FFFFFF;
  --topbar-element-bshadow: #00000065;
  --topbar-slider-touch-bg: #D0D3D5;
  --topbar-notif-dot: #E92D84;
  --topbar-notif-menu: #FFFFFF;
  --topbar-notif-item-hover: #E8EBED;
  --topbar-element-pending-bg: #DC7500;
  --topbar-element-approved-bg: #3B943B;
  --topbar-text-color-inverted-p_a: #FFFFFF;
  --topbar-avatar-bColor: #DC7500;
  --signature-bg: linear-gradient(180deg, #ccc 0%, #fff 46%, #ccc 100%) 0% 0% no-repeat padding-box;
  --swal-full-bg: #ffffff;
  --swal-transparent-bg: rgba(255, 255, 255, 0.8);
  --preloader-bg: rgba(255, 255, 255, 0.7);
  --preloader-color: #DC7500;
  --preloader-size: 5px;
  --preloader-timer: 1.5s;
  --inputs-bg: #FFFFFF;
  --inputs-bg-focus: #e8ebed;
  --inputs-border-color: transparent;
  --inputs-disabled: #8080806e;
  --inputs-invalid: #BE1E2D;
  --inputs-tags: #DC7500;
  --inputs-bs: inset 0px 0px 7px #00000065;
  --inputs-border: none;
  --chosen-active: #E92D84;
  --chosen-highlighted: #E8EBED;
  --btn-main-color: #080807;
  --btn-filter-top: #6fc86f;
  --btn-main-hover-color: #242424;
  --table-text-color: rgba(0, 0, 0, 1);
  --table-body-bg1: #e3e6e8;
  --table-body-bg2: #d1d4d6;
  --table-pagination-bg: #D0D3D5;
  --table-pagination-disabled: rgba(255, 255, 255, 0.5);
  --table-pagination-active-bg: #DC7500;
  --table-pagination-active-text: #FFFFFF;
  --info-container-gradient: inset 0px 0px 7px #000000;
  -gradient:transparent linear-gradient(180deg, #242729 0%, #151617 46%, #242729 100%);
  --info-box-bg: #FFFFFF;
  --info-box-bs: #00000065;
  --tab-bg: linear-gradient(180deg, #E8EBED 0%, #D0D3D5 46%, #E8EBED 100%);
  --custom-box-bg: linear-gradient(180deg, #E8EBED 0%, #D0D3D5 46%, #E8EBED 100%);
  --intro-card-bg: linear-gradient(180deg, #E8EBED 0%, #D0D3D5 46%, #E8EBED 100%);
  --dashboard-gic-bg: #E8EBED;
  --dashboard-gic-bs: #00000029;
  --dashboard-gicB-bs: #00000029;
  --dashboard-gicC-bg: #E8EBED;
  --dashboard-gic-btn-bg: #E8EBED;
  --dashboard-gic-btn-bs: #00000065;
  --dashboard-gic-btn-color: #161616;
  --dashboard-t20o-bg: #E8EBED;
  --dashboard-news-bg: #E8EBED;
  --dashboard-news-bs: #00000058;
  --dashboard-lastOr-bg: #F2F2F7;
  --dashboard-lastOr-circle-bg: #FFFFFF;
  --dashboard-lastOr-circle-bs: #2E251C65;
  --dashboard-weekPerf-bg: #e8ebed;
  --dashboard-weekPerf-ts: #0000008C;
  --dashboard-weekPerf-fw: 900;
  --dashboard-weekPerf-bc: #868481;
  --all-offer-content-bg: linear-gradient(180deg, #E8EBED 0%, #D0D3D5 46%, #E8EBED 100%);
  --all-offer-btn-search-bg: #DC7500;
  --all-offer-title-bg: linear-gradient(90deg, #D0D3D5 0%, #D0D3D5F5 8%, #B9B9B900 15%);
  --all-offer-licked-bs: #00000065;
  --all-offer-licked-bg: #F2F2F7;
  --all-offer-info-table-bg: #E8EBED;
  --all-offer-info-table-border-bg: #D0D3D5;
  --all-offer-view-button-bg: #FFFFFF;
  --all-offer-view-button-text-color: #131212;
  --all-offer-view-button-bs: inset 0px 0px 6px #00000059;
  --all-offer-pag-uns-bg: #D0D3D5;
  --all-offer-star-circle-bs: inset 0px -3px 6px #00000067;
  --single-offer-description-border-bg: #A8A6A6;
  --single-offer-title-module-bg: linear-gradient(180deg, #E8EBED 0%, #D0D3D5 46%, #E8EBED 100%);
  --single-offer-container-module-bg: linear-gradient(180deg, #E8EBED 0%, #D0D3D5 46%, #E8EBED 100%);
  --single-offer-inside-container-module-bg: #FFFFFF;
  --tutorial-accordion-bg: linear-gradient(90deg, rgba(220,117,0,1) 0%, #D0D3D5 24%, #E8EBED 100%);
  --tickets-title-module-bg: linear-gradient(180deg, #E8EBED 0%, #D0D3D5 46%, #E8EBED 100%);
  --tickets-wrapper-bg: #E8EBED;
  --tickets-info-user-wrapper-bg: #D0D3D5;
  --tickets-info-user-icon-bg: #F2F2F7;
  --tickets-wrapper-bs: #00000065;
  --tickets-wrapper-font-w: bold;
  --tickets-bg1: #E8EBED;
  --tickets-bg2: #D0D3D5;
  --tickets-message-bg: #E3DBCD;
  --tickets-message-bg-from: #E8EBED;
  --tickets-message-bs-from: #0000004D;
  --tickets-footer-bg: #E8EBED;
  --tickets-footer-bs: #000000;
  --bs-dark-rgb: 255, 255, 255;
  --color-orange-black: #161616
}
::-webkit-scrollbar
{
  width:0px;
  background-color:#e1e1e1 !important;
  border-radius:30px;
  display:none
}
::-webkit-scrollbar-thumb
{
  background:#525252 !important;
  border-radius:30px;
  max-height:100px !important
}
*
{
  box-sizing:border-box;
  outline:0 !important;
  box-shadow:none !important;
  font-family:"Lato","sans-serif";
  scroll-behavior:smooth;
  color:var(--text-color)
}
body
{
  background-repeat:no-repeat;
  background-size:cover
}
button
{
  background-image:none
}
body div a
{
  text-decoration:none;
  color:inherit
}
body div a:hover,body div a:focus
{
  color:inherit
}
select:invalid[multiple]
{
  margin-top:15px !important
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button
{
  -webkit-appearance:none;
  margin:0
}
.error-template
{
  padding:40px 15px;
  text-align:center
}
.error-actions
{
  margin-top:15px;
  margin-bottom:15px
}
.error-actions .btn
{
  margin-right:10px
}
a.btn.btn-outline-info
{
  border-width:2px;
  font-weight:700
}
.not_found_row
{
  height:100%;
  align-items:center
}
#menu_side
{
  background-color:var(--menu-background);
  height:100vh;
  width:120px;
  overflow-y:auto;
  border-right:1px solid var(--menu-borderColor);
  box-shadow:0px 3px 16px var(--menu-boxShadow) !important;
  padding:0;
  overflow:scroll;
  z-index:1;
  -ms-overflow-style:none;
  scrollbar-width:none
}
#menu_side .logo_wrapper
{
  width:82px;
  height:82px;
  margin:0 auto;
  margin-top:25px
}
#menu_side .logo_wrapper svg
{
  width:82px;
  height:82px
}
#menu_side .pub_name
{
  text-align:center;
  font-size:14px
}
#menu_side.loginside
{
  display:none;
  height:0;
  width:0
}
#menu_side::-webkit-scrollbar
{
  display:none
}
#main_menu
{
  padding:25px 0 25px 0;
  overflow-y:auto;
  display:grid
}
#main_menu li
{
  display:flex;
  flex-direction:column;
  justify-content:center;
  list-style:none;
  width:100%;
  height:100px;
  margin:auto;
  text-align:center;
  position:relative;
  border-bottom:1px solid var(--separator-color)
}
#main_menu li a
{
  display:block;
  position:relative;
  width:100%;
  text-transform:capitalize;
  z-index:2
}
#main_menu li.active::after
{
  background-color:var(--menu-active);
  content:"";
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:2px
}
#main_menu svg
{
  display:block;
  width:30px;
  height:30px;
  margin:auto;
  margin-bottom:10px
}
#main_menu .text
{
  font-weight:400
}
#topbar
{
  background-color:var(--topbar-bg);
  box-shadow:0px 3px 6px var(--topbar-bshadow) !important;
  margin:20px 0px;
  height:90px;
  border-radius:10px 10px 0px 0px;
  display:flex;
  justify-content:space-between;
  align-items:center
}
#topbar .brand svg
{
  display:block;
  margin:auto;
  margin-top:15px
}
#topbar .actions
{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  width:100%
}
#topbar .actions .searchbar
{
  width:auto;
  color:var(--text-color);
  position:relative;
  margin-left:auto;
  margin-right:auto
}
#topbar .actions .searchbar .search-results
{
  position:absolute;
  width:100%;
  max-height:200px;
  overflow-x:hidden;
  overflow-y:scroll;
  box-shadow:0px 3px 6px #0000000D !important;
  background-color:var(--topbar-bg-transp);
  border-radius:7px;
  z-index:1000;
  backdrop-filter:blur(7px)
}
#topbar .actions .searchbar .search-results a
{
  display:block;
  border-bottom:1px solid var(--separator-color)
}
#topbar .actions .searchbar .search-results a:hover
{
  color:var(--text-orange) !important
}
#topbar .actions .searchbar .input-group
{
  justify-content:end;
  box-shadow:inset 0px 0px 7px var(--topbar-element-bshadow) !important;
  border-radius:20px;
  background-color:var(--topbar-element-bg)
}
#topbar .actions .searchbar .input-group.search-active .input-group-text
{
  transition-delay:.5s;
  transition-property:border-radius;
  -webkit-transition:border-radius .5s;
  -moz-transition:border-radius .5s;
  -ms-transition:border-radius .5s;
  -o-transition:border-radius .5s;
  transition:border-radius .5s;
  border-radius:0px 20px 20px 0px !important
}
#topbar .actions .searchbar .input-group.search-active input
{
  padding:.5rem .75rem;
  width:18.229vw
}
#topbar .actions .searchbar input
{
  border-radius:20px 0 0 20px !important;
  background-color:transparent;
  border:none !important;
  color:var(--text-color);
  padding:0px;
  width:0px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s
}
#topbar .actions .searchbar input:focus
{
  outline:0px !important;
  box-shadow:none !important
}
#topbar .actions .searchbar input::placeholder
{
  font-weight:300;
  font-style:italic
}
#topbar .actions .searchbar .input-group-text
{
  border-radius:20px !important;
  background-color:transparent;
  border:none !important;
  color:var(--text-color);
  transition-delay:.5s;
  transition-property:border-radius;
  -webkit-transition:border-radius .5s;
  -moz-transition:border-radius .5s;
  -ms-transition:border-radius .5s;
  -o-transition:border-radius .5s;
  transition:border-radius .5s
}
#topbar .actions .searchbar .input-group-text svg
{
  fill:currentColor
}
#topbar .actions .theme-switcher label
{
  display:block
}
#topbar .actions .theme-switcher #slider
{
  position:absolute;
  opacity:0;
  height:0;
  width:0;
  cursor:pointer
}
#topbar .actions .theme-switcher #slider:checked~.switcher-wrapper .switcher
{
  transform:translate(45px, -50%)
}
#topbar .actions .theme-switcher #slider:checked~.switcher-wrapper .sun-icon
{
  opacity:0;
  transform:translate(-50%, -50%) rotate(15deg)
}
#topbar .actions .theme-switcher #slider:checked~.switcher-wrapper .moon-icon
{
  opacity:1;
  transform:translate(0, -50%) rotate(15deg)
}
#topbar .actions .theme-switcher .switcher-wrapper
{
  position:relative;
  width:80px;
  height:36px;
  background-color:var(--topbar-element-bg);
  box-shadow:inset 0px 0px 7px var(--topbar-element-bshadow) !important;
  transition:background-color;
  border-radius:24px;
  margin:0 18px
}
#topbar .actions .theme-switcher .switcher-wrapper .switcher
{
  position:absolute;
  top:50%;
  left:5%;
  transform:translate(0, -50%);
  height:26px;
  width:26px;
  background-color:var(--topbar-slider-touch-bg);
  border-radius:50%;
  transition:background-color 250ms,transform 500ms cubic-bezier(0.25, 1.61, 0.63, 0.71)
}
#topbar .actions .theme-switcher .switcher-wrapper .sun-icon
{
  position:absolute;
  top:50%;
  right:5%;
  height:20px;
  width:20px;
  opacity:1;
  transform:translate(-15%, -50%) rotate(0deg);
  transform-origin:50% 50%;
  transition:background-color 250ms,opacity 150ms,transform 500ms cubic-bezier(0.26, 2, 0.46, 0.71)
}
#topbar .actions .theme-switcher .switcher-wrapper .moon-icon
{
  opacity:0;
  position:absolute;
  top:50%;
  left:5%;
  height:20px;
  width:20px;
  color:var(--text-color);
  transform:translate(50%, -50%) rotate(0deg);
  transition:background-color 250ms,opacity 150ms,transform 500ms cubic-bezier(0.26, 2, 0.46, 0.71)
}
#topbar .actions .approved,#topbar .actions .pending
{
  font-size:14px;
  color:var(--topbar-text-color-inverted-p_a) !important;
  width:200px;
  box-shadow:inset 0px 1px 4px #00000087 !important;
  border-radius:34px;
  padding:5px 30px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative
}
#topbar .actions .approved span,#topbar .actions .pending span
{
  color:var(--topbar-text-color-inverted-p_a) !important
}
#topbar .actions .pending
{
  background-color:var(--topbar-element-pending-bg)
}
#topbar .actions .approved
{
  background-color:var(--topbar-element-approved-bg)
}
#topbar .actions .lang-switch label
{
  margin-right:18px;
  background-color:var(--topbar-element-bg);
  border-radius:20px;
  box-shadow:inset 0px 0px 7px var(--topbar-element-bshadow) !important
}
#topbar .actions .lang-switch .custom-select
{
  background-color:transparent;
  border:none;
  color:var(--text-color);
  width:50px;
  line-height:1;
  float:right;
  border-radius:0px 20px 20px 0px;
  padding:5px
}
#topbar .actions .lang-switch .input-group-text
{
  height:calc(2.25rem + 2px);
  border-radius:20px 0px 0px 20px !important;
  background-color:transparent;
  border:none !important;
  color:var(--text-color)
}
#topbar .actions .lang-switch .input-group-text svg
{
  fill:currentColor
}
#topbar .actions .notifications
{
  position:relative;
  margin-right:18px
}
#topbar .actions .notifications .dropdown-toggle::after
{
  content:none
}
#topbar .actions .notifications .dropdown-menu
{
  width:350px;
  margin-top:15px !important;
  background-color:var(--topbar-notif-menu);
  backdrop-filter:blur(3px);
  border:none !important;
  border-radius:7px !important;
  box-shadow:0px 0px 6px rgba(0,0,0,.47) !important
}
#topbar .actions .notifications .dropdown-menu .dropdown-item
{
  position:relative;
  color:var(--text-color) !important;
  border-bottom:1px solid var(--separator-color);
  padding:10px
}
#topbar .actions .notifications .dropdown-menu .dropdown-item.new::after
{
  content:"";
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:2px;
  background-color:var(--topbar-notif-dot)
}
#topbar .actions .notifications .dropdown-menu .dropdown-item:hover,#topbar .actions .notifications .dropdown-menu .dropdown-item:focus,#topbar .actions .notifications .dropdown-menu .dropdown-item:active
{
  background-color:var(--topbar-notif-item-hover)
}
#topbar .actions .notifications .dropdown-menu .show-more
{
  padding:10px 0px 0px 5px;
  display:flex;
  justify-content:center;
  align-items:center
}
#topbar .actions .notifications .dropdown-menu .show-more button.btn
{
  color:var(--text-color) !important;
  background-color:rgba(0,0,0,.5);
  border-radius:19px;
  font-size:13px;
  padding:.375rem .75rem
}
#topbar .actions .notifications .dropdown-menu .show-more button.btn:hover
{
  background-color:rgba(0,0,0,.3)
}
#topbar .actions .notifications .dropdown-menu .show-more button.btn:active
{
  background-color:var(--menu-active)
}
#topbar .actions .notifications .dropdown-menu::before
{
  content:"";
  position:absolute;
  top:-10px;
  right:5px;
  border-top:0;
  border-right:.5em solid transparent;
  border-bottom:.7em solid;
  border-left:.5em solid transparent;
  display:block;
  color:var(--topbar-notif-menu)
}
#topbar .actions .notifications .dot.new-notif
{
  position:absolute;
  background-color:var(--topbar-notif-dot);
  top:-3px;
  right:-5px;
  width:12px;
  height:12px;
  border-radius:50%
}
#topbar .user_wrapper
{
  margin-right:15px
}
#topbar .user_wrapper img
{
  width:50px;
  height:50px;
  overflow:hidden;
  border:2px solid var(--topbar-avatar-bColor);
  border-radius:50%
}
#topbar .user_wrapper .dropdown-menu
{
  margin-top:30px !important;
  background-color:var(--topbar-notif-menu);
  backdrop-filter:blur(3px);
  border:none !important;
  border-radius:7px !important;
  box-shadow:0px 0px 6px rgba(0,0,0,.47) !important
}
#topbar .user_wrapper .dropdown-menu .dropdown-item
{
  position:relative;
  color:var(--text-color) !important;
  border-bottom:1px solid var(--separator-color);
  padding:10px
}
#topbar .user_wrapper .dropdown-menu .dropdown-item.new::after
{
  content:"";
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:2px;
  background-color:var(--topbar-notif-dot)
}
#topbar .user_wrapper .dropdown-menu .dropdown-item:hover,#topbar .user_wrapper .dropdown-menu .dropdown-item:focus,#topbar .user_wrapper .dropdown-menu .dropdown-item:active
{
  background-color:var(--topbar-notif-item-hover)
}
#topbar .user_wrapper .dropdown-menu::before
{
  content:"";
  position:absolute;
  top:-10px;
  right:30px;
  border-top:0;
  border-right:.5em solid transparent;
  border-bottom:.7em solid;
  border-left:.5em solid transparent;
  display:block;
  color:var(--topbar-notif-menu)
}
#main_section
{
  position:relative;
  padding:0px 20px;
  background:var(--main-bg);
  height:100vh;
  overflow:hidden;
  width:calc(100% - 120px)
}
#main_section .section
{
  margin-bottom:20px
}
#main_section #content
{
  position:relative;
  height:calc(100% - 140px);
  -ms-overflow-style:none;
  scrollbar-width:none
}
#main_section #content::-webkit-scrollbar
{
  display:none
}
#main_section #content>div.row:first-child
{
  height:100%;
  overflow-y:scroll
}
#main_section.logincontainer
{
  width:100%
}
.section
{
  position:relative;
  background:var(--section-title-bg);
  border-radius:10px
}
.section .section-title
{
  position:relative;
  pointer-events:none
}
.section .section-title+form,.section .section-title+div
{
  border-top:1px solid var(--separator-color)
}
.section .section-title:not(:last-child)::after
{
  border-radius:0px
}
.section .section-title p
{
  margin:0;
  padding:15px 0px 15px 35px;
  font-size:24px
}
.section .section-title::before
{
  content:"";
  position:absolute;
  top:0;
  left:0;
  border-radius:10px;
  width:20%;
  height:100%;
  background-repeat:no-repeat
}
.section .section-title.needs-collapse::after
{
  content:"+";
  position:absolute;
  display:grid;
  place-items:center right;
  height:100%;
  top:50%;
  width:100%;
  right:2%;
  transform:translateY(-50%);
  color:var(--text-color);
  font-size:24px;
  cursor:pointer;
  pointer-events:all
}
.section .section-options
{
  padding:10px 8px
}
.section .section-options-collapse
{
  padding:10px 8px;
  display:none
}
.section.options-shown .section-options-collapse
{
  display:flex
}
.section.options-shown .section-title.needs-collapse::after
{
  content:"-"
}
#generator-title.section
{
  background-repeat:no-repeat
}
.section-content
{
  position:relative;
  background:var(--section-content-bg);
  border-radius:10px;
  min-height:200px
}
.custom_box
{
  background:var(--custom-box-bg);
  width:100%;
  height:auto;
  box-shadow:0px 3px 6px var(--all-offer-licked-bs) !important;
  border:1px solid #00000000;
  border-radius:10px
}
.custom_box .inner
{
  background-color:var(--info-box-bg);
  box-shadow:inset 0px 0px 7px var(--all-offer-licked-bs) !important
}
.custom_box .inner .title
{
  color:var(--text-orange);
  font-size:26px
}
.custom_box .inner .content
{
  font-weight:300;
  font-style:italic
}
.custom_box .inner .content a
{
  color:var(--text-orange);
  font-weight:bold;
  text-decoration:underline
}
#generator-content .section-content
{
  background:var(--invoice-content-bg)
}
.checkbox-wrapper
{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin-top:10px;
  background-color:var(--info-box-bg);
  width:375px;
  box-shadow:inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  border-radius:23px
}
.like-input
{
  background-color:var(--inputs-bg);
  color:var(--text-color);
  border-radius:25px;
  border:1px solid transparent;
  box-shadow:0 0 6px var(--all-offer-licked-bs);
  transition:background-color .3s ease;
  padding:12px .75rem;
  text-align:center;
  width:100%
}
.like-input span
{
  opacity:.7
}
.mlr-20
{
  margin-left:20px !important;
  margin-right:20px !important
}
.ml-20
{
  margin-left:20px !important
}
.mr-20
{
  margin-right:20px !important
}
.input-group .input-group-text
{
  background-color:var(--inputs-bg-focus);
  color:var(--text-gray);
  border-radius:25px;
  border:none
}
input.form-control,select.form-control,textarea.form-control,div.bootstrap-tagsinput
{
  background-color:var(--inputs-bg);
  color:var(--text-color);
  border-radius:25px;
  border:var(--inputs-border);
  box-shadow:var(--inputs-bs) !important;
  transition:background-color .3s ease;
  padding-top:12px;
  padding-bottom:12px
}
input.form-control:focus,select.form-control:focus,textarea.form-control:focus,div.bootstrap-tagsinput:focus
{
  color:var(--text-color);
  background-color:var(--inputs-bg-focus);
  border:var(--inputs-border) !important
}
table.table input.form-control
{
  background-color:var(--inputs-bg) !important;
  padding-top:12px !important;
  padding-bottom:12px !important
}
table.table button.btn
{
  background-color:var(--btn-main-color) !important
}
input.form-check-input
{
  width:36px;
  height:36px;
  background:var(--inputs-checkBox);
  background-position:center;
  background-size:contain;
  border:none
}
input.form-check-input:checked
{
  border:none;
  background-color:transparent
}
input.form-check-input:checked[type=radio],input.form-check-input:checked[type=checkbox]
{
  background-image:var(--inputs-checkBox-checked);
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat
}
textarea.form-control
{
  border-radius:25px 25px 0px 25px
}
.form-control:disabled,input[readonly].form-control,textarea[readonly]
{
  background-color:var(--inputs-disabled) !important;
  pointer-events:none
}
.form-control.invalid
{
  border:1px solid var(--inputs-invalid)
}
.form-control.disabled
{
  background-color:var(--inputs-disabled) !important;
  pointer-events:none
}
.bootstrap-tagsinput
{
  display:block !important;
  padding-top:12px !important;
  padding-left:12px !important
}
.bootstrap-tagsinput .tag
{
  display:inline-block;
  margin-right:2px;
  color:var(--text-color) !important;
  background:var(--inputs-tags);
  padding:5px;
  border-radius:15px;
  margin-top:5px
}
label.inputs-label
{
  font-weight:700;
  font-size:18px;
  margin-bottom:5px
}
span.required
{
  font-size:13px;
  font-weight:300;
  font-style:italic
}
p.inputs-errors
{
  margin:0;
  padding:0;
  height:24px;
  width:100%;
  font-size:15px;
  font-weight:300;
  font-style:italic;
  color:var(--inputs-invalid)
}
ul.parsley-errors-list
{
  margin:0;
  padding:0;
  list-style:none
}
ul.parsley-errors-list li
{
  visibility:hidden;
  color:var(--inputs-invalid)
}
ul.parsley-errors-list li:first-child
{
  visibility:visible
}
button.btn
{
  color:var(--text-inside-bgColored);
  border-radius:26px;
  padding:11.5px 32px;
  text-transform:uppercase;
  background-color:var(--btn-main-color);
  transition:background-color .3s ease
}
button.btn:hover,button.btn:focus
{
  color:var(--text-inside-bgColored);
  background-color:var(--btn-main-hover-color);
  box-shadow:-3px 3px 6px #00000063 !important
}
button.btn:focus
{
  background-color:var(--btn-main-color)
}
button.btn:active
{
  color:var(--text-inside-bgColored);
  background-color:var(--menu-active);
  box-shadow:-3px 3px 6px #00000063 !important
}
button.btn.btn-table
{
  padding:8px 20px
}
button.btn.orange
{
  background-color:var(--text-orange)
}
button.btn.custom-btn
{
  background-color:var(--info-box-bg);
  box-shadow:inset 0px 1px 4px #00000087;
  border-radius:5px;
  padding:5px 50px
}
button.btn.svg-btn
{
  padding:3px;
  border-radius:50%;
  width:37px;
  height:37px
}
button.btn.svg-btn img
{
  width:80%;
  height:80%
}
button.custom-button
{
  all:unset;
  width:30px;
  height:30px
}
button.custom-button.plus-button
{
  background-size:contain
}
button.custom-button.remove-button
{
  background-size:contain
}
ul.actions.dropdown-menu
{
  width:100%;
  right:0;
  inset:unset !important;
  margin-top:10px !important;
  border-radius:7px !important;
  background-color:var(--inputs-bg);
  box-shadow:0px 0px 6px rgba(0,0,0,.47) !important;
  transform:translate3d(0px, 0px, 0px) !important
}
ul.actions.dropdown-menu li:last-child .dropdown-item:last-child
{
  border-bottom:none
}
ul.actions.dropdown-menu .dropdown-item
{
  cursor:pointer;
  position:relative;
  color:var(--text-color) !important;
  border-bottom:1px solid var(--separator-color);
  padding:10px
}
ul.actions.dropdown-menu .dropdown-item:hover
{
  background-color:var(--chosen-highlighted)
}
ul.actions.dropdown-menu .dropdown-item:hover::after
{
  content:"";
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:2px;
  background-color:var(--topbar-notif-dot)
}
ul.actions.dropdown-menu::before
{
  content:"";
  position:absolute;
  top:-10px;
  right:5px;
  border-top:0;
  border-right:.5em solid transparent;
  border-bottom:.7em solid;
  border-left:.5em solid transparent;
  display:block;
  color:var(--inputs-bg)
}
.text-orange
{
  color:var(--text-orange)
}
body.swal2-toast-shown .swal2-container.swal2-top
{
  top:3% !important
}
@supports(-webkit-backdrop-filter: none) or (backdrop-filter: none)
{
  .swal2-popup
  {
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    background-color:var(--swal-transparent-bg) !important
  }
}
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none))
{
  .swal2-popup
  {
    background-color:var(--swal-full-bg) !important
  }
}
.swal2-container.swal2-top
{
  height:20% !important
}
.swal2-popup
{
  border-radius:12px !important;
  box-shadow:-3px 3px 6px #00000099 !important
}
.swal2-popup.swal2-modal
{
  width:600px !important;
  max-width:600px !important
}
.swal2-popup.swal2-modal .swal2-actions .swal2-styled
{
  color:var(--text-color);
  border-radius:26px;
  padding:12px 54px;
  text-transform:uppercase;
  background-color:var(--btn-main-color);
  box-shadow:-3px 3px 6px #00000063 !important;
  transition:background-color .3s ease
}
.swal2-popup.swal2-modal .swal2-actions .swal2-styled:focus
{
  background-color:var(--btn-main-color)
}
.swal2-popup.swal2-modal .swal2-actions .swal2-styled:hover
{
  color:var(--text-color);
  background-color:var(--btn-main-hover-color)
}
.swal2-popup.swal2-modal .swal2-actions .swal2-styled:active
{
  color:var(--text-color);
  background-color:var(--menu-active)
}
.swal2-popup.swal2-modal .swal2-title,.swal2-popup.swal2-toast .swal2-title
{
  color:var(--text-color)
}
.swal2-popup.swal2-modal .swal2-cancel,.swal2-popup.swal2-toast .swal2-cancel
{
  background-color:#e78f71 !important
}
.swal2-popup.swal2-modal .swal2-confirm,.swal2-popup.swal2-toast .swal2-confirm
{
  background-color:var(--text-green) !important
}
.swal2-popup.swal2-modal .swal2-icon *,.swal2-popup.swal2-toast .swal2-icon *
{
  display:none !important
}
.swal2-popup.swal2-modal .swal2-icon,.swal2-popup.swal2-toast .swal2-icon
{
  border:none;
  border-radius:0px;
  background-size:contain !important;
  width:80px;
  height:80px;
  background-repeat:no-repeat !important;
  background-position:center !important
}
.swal2-popup.swal2-modal .swal2-html-container,.swal2-popup.swal2-toast .swal2-html-container
{
  color:var(--text-color) !important
}
.preloader
{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:hidden;
  outline:none;
  background-color:var(--preloader-bg);
  z-index:50;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:10px
}
.preloader__wrapper
{
  display:flex;
  flex-direction:column;
  align-items:center
}
.preloader__row
{
  display:flex
}
.triangle
{
  width:0;
  height:0;
  margin:0 calc(var(--preloader-size)*-1/2);
  border-left:var(--preloader-size) solid transparent;
  border-right:var(--preloader-size) solid transparent;
  border-bottom:calc(var(--preloader-size)*1.8) solid var(--preloader-color);
  animation:blink 1s infinite;
  filter:drop-shadow(0 0 calc(var(--preloader-size) * 1.5) var(--preloader-color))
}
.triangle.t180
{
  transform:rotate(180deg)
}
.triangle.peripheral-1
{
  animation-delay:-0.0555555556s
}
.triangle.peripheral-2
{
  animation-delay:-0.1111111111s
}
.triangle.peripheral-3
{
  animation-delay:-0.1666666667s
}
.triangle.peripheral-4
{
  animation-delay:-0.2222222222s
}
.triangle.peripheral-5
{
  animation-delay:-0.2777777778s
}
.triangle.peripheral-6
{
  animation-delay:-0.3333333333s
}
.triangle.peripheral-7
{
  animation-delay:-0.3888888889s
}
.triangle.peripheral-8
{
  animation-delay:-0.4444444444s
}
.triangle.peripheral-9
{
  animation-delay:-0.5s
}
.triangle.peripheral-10
{
  animation-delay:-0.5555555556s
}
.triangle.peripheral-11
{
  animation-delay:-0.6111111111s
}
.triangle.peripheral-12
{
  animation-delay:-0.6666666667s
}
.triangle.peripheral-13
{
  animation-delay:-0.7222222222s
}
.triangle.peripheral-14
{
  animation-delay:-0.7777777778s
}
.triangle.peripheral-15
{
  animation-delay:-0.8333333333s
}
.triangle.peripheral-16
{
  animation-delay:-0.8888888889s
}
.triangle.peripheral-17
{
  animation-delay:-0.9444444444s
}
.triangle.peripheral-18
{
  animation-delay:-1s
}
.triangle.essential-1
{
  animation-delay:-0.1666666667s
}
.triangle.essential-2
{
  animation-delay:-0.3333333333s
}
.triangle.essential-3
{
  animation-delay:-0.5s
}
.triangle.essential-4
{
  animation-delay:-0.6666666667s
}
.triangle.essential-5
{
  animation-delay:-0.8333333333s
}
.triangle.essential-6
{
  animation-delay:-1s
}
@keyframes blink
{
  0%
  {
    opacity:.1
  }
  30%
  {
    opacity:1
  }
  100%
  {
    opacity:.1
  }
}
.chosen-container .chosen-single,.chosen-container .chosen-choices
{
  background-color:var(--inputs-bg) !important;
  background:var(--inputs-bg) !important;
  color:var(--text-color) !important;
  border-radius:25px !important;
  border:none !important;
  transition:background-color .3s ease !important;
  padding:12px .75rem !important;
  height:auto !important;
  font-size:1rem
}
.chosen-container .chosen-single:focus,.chosen-container .chosen-choices:focus
{
  color:var(--text-color);
  background-color:var(--inputs-bg-focus)
}
.chosen-container ul.chosen-choices
{
  padding:10.75px .75rem !important;
  overflow-x:scroll
}
.chosen-container ul.chosen-choices li.search-choice
{
  background:var(--text-orange);
  margin:5px;
  padding:6px 20px;
  border:none;
  border-radius:25px;
  color:var(--text-inside-bgColored)
}
.chosen-container ul.chosen-choices li.search-choice span
{
  color:var(--text-inside-bgColored)
}
.chosen-container ul.chosen-choices li.search-choice .search-choice-close
{
  top:50% !important;
  width:18px;
  background-image:var(--chosen-close-marker) !important;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  transform:translate(0, -40%)
}
.chosen-container ul.chosen-choices li.search-choice .search-choice-close:hover,.chosen-container ul.chosen-choices li.search-choice .search-choice-close:focus,.chosen-container ul.chosen-choices li.search-choice .search-choice-close:active
{
  background-position:center
}
.chosen-container ul.chosen-choices li.search-field input
{
  color:var(--text-color) !important;
  padding-left:5px !important
}
.chosen-container .chosen-drop
{
  background-color:var(--inputs-bg) !important;
  background:var(--inputs-bg) !important;
  border-radius:7px !important;
  border:none !important;
  box-shadow:0px 0px 6px #00000078 !important;
  top:145% !important
}
.chosen-container .chosen-drop::before
{
  content:"";
  position:absolute;
  top:-12px;
  right:10px;
  border-top:0;
  border-right:.9em solid transparent;
  border-bottom:1em solid;
  border-left:.9em solid transparent;
  display:block;
  color:var(--inputs-bg)
}
.chosen-container .chosen-drop .chosen-search
{
  margin-top:10px !important
}
.chosen-container .chosen-drop .chosen-search input
{
  padding:12px .75rem !important;
  border-radius:25px !important;
  border-color:var(--separator-color);
  background-position:100% -21px !important
}
.chosen-container .chosen-drop .chosen-results li.result-selected
{
  position:relative;
  background:var(--chosen-highlighted);
  background-color:var(--chosen-highlighted);
  padding:10px;
  font-size:16px
}
.chosen-container .chosen-drop .chosen-results li.result-selected::after
{
  content:"";
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:2px;
  background-color:var(--chosen-active)
}
.chosen-container .chosen-drop .chosen-results li.active-result
{
  position:relative;
  color:var(--text-color) !important;
  border-bottom:1px solid var(--separator-color);
  padding:10px;
  font-size:16px
}
.chosen-container .chosen-drop .chosen-results li.active-result:hover::after
{
  content:"";
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:2px;
  background-color:var(--chosen-active)
}
.chosen-container .chosen-drop .chosen-results li.active-result:hover,.chosen-container .chosen-drop .chosen-results li.active-result:focus,.chosen-container .chosen-drop .chosen-results li.active-result:active
{
  background-color:var(--chosen-highlighted)
}
.chosen-container .chosen-drop .chosen-results li.active-result.highlighted
{
  background:var(--chosen-highlighted);
  background-color:var(--chosen-highlighted)
}
.chosen-container .chosen-drop .chosen-results li.active-result.selected::after,.chosen-container .chosen-drop .chosen-results li.active-result.result-selected::after
{
  content:"";
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:2px;
  background-color:var(--chosen-active)
}
.chosen-container .chosen-drop .chosen-results li.no-results
{
  background:var(--inputs-bg);
  font-size:16px
}
.chosen-container .chosen-drop .chosen-results li.no-results span
{
  font-style:italic
}
.chosen-container.chosen-container-multi .chosen-drop
{
  top:130% !important
}
.viewer_wrapper
{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  z-index:50;
  height:0%;
  transition:height .5s;
  overflow:hidden
}
.viewer_wrapper.show
{
  height:100%
}
.viewer_wrapper .content
{
  position:relative;
  background:var(--section-title-bg);
  height:100%;
  border-radius:10px
}
.viewer_wrapper .content .header
{
  position:relative;
  display:grid;
  place-items:center;
  height:66px;
  top:0;
  left:0;
  right:0;
  font-size:20px;
  border-bottom:1px solid var(--separator-color)
}
.viewer_wrapper .content .header span.close-marker
{
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  color:var(--text-color);
  z-index:51;
  margin-right:20px;
  cursor:pointer
}
.viewer_wrapper .content .header p.title
{
  margin:0;
  padding:15px 0px;
  font-size:24px
}
.viewer_wrapper .content .header::before,.viewer_wrapper .content .header::after
{
  content:"";
  position:absolute;
  top:0;
  width:20%;
  height:100%;
  background-repeat:no-repeat
}
.viewer_wrapper .content .header::before
{
  left:0
}
.viewer_wrapper .content .header::after
{
  right:0;
  -moz-transform:scale(-1, 1);
  -webkit-transform:scale(-1, 1);
  -o-transform:scale(-1, 1);
  -ms-transform:scale(-1, 1);
  transform:scale(-1, 1)
}
.viewer_wrapper .content .body
{
  padding:10px;
  height:calc(100% - 132px);
  overflow-x:hidden;
  overflow-y:scroll
}
.viewer_wrapper .content .footer
{
  position:absolute;
  display:grid;
  place-items:center right;
  height:66px;
  bottom:0;
  left:0;
  right:0;
  border-top:1px solid var(--separator-color);
  z-index:51
}
.signature_wrapper
{
  position:relative;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  height:400px
}
.signature_wrapper .signature-pad-mask
{
  position:absolute;
  left:50%;
  top:50%;
  width:90%;
  height:90%;
  border-radius:4px;
  box-shadow:0 0 5px rgba(0,0,0,.02) inset !important;
  transform:translate(-50%, -50%);
  background:var(--signature-bg)
}
.signature_wrapper canvas,.signature_wrapper img
{
  position:absolute;
  left:50%;
  top:50%;
  width:90%;
  height:90%;
  border-radius:4px;
  box-shadow:0 0 5px rgba(0,0,0,.02) inset !important;
  transform:translate(-50%, -50%)
}
table.borderless tr,table.borderless td,table.borderless th
{
  border:none !important;
  text-align:center;
  font-size:18px
}
table.dataTable
{
  text-align:center
}
table.dataTable thead tr th
{
  background:var(--section-content-bg);
  font-size:18px;
  font-weight:700;
  padding:12px 20px
}
table.dataTable thead tr th:first-child
{
  border-top-left-radius:10px
}
table.dataTable thead tr th:last-child
{
  border-top-right-radius:10px
}
table.dataTable tbody tr:nth-child(odd)
{
  background-color:var(--table-body-bg1)
}
table.dataTable tbody tr:nth-child(even)
{
  background-color:var(--table-body-bg2)
}
table.dataTable tbody tr td
{
  color:var(--table-text-color);
  padding:12px 20px
}
table.dataTable tbody tr td.dtr-control::before
{
  content:"" !important;
  margin:0 !important;
  height:28px !important;
  width:28px !important;
  border:none !important;
  border-radius:0px !important;
  box-shadow:none !important;
  background-color:transparent !important;
  background-size:contain !important;
  transform:translateY(-50%)
}
table.dataTable tbody tr.child ul.dtr-details
{
  width:100%
}
table.dataTable tbody tr.child ul.dtr-details>li
{
  border-bottom:1px solid var(--separator-color) !important
}
.dataTables_wrapper .dataTables_length
{
  display:none
}
.dataTables_wrapper .dataTables_info
{
  display:none
}
.dataTables_wrapper .dataTables_paginate .pagination
{
  justify-content:center !important;
  margin:0px !important;
  padding:10px 0px
}
.dataTables_wrapper .dataTables_paginate #domains-table_ellipsis .page-link
{
  display:flex;
  background-color:transparent
}
.dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link
{
  display:none
}
.dataTables_wrapper .dataTables_paginate .page-item:first-child .page-link
{
  border-radius:50%
}
.dataTables_wrapper .dataTables_paginate .page-item:last-child .page-link
{
  border-radius:50%
}
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link
{
  background-color:var(--table-pagination-active-bg);
  color:var(--table-pagination-active-text)
}
.dataTables_wrapper .dataTables_paginate .page-link
{
  display:flex;
  justify-content:center;
  align-items:center;
  width:34px;
  height:34px;
  padding:0;
  margin:0 10px;
  border:none;
  border-radius:50%;
  background-color:var(--table-pagination-bg);
  color:var(--text-color)
}
.info-container
{
  background:var(--info-container-gradient);
  -webkit-box-shadow:0px 3px 6px var(--info-box-bs) !important;
  box-shadow:0px 3px 6px var(--info-box-bs) !important;
  border:1px solid #00000000;
  border-radius:10px
}
.info-container .info-box
{
  background:var(--info-box-bg);
  -webkit-box-shadow:inset 0px 0px 7px var(--info-box-bs) !important;
  box-shadow:inset 0px 0px 7px var(--info-box-bs) !important
}
.info-container .info-box textarea.form-control
{
  background:transparent;
  box-shadow:inset 0px 0px 7px var(--info-box-bs) !important;
  -webkit-box-shadow:inset 0px 0px 7px var(--info-box-bs) !important;
  border-radius:0;
  resize:none
}
#addorder-content .form__wrapper
{
  font-family:"Arial",Gadget,sans-serif !important;
  font-size:16px !important;
  text-align:left !important;
  line-height:1 !important;
  color:#000 !important
}
#addorder-content .form__group
{
  margin-left:0;
  margin-bottom:5px;
  display:block
}
#addorder-content .form__label
{
  margin-bottom:5px !important
}
#addorder-content .form__label--required
{
  color:#c10000
}
#addorder-content .form__group .form__group--error
{
  margin:5px 0px 0px 0px;
  padding:0;
  height:24px;
  width:100%;
  font-size:14px;
  font-weight:400;
  color:#be1e2d
}
#addorder-content .form__notice
{
  text-align:center;
  margin:0 auto;
  width:280px;
  background-color:#f2ad58 !important;
  background-image:-webkit-linear-gradient(top, #f6c88f, #ed9220) !important;
  background-image:linear-gradient(to bottom, #f6c88f, #ed9220) !important;
  color:#000;
  padding:8px;
  font-size:16px;
  border-radius:4px;
  margin-bottom:20px
}
#addorder-content .form__group.form__group--submit
{
  display:block
}
#addorder-content .form__group.form__group--submit button#submit
{
  width:100%;
  height:55px;
  position:relative;
  background-color:#f2ad58 !important;
  background-image:-webkit-linear-gradient(top, #f6c88f, #ed9220) !important;
  background-image:linear-gradient(to bottom, #f6c88f, #ed9220) !important;
  border:none !important;
  padding:5px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  border-radius:.25rem
}
#addorder-content .form__group.form__group--submit i.fas.fa-play
{
  position:absolute;
  left:5px;
  background-color:#333 !important;
  color:#fff !important;
  padding:14px !important;
  margin:0px !important;
  margin-left:0px;
  margin-left:0px !important;
  font-size:18px;
  border-radius:5px
}
#addorder-content .form__group.form__group--submit .submit__button--text
{
  width:calc(100% - 54px) !important;
  margin:0 auto !important;
  display:inline-flex !important
}
#addorder-content .form__group.form__group--submit .submit__button--text span
{
  color:#000 !important;
  padding:0px !important;
  margin:auto !important;
  font-size:16px !important;
  font-weight:bold !important;
  background:transparent !important
}
#addorder-content .form__group.form__group--submit .form__privacy
{
  text-align:center;
  font-size:16px;
  padding:10px;
  width:100%;
  margin:10px 0px;
  color:rgba(0,0,0,.7)
}
#addorder-content .form__group.form__group--submit .form__privacy input[type=checkbox]
{
  overflow:hidden;
  margin:0
}
#addorder-content .form__group.form__group--submit .form__privacy span
{
  margin:0;
  margin-left:10px;
  word-break:break-word
}
#addorder-content ul.parsley-errors-list
{
  margin:0;
  padding:0;
  list-style:none
}
.accordion .accordion-item
{
  background:var(--tab-bg);
  margin-bottom:16px;
  box-shadow:0px 0px 6px #00000078 !important;
  border-radius:10px !important;
  overflow:hidden
}
.accordion .accordion-item .accordion-header button.accordion-button
{
  background:var(--tab-bg);
  color:var(--text-color);
  border-radius:0px
}
.accordion .accordion-item .accordion-header button.accordion-button:not(.collapsed)
{
  background:var(--tutorial-accordion-bg) !important;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px
}
.accordion .accordion-item .accordion-header button.accordion-button:not(.collapsed)::after
{
  transform:rotate(-180deg)
}
.note-editor .dropdown-toggle::after
{
  all:unset
}
.note-editor .note-dropdown-menu
{
  box-sizing:content-box
}
.note-editor .note-modal-footer
{
  box-sizing:content-box
}
.note-editor .note-toolbar
{
  background-color:var(--inputs-bg) !important;
  border-color:var(--separator-color) !important
}
.note-editor .note-toolbar .note-btn:not(.note-color-btn)
{
  background-color:var(--topbar-bg) !important;
  border-color:var(--separator-color) !important
}
.note-editor .note-toolbar .note-dropdown-menu
{
  background-color:var(--topbar-bg) !important;
  border-color:var(--separator-color) !important;
  padding:0px !important
}
.note-editor .note-toolbar .note-dropdown-menu a
{
  color:var(--text-color);
  position:relative;
  border-bottom:1px solid var(--separator-color) !important
}
.note-editor .note-toolbar .note-dropdown-menu a.note-dropdown-item,.note-editor .note-toolbar .note-dropdown-menu a.note-dropdown-item:hover
{
  margin:0px !important;
  padding:5px 0px
}
.note-editor .note-toolbar .note-dropdown-menu a.checked::after
{
  content:"";
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:2px;
  background-color:var(--topbar-notif-dot)
}
.note-editor .note-toolbar .note-dropdown-menu a.checked i
{
  visibility:hidden !important
}
.note-editor .note-toolbar .note-dropdown-menu a:hover
{
  background-color:var(--topbar-bg) !important
}
.note-editor .note-toolbar .note-dropdown-menu a:hover::after
{
  content:"";
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:2px;
  background-color:var(--topbar-notif-dot)
}
.note-editor .note-toolbar .note-dropdown-menu .note-palette .note-palette-title
{
  border-color:var(--separator-color) !important
}
.note-editor .note-toolbar .note-dropdown-menu .note-palette .note-color-reset,.note-editor .note-toolbar .note-dropdown-menu .note-palette .note-color-select
{
  border-color:var(--separator-color) !important
}
.note-editor .note-toolbar .note-dropdown-menu .note-palette .note-color-reset:hover,.note-editor .note-toolbar .note-dropdown-menu .note-palette .note-color-select:hover
{
  background-color:inherit !important
}
.note-editor .note-editable
{
  background-color:var(--inputs-bg)
}
.note-editor .note-statusbar
{
  display:none
}
.dropzone
{
  width:100%;
  height:356px;
  background-color:var(--inputs-bg);
  border:none !important;
  overflow:scroll
}
.dropzone .dz-preview.dz-image-preview
{
  background:transparent !important
}
.dropzone .dz-preview div.dz-image
{
  border-radius:20px;
  overflow:hidden;
  width:120px;
  height:120px;
  position:relative;
  display:flex;
  text-align:center;
  align-items:center;
  z-index:10;
  justify-content:center
}
.dropzone .dz-preview div.dz-image img
{
  height:100%;
  width:100%
}
.create-wrapper
{
  background-color:var(--tickets-wrapper-bg);
  box-shadow:0px 0px 6px var(--tickets-wrapper-bs) !important;
  border-radius:7px;
  height:150px;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column
}
.create-wrapper p
{
  font-size:18px;
  text-align:center;
  font-weight:var(--tickets-wrapper-font-w)
}
.create-wrapper button.btn
{
  background-color:var(--text-orange);
  border-radius:5px;
  padding:5px 18px;
  font-size:14px
}
.tickets-info-message
{
  background:var(--tickets-wrapper-bg);
  box-shadow:0px 0px 6px var(--tickets-wrapper-bs);
  border-radius:7px;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  font-size:18px;
  margin-bottom:10px
}
.tickets-box
{
  height:calc(100% - 160px);
  overflow-y:scroll;
  box-shadow:0px 0px 6px var(--tickets-wrapper-bs) !important;
  border-radius:7px;
  margin-top:10px;
  cursor:pointer;
  overflow-x:hidden;
  background-color:var(--tickets-bg1)
}
.tickets-box .no-ticket
{
  padding:15px 20px;
  text-align:center;
  height:70px;
  font-weight:bold;
  background-color:var(--tickets-bg1)
}
.tickets-box .chat
{
  width:100%;
  height:120px;
  background-color:var(--tickets-bg1);
  position:relative
}
.tickets-box .chat.selected::after
{
  content:"";
  height:100%;
  width:2px;
  left:0;
  top:0;
  position:absolute;
  background-color:var(--text-orange)
}
.tickets-box .chat:nth-child(even)
{
  background-color:var(--tickets-bg2)
}
.tickets-box .chat .dot
{
  width:12px;
  height:12px;
  background-color:var(--text-orange);
  border-radius:50%;
  margin-left:10px;
  margin-top:7px
}
.tickets-box .chat .content
{
  font-size:14px
}
.tickets-box .chat .arrow
{
  background-repeat:no-repeat;
  background-position:-1px center
}
.tickets-box .ticket
{
  width:100%;
  height:120px;
  background-color:var(--tickets-bg1);
  position:relative
}
.tickets-box .ticket.selected::after
{
  content:"";
  height:100%;
  width:2px;
  left:0;
  top:0;
  position:absolute;
  background-color:var(--text-orange)
}
.tickets-box .ticket:nth-child(even)
{
  background-color:var(--tickets-bg2)
}
.tickets-box .ticket .dot
{
  width:12px;
  height:12px;
  background-color:var(--text-orange);
  border-radius:50%;
  margin-left:10px;
  margin-top:7px
}
.tickets-box .ticket .content
{
  font-size:14px
}
.tickets-box .ticket .arrow
{
  background-repeat:no-repeat;
  background-position:-1px center
}
#ticket_info
{
  background-color:var(--tickets-info-user-wrapper-bg);
  display:flex;
  align-items:center;
  justify-content:flex-start;
  position:absolute;
  z-index:3
}
#ticket_info .icon
{
  position:relative;
  margin-left:25px;
  width:50px;
  height:50px;
  border-radius:50%;
  outline:3px solid var(--text-inside-bgColored) !important;
  background-color:var(--tickets-info-user-icon-bg);
  overflow:hidden
}
#ticket_info .icon svg
{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  max-width:70%;
  max-height:70%
}
#ticket_info .user_info
{
  margin-left:20px;
  padding:10px 0px
}
#ticket_info .user_info p
{
  margin:0
}
#ticket_info .user_info .fullname
{
  font-weight:700;
  font-style:italic;
  font-size:18px;
  margin-bottom:5px
}
#ticket_info .user_info .email
{
  font-weight:300;
  font-style:italic
}
#chat-viewer .body
{
  padding-top:0px
}
#chat-viewer .footer
{
  display:block;
  height:225px;
  background-color:var(--tickets-footer-bg);
  box-shadow:0px -3px 11px var(--tickets-footer-bs) !important;
  padding:0px 10px;
  overflow-y:hidden;
  overflow-x:hidden
}
#chat-viewer .footer button.send-message
{
  position:absolute;
  right:15px;
  bottom:30px;
  background-color:var(--text-orange);
  padding:.375rem .75rem;
  font-weight:700
}
#chat-viewer .footer .note-editor
{
  box-shadow:0px 0px 6px var(--tickets-wrapper-bs) !important
}
#chat-viewer .dropzone
{
  height:155px;
  box-shadow:0px 0px 6px var(--tickets-wrapper-bs) !important
}
#chat-viewer .body
{
  height:calc(100% - 291px)
}
#ticket_block
{
  padding:0px 20px;
  margin-top:80px;
  background:url("../img/tickets_bg.png");
  background-attachment:fixed;
  background-size:cover;
  background-position:0 100px;
  background-repeat:no-repeat;
  min-height:1px;
  height:calc(100% - 76px);
  overflow-y:scroll
}
#ticket_block .message_block
{
  position:relative;
  margin:15px 25px;
  background-color:var(--tickets-message-bg-from);
  max-width:600px;
  min-width:200px;
  height:auto;
  box-shadow:0px 0px 6px var(--tickets-message-bs-from) !important;
  border-radius:7px;
  padding:5px 15px
}
#ticket_block .message_block.right
{
  margin-left:auto;
  background-color:var(--tickets-message-bg)
}
#ticket_block .message_block.right::after
{
  content:"";
  position:absolute;
  top:5px;
  right:-17px;
  border-bottom:.9em solid transparent;
  border-left:1.1em solid;
  border-top:.9em solid transparent;
  display:block;
  color:var(--tickets-message-bg)
}
#ticket_block .message_block.left::after
{
  content:"";
  position:absolute;
  top:5px;
  left:-17px;
  border-bottom:.9em solid transparent;
  border-right:1.1em solid;
  border-top:.9em solid transparent;
  display:block;
  color:var(--tickets-message-bg-from)
}
#ticket_block .message_block:first-of-type
{
  margin-top:35px
}
#ticket_block .message_block p
{
  margin:0
}
#ticket_block .message_block .user
{
  font-weight:700;
  font-style:italic;
  color:var(--text-orange);
  margin-bottom:5px
}
#ticket_block .message_block .message
{
  margin-bottom:5px
}
#ticket_block .message_block .attachments
{
  margin-bottom:5px
}
#ticket_block .message_block .attachments a img
{
  width:50px;
  height:50px
}
#ticket_block .message_block .time
{
  text-align:right;
  font-size:14px;
  font-weight:300;
  opacity:.5
}
.message-wrapper .note-editable
{
  height:315px !important
}
.popularity
{
  margin-top:5px;
  margin-bottom:5px;
  font-size:14px;
  width:200px;
  box-shadow:inset 0px 1px 4px #00000087 !important;
  border-radius:34px;
  padding:5px 30px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  background-color:var(--text-orange);
  color:var(--text-inside-bgColored)
}
.orders-status
{
  font-size:14px;
  width:125px;
  box-shadow:inset 0px 1px 4px #00000087 !important;
  border-radius:34px;
  padding:5px 30px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  font-weight:700;
  margin:auto
}
.iti
{
  position:relative;
  display:inline-block;
  width:100%
}
.iti *
{
  box-sizing:border-box;
  -moz-box-sizing:border-box
}
.iti__hide
{
  display:none
}
.iti__v-hide
{
  visibility:hidden
}
.iti input,.iti input[type=text],.iti input[type=tel]
{
  position:relative;
  z-index:0;
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-right:36px;
  margin-right:0
}
.iti__flag-container
{
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  padding:1px
}
.iti__selected-flag
{
  z-index:1;
  position:relative;
  display:flex;
  align-items:center;
  height:100%;
  padding:0 6px 0 8px
}
.iti__arrow
{
  margin-left:6px;
  width:0;
  height:0;
  border-left:3px solid transparent;
  border-right:3px solid transparent;
  border-top:4px solid #555
}
.iti__arrow--up
{
  border-top:none;
  border-bottom:4px solid #555
}
.iti__country-list
{
  position:absolute;
  z-index:2;
  list-style:none;
  text-align:left;
  padding:0;
  margin:0 0 0 -1px;
  box-shadow:1px 1px 4px rgba(0,0,0,.2) !important;
  background-color:var(--inputs-bg);
  border:1px solid #000;
  white-space:nowrap;
  max-height:200px;
  overflow-y:scroll;
  -webkit-overflow-scrolling:touch
}
.iti__country-list--dropup
{
  bottom:100%;
  margin-bottom:-1px
}
@media(max-width: 500px)
{
  .iti__country-list
  {
    white-space:normal
  }
}
.iti__flag-box
{
  display:inline-block;
  width:20px
}
.iti__divider
{
  padding-bottom:5px;
  margin-bottom:5px;
  border-bottom:1px solid #ccc
}
.iti__country
{
  padding:5px 10px;
  outline:none
}
.iti__dial-code
{
  color:#999
}
.iti__country.iti__highlight
{
  background-color:rgba(0,0,0,.05)
}
.iti__flag-box,.iti__country-name,.iti__dial-code
{
  vertical-align:middle
}
.iti__flag-box,.iti__country-name
{
  margin-right:6px
}
.iti--allow-dropdown input,.iti--allow-dropdown input[type=text],.iti--allow-dropdown input[type=tel],.iti--separate-dial-code input,.iti--separate-dial-code input[type=text],.iti--separate-dial-code input[type=tel]
{
  padding-right:6px;
  padding-left:52px;
  margin-left:0
}
.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container
{
  right:auto;
  left:0
}
.iti--allow-dropdown .iti__flag-container:hover
{
  cursor:pointer
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag
{
  background-color:rgba(0,0,0,.05)
}
.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover
{
  cursor:default
}
.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag
{
  background-color:transparent
}
.iti--separate-dial-code .iti__selected-flag
{
  background-color:rgba(0,0,0,.05)
}
.iti--separate-dial-code .iti__selected-dial-code
{
  margin-left:6px
}
.iti--container
{
  position:absolute;
  top:-1000px;
  left:-1000px;
  z-index:1060;
  padding:1px
}
.iti--container:hover
{
  cursor:pointer
}
.iti-mobile .iti--container
{
  top:30px;
  bottom:30px;
  left:30px;
  right:30px;
  position:fixed
}
.iti-mobile .iti__country-list
{
  max-height:100%;
  width:100%
}
.iti-mobile .iti__country
{
  padding:10px 10px;
  line-height:1.5em
}
.iti__flag
{
  width:20px
}
.iti__flag.iti__be
{
  width:18px
}
.iti__flag.iti__ch
{
  width:15px
}
.iti__flag.iti__mc
{
  width:19px
}
.iti__flag.iti__ne
{
  width:18px
}
.iti__flag.iti__np
{
  width:13px
}
.iti__flag.iti__va
{
  width:15px
}
@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi)
{
  .iti__flag
  {
    background-size:5652px 15px
  }
}
.iti__flag.iti__ac
{
  height:10px;
  background-position:0px 0px
}
.iti__flag.iti__ad
{
  height:14px;
  background-position:-22px 0px
}
.iti__flag.iti__ae
{
  height:10px;
  background-position:-44px 0px
}
.iti__flag.iti__af
{
  height:14px;
  background-position:-66px 0px
}
.iti__flag.iti__ag
{
  height:14px;
  background-position:-88px 0px
}
.iti__flag.iti__ai
{
  height:10px;
  background-position:-110px 0px
}
.iti__flag.iti__al
{
  height:15px;
  background-position:-132px 0px
}
.iti__flag.iti__am
{
  height:10px;
  background-position:-154px 0px
}
.iti__flag.iti__ao
{
  height:14px;
  background-position:-176px 0px
}
.iti__flag.iti__aq
{
  height:14px;
  background-position:-198px 0px
}
.iti__flag.iti__ar
{
  height:13px;
  background-position:-220px 0px
}
.iti__flag.iti__as
{
  height:10px;
  background-position:-242px 0px
}
.iti__flag.iti__at
{
  height:14px;
  background-position:-264px 0px
}
.iti__flag.iti__au
{
  height:10px;
  background-position:-286px 0px
}
.iti__flag.iti__aw
{
  height:14px;
  background-position:-308px 0px
}
.iti__flag.iti__ax
{
  height:13px;
  background-position:-330px 0px
}
.iti__flag.iti__az
{
  height:10px;
  background-position:-352px 0px
}
.iti__flag.iti__ba
{
  height:10px;
  background-position:-374px 0px
}
.iti__flag.iti__bb
{
  height:14px;
  background-position:-396px 0px
}
.iti__flag.iti__bd
{
  height:12px;
  background-position:-418px 0px
}
.iti__flag.iti__be
{
  height:15px;
  background-position:-440px 0px
}
.iti__flag.iti__bf
{
  height:14px;
  background-position:-460px 0px
}
.iti__flag.iti__bg
{
  height:12px;
  background-position:-482px 0px
}
.iti__flag.iti__bh
{
  height:12px;
  background-position:-504px 0px
}
.iti__flag.iti__bi
{
  height:12px;
  background-position:-526px 0px
}
.iti__flag.iti__bj
{
  height:14px;
  background-position:-548px 0px
}
.iti__flag.iti__bl
{
  height:14px;
  background-position:-570px 0px
}
.iti__flag.iti__bm
{
  height:10px;
  background-position:-592px 0px
}
.iti__flag.iti__bn
{
  height:10px;
  background-position:-614px 0px
}
.iti__flag.iti__bo
{
  height:14px;
  background-position:-636px 0px
}
.iti__flag.iti__bq
{
  height:14px;
  background-position:-658px 0px
}
.iti__flag.iti__br
{
  height:14px;
  background-position:-680px 0px
}
.iti__flag.iti__bs
{
  height:10px;
  background-position:-702px 0px
}
.iti__flag.iti__bt
{
  height:14px;
  background-position:-724px 0px
}
.iti__flag.iti__bv
{
  height:15px;
  background-position:-746px 0px
}
.iti__flag.iti__bw
{
  height:14px;
  background-position:-768px 0px
}
.iti__flag.iti__by
{
  height:10px;
  background-position:-790px 0px
}
.iti__flag.iti__bz
{
  height:14px;
  background-position:-812px 0px
}
.iti__flag.iti__ca
{
  height:10px;
  background-position:-834px 0px
}
.iti__flag.iti__cc
{
  height:10px;
  background-position:-856px 0px
}
.iti__flag.iti__cd
{
  height:15px;
  background-position:-878px 0px
}
.iti__flag.iti__cf
{
  height:14px;
  background-position:-900px 0px
}
.iti__flag.iti__cg
{
  height:14px;
  background-position:-922px 0px
}
.iti__flag.iti__ch
{
  height:15px;
  background-position:-944px 0px
}
.iti__flag.iti__ci
{
  height:14px;
  background-position:-961px 0px
}
.iti__flag.iti__ck
{
  height:10px;
  background-position:-983px 0px
}
.iti__flag.iti__cl
{
  height:14px;
  background-position:-1005px 0px
}
.iti__flag.iti__cm
{
  height:14px;
  background-position:-1027px 0px
}
.iti__flag.iti__cn
{
  height:14px;
  background-position:-1049px 0px
}
.iti__flag.iti__co
{
  height:14px;
  background-position:-1071px 0px
}
.iti__flag.iti__cp
{
  height:14px;
  background-position:-1093px 0px
}
.iti__flag.iti__cr
{
  height:12px;
  background-position:-1115px 0px
}
.iti__flag.iti__cu
{
  height:10px;
  background-position:-1137px 0px
}
.iti__flag.iti__cv
{
  height:12px;
  background-position:-1159px 0px
}
.iti__flag.iti__cw
{
  height:14px;
  background-position:-1181px 0px
}
.iti__flag.iti__cx
{
  height:10px;
  background-position:-1203px 0px
}
.iti__flag.iti__cy
{
  height:14px;
  background-position:-1225px 0px
}
.iti__flag.iti__cz
{
  height:14px;
  background-position:-1247px 0px
}
.iti__flag.iti__de
{
  height:12px;
  background-position:-1269px 0px
}
.iti__flag.iti__dg
{
  height:10px;
  background-position:-1291px 0px
}
.iti__flag.iti__dj
{
  height:14px;
  background-position:-1313px 0px
}
.iti__flag.iti__dk
{
  height:15px;
  background-position:-1335px 0px
}
.iti__flag.iti__dm
{
  height:10px;
  background-position:-1357px 0px
}
.iti__flag.iti__do
{
  height:14px;
  background-position:-1379px 0px
}
.iti__flag.iti__dz
{
  height:14px;
  background-position:-1401px 0px
}
.iti__flag.iti__ea
{
  height:14px;
  background-position:-1423px 0px
}
.iti__flag.iti__ec
{
  height:14px;
  background-position:-1445px 0px
}
.iti__flag.iti__ee
{
  height:13px;
  background-position:-1467px 0px
}
.iti__flag.iti__eg
{
  height:14px;
  background-position:-1489px 0px
}
.iti__flag.iti__eh
{
  height:10px;
  background-position:-1511px 0px
}
.iti__flag.iti__er
{
  height:10px;
  background-position:-1533px 0px
}
.iti__flag.iti__es
{
  height:14px;
  background-position:-1555px 0px
}
.iti__flag.iti__et
{
  height:10px;
  background-position:-1577px 0px
}
.iti__flag.iti__eu
{
  height:14px;
  background-position:-1599px 0px
}
.iti__flag.iti__fi
{
  height:12px;
  background-position:-1621px 0px
}
.iti__flag.iti__fj
{
  height:10px;
  background-position:-1643px 0px
}
.iti__flag.iti__fk
{
  height:10px;
  background-position:-1665px 0px
}
.iti__flag.iti__fm
{
  height:11px;
  background-position:-1687px 0px
}
.iti__flag.iti__fo
{
  height:15px;
  background-position:-1709px 0px
}
.iti__flag.iti__fr
{
  height:14px;
  background-position:-1731px 0px
}
.iti__flag.iti__ga
{
  height:15px;
  background-position:-1753px 0px
}
.iti__flag.iti__gb
{
  height:10px;
  background-position:-1775px 0px
}
.iti__flag.iti__gd
{
  height:12px;
  background-position:-1797px 0px
}
.iti__flag.iti__ge
{
  height:14px;
  background-position:-1819px 0px
}
.iti__flag.iti__gf
{
  height:14px;
  background-position:-1841px 0px
}
.iti__flag.iti__gg
{
  height:14px;
  background-position:-1863px 0px
}
.iti__flag.iti__gh
{
  height:14px;
  background-position:-1885px 0px
}
.iti__flag.iti__gi
{
  height:10px;
  background-position:-1907px 0px
}
.iti__flag.iti__gl
{
  height:14px;
  background-position:-1929px 0px
}
.iti__flag.iti__gm
{
  height:14px;
  background-position:-1951px 0px
}
.iti__flag.iti__gn
{
  height:14px;
  background-position:-1973px 0px
}
.iti__flag.iti__gp
{
  height:14px;
  background-position:-1995px 0px
}
.iti__flag.iti__gq
{
  height:14px;
  background-position:-2017px 0px
}
.iti__flag.iti__gr
{
  height:14px;
  background-position:-2039px 0px
}
.iti__flag.iti__gs
{
  height:10px;
  background-position:-2061px 0px
}
.iti__flag.iti__gt
{
  height:13px;
  background-position:-2083px 0px
}
.iti__flag.iti__gu
{
  height:11px;
  background-position:-2105px 0px
}
.iti__flag.iti__gw
{
  height:10px;
  background-position:-2127px 0px
}
.iti__flag.iti__gy
{
  height:12px;
  background-position:-2149px 0px
}
.iti__flag.iti__hk
{
  height:14px;
  background-position:-2171px 0px
}
.iti__flag.iti__hm
{
  height:10px;
  background-position:-2193px 0px
}
.iti__flag.iti__hn
{
  height:10px;
  background-position:-2215px 0px
}
.iti__flag.iti__hr
{
  height:10px;
  background-position:-2237px 0px
}
.iti__flag.iti__ht
{
  height:12px;
  background-position:-2259px 0px
}
.iti__flag.iti__hu
{
  height:10px;
  background-position:-2281px 0px
}
.iti__flag.iti__ic
{
  height:14px;
  background-position:-2303px 0px
}
.iti__flag.iti__id
{
  height:14px;
  background-position:-2325px 0px
}
.iti__flag.iti__ie
{
  height:10px;
  background-position:-2347px 0px
}
.iti__flag.iti__il
{
  height:15px;
  background-position:-2369px 0px
}
.iti__flag.iti__im
{
  height:10px;
  background-position:-2391px 0px
}
.iti__flag.iti__in
{
  height:14px;
  background-position:-2413px 0px
}
.iti__flag.iti__io
{
  height:10px;
  background-position:-2435px 0px
}
.iti__flag.iti__iq
{
  height:14px;
  background-position:-2457px 0px
}
.iti__flag.iti__ir
{
  height:12px;
  background-position:-2479px 0px
}
.iti__flag.iti__is
{
  height:15px;
  background-position:-2501px 0px
}
.iti__flag.iti__it
{
  height:14px;
  background-position:-2523px 0px
}
.iti__flag.iti__je
{
  height:12px;
  background-position:-2545px 0px
}
.iti__flag.iti__jm
{
  height:10px;
  background-position:-2567px 0px
}
.iti__flag.iti__jo
{
  height:10px;
  background-position:-2589px 0px
}
.iti__flag.iti__jp
{
  height:14px;
  background-position:-2611px 0px
}
.iti__flag.iti__ke
{
  height:14px;
  background-position:-2633px 0px
}
.iti__flag.iti__kg
{
  height:12px;
  background-position:-2655px 0px
}
.iti__flag.iti__kh
{
  height:13px;
  background-position:-2677px 0px
}
.iti__flag.iti__ki
{
  height:10px;
  background-position:-2699px 0px
}
.iti__flag.iti__km
{
  height:12px;
  background-position:-2721px 0px
}
.iti__flag.iti__kn
{
  height:14px;
  background-position:-2743px 0px
}
.iti__flag.iti__kp
{
  height:10px;
  background-position:-2765px 0px
}
.iti__flag.iti__kr
{
  height:14px;
  background-position:-2787px 0px
}
.iti__flag.iti__kw
{
  height:10px;
  background-position:-2809px 0px
}
.iti__flag.iti__ky
{
  height:10px;
  background-position:-2831px 0px
}
.iti__flag.iti__kz
{
  height:10px;
  background-position:-2853px 0px
}
.iti__flag.iti__la
{
  height:14px;
  background-position:-2875px 0px
}
.iti__flag.iti__lb
{
  height:14px;
  background-position:-2897px 0px
}
.iti__flag.iti__lc
{
  height:10px;
  background-position:-2919px 0px
}
.iti__flag.iti__li
{
  height:12px;
  background-position:-2941px 0px
}
.iti__flag.iti__lk
{
  height:10px;
  background-position:-2963px 0px
}
.iti__flag.iti__lr
{
  height:11px;
  background-position:-2985px 0px
}
.iti__flag.iti__ls
{
  height:14px;
  background-position:-3007px 0px
}
.iti__flag.iti__lt
{
  height:12px;
  background-position:-3029px 0px
}
.iti__flag.iti__lu
{
  height:12px;
  background-position:-3051px 0px
}
.iti__flag.iti__lv
{
  height:10px;
  background-position:-3073px 0px
}
.iti__flag.iti__ly
{
  height:10px;
  background-position:-3095px 0px
}
.iti__flag.iti__ma
{
  height:14px;
  background-position:-3117px 0px
}
.iti__flag.iti__mc
{
  height:15px;
  background-position:-3139px 0px
}
.iti__flag.iti__md
{
  height:10px;
  background-position:-3160px 0px
}
.iti__flag.iti__me
{
  height:10px;
  background-position:-3182px 0px
}
.iti__flag.iti__mf
{
  height:14px;
  background-position:-3204px 0px
}
.iti__flag.iti__mg
{
  height:14px;
  background-position:-3226px 0px
}
.iti__flag.iti__mh
{
  height:11px;
  background-position:-3248px 0px
}
.iti__flag.iti__mk
{
  height:10px;
  background-position:-3270px 0px
}
.iti__flag.iti__ml
{
  height:14px;
  background-position:-3292px 0px
}
.iti__flag.iti__mm
{
  height:14px;
  background-position:-3314px 0px
}
.iti__flag.iti__mn
{
  height:10px;
  background-position:-3336px 0px
}
.iti__flag.iti__mo
{
  height:14px;
  background-position:-3358px 0px
}
.iti__flag.iti__mp
{
  height:10px;
  background-position:-3380px 0px
}
.iti__flag.iti__mq
{
  height:14px;
  background-position:-3402px 0px
}
.iti__flag.iti__mr
{
  height:14px;
  background-position:-3424px 0px
}
.iti__flag.iti__ms
{
  height:10px;
  background-position:-3446px 0px
}
.iti__flag.iti__mt
{
  height:14px;
  background-position:-3468px 0px
}
.iti__flag.iti__mu
{
  height:14px;
  background-position:-3490px 0px
}
.iti__flag.iti__mv
{
  height:14px;
  background-position:-3512px 0px
}
.iti__flag.iti__mw
{
  height:14px;
  background-position:-3534px 0px
}
.iti__flag.iti__mx
{
  height:12px;
  background-position:-3556px 0px
}
.iti__flag.iti__my
{
  height:10px;
  background-position:-3578px 0px
}
.iti__flag.iti__mz
{
  height:14px;
  background-position:-3600px 0px
}
.iti__flag.iti__na
{
  height:14px;
  background-position:-3622px 0px
}
.iti__flag.iti__nc
{
  height:10px;
  background-position:-3644px 0px
}
.iti__flag.iti__ne
{
  height:15px;
  background-position:-3666px 0px
}
.iti__flag.iti__nf
{
  height:10px;
  background-position:-3686px 0px
}
.iti__flag.iti__ng
{
  height:10px;
  background-position:-3708px 0px
}
.iti__flag.iti__ni
{
  height:12px;
  background-position:-3730px 0px
}
.iti__flag.iti__nl
{
  height:14px;
  background-position:-3752px 0px
}
.iti__flag.iti__no
{
  height:15px;
  background-position:-3774px 0px
}
.iti__flag.iti__np
{
  height:15px;
  background-position:-3796px 0px
}
.iti__flag.iti__nr
{
  height:10px;
  background-position:-3811px 0px
}
.iti__flag.iti__nu
{
  height:10px;
  background-position:-3833px 0px
}
.iti__flag.iti__nz
{
  height:10px;
  background-position:-3855px 0px
}
.iti__flag.iti__om
{
  height:10px;
  background-position:-3877px 0px
}
.iti__flag.iti__pa
{
  height:14px;
  background-position:-3899px 0px
}
.iti__flag.iti__pe
{
  height:14px;
  background-position:-3921px 0px
}
.iti__flag.iti__pf
{
  height:14px;
  background-position:-3943px 0px
}
.iti__flag.iti__pg
{
  height:15px;
  background-position:-3965px 0px
}
.iti__flag.iti__ph
{
  height:10px;
  background-position:-3987px 0px
}
.iti__flag.iti__pk
{
  height:14px;
  background-position:-4009px 0px
}
.iti__flag.iti__pl
{
  height:13px;
  background-position:-4031px 0px
}
.iti__flag.iti__pm
{
  height:14px;
  background-position:-4053px 0px
}
.iti__flag.iti__pn
{
  height:10px;
  background-position:-4075px 0px
}
.iti__flag.iti__pr
{
  height:14px;
  background-position:-4097px 0px
}
.iti__flag.iti__ps
{
  height:10px;
  background-position:-4119px 0px
}
.iti__flag.iti__pt
{
  height:14px;
  background-position:-4141px 0px
}
.iti__flag.iti__pw
{
  height:13px;
  background-position:-4163px 0px
}
.iti__flag.iti__py
{
  height:11px;
  background-position:-4185px 0px
}
.iti__flag.iti__qa
{
  height:8px;
  background-position:-4207px 0px
}
.iti__flag.iti__re
{
  height:14px;
  background-position:-4229px 0px
}
.iti__flag.iti__ro
{
  height:14px;
  background-position:-4251px 0px
}
.iti__flag.iti__rs
{
  height:14px;
  background-position:-4273px 0px
}
.iti__flag.iti__ru
{
  height:14px;
  background-position:-4295px 0px
}
.iti__flag.iti__rw
{
  height:14px;
  background-position:-4317px 0px
}
.iti__flag.iti__sa
{
  height:14px;
  background-position:-4339px 0px
}
.iti__flag.iti__sb
{
  height:10px;
  background-position:-4361px 0px
}
.iti__flag.iti__sc
{
  height:10px;
  background-position:-4383px 0px
}
.iti__flag.iti__sd
{
  height:10px;
  background-position:-4405px 0px
}
.iti__flag.iti__se
{
  height:13px;
  background-position:-4427px 0px
}
.iti__flag.iti__sg
{
  height:14px;
  background-position:-4449px 0px
}
.iti__flag.iti__sh
{
  height:10px;
  background-position:-4471px 0px
}
.iti__flag.iti__si
{
  height:10px;
  background-position:-4493px 0px
}
.iti__flag.iti__sj
{
  height:15px;
  background-position:-4515px 0px
}
.iti__flag.iti__sk
{
  height:14px;
  background-position:-4537px 0px
}
.iti__flag.iti__sl
{
  height:14px;
  background-position:-4559px 0px
}
.iti__flag.iti__sm
{
  height:15px;
  background-position:-4581px 0px
}
.iti__flag.iti__sn
{
  height:14px;
  background-position:-4603px 0px
}
.iti__flag.iti__so
{
  height:14px;
  background-position:-4625px 0px
}
.iti__flag.iti__sr
{
  height:14px;
  background-position:-4647px 0px
}
.iti__flag.iti__ss
{
  height:10px;
  background-position:-4669px 0px
}
.iti__flag.iti__st
{
  height:10px;
  background-position:-4691px 0px
}
.iti__flag.iti__sv
{
  height:12px;
  background-position:-4713px 0px
}
.iti__flag.iti__sx
{
  height:14px;
  background-position:-4735px 0px
}
.iti__flag.iti__sy
{
  height:14px;
  background-position:-4757px 0px
}
.iti__flag.iti__sz
{
  height:14px;
  background-position:-4779px 0px
}
.iti__flag.iti__ta
{
  height:10px;
  background-position:-4801px 0px
}
.iti__flag.iti__tc
{
  height:10px;
  background-position:-4823px 0px
}
.iti__flag.iti__td
{
  height:14px;
  background-position:-4845px 0px
}
.iti__flag.iti__tf
{
  height:14px;
  background-position:-4867px 0px
}
.iti__flag.iti__tg
{
  height:13px;
  background-position:-4889px 0px
}
.iti__flag.iti__th
{
  height:14px;
  background-position:-4911px 0px
}
.iti__flag.iti__tj
{
  height:10px;
  background-position:-4933px 0px
}
.iti__flag.iti__tk
{
  height:10px;
  background-position:-4955px 0px
}
.iti__flag.iti__tl
{
  height:10px;
  background-position:-4977px 0px
}
.iti__flag.iti__tm
{
  height:14px;
  background-position:-4999px 0px
}
.iti__flag.iti__tn
{
  height:14px;
  background-position:-5021px 0px
}
.iti__flag.iti__to
{
  height:10px;
  background-position:-5043px 0px
}
.iti__flag.iti__tr
{
  height:14px;
  background-position:-5065px 0px
}
.iti__flag.iti__tt
{
  height:12px;
  background-position:-5087px 0px
}
.iti__flag.iti__tv
{
  height:10px;
  background-position:-5109px 0px
}
.iti__flag.iti__tw
{
  height:14px;
  background-position:-5131px 0px
}
.iti__flag.iti__tz
{
  height:14px;
  background-position:-5153px 0px
}
.iti__flag.iti__ua
{
  height:14px;
  background-position:-5175px 0px
}
.iti__flag.iti__ug
{
  height:14px;
  background-position:-5197px 0px
}
.iti__flag.iti__um
{
  height:11px;
  background-position:-5219px 0px
}
.iti__flag.iti__un
{
  height:14px;
  background-position:-5241px 0px
}
.iti__flag.iti__us
{
  height:11px;
  background-position:-5263px 0px
}
.iti__flag.iti__uy
{
  height:14px;
  background-position:-5285px 0px
}
.iti__flag.iti__uz
{
  height:10px;
  background-position:-5307px 0px
}
.iti__flag.iti__va
{
  height:15px;
  background-position:-5329px 0px
}
.iti__flag.iti__vc
{
  height:14px;
  background-position:-5346px 0px
}
.iti__flag.iti__ve
{
  height:14px;
  background-position:-5368px 0px
}
.iti__flag.iti__vg
{
  height:10px;
  background-position:-5390px 0px
}
.iti__flag.iti__vi
{
  height:14px;
  background-position:-5412px 0px
}
.iti__flag.iti__vn
{
  height:14px;
  background-position:-5434px 0px
}
.iti__flag.iti__vu
{
  height:12px;
  background-position:-5456px 0px
}
.iti__flag.iti__wf
{
  height:14px;
  background-position:-5478px 0px
}
.iti__flag.iti__ws
{
  height:10px;
  background-position:-5500px 0px
}
.iti__flag.iti__xk
{
  height:15px;
  background-position:-5522px 0px
}
.iti__flag.iti__ye
{
  height:14px;
  background-position:-5544px 0px
}
.iti__flag.iti__yt
{
  height:14px;
  background-position:-5566px 0px
}
.iti__flag.iti__za
{
  height:14px;
  background-position:-5588px 0px
}
.iti__flag.iti__zm
{
  height:14px;
  background-position:-5610px 0px
}
.iti__flag.iti__zw
{
  height:10px;
  background-position:-5632px 0px
}
.iti__flag
{
  height:15px;
  box-shadow:0px 0px 1px 0px #888;
  background-image:url("../img/flags.png");
  background-repeat:no-repeat;
  background-color:#dbdbdb;
  background-position:20px 0
}
@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi)
{
  .iti__flag
  {
    background-image:url("../img/flags@2x.png")
  }
}
.iti__flag.iti__np
{
  background-color:transparent
}
div.card.card-intro
{
  background:var(--intro-card-bg) !important;
  box-shadow:0px 3px 6px var(--topbar-bshadow) !important;
  border-radius:10px;
  border:none
}
div.card.card-intro input.form-control
{
  box-shadow:inset 0px 0px 7px #000 !important
}
.template .a,.template .b,.template .c,.template .d,.template .e,.template .f,.template .g
{
  box-shadow:0px 3px 6px var(--menu-template-bShadow) !important
}
.template-2
{
  display:grid;
  grid-gap:10px;
  grid-template-columns:158px 198px 198px;
  color:#fff
}
.template-2 .a div,.template-2 .d div
{
  flex-direction:column
}
.template-2 .a
{
  grid-column:1;
  grid-row:1;
  background-color:var(--menu-template-2-a-bg);
  font-weight:bold;
  height:158px
}
.template-2 .a svg
{
  width:56px;
  height:67px;
  fill:var(--menu-template-2-a-svg)
}
.template-2 .a p
{
  margin-left:10px;
  margin-bottom:0px;
  color:var(--menu-template-2-a-svg) !important
}
.template-2 .b
{
  background-color:var(--menu-template-2-b-bg);
  grid-column:2/4;
  grid-row:1;
  height:158px
}
.template-2 .b svg
{
  width:57px;
  height:68px;
  fill:var(--menu-template-2-b-svg)
}
.template-2 .b p
{
  margin-bottom:0px;
  color:var(--menu-template-2-b-svg) !important
}
.template-2 .c
{
  background-color:var(--menu-template-2-c-bg);
  grid-column:1/3;
  grid-row:2;
  height:158px
}
.template-2 .d
{
  background-color:var(--menu-template-2-d-bg);
  grid-column:3;
  grid-row:2;
  height:158px;
  font-weight:bold
}
@media(max-width: 952px)
{
  .template-2
  {
    grid-template-columns:1fr
  }
  .template-2 .a
  {
    grid-row:1;
    height:150px;
    grid-column:1/span 3
  }
  .template-2 .a svg
  {
    width:68px;
    height:68px
  }
  .template-2 .d,.template-2 .c
  {
    display:none
  }
  .template-2 .b
  {
    grid-row:2;
    height:150px;
    grid-column:1/span 3
  }
  .template-2 .b svg
  {
    width:68px;
    height:68px
  }
}
.template-3
{
  display:grid;
  grid-gap:10px;
  grid-template-columns:274px 274px;
  color:#fff
}
.template-3 .a div
{
  flex-direction:column
}
.template-3 .a
{
  grid-column:1;
  grid-row:1/3;
  background-color:var(--menu-template-3-a-bg);
  font-weight:bold;
  height:277px
}
.template-3 .a svg
{
  width:56px;
  height:67px;
  fill:var(--menu-template-3-a-svg)
}
.template-3 .a p
{
  margin-top:10px;
  margin-bottom:0px;
  color:var(--menu-template-3-a-svg) !important
}
.template-3 .b
{
  background-color:var(--menu-template-3-b-bg);
  grid-column:2;
  grid-row:1;
  height:133px;
  font-weight:bold
}
.template-3 .b svg
{
  width:67px;
  height:82px;
  fill:var(--menu-template-3-b-svg)
}
.template-3 .b p
{
  margin-left:10px;
  margin-bottom:0px;
  color:var(--menu-template-3-b-svg) !important
}
.template-3 .c
{
  background-color:var(--menu-template-3-c-bg);
  grid-column:2;
  grid-row:2;
  font-weight:bold;
  height:133px
}
.template-3 .c svg
{
  width:57px;
  height:68px;
  fill:var(--menu-template-3-c-svg)
}
.template-3 .c p
{
  margin-left:10px;
  margin-bottom:0px;
  color:var(--menu-template-3-c-svg) !important
}
@media(max-width: 952px)
{
  .template-3
  {
    grid-template-columns:1fr
  }
  .template-3 .a,.template-3 .b,.template-3 .c
  {
    height:150px
  }
  .template-3 .a svg,.template-3 .b svg,.template-3 .c svg
  {
    width:68px;
    height:68px
  }
  .template-3 .b div,.template-3 .c div
  {
    flex-direction:column
  }
  .template-3 .b p,.template-3 .c p
  {
    margin-left:0px;
    margin-top:10px
  }
  .template-3 .a
  {
    grid-column:1/span 3;
    padding:10px 0px;
    grid-row:1
  }
  .template-3 .b
  {
    grid-column:1/span 3;
    padding:10px 0px;
    grid-row:2
  }
  .template-3 .c
  {
    grid-column:1/span 3;
    padding:10px 0px;
    grid-row:3
  }
  .template-3 .d
  {
    grid-column:1/span 3;
    padding:10px 0px;
    grid-row:4
  }
  .template-3 .e
  {
    grid-column:1/span 3;
    padding:10px 0px;
    grid-row:5
  }
}
.template-4
{
  display:grid;
  grid-gap:10px;
  grid-template-columns:158px 158px 286px;
  color:#fff
}
.template-4 .b div,.template-4 .c div,.template-4 .d div
{
  flex-direction:column
}
.template-4 .a
{
  grid-column:1/3;
  grid-row:1;
  background-color:var(--menu-template-4-a-bg);
  font-weight:bold;
  height:117px
}
.template-4 .a svg
{
  width:56px;
  height:67px;
  fill:var(--menu-template-4-a-svg)
}
.template-4 .a p
{
  margin-left:10px;
  margin-bottom:0px;
  color:var(--menu-template-4-a-svg) !important
}
.template-4 .b
{
  background-color:var(--menu-template-4-b-bg);
  grid-column:3;
  grid-row:1/3;
  height:286px;
  font-weight:bold
}
.template-4 .b svg
{
  width:67px;
  height:82px;
  fill:var(--menu-template-4-b-svg)
}
.template-4 .b p
{
  margin-top:10px;
  margin-bottom:0px;
  color:var(--menu-template-4-b-svg) !important
}
.template-4 .c
{
  background-color:var(--menu-template-4-c-bg);
  grid-column:1;
  grid-row:2;
  font-weight:bold;
  height:158px
}
.template-4 .c svg
{
  width:57px;
  height:68px;
  fill:var(--menu-template-4-c-svg)
}
.template-4 .c p
{
  margin-top:10px;
  margin-bottom:0px;
  color:var(--menu-template-4-c-svg) !important
}
.template-4 .d
{
  background-color:var(--menu-template-4-d-bg);
  grid-column:2;
  grid-row:2;
  height:158px;
  font-weight:bold
}
.template-4 .d svg
{
  width:57px;
  height:68px;
  fill:var(--menu-template-4-d-svg)
}
.template-4 .d p
{
  margin-top:5px;
  margin-bottom:0px;
  color:var(--menu-template-4-d-svg) !important;
  text-align:center
}
@media(max-width: 952px)
{
  .template-4
  {
    grid-template-columns:1fr
  }
  .template-4 .a,.template-4 .b,.template-4 .c,.template-4 .d
  {
    height:150px
  }
  .template-4 .a svg,.template-4 .b svg,.template-4 .c svg,.template-4 .d svg
  {
    width:68px;
    height:68px
  }
  .template-4 .a
  {
    grid-column:1/span 3;
    padding:10px 0px;
    grid-row:1
  }
  .template-4 .a div
  {
    flex-direction:column
  }
  .template-4 .a p
  {
    margin-left:0px;
    margin-top:10px
  }
  .template-4 .b
  {
    grid-column:1/span 3;
    padding:10px 0px;
    grid-row:2
  }
  .template-4 .c
  {
    grid-column:1/span 3;
    padding:10px 0px;
    grid-row:3
  }
  .template-4 .d
  {
    grid-column:1/span 3;
    padding:10px 0px;
    grid-row:4
  }
  .template-4 .e
  {
    grid-column:1/span 3;
    padding:10px 0px;
    grid-row:5
  }
}
.template-5
{
  display:grid;
  grid-gap:10px;
  grid-template-columns:170px 160px 441px;
  color:#fff
}
.template-5 .a div,.template-5 .b div,.template-5 .d div
{
  flex-direction:column
}
.template-5 .a
{
  grid-column:1;
  grid-row:1/3;
  background-color:var(--menu-template-5-a-bg);
  font-weight:bold
}
.template-5 .a svg
{
  width:90px;
  height:110px;
  fill:var(--menu-template-5-a-svg)
}
.template-5 .a p
{
  margin-top:10px;
  margin-bottom:0px;
  color:var(--menu-template-5-a-svg) !important
}
.template-5 .b
{
  background-color:var(--menu-template-5-b-bg);
  grid-column:2;
  grid-row:1;
  height:160px;
  font-weight:bold
}
.template-5 .b svg
{
  width:68px;
  height:68px;
  fill:var(--menu-template-5-b-svg)
}
.template-5 .b p
{
  margin-top:10px;
  margin-bottom:0px;
  color:var(--menu-template-5-b-svg) !important
}
.template-5 .c
{
  background-color:var(--menu-template-5-c-bg);
  grid-column:3;
  grid-row:1;
  font-weight:bold
}
.template-5 .c svg
{
  width:68px;
  height:68px;
  fill:var(--menu-template-5-c-svg)
}
.template-5 .c p
{
  margin-left:15px;
  margin-bottom:0px;
  color:var(--menu-template-5-c-svg) !important
}
.template-5 .d
{
  background-color:var(--menu-template-5-d-bg);
  grid-column:2;
  grid-row:2;
  height:160px;
  font-weight:bold
}
.template-5 .d svg
{
  width:68px;
  height:68px;
  fill:var(--menu-template-5-d-svg)
}
.template-5 .d p
{
  margin-top:5px;
  margin-bottom:0px;
  color:var(--menu-template-5-d-svg) !important;
  text-align:center
}
.template-5 .e
{
  background-color:var(--menu-template-5-e-bg);
  grid-column:3;
  grid-row:2;
  font-weight:bold
}
.template-5 .e svg
{
  width:68px;
  height:68px;
  fill:var(--menu-template-5-e-svg)
}
.template-5 .e p
{
  margin-left:15px;
  margin-bottom:0px;
  color:var(--menu-template-5-e-svg) !important
}
@media(max-width: 952px)
{
  .template-5
  {
    grid-template-columns:1fr
  }
  .template-5 .a,.template-5 .b,.template-5 .c,.template-5 .d,.template-5 .e
  {
    height:150px
  }
  .template-5 .a svg,.template-5 .b svg,.template-5 .c svg,.template-5 .d svg,.template-5 .e svg
  {
    width:68px;
    height:68px
  }
  .template-5 .c div,.template-5 .e div
  {
    flex-direction:column
  }
  .template-5 .c p,.template-5 .e p
  {
    margin-left:0px;
    margin-top:10px
  }
  .template-5 .a
  {
    grid-column:1/span 3;
    padding:10px 0px;
    grid-row:1
  }
  .template-5 .b
  {
    grid-column:1/span 3;
    padding:10px 0px;
    grid-row:2
  }
  .template-5 .c
  {
    grid-column:1/span 3;
    padding:10px 0px;
    grid-row:3
  }
  .template-5 .d
  {
    grid-column:1/span 3;
    padding:10px 0px;
    grid-row:4
  }
  .template-5 .e
  {
    grid-column:1/span 3;
    padding:10px 0px;
    grid-row:5
  }
}
#soMetroMenu .box.a
{
  text-align:center
}
.template-6
{
  display:grid;
  grid-gap:10px;
  grid-template-columns:170px 160px 216px 216px;
  color:#fff
}
.template-6 .a div,.template-6 .b div,.template-6 .d div,.template-6 .e div,.template-6 .f div
{
  flex-direction:column
}
.template-6 .a
{
  grid-column:1;
  grid-row:1/3;
  background-color:var(--menu-template-6-a-bg);
  font-weight:bold
}
.template-6 .a svg
{
  width:90px;
  height:110px;
  fill:var(--menu-template-6-a-svg)
}
.template-6 .a p
{
  margin-top:10px;
  margin-bottom:0px;
  color:var(--menu-template-6-a-svg) !important
}
.template-6 .b
{
  background-color:var(--menu-template-6-b-bg);
  grid-column:2;
  grid-row:1;
  height:160px;
  font-weight:bold
}
.template-6 .b svg
{
  width:68px;
  height:68px;
  fill:var(--menu-template-6-b-svg)
}
.template-6 .b p
{
  margin-top:10px;
  margin-bottom:0px;
  color:var(--menu-template-6-b-svg) !important
}
.template-6 .c
{
  background-color:var(--menu-template-6-c-bg);
  grid-column:3/5;
  grid-row:1;
  font-weight:bold
}
.template-6 .c svg
{
  width:68px;
  height:68px;
  fill:var(--menu-template-6-c-svg)
}
.template-6 .c p
{
  margin-left:15px;
  margin-bottom:0px;
  color:var(--menu-template-6-c-svg) !important
}
.template-6 .d
{
  background-color:var(--menu-template-6-d-bg);
  grid-column:2;
  grid-row:2;
  height:160px;
  font-weight:bold
}
.template-6 .d svg
{
  width:68px;
  height:68px;
  fill:var(--menu-template-6-d-svg)
}
.template-6 .d p
{
  margin-top:5px;
  margin-bottom:0px;
  color:var(--menu-template-6-d-svg) !important;
  text-align:center
}
.template-6 .e
{
  background-color:var(--menu-template-6-e-bg);
  grid-column:3;
  grid-row:2;
  font-weight:bold
}
.template-6 .e svg
{
  width:68px;
  height:68px;
  fill:var(--menu-template-6-e-svg)
}
.template-6 .e p
{
  margin-bottom:0px;
  color:var(--menu-template-6-e-svg) !important
}
.template-6 .f
{
  background-color:var(--menu-template-6-f-bg);
  grid-column:4;
  grid-row:2;
  font-weight:bold
}
.template-6 .f svg
{
  width:68px;
  height:68px;
  fill:var(--menu-template-6-f-svg)
}
.template-6 .f p
{
  margin-bottom:0px;
  color:var(--menu-template-6-f-svg) !important
}
@media(max-width: 952px)
{
  #soMetroMenu .template-6
  {
    width:100%
  }
  #soMetroMenu .template-6 .a,#soMetroMenu .template-6 .b,#soMetroMenu .template-6 .c,#soMetroMenu .template-6 .d,#soMetroMenu .template-6 .e,#soMetroMenu .template-6 .f
  {
    width:100%
  }
  .template-6
  {
    grid-template-columns:1fr
  }
  .template-6 .a,.template-6 .b,.template-6 .c,.template-6 .d,.template-6 .e,.template-6 .f
  {
    height:150px
  }
  .template-6 .a svg,.template-6 .b svg,.template-6 .c svg,.template-6 .d svg,.template-6 .e svg,.template-6 .f svg
  {
    width:68px;
    height:68px
  }
  .template-6 .c div,.template-6 .e div
  {
    flex-direction:column
  }
  .template-6 .c p,.template-6 .e p
  {
    margin-left:0px;
    margin-top:10px
  }
  .template-6 .a
  {
    grid-column:1/span 4;
    padding:10px 0px;
    grid-row:1
  }
  .template-6 .b
  {
    grid-column:1/span 4;
    padding:10px 0px;
    grid-row:2
  }
  .template-6 .c
  {
    grid-column:1/span 4;
    padding:10px 0px;
    grid-row:3
  }
  .template-6 .d
  {
    grid-column:1/span 4;
    padding:10px 0px;
    grid-row:4
  }
  .template-6 .e
  {
    grid-column:1/span 4;
    padding:10px 0px;
    grid-row:5
  }
  .template-6 .f
  {
    grid-column:1/span 4;
    padding:10px 0px;
    grid-row:6
  }
}
#soMetroMenu .box.a
{
  text-align:center
}
.template-7
{
  display:grid;
  grid-gap:10px;
  grid-template-columns:170px 160px 216px 216px;
  color:#fff
}
.template-7 .a div,.template-7 .b div,.template-7 .c div,.template-7 .d div,.template-7 .e div,.template-7 .f div,.template-7 .g div
{
  flex-direction:column
}
.template-7 .a
{
  grid-column:1;
  grid-row:1/3;
  background-color:var(--menu-template-7-a-bg);
  font-weight:bold
}
.template-7 .a svg
{
  width:90px;
  height:110px;
  fill:var(--menu-template-7-a-svg)
}
.template-7 .a p
{
  margin-top:10px;
  margin-bottom:0px;
  color:var(--menu-template-7-a-svg) !important
}
.template-7 .b
{
  background-color:var(--menu-template-7-b-bg);
  grid-column:2;
  grid-row:1;
  height:160px;
  font-weight:bold
}
.template-7 .b svg
{
  width:68px;
  height:68px;
  fill:var(--menu-template-7-b-svg)
}
.template-7 .b p
{
  margin-top:10px;
  margin-bottom:0px;
  color:var(--menu-template-7-b-svg) !important
}
.template-7 .c
{
  background-color:var(--menu-template-7-c-bg);
  grid-column:3;
  grid-row:1;
  font-weight:bold
}
.template-7 .c svg
{
  width:68px;
  height:68px;
  fill:var(--menu-template-7-c-svg)
}
.template-7 .c p
{
  margin-top:10px;
  margin-bottom:0px;
  color:var(--menu-template-7-c-svg) !important
}
.template-7 .d
{
  background-color:var(--menu-template-7-d-bg);
  grid-column:2;
  grid-row:2;
  height:160px;
  font-weight:bold
}
.template-7 .d svg
{
  width:68px;
  height:68px;
  fill:var(--menu-template-7-d-svg)
}
.template-7 .d p
{
  margin-top:5px;
  margin-bottom:0px;
  color:var(--menu-template-7-d-svg) !important;
  text-align:center
}
.template-7 .e
{
  background-color:var(--menu-template-7-e-bg);
  grid-column:3;
  grid-row:2;
  font-weight:bold
}
.template-7 .e svg
{
  width:68px;
  height:68px;
  fill:var(--menu-template-7-e-svg)
}
.template-7 .e p
{
  margin-bottom:0px;
  color:var(--menu-template-7-e-svg) !important
}
.template-7 .f
{
  background-color:var(--menu-template-7-f-bg);
  grid-column:4;
  grid-row:2;
  font-weight:bold
}
.template-7 .f svg
{
  width:68px;
  height:68px;
  fill:var(--menu-template-7-f-svg)
}
.template-7 .f p
{
  margin-bottom:0px;
  color:var(--menu-template-7-f-svg) !important
}
.template-7 .g
{
  background-color:var(--menu-template-7-g-bg);
  grid-column:4;
  grid-row:1;
  font-weight:bold
}
.template-7 .g svg
{
  width:68px;
  height:68px;
  fill:var(--menu-template-7-g-svg)
}
.template-7 .g p
{
  margin-top:10px;
  margin-bottom:0px;
  color:var(--menu-template-7-g-svg) !important
}
@media(max-width: 952px)
{
  #soMetroMenu .template-7
  {
    width:100%
  }
  #soMetroMenu .template-7 .a,#soMetroMenu .template-7 .b,#soMetroMenu .template-7 .c,#soMetroMenu .template-7 .d,#soMetroMenu .template-7 .e,#soMetroMenu .template-7 .f,#soMetroMenu .template-7 .g
  {
    width:100%
  }
  .template-7
  {
    grid-template-columns:1fr
  }
  .template-7 .a,.template-7 .b,.template-7 .c,.template-7 .d,.template-7 .e,.template-7 .f,.template-7 .g
  {
    height:150px
  }
  .template-7 .a svg,.template-7 .b svg,.template-7 .c svg,.template-7 .d svg,.template-7 .e svg,.template-7 .f svg,.template-7 .g svg
  {
    width:68px;
    height:68px
  }
  .template-7 .c div,.template-7 .e div
  {
    flex-direction:column
  }
  .template-7 .c p,.template-7 .e p
  {
    margin-left:0px;
    margin-top:10px
  }
  .template-7 .a
  {
    grid-column:1/span 4;
    padding:10px 0px;
    grid-row:1
  }
  .template-7 .b
  {
    grid-column:1/span 4;
    padding:10px 0px;
    grid-row:2
  }
  .template-7 .c
  {
    grid-column:1/span 4;
    padding:10px 0px;
    grid-row:3
  }
  .template-7 .d
  {
    grid-column:1/span 4;
    padding:10px 0px;
    grid-row:4
  }
  .template-7 .e
  {
    grid-column:1/span 4;
    padding:10px 0px;
    grid-row:5
  }
  .template-7 .f
  {
    grid-column:1/span 4;
    padding:10px 0px;
    grid-row:6
  }
  .template-7 .g
  {
    grid-column:1/span 4;
    padding:10px 0px;
    grid-row:6
  }
}
#soMetroMenu .box.a
{
  text-align:center
}
@media(min-width: 768px)
{
  #openPageslide
  {
    display:none
  }
}
@media(max-width: 833px)
{
  #ticket_block .message_block.right
  {
    margin-left:25px
  }
}
@media(max-width: 768px)
{
  #menu_side
  {
    display:none;
    position:fixed;
    top:0;
    left:-230px;
    height:100%;
    z-index:999999
  }
  .pageslideBg
  {
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,.6);
    z-index:9998
  }
  #openPageslide
  {
    padding:10px 15px;
    border-bottom:1px solid #000
  }
  #main_section
  {
    height:100vh;
    width:100%
  }
  #topbar .brand
  {
    display:none
  }
}
@media(min-width: 992px)
{
  .section .section-title.needs-collapse::after
  {
    display:none
  }
  .section .section-options-collapse
  {
    display:flex
  }
}
@media(min-width: 992px)
{
  #ticket_block .message_block
  {
    max-width:300px
  }
  .note-btn-group
  {
    margin:0 !important
  }
  #chat-viewer .footer
  {
    height:260px
  }
}
@media(max-width: 592px)
{
  .swal2-popup.swal2-modal
  {
    width:400px !important;
    max-width:400px !important
  }
}
@media(max-width: 975px)
{
  .responsive-container.container-fluid
  {
    padding:0 !important
  }
}
@media(min-width: 576px)
{
  .position-sm-static
  {
    position:static !important
  }
  .position-sm-relative
  {
    position:relative !important
  }
  .position-sm-absolute
  {
    position:absolute !important
  }
  .position-sm-fixed
  {
    position:fixed !important
  }
  .position-sm-sticky
  {
    position:sticky !important
  }
}
@media(min-width: 768px)
{
  .position-md-static
  {
    position:static !important
  }
  .position-md-relative
  {
    position:relative !important
  }
  .position-md-absolute
  {
    position:absolute !important
  }
  .position-md-fixed
  {
    position:fixed !important
  }
  .position-md-sticky
  {
    position:sticky !important
  }
}
@media(min-width: 992px)
{
  .position-lg-static
  {
    position:static !important
  }
  .position-lg-relative
  {
    position:relative !important
  }
  .position-lg-absolute
  {
    position:absolute !important
  }
  .position-lg-fixed
  {
    position:fixed !important
  }
  .position-lg-sticky
  {
    position:sticky !important
  }
}

/* merged: general.css */
.btn .fa,
.btn .fas
{
  color: var(--text-inside-bgColored);
}
.notifications-list .dropdown-item
{
  white-space: normal;
}
img.notifCountryImg
{
  width: 25px;
}
.offersCategoryContainer .category_card
{
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0px 3px 6px var(--menu-template-bShadow) !important;
}
.offersCategoryContainer .category_card_cod
{
  background-color: var(--menu-template-5-a-bg);
}
.offersCategoryContainer .category_card_cod p
{
  color: var(--menu-template-5-a-svg) !important;
}
.offersCategoryContainer .category_card_cod svg
{
  fill: var(--menu-template-5-a-svg);
}
.offersCategoryContainer .category_card_sweeps
{
  background-color: var(--menu-template-5-b-bg);
}
.offersCategoryContainer .category_card_sweeps p
{
  color: var(--menu-template-5-b-svg) !important;
}
.offersCategoryContainer .category_card_sweeps svg
{
  fill: var(--menu-template-5-b-svg);
}
.offersCategoryContainer .category_card_casino
{
  background-color: var(--menu-template-5-d-bg);
}
.offersCategoryContainer .category_card_casino p
{
  color: var(--menu-template-5-d-svg) !important;
}
.offersCategoryContainer .category_card_casino svg
{
  fill: none;
}
.offersCategoryContainer .category_card_casino svg .cls-2
{
  fill: var(--menu-template-5-d-svg);
}
.offersCategoryContainer .category_card_digital
{
  background-color: var(--menu-template-5-e-bg);
}
.offersCategoryContainer .category_card_digital p
{
  color: var(--menu-template-5-e-svg) !important;
}
.offersCategoryContainer .category_card_digital svg
{
  fill: var(--menu-template-5-e-svg);
}
.offersCategoryContainer .category_card_credit_card
{
  background-color: var(--menu-template-7-g-bg);
}
.offersCategoryContainer .category_card_credit_card p
{
  color: var(--menu-template-7-g-svg) !important;
}
.offersCategoryContainer .category_card_credit_card svg
{
  fill: var(--menu-template-7-g-svg);
  stroke: #3d3a81;
}
.offersCategoryContainer .category_card_egames
{
  background-color: var(--menu-template-7-f-bg);
}
.offersCategoryContainer .category_card_egames p
{
  color: var(--menu-template-7-f-svg) !important;
}
.offersCategoryContainer .category_card_egames svg
{
  fill: var(--menu-template-7-f-svg);
  stroke: #752727;
}
.offersCategoryContainer .category_card_body
{
  flex-direction: column;
}
.offersCategoryContainer .category_card p
{
  margin-top: 10px;
  margin-bottom: 0px;
}
.offersCategoryContainer .category_card svg
{
  width: 90px;
  height: 110px;
}
.dot.new-notif
{
  display: none;
}
.avaiCountryTxt
{
  font-size: 16px;
}
button.requestAccDel
{
  width: 100%;
  border-radius: 10px;
  filter: opacity(0.5);
  border: 1px solid var(--bs-gray);
  color: var(--all-offer-view-button-text-color);
  background-color: var(--all-offer-view-button-bg);
}
.tableInfoDCX2ScwMBtYuBqkbnY2njllqTiXihwyTCDOSvtbVGh .thDiv:nth-child(2),
.tableInfoDCX2ScwMBtYuBqkbnY2njllqTiXihwyTCDOSvtbVGh .tdDiv:nth-child(2),
#offer_DCX2ScwMBtYuBqkbnY2njllqTiXihwyTCDOSvtbVGh th:nth-child(2),
#offer_DCX2ScwMBtYuBqkbnY2njllqTiXihwyTCDOSvtbVGh td:nth-child(2),
.specialPanettoniOffer tr:not(:first-child)
{
  display: none;
}
#generatedNewCF7BlockCountries .chosen-container
{
  margin: 10px 0px;
  border: 2px solid var(--bs-orange);
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
.specialStatusPendingInfo
{
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  filter: brightness(0.5);
  animation: glowing 1s infinite alternate;
  -webkit-filter: brightness(0.5);
  -webkit-animation: glowing 1s infinite alternate;
}
/* FLAMYFOX POPUP */
.popupFlamyfoxContainer
{
  display: none;
  background: rgba(0, 0, 0, .4);
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.showPopupFlamyfoxContainer
{
  display: flex;
  justify-content: center;
  align-items: center;
}
.flamyfox_popups
{
  position: absolute;
  background: var(--swal-transparent-bg) !important;
  backdrop-filter: blur(5px);
  animation: 0.3s ease 0s 1 normal none running swal2-show;
  padding: 20px;
  width: 600px;
  max-width: 600px;
  z-index: 9999;
  border-radius: 12px;
  border: 1px solid var(--bs-orange);
  text-align: center;
  -webkit-animation: 0.3s ease 0s 1 normal none running swal2-show;
}
.flamyfox_popups .flamyfox-popup-header
{
  font-size: 1.875em;
}
.flamyfox_popups .swal2-icon
{
  width: 55px;
  height: 55px;
  font-size: 12px;
  margin: 5px auto;
}
.flamyfox_popups .swal2-icon .swal2-icon-content
{
  color: #9de0f6 !important;
}
.flamyfox_popups .warningContainer,
.flamyfox_popups .ffPopupWarningContainer
{
  margin: 5px auto;
}
.flamyfox_popups .dragElement
{
  position: absolute;
  top: 5px;
  left: 5px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: grab;
}
.flamyfox_popups .dragElement svg
{
  max-width: 100%;
  max-height: 100%;
  fill: var(--text-color);
}
.flamyfox_popups .flamyfox-close-btn
{
  border: none;
  color: var(--text-color);
  border-radius: 26px;
  padding: 12px 54px;
  text-transform: uppercase;
  background-color: var(--btn-main-color);
  box-shadow: -3px 3px 6px #00000063 !important;
  transition: background-color .3s ease;
  background-color: #e78f71 !important;
}
.flamyfox_popups .flamyfox-close-btn:hover
{
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
/* End of FLAMYFOX POPUPS */

.telegram_like_btn
{
  display: inline-flex;
  align-items: center;
  background-color: #0088cc;
  /* Telegram Blue */
	color: white;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 12px;
  /* Rounded corners */
	border: 3px solid white;
  /* White border */
	cursor: pointer;
  transition: background 0.3s ease-in-out, transform 0.2s ease;
}
.telegram_like_btn:hover
{
  background-color: #0077b5;
  /* Darker blue on hover */
	transform: scale(1.05);
  /* Slight zoom effect */
}
.telegram_like_btn i
{
  background: white;
  color: #0088cc;
  border-radius: 50%;
  /* Circle icon */
	padding: 10px;
  font-size: 24px;
  margin-right: 10px;
}
.bonusColumn
{
  cursor: pointer;
}
.specialStatusPendingInfo span
{
  font-size: 10px;
}
::-webkit-calendar-picker-indicator
{
  background-image: var(--inputs-dateBox);
}
div.iframeBlockWarningMessage
{
  text-align: center;
  font-weight: bold;
  color: var(--bs-danger);
  margin-bottom: 15px;
}
#topbar .actions .approved span,
#topbar .actions .pending span
{
  white-space: nowrap;
}
#notification-dropdown svg g path
{
  fill: var(--text-color);
}
#main_menu li svg,
#main_menu li svg g path
{
  fill: var(--text-color);
}
.offerSection
{
  background: transparent;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.dashboard-section
{
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
span.whitePriv
{
  font-size: 22px;
  font-weight: 500;
}
span.orangeNet
{
  color: var(--bs-orange);
  font-size: 22px;
  font-weight: 900;
}
span.ver
{
  font-size: 14px;
  font-weight: 100;
}
.privNetSec
{
  line-height: 0.7;
}
.generalDataContainer,
.mainAPContainer,
.lastTWNOrdersBlock
{
  height: fit-content;
}
div.dahsboardSecondContainer
{
  margin-top: 20px !important;
}
button.filter-top-btn
{
  background-color: var(--all-offer-btn-search-bg);
}
.po_ContainerBlock .po_section_title p,
.mainOffersBlock .section .section-title p
{
  background: var(--all-offer-title-bg);
  margin-bottom: 10px;
}
.iti--separate-dial-code .iti__selected-flag
{
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
button#register
{
  color: var(--text-color);
}
.po_ContainerBlock .po_section_title::before
{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  width: 20%;
  height: 100%;
  background-repeat: no-repeat;
  background: var(--section-title-before);
}
.po_ContainerBlock .po_section_title p
{
  margin: 0;
  padding: 15px 0px 15px 35px;
  font-size: 24px;
}
.po_ContainerBlock .po_section_title
{
  position: relative;
  pointer-events: none;
}
.po_ContainerBlock .po_section_title::before,
.section .section-title::before
{
  background-repeat: no-repeat;
}
.section.offerSection .section-title + div
{
  border: none;
}
div.soMainLeftBlock
{
  overflow-y: scroll;
  padding: 0px 8px 0px 8px !important;
}
div.offersBlock
{
  background: transparent var(--all-offer-content-bg) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029 !important;
  border-radius: 5px;
  position: relative;
  padding: 0 12px 12px 12px;
  display: table;
  height: 100%;
  width: 100%;
}
img.offerIcon
{
  width: 55px;
  position: absolute;
}
img.offerIcon.leftIcon
{
  top: -10px;
  left: 35px;
  z-index: 1;
}
img.offerIcon.rightIcon
{
  bottom: -10px;
  right: 35px;
  z-index: 1;
}
.offerTopBlock
{
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 170px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
@keyframes move-twink-back
{
  from
  {
    background-position: 0 0;
  }
  to
  {
    background-position: -10000px 5000px;
  }
}
@-webkit-keyframes move-twink-back
{
  from
  {
    background-position: 0 0;
  }
  to
  {
    background-position: -10000px 5000px;
  }
}
@-moz-keyframes move-twink-back
{
  from
  {
    background-position: 0 0;
  }
  to
  {
    background-position: -10000px 5000px;
  }
}
@-ms-keyframes move-twink-back
{
  from
  {
    background-position: 0 0;
  }
  to
  {
    background-position: -10000px 5000px;
  }
}
.nightSkyEffectBlock
{
  width: 135px;
  height: 135px;
  position: absolute;
  border-radius: 50%;
}
.stars,
.twinkling
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.stars
{
  z-index: 0;
}
.twinkling
{
  z-index: 1;
  box-shadow: var(--all-offer-star-circle-bs) !important;
  -moz-animation: move-twink-back 200s linear infinite;
  -ms-animation: move-twink-back 200s linear infinite;
  -o-animation: move-twink-back 200s linear infinite;
  -webkit-animation: move-twink-back 200s linear infinite;
  animation: move-twink-back 200s linear infinite;
}
.allOffersBlock .offerTopBlock,
.so_infoLeft .offerTopBlock
{
  background: transparent;
}
img.offerImg
{
  max-width: 100px;
  max-height: 100px;
  z-index: 1;
}
.MBliveStatsTableGeneral thead th:nth-child(9),
.MBliveStatsTableGeneral tr td:nth-child(9),
.MBliveStatsTableGeneral tfoot td:nth-child(9),
.MBliveStatsTableGeneral thead th:nth-child(10),
.MBliveStatsTableGeneral tr td:nth-child(10),
.MBliveStatsTableGeneral tfoot td:nth-child(10)
{
  display: none;
}
.MBliveStatsTableGeneral.showEPLClass thead th:nth-child(9),
.MBliveStatsTableGeneral.showEPLClass tr td:nth-child(9),
.MBliveStatsTableGeneral.showEPLClass tfoot td:nth-child(9),
.MBliveStatsTableGeneral.showEPLClass thead th:nth-child(10),
.MBliveStatsTableGeneral.showEPLClass tr td:nth-child(10),
.MBliveStatsTableGeneral.showEPLClass tfoot td:nth-child(10)
{
  display: table-cell;
}
.liveStatsTableGeneral thead th:nth-child(9),
.liveStatsTableGeneral tr td:nth-child(9),
.liveStatsTableGeneral tfoot td:nth-child(9),
.liveStatsTableGeneral thead th:nth-child(8),
.liveStatsTableGeneral tr td:nth-child(8),
.liveStatsTableGeneral tfoot td:nth-child(8)
{
  display: none;
}
.liveStatsTableGeneral.showEPLClass thead th:nth-child(9),
.liveStatsTableGeneral.showEPLClass tr td:nth-child(9),
.liveStatsTableGeneral.showEPLClass tfoot td:nth-child(9),
.liveStatsTableGeneral.showEPLClass thead th:nth-child(8),
.liveStatsTableGeneral.showEPLClass tr td:nth-child(8),
.liveStatsTableGeneral.showEPLClass tfoot td:nth-child(8)
{
  display: table-cell;
}
.form-control.form-check-input.hideBoxShadowOnElement:focus,
.form-control.form-check-input.hideBoxShadowOnElement:active,
.form-control.form-check-input.hideBoxShadowOnElement
{
  box-shadow: none !important;
  background-color: transparent;
  border: none !important;
}
input#lsTrashOrders,
input#payoutOrderBy,
input#rankOrderBy,
input#gridType,
input#activeOnly,
input#freeDeliveryForms,
input#likedOffer
{
  box-shadow: none !important;
}
input#lsTrashOrders:focus,
input#payoutOrderBy:focus,
input#rankOrderBy:focus,
input#gridType:focus,
input#activeOnly:focus,
input#freeDeliveryForms:focus,
input#likedOffer:focus
{
  background-color: transparent;
  border: none !important;
}
.isLikedOffer .likedOfferList
{
  background: var(--bs-orange) 0% 0% no-repeat padding-box;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 65% 65%;
  transition: 0.5s;
  z-index: 1;
}
.likedOfferList
{
  position: absolute;
  top: 10px;
  left: -2px;
  background: var(--all-offer-licked-bg) 0% 0% no-repeat padding-box;
  box-shadow: inset 0px 0px 9px var(--all-offer-licked-bs) !important;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 65% 65%;
  cursor: pointer;
  transition: 0.5s;
}
.likedOfferList label.likeStatusLabel
{
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#popularOffers-table .likedOfferList,
#allOffers-table .likedOfferList
{
  z-index: 10;
  left: -10px;
}
table#popularOffers-table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table#allOffers-table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before
{
  left: 90%;
}
#popularOffers-table div.offersBlock,
#allOffers-table div.offersBlock
{
  padding: 0;
  background: none;
  box-shadow: none !important;
}
#popularOffers-table .offerTopBlock,
#allOffers-table .offerTopBlock
{
  height: 140px;
}
#popularOffers-table img.offerImg,
#allOffers-table img.offerImg
{
  max-width: 130px;
  max-height: 130px;
}
#allOffers-table .nightSkyEffectBlock
{
  width: 140px;
  height: 140px;
}
table#popularOffers-table.dataTable tbody tr td,
table#allOffers-table.dataTable tbody tr td
{
  padding: 5px 20px;
}
table#popularOffers-table .offerTopBlock
{
  background-size: 55%;
}
.po_ContainerBlock,
.mainOffersBlock div.popularOffersBlock,
.mainOffersBlock div.allOffersBlock
{
  padding-top: 0;
}
/* .mainOffersBlock div.allOffersBlock div.offerCols:nth-child(1),
.mainOffersBlock div.allOffersBlock div.offerCols:nth-child(2),
.mainOffersBlock div.allOffersBlock div.offerCols:nth-child(3),
.mainOffersBlock div.allOffersBlock div.offerCols:nth-child(4),
.mainOffersBlock div.allOffersBlock div.offerCols:nth-child(5),
.mainOffersBlock div.allOffersBlock div.offerCols:nth-child(6),
.mainOffersBlock div.popularOffersBlock div.offerCols
{
  margin-top: 0 !important;
}
*/

.offerImgBlock
{
  position: relative;
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}
.btnViewOfferBlock
{
  display: table-footer-group;
  width: 100%;
}
.titleBlock
{
  display: flex;
  justify-content: center;
  align-items: center;
}
.offerInfoBlock
{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.gridTypeOfferInfoTable,
.offerInfoTable
{
  width: 100%;
}
.gridTypeOfferInfoTable .tdDiv:nth-child(1),
.gridTypeOfferInfoTable .thDiv:nth-child(1),
.offerInfoTable td:nth-child(1),
.offerInfoTable th:nth-child(1)
{
  text-align: left;
  padding-left: 10px;
}
.generalLineChartBlock
{
  height: 270px;
  box-shadow: 0px 3px 6px var(--dashboard-gicB-bs) !important;
  background-color: var(--dashboard-gicC-bg);
}
.gridTypeOfferInfoTable .tdDiv:nth-child(2),
.gridTypeOfferInfoTable .thDiv:nth-child(2),
.offerInfoTable td:nth-child(2),
.offerInfoTable th:nth-child(2)
{
  text-align: center;
  white-space: nowrap;
}
.gridTypeOfferInfoTable .tdDiv:nth-child(3),
.gridTypeOfferInfoTable .thDiv:nth-child(3),
.offerInfoTable td:nth-child(3),
.offerInfoTable th:nth-child(3)
{
  text-align: right;
  padding-right: 10px;
}
.so_DPTable.offerInfoTable td:nth-child(3),
.so_DPTable.offerInfoTable th:nth-child(3)
{
  text-align: center;
  padding: 0;
}
.so_DPTable.offerInfoTable td:last-child,
.so_DPTable.offerInfoTable th:last-child
{
  text-align: right;
  padding-right: 10px;
}
.so_DPTable.offerInfoTable td:last-child,
.so_priceTable td:nth-child(3)
{
  text-wrap: nowrap;
}
.confermaTableOfferInfo,
.gridTypeOfferInfoTable .tbodyDiv,
.gridTypeOfferInfoTable .theadDiv,
.offerInfoTable tr
{
  background: var(--all-offer-info-table-bg) 0% 0% no-repeat padding-box;
}
.gridTypeOfferInfoTable .tbodyDiv,
.offerInfoTable tbody tr
{
  border-top: 0.5px solid var(--all-offer-info-table-border-bg);
}
.gridTypeOfferInfoTable
{
  display: table;
  border: 0.5px solid var(--all-offer-info-table-border-bg);
}
.tbodyDiv,
.theadDiv
{
  display: table-row;
}
.tdDiv
{
  border-top: 0.5px solid var(--all-offer-info-table-border-bg);
}
.tdDiv,
.thDiv
{
  display: table-cell;
}
button.btn.view-offer,
button.btn.view-offer:hover,
button.btn.view-offer:focus
{
  color: var(--all-offer-view-button-text-color);
  background-color: var(--all-offer-view-button-bg);
  box-shadow: var(--all-offer-view-button-bs) !important;
  border: none;
}
.latestCampCountryBlock img.offerInfoCountryImg
{
  margin: 5px;
}
img.offerInfoCountryImg
{
  width: 27px;
}
div.payoutOrderByBlock,
div.rankOrderByBlock,
div.gridTypeCheckBlock,
div.activeOnlyBlock,
div.likedOfferCheckBlock
{
  display: flex;
  align-items: center;
}
div.payoutOrderByBlock label,
div.rankOrderByBlock label,
div.gridTypeCheckBlock label,
div.activeOnlyBlock label,
div.likedOfferCheckBlock label
{
  margin: 0;
}
.noOfferTitle
{
  text-align: center;
}
.offerPaginationBlock
{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0;
}
.offerPaginationBlock .pagination_link
{
  width: 34px;
  height: 34px;
  background: var(--all-offer-pag-uns-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 5px 5px 5px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.dataTables_wrapper .dataTables_paginate .page-link svg path,
.dataTables_wrapper .dataTables_paginate .page-link svg g
{
  fill: var(--text-color);
}
.offerPaginationBlock .activePagOffers
{
  background: var(--bs-orange);
  color: var(--text-inside-bgColored);
  cursor: context-menu;
}
.so_infoLeft
{
  background: transparent var(--section-content-bg) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px var(--all-offer-licked-bs) !important;
  border-radius: 10px;
  height: calc(100% - 86px);
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 30px;
}
.primalInfoBlock
{
  padding: 50px 0px 20px 0px;
}
.offerIndicators .so_ptitle
{
  color: var(--text-orange);
}
.offerIndicators p
{
  margin-bottom: 5px;
  font-size: 20px;
}
.so_description
{
  margin: 10px 31px;
  border-top: 1px solid var(--single-offer-description-border-bg);
  border-bottom: 1px solid var(--single-offer-description-border-bg);
  padding: 20px 0;
}
.so_descr
{
  font-weight: 300;
}
.so_infoLeft
{
  display: table;
  width: 100%;
}
.requestPaybump
{
  padding: 50px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.row.so_footerBlock .btn.so_paybumpRequest
{
  box-shadow: var(--all-offer-view-button-bs) !important;
  border-radius: 5px;
  background-color: var(--all-offer-view-button-bg);
  color: var(--all-offer-view-button-text-color);
  border: none;
}
div.so_InfoRight
{
  background: transparent var(--single-offer-container-module-bg) 0% 0% no-repeat
		padding-box;
  box-shadow: 0px 3px 6px var(--all-offer-licked-bs) !important;
  border-radius: 10px;
  width: 100%;
  height: calc(100% - 70px);
  overflow-y: scroll;
  overflow-x: hidden;
  display: none;
}
.so_TitleBlock
{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--all-offer-title-bg);
  margin-bottom: 10px;
}
.orangeSquareBtn
{
  background-color: var(--bs-orange) !important;
  color: var(--text-inside-bgColored) !important;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  border: none;
  border-radius: 5px;
  margin: 0 15px;
  padding: 6px 52px;
  cursor: pointer;
}
div.singleOfferContentBlock button.MetroMenuBackButton
{
  background-color: var(--bs-orange) !important;
  color: var(--text-inside-bgColored) !important;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  border: none;
  border-radius: 5px;
  margin: 0 15px;
  padding: 6px 52px;
  cursor: pointer;
  pointer-events: all;
}
button.MetroMenuBackButton,
#termsTraffic,
#mediaOgTags,
#redirectSubID,
#pixelsPostback,
#descriptionBlock,
#api_generated_cf7_Block,
#landingsForms
{
  display: none;
}
div.so_section-title
{
  position: relative;
  pointer-events: none;
  border-bottom: 8px solid var(--bs-orange);
  background: var(--single-offer-title-module-bg);
}
.section .so_section-title p
{
  margin: 0;
  padding: 10px 0 3px 0;
  text-align: center;
  font-size: 24px;
  border-radius: 10px 10px 0px 0px;
  background-color: var(--bs-orange);
  color: var(--text-inside-bgColored);
}
div.landingFormTableBlock
{
  padding: 10px;
}
table.so_landFormTable.externalTable td:nth-child(3),
table.so_landFormTable.externalTable th:nth-child(3)
{
  display: none;
}
table.so_DPTable td,
table.so_priceTable td,
table.so_DPTable th,
table.so_landFormTable.offerInfoTable td,
table.so_landFormTable.offerInfoTable th
{
  border-right: 2px solid var(--all-offer-info-table-border-bg);
  text-align: center;
}
table.so_DPTable td,
table.so_landFormTable.offerInfoTable td
{
  background-color: var(--all-offer-info-table-bg);
  padding: 3px;
}
table.so_priceTable th:nth-child(3),
table.so_priceTable td:nth-child(3),
table.so_DPTable th:last-child,
table.so_DPTable td:last-child,
table.so_landFormTable.offerInfoTable td:last-child,
table.so_landFormTable.offerInfoTable th:last-child
{
  border-right: none;
}
table.so_DPTable td:first-child,
table.so_priceTable td:first-child,
table.so_landFormTable.offerInfoTable td:first-child
{
  display: flex;
  justify-content: left;
}
table.so_DPTable.so_DPTable--with-top td:first-child
{
  display: table-cell;
  justify-content: initial;
  vertical-align: middle;
}
table.so_DPTable.so_DPTable--with-top td.soCountryCell
{
  display: flex;
  align-items: center;
  justify-content: left;
}
table.so_landFormTable.offerInfoTable tbody td.landTD span.linksingleoffer,
table.so_landFormTable.offerInfoTable tbody td.formTD span.linksingleoffer
{
  display: inline-flex;
  cursor: pointer;
}
.dynPayoutGeneralInfoBlock label
{
  width: 100%;
  text-align: center;
}
table.so_landFormTable.offerInfoTable tbody td.landTD div.landLinkImg
{
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  margin-left: 5px;
}
table.so_landFormTable.offerInfoTable tbody td.formTD div.frmLinkImg
{
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  margin-left: 5px;
}
table.so_DPTable .landFormCountryFlagBlock,
table.so_landFormTable.offerInfoTable .landFormCountryFlagBlock
{
  max-width: 28px;
  max-height: 18px;
  margin-right: 10px;
}
table.so_DPTable .landFormCountryFlagBlock img.landFormFlagImg,
table.so_landFormTable.offerInfoTable .landFormCountryFlagBlock img.landFormFlagImg
{
  max-width: 100%;
  max-height: 100%;
}
.linksRow .landingLinkBlock
{
  margin-bottom: 20px;
}
.linksRow .landingLinkToView
{
  padding: 50px 10px;
  border: 1px solid var(--bs-orange);
  border-radius: 10px;
  background-color: var(--inputs-bg);
  margin: 10px 0;
}
div.generatedNewCF7BlockContainerInfo,
div.generatedCF7BlockContainerInfo
{
  padding: 15px;
  position: relative;
}
.downloadJsonMake
{
  margin-top: 10px;
}
#soDescrBlock
{
  max-width: 792px;
  margin: auto;
}
.so_descr,
.generatedNewCF7BlockContainerInfo,
.generatedCF7BlockContainerInfo,
.descriptionBlockContainerInfo
{
  padding: 51px 15px;
  border: 1px solid var(--bs-orange);
  border-radius: 10px;
  background-color: var(--inputs-bg);
  margin: 10px;
  max-height: 500px;
  overflow-y: auto;
}
.linksRow .txtLinkLand
{
  position: absolute;
  left: -1000px;
  top: -1000px;
}
ul.row_statsTitle_block,
ul.row_pixelTitle_block,
ul.row_termsCondTrafficTitle_block,
ul.row_MediaTitle_block,
ul.row_redirectSubidTitle_block
{
  border: none;
}
ul.row_statsTitle_block li,
ul.row_pixelTitle_block li,
ul.row_termsCondTrafficTitle_block li,
ul.row_MediaTitle_block li,
ul.row_redirectSubidTitle_block li
{
  cursor: pointer;
}
ul.row_statsTitle_block a.nav-link,
ul.row_pixelTitle_block a.nav-link,
ul.row_termsCondTrafficTitle_block a.nav-link,
ul.row_MediaTitle_block a.nav-link,
ul.row_redirectSubidTitle_block a.nav-link
{
  margin: 0;
  padding: 10px 0 3px 0;
  text-align: center;
  font-size: 24px;
  border-radius: 10px 10px 0px 0px;
  border: none;
  color: var(--text-color);
  cursor: pointer;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
div.singleOfferContentBlock button.btn
{
  box-shadow: var(--all-offer-view-button-bs) !important;
  border-radius: 5px;
  background-color: var(--all-offer-view-button-bg);
  color: var(--all-offer-view-button-text-color);
  border: none;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
div.singleOfferContentBlock div.row.so_footerBlock .btn.so_paybumpRequest:hover,
div.singleOfferContentBlock button.btn:hover
{
  background-color: var(--bs-orange);
  color: var(--text-inside-bgColored);
}
ul.row_statsTitle_block a.nav-link:hover,
ul.row_pixelTitle_block a.nav-link:hover,
ul.row_termsCondTrafficTitle_block a.nav-link:hover,
ul.row_MediaTitle_block a.nav-link:hover,
ul.row_redirectSubidTitle_block a.nav-link:hover
{
  background-color: var(--bs-orange);
  color: var(--text-inside-bgColored);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
ul.row_statsTitle_block a.nav-link.active,
ul.row_pixelTitle_block a.nav-link.active,
ul.row_termsCondTrafficTitle_block a.nav-link.active,
ul.row_MediaTitle_block a.nav-link.active,
ul.row_redirectSubidTitle_block a.nav-link.active
{
  background-color: var(--bs-orange);
  color: var(--text-inside-bgColored);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
div.so_statistics-section,
div.so_pixelsTab-section,
div.so_redirect_subidTab-section,
div.so_MediaTab-section,
div.so_termsCondTrafficTab-section
{
  pointer-events: all;
}
div#addorder-content input,
div#addorder-content select
{
  background-color: var(--inputs-bg);
  color: var(--text-color);
  border-radius: 25px;
  border: var(--inputs-border);
  box-shadow: var(--inputs-bs) !important;
  transition: background-color 0.3s ease;
  padding-top: 12px;
  padding-bottom: 12px;
}
div.pixelPostbackContent .allpixelsBlock,
div.offerMediaContent .allpixelsBlock
{
  margin: 10px;
  background: transparent var(--single-offer-container-module-bg) 0% 0% no-repeat
		padding-box;
  box-shadow: 0px 3px 6px var(--all-offer-licked-bs) !important;
  border: 1px solid #00000000;
  border-radius: 10px;
}
div.offerMediaContent .allpixelsBlock
{
  margin-top: 10px !important;
}
div.pixelPostbackContent div.pixelsRow div.pixelTxtBlock
{
  text-align: center;
  background: var(--single-offer-inside-container-module-bg) 0% 0% no-repeat padding-box;
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  padding-top: 41px;
  padding-bottom: 15px;
}
div.redirectSubIDBlock .allpixelsBlock,
div.termsCondTrafficBlock .allpixelsBlock,
div.offerogTagsContent .allpixelsBlock
{
  margin: 10px;
  background: transparent var(--single-offer-container-module-bg) 0% 0% no-repeat
		padding-box;
  box-shadow: 0px 3px 6px var(--all-offer-licked-bs) !important;
  border: 1px solid #00000000;
  border-radius: 10px;
}
div.redirectSubIDBlock div.pixelsRow div.pixelTxtBlock
{
  text-align: center;
  background: var(--single-offer-inside-container-module-bg) 0% 0% no-repeat padding-box;
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  padding-top: 41px;
  padding-bottom: 15px;
}
#pixels div.pixelLeftBlock,
#custom_pixel div.pixelLeftBlock,
#postbackurl div.pixelLeftBlock,
#redirectBlock div.pixelLeftBlock,
#pixels .pixelCentralBtnBlock,
#custom_pixel .pixelCentralBtnBlock,
#postbackurl .pixelCentralBtnBlock,
#redirectBlock .pixelCentralBtnBlock,
#pixels div.pixelRightBlock,
#custom_pixel div.pixelRightBlock,
#redirectBlock div.pixelRightBlock,
#postbackurl div.pixelRightBlock
{
  padding: 0;
}
#pixels div.pixelLeftBlock div.pixelTxtBlock,
#postbackurl div.pixelLeftBlock div.pixelTxtBlock,
#redirectBlock div.pixelLeftBlock div.pixelTxtBlock,
#custom_pixel div.pixelLeftBlock div.pixelTxtBlock
{
  margin: 10px 5px 3px 10px;
}
#pixels div.pixelRightBlock div.pixelTxtBlock,
#postbackurl div.pixelRightBlock div.pixelTxtBlock,
#redirectBlock div.pixelRightBlock div.pixelTxtBlock,
#custom_pixel div.pixelRightBlock div.pixelTxtBlock
{
  margin: 10px 10px 3px 5px;
}
#pixels span.pixelTxt::after,
#postbackurl span.pixelTxt::after,
#redirectBlock span.pixelTxt::after,
#custom_pixel span.pixelTxt::after
{
  content: '';
  width: 100%;
  height: 13px;
  display: block;
  margin-top: 15px;
}
#pixels .pixelLabelsBlock,
#postbackurl .pixelLabelsBlock,
#redirectBlock .pixelLabelsBlock,
#custom_pixel .pixelLabelsBlock
{
  display: flex;
  align-items: center;
  padding: 10px;
}
#pixels .pixelLabelsBlock h5,
#postbackurl .pixelLabelsBlock h5,
#redirectBlock .pixelLabelsBlock h5,
#custom_pixel .pixelLabelsBlock h5
{
  margin: 0;
}
#pixels .pixelInputBlock,
#postbackurl .pixelInputBlock,
#redirectBlock .pixelInputBlock,
#custom_pixel .pixelInputBlock
{
  text-align: center;
  background: var(--single-offer-inside-container-module-bg) 0% 0% no-repeat padding-box;
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  padding-top: 41px;
  padding-bottom: 15px;
}
#custom_pixel .pixelInputBlock
{
  padding: 0;
}
#pixels div.pixelLeftBlock div.pixelInputBlock,
#postbackurl div.pixelLeftBlock div.pixelInputBlock,
#redirectBlock div.pixelLeftBlock div.pixelInputBlock,
#custom_pixel div.pixelLeftBlock div.pixelInputBlock
{
  margin: 0px 5px 3px 10px;
  height: calc(100% - 140px);
}
#pixels div.pixelRightBlock div.pixelInputBlock,
#postbackurl div.pixelRightBlock div.pixelInputBlock,
#redirectBlock div.pixelRightBlock div.pixelInputBlock,
#custom_pixel div.pixelRightBlock div.pixelInputBlock
{
  margin: 0px 10px 3px 5px;
  height: calc(100% - 140px);
  display: flex;
  justify-content: center;
  align-items: center;
}
#redirectBlock div.pixelLeftBlock div.pixelInputBlock
{
  height: calc(100% - 170px) !important;
  margin: 0px 5px 10px 10px;
}
#redirectBlock div.pixelRightBlock div.pixelInputBlock
{
  height: calc(100% - 170px) !important;
  margin: 0px 10px 10px 5px;
}
#redirectBlock div.allpixelsBlock div.pixelsRow div.offer_redirect_exist_block
{
  display: flex !important;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.notchr
{
  width: 30px;
  height: 30px;
  margin: 0px 10px;
  cursor: pointer;
}
.notchr input
{
  opacity: 0;
}
.pixel_idInputBlock,
div.termsCondTrafficContent div.trafficMainBlock .trafficBlock,
div.offerogTagsContent div.agTagsMainBlock .col-12
{
  padding: 10px;
  text-align: left;
}
div.termsCondTrafficContent div.termsAndCondMainBlock .termsAndCondBlock,
div.termsCondTrafficContent div.trafficMainBlock .trafficBlock
{
  text-align: left;
  max-height: 100%;
  overflow-y: auto;
}
div.termsCondTrafficContent div.trafficMainBlock .trafficBlock
{
  padding: 10px;
}
div.termsCondTrafficContent div.termsAndCondMainBlock .termsAndCondBlock
{
  padding: 10px 30px;
  font-weight: 300;
}
.pixel_idInputBlock input,
#subidBlock div.subidMainBlock div.pixelsRow table input.subids,
.eventcol input,
.agTagsMainBlock input,
#og-offer_image,
.valuecol input
{
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  border-radius: 5px;
}
#subidBlock div.subidMainBlock div.pixelsRow table input.subids,
.agTagsMainBlock input
{
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.selectedPixelTxt,
.selectedPixel
{
  font-weight: 300;
  letter-spacing: 0.4px;
}
.pixelfbBlockif
{
  display: flex;
  justify-content: center;
  align-items: center;
}
.pixelfbBlockif .col-6
{
  padding: 10px;
  font-weight: 300;
  letter-spacing: 0.4px;
}
div.thxpageviewBlock
{
  display: inline-grid;
}
div.thxpageviewBlock .notchr
{
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  position: relative;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 187px;
  height: 37px;
  margin: 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
div.thxpageviewBlock .notchr input
{
  position: absolute;
}
div.thxpageviewBlock .notchr:hover,
div.thxpageviewBlock .checkedLocationLabel,
.pixelControlBtn:hover
{
  background-color: var(--bs-orange);
  color: var(--text-inside-bgColored);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
div.thxpageviewBlock .notchrpageview
{
  margin: 41px 0 0 0;
}
div.pixelsRow
{
  height: calc(100% - 16px);
}
div.pixelLabelsBlock label.labeltitlechange
{
  cursor: pointer;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
div.pixelLabelsBlock label.checkedTypeLabel,
div.pixelLabelsBlock label.labeltitlechange:hover
{
  filter: none;
  -webkit-filter: none;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.btnPixelBlock
{
  margin: 0 10px 10px 10px;
  background: var(--single-offer-inside-container-module-bg) 0% 0% no-repeat padding-box;
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px 0;
}
button.btn.custom-btn
{
  color: var(--text-color);
}
button.btn.custom-btn,
div.btnPixelBlock button.pixelControlBtn,
button.savePixelsSettings,
button.viewAllMedia,
button.downloadAllMediaZip,
button.saveCustomPixelsSettings,
button.deleteCustomPixelsSettings,
button.savePostbackSettings,
button.deletePostbackSettings,
#subidBlock div.subidMainBlock div.pixelsRow button.add-new-subid,
#subidBlock div.subidMainBlock div.pixelsRow button.remove-subid,
div.saveSubidSettingsBlock button.savesubidsSettings,
div.saveogTagsSettingsBlock button.saveogTagsSettings,
div.saveogTagsSettingsBlock button.removeogTagsSettings,
#redirectBlock div button.btn
{
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  background-color: var(--single-offer-inside-container-module-bg) !important;
  border: none;
  border-radius: 5px;
  margin: 0 15px;
  padding: 6px 52px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
button.btn.custom-btn:hover,
div.btnPixelBlock button.pixelControlBtn:hover,
button.savePixelsSettings:hover,
button.viewAllMedia:hover,
button.downloadAllMediaZip:hover,
button.saveCustomPixelsSettings:hover,
button.deleteCustomPixelsSettings:hover,
button.savePostbackSettings:hover,
button.deletePostbackSettings:hover,
#subidBlock div.subidMainBlock div.pixelsRow button.add-new-subid:hover,
#subidBlock div.subidMainBlock div.pixelsRow button.remove-subid:hover,
div.saveSubidSettingsBlock button.savesubidsSettings:hover,
div.saveogTagsSettingsBlock button.saveogTagsSettings:hover,
div.saveogTagsSettingsBlock button.removeogTagsSettings:hover,
#redirectBlock div button.btn:hover
{
  background-color: var(--bs-orange) !important;
  color: var(--text-inside-bgColored);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
button.btn.ff_btn_danger
{
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  color: var(--text-inside-bgColored) !important;
  background-color: #dc3545 !important;
  border: none;
  border-radius: 5px;
  margin: 0 15px;
  padding: 6px 52px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
button.btn.ff_btn_danger:active,
button.btn.ff_btn_danger:focus,
button.btn.ff_btn_danger:hover
{
  background-color: #bb2d3b !important;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
div.generalPixelTestBlock
{
  margin-top: 0 !important;
  padding: 10px;
}
div.generalPixelTestBlock div.pixelTestLeftPart
{
  background: var(--single-offer-inside-container-module-bg) 0% 0% no-repeat padding-box;
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  padding: 10px;
}
div.generalPixelTestBlock div.pixelTestLeftPart span
{
  font-weight: 300;
}
div.generalPixelTestBlock div.pixelTestLeftPart span b
{
  font-weight: 900;
}
div.pixelTestRightPart
{
  padding: 0 0 0 3px;
}
div.pixelTestRightPart div.linkTestPixelBlock
{
  background: var(--single-offer-inside-container-module-bg) 0% 0% no-repeat padding-box;
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  padding: 10px;
  height: 100%;
}
div.pixelTestRightPart div.linkTestPixelBlock div.row
{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
}
div.pixelTestRightPart div.linkTestPixelBlock div.pixelTestImgBlock
{
  width: 80px;
  height: 80px;
}
div.pixelTestRightPart div.linkTestPixelBlock div.centerElements
{
  display: flex;
  justify-content: center;
  align-items: center;
}
.colorYellow
{
  color: #ffce50;
}
div.pixelTestRightPart div.linkTestPixelBlock p
{
  margin: 0;
  font-weight: 300;
}
div.saveSettingsBlock,
div.saveogTagsSettingsBlock,
div.viewAllMediaBlock,
div.saveSubidSettingsBlock
{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0 20px 0;
}
div.downloadAllOfferMediaDiv button.downloadAllMediaZip
{
  border: 2px solid var(--bs-orange);
  padding: 6px 30px;
}
div.downloadAllOfferMediaDiv
{
  margin-top: 10px;
}
div.saveSettingsBlock button.savePixelsSettings,
div.viewAllMediaBlock button.viewAllMedia,
div.downloadAllOfferMediaDiv button.downloadAllMediaZip,
div.saveSettingsBlock button.saveCustomPixelsSettings,
div.saveSettingsBlock button.deleteCustomPixelsSettings,
div.saveSettingsBlock button.savePostbackSettings,
#subidBlock div.subidMainBlock div.pixelsRow button.add-new-subid,
#subidBlock div.subidMainBlock div.pixelsRow button.remove-subid,
div.saveSubidSettingsBlock button.savesubidsSettings,
div.saveogTagsSettingsBlock button.saveogTagsSettings,
div.saveogTagsSettingsBlock button.removeogTagsSettings,
div.saveSettingsBlock button.deletePostbackSettings
{
  margin: auto;
}
.customPixelCode,
.postbackCode
{
  box-shadow: inset 0px 0px 7px #000000 !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
}
#postbackurl .thxpageviewBlock
{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
}
#postbackurl .postbackWayBlock
{
  display: flex;
  justify-content: center;
  align-items: center;
}
#postbackurl div.pixelLeftBlock div.pixelInputBlock,
#redirectBlock .pixelInputBlock
{
  padding: 0;
}
#postbackurl .useGlobalPostbackLabel
{
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 280px;
  margin: 10px auto;
}
#postbackurl .useGlobalPostbackLabel input#useGlobalPostBack
{
  box-shadow: none !important;
  margin: 0;
}
span.pixelTxt,
#redirectBlock span
{
  font-weight: 300;
}
#redirectBlock .pixelInputBlock select.form-control,
#redirectBlock .pixelInputBlock .chosen-container
{
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
  padding: 5px;
}
#redirectBlock .pixelInputBlock .chosen-container a.chosen-single
{
  padding: 5px !important;
  background-color: transparent !important;
  border: none !important;
}
#redirectBlock .createOfferRedirectBlock,
#redirectBlock .createFormRedirectBlock
{
  margin-top: 10px;
  text-align: center;
}
#redirectBlock div button.btn,
#subidBlock div.subidMainBlock div.pixelsRow button.add-new-subid
{
  background-color: var(--bs-orange) !important;
  color: var(--text-inside-bgColored);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
button#download-landing:hover div,
button#download-landing:hover i
{
  color: var(--text-inside-bgColored);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.so_form_redirect_part .chosen-container-single .chosen-single,
.so_offer_redirect_part .chosen-container-single .chosen-single
{
  box-shadow: none !important;
}
.chosen-container ul.chosen-choices,
.chosen-container-single .chosen-single
{
  box-shadow: var(--inputs-bs) !important;
}
#redirectBlock div button.btn:hover,
#subidBlock div.subidMainBlock div.pixelsRow button.add-new-subid:hover
{
  background-color: #141413 !important;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
#redirectBlock div.pixelRightBlock div.pixelInputBlock
{
  padding: 10px;
  text-align: left;
  display: block !important;
}
#redirectBlock .createOfferRedirectBlock
{
  margin-top: 78px;
}
#subidBlock .subidMainBlock,
div.termsCondTrafficContent div.termsAndCondMainBlock,
div.termsCondTrafficContent div.trafficMainBlock,
#ogTagsBlock div.agTagsMainBlock
{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
#subidBlock div.subidMainBlock div.pixelsRow,
div.termsCondTrafficContent div.termsAndCondMainBlock div.pixelsRow,
div.termsCondTrafficContent div.trafficMainBlock div.pixelsRow,
#ogTagsBlock div.agTagsMainBlock div.pixelsRow
{
  text-align: center;
  background: var(--single-offer-inside-container-module-bg) 0% 0% no-repeat padding-box;
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  width: 100%;
  height: 100%;
}
#subidBlock div.subidMainBlock div.pixelsRow table tr.makeBordertr
{
  border-top: 2px solid var(--bs-orange) !important;
}
.subid_warn
{
  font-weight: 300;
}
#og-offer_image
{
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
ul.allowedTrafficList
{
  list-style: none;
  padding-left: 0;
}
ul.allowedTrafficList li.trafficListEl
{
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: 5px;
  font-weight: 300;
}
ul.allowedTrafficList li.trafficListEl div
{
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.offerMediaContent h5
{
  display: flex;
  justify-content: left;
  align-items: center;
  margin: 0;
}
.medscaricareblock div.dowloadIconDiv
{
  margin: auto;
  height: 44px;
  width: 36px;
}
.offerMediaContent .pixelTestLeftPart div.dowloadIconDiv
{
  margin-left: 10px;
}
div.dowloadIconDiv
{
  width: 20px;
  height: 35px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.imgmedblock
{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  height: 132px;
  position: relative;
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
}
.imgmedblock .mediaimage
{
  max-height: 90%;
  max-width: 90%;
}
.medscaricareblock
{
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: rgba(220, 117, 0, 0.8);
  width: 100%;
  height: 0;
  border-radius: 5px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.imgmedblock:hover .medscaricareblock
{
  display: flex;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  height: 100%;
}
.medscaricareblock span
{
  margin: auto;
  letter-spacing: 0.52px;
  font-size: 20px;
  color: var(--text-inside-bgColored);
}
.medscaricareblock a
{
  text-decoration: none !important;
}
#MediaBlock .so_downloadMediaTxtBlock
{
  display: flex;
  justify-content: left;
  align-items: center;
}
#tns1-ow
{
  padding: 15px 0 !important;
}
.viewOfferMediaGallery .col-4
{
  margin-top: 20px;
}
.viewOfferMediaGallery .imgmedblock
{
  height: 350px;
  width: 100%;
}
.viewOfferMediaGallery video
{
  width: 90%;
}
.topOffersBlock
{
  background-color: var(--dashboard-t20o-bg);
}
.topOffersBlock p
{
  font-size: 14px;
}
.topOffersBlock .popularity
{
  width: 100px;
}
#revenue-table,
#total-masterPart,
#total-canceled,
#total-confirmed,
#total-pending,
#total-payoutMade,
#total-leads,
.mainNewsContainer,
.mainNewsContainer,
.viewWeekPerformBlock,
.viewLatestCampaignsBlock,
.lastTWNOrdersContainer,
.mainAPContainer,
#generalData,
#generalChartData,
.landingFormTableBlock,
#pixels,
#custom_pixel,
#postbackurl,
#redirectBlock,
#subidBlock,
#MediaBlock,
#ogTagsBlock,
#termsCondBlock,
#trafficBlock
{
  position: relative;
}
.dashboard-section
{
  background: none;
}
.mobileTimeSelectorBlock.dropdown
{
  position: initial;
}
.monthSelectBlock.dropdown
{
  margin-left: 20px;
  position: initial;
}
.mobileTimeSelectorBlock.dropdown ul.actions.dropdown-menu
{
  right: 10px !important;
}
.mobileTimeSelectorBlock.dropdown ul.actions.dropdown-menu,
.monthSelectBlock.dropdown ul.actions.dropdown-menu
{
  max-width: 240px;
}
.mobileTimeSelectorBlock.dropdown a.dropdown-item,
.monthSelectBlock.dropdown a.dropdown-item
{
  padding: 0;
}
.selectByListTime
{
  overflow-x: auto;
}
.generalTimeSelectorBlock .selectByListTime .mobileTimeSelectorBlock .timeSelectorBlock
{
  margin-top: 0;
  margin-bottom: 0;
}
.generalTimeSelectorBlock .selectByListTime .mobileTimeSelectorBlock .timeSelectorBlock,
.generalTimeSelectorBlock .selectByListTime .monthSelectBlock .timeSelectorBlock
{
  margin-left: 0;
}
.generalTimeSelectorBlock .selectByListTime .mobileTimeSelectorBlock .timeSelectorBlock label.timeSelectorLabel,
.generalTimeSelectorBlock .selectByListTime .monthSelectBlock .timeSelectorBlock label.timeSelectorLabel
{
  width: 100%;
  height: 100%;
  box-shadow: none !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.generalTimeSelectorBlock .selectByListTime .mobileTimeSelectorBlock .timeSelectorBlock label.timeSelectorLabel:hover,
.generalTimeSelectorBlock .selectByListTime .monthSelectBlock .timeSelectorBlock label.timeSelectorLabel:hover
{
  background-color: transparent;
  box-shadow: none !important;
}
.generalTimeSelectorBlock,
.selectByListTime,
.generalDataViewBlock,
.generalDataViewContainer
{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.generalTimeSelectorBlock .selectByListTime .timeSelectorBlock
{
  display: flex;
  justify-content: center;
  margin-left: 20px;
  align-items: center;
}
.generalTimeSelectorBlock
	.selectByListTime
	.timeSelectorBlock
	label.timeSelectorLabel.checkedTimeSelectorLabel
	span,
.generalTimeSelectorBlock
	.selectByListTime
	.timeSelectorBlock
	label.timeSelectorLabel:hover
	span
{
  color: var(--text-inside-bgColored);
}
.generalTimeSelectorBlock
	.selectByListTime
	.timeSelectorBlock
	label.timeSelectorLabel
	span
{
  cursor: pointer;
  letter-spacing: 0.63px;
  color: var(--text-color);
  text-transform: uppercase;
}
button#mobileTimeSelectorQuickActions,
button#monthQuickActions,
.generalTimeSelectorBlock .selectByListTime .timeSelectorBlock label.timeSelectorLabel
{
  cursor: pointer;
  background-color: var(--dashboard-gic-btn-bg);
  box-shadow: inset 0px 1px 4px var(--dashboard-gic-btn-bs) !important;
  border-radius: 34px;
  padding: 5px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
button#mobileTimeSelectorQuickActions:hover,
button#monthQuickActions:hover,
.generalTimeSelectorBlock
	.selectByListTime
	.timeSelectorBlock
	label.timeSelectorLabel.checkedTimeSelectorLabel,
.generalTimeSelectorBlock
	.selectByListTime
	.timeSelectorBlock
	label.timeSelectorLabel:hover
{
  background-color: var(--bs-orange);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
button#mobileTimeSelectorQuickActions,
button#monthQuickActions
{
  border: none;
  color: var(--text-color);
}
button#mobileTimeSelectorQuickActions:hover,
button#monthQuickActions:hover
{
  color: var(--text-inside-bgColored);
}
.mobileTimeSelectorBlock:has(.checkedTimeSelectorLabel) button#mobileTimeSelectorQuickActions,
.monthSelectBlock:has(.checkedTimeSelectorLabel) button#monthQuickActions
{
  background-color: var(--bs-orange);
}
.generalTimeSelectorBlock .selectByListTime .timeSelectorBlock label input
{
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
.generalDataViewBlock .generalDataViewContainer
{
  width: 100%;
  padding: 20px 10px;
  overflow-y: hidden;
  overflow-x: scroll;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s;
  user-select: none;
  position: relative;
  scroll-behavior: auto;
}
.generalDataViewContainer.active
{
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
.generalDataViewBlock
{
  background: var(--section-content-horBG);
  margin-top: 20px !important;
  overflow: hidden;
  scroll-behavior: auto;
  box-shadow: 0px 3px 6px var(--dashboard-gicB-bs) !important;
}
.generalDataViewContainer .iconBlock
{
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.generalDataViewContainer .gdClicksBlock .iconBlock
{
  background-image: var(--dashboard-gic-img-click);
}
.generalDataViewContainer .gdLeadsBlock .iconBlock
{
  background-image: var(--dashboard-gic-img-leads);
}
.generalDataViewContainer .gdCRBlock .iconBlock,
.generalDataViewContainer .gdEPCBlock .iconBlock
{
  background-image: var(--dashboard-gic-img-crEpc);
}
.generalDataViewContainer .gdPayoutBlock .iconBlock
{
  background-image: var(--dashboard-gic-img-payout);
}
.gd_container
{
  width: 135px;
  height: 135px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 25px;
  position: relative;
  pointer-events: none;
}
.gi_insideCircle
{
  display: flex;
  flex-wrap: wrap;
  width: 85px;
  height: 85px;
  background-color: var(--dashboard-gic-bg);
  border-radius: 50%;
  z-index: 1;
  box-shadow: 0px 0px 6px var(--dashboard-gic-bs) !important;
}
.crEpcMixedBlock .crNumber
{
  line-height: 0.3;
}
.crEpcMixedBlock .epcTxt,
.crEpcMixedBlock .crNumber,
.crEpcMixedBlock .epcNumber
{
  font-size: 14px;
}
.gi_iconBlock,
.clicksTxt,
.clicksNumber,
.leadsTxt,
.leadsNumber,
.crTxt,
.crNumber,
.epcTxt,
.epcNumber,
.payoutTxt,
.payoutNumber
{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.gi_iconBlock .arrow
{
  width: 12px;
  height: 24px;
  margin-left: 10px;
}
.gi_iconBlock .thisGenInfIsEqual
{
  width: 15px;
  height: 15px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.thisGenInfIsUp
{
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.thisGenInfIsDown
{
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
#generalChartData
{
  margin-top: 20px;
}
div.mainAPContainer
{
  padding: 0px 10px 0px 20px;
}
.approvedPendingPayoutBlock
{
  width: 100%;
  height: auto;
  background: transparent linear-gradient(90deg, #242729 0%, #15161780 46%, #242729 100%)
		0% 0% no-repeat padding-box;
  justify-content: center;
  align-items: center;
  padding: 25px 0;
}
.approvedPayoutBlock,
.pendingPayoutBlock
{
  display: grid;
  justify-content: center;
}
@keyframes spin-circleGalaxy
{
  0%
  {
    transform: rotate(0deg) scale(1);
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
  }
  50%
  {
    transform: rotate(180deg) scale(1.1);
    -webkit-transform: rotate(180deg) scale(1.1);
    -moz-transform: rotate(180deg) scale(1.1);
    -ms-transform: rotate(180deg) scale(1.1);
    -o-transform: rotate(180deg) scale(1.1);
  }
  100%
  {
    transform: rotate(360deg) scale(1);
    -webkit-transform: rotate(360deg) scale(1);
    -moz-transform: rotate(360deg) scale(1);
    -ms-transform: rotate(360deg) scale(1);
    -o-transform: rotate(360deg) scale(1);
  }
}
@keyframes spin-circle
{
  0%
  {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100%
  {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes spin-circle-reverse
{
  0%
  {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
  100%
  {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
}
.wrap_apData
{
  width: 155px;
  height: 155px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #151617;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  box-shadow: inset 0px 0px 6px #000000, 0px 0px 9px #64615e !important;
}
.approvedTitleTxt,
.pendingTitleTxt
{
  letter-spacing: 0px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 0 0;
}
.pendingTitleTxt
{
  margin: 0;
}
.approvedMainBlock,
.pendingMainBlock
{
  width: 75%;
  height: 75%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: inset 0px 0px 3px #000000c4 !important;
  font-size: 23px;
  font-weight: bold;
}
.rotationParticionAP
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
  animation: spin-circle 4s ease-in-out infinite;
  -webkit-animation: spin-circle 4s ease-in-out infinite;
}
.rotationParticionAPtest1
{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 110%;
  background-position: center;
  background-repeat: no-repeat;
  animation: spin-circleGalaxy 20s linear infinite;
  -webkit-animation: spin-circleGalaxy 20s linear infinite;
}
.rotationParticionAPtest2
{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 110%;
  background-position: center;
  background-repeat: no-repeat;
  animation: spin-circleGalaxy 10s linear infinite;
  -webkit-animation: spin-circleGalaxy 10s linear infinite;
}
.rotationParticionAPtest3
{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 110%;
  background-position: center;
  background-repeat: no-repeat;
  animation: spin-circle-reverse 25s linear infinite;
  -webkit-animation: spin-circle-reverse 25s linear infinite;
}
.multidotsBlock
{
  width: 240px;
  height: 220px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.expoBannerTitleContainer div.lastTWNOrders-title .twnOrdersTitleBackS,
div.mainAPContainer .topTWNOffers-title .twnOrdersTitleBackS,
div.mainNewsContainer .latestNews-title .twnOrdersTitleBackS,
div.lastTWNOrdersContainer div.lastTWNOrders-title .twnOrdersTitleBackS,
div.weekPerformContainer div.weekPerform-title .twnOrdersTitleBackS,
div.latestCampaignsContainer div.latestCampaigns-title .twnOrdersTitleBackS
{
  position: absolute;
  top: 0;
  right: 0;
  width: 65%;
  height: 90%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: right;
}
div.expoBannerTitleContainer div.lastTWNOrders-title .twnOrdersTitleBack,
div.mainAPContainer .topTWNOffers-title .twnOrdersTitleBack,
div.mainNewsContainer .latestNews-title .twnOrdersTitleBack,
div.lastTWNOrdersContainer div.lastTWNOrders-title .twnOrdersTitleBack,
div.weekPerformContainer div.weekPerform-title .twnOrdersTitleBack,
div.latestCampaignsContainer div.latestCampaigns-title .twnOrdersTitleBack
{
  position: absolute;
  top: 0;
  left: 0;
  width: 65%;
  height: 90%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left;
}
div.expoBannerTitleContainer div.lastTWNOrders-title,
div.mainAPContainer .topTWNOffers-title,
div.mainNewsContainer .latestNews-title,
div.lastTWNOrdersContainer div.lastTWNOrders-title,
div.weekPerformContainer div.weekPerform-title,
div.latestCampaignsContainer div.latestCampaigns-title
{
  text-align: center;
  padding: 10px 0;
  font-size: 20px;
  background: var(--section-title-bg);
  position: relative;
}
.expoBannerTitleContainer .viewLastTwnOrdersBlock,
.blockForNewsContainer,
.blockForNoNewsContainer,
.viewLatestCampaignsBlock,
.lastTWNOrdersContainer .viewLastTwnOrdersBlock
{
  background: var(--section-title-bg);
}
div.weekPerformContainer div.weekPerform-title .twnOrdersTitleBackS,
div.weekPerformContainer div.weekPerform-title .twnOrdersTitleBack
{
  width: 40%;
}
div.latestCampaignsContainer div.latestCampaigns-title .twnOrdersTitleBackS,
div.latestCampaignsContainer div.latestCampaigns-title .twnOrdersTitleBack
{
  width: 55%;
}
/*div.weekPerformCol
{
  padding-left: 20px !important;
}
*/
.lastTwnOCountryImg
{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  width: 55px;
  height: 55px;
}
.lastTwnO_countryBlock
{
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: inset 0px 0px 6px #000000, 0px 0px 9px #64615e !important;
  border-radius: 50%;
  position: relative;
  margin: 15px auto;
}
.lastTwnO_spin
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  border-left: 2px solid var(--bs-orange);
  border-right: 2px solid var(--bs-orange);
  border-radius: 50%;
  animation: spin-circle 10s linear infinite;
  -webkit-animation: spin-circle 10s linear infinite;
}
.newsBlock,
.viewWeekPerformBlock,
.viewLatestCampaignsBlock,
.lastTWNOrdersContainer .viewLastTwnOrdersBlock
{
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
}
/* .lastTWNOrdersContainer .viewLastTwnOrdersBlock
{
  max-height: 241px;
}
*/

.newsBlock .blockForNewsContainer,
.viewLatestCampaignsBlock .col-12,
.lastTWNOrdersContainer .viewLastTwnOrdersBlock .col-12
{
  background-color: var(--dashboard-lastOr-bg);
}
.newsBlock .blockForNewsContainer:nth-child(even),
.viewLatestCampaignsBlock .col-12:nth-child(even),
.lastTWNOrdersContainer .viewLastTwnOrdersBlock .col-12:nth-child(even)
{
  background-color: transparent;
}
.lastTwnOColBlock,
.lastTwnOInfoBlock
{
  display: flex;
  justify-content: left;
  align-items: center;
}
.viewLastTwnOrdersBlock .multidotsBlock
{
  width: 80px;
  height: 70px;
}
.viewLastTwnOrdersBlock .wrap_apData
{
  width: 60px;
  height: 60px;
}
.lastTwnOPayoutBlock
{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.TWN_multidotsBlock
{
  width: 120px;
  height: 120px;
}
.TWN_multidotsBlock,
.TWN_rotationLastLayer,
.TWN_rotationFiveLayer,
.TWN_rotationFourLayer,
.TWN_rotationThreeLayer,
.TWN_wrap_Data
{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.TWN_rotationLastLayer
{
  width: 95px;
  height: 95px;
}
.TWN_rotationFiveLayer
{
  width: 85px;
  height: 85px;
}
.TWN_rotationFourLayer
{
  width: 80px;
  height: 80px;
}
.TWN_rotationThreeLayer
{
  width: 75px;
  height: 75px;
}
.TWN_wrap_Data
{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: var(--dashboard-lastOr-circle-bg);
  box-shadow: inset 0px 0px 6px var(--dashboard-lastOr-circle-bs) !important;
}
.TWN_rotationParticionLast,
.TWN_rotationParticionFive,
.TWN_rotationParticionFour,
.TWN_rotationParticionThree,
.TWN_rotationParticion
{
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
}
.TWN_rotationParticionFive,
.TWN_rotationParticionThree
{
  animation: spin-circle-reverse 4s linear infinite;
  -webkit-animation: spin-circle-reverse 4s linear infinite;
}
.TWN_rotationParticionLast,
.TWN_rotationParticionFour,
.TWN_rotationParticion
{
  animation: spin-circle 4s linear infinite;
  -webkit-animation: spin-circle 4s linear infinite;
}
.latestCampBlock
{
  background-image: var(--dashboard-t20o-img);
}
.latestCampBlock
{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.latestCampOffersImg
{
  width: 200px;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
img.latestCampImg
{
  max-width: 110px;
  max-height: 110px;
}
.col-5.latestCampInfoBlock
{
  display: flex;
  align-items: center;
}
.latestCampOPayoutMaxBlock
{
  display: flex;
  justify-content: center;
  align-items: center;
}
/* .col-3.latestCampOPayoutMaxBlock
{
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
*/

.latestCampOPayoutMax
{
  font-size: 20px;
  text-align: center;
  color: var(--text-orange);
}
.latestCampOPayoutMax span
{
  font-size: 16px;
  color: var(--text-color);
}
.latestCampOName
{
  font-size: 20px;
  font-style: italic;
}
.viewWeekPerformBlock
{
  background-image: url('/assets/img/weekPerfBack.svg');
  background-color: var(--dashboard-weekPerf-bg);
  height: 100%;
}
div.showThisWeekDayContainer,
div.showAllWeekDaysContainer
{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  padding-top: 25px !important;
}
div.weekDayPerformBlock
{
  width: calc(100% / 7);
  height: 145px;
  margin: 0 5px;
  position: relative;
}
.dayOfTheWeek
{
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--dashboard-weekPerf-fw);
}
.showThisWeekDayContainer .day-dayWrap
{
  cursor: auto;
  background-image: none;
}
.day-dayWrap
{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-image: var(--dashboard-weekPerf-img);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 99% 60%;
}
.day-dayWrap .performanceBlockOfWeek
{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  height: 42px;
  box-shadow: 0px 3px 7px #00000080 !important;
  background-color: var(--bs-orange);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}
div.showThisWeekDayContainer
{
  padding-top: 70px !important;
}
.showThisWeekDayContainer .day-dayWrap .performanceBlockCount
{
  height: 91px;
  width: 100%;
  display: table;
  align-items: center;
  justify-content: center;
  top: -45px;
}
.showThisWeekDayContainer .day-dayWrap .performanceBlockCount span.amountWP
{
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 65px;
  color: var(--text-inside-bgColored);
  text-shadow: 0px 3px 6px var(--dashboard-weekPerf-ts);
}
.showThisWeekDayContainer .day-dayWrap .performanceBlockCount span.txtWP
{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: var(--text-inside-bgColored);
}
/* WEEK PERFORM LEVEL WIDTH ZERO EARN */
div.day-dayWrap.zeroLevelEarn div.performanceBlockCount
{
  top: 55px !important;
}
div.day-dayWrap.zeroLevelEarn div.performanceBlockOfWeek:nth-child(1)
{
  top: 60px !important;
}
div.day-dayWrap.zeroLevelEarn div.performanceBlockOfWeek:nth-child(2),
div.day-dayWrap.zeroLevelEarn div.performanceBlockOfWeek:nth-child(3),
div.day-dayWrap.zeroLevelEarn div.performanceBlockOfWeek:nth-child(4),
div.day-dayWrap.zeroLevelEarn div.performanceBlockOfWeek:nth-child(5),
div.day-dayWrap.zeroLevelEarn div.performanceBlockOfWeek:nth-child(6)
{
  display: none;
}
div.day-Selected div.day-dayWrap.zeroLevelEarn div.performanceBlockOfWeek:nth-child(1)
{
  top: 70px !important;
}
div.day-Selected div.day-dayWrap.zeroLevelEarn div.performanceBlockCount
{
  top: 20px !important;
}
/* End of WEEK PERFORM LEVEL WIDTH ZERO EARN */

/* WEEK PERFORM LEVEL WIDTH 2 PLACE */
div.day-dayWrap.levelEarn_2 div.performanceBlockCount
{
  top: 5px;
}
div.day-dayWrap.levelEarn_2 div.performanceBlockOfWeek:nth-child(1)
{
  top: 10px;
}
div.day-dayWrap.levelEarn_2 div.performanceBlockOfWeek:nth-child(2)
{
  top: 20px;
}
div.day-dayWrap.levelEarn_2 div.performanceBlockOfWeek:nth-child(3)
{
  top: 30px;
}
div.day-dayWrap.levelEarn_2 div.performanceBlockOfWeek:nth-child(4)
{
  top: 40px;
}
div.day-dayWrap.levelEarn_2 div.performanceBlockOfWeek:nth-child(5)
{
  top: 50px;
}
div.day-dayWrap.levelEarn_2 div.performanceBlockOfWeek:nth-child(6)
{
  top: 60px;
}
div.day-dayWrap.levelEarn_2 div.performanceBlockOfWeek:nth-child(7)
{
  display: none;
}
/* End of WEEK PERFORM LEVEL WIDTH 2 PLACE */

/* WEEK PERFORM LEVEL WIDTH 3 PLACE */
div.day-dayWrap.levelEarn_3 div.performanceBlockCount
{
  top: 15px;
}
div.day-dayWrap.levelEarn_3 div.performanceBlockOfWeek:nth-child(1)
{
  top: 20px;
}
div.day-dayWrap.levelEarn_3 div.performanceBlockOfWeek:nth-child(2)
{
  top: 30px;
}
div.day-dayWrap.levelEarn_3 div.performanceBlockOfWeek:nth-child(3)
{
  top: 40px;
}
div.day-dayWrap.levelEarn_3 div.performanceBlockOfWeek:nth-child(4)
{
  top: 50px;
}
div.day-dayWrap.levelEarn_3 div.performanceBlockOfWeek:nth-child(5)
{
  top: 60px;
}
div.day-dayWrap.levelEarn_3 div.performanceBlockOfWeek:nth-child(6)
{
  display: none;
}
div.day-dayWrap.levelEarn_3 div.performanceBlockOfWeek:nth-child(7)
{
  display: none;
}
/* End of WEEK PERFORM LEVEL WIDTH 3 PLACE */

/* WEEK PERFORM LEVEL WIDTH 4 PLACE */
div.day-dayWrap.levelEarn_4 div.performanceBlockCount
{
  top: 25px;
}
div.day-dayWrap.levelEarn_4 div.performanceBlockOfWeek:nth-child(1)
{
  top: 30px;
}
div.day-dayWrap.levelEarn_4 div.performanceBlockOfWeek:nth-child(2)
{
  top: 40px;
}
div.day-dayWrap.levelEarn_4 div.performanceBlockOfWeek:nth-child(3)
{
  top: 50px;
}
div.day-dayWrap.levelEarn_4 div.performanceBlockOfWeek:nth-child(4)
{
  top: 60px;
}
div.day-dayWrap.levelEarn_4 div.performanceBlockOfWeek:nth-child(5)
{
  display: none;
}
div.day-dayWrap.levelEarn_4 div.performanceBlockOfWeek:nth-child(6)
{
  display: none;
}
div.day-dayWrap.levelEarn_4 div.performanceBlockOfWeek:nth-child(7)
{
  display: none;
}
/* End of WEEK PERFORM LEVEL WIDTH 4 PLACE */

/* WEEK PERFORM LEVEL WIDTH 5 PLACE */
div.day-dayWrap.levelEarn_5 div.performanceBlockCount
{
  top: 35px;
}
div.day-dayWrap.levelEarn_5 div.performanceBlockOfWeek:nth-child(1)
{
  top: 40px;
}
div.day-dayWrap.levelEarn_5 div.performanceBlockOfWeek:nth-child(2)
{
  top: 50px;
}
div.day-dayWrap.levelEarn_5 div.performanceBlockOfWeek:nth-child(3)
{
  top: 60px;
}
div.day-dayWrap.levelEarn_5 div.performanceBlockOfWeek:nth-child(4)
{
  display: none;
}
div.day-dayWrap.levelEarn_5 div.performanceBlockOfWeek:nth-child(5)
{
  display: none;
}
div.day-dayWrap.levelEarn_5 div.performanceBlockOfWeek:nth-child(6)
{
  display: none;
}
div.day-dayWrap.levelEarn_5 div.performanceBlockOfWeek:nth-child(7)
{
  display: none;
}
/* End of WEEK PERFORM LEVEL WIDTH 5 PLACE */

/* WEEK PERFORM LEVEL WIDTH 6 PLACE */
div.day-dayWrap.levelEarn_6 div.performanceBlockCount
{
  top: 45px;
}
div.day-dayWrap.levelEarn_6 div.performanceBlockOfWeek:nth-child(1)
{
  top: 50px;
}
div.day-dayWrap.levelEarn_6 div.performanceBlockOfWeek:nth-child(2)
{
  top: 60px;
}
div.day-dayWrap.levelEarn_6 div.performanceBlockOfWeek:nth-child(3)
{
  display: none;
}
div.day-dayWrap.levelEarn_6 div.performanceBlockOfWeek:nth-child(4)
{
  display: none;
}
div.day-dayWrap.levelEarn_6 div.performanceBlockOfWeek:nth-child(5)
{
  display: none;
}
div.day-dayWrap.levelEarn_6 div.performanceBlockOfWeek:nth-child(6)
{
  display: none;
}
div.day-dayWrap.levelEarn_6 div.performanceBlockOfWeek:nth-child(7)
{
  display: none;
}
/* End of WEEK PERFORM LEVEL WIDTH 6 PLACE */

/* WEEK PERFORM LEVEL WIDTH 7 PLACE */
div.day-dayWrap.levelEarn_7 div.performanceBlockCount
{
  top: 55px;
}
div.day-dayWrap.levelEarn_7 div.performanceBlockOfWeek:nth-child(1)
{
  top: 60px;
}
div.day-dayWrap.levelEarn_7 div.performanceBlockOfWeek:nth-child(2)
{
  display: none;
}
div.day-dayWrap.levelEarn_7 div.performanceBlockOfWeek:nth-child(3)
{
  display: none;
}
div.day-dayWrap.levelEarn_7 div.performanceBlockOfWeek:nth-child(4)
{
  display: none;
}
div.day-dayWrap.levelEarn_7 div.performanceBlockOfWeek:nth-child(5)
{
  display: none;
}
div.day-dayWrap.levelEarn_7 div.performanceBlockOfWeek:nth-child(6)
{
  display: none;
}
div.day-dayWrap.levelEarn_7 div.performanceBlockOfWeek:nth-child(7)
{
  display: none;
}
/* End of WEEK PERFORM LEVEL WIDTH 7 PLACE */

.day-dayWrap .performanceBlockCount
{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  height: 42px;
  top: -5px;
  opacity: 1;
  z-index: 99;
  font-size: 22px;
  font-weight: normal;
  color: var(--text-inside-bgColored);
  text-wrap: nowrap;
}
.day-dayWrap .performanceBlockOfWeek:nth-child(1)
{
  box-shadow: 0px 0px 7px var(--bs-orange) !important;
  top: 0;
  opacity: 1;
  filter: blur(4px);
  -webkit-filter: blur(4px);
  z-index: 99;
}
.day-dayWrap .performanceBlockOfWeek:nth-child(2)
{
  top: 10px;
  opacity: 0.35;
  z-index: 7;
}
.day-dayWrap .performanceBlockOfWeek:nth-child(3)
{
  top: 20px;
  opacity: 0.3;
  z-index: 6;
}
.day-dayWrap .performanceBlockOfWeek:nth-child(4)
{
  top: 30px;
  opacity: 0.25;
  z-index: 5;
}
.day-dayWrap .performanceBlockOfWeek:nth-child(5)
{
  top: 40px;
  opacity: 0.2;
  z-index: 4;
}
.day-dayWrap .performanceBlockOfWeek:nth-child(6)
{
  top: 50px;
  opacity: 0.15;
  z-index: 3;
}
.day-dayWrap .performanceBlockOfWeek:nth-child(7)
{
  top: 60px;
  opacity: 0.1;
  z-index: 2;
}
.day-dayWrap div.performanceBlockOfWeekBase
{
  display: none;
  z-index: 1;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  height: 42px;
  background-color: var(--dashboard-weekPerf-bc);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  top: 62px;
  opacity: 1;
}
.showThisWeekDayContainer .day-dayWrap .performanceBlockOfWeek:nth-child(2)
{
  top: 15px;
  opacity: 0.35;
  z-index: 7;
}
.showThisWeekDayContainer .day-dayWrap .performanceBlockOfWeek:nth-child(3)
{
  top: 30px;
  opacity: 0.3;
  z-index: 6;
}
.showThisWeekDayContainer .day-dayWrap .performanceBlockOfWeek:nth-child(4)
{
  top: 45px;
  opacity: 0.25;
  z-index: 5;
}
.showThisWeekDayContainer .day-dayWrap .performanceBlockOfWeek:nth-child(5)
{
  top: 60px;
  opacity: 0.2;
  z-index: 4;
}
.showThisWeekDayContainer .day-dayWrap .performanceBlockOfWeek:nth-child(6)
{
  top: 75px;
  opacity: 0.15;
  z-index: 3;
}
.showThisWeekDayContainer .day-dayWrap .performanceBlockOfWeek:nth-child(7)
{
  top: 75px;
  opacity: 0.1;
  z-index: 2;
}
.showThisWeekDayContainer .day-dayWrap .performanceBlockOfWeek:nth-child(8)
{
  background-color: transparent;
  border-radius: unset;
  box-shadow: none !important;
  height: 92px;
  bottom: 10px;
  width: 122%;
}
.showThisWeekDayContainer .day-dayWrap .performanceBlockOfWeek:nth-child(8) img
{
  width: 100%;
  content: var(--dashboard-weekPerf-imgMain);
}
.showThisWeekDayContainer .day-dayWrap div.performanceBlockOfWeekBase
{
  display: none;
  z-index: 1;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 92px;
  background-color: var(--dashboard-weekPerf-bc);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  top: 80px;
  opacity: 1;
}
.weekPerformContainer
{
  height: 100%;
}
.day-Selected
{
  width: 225px;
  height: 225px;
}
.day-Selected div.performanceBlockOfWeek
{
  height: 91px;
  width: 100%;
  border-radius: 100%;
}
.slcttxt span
{
  white-space: nowrap;
}
.gi_bgBlock
{
  position: absolute;
  width: 165px;
  height: 165px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
#platformNotificationMod.show
{
  z-index: 999;
  padding: 20px 20px 0px 20px;
}
.newsBlock
{
  padding: 0px 5px 10px 5px;
}
.blockForNewsContainer
{
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  box-shadow: 0px 3px 6px var(--dashboard-news-bs) !important;
  border: 1px solid #00000000;
  border-radius: 10px;
  padding: 10px;
  width: 100%;
}
.blockForNoNewsContainer
{
  margin: 10px 0px 0px 0px;
  box-shadow: 0px 3px 6px var(--dashboard-news-bs) !important;
  border-radius: 10px;
  padding: 10px;
  width: 100%;
}
.blockForNewsContainer .blockForNewsCol
{
  background-color: var(--dashboard-news-bg);
  box-shadow: inset 0px 0px 7px var(--dashboard-news-bs) !important;
  width: 100%;
  height: 90px;
  padding: 5px;
  overflow-y: hidden;
  position: relative;
}
.blockForNoNewsContainer .blockForNoNewsCol
{
  background-color: var(--dashboard-news-bg);
  box-shadow: inset 0px 0px 7px var(--dashboard-news-bs) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 90px;
}
div.newsBlockTitle div.newsTitle span
{
  letter-spacing: 0.32px;
  color: var(--text-orange) !important;
  font-size: 15px;
}
/* FIINDCA TITLU E SCRIS CU CAPS SI E FOARTE LUNG NU SE VEDE NICI INCEPUTUL DE DESCRIERE SI NICI DATA CAND A FOST CREAT */
.newsInfoBlock
{
  display: none;
}
.newsDateBlock
{
  position: absolute;
  bottom: 0;
  right: 5px;
}
.newsDescr
{
  font-size: 14px;
  height: 40px;
  overflow: hidden;
}
.newsDateBlock
{
  text-align: right;
}
.newsDate
{
  color: var(--text-orange);
  font-size: 11px;
}
img.newsImg
{
  max-width: 200px;
  max-height: 200px;
}
#dashboardWrapperView.show
{
  z-index: 999;
}
.topTWNOffersBlock
{
  max-height: 505px;
  overflow-x: hidden;
  overflow-y: auto;
}
.top20offers-image
{
  width: 150px;
  height: 100px;
  background-image: var(--dashboard-t20o-img);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top20offers-image img
{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.popularity
{
  white-space: nowrap;
}
.ofridBlockCopy
{
  display: flex;
  justify-content: center;
  align-items: center;
}
span.offerIndicator_five
{
  box-shadow: inset 0px 0px 7px var(--info-box-bs) !important;
  border-radius: 5px;
  background-color: var(--inputs-bg);
  color: var(--text-color);
  border: 1px solid transparent;
  transition: background-color 0.3s ease;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 10px;
}
#notificationSoundBlock
{
  display: none;
}
div.specialLiveNotificationBlock
{
  box-shadow: 0px 3px 6px #0000000d !important;
  background-color: var(--topbar-bg-transp);
  border-radius: 7px;
  backdrop-filter: blur(7px);
  border: 1px solid var(--text-orange);
  position: relative;
}
div.specialLiveNotificationBlock button.close
{
  color: var(--text-orange);
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
}
div.specialLiveNotificationBlock p
{
  margin-bottom: 5px;
}
div.specialLiveNotificationBlock .fa-solid.fa-bells
{
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.linksAddSubIDBlock .linksAddSubIDInputBlock span
{
  margin-left: 10px;
  font-size: 12px;
  color: var(--bs-red);
}
.linksAddSubIDBlock .linksAddSubIDBtnBlock
{
  margin-top: 10px;
}
div.privNetFirst
{
  display: none !important;
}
div.copyPreviewInfoBlock
{
  display: flex;
  justify-content: space-around;
  align-items: center;
}
div.copyInfoBlock,
div.previewInfoBlock,
div.copyLandTxtInfoWarn,
div.previewLandTxtInfoWarn
{
  display: flex;
  justify-content: center;
  align-items: center;
}
div.copyInfoBlock div.copyLandTxtInfoWarn::before
{
  content: '';
  width: 40px;
  height: 20px;
  background-image: url('/assets/img/leftCopy.svg');
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0 5px;
}
div.previewInfoBlock div.previewLandTxtInfoWarn::before
{
  content: '';
  width: 40px;
  height: 20px;
  background-image: url('/assets/img/leftPreview.svg');
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0 5px;
}
div#soPubPerformanceBlock
{
  background: transparent var(--single-offer-container-module-bg) 0% 0% no-repeat
		padding-box;
  box-shadow: 0px 3px 6px var(--all-offer-licked-bs) !important;
  border-radius: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 30px;
  position: relative;
}
div#soPubPerformanceBlock div.progress
{
  height: 25px;
  border-radius: 5px;
  background-color: var(--inputs-bg);
  position: relative;
}
div.so-wrapper
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 15px;
}
div.progress-bar
{
  box-shadow: inset 0px 0px 7px var(--info-box-bs) !important;
  height: 25px;
}
.soPerc
{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
}
div.zeroProgresBarData div.progress-bar
{
  width: 100% !important;
  background-color: var(--inputs-bg) !important;
  background-image: none;
}
div.positiveProgress.zeroProgresBarData div.soPerc
{
  color: var(--bs-success);
}
div.negativeProgress.zeroProgresBarData div.soPerc
{
  color: var(--bs-danger);
}
div.pendingProgress.zeroProgresBarData div.soPerc
{
  color: var(--bs-info);
}
div.goToLoginBlock
{
  width: 100%;
  text-align: center;
}
div.goToLoginBlock i
{
  color: var(--text-orange);
}
#chat-viewer .content .header
{
  background: var(--tickets-title-module-bg);
}
.so_offer_status_block
{
  color: var(--bs-red);
}
td.noDataRowBlock
{
  display: table-cell !important;
}
.section .section-title p
{
  z-index: 11;
}
.po_ContainerBlock .po_section_title::before,
.section .section-title::before
{
  z-index: 1;
}
div.isInPauseOffer div.offersBlock
{
  box-shadow: 0px 0px 6px var(--bs-red) !important;
}
div.isInPauseOffer div.offersBlock p.offerTitle,
div.isScheduleOffer div.offersBlock p.offerTitle
{
  text-align: center;
}
#lang-switch option
{
  color: var(--text-color) !important;
  background: var(--chosen-highlighted);
}
.socialNetworkBlock-mobile,
.socialNetworkBlock
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
}
.socialNetworkBlock-mobile
{
  margin: 0;
  padding-top: 25px;
}
.socialNetworkWrapper-mobile,
.socialNetworkWrapper
{
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.socialNetworkBlock-mobile img,
.socialNetworkWrapper img
{
  width: 40px;
  height: 40px;
  margin: 0 10px;
}
.socialTxt
{
  font-size: 14px;
  font-weight: 100;
  white-space: nowrap;
}
.terms_cond_href
{
  color: var(--text-orange);
  font-weight: 700;
  text-decoration: underline;
}
#register-form .terms__cond_span
{
  white-space: nowrap;
}
.error-template
{
  background-color: var(--swal-transparent-bg);
  border-radius: 10px;
  box-shadow: 0px 3px 6px var(--dashboard-news-bs) !important;
}
.error-template .title
{
  color: var(--text-orange);
}
.viewChristasContestBlock
{
  background-color: var(--dashboard-lastOr-bg);
  box-shadow: 0px 3px 6px var(--dashboard-news-bs) !important;
  padding: 5px;
  overflow: hidden;
  position: relative;
  min-height: 210px;
}
.viewChristasContestBlock .viewInsideCCBlock
{
  background-color: var(--dashboard-news-bg);
  box-shadow: inset 0px 0px 7px var(--dashboard-news-bs) !important;
  position: relative;
  padding-top: 15px;
}
.CContest_infoTxtBlock
{
  position: absolute;
  top: 0;
}
.ccLeadCount
{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.insideCircleCC
{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: var(--dashboard-lastOr-circle-bg);
  box-shadow: 0px 0px 6px var(--dashboard-gic-bs) !important;
  position: relative;
  z-index: 2;
}
.insideCircleCC2
{
  flex-direction: column;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: var(--tab-bg);
  box-shadow: inset 0px 0px 7px var(--dashboard-news-bs) !important;
}
.leftsideCCCircle
{
  width: 40%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ccLayer3Inside
{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url("../img/cc_layer3.svg");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: spin-circle 10s linear infinite;
  -webkit-animation: spin-circle 10s linear infinite;
  z-index: 3;
}
.ccLayer4Inside
{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url("../img/cc_layer4.svg");
  background-position: center;
  background-size: 85% 85%;
  background-repeat: no-repeat;
}
.cc_ptsLeads
{
  font-size: 22px;
}
.cc_txtLeads
{
  font-size: 14px;
}
.rightsideCCCircle
{
  width: 60%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}
.claimPrizeFormBlock
{
  height: 100%;
}
.claimPrizeFormBlock,
.cc_termsCond_txtBlock
{
  padding: 10px;
  border: 2px solid var(--text-orange);
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
}
.spanOrangeTxt
{
  color: var(--text-orange);
  font-weight: 900;
}
div.contestPageAP button.btn.prizeMoneyRequestBtn.prizeMoneyRequestBtnWrap,
button.sendMoneyRequest,
button.sendPrizeRequest,
button.termsAndCond,
button.getViewCCPrice
{
  border: none;
  border-radius: 5px;
  padding: 6px 45px;
  background-color: var(--bs-orange) !important;
  color: var(--text-inside-bgColored);
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
div.contestPageAP button.btn.prizeMoneyRequestBtn.prizeMoneyRequestBtnWrap:hover,
button.sendMoneyRequest:hover,
button.sendPrizeRequest:hover,
button.termsAndCond:hover,
button.getViewCCPrice:hover
{
  background-color: #141413 !important;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.cc_countDownBlock
{
  width: 100%;
  position: relative;
  background-color: var(--dashboard-lastOr-bg);
  border-radius: 15px;
  padding: 7px;
}
.cc_countDownInside
{
  width: 100%;
  height: 100%;
  position: relative;
  background-color: var(--dashboard-news-bg);
  box-shadow: inset 0px 0px 7px var(--dashboard-news-bs) !important;
  padding: 10px 5px;
  border-radius: 15px;
}
#cc_countdown #cc_tiles
{
  position: relative;
  z-index: 1;
}
#cc_countdown #cc_tiles > span
{
  width: 44px;
  max-width: 44px;
  font: bold 35px 'Droid Sans', Arial, sans-serif;
  text-align: center;
  color: #111;
  background-color: #ddd;
  background: transparent linear-gradient(180deg, #cccccc 0%, #d3d3d3 100%) 0% 0% no-repeat padding-box;
  border-radius: 3px;
  box-shadow: 0px 3px 6px var(--dashboard-news-bs) !important;
  margin: 0 7px;
  display: inline-block;
  position: relative;
}
#cc_countdown #cc_tiles > span:after
{
  content:"";
  width: 100%;
  height: 1px;
  background: #eee;
  border-top: 1px solid #333;
  display: block;
  position: absolute;
  top: 48%;
  left: 0;
}
#cc_countdown .cc_labels
{
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#cc_countdown .cc_labels li
{
  width: 44px;
  font: bold 12px 'Droid Sans', Arial, sans-serif;
  color: var(--text-orange);
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  margin: 3px 7px;
}
.contestPageTitleBlock h1
{
  color: var(--text-orange);
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 45px;
  font-weight: 900;
  padding-top: 10px;
}
.contestPageAP
{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}
.contestPageAP .cc_pts
{
  font-size: 18px;
  margin-left: 5px;
}
span.cc_txt_avp
{
  border-left: 3px solid #DC7500;
  padding-left: 15px;
}
span.cc_pts
{
  margin-right: 5px;
}
span.cc_money
{
  margin-left: 5px;
  border-right: 3px solid #DC7500;
  padding-right: 15px;
}
.conestPageTermAndCond
{
  display: flex;
  justify-content: center;
  align-items: center;
}
.contestDelim
{
  width: 65%;
  height: 3px;
  background: #000;
  margin: 15px auto 0 auto;
}
.prizeMainBlock
{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  border-radius: 10px;
  background-color: var(--dashboard-lastOr-bg);
  box-shadow: 0px 3px 6px var(--dashboard-news-bs) !important;
  margin: 0 auto 0 auto;
}
.prizeImgBlock
{
  width: 93%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 13px;
  border-radius: 10px;
}
.prizeImgBlock div.nightSkyEffectBlock
{
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
}
.prizeImgBlock img.prizeImg
{
  z-index: 2;
  max-width: 390px;
  max-height: 200px;
}
.prizeImgBlock div.nightSkyEffectBlock .stars, .prizeImgBlock div.nightSkyEffectBlock .twinkling
{
  background-repeat: repeat;
  background-position: center;
  border-radius: 10px;
}
.prizeValueBlock
{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.prizeNameBlock
{
  display: grid;
  grid-template-rows: repeat(auto-fill, auto);
  grid-template-columns: 1fr;
  font-size: 19px;
  padding: 10px 15px;
  text-align: center;
  font-weight: 800;
  letter-spacing: 0.44px;
}
.prizeValueBlock .pvValue
{
  font-size: 26px;
  font-weight: 800;
  color: var(--text-orange);
}
.pvLeftBar
{
  width: 20%;
  height: 8px;
  background-color: #dc7500;
  box-shadow: 0px 3px 6px var(--info-box-bs) !important;
}
.pvRightBar
{
  width: 20%;
  height: 8px;
  background-color: #dc7500;
  box-shadow: 0px 3px 6px var(--info-box-bs) !important;
}
.prizeRequestBtnBlock
{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 13px;
}
button.btn.prizeRequestBtn
{
  cursor: not-allowed;
  color: var(--text-color);
  background-color: transparent;
  text-transform: initial;
  white-space: nowrap;
  font-size: 14px;
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  position: relative;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 40px;
  border: none;
  margin: 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
button.btn.prizeMoneyRequestBtn
{
  cursor: not-allowed;
  color: var(--text-color);
  background-color: transparent;
  text-transform: initial;
  white-space: nowrap;
  font-size: 14px;
  box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
  position: relative;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 40px;
  border: none;
  margin: 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
button.btn.prizeRequestBtn.prizeRequestBtnWrap,
button.btn.prizeMoneyRequestBtn.prizeMoneyRequestBtnWrap
{
  cursor: pointer;
}
button.btn.prizeMoneyRequestBtn:hover,
button.btn.prizeRequestBtn:hover
{
  color: var(--text-inside-bgColored);
  background-color: #dc7500;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
label.payoutOrderBy,
label.rankOrderBy,
label.gridType,
.likedLabel,
.activeOnlyLabel,
.freeDeliveryFormsLabel,
input#payoutOrderBy,
input#rankOrderBy,
input#likedOffer,
input#activeOnly,
input#freeDeliveryFormsLabel,
input#lsTrashOrders,
input#gridType
{
  cursor: pointer;
}
input#gridType.form-check-input:checked[type=checkbox]
{
  background-image: var(--input-gridTypeTable);
}
input#gridType.form-check-input
{
  background-image: var(--input-gridTypeBox);
}
input#payoutOrderBy.form-check-input,
input#rankOrderBy.form-check-input
{
  background-image: var(--input-payoutOrderBy);
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}
html[data-theme="light"] input#rankOrderBy.form-check-input
{
  background-image: url('../img/rank-dark.svg');
}
html[data-theme="dark"] input#rankOrderBy.form-check-input
{
  background-image: url('../img/rank-white.svg');
}
div.payoutOrderByBlock,
div.rankOrderByBlock
{
  opacity: .3;
}
div.payoutOrderByBlock.clickedPayoutOrderBy,
div.rankOrderByBlock.clickedRankOrderBy
{
  opacity: 1;
}
input#payoutOrderBy.form-check-input:checked[type=checkbox],
input#rankOrderBy.form-check-input:checked[type=checkbox]
{
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}
#cc_claimMoneyWrapper .checkbox-wrapper
{
  width: 100%;
}
#cc_claimMoneyWrapper.viewer_wrapper #claim_money-form .content
{
  background: none;
}
#all_offers-content .btnViewOfferBlock,
#popular_offers-content .btnViewOfferBlock
{
  text-align: center;
}
.confOfImg
{
  width: 30px;
}
.so_offerConfermaTable div.tdDiv
{
  position:relative;
  overflow:hidden;
  font-size: 14px;
  border-top: none;
}
.so_offerConfermaTable td
{
  font-size: 10px;
  position:relative;
  overflow:hidden;
}
.confermaTableOfferInfo
{
  border-left: 0.5px solid var(--all-offer-info-table-border-bg);
  border-right: 0.5px solid var(--all-offer-info-table-border-bg);
  border-bottom: 0.5px solid var(--all-offer-info-table-border-bg);
  padding: 0 0 0 10px;
}
.so_offerConfermaTable div.tdDiv:first-child:before,
.so_offerConfermaTable td:before
{
  content: "";
  z-index: 10;
  position: absolute;
  height: 200%;
  width: 200%;
  top: -120%;
  left: -120%;
  background: linear-gradient(transparent 0%, rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.1) 55%, transparent 100%);
  transition: all 2s;
  transform: rotate(-45deg);
  animation: shine 6s infinite forwards;
}
ul.actions.dropdown-menu.allow_block_inv_list
{
  width: auto;
  padding: 0;
}
.allow_block_invoiceSelectorBlock button
{
  background-color: transparent;
  padding: 0;
  border: none;
}
.allow_block_invoiceSelectorBlock button:active,
.allow_block_invoiceSelectorBlock button:focus,
.allow_block_invoiceSelectorBlock button:hover
{
  box-shadow: none !important;
  background-color: transparent;
}
ul.actions.dropdown-menu.allow_block_inv_list::before
{
  left: 5px;
  right: auto;
}
@keyframes shine
{
  0%
  {
    top: -120%;
    left: -120%;
  }
  20%
  {
    left: 100%;
    top: 100%;
  }
  40%
  {
    left: 100%;
    top: 100%;
  }
  100%
  {
    left: 100%;
    top: 100%;
  }
}
.so_offerConfermaTable.singleOffersPage
{
  display: inline-block;
  margin-left: 10px;
}
.MBgeneralLineChartBlock
{
  height: 350px;
  box-shadow: 0px 3px 6px var(--dashboard-gicB-bs) !important;
  background-color: var(--dashboard-gicC-bg);
}
#mediabuyers-table .invoicing-switcher label
{
  display: block;
}
#mediabuyers-table .invoicing-switcher input
{
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  cursor: pointer;
}
#mediabuyers-table .invoicing-switcher .switcher-wrapper
{
  position: relative;
  width: 80px;
  height: 36px;
  background-color: var(--bs-danger);
  box-shadow: inset 0px 0px 7px var(--topbar-element-bshadow) !important;
  transition: background-color;
  border-radius: 24px;
  margin: 0 18px;
}
#mediabuyers-table .invoicing-switcher input:checked~.switcher-wrapper
{
  background-color: var(--bs-success);
}
#mediabuyers-table .invoicing-switcher input:checked~.switcher-wrapper .switcher
{
  transform: translate(45px, -50%);
}
#mediabuyers-table .invoicing-switcher .switcher-wrapper .switcher
{
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translate(0, -50%);
  height: 26px;
  width: 26px;
  background-color: var(--topbar-slider-touch-bg);
  border-radius: 50%;
  transition: background-color 250ms,transform 500ms cubic-bezier(0.25, 1.61, 0.63, 0.71);
}
.NewcopyMsgBlockInfo,
.copyMsgBlockInfo
{
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.NewcopyMsgBlockInfo span.orangeSquareBtn,
.copyMsgBlockInfo span.orangeSquareBtn
{
  padding: 15px 65px;
  border-radius: 20px;
}
.fadeColorTextWhenCopy
{
  color: #6c757d;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}
/* EXPO STYLE PART */
.claimFreeTicket,
.getToExpoSite
{
  background-color: var(--bs-orange) !important;
}
button.getToExpoSite
{
  text-decoration: underline !important;
}
.getToExpoSite svg
{
  width: 35px;
  height: 35px;
  margin-right: 20px;
}
.getToExpoSite svg g
{
  fill: var(--text-inside-bgColored);
}
.mainExpoScheduleBlock svg,
.mainExpoStreetBlock svg
{
  width: 75px;
  height: 75px;
  margin-right: 20px;
}
.mainExpoScheduleBlock svg g,
.mainExpoStreetBlock svg path
{
  fill: var(--text-color);
}
.expoLogoImg
{
  width: 180px;
}
.mainFlamyLogo svg
{
  width: 100px;
  height: 100px;
}
.mainExpoTxt
{
  font-size: 20px;
  width: 84%;
}
.mainExpoTitle
{
  font-size: 90px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 2px;
  line-height: 1;
}
.mainExpoTitleSpan
{
  letter-spacing: 7px;
}
.expoMainWrapperMobile
{
  display: none;
}
/* End of EXPO STYLE PART */

div.chosen-container ul.chosen-choices li.search-field input.chosen-search-input
{
  color: var(--text-color) !important;
}
#live_stats-table td:nth-child(3)
{
  background-color: rgba(0, 128, 0, .1);
}
#live_stats-table td:nth-child(4)
{
  background-color: rgba(220, 20, 60, .1);
}
#live_stats-table td:nth-child(5)
{
  background-color: rgba(0, 0, 0, .1);
}
#live_stats-table td:nth-child(6)
{
  background-color: rgba(220, 117, 0, .1);
}
#live_stats-table td:nth-child(7)
{
  background-color: rgba(0, 139, 139, .1);
}
#live_stats-table.live_stats_sp_table td:nth-child(3)
{
  background-color: transparent;
}
#live_stats-table.live_stats_sp_table td:nth-child(4)
{
  background-color: rgba(0, 128, 0, .1);
}
#live_stats-table.live_stats_sp_table td:nth-child(5)
{
  background-color: rgba(220, 20, 60, .1);
}
#live_stats-table.live_stats_sp_table td:nth-child(6)
{
  background-color: rgba(0, 0, 0, .1);
}
#live_stats-table.live_stats_sp_table td:nth-child(7)
{
  background-color: rgba(220, 117, 0, .1);
}
#live_stats-table.live_stats_sp_table td:nth-child(8)
{
  background-color: rgba(0, 139, 139, .1);
}
.template-live_stats
{
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 15% 15% 15% 15% 15% 15%;
  color: #fff;
  justify-content: center;
}
.template-live_stats .f
{
  grid-column: 1;
  grid-row: 1;
  font-weight: bold;
  height: 100px;
}
.template-live_stats .a
{
  grid-column: 2;
  grid-row: 1;
  background-color: var(--menu-template-5-b-bg);
  font-weight: bold;
  height: 100px;
}
.template-live_stats .a p span,
.template-live_stats .a p
{
  margin-bottom: 0px;
  color: var(--menu-template-5-b-svg) !important;
}
.template-live_stats .b
{
  background-color: var(--menu-template-5-e-bg);
  grid-column: 3;
  grid-row: 1;
  height: 100px;
  font-weight: bold;
}
.template-live_stats .b p span,
.template-live_stats .b p
{
  margin-bottom: 0px;
  color: var(--menu-template-5-e-svg) !important;
}
.template-live_stats .c
{
  background-color: var(--menu-template-6-f-bg);
  grid-column: 4;
  grid-row: 1;
  font-weight: bold;
}
.template-live_stats .c p span,
.template-live_stats .c p
{
  margin-bottom: 0px;
  color: var(--menu-template-6-f-svg) !important;
}
.template-live_stats .d
{
  background-color: var(--menu-template-5-c-bg);
  grid-column: 5;
  grid-row: 1;
  font-weight: bold;
  height: 100px;
}
.template-live_stats .d p span,
.template-live_stats .d p
{
  margin-bottom: 0px;
  color: var(--menu-template-5-c-svg) !important;
  text-align: center;
}
.template-live_stats .e
{
  background-color: var(--menu-template-5-d-bg);
  grid-column: 6;
  grid-row: 1;
  font-weight: bold;
}
.template-live_stats .e p span,
.template-live_stats .e p
{
  margin-bottom: 0px;
  color: var(--menu-template-5-d-svg) !important;
}
#main_menu li.live_stats svg g path
{
  fill: none;
  stroke: var(--topbar-element-pending-bg);
  filter: brightness(0.5);
  animation: glowing 1.5s infinite alternate;
  -webkit-filter: brightness(0.5);
}
@keyframes glowing
{
  0%
  {
    filter: transparent;
    -webkit-filter: transparent;
  }
  100%
  {
    filter: var(--topbar-element-pending-bg);
    -webkit-filter: var(--topbar-element-pending-bg);
  }
}
.tooltipFF3,
.tooltipFF2,
.tooltipFF1
{
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.tooltipFF3 .tooltiptext3,
.tooltipFF2 .tooltiptext2,
.tooltipFF1 .tooltiptext1
{
  visibility: hidden;
  width: auto;
  min-width: 140px;
  background-color: var(--topbar-notif-item-hover);
  color: var(--text-color);
  border: 1px solid var(--separator-color);
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 120%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltipFF3 .tooltiptext3::after,
.tooltipFF2 .tooltiptext2::after,
.tooltipFF1 .tooltiptext1::after
{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--separator-color) transparent transparent transparent;
}
.tooltipFF3:hover .tooltiptext3,
.tooltipFF2:hover .tooltiptext2,
.tooltipFF1:hover .tooltiptext1
{
  visibility: visible;
  opacity: 1;
}
.expoBannerContainer iframe
{
  padding: 0;
  height: 250px;
}
/* MOBILE SELECT SEARCH STYLE */
.form-control.selectize-control
{
  background-color: transparent;
  border: none;
  padding: 0;
}
.form-control.selectize-control .selectize-input
{
  background: transparent !important;
  background-color: var(--inputs-bg) !important;
  background-image: none !important;
  color: var(--text-color);
  border-radius: 25px;
  border: var(--inputs-border) !important;
  box-shadow: var(--inputs-bs) !important;
  transition: background-color .3s ease;
  padding: 15px 12px;
}
.form-control.selectize-control .selectize-input input,
.form-control.selectize-control .selectize-input input::placeholder
{
  font-weight: normal;
  outline: 0 !important;
  font-size: 1rem;
  font-family: "Lato","sans-serif";
  color: var(--text-color);
}
.form-control.selectize-control .selectize-input.dropdown-active::before
{
  background: transparent !important;
  display: none;
}
.form-control.selectize-control .selectize-dropdown
{
  background-color: var(--inputs-bg) !important;
  background: var(--inputs-bg) !important;
  border: none !important;
  box-shadow: 0px 0px 6px #00000078 !important;
  top: 145% !important;
  padding: 10px 0px;
}
.form-control.selectize-control .selectize-dropdown::before
{
  content: "";
  position: absolute;
  top: -12px;
  right: 10px;
  border-top: 0;
  border-right: 0.9em solid transparent;
  border-bottom: 1em solid;
  border-left: 0.9em solid transparent;
  display: block;
  color: var(--inputs-bg);
}
.selectize-dropdown .optgroup:first-child .optgroup-header,
.selectize-dropdown .active:not(.selected),
.selectize-dropdown .active
{
  background: var(--chosen-highlighted) !important;
  background-color: var(--chosen-highlighted) !important;
  position: relative;
  color: var(--text-color) !important;
  padding: 10px;
}
.selectize-dropdown .option
{
  border-bottom: 1px solid var(--separator-color) !important;
}
.selectize-dropdown .active:not(.selected)::after,
.selectize-dropdown .active::after
{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 2px;
  background-color: var(--chosen-active);
}
.form-control.selectize-control.multi .selectize-input>div
{
  background-image: none;
  background: var(--text-orange);
  margin: 5px;
  padding: 6px 20px;
  border: none;
  border-radius: 25px;
  color: var(--text-inside-bgColored);
  font-size: 1rem;
  text-shadow: none;
}
.form-control.selectize-control.multi .selectize-input>div.active
{
  background: var(--menu-template-3-a-svg);
  background-image: none;
  margin: 5px;
  padding: 6px 20px;
  border: none;
  border-radius: 25px;
  color: var(--text-inside-bgColored);
  font-size: 1rem;
  text-shadow: none;
}
/* MOBILE SELECT SEARCH STYLE */

.viewTodayFilterNote
{
  cursor: pointer;
  color: #dc143c;
}
.warningContainer
{
  background: url(data:image/svg+xml;
  base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MC44ODMiIGhlaWdodD0iODAuMjA4IiB2aWV3Qm94PSIwIDAgOTAuODgzIDgwLjIwOCI+DQogIDxnIGlkPSJHcm91cF80NDQ5IiBkYXRhLW5hbWU9Ikdyb3VwIDQ0NDkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MDYuMTA2IC0yMDQ5LjA1NikiPg0KICAgIDxwYXRoIGlkPSJQYXRoXzI5MzE5IiBkYXRhLW5hbWU9IlBhdGggMjkzMTkiIGQ9Ik00MDYuMTA2LDIxMTMuODI5Yy40NzctMy42MDksMi41MTEtNi41MTQsNC4zMTItOS41MjJxMTQuMzY0LTI0LDI4LjcyNy00Ny45OTRhMTQuMjE0LDE0LjIxNCwwLDAsMSwyNC43MDctLjExNHE1LjU3Nyw5LjI2NiwxMS4xMTYsMTguNTU0LDQuNTMxLDcuNTY3LDkuMDU0LDE1LjEzOWEzLjU0NywzLjU0NywwLDEsMS02LjA5MywzLjYxNXEtMy40MzMtNS42OTQtNi44MzgtMTEuNC02LjY0OS0xMS4xLTEzLjMtMjIuMjA3Yy0zLjAyNy01LjAzNi05LjUtNS4wMTYtMTIuNTI2LjAzMXEtMTUuNDY3LDI1LjgxNi0zMC45MTksNTEuNjQxYTYuODI4LDYuODI4LDAsMCwwLDEuODA2LDkuMzU5LDcuMTY4LDcuMTY4LDAsMCwwLDQuMjY2LDEuMjQycTE1Ljc0OS0uMDEzLDMxLjUsMCwxNS40ODMsMCwzMC45NjctLjAwNmE2Ljc1OCw2Ljc1OCwwLDAsMCw2LjkzOC03LjA0OSwxMC4xOTQsMTAuMTk0LDAsMCwwLS45Ni0zLjI3LDI3LjI3NiwyNy4yNzYsMCwwLDAtMS41MTEtMi42LDMuNTQsMy41NCwwLDEsMSw2LjA4My0zLjYyM2MxLjU2OSwyLjUwOCwzLjA0Nyw1LjAyOSwzLjQ0Nyw4LjA3NEExNC4wMTksMTQuMDE5LDAsMCwxLDQ4NSwyMTI5LjFhMjMuNTc5LDIzLjU3OSwwLDAsMS0yLjc0MS4xNnEtMzAuNy4wMTMtNjEuNC4wMDdjLTcuODA1LDAtMTMuMTYzLTQuNDM2LTE0LjYxNC0xMi4wOTRhMS42NjgsMS42NjgsMCwwLDAtLjEzNi0uMzIzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iI2RjMTQzYyIvPg0KICAgIDxwYXRoIGlkPSJQYXRoXzI5MzIwIiBkYXRhLW5hbWU9IlBhdGggMjkzMjAiIGQ9Ik01ODIuNzUxLDIxODAuMTQ2YzAtMi4xNTgtLjAwNi00LjMxNywwLTYuNDc1YTMuNTU1LDMuNTU1LDAsMSwxLDcuMDk0LS4wMzVxLjAxNCw2LjUxOSwwLDEzLjAzOWEzLjU1MSwzLjU1MSwwLDEsMS03LjA5My4wMzZDNTgyLjc0MSwyMTg0LjUyMiw1ODIuNzUxLDIxODIuMzM0LDU4Mi43NTEsMjE4MC4xNDZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM0Ljc2IC05Mi4xNjgpIiBmaWxsPSIjZGMxNDNjIi8+DQogICAgPHBhdGggaWQ9IlBhdGhfMjkzMjEiIGRhdGEtbmFtZT0iUGF0aCAyOTMyMSIgZD0iTTU4OS44ODMsMjI4My42MjFhMy41NDIsMy41NDIsMCwxLDEtMy41LTMuNDkzQTMuNTQ2LDMuNTQ2LDAsMCwxLDU4OS44ODMsMjI4My42MjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM0Ljc5OSAtMTc2LjI4NikiIGZpbGw9IiNkYzE0M2MiLz4NCiAgPC9nPg0KPC9zdmc+);
  border: none;
  border-radius: 0px;
  background-size: contain !important;
  width: 55px;
  height: 55px;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.ffPopupWarningContainer
{
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MC44ODMiIGhlaWdodD0iODAuMjA4IiB2aWV3Qm94PSIwIDAgOTAuODgzIDgwLjIwOCI+CiAgPGcgaWQ9Ikdyb3VwXzQ0NDkiIGRhdGEtbmFtZT0iR3JvdXAgNDQ0OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQwNi4xMDYgLTIwNDkuMDU2KSI+CiAgICA8cGF0aCBpZD0iUGF0aF8yOTMxOSIgZGF0YS1uYW1lPSJQYXRoIDI5MzE5IiBkPSJNNDA2LjEwNiwyMTEzLjgyOWMuNDc3LTMuNjA5LDIuNTExLTYuNTE0LDQuMzEyLTkuNTIycTE0LjM2NC0yNCwyOC43MjctNDcuOTk0YTE0LjIxNCwxNC4yMTQsMCwwLDEsMjQuNzA3LS4xMTRxNS41NzcsOS4yNjYsMTEuMTE2LDE4LjU1NCw0LjUzMSw3LjU2Nyw5LjA1NCwxNS4xMzlhMy41NDcsMy41NDcsMCwxLDEtNi4wOTMsMy42MTVxLTMuNDMzLTUuNjk0LTYuODM4LTExLjQtNi42NDktMTEuMS0xMy4zLTIyLjIwN2MtMy4wMjctNS4wMzYtOS41LTUuMDE2LTEyLjUyNi4wMzFxLTE1LjQ2NywyNS44MTYtMzAuOTE5LDUxLjY0MWE2LjgyOCw2LjgyOCwwLDAsMCwxLjgwNiw5LjM1OSw3LjE2OCw3LjE2OCwwLDAsMCw0LjI2NiwxLjI0MnExNS43NDktLjAxMywzMS41LDAsMTUuNDgzLDAsMzAuOTY3LS4wMDZhNi43NTgsNi43NTgsMCwwLDAsNi45MzgtNy4wNDksMTAuMTk0LDEwLjE5NCwwLDAsMC0uOTYtMy4yNywyNy4yNzYsMjcuMjc2LDAsMCwwLTEuNTExLTIuNiwzLjU0LDMuNTQsMCwxLDEsNi4wODMtMy42MjNjMS41NjksMi41MDgsMy4wNDcsNS4wMjksMy40NDcsOC4wNzRBMTQuMDE5LDE0LjAxOSwwLDAsMSw0ODUsMjEyOS4xYTIzLjU3OSwyMy41NzksMCwwLDEtMi43NDEuMTZxLTMwLjcuMDEzLTYxLjQuMDA3Yy03LjgwNSwwLTEzLjE2My00LjQzNi0xNC42MTQtMTIuMDk0YTEuNjY4LDEuNjY4LDAsMCwwLS4xMzYtLjMyM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNmZmQzNGIiLz4KICAgIDxwYXRoIGlkPSJQYXRoXzI5MzIwIiBkYXRhLW5hbWU9IlBhdGggMjkzMjAiIGQ9Ik01ODIuNzUxLDIxODAuMTQ2YzAtMi4xNTgtLjAwNi00LjMxNywwLTYuNDc1YTMuNTU1LDMuNTU1LDAsMSwxLDcuMDk0LS4wMzVxLjAxNCw2LjUxOSwwLDEzLjAzOWEzLjU1MSwzLjU1MSwwLDEsMS03LjA5My4wMzZDNTgyLjc0MSwyMTg0LjUyMiw1ODIuNzUxLDIxODIuMzM0LDU4Mi43NTEsMjE4MC4xNDZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM0Ljc2IC05Mi4xNjgpIiBmaWxsPSIjZmZkMzRiIi8+CiAgICA8cGF0aCBpZD0iUGF0aF8yOTMyMSIgZGF0YS1uYW1lPSJQYXRoIDI5MzIxIiBkPSJNNTg5Ljg4MywyMjgzLjYyMWEzLjU0MiwzLjU0MiwwLDEsMS0zLjUtMy40OTNBMy41NDYsMy41NDYsMCwwLDEsNTg5Ljg4MywyMjgzLjYyMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzQuNzk5IC0xNzYuMjg2KSIgZmlsbD0iI2ZmZDM0YiIvPgogIDwvZz4KPC9zdmc+Cg==');
  border: none;
  border-radius: 0px;
  background-size: contain !important;
  width: 55px;
  height: 55px;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.swal2-container #t-q-otp
{
  width: 100% !important;
}
.privacy_policy_block span
{
  cursor: pointer;
}
.privacy_policy_block span,
.privacy_policy_block a,
.privacy_policy_block
{
  font-weight: 900;
  color: var(--bs-orange);
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}
.privacy_policy_block span:hover,
.privacy_policy_block a:hover,
.privacy_policy_block span:focus,
.privacy_policy_block a:focus
{
  color: var(--text-color);
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}
.billing_preset_title_block
{
  border-bottom: 3px solid var(--bs-orange);
}
.billing_preset_title_block ul.row_statsTitle_block a.nav-link.active
{
  background-color: transparent !important;
  border-top: 3px solid var(--bs-orange);
  border-right: 3px solid var(--bs-orange);
  border-left: 3px solid var(--bs-orange);
}
#form-docs-update input.form-control,
#form-docs-update select.form-control,
#form-docs-update textarea.form-control,
#form-docs-update .like-input,
#form-docs-update .chosen-container-single .chosen-single,
#form-docs-update div.bootstrap-tagsinput,
#preset-form input.form-control,
#preset-form select.form-control,
#preset-form textarea.form-control,
#preset-form .like-input,
#preset-form .chosen-container-single .chosen-single,
#preset-form div.bootstrap-tagsinput
{
  box-shadow: 0px 0px 6px rgba(220, 117, 0, 0.7) !important;
}
#form-docs-update .billing_preset_title_block a.nav-link.active,
#form-preset-info .billing_preset_title_block a.nav-link.active,
#preset-form .billing_preset_title_block a.nav-link.active
{
  color: var(--text-color) !important;
}
#all_offers-content .schedule_offer .schedule_offer_text,
.singleOfferContentBlock .offerTitle .schedule_offer .schedule_offer_text
{
  background: var(--topbar-element-pending-bg);
  border-radius: 25px;
  padding: 2px 15px;
  margin-right: 5px;
  box-shadow: inset 0px 1px 4px #00000087 !important;
}
#all_offers-content .schedule_offer .schedule_offer_date,
.singleOfferContentBlock .offerTitle .schedule_offer .schedule_offer_date
{
  color: var(--color-orange-black);
}
.rank
{
  position: relative;
  width: 100px;
  margin: auto;
}
.rank img
{
  height: 20px;
  filter: grayscale(100%);
  width: 100px;
}
.rank .bg
{
  height: 20px;
  width: 100px;
  position: absolute;
  top: 4px;
  left: 0;
  overflow: hidden;
}
.rank .star
{
  background-image: url('../../assets/img/fox.png');
  background-size: 100px 20px;
  background-repeat: no-repeat;
  height: 20px;
  width: 100px;
  position: absolute;
  top: 0;
  left: 0;
}
.tooltipApproval
{
  position: relative;
  display: inline-block;
}
.tooltipApproval .tooltipApprovaltext
{
  display: none;
  width: 300px;
  background-color: var(--all-offer-info-table-bg);
  color: var(--text-color);
  text-align: left;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  top: 105%;
  left: 0;
  margin-left: -60px;
  border: 1px solid #343434;
  font-size: 16px;
}
.tooltipApproval .tooltipApprovaltext::after
{
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #343434 transparent;
}
.tooltipApproval:hover
{
  cursor: pointer;
}
.tooltipApproval:hover .tooltipApprovaltext
{
  display: block;
}
table.so_DPTable .soTopColumnTooltip
{
  white-space: nowrap;
}
table.so_DPTable .soTopColumnTooltip .tooltipApprovaltext
{
  top: 50%;
  left: calc(100% + 10px);
  margin-left: 0;
  transform: translateY(-50%);
  width: max-content;
  /* max-width: 320px;
  */
	white-space: nowrap;
  border-color: var(--bs-orange);
}
table.so_DPTable .soTopColumnTooltip .tooltipApprovaltext::after
{
  bottom: auto;
  left: -10px;
  top: 50%;
  margin-left: 0;
  transform: translateY(-50%);
  border-color: transparent var(--bs-orange) transparent transparent;
}
table.so_DPTable td.soTopCell
{
  font-weight: 600;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
/* bonus pop-up style */
#platformNotificationMod .body img
{
  display: none;
}
#platformNotificationMod.is_bonus .container-fluid
{
  background: #000000a6;
}
#platformNotificationMod.is_bonus .content
{
  max-width: 500px;
  position: absolute;
  left: calc(50% - 250px);
  max-height: 435px;
  top: calc(50% - 200px);
  background: transparent;
}
#platformNotificationMod.is_bonus .content .footer
{
  place-items: center center;
}
.bonusNotifTxt
{
  font-size: 12px;
  color: var(--bs-red);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 0px;
}
#platformNotificationMod.is_bonus p,
#platformNotificationMod.is_bonus span
{
  color: #000;
}
#platformNotificationMod.is_bonus .header:before,
#platformNotificationMod.is_bonus .header:after,
#platformNotificationMod.is_bonus span.subject
{
  display: none;
}
#platformNotificationMod.is_bonus .viewPlatformNotification
{
  text-align: center;
  color: var(--text-color);
  font-size: 20px;
}
#platformNotificationMod.is_bonus .viewPlatformNotification span.orange
{
  color: var(--text-orange);
  font-weight: 700;
}
#platformNotificationMod.is_bonus .header,
#platformNotificationMod.is_bonus .footer
{
  border: 0;
}
#platformNotificationMod.is_bonus .header
{
  background-image: url('../img/red-ribbon.png');
  background-size: 100%;
  min-height: 110px;
  margin-bottom: -59px;
  margin-top: 15px;
  background-repeat: no-repeat;
  width: 90%;
  margin-left: 5%;
}
#platformNotificationMod.is_bonus .header p
{
  max-width: 300px;
  text-align: center;
  line-height: 24px;
  margin-bottom: 30px;
}
#platformNotificationMod.is_bonus .header span
{
  color: #fff;
  line-height: 24px;
}
#platformNotificationMod.is_bonus .body
{
  background: var(--menu-background);
  border-radius: 10px 10px 0 0;
  background-image: url('../img/congratulations.gif');
  background-size: 100%;
  border: 1px solid #dc7500;
  border-bottom: 0;
}
#platformNotificationMod.is_bonus .body img
{
  display: block;
  max-height: 139px;
  margin: 50px auto 10px;
}
#platformNotificationMod.is_bonus .footer
{
  background: var(--menu-background);
  border-radius: 0 0 10px 10px;
  border: 1px solid #dc7500;
  border-top: 0;
}
#platformNotificationMod.is_bonus .footer button
{
  background: #dc7500;
}
#approvals-reports-table thead tr th:last-child
{
  white-space: nowrap;
}
.from_beginSelector
{
  min-width: 180px;
}
/* PERSONAL SWEEPS OFFERS */
.po_ContainerBlock .personalOffersListBlock
{
  padding: 0;
  margin: 0 -12px;
}
.personalOffersListBlock .poAddOfferCol,
.personalOffersListBlock .personalOfferItem
{
  display: flex;
}
.personalOffersListBlock .add-box
{
  position: relative;
  width: 100%;
  min-height: 370px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: var(--all-offer-view-button-bs) !important;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: sans-serif;
  transition: all 0.2s ease;
  border: 1px solid var(--bs-orange);
  background: var(--inputs-bg);
  color: var(--text-color);
  cursor: pointer;
}
.personalOffersListBlock .plus
{
  font-size: 50px;
}
.personalOffersListBlock .add-box:hover
{
  transform: translateY(-4px);
  box-shadow: 0 8px 22px rgba(0,0,0,0.12);
  border-color: var(--topbar-element-approved-bg);
  color: var(--topbar-element-approved-bg) !important;
}
.personalOffersListBlock .item-box .offersBlock
{
  border: 1px solid transparent;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.personalOffersListBlock .item-box:hover .offersBlock
{
  transform: translateY(-4px);
  box-shadow: 0 8px 22px rgba(0,0,0,0.12) !important;
  border-color: var(--bs-orange);
}
.personalOffersListBlock .item-box .offerImgBlock a,
.personalOffersListBlock .item-box .btnViewOfferBlock a
{
  display: block;
}
.add_po_swal .swal2-actions
{
  z-index: 0;
}
/* End of PERSONAL SWEEPS OFFERS */

.removePOBtn
{
  position: absolute;
  display: none;
  background-color: var(--bs-red);
  top: 10px;
  right: 10px;
  z-index: 51;
  cursor: pointer;
  width: 30px;
  height: 30px;
  font-size: 16px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.personalOffersListBlock .item-box:hover .removePOBtn
{
  display: flex;
  justify-content: center;
  align-items: center;
}
.removePOBtn i
{
  color: var(--separator-color);
}
.reloadBtn
{
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 8px;
  border: 1px solid var(--bs-orange);
  border-radius: 50%;
}
.reloadBtn:hover
{
  transform: rotate(180deg);
  transition: transform 0.4s ease;
}
.pendingMngmtAmount, .approvedMngmtAmount
{
  font-size: 14px;
  color: var(--topbar-text-color-inverted-p_a) !important;
  box-shadow: inset 0px 1px 4px #00000087 !important;
  border-radius: 34px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  white-space: nowrap;
}
.pendingMngmtAmount
{
  background-color: var(--topbar-element-pending-bg);
}
.approvedMngmtAmount
{
  background-color: var(--topbar-element-approved-bg);
}
@media (min-width: 1400px) and (max-width: 1600px)
{
  #all_offers-content .col-xxl-2,
	#popular_offers-content .col-xxl-2
  {
    width: 24.66667%;
  }
}
@media (max-width: 1440px)
{
  #topbar .actions .searchbar .input-group.search-active input
  {
    width: 200px;
  }
  button.btn.prizeMoneyRequestBtn,
	button.btn.prizeRequestBtn
  {
    width: 140px;
  }
}
@media (max-width: 1200px)
{
  div.mainAPContainer
  {
    padding: 0;
  }
}
@media (max-width: 952px)
{
  .template-live_stats
  {
    grid-template-columns: 50% 50%;
    justify-content: unset;
  }
  .template-live_stats .a
  {
    grid-column: 2;
    grid-row: 1;
  }
  .template-live_stats .b
  {
    grid-column: 1;
    grid-row: 2;
  }
  .template-live_stats .c
  {
    grid-column: 2;
    grid-row: 2;
  }
  .template-live_stats .d
  {
    grid-column: 1;
    grid-row: 3;
  }
  .template-live_stats .e
  {
    grid-column: 2;
    grid-row: 3;
    height: 100px;
  }
  #live_stats-table tfoot
  {
    display: none;
  }
}
@media (max-width: 768px)
{
  .offersCategoryContainer .col-lg-1
  {
    margin-bottom: 10px;
  }
  .flamyfox_popups,
	.swal2-popup.swal2-modal
  {
    max-width: 95% !important;
  }
  table.so_landFormTable.offerInfoTable .landFormCountryFlagBlock img.landFormFlagImg,
	table.so_DPTable .landFormCountryFlagBlock img.landFormFlagImg
  {
    min-width: 26.86px;
  }
  .checkbox-wrapper
  {
    max-width: 100%;
  }
  .warningTxtBlock
  {
    font-size: 17px;
    font-weight: 900;
  }
  .offerPaginationBlock
  {
    display: contents;
  }
  /* EXPO STYLE PART */
	.expoMainWrapperDesktop
  {
    display: none;
  }
  .expoMainWrapperMobile
  {
    display: block;
  }
  .mainExpoTitle
  {
    font-size: 45px;
    text-align: center;
  }
  .mainExpoTitleSpan
  {
    letter-spacing: 4px;
  }
  .mainExpoTxt
  {
    font-size: 16px;
    width: 100%;
  }
  .mainFlamyLogo,
	.mainExpoLogo
  {
    width: 50%;
  }
  .expoLogoImg
  {
    width: 100%;
  }
  div.mainExpoLinkBlock,
	div.mainExpoTxt,
	div.mainExpoFlamyLogo,
	div.mt-5.mainExpoDetailsBlock,
	div.mt-5.mainExpoClaimFreeTicketBlock
  {
    margin-top: 15px !important;
  }
  .mainExpoDetailsBlock
  {
    flex-direction: column;
  }
  div.mainExpoScheduleBlock
  {
    margin-right: 0 !important;
  }
  div.mt-5.mainExpoDetailsBlock
  {
    align-items: flex-start !important;
  }
  #expoInfoWrapperMobile.viewer_wrapper .content .body
  {
    height: calc(100% - 30px);
  }
  #expoInfoWrapperMobile.viewer_wrapper .content .header
  {
    height: 30px;
  }
  /* End of EXPO STYLE PART */

	div.generalTimeSelectorBlock
  {
    flex-wrap: wrap;
    justify-content: center;
  }
  div.selectByListTime div.mobileHideBlock
  {
    display: none !important;
  }
  .cf7_block_mobile
  {
    flex-direction: column;
  }
  .mobileDoYouNeedSomeHelp
  {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 49;
    width: 75px;
    height: 75px;
  }
  .mobileDoYouNeedSomeHelp a.mobileDoYouNeedSomeHelpLink
  {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    font-weight: bold;
    width: 100%;
    height: 100%;
    background-color: var(--bs-orange);
    padding: 5px;
    border-radius: 5px;
    color: var(--bs-orange);
    background-image: url("../img/contact_us.svg");
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .DSHlatestCampConfermBlock span
  {
    font-size: 10px !important;
  }
  .DSHlatestCampConfermBlock
  {
    margin-right: -12px;
    margin-left: -12px;
  }
  .so_offerConfermaTable div.tdDiv
  {
    font-size: 10px;
  }
  .so_offerConfermaTable.singleOffersPage
  {
    font-size: 12px;
    margin-left: 0;
  }
  .section .section-title p.offerTitle
  {
    line-height: 1;
    padding-left: 5px;
  }
  button#mobileTimeSelectorQuickActions,
	button#monthQuickActions,
	.generalTimeSelectorBlock .selectByListTime .timeSelectorBlock label.timeSelectorLabel
  {
    padding: 5px 15px;
  }
  .mobileTimeSelectorBlock,
	.monthSelectBlock,
	.generalTimeSelectorBlock .selectByListTime .timeSelectorBlock
  {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
  }
  div.selectByListTime
  {
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-evenly;
  }
  .linksRow .landingLinkToView
  {
    overflow: hidden;
  }
  .contestPageAP.mb-2
  {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  #popularOffers-table .likedOfferList,
	#allOffers-table .likedOfferList
  {
    top: -5px;
    left: -25px;
    width: 35px;
    height: 35px;
  }
  #popularOffers-table th:nth-child(2),
	#allOffers-table th:nth-child(2)
  {
    border-top-right-radius: 10px;
  }
  button.btn.prizeMoneyRequestBtn,
	button.btn.prizeRequestBtn
  {
    width: 150px;
  }
  .conestPageTermAndCond
  {
    flex-direction: column;
    padding: 0 10px;
  }
  .conestPageTermAndCond p
  {
    margin-right: 0 !important;
    text-align: center;
  }
  button.getViewCCPrice
  {
    padding: 6px 35px;
  }
  #cc_countdown #cc_tiles > span
  {
    width: 35px;
    max-width: 35px;
    font-size: 25px;
  }
  .mblNeedOverflvXHidd
  {
    overflow-x: hidden;
  }
  #register-form .terms__cond_span
  {
    white-space: normal;
  }
  .socialNetworkBlock
  {
    display: none;
  }
  div.copyPreviewInfoBlock
  {
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .generalDataViewBlock .generalDataViewContainer
  {
    overflow: hidden;
    flex-wrap: wrap;
  }
  #pdomains-table tfoot tr td:nth-child(1),
	#pdomains-table tfoot tr td:nth-child(2)
  {
    display: none;
  }
  table tbody tr td button.btn
  {
    padding: 10px;
    white-space: nowrap;
  }
  div.postback-actions
  {
    flex-direction: row !important;
    margin-bottom: 1rem !important;
  }
  div.postback-actions button.add-postback
  {
    margin-bottom: 0px !important;
    margin-right: 10px;
  }
  #topbar div.brand.d-flex
  {
    display: none !important;
  }
  div.offerCols
  {
    margin-bottom: 15px;
  }
  .imgmedblock
  {
    margin: auto;
  }
  .so_infoLeft
  {
    display: block;
  }
  #content.singleOfferContentBlock .mobBlockInfoSO
  {
    margin-top: 15px;
  }
  #main_section #content.singleOfferContentBlock
  {
    height: auto;
  }
  #main_section
  {
    overflow-y: auto;
    padding-bottom: 30px;
  }
  #topbar a#openPageslide
  {
    border-bottom: none;
  }
  #topbar .approvedPendingBlockTopbar,
	#topbar .theme-switcher,
	#topbar .lang-switch
  {
    display: none !important;
  }
  #topbar .actions .searchbar .input-group.search-active input
  {
    width: 90px;
  }
  div.showAllWeekDaysContainer
  {
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
  }
  div.weekDayPerformBlock:nth-child(1),
	div.weekDayPerformBlock:nth-child(2),
	div.weekDayPerformBlock:nth-child(3)
  {
    margin-top: 0;
  }
  div.weekDayPerformBlock
  {
    width: calc(100% / 4);
    margin-top: 35px;
  }
  .ofridBlockCopy label
  {
    padding: 0 10px;
    width: 100%;
  }
  div.landingFormTableBlock,
	span.offerIndicator_five
  {
    overflow-x: auto;
  }
  div.so_description
  {
    margin: 10px;
  }
  .requestPaybump
  {
    padding: 10px;
  }
  .col-4.landingFormTableBlock.dp_section
  {
    width: 100%;
  }
  div.so_InfoRight
  {
    height: 100%;
    padding-bottom: 25px;
    margin-top: 40px;
  }
  .so_InfoRight button.btn.MetroMenuBackButton
  {
    float: right;
    margin-top: 10px;
  }
  div.section-title.needs-collapse.so_TitleBlock button.MetroMenuBackButton
  {
    display: none !important;
  }
  button.btn.MetroMenuBackButton.onlyMobBtnBack
  {
    position: absolute;
    right: 15px;
    top: 0;
    margin: 0;
  }
  div#landingsForms p.landingFormTitle,
	ul.row_pixelTitle_block a.nav-link
  {
    font-size: 17px;
  }
  #pixels .pixelLabelsBlock
  {
    flex-wrap: wrap;
  }
  .notchr
  {
    width: 25px;
    height: 25px;
    margin: 5px;
  }
  div.thxpageviewBlock
  {
    width: 100%;
  }
  div.thxpageviewBlock .notchr
  {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
  .btnPixelBlock
  {
    padding: 15px 0;
  }
  button.saveCustomPixelsSettings,
	button.deleteCustomPixelsSettings,
	div.saveogTagsSettingsBlock button.removeogTagsSettings,
	div.saveogTagsSettingsBlock button.saveogTagsSettings,
	div.btnPixelBlock button.pixelControlBtn
  {
    margin: 0 5px;
    padding: 6px 25px;
  }
  div.pixelTestRightPart,
	div.generalPixelTestBlock div.pixelTestLeftPart
  {
    width: 100%;
  }
  div.pixelTestRightPart
  {
    padding: 3px 0 0 0;
  }
  div.pixelTestRightPart div.linkTestPixelBlock div.pixelTestImgBlock
  {
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
  }
  body.swal2-toast-shown .swal2-container.swal2-top
  {
    width: 90% !important;
  }
  div#redirectBlock div button.btn
  {
    padding: 6px;
    font-size: 14px;
    margin: 0 5px;
  }
  div#redirectBlock .createOfferRedirectBlock
  {
    margin-top: 70px;
  }
  .viewOfferMediaGallery .imgmedblock,
	.imgmedblock
  {
    height: 90px;
  }
  div.saveSettingsBlock
  {
    flex-wrap: wrap;
  }
  div.saveSettingsBlock button.deletePostbackSettings,
	div.saveSettingsBlock button.deleteCustomPixelsSettings
  {
    margin-top: 10px;
  }
  #custom_pixel div.pixelLeftBlock div.pixelInputBlock,
	#custom_pixel div.pixelRightBlock div.pixelInputBlock
  {
    height: calc(100% - 170px);
  }
  div.mb-Info-Block .onlyMobBlockWrapper
  {
    display: flex !important;
    justify-content: center;
    align-items: center;
  }
  div.mb-Info-Block .onlyMobBlockWrapper.theme-switcher label
  {
    display: block;
  }
  div.mb-Info-Block .onlyMobBlockWrapper.theme-switcher #slider
  {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
    cursor: pointer;
  }
  div.mb-Info-Block .onlyMobBlockWrapper.theme-switcher .switcher-wrapper
  {
    position: relative;
    width: 80px;
    height: 36px;
    background-color: var(--topbar-element-bg);
    transition: background-color;
    border-radius: 24px;
    margin: 0 18px;
  }
  div.mb-Info-Block .onlyMobBlockWrapper.theme-switcher .switcher-wrapper .moon-icon
  {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 5%;
    height: 20px;
    width: 20px;
    color: var(--text-color);
    transform: translate(50%, -50%) rotate(0deg);
    transition: background-color 250ms, opacity 150ms,
			transform 500ms cubic-bezier(0.26, 2, 0.46, 0.71);
  }
  div.mb-Info-Block
		.onlyMobBlockWrapper.theme-switcher
		#slider:checked
		~ .switcher-wrapper
		.moon-icon
  {
    opacity: 1;
    transform: translate(0, -50%) rotate(15deg);
  }
  div.mb-Info-Block .onlyMobBlockWrapper.theme-switcher .switcher-wrapper .switcher
  {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translate(0, -50%);
    height: 26px;
    width: 26px;
    background-color: var(--topbar-slider-touch-bg);
    border-radius: 50%;
    transition: background-color 250ms,
			transform 500ms cubic-bezier(0.25, 1.61, 0.63, 0.71);
  }
  div.mb-Info-Block
		.onlyMobBlockWrapper.theme-switcher
		#slider:checked
		~ .switcher-wrapper
		.switcher
  {
    transform: translate(45px, -50%);
  }
  div.mb-Info-Block .onlyMobBlockWrapper.theme-switcher .switcher-wrapper .sun-icon
  {
    position: absolute;
    top: 50%;
    right: 5%;
    height: 20px;
    width: 20px;
    opacity: 1;
    transform: translate(-15%, -50%) rotate(0deg);
    transform-origin: 50% 50%;
    transition: background-color 250ms, opacity 150ms,
			transform 500ms cubic-bezier(0.26, 2, 0.46, 0.71);
  }
  div.mb-Info-Block
		.onlyMobBlockWrapper.theme-switcher
		#slider:checked
		~ .switcher-wrapper
		.sun-icon
  {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(15deg);
  }
  div.mb-Info-Block .onlyMobBlockWrapper.lang-switch .input-group-text
  {
    height: calc(2.25rem + 2px);
    border-radius: 20px 0px 0px 20px !important;
    background-color: var(--topbar-element-bg);
    border: none !important;
    color: var(--text-color);
  }
  div.mb-Info-Block .onlyMobBlockWrapper.lang-switch .input-group-text svg
  {
    fill: currentColor;
  }
  div.mb-Info-Block .onlyMobBlockWrapper.lang-switch .custom-select
  {
    background-color: var(--topbar-element-bg);
    border: none;
    color: var(--text-color);
    width: 50px;
    line-height: 1;
    float: right;
    border-radius: 0px 20px 20px 0px;
    padding: 5px;
    appearance: none;
    -webkit-appearance: none;
  }
  div.mb-Info-Block .onlyMobBlockWrapper .approved,
	div.mb-Info-Block .onlyMobBlockWrapper .pending
  {
    font-size: 14px;
    width: 100%;
    box-shadow: inset 0px 1px 4px #00000087 !important;
    border-radius: 34px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-wrap: wrap;
  }
  div.mb-Info-Block .onlyMobBlockWrapper .pending
  {
    background-color: var(--text-orange);
  }
  div.mb-Info-Block .onlyMobBlockWrapper .approved
  {
    background-color: var(--text-green);
  }
  .mb-Info-Block
  {
    padding-top: 25px;
  }
  div.mb-Info-Block .onlyMobBlockWrapper .approved span#approved,
	div.mb-Info-Block .onlyMobBlockWrapper .pending span#pending
  {
    width: 100%;
    text-align: center;
  }
  div.mb-Info-Block .onlyMobBlockWrapper.approvedPendingBlockTopbar
  {
    padding: 0 5px;
  }
  .lang-switch.onlyMobBlockWrapper,
	.theme-switcher.onlyMobBlockWrapper
  {
    margin-top: 10px;
  }
  .singleOfferContentBlock .offerTitle .schedule_offer
  {
    font-size: var(--bs-body-font-size);
    display: block;
    margin-top: 15px;
  }
  .tooltipApproval .tooltipApprovaltext
  {
    left: -45%;
  }
  table.so_DPTable .soTopColumnTooltip .tooltipApprovaltext
  {
    position: fixed;
    top: var(--so-top-tooltip-mobile-top, 60px);
    left: 50%;
    width: 90vw;
    max-width: 90vw;
    margin: 0 auto;
    transform: translateX(-50%);
    white-space: normal;
    text-align: center;
    box-sizing: border-box;
    z-index: 9999;
  }
  table.so_DPTable .soTopColumnTooltip .tooltipApprovaltext::after
  {
    top: -10px;
    bottom: auto;
    left: var(--so-top-tooltip-mobile-arrow-left, 24px);
    margin-left: 0;
    transform: none;
    border-color: transparent transparent var(--bs-orange) transparent;
  }
  #platformNotificationMod.is_bonus .content
  {
    left: 5%;
    max-width: 90%;
  }
  #platformNotificationMod.is_bonus .body
  {
    height: calc(100% - 25vw);
  }
  #platformNotificationMod.is_bonus .header
  {
    min-height: 19vw;
    margin-bottom: -5vw;
  }
  #platformNotificationMod.is_bonus .header p
  {
    max-width: 50%;
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 5vw;
  }
  #platformNotificationMod.is_bonus .header span
  {
    line-height: 16px;
  }
  #platformNotificationMod.is_bonus .body img
  {
    margin: 30px auto 10px;
    max-height: 135px;
  }
  #platformNotificationMod.is_bonus .viewPlatformNotification
  {
    font-size: 16px;
  }
}
@media (min-width: 768px)
{
  .offersCategoryContainer
  {
    min-height: 330px;
  }
  .offersCategoryContainer .category_card
  {
    height: 330px;
  }
  .offersCategoryContainer .col-lg-1
  {
    width: 11.5%;
    flex: 0 0 auto;
    max-width: 11.5%;
  }
  .warningTxtBlock
  {
    font-size: 19px;
    font-weight: 900;
  }
  div.mobileTimeSelectorBlock
  {
    display: none !important;
  }
  .mobileDoYouNeedSomeHelp
  {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 49;
    width: 75px;
    height: 75px;
  }
  .mobileDoYouNeedSomeHelp a.mobileDoYouNeedSomeHelpLink
  {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    font-weight: bold;
    width: 100%;
    height: 100%;
    background-color: var(--bs-orange);
    padding: 5px;
    border-radius: 5px;
    color: var(--bs-orange);
    background-image: url("../img/contact_us.svg");
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .socialNetworkBlock-mobile
  {
    display: none !important;
  }
  div.mb-Info-Block .onlyMobBlockWrapper
  {
    display: none !important;
  }
  div.so_InfoRight button.onlyMobBtnBack
  {
    display: none !important;
  }
  div.so_InfoRight
  {
    position: absolute;
    top: 0;
    left: 0;
  }
  div.row.so_footerBlock
  {
    display: table-footer-group;
    width: 100%;
  }
  #soMetroMenuList
  {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
  }
  .so_InfoRight button.btn.MetroMenuBackButton
  {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }
}
/* merged: style.css */
input#freeDeliveryForms,
input#itOnlyForms,
input#freeDeliveryForms:focus,
input#itOnlyForms:focus
{
  cursor: pointer;
  box-shadow: none !important;
  background-color: transparent;
}
body #main_menu li.marketplace
{
  display: none;
}
body #main_menu li.marketplace.show_marketplace
{
  display: flex;
}
li.marketplace img
{
  max-width: 30px;
  margin: auto;
}
html[data-theme="light"] li.marketplace img.light
{
  display: block;
}
html[data-theme="light"] li.marketplace img.dark
{
  display: none;
}
html[data-theme="dark"] li.marketplace img.light
{
  display: none;
}
html[data-theme="dark"] li.marketplace img.dark
{
  display: block;
}
/*********** Restricted Offer ***********/
.restrictedOfferRejected
{
  background: transparent var(--section-content-bg) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px var(--all-offer-licked-bs) !important;
  border-radius: 10px;
  padding: 30px 10px;
  margin: 0 auto 20px;
}
.restrictedOfferRejectedTitle
{
  color: var(--text-orange);
  font-size: 1.3rem;
  text-align: center;
}
.restrictedOfferRejectedMessage
{
  font-size: 1.1rem;
  text-align: center;
}
#restrictedOffer
{
  margin: 0 auto 20px;
  text-align: center;
  background: transparent var(--section-content-bg) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px var(--all-offer-licked-bs) !important;
  border-radius: 10px;
  padding: 30px 10px;
}
#restrictedOffer .message
{
  color: var(--bs-red);
  font-size: 1.5rem;
}
#restrictedOfferbutton
{
  max-width: 275px;
  margin: 30px auto;
  background-color: var(--bs-orange);
  color: #fff;
}
#restrictedOfferPoup
{
  scroll-behavior: smooth;
  display: none;
  margin: 0 auto 20px;
  text-align: center;
  background: transparent var(--section-content-bg) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px var(--all-offer-licked-bs) !important;
  border-radius: 10px;
  padding: 30px 10px;
  position: relative;
}
#restrictedOfferPoup .close
{
  color: #fff;
  opacity: 1;
  font-size: 1em;
  background: var(--text-orange);
  padding: 0px 6px;
  line-height: 1.5em;
  text-transform: uppercase;
  border-radius: 50%;
  position: absolute;
  top: 15px;
  right: 15px;
}
#restrictedOfferPoup .close:hover
{
  cursor: pointer;
}
#restrictedOfferPoup h2
{
  font-size: 1.3em;
  max-width: 800px;
  margin: 0 auto 10px;
  color: var(--text-orange);
}
#requestOfferAccessForm
{
  padding: 10px;
}
#requestOfferAccessForm label
{
  text-align: left;
  width: 100%;
  margin-bottom: 5px;
}
#requestOfferAccessForm input
{
  width: 100%;
}
#requestOfferAccessForm button
{
  min-width: 150px;
  background-color: var(--bs-orange) !important;
  color: var(--text-inside-bgColored) !important;
  box-shadow: var(--all-offer-view-button-bs) !important;
  border-radius: 5px;
  background-color: var(--all-offer-view-button-bg);
  color: var(--all-offer-view-button-text-color);
  border: none;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  padding: 10px;
  text-transform: uppercase;
}
#requestOfferAccessForm .link
{
  color: #000;
  padding: 5px;
}
#requestOfferAccessFormResponse > div
{
  margin: 0 auto 20px;
  text-align: center;
  background: transparent var(--section-content-bg) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px var(--all-offer-licked-bs) !important;
  border-radius: 10px;
  padding: 30px 10px;
  color: var(--text-orange);
}
#requestOfferAccessFormResponse > div
{
  color: var(--bs-red);
}
#requestOfferAccessFormResponse > div.verify
{
  color: var(--text-color);
}
#requestOfferAccessFormResponse > div.pending
{
  color: var(--text-orange);
  font-size: 1.3em;
}
#requestOfferAccessFormResponse .loading
{
  margin: 0 auto 20px;
}
#requestOfferAccessFormResponse .loading img
{
  width: 100px;
  margin-left: -30px;
}
#restrictedOffer .after span
{
  color: var(--bs-orange);
  font-weight: 700;
}
#restrictedOffer .after_left
{
  width: 91px;
  float: left;
  margin-right: 9px;
  margin-left: 10px;
}
#restrictedOffer .after_right
{
  width: calc(100% - 110px);
  float: left;
}
#requestOfferAccessForm .more_restricted
{
  display: none;
}
#requestOfferAccessForm .more_restricted_button
{
  text-align: left;
  margin-top: 10px;
  color: var(--bs-orange);
  font-weight: 700;
}
#requestOfferAccessForm .more_restricted_button:hover
{
  cursor: pointer;
}
.get_autosave-form
{
  border-radius: 5px;
  background-color: var(--all-offer-view-button-bg);
  color: var(--all-offer-view-button-text-color);
  border: none;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  color: var(--text-inside-bgColored);
  border-radius: 8px;
  padding: 11.5px 32px;
  text-transform: uppercase;
  transition: background-color .3s ease;
  display: block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  background-color: var(--all-offer-view-button-bg);
  border: 1px solid transparent;
  width: 300px !important;
  position: fixed;
  bottom: 18px;
  margin-left: 12px;
  z-index: 100;
  display: none;
}
.get_autosave-form:hover
{
  cursor: pointer;
}
/* Latest campaigns dashboard */
.latestCampCountryAll
{
  gap: 6px;
}
.latestCampCountryAllIcon
{
  width: 27px;
  height: auto;
}
.latestCampCountryAllTxt
{
  font-size: 13px;
  font-weight: 600;
}
/* All offers - globe summary row */
.offerInfoCountryAllImg
{
  width: 27px;
  vertical-align: middle;
  margin-right: 6px;
}
.offerInfoAllCountriesRow .offerInfoAllCountriesText
{
  vertical-align: middle;
  font-weight: 600;
  white-space: nowrap;
  font-size: 14px;
}
.offerInfoAllCountriesRow
{
  text-align: left;
}
.tdDivAllCountries
{
  display: table-cell;
  width: 100%;
}
.so_countryGallery
{
  background: transparent var(--section-content-bg) 0% 0% no-repeat padding-box;
  box-shadow: 0 3px 6px var(--all-offer-licked-bs);
  border-radius: 10px;
  padding: 20px 18px;
  max-width: 792px;
  margin: auto;
}
.soCountryGallery_header p.landingFormTitle
{
  font-weight: 700;
  margin-bottom: 2px;
  color: var(--text-color);
}
.soCountryGallery_header div.so_section-title p.landingFormSubtitle
{
  margin: 0 0 12px 0;
  font-size: 14px;
  font-weight: 400;
  color: var(--text-gray, #6c757d);
}
.soCountryGallery_header div.so_section-title,
.soCountryGallery_header div.so_section-title p
{
  background: unset;
  text-align: left;
  font-weight: 500;
  border: 0;
  margin-bottom: 20px;
}
#soCountryFlagGrid .so-country-pill
{
  border: 0;
  border-radius: 0;
  background: unset;
  padding: 0;
}
.soCountryFlagGrid
{
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(8, minmax(30px, 1fr));
  gap: 6px;
}
.so-country-pill
{
  border: 1px solid var(--input-border-color, #dcdfe6);
  background: var(--section-content-bg);
  border-radius: 10px;
  padding: 8px 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  transition: all .15s ease;
  color: var(--text-color);
  height: 100%;
}
.so-country-pill:hover, .so-country-pill:focus
{
  border-color: var(--bs-primary);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
.so-country-name
{
  font-size: 12px;
  font-weight: 300;
  text-align: center;
  line-height: 1;
  word-break: break-word;
  min-height: 21px;
}
.so-country-item
{
  min-width: 0;
  height: 100%;
}
.so-country-flag
{
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.so-country-flag img
{
  height: 34px;
  width: auto;
  max-width: 44px;
  border-radius: 84px;
  /*box-shadow: 0 0 8px rgba(0,0,0,0.08);
  */
}
.so-sweeps-layout #soCountryFlagGrid
{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.so-sweeps-layout #soCountryFlagGrid .so-country-pill
{
  /* border: 1px solid var(--input-border-color, #dcdfe6);
  border-radius: 10px;
  background: var(--section-content-bg);
  */
    padding: 10px 12px;
}
.so-sweeps-layout .so-country-row-btn
{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
}
.so-sweeps-layout .so-country-left
{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.so-sweeps-layout .so-country-right
{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 12px;
}
.so-sweeps-layout .so-country-name
{
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  min-height: 0;
  line-height: 1.2;
}
.so-sweeps-layout .so-country-payout
{
  font-weight: 600;
  color: var(--bs-orange);
  white-space: nowrap;
}
.so-sweeps-layout .so-country-arrow
{
  color: var(--text-color);
  opacity: 0.6;
  font-size: 18px;
  line-height: 1;
}
.so-sweeps-layout .so_section-title.needs-collapse.dp_section,
.so-sweeps-layout .ofridBlockCopy
{
  display: none !important;
}
.so-sweeps-layout table.so_landFormTable.externalTable thead th:first-child
{
  text-align: left;
}
.so-sweeps-layout table.so_landFormTable.externalTable tbody tr:nth-child(odd)
{
  background-color: var(--table-body-bg2);
}
.so-sweeps-layout table.so_landFormTable.externalTable tbody tr:nth-child(even)
{
  background-color: var(--table-body-bg1);
}
.so-sweeps-layout table.so_landFormTable.externalTable
{
  background: transparent;
}
.so-sweeps-layout table.so_landFormTable.externalTable tbody tr:nth-child(odd) td
{
  background-color: var(--table-body-bg2);
}
.so-sweeps-layout table.so_landFormTable.externalTable tbody tr:nth-child(even) td
{
  background-color: var(--table-body-bg1);
}
.so-sweeps-layout table.so_landFormTable.externalTable td:nth-child(3),
.so-sweeps-layout table.so_landFormTable.externalTable th:nth-child(3)
{
  display: table-cell !important;
}
.landFormCountryFlagBlock.flag-compact
{
  max-width: 28px;
  max-height: 18px;
  margin-right: 10px;
  display: inline-block;
}
.landFormCountryFlagBlock.flag-compact .landFormFlagImg
{
  max-width: 100%;
  max-height: 100%;
}
.countryModalFlag
{
  width: 36px;
  height: auto;
  border-radius: 6px;
}
.modalTableTitle
{
  font-weight: 700;
  margin-bottom: 8px;
}
.countryModalTableBlock .offerInfoTable thead th
{
  white-space: nowrap;
}
#countryInfoModal .modal-content
{
  background: transparent var(--section-content-bg) 0% 0% no-repeat padding-box;
}
html[data-theme="dark"] #countryInfoModal .modal-header .btn-close
{
  filter: invert(1);
}
.countryModalTables th ,
.countryModalTables td
{
  padding: 10px;
}
.so-sweeps-layout #soCountryFlagGrid
{
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  gap: 0;
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
  scrollbar-gutter: stable;
  padding-right: 18px;
}
.so-sweeps-layout #soCountryFlagGallery
{
  position: relative;
}
.so-sweeps-layout .so-sweeps-scrollbar
{
  position: absolute;
  right: 6px;
  width: 14px;
  background: var(--menu-template-6-a-bg);
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px #3a3a3a;
  pointer-events: none;
  display: none;
}
.so-sweeps-layout .so-sweeps-scrollbar .so-sweeps-thumb
{
  position: absolute;
  left: 3px;
  right: 3px;
  background: var(--bs-orange);
  border-radius: 10px;
  min-height: 24px;
}
@media (max-width: 991.98px)
{
  .so-sweeps-layout #soCountryFlagGrid
  {
    scrollbar-width: auto;
  }
  .so-sweeps-layout #soCountryFlagGrid::-webkit-scrollbar
  {
    width: initial;
    display: initial;
  }
  .so-sweeps-layout .so-sweeps-scrollbar
  {
    display: none !important;
  }
}
.so-sweeps-layout .soCountryGallery_header .so_section-title
{
  padding: 0;
  margin-bottom: 12px;
  border-bottom: 1px solid #8080802e;
}
.so-sweeps-layout .soCountryGallery_header .landingFormTitle
{
  font-size: 24px;
  font-weight: 400;
  color: var(--text-color);
  letter-spacing: 0.2px;
  margin-bottom: 0px;
}
.so-sweeps-layout .so-country-row
{
  border-bottom: 1px solid #8080802e;
}
.so-sweeps-layout .so-country-row:last-child
{
  border-bottom: 0;
}
.so-sweeps-layout #soCountryFlagGrid .so-country-pill
{
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 12px 6px;
}
.so-sweeps-layout .so-country-row-btn:hover,
.so-sweeps-layout .so-country-row-btn:focus
{
  background: rgba(255, 255, 255, 0.03);
  box-shadow: none;
}
.so-sweeps-layout .so-country-flag img
{
  height: 30px;
  width: 40px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}
.so-sweeps-layout .so-country-name
{
  font-size: 15px;
  font-weight: 500;
  color: var(--text-color);
}
.so-sweeps-layout .so-country-payout
{
  color: var(--text-orange);
  font-weight: 600;
}
.so-sweeps-layout .so-country-arrow
{
  color: var(--text-color);
  font-size: 20px;
}
.so-sweeps-layout #soCountryFlagGrid::-webkit-scrollbar
{
  width: 0 !important;
  display: none !important;
}
.so-sweeps-layout #soCountryFlagGrid::-webkit-scrollbar-track
{
  background: transparent !important;
  box-shadow: none !important;
}
.so-sweeps-layout #soCountryFlagGrid::-webkit-scrollbar-thumb
{
  background-color: transparent !important;
  border-radius: 0 !important;
  border: 0 !important;
}
.so-sweeps-layout #soCountryFlagGrid::-webkit-scrollbar-button
{
  height: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.so-sweeps-layout #soCountryFlagGrid::-webkit-scrollbar-button:single-button:vertical:decrement
{
  background-image: none !important;
}
.so-sweeps-layout #soCountryFlagGrid::-webkit-scrollbar-button:single-button:vertical:increment
{
  background-image: none !important;
}
/*********** Gallery Responsive ***********/
@media (max-width: 1400px)
{
  .soCountryFlagGrid
  {
    grid-template-columns: repeat(12, minmax(30px, 1fr));
  }
}
@media (max-width: 1200px)
{
  .soCountryFlagGrid
  {
    grid-template-columns: repeat(10, minmax(30px, 1fr));
  }
}
@media (max-width: 992px)
{
  .soCountryFlagGrid
  {
    grid-template-columns: repeat(8, minmax(30px, 1fr));
  }
}
@media (max-width: 768px)
{
  .soCountryFlagGrid
  {
    grid-template-columns: repeat(6, minmax(30px, 1fr));
  }
}
@media (max-width: 576px)
{
  .soCountryFlagGrid
  {
    grid-template-columns: repeat(6, minmax(30px, 1fr));
  }
}
/*********** Responsive ***********/
@media (max-width: 1000px)
{
  #restrictedOfferPoup h2
  {
    margin-top: 15px;
  }
  #restrictedOffer .after_left
  {
    width: 100%;
    float: unset;
    margin-bottom: 10px;
  }
  #restrictedOffer .after_right
  {
    width: 100%;
    float: unset;
  }
  .get_autosave-form
  {
    display: none;
  }
}
@media (min-width: 992px)
{
  .so-sweeps-layout .so_TitleBlock--outer
  {
    display: none;
  }
  .so-sweeps-layout .so_TitleBlock--inner
  {
    display: flex;
  }
  .so-sweeps-layout .so_section-title.so_statistics-section.needs-collapse
  {
    display: none;
  }
  .so-sweeps-layout .soMainLeftBlock
  {
    flex: 0 0 var(--sweeps-left-width, 50%);
    max-width: var(--sweeps-left-width, 50%);
    width: var(--sweeps-left-width, 50%);
    /* height: 115%;
    */
		overflow-y: visible;
  }
  .so-sweeps-layout .mobBlockInfoSO
  {
    flex: 1 1 auto;
    max-width: none;
    width: auto;
    /* height: 115%;
    */
  }
  .so-sweeps-layout .soMainLeftBlock
  {
    overflow-y: auto;
  }
  .so-sweeps-layout .so_infoLeft
  {
    height: calc(100% - 86px);
    overflow: visible;
  }
  .so-sweeps-layout .so_InfoRight
  {
    height: 100%;
  }
  .so-sweeps-layout .dynamicPayoutPriceInfoContainer
  {
    display: none !important;
  }
  .so-sweeps-layout .mobBlockInfoSO
  {
    display: flex;
    flex-direction: column;
  }
  .so-sweeps-layout #soMetroMenu
  {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  .so-sweeps-layout #soCountryFlagGallery
  {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    /* background: linear-gradient(180deg, rgba(18, 19, 24, 0.92) 0%, rgba(12, 12, 16, 0.98) 100%);
    */
        background: transparent var(--section-content-bg) 0% 0% no-repeat padding-box;
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 12px 30px rgba(215, 156, 156, 0.35);
    padding: 18px 16px;
  }
}
@media (max-width: 991.98px)
{
  .so-sweeps-layout.section .section-title.needs-collapse::after
  {
    display: none !important;
    content: none !important;
  }
  .so-sweeps-layout.section.options-shown .section-title.needs-collapse::after
  {
    display: none;
  }
  .so-sweeps-layout .so_TitleBlock--inner
  {
    display: none;
  }
  .so-sweeps-layout .so_TitleBlock--outer
  {
    display: flex;
  }
}
@media (min-width: 2280px)
{
  .so-sweeps-layout .primalInfoBlock .col-5,
	.so-sweeps-layout .primalInfoBlock .col-7
  {
    flex: 0 0 50%;
    max-width: 50%;
  }
}