/*body { 
  overflow: hidden; // used for preload, to remove the scrollbar
}*/

::-webkit-input-placeholder { /* Edge */
  color: var(--primary-color);
}

:-ms-input-placeholder { /* Internet Explorer */
  color: var(--primary-color);
}

::placeholder {
  color: var(--primary-color);
}

/* Added by Sull to enable smooth scroll to a href on page */
body, html{
  scroll-behavior: smooth;
}

/* Preloader */
#preloader,
#loading-overlay,
.generate_pdf #loading-overlay,
.gen-pdf #loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.1s;
    background-color: rgba(255, 255, 255, 1);
    /*background-color: rgba(0, 0, 0, 1);*/
    z-index: 5551;
}
#preloader #status,
#loading-overlay #status,
.generate_pdf #loading-overlay #status,
.gen-pdf #loading-overlay #status {
  /*position relative;*/
  width: 100px;
  height: 100px;
  margin-top: 40vh;
  margin-left: auto;
  margin-right: auto;
}
#preloader #status img,
#loading-overlay #status img,
.generate_pdf #loading-overlay #status img,
.gen-pdf #loading-overlay #status img { 
  width: 32px;
  /*border-radius: 50%;*/
}
#preloader #status i,
#loading-overlay #status i,
.generate_pdf #loading-overlay #status i,
.gen-pdf #loading-overlay #status i { 
  margin-left: 0px;
  margin-top: -62px;
  color: #eee;
  /*color: #333;*/
  font-size: 6em !important;
  display: block;
}

#loading-overlay,
.generate_pdf #loading-overlay,
.gen-pdf #loading-overlay {
  background-color: rgba(255, 255, 255, 1);
  /*background-color: rgba(0, 0, 0, .8);*/
  /*opacity: 0;*/
  display: none;
}

#loading-overlay #status i,
.generate_pdf #loading-overlay #status i,
.gen-pdf #loading-overlay #status i { 
  color: #ccc;
  /*color: #222;*/
}

#loading-overlay .loader-label {
  margin-top: -20px;
  text-align: center;
  display: none;
}

.generate_pdf #loading-overlay {
  background-color: rgba(255, 255, 255, 1);
  opacity: 1;
}
.generate_pdf #loading-overlay .hide-gen-pdf {
  display: block;
}
.generate_pdf #loading-overlay .loader-label {
  display: block;
}


.green {
  color: #092b3c !important;
}
.red {
  color: #ED1C29 !important;
}
.ll-blue {
  color: #385EA4 !important;
}

/* Toastr customisations - start */
#toast-container div { opacity:1;}
#toast-container.toast-top-center > div {width:350px; padding: 15px 20px;}
#toast-container.toast-top-center > div:hover {opacity:1;}
#toast-container > .toast {
    background-image: none !important;
}
#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
  width: 100%;
  border-radius: 0px;
  text-align: center;
}
/* Toastr customisations - End */

.topbar p, .topbar a {font-size:20px}
.navbar-brand {font-size: 2em; font-weight:bold;}
#main-logo{width: 5em; margin-left: 10px;}
@media (min-width: 768px) {
  #main-logo{width: 7.5em;}
}

.slider-caption .caption-content.caption-center {
  right: 260px;
  text-align: center;
  top: 60%;
}

/* Used on module detail page */
.bredcrumb-no-padding{ padding:0px; }

/* Put this on container so child items are vertically aligned */
.vertical-align{
	display: flex;
    align-items: center;
}

/* hr styles */
hr.hr_col_3 {
  width: 25%;
  height: 2px;
}
hr.hr_col_6 {
  width: 50%;
  height: 2px;
}
hr.hr_col_9 {
  width: 75%;
  height: 2px;
}

/* Customisations of search box */
form.search_form {
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
    border-left: 1px solid #eee;
}

/* Disable selecting */
.no-select{user-select: none;}

.cursor-pointer {cursor:pointer;} 


/*Popover customisations*/
.popover {box-shadow: 3px 3px 8px 1px #555;}
.popover-header {color: var(--primary-color) !important;}

/* font size utilities */
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}


/*.star-rating .fa {*/
.star-rating i {
  font-size:1.15em;
  cursor: pointer;
}
/*.star-rating .fa:hover{*/
.star-rating i:hover{
  font-size:1.25em;
} /* For hover make it jump slightly bigger */
.star-rating .fa-star{color: #ED1C29;}

.form-check-input, .form-check-label { cursor:pointer; }

.bg-image-plain {
  background-size: cover !important;
   background-position: 50% 50% !important;
   height: 100%;
}


.form-check {
  display: inline-block; 
  margin-right: 30px;
}

/*Reset card border style*/
.card-border{
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;  
}
.card-header a{color: #4a4949;}
.card-header a:hover{color: #ED1C29;}
.section{padding-top: 70px;}

/*Need to ensure popover appears OVER the main menu */
.popover {
    z-index: 1100;
}



/* Image hover effects (taken from https://miketricking.github.io/bootstrap-image-hover/) // Start */
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  filter: grayscale(1) blur(3px);
  -webkit-filter: grayscale(1) blur(3px);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  /*padding: 7px 14px;
  border: 1px solid #fff;*/
  margin: 9rem 0 0 0;
  /*background-color: transparent;*/
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect a.info, .hovereffect h2 {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #fff;
  /* text-transform: uppercase; */
}

.hovereffect:hover a.info, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/* Image hover effects (taken from https://miketricking.github.io/bootstrap-image-hover/) // End */

.icon-left .card-header a.collapsed {
    line-height: 22px;
}

/*Minor enchancements to nice checkbox and radios */
.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before{
    border: 1px solid grey;
    position: relative;
    top: -2px;
}
/* Minor hover enhancement to fancy checkboxes and radios */
.checkbox-custom + .checkbox-custom-label:hover:before, .radio-custom + .radio-custom-label:hover:before{
  /*background-color: #24916b !important;*/
  background-color: #4698CB !important;
}

.answer_help{
  position: absolute;
  top: -1px;
  right: -1px;
  box-shadow: -1px 1px 6px grey;
  border: 1px solid grey;
  border-radius: 2px;
  padding: 0 5px;
  font-size: small;
  line-height: 1.5em;
  border-top-color: transparent;
  color: white;
}

.fs-1r {font-size: 1rem;}

.progress-bar{
  height: 0.4rem;
  line-height: 0.4rem;
}

.border-primary {
    border-color: #ED1C29 !important;
}


/* CSS for CKEditor content areas */
[contenteditable=true]{
  border: 1px solid transparent;
}
/* .editableContent[contenteditable=true]:hover{ */
[contenteditable=true]:hover{
    border: 1px solid #ED1C29;
    box-shadow: 0px 0px 10px 0px #BBBBBB;
}
[contenteditable=true].active {
    padding: 15px !important;
    box-shadow: 0px 0px 10px 0px #BBBBBB;
    border: 1px solid #ED1C29;
    border-bottom-color: transparent;
    margin: 0px;
}
[contenteditable=true] + div.buttons{
    display: none;
    border: 1px solid #ED1C29;
    border-top-color: transparent;
    box-shadow: 0px 7px 10px 0px #BBBBBB;
    padding: 20px 15px 15px 15px;
    position: relative;
    top: -2px;
}
.bg-primary [contenteditable=true].active, .bg-primary [contenteditable=true].active + div.buttons{background:grey;}

/* General styles to work with CKEditor*/
/*p { padding: 5px 0px; }*/
p { margin-bottom: 20px; }
a { color: #ed1c29; }
a:hover { color: #ED1C29; text-decoration: underline; }



/* This is used to enable the editor of FAQ headers */
.icon-left .card-header div.admin-faq-title {
    color: #ED1C29;
    background-color: #ffffff;
    border: 1px solid #ED1C29;;
    display: block;
    padding: 20px;
    line-height: 24px;
    padding-left: 50px;
}
.icon-left .card-header div.admin-faq-title:after {
    font-family: FontAwesome;
    font-style: normal;
    speak: none;
    display: inline-block;
    content: '\f106';
    float: left;
    line-height: 1;
    width: 22px;
    margin-right: 10px;
    font-size: 20px;
    text-align: center;
    position: absolute;
    left: 15px;
}
.collapse-card .card-header h5 div.admin-faq-title:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* Because this section uses the editor and inserts a P tag we need to unset all p tag styles */
.icon-left .card-header a p, .icon-left .card-header div.admin-faq-title p{all:unset;}

.card-border{
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
}

/* Add nicer lists to the module details page */
#js-module-details ul {
  list-style: none;
  padding: 0;
}
#js-module-details ul li {
  padding-left: 1.3em;
}
#js-module-details ul li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color: #ED1C29;
}

/* Fix for button group */
.btn-group-sm .btn {height:25px; line-height: 25px; padding-top: 0px; padding-bottom: 0px;}

.btn.btn-view-project {
  padding: 5px 10px;
  height: 20px;
  line-height: 21px; 
}

/* Swal z-index fix to be on top of main menu */
.swal2-container{z-index: 1100 !important;}

.btn:focus:before {
    width: 100%;
}

.home-white {
    height: 130px;
}

/* Used when a user becomes an FDI Master*/
#confetti{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1101;
  pointer-events: none;
}

/* Used as title for the FDI Master dialog */
.congratulations {
  background: #0066ce; /*Same colour as GIF*/
}

.overflow-hidden{overflow:hidden;}


.bg-image-trophy {
    background-position: 100% 43% !important;
    transition: all 0.3s linear;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/exam/trophy.png);
    background-color: #24916b;
}
.bg-image-trophy:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(256, 256, 256, 0.6);
    z-index: 0;
}

.f1 {font-size: 1em !important;}
.f1-5x {font-size: 1.5em !important;}
.f2x {font-size: 2em !important;}
.f3x {font-size: 3em !important;}
.f4x {font-size: 4em !important;}


/* Modal fixs // Start */
#mdl-general{
  z-index: 1100;
}
#mdl-general .modal-body {
  max-height: 80vh;
  overflow-x: auto;
}
#mdl-general .modal-body img {
  width: 100%;
}
#mdl-general .modal-body p {
  color: #fff;
}
#mdl-general .modal-body p.text-black {
  color: #222222;
}
#mdl-general .modal-body .modal-notification p {
  margin-bottom: 10px;
  color: #333;
}

.select2-container {
  z-index: 1100;
}
.select2-container {
  width: 100% !important;
}
/* Modal fixs // END */

select.fontawesome_icons {
  font-family: FontAwesome, Arial;
}

/* Tooltip z-index fix */
.tooltip {z-index: 1110;}
.tooltip-inner {
  background-color: rgba(0,0,0,.9) !important;
  border-radius: 4px;
  font-size: 13px;
}
.tooltip .arrow:before {
  border-top-color: rgba(0,0,0,.9) !important;
}

.inset-shadow{box-shadow: inset 1px 0px 15px 0px grey;}

/* Override the template form-control styles */
.form-control{
  padding: .5rem .75rem !important;
  line-height: initial !important;
}

/* Style all selected items */
/* select option[selected]{background-color:#ED1C29; color:white;} */

.alert-small{font-size:1em; padding:0.75rem 1.25rem;}

