/*
Template: streamit - Responsive Bootstrap 4 Template
Author: iqonicthemes.in
Design and Developed by: iqonicthemes.in
NOTE: This file contains the styling for responsive Template.
*/

/*================================================
[  Table of contents  ]
================================================

:: Import CSS
:: Font
:: General
:: Input
:: Loading
:: Background Color
:: Background Color Opacity
:: Border Color
:: Buttons Design
:: Text Color
:: Line Height
:: Font Size
:: Font Weight
:: Avatar Size
:: Tab Pills
:: Overflow
:: Custom Column
:: Select 2

======================================
[ End table content ]
======================================*/

/*---------------------------------------------------------------------
Import CSS
-----------------------------------------------------------------------*/
@import url("variable.css");
@import url("all.min.css");
@import url("remixicon.css");
@import url("slick.css");
@import url("slick-theme.css");
@import url("owl.carousel.min.css");
@import url("animate.min.css");
@import url("magnific-popup.css");
@import url("select2.min.css");
@import url("select2-bootstrap4.min.css");
@import url("dark.css");
@import url("slick-animation.css");

/*---------------------------------------------------------------------
Font
-----------------------------------------------------------------------*/
@font-face { font-family: 'Roboto'; src: url(../fonts/roboto/Roboto-Light.ttf); font-weight: 300;}
@font-face { font-family: 'Roboto'; src: url(../fonts/roboto/Roboto-Regular.ttf); font-weight: 400;}
@font-face { font-family: 'Roboto'; src: url(../fonts/roboto/Roboto-Medium.ttf); font-weight: 500;}
@font-face { font-family: 'Roboto'; src: url(../fonts/roboto/Roboto-Bold.ttf); font-weight: 700;}
@font-face { font-family: 'Poppins'; src: url(../fonts/poppins/Poppins-ExtraLight.ttf); font-weight: 200;}
@font-face { font-family: 'Poppins'; src: url(../fonts/poppins/Poppins-Light.ttf); font-weight: 300;}
@font-face { font-family: 'Poppins'; src: url(../fonts/poppins/Poppins-Regular.ttf); font-weight: 400;}
@font-face { font-family: 'Poppins'; src: url(../fonts/poppins/Poppins-Medium.ttf); font-weight: 500;}
@font-face { font-family: 'Poppins'; src: url(../fonts/poppins/Poppins-SemiBold.ttf); font-weight: 600;}
@font-face { font-family: 'Poppins'; src: url(../fonts/poppins/Poppins-Bold.ttf); font-weight: 700;}
@font-face { font-family: 'Poppins'; src: url(../fonts/poppins/Poppins-ExtraBold.ttf); font-weight: 800;}
@font-face { font-family: 'Bebas Neue'; src: url(../fonts/bebas_neue/BebasNeue-Regular.woff); }
@font-face { font-family: 'Helvetica Neue Regular'; src: url(../fonts/helvetica/HelveticaNeueBold.woff); }
@font-face { font-family: 'Gilam Bold'; src: url(../fonts/gilam/Gilam-Bold.woff) format('woff'); font-display: swap;}

/*---------------------------------------------------------Helvetica Neue Regular------------
General
-----------------------------------------------------------------------*/
*::-moz-selection { background: var(--iq-primary); color: var(--iq-white); text-shadow: none; }
::-moz-selection { background: var(--iq-primary); color: var(--iq-white); text-shadow: none; }
::selection { background: var(--iq-primary); color: var(--iq-white); text-shadow: none; }
body { font-family: 'Poppins', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; line-height: 1.5; padding: 0; margin: 0; color: var(--iq-body-text); background: var(--iq-body-bg); }

/*Poppins classes*/
.poppins-extralight{font-family: 'Poppins', sans-serif; font-weight: 200;}
.poppins-light{font-family: 'Poppins', sans-serif; font-weight: 300;}
.poppins-regular{font-family: 'Poppins', sans-serif; font-weight: 400;}
.poppins-medium{font-family: 'Poppins', sans-serif; font-weight: 500;}
.poppins-semibold{font-family: "Poppins", sans-serif; font-weight: 600;}
.poppins-bold{font-family: 'Poppins', sans-serif; font-weight: 700;}
.poppins-extrabold{font-family: 'Poppins', sans-serif; font-weight: 800;}

.bebas{font-family: 'Bebas Neue';}

h1.poppins-extralight{font-size: 3.052em;}
h1.poppins-light{font-size: 3.052em;}
h1.poppins-regular{font-size: 3.052em;}
h1.poppins-bold{font-size: 3.052em;}
h1.poppins-extrabold{font-size: 3.052em;}

