/*icons*/
[class^="icon-"],[class*=" icon-"] { -moz-osx-font-smoothing: grayscale;
font-family: 'icomoon' !important;speak: none;font-style: normal;font-weight: normal;
font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;}
.icon-No-Events:before {content: "\e946"}
.icon-licence-number:before {content: "\e947";color: #009bdf}
.icon-noun_empty-clipboard:before {content: "\e948";color: #7e7e7e}
.icon-tag:before {content: "\e93e"}
.icon-bullhorn:before {content: "\e945"}
.icon-discount:before {content: "\e93e"}
.icon-kiosk:before {content: "\e93f"}
.icon-offer:before {content: "\e940"}
.icon-part-sale:before {content: "\e941"}
.icon-raffle:before {content: "\e942"}
.icon-sale-tag:before {content: "\e943"}
.icon-scratch-and-win:before {content: "\e944"}
.icon-blockchain:before {content: "\e93a"}
.icon-calendar1:before {content: "\e93b"}
.icon-clipboard:before {content: "\e93c"}
.icon-debit-card:before {content: "\e93d"}
.icon-drag:before {content: "\e939"}
.icon-noun_Clear-File_207604:before {content: "\e938";color: #d5d5d5}
.icon-question-circle-regular:before {content: "\e937"}
.icon-download-solid:before {content: "\e936"}
.icon-file-download-solid:before {content: "\e935"}
.icon-edit-solid:before {content: "\e934"}
.icon-copy-regular:before {content: "\e930"}
.icon-trash-alt-regular:before {content: "\e931"}
.icon-search:before {content: "\e919";color: #008bc5}
.icon-approval .path1:before {content: "\e91a";color: #008bc5}
.icon-approval .path2:before {content: "\e91b";color: #cf5192}
.icon-approval .path3:before {content: "\e91c";color: #cf5192}
.icon-approval .path4:before {content: "\e91d";color: #cf5192}
.icon-approval .path5:before {content: "\e91e";color: #cf5192}
.icon-approval .path6:before {content: "\e91f";color: #cf5192}
.icon-approval .path7:before {content: "\e920";color: #cf5192}
.icon-approval .path8:before {content: "\e921";color: #cf5192}
.icon-approval .path9:before {content: "\e922";color: #cf5192}
.icon-approval .path10:before {content: "\e923";color: #cf5192}
.icon-draft .path1:before {content: "\e924";color: #008bc5}
.icon-draft .path2:before {content: "\e925";color: #cf5192}
.icon-draft .path3:before {content: "\e926";color: #cf5192}
.icon-draft .path4:before {content: "\e927";color: #cf5192}
.icon-draft .path5:before {content: "\e928";color: #cf5192}
.icon-sand-clock .path1:before {content: "\e929";color: #008bc5}
.icon-sand-clock .path2:before {content: "\e92a";color: #cf5192}
.icon-sand-clock .path3:before {content: "\e92b";color: #cf5192}
.icon-sand-clock .path4:before {content: "\e92c";color: #cf5192}
.icon-sand-clock .path5:before {content: "\e92d";color: #cf5192}
.icon-sand-clock .path6:before {content: "\e92e";color: #cf5192}
.icon-top-arrow:before {content: "\e92f";color: #fff}
.icon-close:before {content: "\e912";color: #fff}
.icon-sucess:before {content: "\e913";color: #fff}
.icon-warning:before {content: "\e914";color: #fff}
.icon-calendar-form:before {content: "\e915";color: #008bc5}
.icon-clock:before {content: "\e916";color: #008bc5}
.icon-down-arrow:before {content: "\e917";color: #008bc5}
.icon-upload:before {content: "\e918";color: #008bc5}
.icon-business-and-finance:before {content: "\e932";color: #008bc5}
.icon-ic_block_24px:before {content: "\e933";color: #fff}
.icon-circle:before {content: "\e911";color: #009bdf}
.icon-full-arrow:before {content: "\e90d";color: #df582a}
.icon-left-arrow:before {content: "\e079";color: #fff}
.icon-right-arrow:before {content: "\e080";color: #fff}
.icon-calendar .path1:before {content: "\e901";color: #008bc5}
.icon-calendar .path2:before {content: "\e902";margin-left: -0.93359375em;color: #cc5498}
.icon-management .path1:before {content: "\e903";color: #008bc5}
.icon-management .path2:before {content: "\e904";margin-left: -0.9912109375em;color: #cc5498}
.icon-management .path3:before {content: "\e905";margin-left: -0.9912109375em;color: #cc5498}
.icon-management .path4:before {content: "\e906";margin-left: -0.9912109375em;color: #cc5498}
.icon-options .path1:before {content: "\e907";color: #008bc5}
.icon-options .path2:before {content: "\e908";margin-left: -1em;color: #cc5498}
.icon-options .path3:before {content: "\e909";margin-left: -1em;color: #008bc5}
.icon-options .path4:before {content: "\e90a";margin-left: -1em;color: #cc5498}
.icon-shopping:before {content: "\e90b";color: #fff}
.icon-support:before {content: "\e90c";color: #fff}
.icon-man-user:before {content: "\e910";color: #797472}
.icon-setting-icon:before {content: "\e900";color: #797472}
/*coming-soon*/
app-coming-soon .inner-banner {height: auto;min-height: 0px}
app-coming-soon .comingSoon {text-align: center;padding: 30px;width: 290px;height: 200px;
margin: 30px auto;background-color: #f3f3f3}
app-coming-soon .comingSoon h1 {text-align: center;color: #008BC5;text-transform: uppercase}
app-coming-soon .comingSoon .text-center {text-align: center}
app-coming-soon .comingSoon .text-center a {margin: 10px !important}
/*slider-section*/
section.slider-section {position: relative;text-align: center;color: #fff}
section.slider-section .slide {position: relative}
section.slider-section .overlay {position: absolute;z-index: 2;opacity: 0.5;width: 100%;
background: linear-gradient(135deg, rgba(53, 23, 40, 0.65) 100%, rgba(204, 84, 152, 0.59) 100%, rgba(0, 139, 197, 0.23) 100%, rgba(0, 139, 197, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6cc5498', endColorstr='#00008bc5', GradientType=1); 
height: calc(110vh - 114px);min-height: 600px;  
}
section.slider-section .slider-content {position: absolute;z-index: 20;padding: 0 10px;display: flex;
flex-direction: column;align-items: center;top: 50%;left: 50%;transform: translate(-50%, -50%);}
section.slider-section .slider-content h1 {font-size: 7rem;text-transform: uppercase;
font-family: dubai-bold, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}
section.slider-section .slider-content img{width: 80px;}
section.slider-section .slider-content h2 {font-size: 2.5rem;text-transform: capitalize;
font-family: dubai-light, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
section.slider-section .slider-content a {text-align: center;text-decoration: none;
text-transform: capitalize;color: #fff;background-color: #0a0a0a;border-radius: 4px;
margin: 1.5rem auto;font-size: 1.250rem;width: 215px;line-height: 56px;display: block;
font-family: dubai-regular, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-webkit-transition: 0.3s;transition: 0.3s
}
section.slider-section .slider-content a:hover {background-color: #3b3b3b}
/*main-slider*/ 
.main-slider {min-height: 600px;width: 100%;overflow: hidden}
.main-slider .dubai-img {min-height: 600px}
.main-slider span.active-slide {
font-family: dubai-regular, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: 1.62rem;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;line-height: 1rem}
.main-slider .nextArrowBtn,.main-slider .overlay-right {right: 0}
.main-slider .nextArrowBtn {margin-right: 1.250rem}
.main-slider .prevArrowBtn {margin-left: 1.250rem}
.main-slider .prevArrowBtn,.main-slider .overlay-left {left: 0}
.main-slider .prevArrowBtn,.main-slider .nextArrowBtn {position: absolute;top: 50%;cursor: pointer;
-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 7;font-size: 1.5rem;}
.main-slider span.inactive {
font-family: dubai-regular, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: 1.2rem;line-height: 1rem;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto}
.main-slider .slick-slide {float: left !important}
.main-slider .slick-slide .slider-content img {display: inline-block !important;
padding-top: 10px;width: 80px}
.main-slider .overlay-right,.main-slider .overlay-left {background-color: #fff;opacity: 0.3;
position: absolute;z-index: 80;top: 50%;-webkit-transform: translateY(-50%);
transform: translateY(-50%);width: 3.500rem;height: 6.313rem;cursor: pointer;}
.main-slider-footer {position: absolute;bottom: 34vh;left: 50%;margin: 0 auto;z-index: 20;
display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transform: translateX(-50%);
transform: translateX(-50%)}
/*slick */
.slick-dots {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;
-ms-flex-pack: center;justify-content: center;list-style-type: none;-webkit-box-flex: 0;
-ms-flex: 0 0 auto;flex: 0 0 auto;margin: 0}
.slick-dots li {margin: 0 25px;width: 1rem;height: 1rem;position: relative}
.slick-dots li:not(:first-child):before {content: '';display: block;position: absolute;
height: 2px;background: #fff;opacity: 1;width: 50px;right: 100%;top: 50%;
-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.slick-dots li.slick-active button {background-color: #fff;width: 1.5rem;height: 1.5rem;
position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.slick-dots li button {display: block;width: 1rem;height: 1rem;padding: 0;border: none;
border-radius: 100%;background-color: #fff;text-indent: -9999px}
/*homebanner*/
app-homebanner {min-height: 300px;display: block}
.home-title{color: white;}
.home-subtitle{color: white;}
.content-home,#content-container,.wrapper-body{min-height: calc(100vh - 222px);margin-top: 86px}
/*footer*/
footer, footer div span.row{color: #212529}
footer{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;-webkit-margin-after: 0px;
margin-block-end: 0px;-webkit-margin-before: 0px;margin-block-start: 0px;display: block;
min-height: 136px;padding-top: 30px;background-color: #F3F3F3;left: 0;bottom: 0;width: 100%;
overflow: hidden;}
footer .row {direction: ltr}
footer div span.row {margin: 0;font-size: 0.875em;line-height: 1.750rem;
font-family: dubai-regular, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}
footer #footer-list {padding: 20px 0 0;margin: 0}
footer #footer-list li {display: inline-block;margin-right: 0.8rem;padding-right: 0.8rem}
footer #footer-list li a {text-decoration: none;text-transform: uppercase;font-size: 16px;
line-height: 1.750rem; color: #000;
font-family: dubai-regular, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}
footer #footer-list li a:hover {color: #009BDF}
footer #footer-list li:not(:last-child) {border-right: 1px solid #000000}
footer #footer-list li:first-child {padding-left: 0}
footer li a{margin-left: 0px !important; }
.Footer-logo {max-width: 120px;margin: 10px 0 10px 0;float: left}
@media screen and (max-width: 414px) {
  footer .Footer-logo {max-width: 100px;margin: -3px;float: left}
}
@media screen and (max-width: 1024px) and (min-width: 415px) {
  footer .Footer-logo {float: left}
}
@media screen and (min-width: 1024px) {
  footer .Footer-logo {float: left;margin: 0 -20px -20px;}
}

.open-chat-popup, .chat-popup{position: fixed;bottom: 50px;right: 20px;z-index: 2;}
.chat-popup{visibility: visible;opacity: 1;transition: all 0.2s ease-in;}
.chat-popup.HDNchat{visibility: hidden;opacity: 0;}
.open-chat-popup.btn.btn-primary{background: #0b556a;text-transform: capitalize;}
.close-chat-popup, .close-chat-popup:hover,.close-chat-popup:focus{position: absolute;right: 0px;
 color: #fff !important;text-decoration: none;padding: 11px 15px;outline: none !important;}
#chatPopup iframe{box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12)}

/* upload-file classes */
.file-upload{
  display: inline-block !important;
  padding: 10px 0;
  position: relative;
}
.file-upload::-webkit-file-upload-button {
  visibility: hidden !important;
}
 .file-upload:focus{
        outline: none !important;
    }
.file-upload::before {
  content: '';
  width: 25px;
  height: 25px;
  position: absolute;
  bottom: 8px;
  display: inline-block;
  /* background: orange !important; */
  background-image: url('/paper-clip.png');
  background-repeat: no-repeat;
  /* border: 1px solid #999; */
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.file-upload-btn , .submit-btn{
  background-color: #0a0a0a !important;
}
.file-upload-btn {
  padding: 5px 25px !important;
}
.previous-btn{
  border-color: #0a0a0a !important;
  color: #0a0a0a !important;
}

th a {
      color: #0a0a0a !important;
}

label.control-label.required::after {
    content: '* ';
    color: #a94442;
    white-space: nowrap;
}
label.control-label.required::before {
    content: '' !important;
    color: #a94442;
    white-space: nowrap;
}
.control-label{
  text-align: left !important
}
.main-btn-color{
    background-color: #0a0a0a !important;
}

span.number{
    background-color: #0a0a0a !important;
}
/* .file-upload:hover::before {
  border-color: black;
} */
/* .file-upload:active::before {
  background: orange !important;
} */


/*MAAN Theme
section.slider-section .slider-content a {text-align: center;text-decoration: none;
text-transform: capitalize;color: #fff;background-color: green;border-radius: 4px;
margin: 1.5rem auto;font-size: 1.250rem;width: 215px;line-height: 56px;display: block;
font-family: dubai-regular, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-webkit-transition: 0.3s;transition: 0.3s
}
.file-upload-btn , .submit-btn{
  background-color: green !important;
}
.file-upload-btn {
  padding: 5px 25px !important;
}
.previous-btn{
  border-color: green !important;
  color: green !important;
}

th a {
      color: green !important;
}

label.control-label.required::after {
    content: '* ';
    color: #a94442;
    white-space: nowrap;
}
label.control-label.required::before {
    content: '' !important;
    color: #a94442;
    white-space: nowrap;
}
.control-label{
  text-align: left !important
}
.main-btn-color{
    background-color: green !important;
}
span.number{
    background-color: green !important;
}
section.slider-section .slider-content a:hover {background-color: darkgreen }

*/