i.active-icon:hover{color: #ED1C29;}

/* Admin option buttons */
/* #js-admin-modules .btn-group button .fa-info-circle, button .fa-eye, button .fa-pencil{color: var(--info, #17a2b8);}
#js-admin-modules .btn-group button .fa-eye {color: #ED1C29;}
#js-admin-modules .btn-group button .fa-times-circle, button .fa-eye-slash{color: var(--danger, #dc3545);}
 */

.selectOptions .sbHolder, .selectOptions .sbSelector {
  height: 37px !important;
  line-height: 36px; 
}

.btn-group button,
.btn-group .btn {
  font-weight: 500;
}
.btn-group button:hover,
.btn-group .btn:hover,
.btn-group .btn.active {
  color: #fff !important;
  background-color: #ED1C29;
  transition: all 0.1s ease-in-out;
}
.btn-group .btn.active {
  background-color: #092b3c !important;
  border-color: #092b3c !important;
}
/*.btn-group button:hover .fa,
.btn-group .btn:hover .fa {*/
.btn-group button:hover i,
.btn-group .btn:hover i {
  color: #fff !important;
}

.btn.btn-reset-filters,
.btn.btn-theme-primary, .btn.btn-primary,
.btn.btn-theme-secondary, .btn.btn-secondary {
  border-width: 2px !important;
  border-color: rgba(0,0,0,.2) !important;
  border-style: solid !important;
}

.btn-group .btn-primary.active {
  background-color: #00484e !important;
}
.btn-group .btn-primary:before {
  border-right-width: 0 !important;
  border-color: transparent !important;
}
.btn-group .btn.btn-primary+.btn {
  margin-left: -1px !important;
}

.text-dark-grey{color:#5B5B5BFF;}


/* Exam Builder Stuff */
#js-questions-container .card-header:hover .question-buttons, .hover_buttons:hover .answer-buttons{opacity:1 !important; visibility:visible !important; transition: all 0.25s;} 

.question-buttons {
  opacity: 0; 
  visibility: hidden; 
  position: absolute;
  
  /* Hover right 
  top: 22px;
  left: 100%;*/

  /* Hover inset */
  right: -8px;
  top: 2px;  
}

.answer-buttons {
  opacity: 0; 
  visibility: hidden;  
}

.cursor-help{cursor:help;}

.content-editable{
  border-radius: 0px;
  font-size: 14px;
  padding: 6px 10px;
  border: 1px solid #e5e5e5;
}

@media (max-width: 767px) {
  .boxed-menu .topbar>.container {
    padding-right: 0;
    padding-left: 0;
    /*overflow: auto;*/
  }
  .boxed-menu .topbar>.container>.row {
    margin-right: 0px; 
    margin-left: 0px; 
  }
  .navbar-brand {
    font-size: 1.4em;
  }
}

/*.boxed-menu .topbar .fa {*/
.boxed-menu .topbar i {
  color: #fff;
  /*font-size: 14px;*/
  width: auto; /*24px;*/
  height: auto; /*24px;*/
  margin-right: 5px;
  border: 0 none;
  /*line-height: 54px; 24px;*/
}
.boxed-menu .topbar .btn {
  color: #ffffff;
  font-size: 14px;
  /*font-family: 'Montserrat', sans-serif;*/
  font-weight: 500;
  height: 35px;
  padding: 0 20px !important
}
@media (min-width: 768px) {
  .boxed-menu .topbar .btn {
    /*height: 50px;*/
    height: 20px;
  }
}

.boxed-menu .topbar i {
  line-height: inherit;
}

.boxed-menu .topbar .common-topbar-about {
  border-left: 1px solid #ccc;
}


.boxed-menu .topbar .js-morphing-login,
.boxed-menu .topbar .js-morphing-register,
.boxed-menu .topbar .common-topbar-link,
.boxed-menu .topbar .btn-user-dd {
  background-color: transparent;
  padding: 0 15px !important;
  color: #ED1C29 !important;
  text-transform: capitalize;
  /*margin-right: 5px;*/
  text-align: center;
  line-height: 20px;
}
/*.boxed-menu .topbar .js-morphing-login .fa,
.boxed-menu .topbar .js-morphing-register .fa,
.boxed-menu .topbar .common-topbar-link .fa,
.boxed-menu .topbar .btn-user-dd .fa {*/
.boxed-menu .topbar .js-morphing-login i,
.boxed-menu .topbar .js-morphing-register i,
.boxed-menu .topbar .common-topbar-link i,
.boxed-menu .topbar .btn-user-dd i {
  color: #999;
}
/*.boxed-menu .topbar .js-morphing-login:hover .fa,
.boxed-menu .topbar .js-morphing-register:hover .fa,
.boxed-menu .topbar .common-topbar-link:hover .fa,
.boxed-menu .topbar .btn-user-dd:hover .fa {*/
.boxed-menu .topbar .js-morphing-login:hover i,
.boxed-menu .topbar .js-morphing-register:hover i,
.boxed-menu .topbar .common-topbar-link:hover i,
.boxed-menu .topbar .btn-user-dd:hover i {
  color: #4698CB;
}
@media (max-width: 767px) {
  .boxed-menu .topbar .js-morphing-login,
  .boxed-menu .topbar .js-morphing-register,
  .boxed-menu .topbar .common-topbar-link,
  .boxed-menu .topbar .btn-user-dd {
    margin-right: 0;
    line-height: 40px;
  }
  /*.boxed-menu .topbar .js-morphing-login .fa,
  .boxed-menu .topbar .js-morphing-register .fa,
  .boxed-menu .topbar .common-topbar-link .fa,
  .boxed-menu .topbar .btn-user-dd .fa {*/
  .boxed-menu .topbar .js-morphing-login i,
  .boxed-menu .topbar .js-morphing-register i,
  .boxed-menu .topbar .common-topbar-link i,
  .boxed-menu .topbar .btn-user-dd i {
    font-size: 22px;
    margin-top: -10px;
    margin-right: 0;
    padding: 0;
  }
}

.morphing-btn-wrap {
  width: auto !important;
  text-align: left !important;
}/*
.morphing-btn.morphing-btn_circle {
  width: 35.6px !important;
}*/
.boxed-menu .topbar .morphing-btn-wrap .js-morphing-login,
.boxed-menu .topbar .morphing-btn-wrap .js-morphing-register,
.boxed-menu .topbar .morphing-btn-wrap .common-topbar-link {
  margin-left: -5px;
}

/* Dropdown */
.account-tools {
  position: relative;
  float: left;
}
.boxed-menu .topbar .dropdown {
  /*width: 210px;*/
}
.boxed-menu .topbar .dropdown .btn-label {
  text-transform: capitalize;
}
.topbar .dropdown.show > .dropdown-menu {
  z-index: 8;
}
.topbar .dropdown.show > .btn-primary.dropdown-toggle {
    background-color: #ED1C29 !important; background-color: #ED1C29 !important;
    border: 1px solid #ED1C29 !important;
}
.topbar .dropdown .dropdown-menu li {
  padding: 0;
}
.topbar .dropdown .dropdown-menu li a {
  color: #333;
  font-size: 13px;
  /*font-family: 'Montserrat', sans-serif;*/
  /*font-weight: 500;*/
  text-transform: capitalize;
  margin-top: 0;
  padding: 20px 0;
  display: block;
}
/*.topbar .dropdown .dropdown-menu li a .fa {*/
.topbar .dropdown .dropdown-menu li a i {
  color: #999;
}
.topbar .dropdown-right .dropdown-menu {
  min-width: 210px;
  transform: translate3d(15px, 60px, 0px) !important;
  margin-top: -20px;
  right: 0;
  /*left: initial !important;*/
  z-index: 5551 !important;
}
.navbar-nav .nav-item {
  position: relative;
  display: flex;
}
.navbar-nav .nav-item .alert-label {
  position: absolute;
  top: 12px;
  right: 0px;
  padding: 2px 4px;
  border-radius: 2px;

  color: #fff;
  font-size: 10px;
  background-color: var(--primary-color);
  line-height: 10px;
}
/*.navbar-nav .nav-item .fa {*/
.navbar-nav .nav-item i {
  margin-left: 5px;
  font-size: 14px;
}

#js-header-account {
  border-left: 1px solid #ccc;
  margin: 18px 0px 18px 5px;
}
@media (min-width: 768px) {
  #js-header-account {
    margin: 0px;
  }
}

#js-sign-in a,
#accountDropdown button {
  border: 0;
  background-color: transparent;
  outline: none;

  font-size: 15px;
  font-weight: normal;
  text-transform: capitalize;
  line-height: 14px;

  padding: 5px 15px;
  margin-left: 0;
}

/* #accountDropdown button {
  padding: 0 20px 0 0;
} */

#js-sign-in a i,
#accountDropdown button i,
#accountDropdown a i {
  color: #999;
  /* padding-right: 4px; */
}

@media (max-width: 767px) {
  .navbar-nav .nav-item i {
    color: #848484 !important;
    font-size: 15px !important;
  }
}

#accountDropdown .dropdown-menu a i {
  color: #848484;
}

#accountDropdown  .dropdown-menu {
  /* margin-top: 26px; */
  margin-left: -100px;
}

@media (min-width: 768px) and (max-width: 991px) {
  #accountDropdown  .dropdown-menu {
    /* margin-top: 31px; */
  }
}

.topbar .dropdown .dropdown-menu li a:hover,
.navbar-nav .nav-item li a:hover {
  color: #ED1C29;
}

.header-fixed-logo {
  display: none !important;
  margin-right: 10px;
}
.navbar-sticky .header-fixed-logo {
 display: inline !important;
}
.navbar-sticky.main-nav .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
}
.navbar-sticky .navbar-brand.js-loading {
  text-align: right;
}
body .navbar-brand span,
.full-width .navbar-brand.js-loading span,
.navbar-sticky .navbar-brand.js-loading span {
  display: none;
}

/* Tab */
ul.nav-tabs .nav-item .nav-link.disabled {
  cursor: default;
}
ul.nav-tabs .nav-item .nav-link.disabled i {
  color: #ccc !important;
}

/* This was missing from the template so had to add it manually // Start */
.input-group-append {
    margin-left: -1px;
}
.input-group-append, .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-text {
    padding: .45rem .75rem;
    margin-bottom: 0;
    /*font-size: 1rem;*/
    font-weight: 400;
    line-height: 1.5;
    color: #989898;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #e5e5e5;
    border-right: 0;
    /*border-radius: .25rem;*/
}
/* This was missing from the template so had to add it manually // End */

label.col-form-label {
    text-align: right;
}

.with-text .form-control {
  display: inline-block;
}

.btn-group {
  border-radius: 4px;
}
table .btn-group {
  margin-right: 0;
}
.table thead th {
  /*border-top: 0 none;*/
  /*border-bottom: 1px solid #32383e;*/
}
#js-admin .table thead th,
#js-partner .table thead th {
  border-top: 1px solid #101820;
}
.table-bordered thead td, 
.table-bordered thead th {
  /*border-bottom-width: 1px;*/
}

@media (max-width: 767px) {
.table td,
.table th {
  white-space: nowrap;
}
}

table td h5,
table td h6,
table td p {
  margin-bottom: 10px;
}
table td p {
  font-size: 14px;
}
table td.max_img_sized {
  text-align: center;
}
table td.max_img_sized img {
  max-width: 160px;
}
table td.max_img_sized a i {
  color: #ed1c29 !important;
  margin-right: 5px;
}

.bg-light-blue {
  color: #848484;
  background-color: #e7f5f7;
  border: 1px solid #d0ecf0;
}

.no-border {
  border-width: 0;
}

/* Buttons Customise */
.btn-secondary {
  color: #888;
}
.btn-secondary:hover {
  color: #333;
}

@media (max-width: 767px) {
  .tab-content h2 {
    font-size: 18px;
  }
  /*
  .tab-content .text-right,
  .tab-content .text-left {
    text-align: center !important;
  }
  */
}

/* Pagination Customise */
.tab-content.tab-bordered .pagination .active  {
  border: 0;
  padding: 0;
}
.pagination-options,
.pagination-block {
  display: inline-block;
  margin: 0 12px;
}
.pagination {
  margin-top: 10px;
  margin-bottom: 10px;
}
.pagination .page-item a.page-link {
  height: auto;
  width: auto;
  margin-right: 0;
  padding: 0.50rem .9rem; /* .25rem .75rem; */
  font-size: 14px;
  line-height: 20px;
}
.pagination .page-item.page-active a.page-link {
  color: #fff;
  background-color: #ED1C29; background-color: #ED1C29;
}
.pagination .page-item:hover a.page-link {
  border-color: #dadada;
}
.pagination li.page-item.disabled,
.pagination li.page-item.disabled a,
.pagination li.page-item.disabled:hover,
.pagination li.page-item.disabled:hover a,
.pagination li.page-item.disabled a:hover {
  color: #ccc;
  background-color: #fff;
  border-color: #ddd;
  pointer-events: none;
}
nav.pagination-block li:not(.disabled):not(.page-active){cursor: pointer;}
.pagination-options .page-rows {
  display: inline-block;
  width: initial;
  height: 2.4rem !important;
  margin: 0 4px;
  border-radius: 0;
  padding: 5px !important;
}

