/*
------------------------------------------------------------------------------------
COM.EZZATO.DEV
By : Andre Lorenzoni at andre@ezzato.com
------------------------------------------------------------------------------------
*/	

.lightbox-default,
.lightbox {
	position:fixed;
	/*display:none;*/
	display:table;
	z-index:-1;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	vertical-align:middle;
	/*text-align:center;*/
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	filter: alpha(opacity=0); 	
	-khtml-opacity: 0;      	
	-moz-opacity: 0;       		
	opacity: 0;  
}

.lightbox-default .wrapper .wrapper-content .close,
.lightbox .wrapper .wrapper-content .close {
	position:absolute;
	top:10px;
	right:15px;
	color:#ffffff;
	cursor:pointer;
	z-index:1;
	font-size:40px;
	transition: 5s;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	font-weight:bold;
	font-family:"Material Icons"
}

.lightbox-default  .wrapper .wrapper-content .close:hover,
.lightbox .wrapper .wrapper-content .close:hover {
	color:#000000;
}

.lightbox-default  .wrapper,
.lightbox .wrapper {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	margin:0 auto;
	background-color: rgba(0,0,0,.5);
}

.lightbox-default .wrapper .wrapper-content ,
.lightbox .wrapper .wrapper-content {
	position:relative;
	width:100%;
	min-height:280px;
	height: 280px;
	vertical-align:middle;
	margin:0 auto;
	background-color:#222222;
	display: table;
	text-align: center;
}

.lightbox-default .wrapper .wrapper-content .lightbox-content-wrapper,
.lightbox .wrapper .wrapper-content .lightbox-content-wrapper {
	position:relative;
	display:table;
	/*width:1300px;*/
	margin:0 auto;
}

.lightbox-default .wrapper .wrapper-content .content,
.lightbox .wrapper .wrapper-content .content {
	position:relative;
	/*padding:20px;*/
	display: table-cell;
	min-height: 280px;
	vertical-align: middle;

}

.lightbox-default .wrapper .wrapper-content .content .title,
.lightbox .wrapper .wrapper-content .content .title {
	position:relative;
	display:table;
	font-size:34px;
	font-weight:bold;
	color:#ffffff;
	padding:10px 0px;
	text-align: left;
}

.lightbox-default .wrapper .wrapper-content .content .exception:after ,
.lightbox .wrapper .wrapper-content .content .exception:after {
	content:'';
	font-family:"Material Icons";
	color:#FF4D4D;
	font-size: 30px;
	padding: 8px;
	vertical-align:middle;
}

.lightbox-default .wrapper .wrapper-content .content .text,
.lightbox .wrapper .wrapper-content .content .text {
	position:relative;
	display:table;
	font-size:14px;
	color:#ffffff;
	padding:10px 0px;
	text-align:left;
}

.lightbox-default  .wrapper .wrapper-content .content .timeout-timer,
.lightbox .wrapper .wrapper-content .content .timeout-timer {
	position:relative;
	display:table;
	font-size:22px;
	color:#ffffff;
	padding:10px 0px;
}

.lightbox-default  button,
.lightbox button {
	position:relative;
	color:#ffffff;
	background-color:#000000;
	/*border:solid 1px #000000;*/
	padding:6px;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	display: inline;
	transition: 5s;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
}

.lightbox-default button:hover,
.lightbox button:hover {
	background-color:#ffffff;
	color:#000000;
}

.lightbox-default .bt-container ,
.lightbox .bt-container {
	position:relative;
	padding:10px 0px;
	display:table;
	width: 100%;
	text-align: left;
}

.lightbox-default .form,
.lightbox .form {
	display:table;
}

.lightbox-default .form .field,
.lightbox .form .field {
	width:auto;
	margin:0px;
	/*padding: 20px 0px;*/
}

.lightbox-default input,
.lightbox-default select,
.lightbox input,
.lightbox select {
	/*color: #ffffff !important;*/
	/*color:var(--text-color);*/
	width: 100%;
	padding:10px!important;
}

.lightbox-default .lightbox-img-zoom ,
.lightbox .lightbox-img-zoom {
	max-width: 95vw;
	max-height: 95vh;
}