a, .btn { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
a, button, input, btn { outline: medium none; }
a { color: var(--iq-body-text); text-decoration: none; }
.zoom-card a { color: var(--iq-white); text-decoration: none; }
.badge.badge-secondary a { color: var(--iq-primary-text);}
a:hover { text-decoration: inherit; color: inherit; }
a.text-primary:focus, a.text-primary:hover { color: var(--iq-primary) !important; }
hr { border-color: var(--iq-border-light); }
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin: 0px; line-height: 1.2; color: var(--iq-primary-text); }
h1.blog, h2.blog, h3.blog, h4.blog, h5.blog, h6.blog { color: var(--iq-brand-color-1); }
.zoom-card h1, .zoom-card h2, .zoom-card h3, .zoom-card h4, .zoom-card h5, .zoom-card h6 { font-weight: 500; margin: 0px; line-height: 1.2; color: var(--iq-primary-text); }
.zoom-card #owner { color: var(--iq-primary-text); }
.zoom-card #owner span { font-size: smaller; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
label { font-weight: normal; }
h1, .h1 { font-size: 3.052em; }
h2, .h2 { font-size: 2.300em; }
h3, .h3 { font-size: 1.953em; }
h4, .h4 { font-size: 1.400em; }
h5, .h5 { font-size: 1.200em; }
h6, .h6 { font-size: 1.0em; }
.container-fluid { padding: 0 100px; }
.container-fluid-rullo { padding: 0 0; }
.height-100-vh { height: 100vh; }
.w-20 { width: 20px; }
.big-title { font-family: 'Bebas Neue'; background-color: var(--iq-primary-text); background-repeat: repeat-x; background-position: 100% 100%; color: transparent; -webkit-font-smoothing: antialiased; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.gilam{ font-family: 'Gilam Bold';}
#teacher-details .name { font-size: 3em; margin: 0; color: var(--iq-body-text); }
#teacher-details .role { font-size: 1em; margin: 0; color: var(--iq-body-text); }
#teacher-info .intestation {margin-bottom: 3em;}
.badge { border-radius: 0 !important; }
.iq-mb-30 { margin-bottom: 30px; }

/*----------------------------------------------
Input
------------------------------------------------*/
label { color: var(--iq-dark); }
.form-control.form-control-sm { height: 30px; }
.form-control.form-control-lg { height: 50px; line-height: 50px; }
.form-control:disabled, .form-control[readonly] {
    background-color: var(--iq-body-bg)!important;
    opacity: 1;
}
.form-control { background-color: var(--iq-body-bg); border: 1px solid transparent; height: 46px; position: relative; color:var(--iq-body-text); font-size: 16px;width: 100%; -webkit-border-radius: 6px; border-radius: 6px;}
.creator-form-field {background-color: var(--iq-white); border: 1px solid #434343; border-radius: 10px; margin:1em;}
.form-control:focus { color: var(--iq-body-text); border-color: transparent; box-shadow: none;background-color: var(--iq-body-bg);}
.iq-custom-select { position: relative; }
.custom-control-input:checked~.custom-control-label::before { background-color: var(--iq-primary); border-color: var(--iq-primary); }
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before, .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { background-color: var(--iq-light-primary); color: var(--iq-primary); }

.custom-control-input:checked~.custom-control-label::before {
    background-color: var(--iq-primary)!important;
    border-color: var(--iq-primary)!important;
}
/* Definition Lists */
dl dd { margin-bottom: 15px; }
dl dd:last-child { margin-bottom: 0px; }
.swal2-input.custom, .swal2-file.custom { color: var(--iq-body-text); background-color: var(--iq-body-bg); }

/*----------------------------------------------
loading
------------------------------------------------*/
#loading {  height: 100%; width: 100%; background-size: 15%; position: fixed; margin-top: 0px; top: 0px; left: 0px; bottom: 0px; overflow: hidden !important; right: 0px; z-index: 999999; }
#loading-center { width: 100%; height: 100%; position: relative; }

#loading-ricerca { display:none; background: var(--iq-body-bg) url(../images/loader.gif) no-repeat scroll center center; height: 100%; width: 100%; background-size: 15%; position: fixed; margin-top: 0px; top: 0px; left: 0px; bottom: 0px; overflow: hidden !important; right: 0px; z-index: 98;}
#loading-center-ricerca { width: 100%; height: 100%; position: relative; }


#loading-landing, #loading-lasciamail {
    display:none;
    position: absolute;
    background: var(--iq-body-bg) url(../images/spinner_div_100.svg) no-repeat scroll top center;
    /*dim the background*/
    top:0;
    left:0;
    width:100%;
    height:100%;
    color:black;
    text-align: center;
    z-index: 99;
}
#loading-center-landing { width: 100%; height: 100%; position: relative; }

/*----------------------------------------------
Background Color
------------------------------------------------*/
.bg-primary, .badge-primary { color: var(--iq-primary-bg) !important; background: var(--iq-secondary-bg) !important; }
.bg-body, .badge-body { color: var(--iq-body-text); background: var(--iq-body-bg); }
.bg-box, .badge-box { color: var(--iq-white); background: var(--iq-bg-box); }

/*----------------------------------------------
Background Color Opacity
------------------------------------------------*/
.iq-bg-primary { background: var(--iq-light-primary) !important; color: var(--iq-primary) !important; }

/*----------------------------------------------
 Buttons Design
------------------------------------------------*/
.btn { padding: 9px 30px; position: relative; display: inline-block;  cursor: pointer; z-index: 4;border-radius: 15px;}
.btn:hover { color: inherit; }
.btn-signup { background: var(--iq-brand-color-1); border: 1px solid var(--iq-brand-color-1); color: var(--iq-brand-color-2); display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; border-radius: 5px; }
.btn-signup:hover { background: var(--iq-brand-color-1); border: 1px solid var(--iq-brand-color-1); color: var(--iq-brand-color-2);}
.btn-watch { background-color: var(--iq-brand-color-1); border: 1px solid var(--iq-brand-color-1); color: var(--iq-brand-color-2); display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; border-radius: 5px; }
.btn-watch:hover { background-color: var(--iq-brand-color-1); color: var(--iq-brand-color-2); }
.btn-hover { background: var(--iq-primary-hover); border: 1px solid var(--iq-primary); color: var(--iq-white); transition: color 0.3s ease; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; border-radius: 5px; }
.btn-hover:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: var(--iq-primary); border: 1px solid var(--iq-primary); -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; transition: transform 0.3s ease-out; -webkit-transition: transform 0.3s ease-out; }
.btn-hover:hover, .btn-hover:focus, .btn-hover:active { color: var(--iq-white); }
.btn-hover:focus { box-shadow: none !important; }
.btn-hover:hover:before, .btn-hover:focus:before, .btn-hover:active:before { -webkit-transform: scaleX(0); transform: scaleX(0); }
.btn-primary { color: var(--iq-white); background-color:var(--iq-button-blue); border-color:var(--iq-button-blue); }
.btn-primary:hover { background-color: var(--iq-button-blue-hover); border-color: var(--iq-button-blue-hover);}
.btn-outline-primary { background: transparent; border: 2px solid var(--iq-primary); color: var(--iq-primary); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.btn-outline-primary:hover { background: var(--iq-primary-hover) !important; border: 2px solid var(--iq-primary-hover); color: var(--iq-white); box-shadow: none; }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: none; }
.btn-primary.focus, .btn-primary:focus { box-shadow: none; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background: var(--iq-primary); border-color: var(--iq-primary); }
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: var(--iq-primary); background: transparent; border-color: var(--iq-primary); }
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: none; }
.btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: none; }
button:focus { outline: none; }
.btn-link {
    background: transparent;
    color: var(--iq-primary-text);
}
.btn-link:hover { color: var(--iq-card-text); text-decoration: none; }

