.white-bg{background: url(../images/blurred_base.jpg)no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.custom-radious{
	border-radius:0.6em !important;
	border:0.12em solid #eeeeee;
	
}
.btn-custom-radious{
	border-radius:0.6em !important;
	border:0.12em solid;
	
}
.custom-orange{
	background-color:#FF6600 !important;
}
.custom-ooredoo{
	background-color:#ED1C24 !important;
}
.btn-equipcustom{
	width:210px !important;
}
#how-to a:link {text-decoration: none !important;color: #FFF !important;}
#how-to a:hover {text-decoration: none !important;color: #FFF !important;}
#how-to a:visited {text-decoration: none !important;color: #FFF !important;}
#how-to a:active {text-decoration: none !important;color: #FFF !important;}

@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 3 */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(33.333%);
    }
    
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-33.333%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}

.hr-signin {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: #fff;
    margin: 8px 0px;
}
.hr-signin:before,
.hr-signin:after {
    content: "";
    flex-grow: 1;
    background: #fff;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px 8px;
}

.excel-dropzone .dropzone{
	border: 1px dashed #DDDFE1;
    min-height: 13.125rem;
    position: relative;
	background: #f2f4fa !important;
}    
.dropzone.dz-clickable{
	cursor: pointer;  
}    
.dropzone{
	min-height: 150px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
    padding: 20px 20px;
}
.dropzone, .dropzone * {
	box-sizing: border-box;
}

.filename-size{
	font-size:0.9rem;
}
.default-background{background-color:#F4F4F4 !important;}

.nav-new .nav-link.active, .nav-new .show > .nav-link{
	box-shadow: none;
	color: #000;
	border-left:4px solid #2953E8 !important;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
	color:#000 !important;
}
.search-bg{
	background-color:#F3FAFD !important;
	border-radius:5px !important;
}
.search-bg-catg{
	background-color:#F4FBF7 !important;
	border-radius:5px !important;
}
.img-thumbnail-custom{
	padding:0 !important;
	border:0 !important;
}
.scrollbox {
  overflow: auto;
  width: 100%;
  max-height: 800px;
  margin: 10px auto;
  
  
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;  
  
}

.scrollbox-custom {
  overflow: auto;
  width: 100%;
  max-height: 400px;
  margin: 10px auto;
  
  
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;  
  
}

.cardbody-custom{
	padding: 1rem 1.5rem !important;
	height:90px !important;
 
}
.nav-custom .nav-link.active, .nav-custom .show > .nav-link{
	box-shadow: none;
	color: #000;
	border-left:0px !important;
}
.nav-dm .nav-link.active, .nav-dm .show > .nav-link{
	box-shadow: none !important;
	color: #2DB3FF !important;
	border-bottom:4px solid #2DB3FF !important;
}

.file-upload {
    display: none;
}
.circle {
    overflow: hidden;
	transition: all .3s;
}

.circle:hover {
	background-color:#2DB3FF !important;
    cursor: pointer
}
.profile-pic {
    margin-left: auto;
	margin-right: auto;
	display: block;
}
.custom-select2{
	border-radius:0px !important;
	height: 56px !important;
	border: 1px solid #f0f1f5 !important;
}

.checkbx-success{
	border : 2px solid #2BC155;
}
.checkbx-info{
	border: 2px solid #2DB3FF;
}

form ul li {padding: 5px;}
.i1, .i2, .i3 {display: none;}
.one .i1 {display: block;}
.two .i1, .two .i2 {display: block;}
.three .i1, .three .i2, .three .i3 {display: block;}