.rtl{
    direction: rtl!important;
}

.rtl blockquote {
    border-right: 5px solid #eee!important;
    border-left: 0px solid #eee!important;
    margin: 0 0 16px 0;
    margin: 0 0 1rem 0;
    padding: 8px 16px;
    padding: 0.5rem 1rem;
    font-size: 1em;
}
.bg-opacity-1{
    opacity:1;
}
.bg-opacity-9{
    opacity:0.9;
}
.bg-opacity-8{
    opacity:0.8;
}
.bg-opacity-7{
    opacity:0.7;
}
.bg-opacity-6{
    opacity:0.6;
}
.bg-opacity-5{
    opacity:0.5;
}
.bg-opacity-4{
    opacity:0.4;
}
.bg-opacity-3{
    opacity:0.3;
}
.bg-opacity-2{
    opacity:0.2;
}
.social-icons.social-icons-clean-with-border li a {
    background: transparent;
    color: #FFF !important;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }


  /* Top Menu */

@media (min-width: 992px) {
	#header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
		
		padding: 3px;
		
	}

    #header .header-nav-main.header-nav-main-text-size-4 nav > ul > li > a {
        font-size: 13px;
    }

    
}


@media (min-width: 1100px) and (max-width: 1281px) {
    #header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
		
		padding: 5px;
		
	}

    #header .header-nav-main.header-nav-main-text-size-4 nav > ul > li > a {
        font-size: 15px;
    }

    /* .vhcenter{
        display: flex;align-items: center;
    } */

    .attached-mb{
        margin-bottom:-10px!important;
    }
        
    
}

/* @media (min-width: 1281px) and (max-width: 2000px) { */
@media (min-width: 1282px){
    #header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
		
		padding: 10px;
		
	}

    #header .header-nav-main.header-nav-main-text-size-4 nav > ul > li > a {
        font-size: 15px;
    }

    /* .vhcenter{
        display: flex;align-items: center;
    } */

    
   

    
} 

.attached-mb{
    margin-bottom:-5px!important;
} 

/* .dropdown-menu.show {
    position: relative!important;
} */







img.imgmap {
  display: block;
  max-width: 100%;
  height: auto;
}


/* Custom Counter */
span.days-counter {  
    font-size:60px;
    color:#fff;
    font-weight: bold;  
  }
  
  span.days {  
    font-size:20px;
    color:rgba(255,255,255,.6);
  }
  
  span.days-hours {  
    font-size:40px;
    font-weight: bold;
    color:#fff;
  }
  
  span.hours {  
    font-size:15px;
    color:rgba(255,255,255,.6);    
  }

  /* Registraion Logo Start*/

  @media (max-width: 500px) {
    .uae-logo img{
        height: 65px;
        
    } 
    .fta-logo img{
        height: 55px;
    }

    .ese-logo img{
        height: 65px;
    }

    .event-logo img{
        height: 55px;
    }
    .event-sub-logo img{
        height: 65px;
        
    } 
}


@media (min-width: 501px) and (max-width: 991px) {
    .uae-logo img{
        height: 90px;
        
    } 
    .fta-logo img{
        height: 80px;
    }

    .ese-logo img{
        height: 110px;
    }

    .event-logo img{
        height: 80px;
    }
    .event-sub-logo img{
        height: 90px;        
    } 
    
}

@media (min-width: 992px){
    .uae-logo img{
        height: 128px;
        
    } 
    .fta-logo img{
        height: 90px;
    }

    .ese-logo img{
        height: 128px;
    }

    .event-logo img{
        height: 90px;
    }

    .event-sub-logo img{
        height: 128px;
    } 

}


.select2 button{
    color:#777!important;
    line-height:1.8!important;
    text-align: left!important; 
}

.select2 .dropdown-item.active{ 
    background-color:#e5e5e5!important;
}



/* .uae-logo img{
    height: 100px;
    
} 
.fta-logo img{
    height: 100px;
}  */
  /* Registraion Logo End*/

/* .input-group>.form-floating:not(:first-child)>.form-control, .input-group>.form-floating:not(:first-child)>.form-select, .input-group>:not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
} */