.lightbox-default .wrapper .wrapper-content .content .scroller,
.lightbox .wrapper .wrapper-content .content .scroller {
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	display: block;
	width: 100%;
	max-height: 80vh;
	margin: 5vh 0px;
	padding: 10px;
	text-align: left;
	color: #ffffff;
}

.lightbox-default .button-container,
.lightbox .button-container {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 10px 0px;
}

.lightbox-default .button-container .button,
.lightbox .button-container button{
	position: relative;
	display: table;
	margin: 0 auto;
}


.lightbox-default  .button:before,
.lightbox button:before ,
.lightbox-default  .button:after,
.lightbox button:after {
	display: none!important;
}

/* base */

.lightbox-base {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    display: none;/**/
	vertical-align:middle;
	background-color: rgba(0, 0, 0, 0.5);
}

.lightbox-active {
	display:table!important;
}

.lightbox-base .lightbox-base-container {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:100%;
	height: 100%;
	margin: 0 auto;
}

.lightbox-base .lightbox-base-container .lightbox-base-content .step  {
	position:absolute;
	top:20px;
	left:20px;
	font-size:34px;
	color:#ffffff;
	text-transform:none;
}

.lightbox-base .lightbox-base-container .lightbox-base-content .logo {
	position:relative;
	display:table;
	width:100%;
	padding:20px 0px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:22px;
	color:#ffffff;
}

.lightbox-base .lightbox-base-container .lightbox-base-content{
	position:relative;
	display:table;
	vertical-align:middle;
	text-align:center;
	margin:0 auto;
	background-color:#C1250B;
	max-width:525px;
	padding:20px;
}

.lightbox-base .lightbox-base-container .lightbox-base-content .text {
	font-size:17px;
	color:#ffffff;
	text-transform:none;
}

.lightbox-base .lightbox-base-container .lightbox-base-content .text .li-check {
	position:relative;
	display:table;
	width:100%;
}

.lightbox-base .lightbox-base-container .lightbox-base-content .text .li-check ul {
	position:relative;
	display:table;
	width:100%;
	/*list-style:url(../img/content/list-check.png);*/
}

.lightbox-base .lightbox-base-container .lightbox-base-content .text .li-check ul li{
	position:relative;
	padding:0px;
	color:#ffffff;
	/*list-style:url(../img/content/list-check.png);*/
}

.lightbox-base .lightbox-base-container .lightbox-base-content .text b {
	font-family:inherit;
	color:inherit;
	font-size:inherit;
	font-weight:bold;
}

.lightbox-base .lightbox-base-container .lightbox-base-content .phone-num {
	font-size: 46px;
	color: #ffffff;
	text-align: center;
	padding: 20px 0px;
}

.lightbox-base .lightbox-base-container .lightbox-base-content .opt {
	position:relative;
	display:table;
	width:100%;
}

.lightbox-base .lightbox-base-container .lightbox-base-content .title {
	text-transform:uppercase;
	font-size:17px;
	color:#ffffff;
	text-transform:none;
	width: 100%;
	text-align: right;
}

.lightbox-base .lightbox-base-container .lightbox-base-content .button-container {
	display:table;
	width:100%;
	position:relative;
	text-align:center;
	padding:10px 0px;
}

.lightbox-base .lightbox-base-container .lightbox-base-content .button-container button {
	margin:0 auto;
	width:180px;
}

.lightbox-base .lightbox-base-container .lightbox-base-content .close {
	position:absolute;
	display:table-cell;
	top:20px;
	right:20px;
	vertical-align:middle;
	width:52px;
	height:52px;
	background-image:url(../img/layout/bt-close.png);
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
	z-index:2;
}

.lightbox-base .lightbox-base-container .lightbox-base-content .close:hover {
	background-image:url(../img/layout/bt-close-over.png);
}

/* open */

.lightbox-open {
	display:table;
	z-index:11;
	filter: alpha(opacity=100); 	
	-khtml-opacity: 1;      	
	-moz-opacity: 1;       		
	opacity: 1; 
	top:0px; 
	left:0px;
}

/* rating */

.lightbox-rating .rating,
.lightbox .rating {
	margin:20px auto;
}
.fa {
  font-size:40px !important;
  cursor:pointer;
  font-family: "FontAwesome"!important;
  padding: 5px;

}
.checked {
  color:#22DB7F;
}

.unchecked {
  color:#c4c4c4;
}

