/* CSS Document */
	
	@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
	
    /* body */
			
		html, 
		body{ height:100%; position:relative; }
	
		body {
			margin: 0;
			font-family: 'Montserrat', sans-serif;
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.5;
			color: #111213;
			text-align: left;
			background-color: #fff;
			min-height: 500px;
		    padding-top: 60px;
		    margin-bottom:60px;/**/
		}
		 
		.body-home{ min-height: auto;
		  padding-top: 0px;
		  padding-bottom:0px;} 
		
		.body-overflow{ overflow:hidden;}
		
		.main-content{
			min-height: 600px;
		}
		
		@media only screen and (max-width: 480px) {
		body {
		  min-height: auto;
		  padding-top: 60px;
		  padding-bottom:0;
		}
		}
	
	/* tipography */
			
		a {
			color: #111213;
			text-decoration: none;
			background-color: transparent
		}
		
		a:hover {
			color: #000;
			text-decoration: underline
		}
		
		a:not([href]):not([class]),a:not([href]):not([class]):hover {
			color: inherit;
			text-decoration: none
		}
		
		.text-decoration-none {
			text-decoration: none!important;
		}	
	
	/* navbar */
			
		.navbar{ border-bottom:1px solid #f5f5f5; background-color:#000000; }
		.navbar-nav{ max-width:150px; }
		.navbar a{ color:#FFFFFF; }
		.navbar a:hover {
			color: #928d94;
			text-decoration: none
		}		
	
	/* footer */
			
		.footer {
		  position: fixed;
		  bottom: 0;
		  width: 100%;
		  height: 40px;/**/ /* Set the fixed height of the footer here */
		   /*line-height: 60px; Vertically center the text there */
		  background-color: #000000;
		  color:#fff;
		  border-top:1px solid #f5f5f5;
		  z-index: 1030;
		}
		
		.footer a{ color:#fff; }
		.footer a:hover {
			color: #000;
			text-decoration: none
		}
		
		@media only screen and (max-width: 480px) {
		.footer {
		  position: relative;
		  width: 100%;
		  height: auto;/**/ /* Set the fixed height of the footer here */
		   /*line-height: 60px; Vertically center the text there */
		}		
		}

	
    /* scrollbar */
				
		/* The emerging W3C standard
		   that is currently Firefox-only */
		* {
		  scrollbar-width: thin;			/* "auto" or "thin"  */
		  scrollbar-color: #000000 white;	/* scroll thumb & track */ 
		}
		
		/* Works on Chrome/Edge/Safari */
		*::-webkit-scrollbar {
		  width: 15px;						 /* width of the entire scrollbar */
		}
		*::-webkit-scrollbar-track {
		  background: white;				 /* color of the tracking area */
		}
		*::-webkit-scrollbar-thumb {
		  background-color: #000000;			/* color of the scroll thumb */
		  border-radius: 20px;				/* roundness of the scroll thumb */
		  border: 3px solid white;			/* creates padding around scroll thumb */
		}
	
	/* placeholder */
		
		::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		   color:    #ddd !important;
		}
		:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		   color:    #ddd !important;
		   opacity:  1;
		}
		::-moz-placeholder { /* Mozilla Firefox 19+ */
		   color:    #ddd !important;
		   opacity:  1;
		}
		:-ms-input-placeholder { /* Internet Explorer 10-11 */
		   color:    #ddd !important;
		}
		::-ms-input-placeholder { /* Microsoft Edge */
		   color:    #ddd !important;
		}
		
		::placeholder { /* Most modern browsers support this now. */
		   color:    #ddd !important;
		}
		
   /* content */
		
		.container{
			max-width: 1500px;
			margin: 0px auto;
		}
		
		.main-content{
			/*padding-bottom: 2.5rem!important;*/
			margin: 0px auto;
			background-color:rgba( 255, 255, 255, .3 );
		}
	  
		.main-content-full{
			max-width: 100% !important;
			margin: 0px auto;
		}	
		
		.page-main-content{min-height:400px; padding:0 30px;}
		
		.main-title-page {
			font-size: 1.5rem;
			margin-bottom: 10px;
			margin-top: 10px;
			color: #000000;
		}	
		  
		@media only screen and (max-width: 1200px) {
			.container {
				max-width: 100%;
			}
		}	
	
	/* intro */
	
		.body-intro{ 
			padding-top:0px;
		}	 
	  
		@media (max-width: 768px) {
			.body-intro{ padding-top:0px;} 
		}
	
		.introcontent {
		  height: 100vh;
		  min-height: 400px;
		  background-size: cover;
		  background-position: center;
		  background-repeat: no-repeat;
		}
		
		.introcontent .logo{ max-width:300px; }
	  
		@media only screen and (max-width: 768px) {
			.introcontent {
				min-height: auto;
			}
		}
		
		#logreg-forms .form-reset, #logreg-forms .form-signup {
			display: none;
		}

	/* form */
		
		.form-group{margin-bottom: .5rem!important;}
		
		.user-form-reveal{ cursor:pointer;}
		
		.input-group-sm>.form-control, 
		.input-group-sm>.input-group-append>.btn, 
		.input-group-sm>.input-group-append>.input-group-text, 
		.input-group-sm>.input-group-prepend>.btn, 
		.input-group-sm>.input-group-prepend>.input-group-text{ border-radius:0px; }
		
		.input-group-text{background-color:#ffffff;}
		
		.input-group-text.disabled{background-color: #eceeef;}
		
		.input-group-sm .input-group-text{ height:31px; min-width:32px; background-color:#ffffff; }
		
		textarea:hover,
		textarea:active, 
		textarea:focus, 
		textarea.form-control:focus, 
		input:active, 
		input:focus, 
		input.form-control:focus, 
		input[type=text]:focus, 
		input[type=password]:focus, 
		input[type=email]:focus, 
		input[type=number]:focus, 
		[type=text].form-control:focus, 
		[type=password].form-control:focus, 
		[type=email].form-control:focus, 
		[type=tel].form-control:focus, 
		[contenteditable].form-control:focus, 
		button:focus,
		button:active,
		button:hover,
		label:focus,
		.btn,
		.btn:active,
		.btn.active, 
		.form-control, 
		.input-group-text {
		 	outline:0 none !important;
			border-radius: 0;
			-webkit-box-shadow:none !important;
			-moz-box-shadow: none !important;
			box-shadow: none !important;
			
		}
		
		.form-control{
					-webkit-appearance: auto !important;
		-moz-appearance: auto !important;
		appearance: auto !important;
		
		}

  /* modale */
		
		.modal, .bootbox.modal{ z-index: 999999991 !important;
		}
		.modal .modal-title, 
		.bootbox .modal-title {
			font-size: 1rem !important;
			text-transform: uppercase !important;
			margin-top: 0px !important;
			border-bottom: 0px  !important;
			font-weight: bold !important;
		}	
		
		.modal .modal-body h5{
			font-size: 1rem;
			text-transform: uppercase;
			margin: 10px 0 10px 0;
			font-weight: 900;
		}
		
		.modal .modal-body label{
			margin-bottom:0px; 
		}
		.modal .modal-body .form-group {
			margin-bottom: 5px;
		}
		
		.modal .modal-header{/*display:block;*/}
		
		.modal .modal-header .close
		.bootbox .modal-header .close {
			padding: 1rem;
			margin: -1rem -1rem -1rem -1rem;
		}
		
		.bootbox-close-button{ line-height: initial;border: 0;
    background: none;
    font-size: 1.5rem; 
			padding: 1rem;
			margin: -1rem -1rem -1rem -1rem;
	}
		.modal-header{
			padding: .325rem .75rem;
		}
		.modal-footer{
			padding: .325rem .75rem;
		}
		
		.modal .modal-footer .btn, 
		.bootbox .modal-footer .btn{
			height:27px !important; 
			line-height: 18px !important; 
			font-size: 0.8rem !important;
			padding: 0 .75rem;
		}
		
		.modal-backdrop {
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: 1040;
			/*background-color: #000;*/
			background-color: rgba( 0, 0, 0, .5 )  !important; /* #000;*/
		}	
		
		.modal .select2-container {
			z-index: 999999991; /*999999991;*/
		}
		  
  /* file upload */	

		.list-image {
			width: 80px;
			height: 80px;
			border: 1px solid #D5D1CB;
			overflow: hidden;
			background-color: #FFF;
		}
		.list-image {
			display: block;
			z-index: 1;
		}	
		.file-manage .file-trash {
			cursor: pointer;
		}	
		
		
		
		.file-manage .input-group-text {
			 
			border:0px; 
			border-bottom: 1px solid #e1e1e1;
		}	
		
		.custom-file-input {
			height: calc(1.8125rem + 2px) !important;
		}
		
		.custom-file-input:disabled{
			height: calc(1.8125rem + 2px) !important;
			padding:0px !important; 
		} 
				
		.custom-file {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			height: calc(2rem) !important;
		}
		.custom-file-label {
			padding: 5px !important;
			height: calc(1.9rem) !important;
			border: 1px solid #ced4da;
			border-radius:0px;
		}
		.custom-file-label::after {
			height: calc(1.9rem) !important;
			padding: 5px !important;
			content: "Sfoglia";
		}		/*
*/

  /* maxlength */
		
		.bootstrap-maxlength{z-index:999999992 !important; border:5px siolid #f00}
		
		.bootstrap-maxlength.label {
			display: inline;
			padding: .2em .6em .3em;
			font-size: 75%;
			font-weight: 400;
			line-height: 1;
			color: #fff;
			text-align: center;
			white-space: nowrap;
			vertical-align: baseline;
			border-radius: .25em;
			
		}
		.bootstrap-maxlength.label-important,
		.bootstrap-maxlength.badge-important {
			 background-color: #d9534f !important;
		}
		.bootstrap-maxlength.label-success,
		.bootstrap-maxlength.badge-success {
			background-color: #5cb85c !important;
		}
	
	/* PASSWORD */
	  
		#strengthMessage { margin-bottom:10px;}
	  
		#strengthMessage span{
			margin-top: 5px;
			display: block; 
		}
		.password-short {  
			width: 100%;  
			background-color: #dc3545;  
			margin-top: 5px;  
			height: 3px;  
			color: #dc3545;  
			font-weight: 500;  
			font-size: 12px;  
		}  
		.password-weak {  
			width: 100%;  
			background-color: #ffc107;  
			margin-top: 5px;  
			height: 3px;  
			color: #ffc107;  
			font-weight: 500;  
			font-size: 12px;  
		}  
		.password-good {  
			width: 100%;  
			background-color: #0b7824;  
			margin-top: 5px;  
			height: 3px;  
			color: #0b7824;  
			font-weight: 500;  
			font-size: 12px;  
		}  
		.password-strong {  
			width: 100%;  
			background-color: #13ea37;  
			margin-top: 5px;  
			height: 3px;  
			color: #13ea37;  
			font-weight: 500;  
			font-size: 12px;  
		} 	  
			
	  /* ------ pagination ------ */
		
		.pagination-container-top {
			/*border-bottom: 1px solid #e9ecef;*/
			/*margin-bottom: 1.5rem;*/
		}
		
		.pagination-container-bottom {
			/*border-top: 1px solid #e9ecef;*/
			/*padding-top: 1.5rem;*/
		}
		.pagination {
			/*border-top: 1px solid #e9ecef;*/
			border-radius: 0px;
			text-transform: uppercase;
			font-size: 12px; /*0.75rem;*/
			/*padding-top: 1.5rem;*/
		}
		
		.page-link {
			border: 1px solid #f5f5f5;
			color: #910281 !important;
		}
		
		.page-item{
		}
		
		.page-item.active .page-link {
			z-index: 1;
			color: #fff !important;
			background-color: #000 !important;
			border-color: #000 !important;
		}
			
		.page-link:hover {
			color: #000000;
			text-decoration: none;
			background-color: #fff;
			border: 1px solid #f5f5f5;
			opacity: 0.75;
		}
		
		.page-item:last-child .page-link {
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}
	
	/* sections */
	
		.section-header{ 
			background-color: #f4f4f4;
			border: 1px solid rgba(0,0,0,0.1);
		}
		.section-header p{
			font-weight:900 !important;
		}
		.section-header p span{
			font-weight:300 !important;
		}

	/* MODAL OVERLAY LOADING */
		
		/* Start by setting display:none to make this hidden.
		   Then we position it in relation to the viewport window
		   with position:fixed. Width, height, top and left speak
		   speak for themselves. Background we set to 80% white with
		   our animation centered, and no-repeating */
		#page-loading-overlay {
			display:    none;
			position:   fixed;
			z-index:    999999992;
			top:        0;
			left:       0;
			height:     100%;
			width:      100%;
			background: rgba( 0, 0, 0, .5 ) 
						/*url('../scripts/jquery/loader.gif')
						50% 50%*/ 
						no-repeat;
		}
			
		#page-loading-overlay .loader {
		  border: 16px solid #f3f3f3;
		  border-radius: 50%;
		  border-top: 16px solid #000000;
		  width: 120px;
		  height: 120px;
		  -webkit-animation: spin 2s linear infinite;
		  animation: spin 2s linear infinite;
		  margin:auto;
		  left:0;
		  right:0;
		  top:0;
		  bottom:0;
		  position:fixed;
		}
		
		@-webkit-keyframes spin {
		  0% { -webkit-transform: rotate(0deg); }
		  100% { -webkit-transform: rotate(360deg); }
		}
		
		@keyframes spin {
		  0% { transform: rotate(0deg); }
		  100% { transform: rotate(360deg); }
		}
	
		/* When the body has the loading class, we turn
		   the scrollbar off with overflow:hidden */
		body.page-loading-overlay {
			overflow: hidden;  /* 
			margin-right:25px;*/
		}
		
		/* Anytime the body has the loading class, our
		   modal element will be visible */
		body.page-loading-overlay #page-loading-overlay {
			display: block;
		}		

	/* sidebar overflow */
	
		#sidebar-overlay {
			display:    none;
			position:   fixed;
			z-index:    9999992;
			top:        0;
			left:       0;
			height:     100%;
			width:      100%;
			background: rgba( 0, 0, 0, .5 ) 
						/*url('../scripts/jquery/loader.gif')*/
						50% 50% 
						no-repeat;
		}		
		/* When the body has the loading class, we turn
		   the scrollbar off with overflow:hidden */
		body.sidebar-overlay {
			overflow: hidden;  /* 
			margin-right:25px;*/
		}
		
		/* Anytime the body has the loading class, our
		   modal element will be visible */
		body.sidebar-overlay #sidebar-overlay {
			display: block;
		}