/* .input-group>.form-floating:not(:first-child)>.form-control, 
.input-group>.form-floating:not(:first-child)>.form-select,  */
/* .input-group>:not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) 
{
    margin-left: -1px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
} */

.input-group-text-2 {
    display: flex;
    align-items: center;
    /* padding: .375rem .75rem; */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    /* border: 1px solid #ced4da; */
    border-radius: .375rem;
}


/*sweetalert2 js Start*/

.swal2-title{
    font-size: 1.4rem!important;    
}

.swal2-content, .swal2-html-container{
    font-size: 1rem!important;        
}

.swal2-confirm.swal2-styled{
    /* background-color: #AB8240!important; */    
    border: none!important;
}
/* .swal2-icon{
    width: 4rem!important;
    height: 4rem!important;
}
		 */


/* QR Code Theme Start */

.rtl {
    direction: rtl;
}
.card-hover .card-item{
    transition: all 0.2s ease;
    cursor: pointer;
}
.card-hover .card-item:hover{
    box-shadow: 5px 6px 6px 2px #e9ecef;
    transform: scale(1.1);
}


.card-body-container{
    border: 1px solid #ced4da;
    border-radius: 3px;
    background-color: #f5f5f5;
}

.card-body-container-btn{
    padding: 10px;
    border-bottom: 1px solid #ced4da;
    margin-bottom: 10px;
    background-color: #f5f5f5;
}

.card-body-container-header{
    /* padding: 10px; */
    border-bottom: 1px solid #ced4da;
    margin-bottom: 10px;
    background-color: #f5f5f5;
}

.card-body-container-noborder{   
    border-bottom: 0px solid #ced4da;   
    margin-bottom: 0px;
}

.dataTables_length,.dataTables_filter, .dataTables_info, .dataTables_paginate, .dt-buttons{
    padding: 5px 10px;
}

/* Table Start */
.card-body-container table{
    border-top: 1px solid #f5f5f5;
}

.card-body-container table td,
.card-body-container table th{    
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    
}

.card-body-container table td{
    background-color: #fff;
}

.card-body-container table td:first-child,
.card-body-container table th:first-child{
    border-left:1px transparent;
}


.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0f9cf3;
    border-color: #0f9cf3;
}

/* Table eND */

/* Button Start */
.btn-custom-1{
    /* padding: .28rem .8rem; */
    padding: 8px 10px 5px 10px;
    line-height: 1.5;
    border-radius: .2rem;

    border-radius: 4px;
    border-color: #ccc;
    color: #333;
    background-color: #fff;
    /* background-position: 50% 50%; */
}
.btn-custom-1:hover{   
    background-color: #edeeee;
    /* background-position: 50% 50%; */
}

.btn-custom-2{
    /* padding: .28rem .8rem; */
    padding: 8px 10px 5px 10px;
    line-height: 1.5;
    border-radius: .2rem;

    border-radius: 4px;
    border-color: #ccc;
    color: #333;
    background-color: #edeeee;
    /* background-position: 50% 50%; */
}
.btn-custom-2:hover{   
    background-color: #fff;
    /* background-position: 50% 50%; */
}


.btn-custom-3{
    /* padding: .28rem .8rem; */
    padding: 8px 10px 5px 10px;
    line-height: 1.5;
    border-radius: .2rem;

    border-radius: 4px;
    border-color: #f00c35;
    color: #fff;
    background-color: #f32f53;
    /* background-position: 50% 50%; */
}
.btn-custom-3:hover{
    border-color: #f16780;
    background-color: #f16780;
    color: #fff;
    /* background-position: 50% 50%; */
}

/* Button End */

.container-box-shadow {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}


.title-custom-1{
    padding: .28rem .8rem;
    line-height: 1.5;
    border-radius: .2rem;

    border-radius: 4px;
    border-color: #ccc;
    color: #333;
    background-color: #fff;
    /* background-position: 50% 50%; */
}
/* Qr Code Theme End */

/* Qr Code Range Slider Start */
.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  /* height: 25px; Specified height */
  height: 15px;
  border-radius: 5px;  
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  border-radius: 50%; 
  background: #04AA6D; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  border-radius: 50%;
  background: #04AA6D; /* Green background */
  cursor: pointer; /* Cursor on hover */
}
/* Qr Code Range Slider End */