.btn {
  width:150px;
  height:20px;
}

.btn:hover {
  cursor:pointer;
}

/*
media viewer
*/

.lightbox .media-pdf {
	width: 90vw;
	height: 90vh;
}

.lightbox .media-video {
	max-width: 90vw;
	max-height: 90vw;
}

.lightbox .media-image {
	max-width: 90vw;
	max-height: 90vw;
}


/*
--------------------------------------------------------------------------------------
NOTEBOOK / SMALL SCREEEN
--------------------------------------------------------------------------------------
*/
/*
@media only screen and (min-width: 1200px) and (max-width: 1460px) { 

	.lightbox-default .wrapper .wrapper-content .lightbox-content-wrapper,
	.lightbox .wrapper .wrapper-content .lightbox-content-wrapper {
		width:1100px;
	}

}
*/
/*
--------------------------------------------------------------------------------------
TABLET
--------------------------------------------------------------------------------------
*/
/*
@media only screen and (min-width: 760px) and (max-width: 1200px) { 
	
	.lightbox-default .wrapper .wrapper-content .lightbox-content-wrapper,
	.lightbox .wrapper .wrapper-content .lightbox-content-wrapper {
		width:100%;
	}
}
*/
/*
--------------------------------------------------------------------------------------
SMARTPHONE
--------------------------------------------------------------------------------------
*/
/*

@media only screen and (min-width: 200px) and (max-width: 760px) { 

	.lightbox-default .wrapper .wrapper-content .lightbox-content-wrapper,
	.lightbox .wrapper .wrapper-content .lightbox-content-wrapper {
		width:100%;
		padding:10px;
	}
	
	.lightbox-default .wrapper .wrapper-content .content .title,
	.lightbox .wrapper .wrapper-content .content .title {
		font-size:28px;
		
	}

	.lightbox-default .wrapper .wrapper-content .content .exception:after,
	.lightbox .wrapper .wrapper-content .content .exception:after {
		font-size:30px;
	}
	
	.lightbox-default .wrapper .wrapper-content .content .text,
	.lightbox .wrapper .wrapper-content .content .text {
		font-size:12px;
	}

	.lightbox-default .form,
	.lightbox .form {
		width:100%;
	}

	.lightbox-default .form .field,
	.lightbox .form .field {
		width: 100%;
		margin: 10px 0px;
	}

	.lightbox-default button,
	.lightbox button {
		font-size:20px;
	}

}
*/



.lightbox .file-selector {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	height: 70vh;
	overflow: auto;
	padding: 40px;
}

.lightbox .file-selector > h2 {
	position: relative;
	display: block;
	font-size: 20px;
	padding: 10px 0px;
	color: #000000;
}

.lightbox .file-selector > ul {
	position: relative;
	display: block;
}

.lightbox .file-selector > ul > li {
	position: relative;
	display: block;
	font-size: 14px;
	padding: 8px 0px;
	border-top: solid 1px #e3e3e3;

	display: none;
}

.lightbox .file-selector > ul > li.folder {
	cursor: pointer;
	font-weight: bold;
}

.lightbox .file-selector > ul > li.folder:before {
	position: relative;
	font-family: "Material Icons";
	color: var(--text-color);
	line-height: 42px;
	font-size: 42px;
	text-align: center;
	content: '';
	vertical-align: middle;
	display: inline-block;
}

.lightbox.file-selector {
	padding:80px;
}

.lightbox .file-selector > ul > li.folder.folder-active:before {
	content: '';
}

.lightbox .file-selector > ul > li > span {
	padding: 5px;
	font-size: inherit;
}

.lightbox .file-selector > ul > li > span.date {
	font-size: 11px;
	font-weight: bold;
}
/*
.lightbox .file-selector > ul > li > span.date:before {
	position: relative;
	font-family: "Material Icons";
	color: #c3c3c3;
	font-size: 25px;
	text-align: center;
	content: '';
	vertical-align: middle;
	display: inline-block;
	font-weight: normal;
	padding-right: 5px;
}
*/

a.file-selector-button {
	margin: 40px;
	text-align: left;
	left: 0px;
	display: block;
}

.lightbox .file-selector > ul > li[data-parent="root"] {
	display: block;
}
.lightbox .file-selector > ul > li.active {
	display: block;
}