.frmModuleSearch .input-group .clear-btn,
.search-form .input-group .clear-btn {
  position: absolute;
  top: 1px;
  right: 57px;
  width: 40px;
  height: 40px;
  line-height: 38px;
  background-color: #fde9ea;
  display: block;
  text-align: center;
  z-index: 4;
  border: none;
  cursor: pointer;
}
.frmModuleSearch .input-group .clear-btn {
  top: 2px;
  right: 57px;
  width: 40px;
  line-height: 36px;
  height: 36px;
}

.search-form .input-group button.btn {
    height: 42px;
}

/*.frmModuleSearch .input-group .clear-btn .fa,
.search-form .input-group .clear-btn .fa {*/
.frmModuleSearch .input-group .clear-btn i,
.search-form .input-group .clear-btn i {
  color: #a52a2a;
  line-height: 40px;
}
.search-form .input-group input.form-control {
  padding-right: 40px !important;
}
.frmModuleSearch .input-group input.form-control {
  padding-right: 60px !important;
}

/* FontAwesome enhancement */
.btn i { margin-right: 5px;  }
table .btn i,
.btn i.fa-no-margin { margin-right: 0;  }

.hide {
  display: none !important;
}

/* Validation Form Style */
form .required,
.has-error label {
  color: #dc3545;
}
.has-error .inputfile + label * {
  color: #a52a2a;
}
.has-error .err-label,
.has-error .err-label-exist {
  color: #bb3333;
  font-size: 13px;
  padding: 0px !important;
  margin-bottom: 0;
  line-height: normal;
}
.has-error input,
.has-error textarea,
.has-error select {
  border-color: #dc3545 !important;
}
.has-error input:focus,
.has-error textarea:focus,
.has-error select:focus {
  border-color: #a52a2a;
}

#mdl-general .eac-input-wrap { width: 100%; }

.morphing-content .home-form .has-error i,
.morphing-content .home-form .has-error .err-label,
.morphing-content .home-form .has-error .err-label-exist {
  color: #521414 !important;
}
.morphing-content .home-form .has-error input,
.morphing-content .home-form .has-error textarea,
.morphing-content .home-form .has-error select
.morphing-content .home-form .has-error input:focus,
.morphing-content .home-form .has-error textarea:focus,
.morphing-content .home-form .has-error select:focus {
  border-color: #521414;
}

#mdl-general input:-webkit-autofill,
#mdl-general input:-webkit-autofill:hover, 
#mdl-general input:-webkit-autofill:focus,
#mdl-general input:-webkit-autofill {
  border: 1px solid #e5e5e5;
  -webkit-text-fill-color: #848484;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

.morphing-content .home-form .eac-sugg {
  color:#000;
  margin-left: 10px;
}
.morphing-content .home-form .eac-cval {
 color:#666; 
}
#mdl-general .eac-sugg {
  color: #ccc;
}
#mdl-general .eac-cval {
  color: #848484;
}
#mdl-general .eac-sugg,
#mdl-general .eac-cval {
  z-index: 10;
}


.vertical-line-connector-outer {
  width: 1px;
  height: 65px;
  margin: auto;
}
.vertical-line-connector-inner {
    width: 100%;
    height: 100%;
    background: #ED1C29;
}

.bgimg-module-info,
.bgimg-user-info,
.bgimg-account-info {
  background-image: url('../img/promo-1.jpg');
}

.modal-body .content-wrapper p {
  padding: 5px 0px;
  margin-bottom: 10px;
}

.modal-body .content-wrapper .form-group {
    margin-bottom: 10px;
}

/* Fancybox */
@media (min-width: 768px) {
  .fancybox-is-sliding .fancybox-slide, 
  .fancybox-slide--current, 
  .fancybox-slide--next, 
  .fancybox-slide--previous {
    overflow: hidden;
    /* Added by Sull on 16/06/2020 because Tapana reported a client issue where they could not see the Register button when the device display settings was set to 150% */
    overflow-y: auto;
  }
}
.morphing-content {
  padding: 4em 5vw;
}

/* Registration */
.fullMdlForm {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.fullMdlForm.login {
  max-width: 320px;
}
.fullMdlForm.forgot {
  max-width: 420px;
}
.fullMdlForm h4 {
  margin-bottom: 15px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255,255,255,.2);
  color: #fff;
  font-size: 15px;
}
.fullMdlForm .input-icon {
  position: relative;
}
.fullMdlForm .input-icon .input-group-addon {
    top: -7px;
    left: 27px;
}
.fullMdlForm .lg-input.input-icon .input-group-addon {
    left: 8px;
}
.fullMdlForm .input-group-addon .fa {
    color: rgba(255,255,255,.6); !important;
}
.fullMdlForm .input-icon input {
    padding-left: 30px !important;
}
.fullMdlForm input:-webkit-autofill,
.fullMdlForm input:-webkit-autofill:hover, 
.fullMdlForm input:-webkit-autofill:focus,
.fullMdlForm input:-webkit-autofill {
  border: 1px solid #fff;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #ED1C29 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.fullMdlForm.login a,
.fullMdlForm.forgot a,
.fullMdlForm.login a:visited,
.fullMdlForm.forgot a:visited {
  color: rgba(255, 255, 255, 0.6) !important;
}
.fullMdlForm.login a:hover,
.fullMdlForm.forgot a:hover {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

#frmForgotPasswordBox h3 {
  color: #ffffff;
  font-size: 42px;
  margin-top: 10px;
  margin-bottom: 40px;
}
#frmForgotPasswordBox p {
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.9);
}
#frmForgotPasswordBox #linkLogin {
  margin-top: 30px;
  display: block;
}

.module-search form input {
  width: 100%;
  padding: 8px 15px 9px 15px;
  margin-right: 2px;
  border: 0 none;
  border-bottom: 2px solid #fff;
}
.module-search form input.form-control:focus {
  border-bottom-color: #fff;
}
.module-search form button .fa {
  margin-right: 0;
}

#user-logs-box .card h3 {
  margin-top: 8px;
}

/* star rating // start (taken from here - https://codepen.io/filcp/pen/QvZVOg) */
.course-star-rating, .back-stars, .front-stars {
  display: flex;
}

.course-star-rating {
  align-items: center;
  font-size: 1.3em;
  justify-content: center;
  margin-top: 3px;
}

.back-stars {
  color: lightgray;
  position: relative;
}

.front-stars {
  color: #ED1C29;
  overflow: hidden;
  position: absolute;
  top: 0;
}
/* star rating // end */

/** MEDIA QUERIES **/
@media (min-width: 992px) {
  .modal.show .modal-dialog {
    transform: translate(0, 5%);
  }
  .modal .modal-xl {
    width: 65vw !important;
    max-width: 1100px;
  }
  /* Change footer links margin */
  .links li a {
      margin-top: 10px;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  .boxed-menu .navbar-brand {
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .megaDropMenu .dropdown-menu {
      width: 50%;
      left: inherit;
      right: 5%;
  }
}
@media (max-width: 767px) {
  .topbar .btn-label {
    display: none;
  }
  .topbar .btn .fa {
    margin-right: 0;
  }
  .topbar .col-logo {
    width: 65%;
  }
  .topbar .col-btn {
    width: 35%;
  }
  label.col-form-label {
    text-align: left;
  }
  .morphing-content .home-form h2 {
    font-size: 20px;
  }
  form.search-form .input-group {
    margin-bottom: 10px;
  }
  .hidden-xs {
    display: none !important;
  }
}
@media (max-width: 460px) {
  .boxed-menu .navbar-brand {
    font-size: 18px;
  }
}

/*
.text-dubai-red {
  color: #ed1c29 !important;
}
.btn-dubai-red {
  color: #fff !important;
  background-color: #ed1c29 !important;
  border-color: #ed1c29 !important;
}
.btn-dubai-main {
  color: #fff !important;
  background-color: #ED1C29 !important;
  border-color: #ED1C29 !important;
}
.btn-dubai-secondary {
  color: #ED1C29 !important;
  border: 1px solid #fff !important;
}
.btn-dubai-secondary:hover {
  color: #ED1C29 !important;
  border-color: #ED1C29 !important;
}
*/


.btn-theme-primary {
  color: white !important;
  background-color: #a72b2a !important;
  border-color: #a72b2a !important;
}

.btn-theme-secondary {
  color: #fff !important;
  background-color: #092b3c !important;
  border-color: #092b3c !important;
}

.btn-xs {
  font-size: 13px;
  padding: 5px 15px;
  height: auto;
  line-height: normal;
  border-radius: .25rem;
}

footer .btn-dubai-main {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.text-dubai-green {
  color: #ED1C29 !important;
}
.bg-metrics{
  background: #a7b3af  
}

/* Slider customisations */
.filter-slider-range,
.filter-slider-single {
  text-align: center;
}
#frmFilters .filter-slider {
  position: relative;
  z-index: 1; 
}
.slider.slider-horizontal{ width:96%; }
@media (max-width: 767px) {
  .slider.slider-horizontal{ width:90%; }
}
.filter-slider-range .slider-handle,
/*.filter-slider-range .slider.slider-horizontal .slider-handle {background: #ed1c29}*/
.filter-slider-range .slider.slider-horizontal .slider-handle {background: #092b3c}
.filter-slider-range .slider-tick.in-selection {
  display: none;
}
.filter-slider-range .slider-selection,
.filter-slider-range .slider-selection.tick-slider-selection{ background: #092b3c }
.slider-track-low, .slider-track-high,
.filter-slider-single .slider-selection,
.filter-slider-single .slider-tick.in-selection,
.filter-slider-range .slider-tick,
.filter-slider-single .slider-tick {
  background: #ddd;
}
.filter-slider-single .slider-selection {
  box-shadow: none;
}
.filter-slider-single .slider-tick {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  box-shadow: none;
}
.filter-slider-single .slider-handle {
  /*background: #ed1c29*/
  background: #092b3c
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  padding-top: 5px;
  color: #4698CB;
  font-size: 14px;
  font-weight: bold;

  /* Customisation by Sull to angle the displays */
  transform: rotate(-45deg);
  margin-top: 4px;
  position: relative;
  left: -8px;
}

/*
#js-filters .select-group .btn-reset-filters {
  display: none;
}
*/
#js-filters .SumoSelect {
  	/* max-width: 286px; Needed because on a rare occasion it might be bigger  */
    width: calc(100% - 65px);
}
#js-filters2 .SumoSelect {
    /* max-width: 286px; Needed because on a rare occasion it might be bigger  */
    width: 100%;
}
#js-filters2 .sumo_yearFrom,
#js-filters2 .sumo_yearTo {
  width: 100%;
}
#js-filters .SumoSelect .btnOk {
  color: #fff;
  background-color: #092b3c;
}
#js-filters2 .SumoSelect .btnOk {
  color: #fff;
  background-color: var(--primary-color);
}
#js-filters .SumoSelect .btnCancel {
  color: #fff;
  background-color: #aaa;
}

#js-filters2 .SumoSelect .btnCancel {
  color: #fff;
  background-color: var(--dubai-darkred) !important;
}

#js-filters2 .SumoSelect .btnOk,
#js-filters2 .SumoSelect .btnCancel {
  font-size: 16px !important;
}