.btn-gold { background: var(--iq-purchase-bg); border: 1px solid var(--iq-purchase-bg); color: var(--iq-purchase-text); display: inline-block; vertical-align: middle;  box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; border-radius: 15px; }
.btn-gold:hover { background: var(--iq-purchase-bg); border: 1px solid var(--iq-purchase-bg); color: var(--iq-purchase-text); }
.btn-gold:not(:disabled):not(.disabled).active:focus, .btn-gold:not(:disabled):not(.disabled):active:focus, .show>.btn-gold.dropdown-toggle:focus { box-shadow: none; }
.btn-gold.focus, .btn-gold:focus { box-shadow: none; }
.btn-gold:not(:disabled):not(.disabled).active, .btn-gold:not(:disabled):not(.disabled):active, .show>.btn-gold.dropdown-toggle { background: var(--iq-purchase-bg); border-color: var(--iq-purchase-bg); }

.btn-grey { background: var(--iq-grey); border: 1px solid var(--iq-grey); color: var(--iq-white); display: inline-block; vertical-align: middle;  box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; border-radius: 5px; }
.btn-grey:hover{ color: #fff;background: var(--iq-grey-dark);}
.btn-grey:not(:disabled):not(.disabled).active:focus, .btn-grey:not(:disabled):not(.disabled):active:focus, .show>.btn-grey.dropdown-toggle:focus { box-shadow: none; }
.btn-grey.focus, .btn-grey:focus { box-shadow: none; }
.btn-grey:not(:disabled):not(.disabled).active, .btn-grey:not(:disabled):not(.disabled):active, .show>.btn-grey.dropdown-toggle { background: var(--iq-grey); border-color: var(--iq-grey); }
.btn-white { background-color: var(--iq-brand-color-1); color: var(--iq-brand-color-2); border: none; border-radius: 15px;}
.btn-white:hover { background-color: var(--iq-brand-color-1); color: var(--iq-brand-color-2); border: none}

.btn-academy {
  font-weight: 600;
  letter-spacing: 0px;
  position: relative;
  overflow: hidden;
}

.btn-academy:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(74, 110, 224, 0.25);
}

