@charset "UTF-8";
/*------------------------------------------------------------------
Project:	CUBER V6.2020
Assigned to:	Fabrice Audio
Primary use:	Showcase Portfolio 
-------------------------------------------------------------------*/

	#sb-site, #offline { 
		position: relative;
		display:block;
		width: 100%; 
		height: auto; 
		z-index:5;   
		margin-bottom: 0px; 
		overflow-x: hidden !important;
		overflow-y: auto;
	}

	#sb-site {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		padding-left: 0px;
		overflow-x: hidden !important;
		overflow-y: auto;
	}

	a {color: #111; }

	.container { position: relative; width: 100%; max-width: 2800px; padding-left: 0; padding-right: 0; margin-right: auto; margin-left: auto; z-index: 1;}
	.container-fluid { width: 96%; max-width: 2800px; padding-left: 15px; padding-right: 15px; margin-right: auto; margin-left: auto; z-index: 1;}

	[canvas=container], [off-canvas] { padding: 0px 0px; }
	[class*=js-] { cursor: pointer; }

	[canvas="container"] {
  		overflow-y: visible !important;
	}
	.custom-fixed-width { width: 280px; }
	.custom-fixed-height { height: 80px; }
	.custom-fluid-width { width: 50%; }
	.custom-responsive-width, .custom-fluid-full { width: 100%; }
	
	.custom-duration-200 { -webkit-transition-duration: 200ms; transition-duration: 200ms; }
	.custom-duration-400 { -webkit-transition-duration: 400ms; transition-duration: 400ms; }
	.custom-duration-600 { -webkit-transition-duration: 400ms; transition-duration: 400ms; }
	
	@media ( min-width: 769px ) { 
		.custom-fluid-width, .custom-fluid-full { width: 90%!important; }
		.custom-fluid-width { width: 50% !important; }
		.custom-fixed-width { width: 280px; }
	}

	@media ( max-width: 768px ) {
  		.custom-fluid-width, .custom-fluid-full { width: 100%!important; }
		.custom-fixed-width { width: 280px; }
	}



	/* ===================================
		Background color
	====================================== */

	.bg-transparent {background-color: transparent;}
	.bg-white { background-color:#fff; }
	.text-white, .white { color: #fff; }
	.bg-white-opacity { background-color: rgba(255, 255, 255, 0.85); }

	.bg-black { background-color:#090b0b; }
	.text-black, .black { color: #000; }
	.bg-black-opacity { background-color: rgba(0, 0, 0, 0.85); }

	/* Primary */
	.bg-color-primary, #sb-site:before, bg-primary, .bg-primary, .btn-primary, .color-1, .badge-primary { background-color:#420790 !important;}
	.color-primary, .text-primary { color:#420790 !important;}
/*	.btn.btn-primary:hover, .btn.btn-secondary:hover, 
	.btn.btn-success:hover, .btn.btn-danger:hover{ background-color:rgba(44,49,169,1.00); color:#b0e2d6 !important;}*/

	.btn, btn { border: 0px solid transparent;}

	.btn-outline-primary { background-color: #fff; background-image: none; border-color: #420790; color: #420790; }
	.btn-outline-primary:hover { color: #fff; background-color: #420790; border-color: #420790; box-shadow: none;}

	.thumbnail-overlay { background-color: rgba(44,49,169, .90); color: #333333;}

	/* Custom Colors */
	.bg-background-fade { -webkit-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; }
	.bg-background-fade { background-color: #f7f7f7; }



	/* ===================================
		General Cuber V7
	    ====================================== */

    #sb-site:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: -1;
        pointer-events: none;
        height: 360px;
        background-color: #420790 !important;
    }


    #cuber .cuber-container {
		position: relative;
        width: 100%;
        overflow: hidden;
		padding-left: 80px;
		min-height: 100%;
        z-index: 1;
	}

    #cuber .cuber-container.show {
        max-width: calc(100% - 250px);
        padding-left: 40px;
        margin-left: 250px;
    }

    /*	CUBER Sidebar ---------------------------------------------------*/

	#cuber .cuber-sidenav {
        position:absolute;
        display: block;
        margin-left: 40px;
        padding-right: 10px;
        width: 250px;
        min-width: 250px;
		height: auto;
		z-index: 1;
		left: 0px;
		/* bottom: 0; */
		top: 0;
		right: auto;
		overflow: auto;
		padding-bottom: 20%;
	}

    .cuber-sidenav .sidebar-logo {
        padding-top: 20px;
        padding-bottom: 80px;
    }

	.cuber-sidenav .logo {
		width: 140px;
		height: auto;
		padding: 0px;
	} 

    .navbar {
        padding: 0.75rem 0rem;
    }

    .nav-application > .btn {
        width: 70px !important;
        height: 70px !important;
        float: left;
        background: rgba(255, 255, 255, 1);
        color: #999;
        margin: 0 10px 20px 0px !important;
    }

    .nav-application > .btn span {
       font-size: 9px;
    }

    .fa-2x {
        font-size: 1.2em;
    }


	.cuber-sidenav .menu-cuber {
		list-style: none;
		margin: 0px;
		padding: 0px;
		z-index: 100;
	}

    
/*---------------------------------------------- 

	CUBER CONTENT

	------------------------------------------------*/

	.cuber-container .page-content {
		position: relative;
		width: 100%;
		min-height: 100%;
	}	

    .breadcrumb {
        border: 0px;
        padding: 0.75rem 0rem;
    }

    .cuber-container .page-subtitle {
		font-size: 1rem; 
		line-height: 1rem;
	}

	.cuber-container .page-title {
		font-size: 2rem; 
		line-height: 1.8rem;
	}

    .table td, .table th { font-size: 0.9rem; white-space:inherit; }
    .card .table td, .card .table th { padding-left: 0rem; padding-right: 1.5rem; }
    .avatar-xxl { width: 10rem; height: 10rem; font-size: 1.375rem; }



/*--------------------------------------------------
		02. PLUGINS
		---------------------------------------------------*/

	.admin-list li { margin: 0px; padding: 10px 0px 14px 0px; border-bottom: 1px solid rgba(235, 235, 235, 0.15); }
	.admin-list li a { margin-left: 20px; }
	.admin-list li i { float:left; position: absolute; left: 15px;  }

	.preview-img { position: relative; width:100%; height: auto; min-height:200px; }
	.preview-img img { width:100%; height: auto; }
	.dropify-wrapper { 
		position: absolute; top:0; left:0px; width:100%; height:100%; 
		background-color:transparent;
	}

	/*--------------------------------------------------
		08.Dropzone
	---------------------------------------------------*/

	.dropzone {
		border: 1px solid rgba(0,0,0,0.03);
		min-height: 250px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background: rgba(0,0,0,0.03);
		padding: 10px;
	}


/*	.btn { font-size: 12px; padding: 9px 16px; border-radius: 1px; }
	.btn-action i {font-size: 28px; height: 100%; float: left; margin: 0px 20px 0px 0px;}
	.btn-group .btn-group-sm { line-height: 2; }
	.btn-group-sm .btn i, .btn-group-sm .btn { color: #fff; font-size: 11px; line-height: 2;}
	.btn fa, .btn i { margin: 0 3px !important; }

	.box-primary .media-box-container {background-color: #2c31a9; }*/

	#summernote {padding: 0;}
	#summernote .card { border: none; margin: 0px; }
	#summernote .card  .card-header { padding: 0px; font-size: 11px; }
    .form-summernote .card {
        margin-right: 0;
        margin-left: 0;
        border:none;
    }

	/*--------------------
	 Form
	---------------------*/

    .media-box-droits {
        position: absolute;
        bottom: 10px;
        left: 10px;
    }

    .overlay-caption {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0%;
        right: 0%;
    }

	.custom-radio label {
		display: inline-block;
		max-width: 100%;
		margin-bottom: 5px;
		font-size: 12px;
        margin-left: 10px;
        margin-right: 10px;
		color: #848484;
	}

	.date label {display: none}



/*---------------------------------------------- 

	CUBER FOOTER

	------------------------------------------------*/


	.cuber-container .footer {
		position: relative;
		width: 100%;
		min-height: 50px;
	}

	.cuber-container .logo-cake {
		width: 200px;
		height: auto;
		display: block;
	}

	.footer .copyright {
		font-size: 9px;
		color:#fff;
	}

	.footer a { color:#fff; }
	.footer a:hover { color:#fff; text-decoration: underline;}





/*---------------------------------------------- 

	NIGHT & DAY

	------------------------------------------------*/

	/* LIGHT *
	.light { background-color: #fff; color: #111 !important; transition: all 0.5s ease-out;}
	.light .cuber-sidebar { background-color: #f9f9f9 !important; transition: all 0.5s ease-out;}
	.light .cuber-header .menu-cuber li i { color: #fff !important; }
	.light .card { background: #f9f9f9 !important;}

	/* DARK */
	.dark { background-color: #191a1d; color: #fff !important; transition: all 0.5s ease-out;}
	.dark .page-title { color: #fff !important; }
	.dark .page-subtitle { color: #2c31a9}
	.dark a { color: #fff !important; transition: all 0.5s ease-out;}
	.dark .cuber-sidebar { background-color: #090b0b !important; transition: all 0.5s ease-out;}
	.dark .cuber-sidebar .menu-cuber li i { color: #fff !important; }
	.dark .card { background: #090b0b;}
	.dark .table td, .dark .table th { border-bottom: 1px solid rgba(221, 225, 230, 0.2);}
	.dark .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.85); }
	.dark .paginate_button .page-link { color: #fff; pointer-events: none;background-color: #2c31a9; border-color: #2c31a9; }

/*---------------------------------------------- 

		08. Medias Queries

	------------------------------------------------*/

	/* Extra large devices (large desktops, 1200px and up)*/

	@media only screen and  (min-width : 993px) {
		
        .modal-dialog{ max-width: 700px; margin: 1.75rem auto; }
		.no-mobile { display: block !important}
		.only-mobile {display: none !important}

	}


	/*Large devices (desktops, 992px and up)*/

	@media screen and (min-width: 769px) and (max-width: 992px) {
		
		.no-mobile { display: block !important}
		.only-mobile {display: none !important}
		
	}


	/*Medium devices (tablets, 768px and up)*/

	@media only screen and ( max-width: 768px) {
		
		.login-wrapper .login-container { height: 100vh; width: 90%; padding: 40px 20px; }
		
		.no-mobile { display: none !important}
		.only-mobile {display: block !important}
		
	}