#js-filters2 .SumoSelect .btnOk i,
#js-filters2 .SumoSelect .btnCancel i {
  font-size: 16px !important;
  display: none;
}
#js-filters2 .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i,
#js-filters2 .SumoSelect .select-all.selected>span i {
  background-color: var(--primary-color);
}

/* Metric */
 .table th {
  border-top: 0 none;
 }
.metric-cat,
.annual-report,
.common-page{
  position: relative;
  margin-top: 80px;
  margin-bottom: 20px;
}
.metric-cat:first-child{
  margin-top: 40px;
}
.ecosystem-news  .common-page{
  margin-top: 40px;
  margin-bottom: 40px;
}
.metric-cat .metric-title,
.annual-report .annual-report-title,
.common-page .header-title {
  padding-bottom: 10px;
  margin: 20px 0;
  border-bottom: 1px solid #eee;
}
#js-metrics-container .metric-cat.no-bottom-border,
#js-metrics-container .metric-cat:last-child,
.annual-report:last-child {
 border-bottom: 0 none;
 padding-bottom: 10px;
}

.metric-cat .metric-title .icon,
.annual-report .annual-report-title .icon {
  color: #E4EEF4;
  font-size: 30px;
  font-weight: bold;
  margin-right: 10px;
}

.common-page .header-title .flag {
  color: #E4EEF4;
  font-size: 30px;
  font-weight: bold;
  margin-right: 10px;
}

.metric-cat .metric-title .icon.green {
  color: #4698CB
}
.metric-cat .metric-title .title,
.annual-report .annual-report-title .title,
.common-page .header-title .title {
  /*font-weight: bold;*/
  color: #ED1C29;
  text-transform: capitalize;
}
.metric-cat .metric-data .pie {
  /* min-height: 200px; */
}
.metric-cat .table-metric {
  border-bottom: 1px solid #dddddd;
}
.metric-cat .table-metric th {
  font-variant:small-caps;
  text-align: right;
  vertical-align: top;
  line-height: 16px;
}
.metric-cat .table-metric th span {
  font-size: 10px;
  display: block;
}
.metric-cat .table-metric th:first-child {
  text-align: left;
}
.table-metric th.capital-col {
  width: 150px;
}
.table-metric th.project-col {
  width: 130px;
}
.table-metric th.jobs-col {
  width: 100px;
}
.metric-cat .table-metric td .fa {
  color: #ccc;
}
.metric-cat .table-metric td.val,
.metric-cat .table-metric td.val a {
  color: #666;
  text-align: left;
}
.metric-cat .table-metric td.val a {
  font-weight: bold;
  text-decoration: none;
}
.metric-cat .table-metric td.val a i {
    color: #66C4D8;
    font-size: 11px;
    margin-top: -4px;
    margin-left: 0;
}
.metric-cat .table-metric td.val a:hover,
.metric-cat .table-metric td.val a:hover i {
  color: #ed1c29;
}
.table-metric-industry {
  table-layout: fixed;
}
.metric-data table th.projects-col,
.metric-data table th.investment-currency-col {
  width: 140px;
}
.table-metric-industry th:last-child {
  width: 140px;
}
.table-metric-industry i {
  color: #fbbac0;
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
}
.table-metric td .label,
.table-metric-industry td .label {
  width: calc(100% - 30px);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
}
.table-metric-investment td .label {
  width: calc(100% - 60px);
}
.metric-cat  .table-metric .icon {
  width: 32px;
  height: 32px;
  background-color: #ccc;
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
}
.metric-cat  .table-metric .flag img {
  margin-right: 10px;
}

.metric-cat  .table-metric .bullet {
  width: 20px;
  height: 20px;
  background-color: #ccc;
  margin-right: 12px;
  vertical-align: middle;
  display: inline-block;
  border-radius: 50%;
}

.common-page img.img-content {
  /*width: 100%;*/
  border: 5px solid #eee;
}

@media (max-width: 767px) {
  #js-pie-investment-projects .highcharts-title,
  #js-pie-investment-capex .highcharts-title,
  #js-pie-tech-projects .highcharts-title,
  #js-pie-tech-capex .highcharts-title {
    font-size: 22px !important;
  }

  #js-pie-investment-projects .highcharts-subtitle,
  #js-pie-investment-capex .highcharts-subtitle,
  #js-pie-tech-projects .highcharts-subtitle,
  #js-pie-tech-capex .highcharts-subtitle {
    margin-top: -25px;
    font-size: 13px !important;
  }
}

.annual-report p {
  text-align: justify;
}
.page-details table th {
  font-variant:small-caps;
}
.page-details table td {
  vertical-align: middle;
}
.page-details table {
  /*table-layout: fixed;*/
}
.page-details table th.company,
.page-details table th.industry {
  width: 200px;
}
body.projects .page-details table td.company {
  width: 320px;
  background-color: #f3f3f3;
}
.page-details table th.technology {
  width: 140px;
}
@media (max-width: 767px) {
  body.admin table td.admin-report-info,
  body.partner table td.partner-info {
    width:360px;  /* adjust to desired wrapping */
    display:table;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
  }/*
  body.admin table td.admin-report-info div.content,
  body.partner table td.partner-info div.content {
    max-width: 400px;
  }*/
}
.page-details table td img {
  width: 28px;
  margin-right: 5px;
}

/* annual report */
.annual-report .annual-report-img a {
  position: relative;
  display: block;
  border: 5px solid #eee;
  text-align: center;
  vertical-align: middle;
}
.annual-report .annual-report-img a:hover {

}
.annual-report .annual-report-img a .overlay {
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
  background-color: rgba(0,0,0,.6);
  padding-top: 30%;
  font-size: 32px;
  display: none;
}
.annual-report .annual-report-img a:hover .overlay {
  display: block;
}
/*.annual-report .annual-report-img a .overlay .fa {*/
.annual-report .annual-report-img a .overlay i {
  color: #fff;
}
.annual-report .annual-report-img img {
  width: 100%;
}
.annual-report .annual-report-info h5 {
  margin-top: 5px;
}

@media (min-width: 992px) {
  .metric-cat .metric-title .icon {
    margin-bottom: 10px;
  }
  .metric-cat .metric-data .pie {
    /* min-height: 250px; */
  }
}

@media (max-width: 767px) {
  .metric-cat  .table-metric .flag img {
    height: 16px;
    margin-right: 5px;
  }
  .annual-report .annual-report-title .icon {
    margin-right: 5px;
    font-size: 16px;
  }
  .annual-report .annual-report-title .title {
    font-size: 16px; 
  }
  .annual-report .annual-report-info h5 {
    font-size: 15px; 
  }
}

.hint { text-align: center  }
.hint strong {
  color: #ED1C29;
}

.map-section {
  position: relative;
  width: 100%;
  height: 350px;
  background-image: url('../img/banner/dubai-fdi-map.png');
  background-position: left center;
  background-size: cover;
  /*margin-top: 40px;*/
}
.map-section .map-contents {
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
  background-color: rgba(255,255,255,.7);
  text-align: center;
}
.map-section .map-contents h3 {
  /*color: #fff;*/
  font-weight: bold;
  margin-top: 100px;
  margin-bottom: 20px;
  font-size: 46px;
  line-height: 62px;
  text-shadow: 2px 2px 2px rgba(0,0,0,.2);
}

footer {
  background-color: #242424;
  padding-top: 40px;
  padding-bottom: 40px;
}

.app-links {
  margin-top: 40px;
}
.app-links p {
  color: #fff;
  font-size: 14px;
}
.app-links p a {
  margin: 5px 15px;
  display: inline-block;
}
.app-links p a:link,
.app-links p a:visited {
  color: #fff;
}
.app-links p a:hover {
  color: #ed1c29;
}
.app-links p a i {
  font-size: 22px;
}

/* Slider */
.slider-caption .caption-content h1,
.slider-caption .caption-content h3,
.slider-caption .caption-content p {
  /*text-shadow: 0px 2px 4px rgba(0,0,0,.4);*/ /*3px 3px 15px #000;*/

  color: #fff !important;

  /*display: inline;*/
  /*padding: 0.02em 0;*/
  /*box-shadow: 0.39em 0 0 2px #000, -0.39em 0 0 2px #000;*/
  /* background-color: #000; */
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 10px;
  margin: -1px 0;
  display: table;
}

.banner .bg-image-holder {
  /*background-image: -webkit-linear-gradient(rgba(102,127,118,0.4), rgba(102,127,118,0.4));*/
  /*opacity: .8*/
}

.banner .bg-image-holder:before {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background-color: rgba(0,0,0,0.3);
}

.slick-dots li button,
.slick-dots li.slick-active button/*,
.slick-prev, 
.slick-next*/ {
  border: 2px solid #fff; /*#ed1c29 !important;*/
  background-color: rgba(255,255,255,0.2); /*#ed1c29 !important;*/
}

/* Editor */
.cke_editable.cke_show_borders table.cke_show_border, 
.cke_editable.cke_show_borders table.cke_show_border td, 
.about-details table, 
.about-details table td {
  border: 0 none;
}
.cke_editable.cke_show_borders table.cke_show_border td, 
.about-details table td {
    padding: 0 15px;
    vertical-align: top;
}
.cke_editable table h3, .about-details table h3 {
  font-size: 20px;
  line-height: 1.1;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.about-details h2 {
  color: #ED1C29 !important;
  font-weight: bold;
}

.policy-details {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (min-width: 992px) {
  .policy-details {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.policy-details h3 {
  margin-bottom: 20px;
}
.policy-details ul li {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 10px;
}

/* Contact */
.page-contactus .contact_sidebar .media-box {
    padding: 20px 30px;
}
/*.page-contactus .contact_sidebar .media-icon .fa {*/
.page-contactus .contact_sidebar .media-icon i {
  position: absolute;
  color: #ebe5e5 !important;
}
.page-contactus .contact_sidebar .media-icon .fa-map-marker {
  top: -7px;
  left: -40px;
  font-size: 180px;
}
.page-contactus .contact_sidebar .media-icon .fa-phone {
  top: 45px;
  left: -45px;
  font-size: 158px;
}
.page-contactus .contact_sidebar .media-icon .fa-envelope {
    top: 33px;
    left: -43px;
    font-size: 180px;
}
.page-contactus .contact_sidebar .media-content {
    /*padding-left: 20px;*/
    padding-left: 0;
    position: relative;
    z-index: 2;
}

.slider-caption a:focus{color:white;}

/* Button appears to be 'pressed/pushed' */
.push-button, .push-button:hover{
  box-shadow: 2px 2px 10px rgba(0,0,0,.5);
  transition: all 0.05s linear !important;
  position: relative;
  /*top: -2px;*/
  /*left: -2px;*/
}
.push-button:active{
  top: 0px;
  left: 0px;
  box-shadow: none !important;
}

.text-shadow{
    text-shadow: 0px 2px 8px rgba(0,0,0,.6);
}

.map-holder{
  padding: 260px 0 !important;
}

/* Filter */
#js-filters,
#js-filters2 {
  margin: 20px 0 10px 0;
  border: 1px solid #999
}
#js-filters2,
#js-filters.fixed-bottom,
body.page-with-filter #js-filters.fixed-left,
body.page-with-filter .float-info {
  margin: 0;
  border: 0 none;
  border-top: 2px solid #002740;
  transition: all .5s ease-out;
  box-shadow: rgba(0,0,0,0.2) 0 2px 6px;
  z-index: 1029;
}

@media (max-width: 767px) {
  #js-filters.fixed-left #frmFilters select.form-control,
  #js-filters.fixed-bottom #frmFilters select.form-control {
    width: calc(100% - 30px);
  }
  #js-filters.fixed-left #frmFilters .SumoSelect,
  #js-filters.fixed-bottom #frmFilters .SumoSelect {
    max-width: calc(100% - 30px);
  }
}


body.page-with-filter #js-filters.fixed-left,
body.page-with-filter .float-info-container {
  border: 1px solid #999;
}
body.map #js-filters.fixed-left,
body.page-with-filter #js-filters.fixed-left {
  border-left: none;
}
body.page-with-filter .float-info-container {
  border-right: none;
}
body.page-with-filter .float-info {
  border-top: 0 none;
}
#js-filters.fixed-bottom.filter-hide {
  animation: bounce 1s infinite alternate;
  -webkit-animation: bounce 1s infinite alternate;
}
/* #js-filters2.hide-filter {
  animation: bounce_top 1s infinite alternate;
  -webkit-animation: bounce_top 1s infinite alternate;
} */
#js-filters.fixed-left.filter-hide {
  animation: bounce_side 1s infinite alternate;
  -webkit-animation: bounce_side 1s infinite alternate;
}