.btn-academy::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  background: linear-gradient(45deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.15) 50%,
    rgba(255,255,255,0) 100%);
  transform: rotateZ(60deg) translate(-20%, 100%);
  transition: all 0.5s ease;
}

.btn-academy:hover::after {
  transform: rotateZ(60deg) translate(100%, -100%);
}

.btn-creator { border-radius:20px; background-color: var(--iq-card-bg); color: var(--iq-card-text); border:none;}
.btn-creator:hover { background-color: var(--iq-card-bg); color: var(--iq-card-text); border:none;}
.btn-form, .btn-form:hover { background-color: var(--iq-secondary-bg); color: var(--iq-primary-text); border: none;}
.btn-login { background: transparent; border: 1px solid var(--iq-brand-color-1); color: var(--iq-brand-color-2); border-radius: 15px; }
.btn-login:hover { color: var(--iq-brand-color-2) }
/* .accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
} */

.accordion-button::after {
  /* Remove the original background-image */
  background-image: none !important;
  
  /* Apply the SVG as a mask instead */
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
  
  /* Set the color using background-color */
  background-color: var(--iq-card-text);
  
  /* Maintain Bootstrap's sizing and positioning */
  -webkit-mask-size: 1.25em;
  mask-size: 1.25em;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}



/*----------------------------------------------
Text Color
------------------------------------------------*/
.text-body { color: var(--iq-body-text) !important; }
.text-primary { color: var(--iq-secondary-bg); text-decoration: underline }
.text-white { color: var(--iq-white) !important; }
.text-black { color: var(--iq-black) !important; }

/*----------------------------------------------
Line Height
------------------------------------------------*/
.line-height { line-height: normal; }
.line-height-2 { line-height: 2; }
.line-height-4 { line-height: 40px; }
.line-height-6 { line-height: 60px; }

/*----------------------------------------------
Font Size
------------------------------------------------*/
.font-size-12 { font-size: 12px; }
.font-size-13 { font-size: 13px; }
.font-size-14 { font-size: 14px; }
.font-size-16 { font-size: 16px; }
.font-size-18 { font-size: 18px; }
.font-size-20 { font-size: 20px; }
.font-size-21 { font-size: 21px; }
.font-size-24 { font-size: 24px; }
.font-size-32 { font-size: 32px; }
.font-size-40 { font-size: 40px; }

/*----------------------------------------------
Font Weight
------------------------------------------------*/
.font-Weight-300 { font-weight: 300; }
.font-Weight-500 { font-weight: 500; }
.font-Weight-600 { font-weight: 600; }
.font-Weight-700 { font-weight: 700; }

