Sindbad~EG File Manager

@charset "utf-8";
/* CSS Document */

body { font-family: 'Montserrat', sans-serif; color:#2E2E2E; font-family: Montserrat, Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.66;
	font-size:15px;
	text-align:center;
	overflow-x: hidden;
	background:#ffffff;
	color: #2E2E2E;}
	
p { font-family: 'Montserrat', sans-serif; color:#2E2E2E; 
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.66;
	font-size:15px;
	color:#2E2E2E;}
	
	
a { font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.66;
	font-size:15px;
	color:#2E2E2E;}	
a:hover { font-family: 'Montserrat', sans-serif; color: #A3A3A3; 
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.66;
	font-size:15px;
	color:#ffffff;}
	
span { color: rgba(212,212,212,1.00);}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, th {
    font-weight:700;
    letter-spacing: 0em;
    line-height: 1.23;
	font-family: 'Montserrat', sans-serif;
	text-align:center;
	color:#2e5f85;
}

section { }
.btn-primary {
    color: #ffffff;
	border-radius:5px;
	font-size:20px;
	background: linear-gradient(90deg, #4b94cc 0%,  #2e5f85 100%);
}
.btn-primary:hover {
    color: #ffffff;
    background: linear-gradient(90deg, #2e5f85 0%,  #4b94cc  100%);}
	
	
.btn-outline-primary {
    color: #2e5f85;
    border-color: #a3074e;
}
.btn-outline-primary:hover {
    color: #ffffff;
    border-color: #2e5f85;
    background-color: #2e5f85;
}



.btn-light {
    color: #2e5f85;
    border-color: #ffffff;
    background-color: #ffffff;}
.btn-light:hover {
    color: #ffffff;
    border-color: #ffffff;
    background-color: #2e5f85;}
.btn-outline-light {
    color: #ffffff;
    border-color: #ffffff;
}
.btn-outline-light:hover {
    color: #2e5f85;
    border-color: #ffffff;
    background-color: #ffffff;
}


.navbar-light  {  background:#7ad7f0; border-bottom:3px #2e5f85 solid; padding:0 !important;}
.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
	font-size:18px; font-weight:800;
}



.navbar-brand {
	width: auto;
	background: #e3f9ff;
	margin:0;
	padding:5px 40px 5px 60px;
	margin-left:-20px;
}


 
.bottom-nav {	background: linear-gradient(0deg, #2e5f85 0%,  #092e4d 100%); border-top:3px #2e5f85 solid; color:#ffffff; border-bottom:0; height:40px; padding:10px 20px; }

.bottom-nav ul { display:inline-block;color:#ffffff;}
.bottom-nav ul li { display:inline-block;color:#ffffff;}
.bottom-nav ul li a { padding:6px 8px;color:#ffffff;}
.bottom-nav ul li a i { font-size:20px;color:#ffffff;}
.lsi { text-align:left;}
.rsi { text-align:right;}



.wafb{
	background-color:#0a9400;
	color:#FFF;
}
.wafb:hover{
	background-color:#d1d1d1;
	color:#0a9400;
}
.wafb:focus{
	background-color:#d1d1d1;
	color:#0a9400;
}
.wafb:active{
	background-color:#d1d1d1;
	color:#0a9400;
}





.clfb{
	background-color:#0058e6;
	color:#FFF;
}
.clfb:hover{
	background-color:#d1d1d1;
	color:#0058e6;
}
.clfb:focus{
	background-color:#0058e6;
	color:#0a9400;
}
.clfb:active{
	background-color:#0058e6;
	color:#0a9400;
}



.mlfb{
	background-color:#ff0022;
	color:#ffffff;
}
.mlfb:hover{
	background-color:#d1d1d1;
	color:#ff0022;
}
.mlfb:focus{
	background-color:#0058e6;
	color:#ff0022;
}
.mlfb:active{
	background-color:#0058e6;
	color:#ff0022;
}


.theme-box { background-color: rgba(255, 255, 255, 0.2); border-radius:20px;}	
.bg-1 {
    background: #F3F3F3;
    background-image: initial;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-color: #F3F3F3;
	background-image:url(../img/bg-1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;}
.bg-2 {
    background: #fff;
    background-image: initial;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-color: #fff;
	background-image:url(../img/bg-2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;}
	
.bgd-overlay{
	background-color: rgba(0, 0, 0,0.5);
	width:100%;}
	
.bg-3 {
    background: #fff;
    background-image: initial;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-color: #fff;
	background-image:url(../img/bg-3.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;}
	
.dark-overlay{
	background-color: rgba(0, 0, 0,0.3);
	width:100%;}
	

.dbgs { }
.footer { height:100%; background: #2e5f85; color:#ffffff;}
	
	.foocu { color:#ffffff; text-align:left;}


footer  .social-links a {
    font-size: 18px;
    display: inline-block;
    background: #2E2E2E;
    color: #eee;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
}
footer  .social-links a fa { color:#fff; }
footer .social-links a:hover {
  background: #2e5f85;
  color: #fff;
}

	
.foocu i { float:left; font-size:30px; color:#ffffff;}
.foocu p,.foocu address { color:#ffffff; text-align:left; margin-left:40px;}
.foocu a { color:#ffffff; }	
.overlay-cont { position:absolute;}	
.dark-bg-con { color:#ffffff;}	
	
.sefs { background-color: #ffffff;}	
.sefs:hover {box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 10px 10px 30px rgba(237, 33, 36, 0.4) !important;} 	
.sefsicon { height:100px; width:100px;  padding:20px; float:left; width:100%;
	background: linear-gradient(90deg, #2e5f85 0%,  #feea00 100%);
	background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}	
  
  .sefsimp { height:100px; width:100px; padding:10px; width:100%;
	background: linear-gradient(90deg, #2e5f85 0%,  #feea00 100%);
	background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}	
.sefsimgs { height:100px; width:100px;   float:left; width:100%;
	background: linear-gradient(90deg, #2e5f85 0%,  #feea00 100%);
	background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}	
.sefsimg  { height:100px; width:auto;  }
.sefstxt  { margin-top:30px;}

.boxsh {
  border: 1px solid;
  padding: 10px;
  box-shadow: -8px -8px;
  background: radial-gradient(at top center, #2e5f85 0%, #a50a12 65%, #a3074e 100%);
  color: #2E2E2E;
}

.cosn { height:80px; width:80px; border-radius:50%; background: radial-gradient(at top center, #2e5f85  0%, #a50a12 65%, #a3074e 100%);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 10px 10px 30px #feea00; font-size:45px; font-weight:900; color:#ffffff;
}

#playerElement-Container { background-image:url(../img/tvbg.jpg)!important; background-size:cover; background-repeat:no-repeat;} 

.sefsicon i { color:#2e5f85; font-size:56px; float:left;}	
.glimg { padding:0;}	
	
footer .cpra{
	background-color: #2E2E2E;
	color:#ffffff;
	padding:3px;}
footer .cpra a{
	color:#2e5f85;}







.form-control { border-radius:0; border-color:rgba(0,0,0,0.3)} 


/*-- Preloader css start --*/
#preloader {
	    background-color: #ebf2f5;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2147483647;
	width: 100%;
	height: 100%;
}
#status {
    background-position: center center;
    background-repeat: no-repeat;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
#status img {
}

.back-to-top {
    position: fixed;
    bottom: 55px;
    right: 20px;
    display: none;
	border:0;
}










.stickys-container{
    padding:0px;
    margin:0px;
    position:fixed;
    left:-175px;
    top:200px;
    width:210px;
    z-index: 1100;
}
.stickys li{
    list-style-type:none;
    background-color: rgba(255,255,255,0.7);
    height:40px;
    padding:0px;
    margin:0px 0px 1px 0px;
    border:1px solid  rgba(255,255,255,0.7);;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor:pointer;
}
.stickys li:hover{
    margin-right:-115px;
}
.stickys li .fa{
    float:right;
    margin:7px 4px;
    margin-left:18px;
    font-size:25px;
}
.stickys li p{
    padding-top:5px;
    margin:0px;
    line-height:16px;
    font-size:12px;
    color:#2e5f85;
    text-align:right;
}
.stickys li p a{
    text-decoration: none;
    color:#2e5f85;
}
.stickys li .fa{
    color:#2e5f85;
}