#js-filters.fixed-bottom #btn-toggle-filters {
  top: -40px !important;
}

#js-filters2 #btn-toggle-filters {
  left: 15px !important;
}

.map-page #js-filters2 #btn-toggle-filters {
  left: 180px !important;
}

#js-filters.fixed-bottom #btn-toggle-filters i {
  font-size: 16px !important;
  display: inline-block; 
}
#js-filters2 #btn-toggle-filters i {
  font-size: 14px !important;
  display: inline-block; 
}
#js-filters.fixed-bottom #btn-toggle-filters .vericaltext,
#js-filters2 #btn-toggle-filters .vericaltext {
  transform: inherit;
  margin: 0;
  display: inline-block;
  margin-left: 10px;
}

@media ( min-width: 768px ) {
    #js-filters.fixed-bottom .slider.slider-horizontal .slider-tick-label-container .slider-tick-label,
    #js-filters2 .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
        transform: inherit;
        left: 0;
    }
}

#js-filters.fixed-bottom .form-check-label,
#js-filters2 .form-check-label {
  min-width: 100px;
}

#js-filters .SumoSelect>.CaptionCont,
#js-filters2 .SumoSelect>.CaptionCont {
  line-height: 24px !important;
  border-radius: 0 2px 2px 0 !important;
}

#js-filters .btn-group,
#js-filters2 .btn-group {
  width: 100%;
}

#js-filters.fixed-bottom .btn-group-zar .btn,
#js-filters2 .btn-group-zar .btn {
  width: 100% !important;
}

@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}

@keyframes bounce_top {
  from {
    transform: translateY(2%);
  }
  to {
    transform: translateY(-2%);
  }
}
@-webkit-keyframes bounce_top {
  from {
    transform: translateY(2%);
  }
  to {
    transform: translateY(-2%);
  }
}

@keyframes bounce_side {
  from {
    transform: translateX(5px);
  }
  to {
    transform: translateX(-10px);
  }
}
@-webkit-keyframes bounce_side {
  from {
    transform: translateX(5px);
  }
  to {
    transform: translateX(-10px);
  }
}

#js-filters #btn-toggle-filters,
body.page-with-filter .float-info #btn-toggle-info {
  display: none;
}
#js-filters.fixed-bottom #btn-toggle-filters {
  position: absolute;
  top: -46px;
  left: 90px;
  padding: 10px 20px 11px 20px;
  color: #fff;
  text-align: center;
  border: 2px solid #002740;
  border-bottom: 0 none;
  border-radius: 6px 6px 0 0;
  display: block;
}

#js-filters.fixed-bottom #btn-toggle-filters i {
  color: #999;
  font-size: 24px;
  text-align: center;
  transition: all .5s ease-out;
}

#js-filters.fixed-bottom #btn-toggle-filters {
  right: initial;
  padding: 10px 15px 11px 15px;
  background-color: #002740;
  line-height: 16px;
}

#js-filters2 #btn-toggle-filters {
  position: absolute;
  bottom: -42px;
  left: 90px;
  padding: 10px 20px 11px 20px;
  color: #fff;
  text-align: center;
  border: 2px solid #002740;
  border-bottom: 0 none;
  border-radius: 0 0 6px 6px;
  display: block;
}

#js-filters2 #btn-toggle-filters i {
  color: #999;
  font-size: 24px;
  text-align: center;
  transition: all .5s ease-out;
}
#js-filters2 #btn-toggle-filters {
  top: initial;
  right: initial;
  padding: 10px 15px 11px 15px;
  background-color: #002740;
  line-height: 16px;
}

@media (max-width: 767px) {
  #js-filters.fixed-bottom #btn-toggle-filters {
    top: -47px;  
  }
  #js-filters.fixed-bottom #btn-toggle-filters {
    left: 10px;
  }
} 

#js-filters.fixed-bottom.filter-hide #btn-toggle-filters i,
#js-filters2.filter-hide #btn-toggle-filters i {
    transform: rotate(452deg);
}

body.page-with-filter #js-filters.fixed-left {
  border: 1px solid #999;
  border-left: 0 none;
  border-radius: 0 6px 6px 0;
}

body.page-with-filter #js-filters.fixed-left #btn-toggle-filters,
body.page-with-filter .float-info #btn-toggle-info {
  position: absolute;
  top: 20px;
  right: -30px;
  width: 30px;
  padding: 8px;
  color: #848484;
  text-align: center;
  border: 1px solid #999;
  border-left: 0 none;
  border-radius: 0 6px 6px 0;
  display: block;
  box-shadow: rgba(0,0,0,0.2) 2px 2px 3px;
  z-index: 1112;
}
body.page-with-filter #ajax_filters_form {
  z-index: 2;
}
body.page-with-filter .float-info {
  background-color: #fff;
  box-shadow: rgba(0,0,0,0.2) 0 2px 6px;
  z-index: 1030;
}
body.page-with-filter .float-info #btn-toggle-info {
  position: absolute;
  top: 50%;
  left: -28px;
  right: 349px;
  bottom: initial;
  padding: 20px 8px;
  border: 1px solid #fff;
  border-radius: 6px 0 0 6px;
  background-color: #fff;
  box-shadow: none;
  z-index: 1030;
}
body.page-with-filter #js-filters.fixed-left #btn-toggle-filters i,
body.page-with-filter .float-info #btn-toggle-info i {
  color: #999;
  margin-bottom: 32px;
  text-align: center;
  transition: all .5s ease-out;
}
body.page-with-filter #js-filters.fixed-left #btn-toggle-filters i,
body.page-with-filter .float-info.filter-hide #btn-toggle-info i {
  transform: rotate(452deg);
}
body.page-with-filter #js-filters.fixed-left.filter-hide #btn-toggle-filters i,
body.page-with-filter .float-info #btn-toggle-info i {
  transform: rotate(-90deg);
}
body.page-with-filter #js-filters.fixed-left.filter-hide #btn-toggle-filters i,
body.page-with-filter .float-info.filter-hide #btn-toggle-info i {
  color: #ed1c29;
}
body.page-with-filter #js-filters.fixed-left #btn-toggle-filters,
body.page-with-filter .float-info #btn-toggle-info {
  border: 1px solid #999;
}
body.page-with-filter #js-filters.fixed-left #btn-toggle-filters {
  border-left: none;
}
body.page-with-filter .float-info #btn-toggle-info {
  border-right: none;
  z-index: 1031;
}


body.fdi-dashboard #mapinfo p
body.page-with-filter .float-info #mapinfo p {
  line-height: 24px;
}
body.fdi-dashboard .info_content p,
body.page-with-filter .float-info .info_content p {
  margin: 0 0 10px 0;
}

body.page-with-filter .float-info .info_pic {
  height:200px;
}

body.page-with-filter .float-info {
  position: absolute;
  top: 100px;
  right: 0;
  width: 320px;
  height: auto;
}
@media (max-width: 767px) {
  body.page-with-filter .float-info {
    width: 260px;
  }
}
body.page-with-filter .float-info .loader {
  margin-top: 40vh;
}
body.page-with-filter .float-info-container {
  width: 100%;
    height: 100%;
  overflow-y: auto;
}
body.page-with-filter .float-info-container .info_container {
  background-color: #fff;
}
body.page-with-filter .float-info .info_pic_title {
  position: relative;
  margin-top: 0;
  margin-left: 0;
  z-index: 2;
}
.info_title p,
body.page-with-filter .info_title p {
  /*color:#00558C;*/
  color:#fff;
  font-size: 15px;
}
body.page-with-filter .fixed-left {
  position: fixed;
  /*top: 20%;*/
  top: 130px;
  left: 0;
  width: 350px;
  /*width: 500px;*/
  /*height: 400px;*/
    z-index: 1030;
}
body.page-with-filter .fixed-left.filter-hide {
  left: -290px;
}

body.page-with-filter .fixed-left .slider.slider-horizontal {
  width:90%;
}




#js-filters form h4,
#js-filters2 form h4 {
  font-size: 16px;
  line-height: 21px;
}
#js-filters form select,
#js-filters form button.btn-submit,
#js-filters2 form select,
#js-filters2 form button.btn-submit {
  margin: 5px 0;
}
/*#js-filters form .btn-dubai-red {*/
#js-filters form .btn,
#js-filters2 form .btn {
  width: 100%;
  display: inline-block;
}
@media (max-width: 991px) {
  #js-filters form .btn-dubai-red,
  #js-filters2 form .btn-dubai-red {
    margin-top: 10px;
  }
  #js-filters .btn-group,
  #js-filters2 .btn-group {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  #js-filters.fixed-bottom #frmFilters,
  #js-filters2 #frmFilters {
    padding: 15px !important;
  }
  #js-filters.fixed-bottom #frmFilters > p,
  #js-filters2 #frmFilters > p {
    display: none;
  }
  #js-filters h4,
  #js-filters2 h4 {
    font-size: 13px;
    line-height: 22px;
  }

  .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    font-size: 11px;
  }

  body.page-with-filter .fixed-left {
    width: 280px;
  }
  body.page-with-filter .fixed-left.filter-hide {
    left: -270px;
  }
  #js-filters .btn-group.btn-group-toggle.btn-group,
  #js-filters2 .btn-group.btn-group-toggle.btn-group {
    margin-bottom: 0;
  }
  #js-filters hr,
  #js-filters2 hr {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  #js-filters .form-check,
  #js-filters .checkbox-custom-label,
  #js-filters2 .form-check,
  #js-filters2 .checkbox-custom-label {
    margin-bottom: 0 !important;
  }
}

#js-filters.fixed-bottom:not(.filter-hide) {  
  bottom: 0 !important;
  padding: 0 !important;
}

#js-filters2:not(.hide-filter) {  
  margin-top: -20px !important;
}

.map-page #js-filters2:not(.hide-filter) {  
  margin-top: 0 !important;
}

#js-filters.fixed-bottom #frmFilters {
  margin: 0 auto;
  padding: 1.5rem;
}
@media (min-width: 480px) {
  #js-filters.fixed-bottom #frmFilters,
  #js-filters2 #frmFilters {
    width: 450px;
  }
}
@media (min-width: 768px) {
  #js-filters.fixed-bottom #frmFilters,
  #js-filters2 #frmFilters {
    width: 750px;
  }
}
@media (min-width: 992px) {
  #js-filters.fixed-bottom #frmFilters,
  #js-filters2 #frmFilters {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  #js-filters.fixed-bottom #frmFilters,
  #js-filters2 #frmFilters {
    width: 1140px;
  }
}

/*slider button group*/
#js-filters .btn-group-vertical>.btn, 
#js-filters .btn-group>.btn,
#js-filters2 .btn-group-vertical>.btn, 
#js-filters2 .btn-group>.btn {
  border-radius: 5px;
}
#js-filters .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),
#js-filters2 .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#js-filters .btn-group>.btn:last-child:not(:first-child), 
#js-filters .btn-group>.dropdown-toggle:not(:first-child),
#js-filters2 .btn-group>.btn:last-child:not(:first-child), 
#js-filters2 .btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* #js-filters .btn-group label:hover:not(.active){background-color: #4698CB } */