/*----------------------------------------------
Avatar Size
------------------------------------------------*/
.avatar-3 { height: 3px; width: 3px; min-width: 3px; line-height: 3px; }
.avatar-7 { height: 7px; width: 7px; min-width: 4px; line-height: 7px; }
.avatar-20 { height: 20px; width: 20px; min-width: 20px; line-height: 20px; }
.avatar-30 { height: 30px; width: 30px; min-width: 30px; line-height: 30px; font-size: 0.4rem; }
.avatar-35 { height: 35px; width: 35px; min-width: 35px; line-height: 35px; font-size: 0.5rem; }
.avatar-40 { height: 40px; width: 40px; min-width: 40px; line-height: 40px; font-size: 0.6rem; }
.avatar-45 { height: 45px; width: 45px; min-width: 45px; line-height: 45px; font-size: 0.8rem; }
.avatar-50 { height: 50px; width: 50px; min-width: 50px; line-height: 50px; font-size: 1rem; }
.avatar-60 { height: 60px; width: 60px; min-width: 60px; line-height: 60px; font-size: 1.2rem; }
.avatar-70 { height: 70px; width: 70px; min-width: 70px; line-height: 70px; font-size: 1.4rem; }
.avatar-80 { height: 80px; width: 80px; min-width: 80px; line-height: 80px; font-size: 1.6rem; }
.avatar-90 { height: 90px; width: 90px; min-width: 90px; line-height: 90px; font-size: 1.6rem; }
.avatar-100 { height: 100px; width: 100px; min-width: 100px; line-height: 100px; font-size: 1.6rem; }
.avatar-110 { height: 110px; width: 110px; min-width: 110px; line-height: 110px; font-size: 1.6rem; }
.avatar-120 { height: 120px; width: 120px; min-width: 120px; line-height: 120px; font-size: 1.6rem; }
.avatar-130 { height: 130px; width: 130px; min-width: 130px; line-height: 130px; font-size: 1.6rem; }

/*----------------------------------------------
Tab Pills
------------------------------------------------*/

/*--------------*/
.nav-pills .nav-item a { color: var(--iq-body-text); }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: var(--iq-brand-color-2); background: var(--iq-brand-color-1); }
.nav-pills .nav-link.active:hover { color: var(--iq-brand-color-2); }
.nav-pills .nav-link:hover { color: var(--iq-primary); }

/*--------------*/
.nav-tabs { border-bottom: 2px solid var(--iq-body-text); margin-bottom: 15px; }
.nav-tabs .nav-item { margin-bottom: -2px; }
.nav-tabs .nav-item a { color: var(--iq-body-text); border: none; border-bottom: 2px solid var(--iq-primary-text); }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { width:50%; margin: auto; border-bottom: 4px solid var(--iq-primary-text); color: var(--iq-body-text); background-color: transparent;}

/*----------------------------------------------
Overflow
------------------------------------------------*/
.overflow-hidden { overflow: hidden; }
.overflow-auto { overflow: auto; }
.overflow-hidden-x { overflow-x: hidden; }
.overflow-hidden-y { overflow-y: hidden; }
.overflow-scroll { overflow: scroll; }
.overflow-scroll-x { overflow-x: scroll; }
.overflow-scroll-y { overflow-y: scroll; }

/*----------------------------------------------
Custom Column
------------------------------------------------*/
.col-1-5 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }

/*----------------------------------------------
Select 2
------------------------------------------------*/
.iq-custom-select .select2-container--bootstrap4 .select2-selection, .select2-dropdown { background-color: var(--iq-bg1); border: none; border-radius: 0; color: #fff; }
.select2-dropdown { top: 0; box-shadow: 0 12px 34px 0 rgba(19, 10, 10, 1); }
.iq-custom-select select { box-shadow: none; }
.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] { background-color: var(--iq-body-bg); }
.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] { background-color: var(--iq-primary); color: var(--iq-white); }
.select2-container .select2-selection--single .select2-selection__rendered { line-height: calc(1.5em + 1.2rem); padding-left: 10px; }
.select2-container--bootstrap4.select2-container--focus .select2-selection { box-shadow: none; }
.select2-search--dropdown .select2-search__field { border-radius: 0; border: none; background: rgba(85, 85, 85, 0.65); color: var(--iq-white); }
.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b { border: none; }
.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b:before { content: '\ea41'; position: absolute; font-family: "remixicon"; top: 50%; transform: translateY(-50%); right: 1px; color: var(--iq-white); font-size: 16px; z-index: 99; transition: all 0.4s ease; }
.select2-container--bootstrap4.select2-container--open .select2-selection__arrow b:before { transform: translateY(-50%) rotate(180deg); }
.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b { margin-top: 0; }
.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow { width: auto; }
.select2-container--bootstrap4 .select2-selection--single, .select2-container--bootstrap4 .select2-selection--multiple { height: 45px !important; }
.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above { border-radius: 0; border: none; }
.sea-epi .select2-container { width: 150px !important; }

.no-background{
    background: none !important;
}

.iq-card {
    background: var(--iq-card-bg);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
    border: none;
}

.iq-card-body {
    padding: 15px;
}

.iq-card .iq-card-header, .iq-card-transparent .iq-card-header { padding: 20px; margin-bottom: 0; -ms-flex-align: center !important; align-items: center !important; border-bottom: 1px solid var(--iq-card-text);}

/*----------------------------------------------
Review
------------------------------------------------*/
#review-options span {
	font-size: 18px;
}