#js-filters-loading{
  position: absolute;
  top:0; bottom:0; right:0; left:0;
  background: rgba(0,0,0,0.5);
  text-align: center;
  z-index: 10;
}
/*#js-filters-loading .fa{*/
#js-filters-loading i {
  position:absolute;
  top:calc(50% - 21px);
  color: #fff;
  margin-left: -21px;
}
/* body.map #js-filters-loading .fa{
  position:initial; 
  top:0;
  margin-top: 20vh;
  font-size: 2em;
}
 */
#js-filters .btn-reset-filters,
#js-filters .js-download-pdf,
#js-filters2 .btn-reset-filters,
#js-filters2 .js-download-pdf {
  background-color: #a2a2a2;
  margin: 5px 0;
  min-width: 40px;
  width: 40px !important;
  padding: 0px;
  text-align: center;
}
#js-filters .btn-reset-filters,
#js-filters2 .btn-reset-filters {
  width: 100px !important;
  text-transform: capitalize;
}
#js-filters .btn-reset-filters:hover,
#js-filters2 .btn-reset-filters:hover{
  background-color: #929292;
}
#js-filters .btn-reset-all-filters,
#js-filters2 .btn-reset-all-filters{
  background-color: #f55c5d;
}
#js-filters .btn-reset-all-filters:hover,
#js-filters2 .btn-reset-all-filters:hover{
  background-color: #ED1C29;
}
#js-filters .js-download-pdf,
#js-filters2 .js-download-pdf {
  background-color: #999;
  width: 100% !important;
}
/*#js-filters .btn-reset-filters .fa,
#js-filters .js-download-pdf .fa {*/
#js-filters .btn-reset-filters i,
#js-filters .js-download-pdf i,
#js-filters2 .btn-reset-filters i,
#js-filters2 .js-download-pdf i {
  color: #fff !important;
  margin-right: 0;
}
/*#js-filters .btn-reset-filters .fa:hover,
#js-filters .js-download-pdf .fa:hover {*/
#js-filters .btn-reset-filters i:hover,
#js-filters .js-download-pdf i:hover,
#js-filters2 .btn-reset-filters i:hover,
#js-filters2 .js-download-pdf i:hover {
  color: #fff !important;
}

.btn.disabled, .btn:disabled {
  opacity: .30;
  cursor: not-allowed;
}

/* Map */
#canvas_holder{
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0;
  width:100%; 
  height:100%;
  z-index: 0;
}
body.map-page #map,
#map_canvas {
  width:100%;
  height:100%; 
  position: absolute;
  top: 0px; 
  left: 0px;
  bottom: 0;
  overflow: hidden;
}
/*.full-width .topbar,*/
body.map-page footer {
  display: none;
}
body .header-fixed-logo,
body.page-with-filter .header-fixed-logo {
  display: inline-block !important;
}
.nav-for-full-width {
  display: none;
}

/*nav.navbar.navbar-expand-md.main-nav{ background-color: #ED1C29 }*/
nav.navbar.navbar-sticky {
  background-color: #fff;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.75);
}

@media (max-width: 767px) {
  .full-width .nav-item-sep {
    margin-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #eee;
  }
  .full-width .nav-for-full-width {
    display: block;
  }
  .full-width #canvas_holder {
    top: 120px;
    height: calc(100% - 120px);
  }
  .beta.full-width #canvas_holder {
    top: 62px;
    height: calc(100% - 62px);
  }
  .full-width .navbar-brand {
    display: inline-flex;
    padding: 4px 0;
  }
  .navbar-brand img,
  .full-width .navbar-brand img {
    width: 170px;
    display: block !important;
  }
}
@media (min-width: 768px) {
  .full-width .topbar {
    background-color: #101820;
    padding: 5px 0;
  }
  .full-width .topbar .btn {
    color: #fff !important;
    font-size: 13px;
    line-height: 18px;
  }
  .full-width .topbar .btn:hover:before {
    background-color: #101820 !important;
    transition: all 0.3s cubic-bezier(0, 0, 0, 0) !important;
  }
  .full-width .topbar .col-logo a {
    display: none;
  }
  .topbar .dropdown-right .dropdown-menu {
    margin-top: -23px;
  }
  .full-width #canvas_holder {
    top: 122px;
    height: calc(100% - 122px);
  }
  body.beta.full-width #canvas_holder {
    top: 68px;
    height: calc(100% - 68px);
  }
  .full-width .main-nav {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .full-width .main-wrapper.fdi-dashboard {
    padding-top: 20px;
  }
  /*
  .full-width #js-contact-us {
    display: block !important;
  }*/
  .fdi-dashboard #js-dashboard-container > .row {
     flex-direction: row-reverse
  }
}

/*
@media (min-width: 768px) {
  .boxed-menu .main-nav {
    margin-bottom: -45px;
  }
  body.full-width.boxed-menu .main-nav {
      margin-bottom: 0;
  }
}
*/

@media (max-width: 767px) {
  .bredcrumb .bg-image { padding: 30px 0; }
  .bredcrumb .bg-image h1 {
    font-size: 28px;
  }
  .bredcrumb .pager.middle li { padding: 5px; }
  .bredcrumb .pager.middle li:after { top: 12px !important; }

  #mapinfo {
    margin-bottom: 20px;
  }
}

.indicator-box {
  margin-bottom: 20px;
  border: 1px solid #5a91b5;
  line-height: normal;
}
.indicator-box .title/*,
.indicator-box .title a*/ {
  background-color: #5a91b5;
  padding: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.indicator-box .title a:hover {
  color: #ed1c29;
}
.indicator-box .ind-content {
  display: flex;
  min-height: 110px;
  padding: 15px;
}
.indicator-box .ind-content .ind-value {
  /*margin: 10px 0;*/
  margin: 0;
  font-size: 32px;
  font-weight: 500;
  text-align: center;
}
.indicator-box .ind-content .ind-value .cur {
  display: block;
  font-size: 14px;
}
.indicator-box .ind-content .ind-more {
  margin-top: 20px;
  text-align: center;
}
.indicator-box .ind-more .ind-inf {
  margin: 2%;
  display: inline-block;
  font-size: 11px;
}
.indicator-box .ind-more .ind-inf h6 {
  font-size: 13px; 
  font-weight: 500;
}
.indicator-box .ind-content .green,
.indicator-box .ind-inf .fa-caret-up {
  color: #ED1C29;
}
.indicator-box .ind-content .red,
.indicator-box .ind-inf .fa-caret-down {
  color: #ed1c29;
}

/* Utility position classes */
.position-relative{position: relative;}
.position-absolute{position: absolute;}
.position-static{position: static;}
.position-sticky{position: sticky;}
.position-fixed{position: fixed;}

/* Pagination */
.page-item a.page-link {
  height: 35px;
  width: 35px;
  font-size: 14px;
  line-height: 18px;
}

.investor-box {
  width: 100%;
  min-height: 300px;
  /*height: 300px;*/
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #e9ecef;
  text-align: center;
}
.investor-box #chart_timeseries {
  height: 260px;
}
.investor-box h4 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500
}
.investor-box h4 .range {
  display: block;
  color: #aaa;
  font-size: 11px;
}
@media (max-width: 767px) {
  .investor-box h4 {
    font-size: 13px;
  }
  .investor-box h4 .range {
    font-size: 10px;
  }
}
.investor-box .ind-more {
  text-align: center;
}
.investor-box .ind-more .ind-inf {
  margin: 1% 2%;
  display: inline-block;
  font-size: 13px;
}
.investor-box .ind-more .ind-inf h6 {
  font-size: 13px; 
  font-weight: 500;
}
/*.investor-box .fa {*/
.investor-box i {
  margin-top: 20vh;
}
.investor-box #investors {
  height: 260px;
}

/* User Dashboard */
body.partner #js-profile-page h4,
body.partner .modal-body h4,
body.admin .modal-body h4 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9ecef;
  font-size: 16px;
}
body.partner #js-profile-page .user-info-row {
  margin-bottom: 10px
}
body.partner .user-info-row div {
  display: inline-block;
  vertical-align: top;
}
body.partner .user-info-row div.label {
  width: 25%;
  font-weight: 600;
}
body.partner .user-info-row p {
  margin-bottom: 0;
  font-size: 14px;
}

@media (max-width: 767px) {
  body.partner #js-profile-page .row > div {
    margin-bottom: 20px;
  }
}

/* Filter */
#js-apply-filters:disabled{
  cursor: default;
  opacity: 0.5 !important;
  pointer-events: none;
}
#js-apply-filters:disabled:hover{
  background-color: #E4EEF4 !important;
}

/* Social Media Icons */
.social-media {
  margin: 0;
  padding: 0;
  list-style: none;
}
.common-page .social-media {
  position: absolute;
  top: -20px;
  right: 0;
}
.social-media li {
  display: inline-block;
}
.social-media a {
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  height: 32px;
  line-height: 32px;
  margin-right: 5px;
  padding: 0 8px;
  position: relative;
  text-align: center;
  top: 0;
  vertical-align: top;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;
  -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
  -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
  transition: opacity 0.2s ease-in, top 0.2s ease-in;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.social-media a:hover {
    opacity: .8;
    top: -4px;
}
.social-media a > i {
  height: 16px;
  width: 16px;
}
.social-media .facebook {
  background-color: #3B5998;
}
.social-media .messenger {
  background-color: #448AFF;
}
.social-media .twitter {
  background-color: #55acee;
}
.social-media .pinterest {
  background-color: #CB2027;
}
.social-media .linkedin {
  background-color: #0077b5;
}
.social-media .googleplus {
  background-color: #dc4e41;
}
.social-media .digg {
  background-color: #262626;
}
.social-media .reddit {
  background-color: #ff4500;
}
.social-media .delicious {
  background-color: #205cc0;
}
.social-media .wechat {
  background-color: #4EC034;
}
.social-media .whatsapp {
  background-color: #25d366;
}
.social-media .xing {
  background-color: #1a7576;
}
.social-media .print {
  background-color: #222222;
}

.investor-box #chart_timeseries > div.highcharts-container {
  width: 100% !important;
  overflow-x: auto !important;
}


/**********************/
/*                    */
/**   Generate PDF   **/
/*                    */
/**********************/
.gen-pdf #loading-overlay {
  opacity: 1;
  display: none;
}
.gen-pdf #loading-overlay .loader-label {
  display: block;
}

.gen-pdf #convertThisToPDF {
  min-width: 1400px;
  background-color: #fff;
}
/*
.gen-pdf #convertThisToPDF #chart_timeseries .highcharts-container > svg {
  max-width: 100% !important;
}
*/

#convertThisToPDF .gen-pdf-header,
#convertThisToPDF .gen-pdf-footer {
  display: none;
}

#convertThisToPDF .gen-pdf-header {
  border-bottom: 5px solid #4698CB
  /*
  margin: -20px -15px 20px -15px;
  padding: 20px 15px;
  background-color: var(--menu-color, #4698CB);
  overflow: hidden;
  */
}
#convertThisToPDF .gen-pdf-header h3 {
  /*color: #fff;*/
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
}
/*
#convertThisToPDF .gen-pdf-header .col-logo {
  position: relative;
  text-align: right;
}
#convertThisToPDF .gen-pdf-header .col-logo .logo-bg {
  float: right;
  width: 180px;
  margin: -20px -15px;
  padding: 16px 20px;
  background-color: #fff;
  text-align: center;
}
*/
#convertThisToPDF .gen-pdf-footer {
  border-top: 5px solid #4698CB 
  /*
  margin: 40px -15px -15px -15px;
  padding: 20px;
  background-color: var(--menu-color, #4698CB);
  */
}
/*
#convertThisToPDF .gen-pdf-footer h6,
#convertThisToPDF .gen-pdf-footer p {
  color: #fff;
}
#convertThisToPDF .gen-pdf-footer a {
  color: var(--primary-color, #ed1c29) !important;
}
*/

/* hiding map markers */
.gen-pdf #map .leaflet-marker-icon,
.gen-pdf #map .leaflet-marker-icon.marker-cluster,
.gen-pdf #map .leaflet-marker-shadow {
  display: none;
}

.gen-pdf #loading-overlay {
  background-color: rgba(255, 255, 255, 1);
}
.gen-pdf #loading-overlay .hide-gen-pdf {
  display: block !important;
}

.gen-pdf #convertThisToPDF svg,
.gen-pdf #convertThisToPDF rect {
  border: 0 none !important;
  box-shadow: none !important;
}
.gen-pdf #convertThisToPDF .gen-pdf-header,
.gen-pdf #convertThisToPDF .gen-pdf-footer {
  display: block; 
}

@media (max-width: 1599px) {
  .gen-pdf #convertThisToPDF .metric-cat-technology {
    min-height: 660px;
  }
}
@media (min-width: 1600px) {
  .gen-pdf #convertThisToPDF .metric-cat-source-country {
    min-height: 940px;
  }
}

.gen-pdf #convertThisToPDF #js-filters.fixed-bottom {
  position: initial;
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 0 none;
  box-shadow: none;
}
.gen-pdf #convertThisToPDF #js-filters.fixed-bottom .pt-1 .col-lg-10 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.gen-pdf #convertThisToPDF #js-filters.fixed-bottom #btn-toggle-filters,
.gen-pdf #convertThisToPDF .hide-gen-pdf {
  display: none;
}
.gen-pdf #convertThisToPDF .container,
.gen-pdf #convertThisToPDF .container-fluid,
.gen-pdf #convertThisToPDF #js-filters.fixed-bottom #frmFilters {
  width: 100% !important;
  max-width: 100% !important;
}
#convertThisToPDF .container-fluid .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.print-show{display: none;}

/* PRINT CSS */
@media print { 
  body { 
    -webkit-print-color-adjust: exact; 
    color-adjust: exact; 
  }
  /* Hide all these for the downloads */
  .topbar,
  header,
  footer,  
  .indicator-box.become-partner, 
  .navbar,
  .topLinks,
  #btn-toggle-filters,
  #loading-overlay,
  #convertThisToPDF #js-filters.fixed-bottom #btn-toggle-filters,
  #convertThisToPDF .hide-gen-pdf, 
  .print-hide {
    display:none !important;
  }
  .print-show {
    display: block;
  }
  #convertThisToPDF #js-filters.fixed-bottom {
    position: initial;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 0 none;
    box-shadow: none;
  }
  #convertThisToPDF #js-filters.fixed-bottom .pt-1 .col-lg-10 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  #convertThisToPDF #js-filters.fixed-bottom .pt-1 .row .col-12 {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  #convertThisToPDF .container,
  #convertThisToPDF .container-fluid,
  #convertThisToPDF #js-filters.fixed-bottom #frmFilters {
    width: 100% !important;
    max-width: 100% !important;
  }

  #convertThisToPDF .gen-pdf-header,
  #convertThisToPDF .gen-pdf-footer {
    display: block;
  }
  
  .container,
  .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    /*width: 970px !important;*/
  }

  .topbar .topAppName {
    display: inline-block !important;
  }

  #chart_timeseries .highcharts-container > svg {
    width: 100% !important;
  }

  .indicator-data {
    max-width: 100% !important;
    flex: 100%;
  }
  
  #mapinfo .info_pic {
    height: 200px;
  }

  .investor-box #chart_timeseries,
  .investor-box #chart_timeseries > div.highcharts-container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .page-break-before {
    page-break-before: always;
    break-before: always;
  }

  .page-break-after {
    page-break-after: always;
    break-after: always;
  }
  #js-dashboard-container .mapBox .dashboard-right-content {
    margin-top: 120px;
  }

  #ajax-metrics-left-container {
    margin-top: 30px;
    display: block;
  }
  .metric-title{
    margin-bottom: 50px !important;
  }

  #mapinfo .info_pic {
    height: 250px;
  }

  .metric-title {
    position: static !important;
    box-shadow: none !important;
  }

  .metric-data.col-12.col-md-6:last-child h5 {
    padding-top: 20px;
    border-top: 1px solid #eee;;
  }
  #js-tech-table{
    margin-top: 50px;
  }

  #map{height: 650px;}

  #happiness-meter{display: none !important;}

  #js-filters2.new-search-theme {
    background-color: white !important;
    border-bottom: none !important;
    padding: 0px;
    margin-top: 0px !important;
  }

  #printed-filters p{
    font-size: 18px !important;
    color: #666 !important}
}
/* Print CSS end */


.pager li span {
  display: inline-block;
  padding: 7px 7px;
}

.flex {
  display: flex;
}

@media (max-width: 767px) {
  .flex {
    flex-direction: column;
  }
}

aside#category-lists {
  flex: 1;
  order: 1;

  /*background-color: #f5f5f8;*/
  border-right: 1px solid #f5f5f8;
}

@media (max-width: 767px) {
  aside#category-lists {
    margin-bottom: 50px;
  }
}


#js-contents {
  flex: 4;
  order: 2;

  padding: 0 20px;
  
}

#category-lists h3 {
  /*background-color: #ED1C29;*/
  color: #ED1C29;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 2px solid #f5f5f8;
  margin-bottom: 10px;
}

#category-lists li > a {
  color: #333;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 600;
  -webkit-font-smoothing: initial;
  border-bottom: 1px solid #f5f5f8;
  display: block;
  overflow: hidden;
}
#category-lists li:last-child > a {
  border-bottom: none;
}

#category-lists li > a span {
  float: left;
  display: inline-block;
}
#category-lists li > a small {
  float: right;
  margin-left: 10px;
  display: inline-block;
}
#category-lists li.active > a {
  background-color: #f5f5f8;
}

#category-lists li > a:hover {
  background-color: #f5f5f8;
  color: #ED1C29;
}
#category-lists li.temp-category > a {
  color: #cc0000;
}
#category-lists li.temp-category > a:hover {
  color: #cc0000;
}


@media (min-width: 768px) {
  #category-lists li > a {
    text-align: right;
  }
}


.news-items {
  display: flex;

  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.news-items:last-child {
    border-bottom: none;
}

@media (min-width: 768px) {
  .news-items {
    margin-left: 15px;
  }
}


.news-items .news-item {
  flex: 11;
}

.news-items .social-icons {
  flex: 1;
}

.news-details {
  display: flex;

}

.news-details .news-thumb {
  flex: 2;
  padding-top: 10px;
}

.news-details .news-info {
  flex: 3;
  margin-left: 20px;
}
.news-details .news-thumb img {
  width: 100%;
  border: 1px solid #ccc;
}

.news-details.no-image  .news-info{
  margin-left: 0;
}
.news-info h1{
	margin-bottom:10px;
  /*font-size: 2em;*/
  color: #ED1C29;
  font-size: 26px;
  line-height: 1.2;
  font-weight: bold;
}
.news-info p{
	/*font-size: 1em;*/
  font-size: 15px;
  line-height: 24px;
	/*color:#000;*/
}


.news-info h2 {
  color: #ED1C29;
  margin-top: 5px;
  line-height: 1.2em;
}
.news-info small {
  margin: 10px 0;
  display: block;
}

.news-item .actions {
  /*
display: flex;
*/
  align-items: flex-end;

  margin-bottom: 20px;
}
.news-item .actions p,
.news-item .actions small {
  margin-top: 0;
  margin-bottom: 0;
}

.news-item .sources {
  flex: 4;
  order: 2;
}

.news-items .read-more {
  flex: 1;
  order: 2;

  text-align: right;
  margin-right: 15px;
}


.news-item .sources .cat {
  border-right: 1px solid #ccc;
    padding-right: 5px;
    margin-right: 5px;
    line-height: 14px;
    height: 14px;
    display: inline-block;
}
.news-item .sources .cat:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

.news-item-img{
	max-width:200px;
  text-align: center;
	float:left;
	margin-right:20px
}


/* Style all font awesome icons */
/*.social-icons .fa {*/
.social-icons i {
  padding: 8px;
  font-size: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-decoration: none;
  margin: 5px auto;
  text-align: center;
  display: block;
  opacity: 0.7;
}
.social-icons .share-icon {
  width: 32px;
  margin: 5px auto;
}
/*.social-icons .share-icon .fa {*/
.social-icons .share-icon i {
  font-size: 20px;
  width: auto;
  padding: 4px;
}

/* Add a hover effect if you want */
/*.social-icons .fa:hover {*/
.social-icons i:hover {
  opacity: 1;
}

/* Set a specific color for each brand */

/* Facebook */
.social-icons .fa-facebook {
  background: #3B5998;
  color: white;
}

/* Twitter */
.social-icons .fa-twitter {
  background: #55ACEE;
  color: white;
}

.social-icons .fa-google {
  background: #dd4b39;
  color: white;
}

.social-icons .fa-linkedin {
  background: #007bb5;
  color: white;
}

.social-icons .fa-youtube {
  background: #bb0000;
  color: white;
}

.social-icons .fa-instagram {
  background: #125688;
  color: white;
}

.social-icons .fa-pinterest {
  background: #cb2027;
  color: white;
}

.social-icons .fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.social-icons .fa-skype {
  background: #00aff0;
  color: white;
}

.social-icons .fa-android {
  background: #a4c639;
  color: white;
}

.social-icons .fa-dribbble {
  background: #ea4c89;
  color: white;
}

.social-icons .fa-vimeo {
  background: #45bbff;
  color: white;
}

.social-icons .fa-tumblr {
  background: #2c4762;
  color: white;
}

.social-icons .fa-vine {
  background: #00b489;
  color: white;
}

.social-icons .fa-foursquare {
  background: #45bbff;
  color: white;
}

.social-icons .fa-stumbleupon {
  background: #eb4924;
  color: white;
}

.social-icons .fa-flickr {
  background: #f40083;
  color: white;
}

.social-icons .fa-yahoo {
  background: #430297;
  color: white;
}

.social-icons .fa-soundcloud {
  background: #ff5500;
  color: white;
}

.social-icons .fa-reddit {
  background: #ff5700;
  color: white;
}

.social-icons .fa-rss {
  background: #ff6600;
  color: white;
}
.social-icons .fa-envelope {
  background: #444444;
  color: white;
}

p.eco-date{font-size:16px;/*color:#000;*/margin-bottom:10px}
.actions p, .sources p{color:#000;} 
.actions a, .sources a{text-decoration:underline;}
.sources{margin-top:10px!important}


table td.admin-report-info { position: relative;  }
table td.admin-report-info span.badge-info { 
  position: absolute;
  top: 15px;
  right: 15px;
}


body.page-with-filter .form-check {
  margin-right: 22px;
}

/* Map */
body.map-page {
  background-color: #fff;
  overflow: hidden;
}
.map-container {
  position: static;
  z-index: 1;
}
body.map-page #map {
  width: calc(100% - 400px);
  height: calc(100% - 70px);
  margin-top: 79px;
  z-index: 1;
  transition: all .5s ease-out;
}

#map-details {
  position: absolute;
  top: 79px;
  right: 0;
  width: 400px;
  /* height: 100%; */
  height: calc(100% - 70px);
  /*overflow: hidden;*/
  padding: 0 4px;

  z-index: 1;
  transition: all .5s ease-out;
  border-left: 1px solid #999;
  box-shadow: rgba(0,0,0,0.2) -2px 2px 3px;
}

#js-record-counts {
  font-weight: bold;
}

#map-details .results-container {
  height: 40px;
  padding: 10px;
  border-bottom: 1px solid #f2f2f2;
  clear: both;
}
#map-details h2.results-title {
  float: left;
  font-size: 16px;
  line-height: 24px;
}
#map-details .results-order {
  float: right;
}
#map-details .results-order button {
  border: 0;
  background-color: transparent;
  outline: none;
}


#map-details #listings-box {
  width: 100%;
  /* height: calc(100% - 113px); */
  height: 100%;
  padding-top: 10px;
  overflow-x: hidden;
  overflow-y: scroll;
}

#map-details #btn-toggle-info {
  position: fixed;
  top: 275px;
  margin-left: -32px;
  width: 28px;
  bottom: initial;
  padding: 8px;
  background-color: #fff;
  box-shadow: none;
  border-radius: 6px 0 0 6px;
  border: 1px solid #999;
  border-right: none;
  box-shadow: rgba(0,0,0,0.2) -2px 2px 3px;
  z-index: 3;
  cursor: pointer;
}  
#map-details #btn-toggle-info:focus {
  outline: none;
}

.slider .tooltip {
  display: none !important;
}

@media (max-width: 767px) {
  #map-details #btn-toggle-info {
    top: 135px;
  }
}

#btn-toggle-info i {
  color: #999;
  text-align: center;
  transition: all .5s ease-out;
  transform: rotate(-90deg);
}

.map-container.closed-details #map {
  width: calc(100% - 10px);
}
.map-container.closed-details #map-details {
  right: -390px;
}

.map-container.closed-filters #map {
  height: calc(100% - 276px);
  margin-top: 276px;
}
.map-container.closed-filters #map-details {
  height: calc(100% - 135px);
  margin-top: 135px;
}
.map-container.closed-filters #map.notEOY {
  height: calc(100% - 305px) !important;
  margin-top: 305px !important;
}
.map-container.closed-filters #map-details.notEOY {
  height: calc(100% - 164px) !important;
  margin-top: 164px !important;
}

.map-container.closed-filters #map-details #btn-toggle-info {
  top: 40%;
}

#js-filters.fixed-left.filter-hide #btn-toggle-filters i,
#js-filters.fixed-bottom.filter-hide #btn-toggle-filters i,
#js-filters2.hide-filter #btn-toggle-filters i {
  color: #fff;
  transform: rotate(452deg);
}
#js-filters.fixed-left #btn-toggle-filters i,
#js-filters.fixed-bottom #btn-toggle-filters i,
#js-filters2 #btn-toggle-filters i {
  color: #ed1c29;
  transform: rotate(135deg);
}

.map-container #btn-toggle-info i {
  color: #ed1c29;
  transform: rotate(135deg);
}
.map-container.closed-details #btn-toggle-info i {
  color: green;
  transform: rotate(452deg);
}
.vericaltext {
  color: #000 !important;
  transform: rotate(-90deg);
  line-height: 16px;
  margin: 27px 0 0 2px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  left: 2px;
}
.new-search-theme a .vericaltext {
  color: #fff !important;
  font-size: 14px;
}
body.page-with-filter #js-filters.fixed-left #btn-toggle-filters .vericaltext {
  margin-top: 30px;
  margin-bottom: 3px;
  margin-left: -2px;
}
.map-container a:hover,
.map-container a:hover .vericaltext,
body.page-with-filter #js-filters.fixed-left #btn-toggle-filters:hover,
body.page-with-filter #js-filters.fixed-left #btn-toggle-filters:hover .vericaltext {
  text-decoration: none !important;
}
body.page-with-filter #js-filters.fixed-left.filter-hide #btn-toggle-filters .vericaltext,
.map-container.closed-details a .vericaltext {
  color: green;
}

@media (max-width: 767px) {
  .map-container {
    position: fixed;
    width: 100%;
  }  
  .main-nav .navbar-brand {
    padding-top: 0;
  }
  body.map-page #map {
    position: fixed !important;
    margin-top: 64px !important;
  }
  body.map-page #map,
  .map-container.closed-details #map {
    width: 100%;
    /* width: calc(100% - 270px); */
  }
  body.map-page #map-details {
    position: fixed;
    width: 270px;
    top: 70px !important;
    background-color: #fff;
    height: calc(100% - 64px);
    overflow: hidden;
  }
  .map-container.closed-details #map-details {
    right: -260px;
  }
}


#map-details .project-row {
  margin-bottom: 4px;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);
  transition: all .5s ease-out;
}
.project-row h3.project-header {
  color: #fff;
  font-size: 14px;
  /* font-weight: bold; */
  background-color: #092b3c;
  /*background-color:#54565A;*/
  /*background-color:#385EA4;*/
  margin: 0px;
  padding: 10px 15px;
  display: block;
  cursor: pointer;

  border-radius: 3px;
}

.project-row .flag {
  height: 19px;
  margin-top: -1px;
  margin-right: 4px;
}

.project-row h3.project-header:hover {
  background-color:#385EA4;
}

.project-row.active h3.project-header {
  border-radius: 3px 3px 0 0;
}

.project-row h3.project-header p.country,
.project-row h3.project-header p.industry {
  color: #fff;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 13px !important;
  font-weight: 200;
  line-height: 15px;
}

.project-row .project-content {
  border-style: solid;
  border-color: #eee; /*eb1c2c*/
  border-width: 0 1px 1px 1px;
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  display: none;
  /*opacity: 0;*/
  /*height: 0;*/
  padding: 15px;
  /*
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -transition: all 0.5s ease-in-out;
  */
}
.project-row .project-content p {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 18px;
}
.project-row .project-content p:last-child {
  margin-bottom: 0;
}
.project-row .project-content p strong {
  font-size: 12px;
}

/*.project-row .project-content p.country .flag {
  height: 19px;
  margin-top: -1px;
  margin-right: 4px;
}*/

#map-details .project-row.active h3.project-header  {
  /*background-color: #eb1c2c;*/
  background-color: #092b3c;
}
#map-details .project-row.active .project-content {
  /*display: block;*/
  /*opacity: 1;*/
  height: 100%;
  padding: 15px;
}

/* Map dialog */
#content {
  width: 200px;
}
#content h3 {
  font-size: 16px;
  margin-bottom: 10px;
}
#content small {
  font-size: 12px;
  /*margin-top: 10px;*/
  margin-bottom: 5px;
  display: block;
}
#content p {
  font-size: 13px;
  line-height: 18px;
}

/* other */
.loader {
    margin: 100% auto;
    text-align: center;
}

/** sumoselect */
@media (min-width: 768px) {
  .SumoSelect {
      margin-bottom: 10px;
  }
}
.SumoSelect label {
    margin-bottom: 0;
}
.SumoSelect>.CaptionCont>span {
    font-size: 14px;  
}


/* Added by Sull */
.js-select-filter-reset, .js-select-filter-select-all {
    margin: 0px !important;
    height: 36px;
    max-width: 30px !important;
    width: 30px !important;
    line-height: 30px;
    min-width: 30px !important;  
}

.page-contactus .bg-image {
  background-position: 50% 63% !important;
}

.page-contactus iframe {
  height: 400px;
  width: 100%;
  border: 0;
  filter: gray;
  -webkit-filter: grayscale(99%);
  -webkit-backface-visibility: hidden;
}

#map-details .results-container .dropdown-menu.show {box-shadow: rgba(0,0,0,0.5) -2px 2px 3px;}

/* Login */
.modalForm {
    width: 80%;
    margin: auto;;
}

.modalForm h2 {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.modalForm p {
    color: #848484;
}

.modalForm h4 {
    margin-bottom: 15px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f2f2f2;
    color: #666;
    font-size: 15px;
    text-align: left;
}

.modalForm .form-group,
.modalForm .has-error .err-label, 
.modalForm .has-error .err-label-exist {
  display: block;
}

.modalForm input,
.modalForm select,
.modalForm textarea {
    font-size: 16px;
    padding: 15px !important;
    background-color: #f9f9f9 !important;
}
.modalForm .input-group-text {
    padding: 15px 20px !important;
    border-radius: 3px 0 0 3px;
}

.modalForm select {
    height: 100% !important;
}

.modalForm .form-title {
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    margin-left: 20px;
    margin-bottom: 14px;
}

.modalForm .has-error .form-title {
    color: #dc3545;
}

.modalForm .form-check {
    display: block;
    margin-left: 20px;
    text-align: left;
}

@media (max-width: 767px) {
  .modalForm .form-title {
    margin-top: 20px;
    margin-left: 0;
  }
  .modalForm .form-check {
    margin-left: 0;
  }
}

.modalForm .code-box {
    width: 50%;
    margin: 30px auto;
    display: block;
}
@media (max-width: 767px) {
  .modalForm .code-box {
    width: 60%;
  }
  .code-box .btn.btn-lg {
    padding: 0 23px;
  }
}

.modalForm .code-box input {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 10px;
    color: #092b3c;
    font-size: 20px;
}

.modalForm input,
.modalForm select,
.modalForm textarea,
.modalForm button {
    border-radius: 3px;
}

.modalForm button {
    width: 100%;
}

#frmAdvisorContact .alert {
  font-size: 14px;
}

#frmAdvisorContact .form-check-label {
  color: #666;
}

/* intlTelInput */
.intl-tel-input.allow-dropdown .flag-container, 
.intl-tel-input.separate-dial-code .flag-container {
	  /* margin-top: 15px; */
	  /*z-index: 9;*/
}
.intl-tel-input.separate-dial-code .flag-container,
.input-group .intl-tel-input.separate-dial-code .flag-container {
	  margin-top: 0;
}
.input-group .intl-tel-input .form-control:focus {
	  z-index: inherit;
}
.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
  width: 54px; 
}
.intl-tel-input.separate-dial-code .selected-flag,
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    /* background-color: transparent; */
    /* padding: 0 10px; */
    /* width: 54px; */
    /* text-align: right; */
}
.intl-tel-input.separate-dial-code .selected-flag:focus,
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag:focus {
	  outline: none;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
    font-size: 15px;
    text-align: left;
    padding-left: 28px;
}
.intl-tel-input.separate-dial-code .iti-arrow {
	  left: 33px;
	  /*display: none;*/
}
.has-error .form-control:focus {
	  border-color: #aa3510 !important;
}
.has-error .input-group-text {
  color: #fff;
  background-color: #dc3545;
  border: 1px solid #dc3545;
}
.intl-tel-input {
	  display: block;
    width: 100%;
}
.intl-tel-input.separate-dial-code .iti-arrow {
    left: inherit !important;
    right: 10px !important;
}
.intl-tel-input .form-control {
    min-width: 100%;
    padding-left: 60px !important;
    font-size: 16px;
    z-index: inherit !important;
}

.intlTelInput .input-xs {
    height: 32px;
    line-height: 1.6666667;
}

.modal .intl-tel-input .country-list {
  z-index: 3;
  max-width: 250px;
  max-height: 130px;
}
.modal .intl-tel-input .country-list .country-name {
  /* white-space: nowrap; */
  /* width: 80%; */
  /* text-overflow: ellipsis; */
  display: none;
}

/* Modal */
.modal-header.modal-no-border {
  border-bottom: none;
}

@media (max-width: 767px) {
  .iti-mobile .intl-tel-input.iti-container {
    z-index: 1101;
  }
}


/* The search box on the listings page */
.dropdown-menu.search {
    padding: 0px;
}

input#js-search-listing:focus
/*, input#js-search-listing:focus + span*/
{border: 1px solid #e5e5e5;}


/* Added by Sull (early March) */
.modal-content {
    box-shadow: 0px 3px 12px rgb(0 0 0 / 80%);
}
/* Added by Sull - 9th Mar */
.dropdown-menu {
    box-shadow: 3px 3px 8px -2px;
}


/* Dashboard */
.main-wrapper.dashboard {
    padding-top: 0;
}
.main-wrapper.dashboard .section {
    padding-top: 40px;
}
.bg-image-holder.bredcrumb {
    padding: 25px;
}
.bg-image-holder.bredcrumb h2 {
    font-size: 26px;
    font-weight: 600;
}
.main-wrapper.dashboard .nav-item .nav-link {
    font-size: 13px;
    line-height: normal;
}

.main-wrapper.dashboard .tab-content h2 {
  font-size: 18px;
  line-height: 1.1;
  /* text-transform: uppercase; */
}

.happiness-summary {
  text-align: center;
  display: inline-block;
  margin: 0 15px;
}
.happiness-summary i {
  font-size: 32px;
  display: block;
  margin-bottom: 5px;
}