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


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/** BASIC CSS **/

* { 
	margin: 0; 
	padding: 0; 
	border:none; 
	outline:none;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-o-box-sizing: border-box;
	box-sizing: border-box;	}
	

html, body{
	height:auto;
	max-width:100%;
	min-width:100%;
	background:#ffffff;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	line-height:18px; 
	color:#000;
	font-weight:normal;
	font-style:normal;
	overflow-x:hidden;}

@page {
	size: auto;}
	
p {
	font-size: 15px;
	color: #848484;
	line-height: 23px;
	font-weight: 400;}
	
h1,h2,h3,h4,h5,h6{
     margin:0;
	 color:#555;}
	 
ul, ol{
	list-style:none;
	margin:0;
	padding:0;}

a {
	text-decoration:none;
	outline: none;
	color: #FF0019;}
	
a:focus { 
	outline: none; }
	
a:focus {
	outline: none;}
	
a:hover, a:focus {
	color: #FF0019;
	text-decoration: none;}
		
hr{
	border-top:1px solid #333;}
	
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	
::selection {
	text-shadow: none;
	background: #FF0019;
	color: #fff;}
	
::-moz-selection {
 text-shadow: none;
 background: #FF0019;
 color:#fff;}
 
a, input, select, textarea, img {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;}
		
.clearfix {
	clear: both;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;}
			
.hidden{ 
	display: none !important;}
	
.show{ 
	display: block !important;}
	
.floatl{ 
	float: left;}
	
.floatr{
	float: right;}
	
.nopad{
	padding:0 !important;}

.nopadl{
	padding-left:0;}
	
.nopadr{
	padding-right:0;}
	
.nomar{
	margin:0;}
	
.nomarl{
	margin-left:0;}
	
.nomarr{
	margin-right:0;}
	
.porel{
	position:relative;}
	
	
.main-wrap{
	width:100%;
	height:auto;
	position:relative;}
	
header{
	width:100%;
	height:auto;
	background:#fff;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);}
	
.logo{
	width:100%;
	height:70px;}
	
.logo img{
	max-width: 100%;
    max-height: 100%;
    margin-top: 11px;}
	
nav{
	height:70px;}

nav ul{
	text-align:right;
	margin-top:5px;}
		
nav ul li{
	margin-right:15px;
	display:inline-block;}
	
nav ul li:last-child{
	margin:0;}
	
nav ul li a{
	display:inline-block;
	font-size: 14px;
    text-transform: uppercase;
	color: #000;}
	
nav ul li a:hover{
	color:#ff495a;}
	
.user-text{
	text-align: right;
	padding: 10px 0;
}
.user-text h5{
    font-size: 20px;
    font-weight: 600;
    color: #969696;}
	
.user-text a{
	margin-top: 4px;
	display: inline-block;
	font-size:15px;
	color:#000;
	font-weight: 600;
}
.user-text a i{
	margin-right:5px;
}
.dashboard{
	display:flex;
	width:100%;
	padding:0 0 15px 0;}

.welcome-title h1{	
	font-family: 'Ubuntu', sans-serif;
	font-size:50px;
	color:#000000;
	font-weight:300;}

.new-btn{
	text-align:right;}
	
.new-btn button{
	margin-right:10px;
	outline:none !important;
	border:none !important;
	box-shadow:none !important;
	padding:10px 40px;
	font-size:15px;
	color:#fff;
	border-radius:5px;
	background: #fff !important;
	color:#057de3!important;
	border:2px solid #057de3!important;
	font-weight:600 !important;}

.new-btn button.btn:hover{
	background:#057de3!important;
	color:#fff !important;}
	
.new-btn button:last-child{
	margin:0;}
	
.new-btn button i{
	margin-right:5px;}
		
.data-area h5{
	font-size:25px;
	color:#000000;}
	
.data-area h5 img{
	width:30px;
	margin-right:10px;}

.table-data-bx{
	background:#fff;
	margin-top:20px;
	-webkit-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);}
	
.table-data-bx .table tr th, .table-data-bx .table tr td{
	vertical-align:middle !important;
	border:none !important;}

.table-data-bx .table tr td	{
	color:#000 !important;}
	
.table-data-bx .table tr th{
	font-size:13px;
	color:#000000;}
	
.table-data-bx .table tr td img{
	margin-right:8px;}
	
.table-striped tbody tr:nth-of-type(odd) {
    background-color:#fff !important;}

.table-striped tbody tr:nth-of-type(even){
	background:rgba(204,204,204, .36 )!important;}

.table-data-bx .table tr td a{
	margin:0 3px;}

.statusbar .progress{
	height:18px;
	border-radius:30px;
	position:relative;
	-webkit-box-shadow: inset 0px 2px 7px 5px rgba(0,0,0,0.16);
-moz-box-shadow: inset 0px 2px 7px 5px rgba(0,0,0,0.16);
box-shadow: inset 0px 2px 7px 5px rgba(0,0,0,0.16);}


.in-progess{
  width: 0;
  animation: in-progess 1.5s ease-in-out forwards;}

@keyframes in-progess {
  from {
    width: 0;
  }
  to {
    width: 75%;
  }
} 

.completed{
  width: 0;
  animation: completed 1.5s ease-in-out forwards;}

@keyframes completed {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
} 

.canceled{
  width: 0;
  animation: canceled 1.5s ease-in-out forwards;}

@keyframes canceled {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
} 


		
.statusbar .progress-bar span{
	font-size:8px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);}
	
	
.in-progess{
	background:#ffa500 !important;}	
	
.completed{
	background:#06b14c !important;}
	
.canceled{
	background:#bcbcbc !important;}


.pagination{
	text-align:center;}

.page-item{
	margin-right:10px;}
	
.page-item:last-child{
	margin:0 !important;}
		
.page-link{
	text-align:center;
	color:#969696 !important;
	background: #fff  !important;
	border-radius:5px !important;
	font-weight:600;
	border:2px solid #969696;}
	
.page-item.active .page-link{
	border-color:#057de3 !important;
	color:#057de3 !important;}

.feature-bx-area{
	padding:40px 0;}
		
.featurebx{
	cursor:pointer;
	padding:30px 15px;
	width:100%;
	background:#fff;
	border-radius:10px;
	transition:all .2s ease-in-out;
	-webkit-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);}

.featurebx:hover{
	-webkit-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.3);}
		
	
.featurebx-icon{
	display:block;
	width:96px;
	height:96px;
	line-height:96px;
	margin:auto;
	background:#e8e8e8;
	border-radius:50%;
	text-align:center;
	transition:all .2s ease-in-out;}
	
.featurebx-icon img{
	width:45px;}
	
.featurebx:hover .featurebx-icon{
	background:#e0dede;}
	
.featurebx-text {
	margin-top:15px;
	text-align:center;}
		
.featurebx-text h1{
	font-size:22px;
	color:#000000;
	margin-bottom:20px;}
	
.featurebx-text p{
	font-size:14px;
	color:#767676;
	line-height:25px;
	margin:0;}
	
.user-login-form{
	padding:100px 0 0 0;
	width:100%;
	min-height:100vh;
	background:url(../images/user-bg.jpg) no-repeat center center;
	background-size:cover;}
	
.user-login-bx{
	padding:40px 30px;
	width:50%;
	margin:auto;
	background:#fff;
	border-radius:10px;}

.login-text{
	text-align:center;}
		
.login-text h1{
	font-family: 'Poppins', sans-serif;
	font-size:35px;
	color:#000000;
	font-weight:400;}
	
.login-text p{
	margin:10px 0 0 0;
	font-size:17px;
	color:#9c9c9c;}	
	

.login-form{
	margin-top:30px;}
		
.login-form .form-control{
	height:49px !important;
	background:rgba(217,217,218,.5);
	border-radius:2px;
	border:none ;}
	
.form-btn button{
	width:100%;
	cursor:pointer;
	outline: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 15px 40px;
    font-size: 15px;
    color: #fff;
	text-transform:uppercase;
    border-radius: 2px;
	letter-spacing:.5px;
	/*
    background: linear-gradient(to right top,#0c642f,#0b7d39,#099644,#08b04e,#0acb58) !important;
	*/
	background:#057de3 !important;}
	
	
.forgot-pass{
	text-align:right;}
	
.forgot-pass a{
	font-size:13px;
	color:#000000;
	font-weight:500;}
	
.smile-icon{
	text-align:center;}

.thankyou-msg{
	text-align:center;}
		
.thankyou-msg h1{
	margin-top:30px;
	font-family: 'Poppins', sans-serif;
	font-size:30px;
	color:#000000;
	font-weight:400;}
	
.thankyou-msg h5{
	margin-top:50px;
	font-size:19px;
	color:#FF0019;
	font-weight:400;}

.goback-btn{
	margin-top:30px;
	text-align:center;}
		
.goback-btn a{
	display:inline-block;
    padding: 12px 40px;
    font-size: 16px;
    color:#FF0019;
    border-radius: 5px;
	font-weight:500;
	border:2px solid #FF0019;}
	
.goback-btn a:hover{
	background:#ff495a;
	color:#fff;}
	
.user-details-area{
	padding:50px 0;}
	
.user-details-form{
	padding: 40px 30px;
    width: 60%;
    margin: auto;
    background: #fff;
    border-radius: 10px;
	-webkit-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);}
		

.user-details-text{
	text-align:center;}
		
.user-details-text h1{
	font-family: 'Poppins', sans-serif;
	font-size:35px;
	color:#000000;
	font-weight:400;}
	
.user-details-text p{
	margin:10px 0 0 0;
	font-size:17px;
	color:#9c9c9c;}	
	
	
.user-data-form{
	margin-top:30px;}
		
.user-data-form .form-control{
	height:49px !important;
	background:rgba(217,217,218,.5);
	border-radius:2px;
	border:none ;}
	
.user-data-form .form-control[readonly] {
    background: #d1d1d1 !important;}
	
.user-data-form .data-form-textarea{
	height:120px !important;}
	
.form-btn button{
	width:100%;
	cursor:pointer;
	outline: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 15px 40px;
    font-size: 15px;
    color: #fff;
	text-transform:uppercase;
    border-radius: 2px;
	letter-spacing:.5px;
    background: linear-gradient(to right top,#0c642f,#0b7d39,#099644,#08b04e,#0acb58) !important;
	background:#057de3 !important;}
	

.my-personal-info{
	width:70% !important;}

.my-personal-info .user-data-form label{
	font-weight:600;
	color:#000;
	font-size:13px;}

.my-personal-info .user-data-form label span{
	margin-left:6px;
	color:#df0101;}
	

/** Two step form **/

.choose-type h1{
	font-size:25px;
	color:#018d37;
	text-align: center;
	margin-bottom:40px;}
	
.choose-type ul li{
	display:inline-block;
	margin-right:20px;}

.choose-type ul{
	text-align:center;}
	
.choose-type ul li:last-child{
	margin:0;}

.choose-type ul li a{
	display:inline-block;
	width:100px;
	height:100px;
	background:#fff;
	text-align:center;
	line-height:100px;
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
	
.choose-type ul li a:hover{
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);}
	
.two-step-form{
	margin-top:40px;
	width:100%;}

.form-grup-name{
	margin-bottom: 40px;}
			
.form-grup-name h1{
	position:relative;
	font-size: 25px;
    color: #018d37;
    text-align: center;}
	
.form-grup-name p{
	font-size:18px;
	color:#000000;
	text-align:center;
	width:70%;
	margin:30px auto 0;}
	
.form-grup-name h1:after{
	content:'';
	width:94px;
	height:2px;
	background:#e1e1e1;
	position:absolute;
	left:0;
	right:0;
	bottom:-15px;
	margin:auto;}
	
.form-block{
	margin-bottom:40px;}

.successfull-msg{
	padding:40px 0;}
		
.successfull-msg img{
	display:block;
	width:80px;
	margin:auto;}	
	
.successfull-msg h2{
	margin-top:15px;
	font-size:25px;
	color:#030303;
	text-align:center;}

.choose-options{
	margin-bottom:20px;}
	
.choose-options:last-hcild{
	margin:0;}
		
.choose-options ul li{
	line-height:25px;
	display:inline-block;
	margin-right:15px;
	vertical-align:middle;}
	
.choose-options ul li:last-child{
	margin:0;}
	
.choose-options ul li input{
	margin:0 6px 0 0;}
	
.page-content{
	margin-bottom:50px;
	width:100%;
	padding:100px 0;
	background:#00a744;}
	
.page-content h4{
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:30px;}
	
.page-content p{
	font-size:15px;
	color:#fff;
	line-height:30px;}
	
.price-view{
	display:flex;
	width:100%;
	height:59px;
	background: rgba(217,217,218,.5)}
		
.price-view label{
	display:block;
	font-size:13px;
	color:#000000;
	font-weight:500;}
	
.price-view span{
	display:block;
	font-size:17px;
	color:#0b873d;
	font-weight:bold;}
	
.price-block{
	padding:7px 10px;
	width:calc(100% - 50px);}
	
.flag-block{
	line-height:59px;
	width:50px;}
	
	
/*** new 25.08.2020 ***/

.create-order-sec{
	margin-top:70px;
	padding:100px 0;
	background:#FF0019;}
	
.create-order-sec h3{
	font-size:25px;
	color:#fff;
	line-height:30px;}
	
.create-order-sec .new-btn button{
	padding: 14px 50px;
    font-size: 16px;
	background:#fff !important;
	color:#000;
	font-weight:bold;}
	
footer{
	width:100%;}

.top-footer{
	padding:6px 0;
	background:#333;}
	
.bottom-footer{
	padding:10px 0;
	background:#252525;}
		
footer p{
	color: #fff;
    font-size: 15px;
	text-align:center;
	margin:0;}
	
/*** CheckBox ***/

ul.flag-list li{
	display:inline-block;
	margin-right:15px;}
	
.check-bx{
	padding:5px 10px;
	background:#ececec;
	vertical-align:middle;}

.check-bx input{
	position:relative;
	top:2px;}
		
.check-bx img{
	margin-left:10px;}
	

/*** Exchange widget ***/

.exchange-amount-form{
	margin-top:30px;}
		
.exchange-amount-form h1{
	font-size:35px;
	color:#0ab650;}
	
.exchange-amount-form p{
	font-size:18px;
	color:#bcbcbc;}
	
.exchange-section{
	margin-top:20px;}
	
.exchange-group{
	position:relative;
	display:flex;
	border:2px solid #3b8c57;
	border-radius:4px;
	margin-bottom:20px;}

.exchange-group label{
	display:block;
	padding-left:.75rem;
    color: #000;
    font-weight: 500;
    font-size: 13px;
	margin:8px 0 0 0;}	

.exchange-input{
	width:100%;}
	
.exchange-group .form-control{
	width:100%;
	height:30px;
	border:none !important;
	outline:none !important;
	box-shadow:none !important;
	font-size:17px;
	color:#0b7536;
	font-weight:500;}
	
.exchange-group  .flagstrap{
	width:auto !important;}
	
.exchange-group .btn-lg{
	height:60px;
	border-radius:0;
	outline:none !important;
	box-shadow:none !important;}
	
.flagstrap-sz{
	background:url(../images/swiss-flag.png) no-repeat center center !important;
	width:30px;
	height:30px;
	background-size:contain;
	vertical-align:middle;}
	
.flagstrap-gb{
	background:url(../images/euro-flag.png) no-repeat center center !important;
	width:30px;
	height:30px;
	background-size:contain;
	vertical-align:middle;}
	
.exchange-info .form-control{
	height:60px !important;
	font-size:16px;
	background:#e1e1e1;
	border:1px solid #0b7536;}
	
.exchange-rate{
	margin:20px 0;}
	
.exchange-rate h5{
	font-size:14px;
	color:#000000;
	font-weight:500;
	line-height:25px;
	margin:0;}
	
.exchange-section .choose-options{
	margin:0;}
	
	
.main { 
	display: inline-block;
    position: relative;
    padding-left: 15px;
    cursor: pointer;
    font-size: 20px;} 
 
.main input[type=checkbox] { 
	visibility: hidden; } 
	
.geekmark { 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 17px; 
	width: 17px; 
	background-color: #eee; } 
  
.main:hover input ~ .geekmark { 
	background-color: green; } 
  
.main input:active ~ .geekmark { 
	background-color: green; } 
  
.main input:checked ~ .geekmark { 
	background-color: green; } 
  
.geekmark:after { 
	content: ""; 
	position: absolute; 
	display: none; } 
  
.main input:checked ~ .geekmark:after { 
	display: block; } 
	
.main .geekmark:after { 
	left: 5px;
    bottom: 4px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);} 
	
.exchange-static-flag{
	width:200px;
	padding:15px 0;}

.exchange-static-flag ul{
	margin:0;}
		
.exchange-static-flag ul li{
	display:inline-block;
	margin-right:15px;}
	
.exchange-static-flag ul li:last-child{
	margin:0;}
	
.static-iban{
	width:100%;
	height: 60px;
    font-size: 16px;
    background: #e1e1e1;
    border: 1px solid #0b7536;
	border-radius: .25rem;
    padding: .375rem .75rem;
    line-height:3.4;
    color: #495057;
    background-clip: padding-box;}
	
.read-only-input{
	background:#E9ECEF !important;}
	
	
.lang-select{
	width:auto;
	height:auto;
	padding:40px 0;}

.selcted-lan{
	position:relative;}
	
.lang-select ul{
	display:none;
	margin-top:10px;
	padding:10px;
	position:absolute;
	top:8px;
	height:auto;
	width:150px;
	background:#fff;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
		
.lang-select ul li{
	display:block;}
	
.lang-select ul li a{
	display:block;
	font-size:14px;
	padding:4px 2px;}
	
.lang-select ul li a img{
	margin-right:8px;}

.selcted-lan label{
	display:block;
	margin:0;}
		
.selcted-lan label img{
	margin-right:8px;}
	
.selcted-lan:hover ul.falg-drop{
	display: block !important;}
	
.box-logo{
	width:350px;
	margin: 0 auto 40px;}
	
.box-logo img{
	max-width:100%;}

.dataTables_length, .dataTables_filter{
	padding:10px;}	
	
div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label{
	margin-bottom:0 !important;}
	
table.table-bordered.dataTable{
	margin-top:0 !important;}

table.dataTable{
	margin:0 !important;}	
	
.slide-form{
	padding:15px;
	position:fixed;
	top:0;
	right:-90%;
	width:75%;
	height:100%;
	background:#fff;
	z-index:99999;
	transition:all .5s ease-in-out;
	-webkit-box-shadow: -10px 0px 8px 2px rgba(0,0,0,0.13);
	-moz-box-shadow: -10px 0px 8px 2px rgba(0,0,0,0.13);
	box-shadow: -10px 0px 8px 2px rgba(0,0,0,0.13);}
	
.slide-form-reservation{
	width:50% !important;}

.slide-form-error{
	width:80% !important;}
	
.slide-form-toggle{
	right:0 !important;}
	
.slide-form label {
    margin-bottom:0;
    font-size: 11px;}

.slide-form .form-group {
    margin-bottom: 4px;}
		
.close-slide {
	position:relative;}
		
.close-slide a{
	position: absolute;
    left: -65px;
    display: inline-block;
    background: #f72222;
    width: 50px;
    height: 30px;
    line-height: 30px;
    font-size: 19px;
    color: #fff;
    padding-left: 15px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;}	

.slide-form h2{
	font-size:16px;
	color:#353535;
	font-weight:600;}

.main-form{
	height:100%;
	overflow-y:auto;
	margin-top:15px;
	padding-bottom:40px;}
		
/*.main-form .form-control{
	background:#ebebeb;
	height:36px;
	border-color:#ebebeb;}*/

.main-form .form-textarea{
	height:50px !important;}
		
.pad-5{
	padding:0 5px !important;}
	
.pad-10{
	padding:0 10px !important;}
	

.dataTables_info, div.dataTables_wrapper div.dataTables_paginate{
	padding:10px !important;}

.dataTables_info{
	margin-top:10px;
	font-weight:600;}
	
.table-data-bx .table tr th{
	color: #333;
    background: #A3CEF1;}

.table-data-bx .table thead tr,
.table-data-bx .table tfoot tr{
	background: #A3CEF1;}

.input-permissions{
	margin-bottom:6px}

.input-permissions input{
	margin-right:6px;}
	
.permissions-manager h2{
	font-size:16px;
	font-weight:500;
	margin-bottom:20px;}
	
.permissions-manager .form-group{
	padding:15px;
	border:1px solid #e4e4e4;
	margin-bottom:10px;}

.permissions-manager label{
	font-size:12px;
	font-weight:600;
	margin-bottom:10px;}
	
.form-buttons{
	margin-top:20px;}
	
.slide-form label span{
	/*color:#FF0019;*/
}
	
.action a{
	font-size:16px;}
	
.action a i.fa-pencil-square{
	color:#0997ce;}

.action a i.fa-eye{
	color: #FF0019;}
	
#dropFileForm {
  text-align: center;
  border-radius: 8px;
  overflow: hidden;
  transition: 0.5s;}

#dropFileForm #fileLabel {
  background-color: rgba(255, 0, 25, 0.1);
  display: block;
  padding: 50px;
  position: relative;
  cursor: pointer;}

#dropFileForm #fileInput {
  display: none;}

#dropFileForm #fileLabel:after,
#dropFileForm #fileLabel:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: -2;
  border-radius: 8px 8px 0 0;}

#dropFileForm #fileLabel:before {
  z-index: -1;
  background: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 5%,
    black 5%,
    black 10%
  );
  opacity: 0;
  transition: 0.5s;}

#dropFileForm.fileHover #fileLabel:before {
  opacity: 0.25;}

#dropFileForm .uploadButton {
  border: 0;
  outline: 0;
  width: 100%;
  padding: 8px;
  background-color: limeGreen;
  color: #fff;
  cursor: pointer;
  text-transform:uppercase;
  font-weight:600;}

#dropFileForm.fileHover {
  box-shadow: 0 0 16px limeGreen;}
  
#fileLabel i{
	 color:#FF0019;}
	 
#fileLabelText{
	font-weight:600;}
  

.donload-btn{
	background:#FF0019;
	border-color:#FF0019;
	color:#fff;
	font-weight:600;}

.previous-uploads{
	margin-top:60px;}


.data-table{
	margin-top:20px;}
	
.data-table .table{
	font-size:12px;}

.data-table .table tr th, .data-table .table tr td{
	padding:3px;
	vertical-align:middle;
	border:1px solid #000;}

.blue-color{
	background:#00B0F0;}	

.dark-blue-color{
	background:#0070C0;}

.black-color{
	background:#000;}
		
.green-color{
	background:#92D050;}
	
.ash-color{
	background:#A6A6A6;}

.red-color{
	background:#FF0000;
	color:#fff;}
	
.yellow-color{
	background:#FFC000;}

.sky-color{
	background:#99CCFF;}	

.color1{
	background:#EBF1DE;}
	
.color2{
	background:#DCE6F1;}

.color3{
	background:#E4DFEC;}
	
.color4{
	background:#FDE9D9;}

.img-icon a img{
	padding:5px 0;}
	
.table-data-bx h5{
	font-size:20px;
	text-align:center;}


.donload-btn{
	background:#fff;
	color:#FF0019;
	font-size:12px;}

.donload-btn:hover{
	background:#ff495a;
	color:#fff;}
	
.current-im-vr h5{
		padding:10px 0 20px 0;
		text-transform:uppercase;}
		

.generate-area{
	margin-top:30px;
	text-align:center;
	background:#fff;
	padding:30px 15px;
	-webkit-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);}
	
.generate-area h1{
	font-size:20px;
	line-height:50px;
	color:#000;}
	
.generate-area h1 span{
	font-weight:bold;}	
	

.generate-area .btn{
	padding:12px 40px;
	font-size:18px;
	text-transform:uppercase;}
	
.alert-modal .modal-title{
	font-size:20px;
	color:#E7060A;}

.alert-modal .modal-title i{
	margin-right:10px;}
	
.alert-modal .modal-body h3{
	text-align:center;
	font-size:22px;
	color:#000;
	line-height:30px;}
	
.alert-modal .modal-footer{
	 justify-content: center;}

.alert-modal .modal-footer .btn{
	font-size:16px;
	padding:8px 25px;}
	
.loader-wrap{
	display:none;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,1);
	z-index:9999;
	text-align:center;}

.loader-box	{
	margin-top:100px;
	text-align:center;}
	
.loader{
	text-align:center;}
	
.loader img{
	margin-left:-30px;
	width:300px;
	max-width:100%;}
	
.loader-text{
	text-align:center;}
	
.loader-text h4{
	font-size:30px;
	font-weight:600;
	color:#000;}
	
	
.heading-table{
	margin-top:30px;}	
	
	
.heading-table .table tr th, 
.heading-table .table tr td,
.Controllo-details-table .table tr th, 
.Controllo-details-table .table tr td,
.bonds-details-table .table tr th, 
.bonds-details-table .table tr td{
	font-size:13px !important;
	vertical-align:middle !important;
	padding:0.30rem !important;
	border-color:#333;
	
}

.heading-table .table, .Controllo-details-table .table, .bonds-details-table .table{
	border-width:2px;
	border-color:#000000;}


.msg-icon a, .history-icon a{
	font-size:18px;}

.msg-icon a{
	color:#089e0e;}	
	
.history-icon a{
	color:#ff9800;}

.msg-icon span, .history-icon span{
	font-size:13px;
	font-weight:600;
	display:inline-block;
	vertical-align:top;
	margin-left:5px;}
	
		
.error_list_table h5{
	margin-top:10px;}

/*	
.error_list_table tbody.zigzag:nth-child(even) tr:nth-child(1){
	background:rgba(204,204,204, .36 ) !important;}
*/	

.error_message_view_table .table {
	margin:0;
	border-width:2px;
	border-color:#000;}
		
.error_message_view_table .table th, 
.error_message_view_table .table td {
	padding:0.30rem;
	font-size:13px;
	vertical-align:middle;
	border-color:#000;}
	
.add_error_msg tr th, 
.add_error_msg tr td{
	padding:0.30rem;
	font-size:13px;
	vertical-align:middle;}
	
.error_msg_list tr th,
.error_msg_list tr td{
	padding:0.30rem;
	font-size:13px;
	vertical-align:middle;}
	
	
.write_msg{
	font-size:15px;
	border-width: 2px;
	border-color:#ffa7b0;}
	
.msg_add_btn{
	padding:3px 15px;
	font-size:13px;
	border-width:2px;
	font-weight:600;}

.msg_add_btn i{
	margin-right:6px;}
		
.error_tab_btn{
	padding:2px 8px;
	font-size:13px;}
	
.pad4{
	padding:4px !important;}
	
.msg-table-wrap{
	margin-top:10px;}
	
.msg-table-wrap .table-data-bx{
	padding:5px;}
	
.error_list_table tbody.zigzag:nth-child(even) tr:nth-child(2) .error_msg_list tbody tr:nth-child(1){
	background:inherit !important;}
	
.error_message_view_table{
	margin-top:15px;}	
	
	
.error_message_view_table .table tr th, .error_message_view_table .table tr td{
	font-size: 13px !important;
    vertical-align: middle !important;
    padding: 0.30rem !important;}
		
.viwe_btn, .error_tab_btn{
	border-color: #FF0019;
	color:#FF0019;
	padding: 0.200rem 0.55rem !important;}	
	
	
.viwe_btn:hover, .error_tab_btn:hover{
	background:#ff495a;
	color:#fff;
	border-color: #FF0019;}	
	
.status_drop{
	height:25px !important;
	padding: 0.200rem 0.75rem !important;
	font-size:13px !important;}	
	
.add_error_msg{
	margin-bottom:0;}
	
.add-msg-table-data-bx .add_error_msg{
	border:none;}	
	
.special_tab_btn{
	font-size: 13px;
	padding: 0.200rem 0.55rem !important;}
	
.add-rule-btn, .add-exclusion-btn{
	background: #fff;
    color: #ff495a;
    font-size: 15px;
	border-width:2px;
	border-color:#ff495a;
	font-weight:600;
	text-transform:uppercase;}	
	
.add-rule-btn:hover, .add-exclusion-btn:hover{
	background:#ff495a;
	color:#fff;}
	
.add-rule-form, .add-exclusion-form{
	width:30% !important;}
	
.add-rule-textarea{
	height:50px !important;}
	
.exclusion-table{
	margin-top:40px;}

.radio-btn {
	padding:10px;
	border:1px solid #FFA7B0;}
		
.radio-btn li{
	display:inline-block;
	margin-right:20px;}
	
.radio-btn li:last-child{
	margin:0;}
	
/**** New Css 03.05.2022 ****/

.dataTables_length{
	margin-top: 6px;
	float:left;
}

.dataTables_paginate{
	float:right;
}

div.dt-buttons {
    padding: 10px;
}

div.dataTables_wrapper div.dataTables_filter{
	float: right;
}

.table-data-bx .table-filter{
	height: 28px !important;
    font-size: 12px;
    padding: 4px 5px;
}

.tablebtn{
	padding:8px 15px !important;
    color:#000  !important;
    font-size: 12px !important;
    font-weight: 600;
    text-transform: uppercase;
	outline:none !important;
	line-height: normal !important;
	border-radius: 4px !important;
	margin-bottom: 0 !important;
	box-shadow:none !important;
	text-shadow: none !important;
}

.tablebtn:hover{
	background: #057de3!important;
	border-color: #057de3!important;
    color: #fff !important;
}

.addBtn{
	background:#018d37 !important;
	border-color:#018d37 !important;
	color:#fff !important;
	border: none !important;
    padding: 10px 15px !important;
}

.addBtn span.btn-icon{
	padding-left: 15px;
	display:inline-block;
}

.addBtn span.btn-icon i{
	position: relative;
	z-index: 99;
	left: 6px;
}


.addBtn span.btn-icon::after{
	content: '';
    width: 31px;
    display: inline-block;
    background: #015e24;
    position: absolute;
    z-index: 9;
    height: 100%;
    top:0px;
    right:0px;
}
/*
.addBtn i::after{
	margin-left: 9px;
    content: "";
    height: 22px;
    width: 1px;
    background: #fff;
    position: absolute;
    top: 4px;
	opacity: .5;

}
*/

.addBtn:hover{
	background:#015e24 !important;
	border-color:#015e24 !important;
	color:#fff !important;
}

.add_base_anno_scolastico-form,
.lista-aule-form,
.add_sede-form{
	width:50% !important;
}

.form-checkbox{
	margin-top: 30px;
	display:flex;
}

.form-checkbox li{
	width: calc(100% / 3);
}

.form-checkbox li{
	font-size: 14px;
	font-weight: 600;
}

.form-checkbox li input{
	position: relative;
	top: 3px;
	margin-right: 10px;
}

.importbtn{
	background:#6096BA !important;
}

.importbtn span.btn-icon::after{
	background:#274C77 !important;
}

.importbtn:hover {
    background:#274C77 !important;
}

.table-data-bx .table tr td span img{
	width:20px;
}

.switch-toggle{
	margin-top:15px}

.switch-toggle input{
	margin-right:6px;}
	
.switch {
	position: relative;
    display: inline-block;
    width: 50px !important;
    height: auto;
    margin: 0;
    top:0;
	text-align: inherit !important;
}
	
.switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	height: 18px;
    width: 43px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 12px;
    width: 12px;
    left: 3px;
    bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch input:checked + .slider {
	background-color: #09a804;
}

.switch input:focus + .slider {
	box-shadow: 0 0 1px #09a804;
}

.switch input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.show-hide-checkbox {
	text-align: right;
	margin-top: 15px;
}
.show-hide-checkbox span{
	font-size: 12px;
    font-weight: 600;
    margin-right: 10px;
}

.show-hide-checkbox  span input {
    position: relative;
    top: 2px;
    margin-left: 6px;
}

.table-data-bx .table tr td.tr_color_class_gray{
	color:#ccc !important;
}

.check_yes_img{
	background-image: url(../images/check-yes.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center center;
}

.check_no_img {
	background-image: url(../images/check-no.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center center;
}

custom-modal h1{
	font-size:30px;
	text-align: center;
	color: #000;
	margin-bottom: 20px;
}

.custom-modal p{
   font-size:14px;
   color: #545353;
   text-align: center;
   margin-bottom: 20px;
}


.check-delete-btn{
	margin-top:20px;
	text-align: center;
}

.check-delete-btn .btn{
	font-size:16px;
	font-weight: 600;
	padding:8px 30px;
	text-transform: uppercase;

}


.custom-modal  .modal-header{
	border:none;
	padding: 0;
}

.custom-modal  .modal-dialog {
    max-width: 500px;
    margin: 5.75rem auto;
}

.custom-modal .close {
    color: #fff;
    position: absolute;
    width: 40px;
    height: 40px;
    left: -24px;
    top: -15px;
    background: red;
    opacity: 1;
    border-radius: 50%;
    margin: 0;
    padding: 0;
	outline:none !important;
	opacity: 1 !important;
}

.custom-modal img{
	width: 150px;
	margin:0 auto 30px;
	display: block;
}
.custom-modal h1{
	font-size:30px;
	text-align: center;
	color: #000;
	margin-bottom: 20px;
}

.custom-modal p{
   font-size:14px;
   color: #545353;
   text-align: center;
   margin-bottom: 20px;
}


.check-delete-btn{
	margin-top:20px;
	text-align: center;
}

.check-delete-btn .btn{
	font-size:16px;
	font-weight: 600;
	padding:8px 30px;
	text-transform: uppercase;

}


.sidebar{
	width: 250px;
    min-height: 100vh;
    background: #E7ECEF;
    padding: 10px;
    overflow-y: auto;
    position: fixed;
    z-index: 99999;
    top: 0;
}

.sidebar ul li{
	padding: 2px 0;
}
.sidebar ul li a{
	display: block;
	padding: 12px 12px;
	font-size: 14px;
	color: #000;
	border-radius: 6px;
}

.sidebar ul li a:hover, .sidebar ul li a.active{
	background: #A3CEF1;
}

.sidebar a i{
	width: 25px;
    font-size: 18px;
    text-align: center;
}

.sidebar a i.right-arrow{
	width: auto;
	float: right;
}

.sidebar ul li ul.menu-dropdown{
	display: none;
}
.sidebar ul li ul.menu-dropdown li a{
	padding: 8px 10px 8px 36px;
}

.sidebar-small{
	width:68px;
    overflow-x: hidden;}

.sidebar-small ul li a span{
	display:none;}

.sidebar-small .logo{
	width: 100%;
}

.sidebar-small:hover .sidebar-main{
	padding: 10px;
	position: fixed !important;
	top: 0;
	left: 0;
	background: #E7ECEF;
	z-index: 99999;
	width: 200px;
	min-height: 100vh;
}

.sidebar-small:hover ul li a span{
	display: inline;}


.sidebar-small .logo img{
	max-width: inherit;
    max-height: inherit;
	width: 40px;
}

.data-area{
	width:100%;
}


.pagetitle{
	padding-left: 70px;
	margin-top: 19px;
}

.pagetitle img{
	margin-right: 6px;
	width:25px;
}

.add-corso-form{
	width:60% !important;
}

.pad-r-5{
	padding-right: 5px !important;
}

.pad-l-5{
	padding-left: 5px !important;
}

.powerdby{
	margin-top: 60px;
	text-align: right;
}

.powerdby label{
	margin: 0;
	font-weight: 400;
	color: #9d9d9d;
	font-size: 12px;
}	

.add_utenti_form,
.update_utenti_form,
.add_lista_corsi_form,
.add_base_anno_scolastico_form,
.add_sede_form,
.add_base_regione_form,
.add_base_localita_form,
.add_base_lv2_categoria_form,
.add_base_lv3_materia_form,
.add_base_tag_form{
	width: 60% !important;
}

.corso-form .d-flex .pad-r-5,
.corso-form .d-flex .pad-l-5{
	width: 100%;
}

.corso-form .group-wrap{
	margin-bottom: 20px;
	border:1px solid #e1dddd;
	padding:5px;
	border-radius: 4px;
}

.change-password-form{
	padding:30px;
	width: 50%;
	margin:40px auto 0;
	background:#fff;
	-webkit-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);
}

/*** Tag ***/


.tag-data{
	padding: 10px 10px 2px 10px;
	background: #ebebeb;
	width: 100%;
	min-height: 100px;
	border-radius: 4px;
}

.tag-data ul li, .tag-view{
	background: #efefef;
	margin-right: 2px;
	margin-bottom: 4px;
	border: 1px solid #ccc;
	display: inline-block;
    color: #000;
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 4px;
}

.tag-data ul li i{
	cursor: pointer;
	color:red;
	margin-left: 5px;
}

.custome-tooltip{
	display:none;
	background: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    border: 1px solid #ccc;
    padding: 5px;
    z-index: 999;
    width: auto;
	border-radius: 4px;
}

.table-data-bx .table tr td:hover .custome-tooltip{
	display:block;
}

.table-data-bx .table tr th, .table-data-bx .table tr td{
	position: relative;
}

/*** New CSS from 29.06.2022 ***/


.assign-control-slide,
.tag-control-slide,
.allegati-slide{
	width: 60% !important;
}

.slide-table .table-data-bx{
	box-shadow:none;
}

.main-form form .form-control{
	background:#ebebeb;
	height:36px;
	border-color:#ebebeb;}

.slide-table .form-control {
	font-size: 13px;
	padding: 2px 4px;

}

.allegati{
	margin-top: 30px;
}
.allegati .table tr th, .allegati .table tr td{
	vertical-align:middle;
	border:none;}

.allegati .table thead tr th{
	background:#A3CEF1;
	color:#333;
	padding:6px .75rem;}
		
.allegati .table thead tr td{
	color:#5b5b5b;}
	
/*** New CSS from 05.07.2022 ***/

.modal-backdrop{
	z-index: 99999;
}
.modal{
	z-index:999999;
}

.slide-table .dataTables_length, .slide-table .dataTables_filter{
	padding:0 0 5px 0;
	margin:0;
}

.slide-table .dataTables_info{
	padding-left: 0 !important;
}
.slide-table .dataTables_wrapper .dataTables_paginate{
	padding-right: 0 !important;
}

.list-partecipant-slide .dataTables_filter{
	margin: 15px 0 0 0 !important;
}

.list-partecipant-slide .dt-buttons{
	padding-left: 0;
}

.list-partecipant-slide .dataTables_length{
	padding-top:10px;
}

.group-box{
	padding: 10px;
    border: 1px solid #cbcbcb;
	margin:5px 0;
	border-radius: 4px;
}

.group-box h5{
	font-size: 15px;
	color: #353535;
	margin-bottom: 15px;
}

.list-partecipant-slide{
	width: 80%;
}

.search-partecipant-slide{
	width: 50%;
}

.financial-box tr th, .financial-box tr td{
	vertical-align:middle !important;
	border:none !important;
}

.financial-box tr td{
	text-align:right !important;
}

.custom-textarea{
	height:100px !important;
}

.financial-box tr th label{
	font-size: 14px;
}

/* New css for view-corso-form[26.07.2022] */
.view-corso-form{
	width: 60% !important;
}

.view-corso-form p{
	font-size:14px;
	font-weight: 600;
	color:#686868;
	margin:0;
}

.view-corso-form  .switch-toggle{
	margin:15px 0;
}

.view-corso-form  .d-flex{
	margin-bottom: 15px;
	border:1px solid #eee;
	padding: 5px;
}

/* New css for piano-assenze page[27.07.2022] */
.piano-assenze-hdng{
	margin-top:15px;
}
.piano-assenze-hdng ul li{
	display:inline-block;
	font-size: 14px;
	margin-right: 15px;
	color:#333;
}

.piano-assenze-hdng ul li label{
	font-weight: 600;
}

#piano-assenze-data tr td:nth-child(1){
	width: 200px !important;
}

#piano-assenze-data tr td:nth-child(13){
	font-size:16px;
	font-weight: bold;
	text-align:right;
}

/*
#piano-assenze-data tr th:nth-child(2),
#piano-assenze-data tr th:nth-child(3),
#piano-assenze-data tr th:nth-child(4),
#piano-assenze-data tr th:nth-child(5),
#piano-assenze-data tr th:nth-child(6),
#piano-assenze-data tr th:nth-child(7),
#piano-assenze-data tr th:nth-child(8),
#piano-assenze-data tr th:nth-child(9),
#piano-assenze-data tr th:nth-child(10),
#piano-assenze-data tr th:nth-child(11){
	text-align: center;
}

*/

.input_of_piano{
	text-align:center;
}
.tot_of_piano{
	text-align:right;
}

.piano_assenze_alert{
	text-align:center;
}

#piano-assenze-data tr td input{
	text-align: center;
	min-width: 48px;
}

.piano_assenze_insert{
	box-shadow:none !important;
}

.compensi-slide .form-control{
	border-width: 2px;
	padding: 4px 10px;

}

.compensi-slide .compensi-price{
	text-align:right
}

.compensi-slide .table tr td span{
	font-weight: 600;
	display:inline-block;
	margin-left: 6px;
	margin-top: 9px;
}

.compensi-textarea{
	height: 100px !important;
}
.compensi-group{
	margin-bottom: 15px;
    border: 1px solid #eee;
    padding: 5px;
}

.compensi-group .table-data-bx{
	margin-top: 0;
}

.date-remove {
	margin-top: -2px;
    text-align: right;
    position: absolute;
    right: 8px;
}

.date-remove a{
	font-size:10px;
	font-weight: 400;
	color:#f72222;
}

.compensi-total{
	margin-bottom: 15px;
    border: 1px solid #eee;
    padding: 5px;
}
.compensi-total .table{
	margin:0;
}

.compensi-total .table tr th{
	border:none;
}

.data-submited{
	display:none;
}

.group-permission{
	margin-top: 1px;
}

.permission-drop{
	font-size:20px;
}


.group-permission .table{
	table-layout: fixed;
	margin-bottom: 0;
}
.group-permission .table tr td{
	position: relative;
	vertical-align:middle !important;
	border:none;
	padding: 4px;
}

.group-permission .switch-toggle{
	margin:0;
}

.other-permissions{
	width: 100%;
	display:none;
}

.group-permission .table thead th{
	border:none;
}

.other-permissions .table tr td{
	height: 37px !important;
}

.group-permission .table tbody{
	border: 1px solid #e4e4e4; 
}

.group-permission .table .blank-tbody{
	border:none !important;
}

.group-permission .table .blank-tbody tr td{
	padding: 0.10rem 0.75rem !important;
}

.other-permissions .table tr td{
	border:none;
}

.other-permissions .table tr td:nth-child(2){
	padding-left: 30px !important;
}

.permission-drop a{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #eee;
	text-align: center;
	line-height: 30px;

}

.other-permissions .table tbody{
	border:none !important;
}

.add-group{
	width: 30% !important;
}

.edit-permission{
	width: 60% !important;
}

.p-control{
	height: 28px !important;
	display:none;
}

.g-name label{
	display:inline-block;
	width: 100px !important;
	margin-top: 4px;
}

.g-name .form-control{
	height: 25px !important;
}


/*CSS for Cron_page.php[08.09.2022]*/
.cron-job-box{
	margin-top:40px;
	width: 100%;
	height: auto;
	padding:30px;
	background:#fff;
	-webkit-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.2);
}

.cron-job-box h5{
	font-size:18px;
}

.check-folder{
	margin-top:40px;
}
.check-folder a img{
	width: 40px;
	margin-right: 10px;
	position: relative;
    top: -4px;
}

.check-folder a{
	font-size:16px;
	color:#000;
}

.xml-btn{
	margin-top:10px;
}

.xml-btn .btn{
	border-width: 2px;
	font-weight: 600;
}

.generate-xml-slide{
	width: 40% !important;
}

.generate-content{
	margin-top: 50px;
}
.generate-content h1{
	font-size:20px;
	color:#000;
	text-align:center;
	text-transform: uppercase;
	line-height: 27px;
}

.generate-btns{
	margin-top: 40px;
	text-align:center;
}
.generate-btns .btn{
	border-width: 2px;
	font-weight: 500;
	font-size: 18px;
	margin:0 10px;
}

.generate-loading img, .import-loading img{
	display:block;
	width: 150px;
	margin:auto;
}

.generate-loading, .import-loading{
	display:none;
	margin-top: 50px;
}

.import-loading{
	margin-top: 10px;
}

.generate-loading h5, .import-loading h5{
	font-size:25px;
	color:#000;
	text-align: center;
}

.import-loading img{
	width: 100px;
}
.import-loading h5{
	font-size: 16px;
}

.import-xml-slide{
	width: 40% !important;
}

#dropFileForm #fileLabel{
	background:rgba(163, 206, 241, .2);
}

#fileLabel i{
	color: #A3CEF1;
}

.slide-form label span{
	color:#000;
}

.imported-s {
	text-align:center;
}
.imported-s img{
	width: 15px;
    display: inline-block;
}

.import-xml-slide .table td, .import-xml-slide .table th {
    padding: 0.35rem 0.75rem;
}
.v-scroll{
	height: 580px;
	overflow-y: auto;
}
/*CSS for Cron_page.php[08.09.2022]*/

.aggiorna-datpicker .form-control{
	width: 96px;
	margin:auto;
	border-width: 2px;
	text-align: center;
}

.pagetitle i{
	margin-right:8px;
	color:#000;
}


@media (min-width: 1536px){ 
	.container {
		max-width: 1366px;
	}
}

@media (min-width: 1920px){ 
	.container {
		max-width: 1645px;
	}
}

/*** Css for Grigioni School ***/


.student-list tr th:nth-child(1),
.student-list tr th:nth-child(2),
.student-list tr th:nth-child(3),
.student-list tr th:nth-child(4),
.student-list tr th:nth-child(5),
.student-list tr th:nth-child(6),
.student-list tr th:nth-child(7),
.student-list tr th:nth-child(8){
	background:#A3CEF1 !important;
}

.student-list tr th:nth-child(9),
.student-list tr th:nth-child(10),
.student-list tr th:nth-child(11),
.student-list tr th:nth-child(12){
	background:#fdd1d1 !important;
}


.student-list tr th:nth-child(13){
	background:#b1db9f!important;
}

.edit-student-list-from{
	width: 70%;
}

.main-form{
	overflow-y: auto;
	overflow-x: hidden;
    height: 850px;
}
.student-list-form h5{
	font-size:14px;
	color: #000;
	text-transform: uppercase;
}

.main-form-group{
	margin-bottom: 10px;
	border:1px solid #e1dddd;
	padding:5px 10px;
	border-radius: 4px;
}

.student-pic img{
	width: 100%;
	border-radius: 6px;
}

.student-name{
	margin-bottom: 10px;
}
.student-name h1{
	font-size:19px;
	color:#353535;
	font-weight:600;
}

.student-list-form h5 a {
    display: inline-block;
    font-size: 18px;
    margin-right: 10px;
    color: #1255d1;
}

.student-list-form .form-group{
	display:flex;
}

.student-list-form label, .communication-from label {
    margin-bottom: 0;
    font-size: 11px;
    display: block;
    width: 200px !important;
	margin-right: 5px;
	text-align: right !important;
}

.student-list-form form .form-control, .communication-from form .form-control {
    height: 22px !important;
}

.form-tab{
	margin-top: 6px;
	display:none;
}

.form-tab h6{
	font-size: 12px;
    color: #000;
	font-weight: 600;
}

.menu-dropdown .menu-dropdown{
	margin-left: 22px;
}

.upload-pic{
	margin-top: 10px;
	padding: 15px;
    background: #f1f1f1;
	text-align: center;
	border-radius: 5px;
}

.upload-pic a{
	color:#75bbf3;
}
.upload-pic a span{
	display:block;
}

.upload-pic a i{
	font-size: 20px;
}


.data-area .container{
	float: left;
	padding-left: 85px;
}

.container-left-padding{
	padding-left: 85px;
	float: none;
}

.special_tab_btn {
    font-size: 15px;
    padding: 0.1rem 0.4rem !important;
}

.move-class-form{
	width:27%;
}

.move-class p{
	font-size: 13px;
    background: #f5f5f5;
    padding: 10px;
    color: #000;
    line-height: 20px;
}

.move-class ul{
	display:flex;
	margin-top: 30px;
	background-color: #75bbf3;
}
.move-class ul li{
	position: relative;
	padding:10px;
}
.move-class ul li:nth-child(1){
	text-align: left;
	width: 60%;
	background:#5caeef;
	clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
}

.move-class ul li:nth-child(2){
	width: 40%;
	text-align: right;
}

.move-class ul li span{
	display:block;
	font-size: 16px;
    font-weight: 600;
	margin-bottom: 10px;
}

.move-class ul li .st-class{
	font-size: 25px;
    font-weight: 600;
	color:#fff;
}

.move-class ul li:nth-child(1):after{
	content: "\f178 ";
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
	font-size: 60px;
    position: absolute;
    top: 0;
    right: 20%;
    color: #28a745;
    font-weight: bold;
	display:none;
}

.main-form-move-class{
	margin-top: 0;
}

.move-class .form-control {
	background: none;
    border: none;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    height: auto !important;
	box-shadow: none !important;
	padding:0 !important;
	position: relative;
    top: -5px;
	text-align: right;
	
	
}


.move-class .form-control option{
	color:#000;
}

.single-form-group{
	margin-bottom: 10px;
    border: 1px solid #e1dddd;
    padding: 5px 10px;
    border-radius: 4px;
}

.single-form-group .form-group{
	margin-bottom:0;
}

.single-form-group .form-control{
	padding: 0.1rem 0.75rem;
}
.student-list-form form select.form-control, .communication-from form select.form-control{
	padding: 0.1rem 0.75rem;
}

.new-btn .btn-generate{
	color: #28a745 !important;
    border-color: #28a745 !important;
}

.new-btn button.btn-generate:hover{
	background-color: #28a745 !important;
	color: #fff !important;
}

.slide-form h2{
    margin-top: 5px !important;
}

/*anno-scolastico page css 02.0102023*/

.anno-scolastico-list{
	margin-top: 0;
}

.anno-scolastico-list .table{
	margin-bottom: 0;
	border: none !important;
	table-layout: fixed;
	width: auto !important;
}

.dropdown-btn a{
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #83adcf;
	font-size: 18px;
	color: #fff;
	border-radius: 50%;
}

.anno-scolastico-sub-list{
	border-bottom: 1px solid #ccc;
}

.anno-scolastico-sub-list-details{
	padding-left: 80px;
	padding-bottom: 10px;
	display: none;
}

.anno-scolastico-sub-list-details .table tr td{
	padding: 0.25rem  0.75rem;
}

.anno-scolastico-sub-list-details .table tr th {
    color: #333;
    background: #ffcccc;
	font-size: 13px;
}

.list-add-btn {
	text-align: right;
}
.list-add-btn .btn{
	position: relative;
	font-size: 12px !important;
	background: #018d37 !important;
    border-color: #018d37 !important;
    color: #fff !important;
    border: none !important;
    padding: 6px 30px !important;
	overflow: hidden;
	font-weight: 600;
}

.list-add-btn .btn:hover{
	background: #015e24 !important;
}

.list-add-btn .btn span.btn-icon::after {
    content: '';
    width: 31px;
    display: inline-block;
    background: #015e24;
    position: absolute;
    z-index: 9;
    height: 100%;
    top: 0px;
    right: 0px;
}

.list-add-btn .btn span.btn-icon i{
	position: relative;
	left: 20px;
	z-index: 99;
}

.slide-form h2 {
    margin-top: 5px;
}

.class-add-slide-form{
	width: 30%;
}

.class-add-slide-form .main-form{
	margin-top: 15px;
}

.class-add-slide-form .form-group{
	display:block;
	margin-bottom: 10px;
}

.class-add-slide-form form .form-control{
	height: 36px !important;
}

.slide-form label{
	text-align: left !important;
	width: auto;
}
.anno-scolastico-list{
	display: inline-block;
	width: auto;
}
.table-data-bx .table tr td a{
	margin: 0;
}

.display-none{
	display: none;
}

.anno-scolastico-add-btn{
	margin: 40px 0 10px 0;
	text-align: left !important;
}

.anno-scolastico-add-slide-form{
	width: 50%;
}

.anno-scolastico-add-slide-form .form-group{
	display:block;
	margin-bottom: 10px;
}

.anno-scolastico-add-slide-form form .form-control{
	height: 36px !important;
}

.anno-scolastico-add-slide-form .main-form {
    margin-top: 15px;
}

.check-tick img{
	width: 15px;
}

.add-more-anno a{
	color: #018d37;
}

.bold-label{
	font-weight: 600;
}

.student-name h1{
	margin-top: 5px;
}

.table-data-bx .table tr td a.edit-class-btn{
	font-size: 15px;
    padding: 0.1rem 0.4rem !important;
}

.student-list-form{
	margin-top: 0 !important;
}

/*25.01.2023 Calendar page for desktop*/

.calender-table{
	width: 100%;
	margin:5px auto 0;
}

.calender-table .table thead tr th,
.calender-table .table tbody tr td{
	vertical-align: middle !important;
	position: relative;
}

.calender-table .table thead tr th{
	background: #A3CEF1 !important;
	padding: 10px 10px !important;
	font-size: 14px;
	text-align: center;
}

.calender-table .table tbody tr td.c-time{
	background-color: #eee;
	font-size: 16px;
}

.booking{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: #F1B7F8;
	height:auto;
	z-index: 99999;
}

.booking-time{
	width: 100%;
    height: 21px;
	line-height: 21px;
    background: #333;
    color: #fff;
    text-align: center;
}

.booking-name{
	width: 100%;
	line-height: normal;
	text-align: center;
	font-size: 11px;
	padding-top: 4px;
}


.calender-date .form-group {
    display: flex;
}

.btn-group {
    width:auto;
}

.date-group {
    width: 200px;
	margin: 0 5px;
}

.calender-date{
	margin-top: 30px;
}

#ui-datepicker-div{
	z-index: 9999999999999999 !important;
}

.pagetitle {
	margin-top: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

.mob-nav-btn{
	display: none;
}

.btn-icons-cal .btn{
	margin: 0 2px !important;
}

.mainto-link a{
	color: #000 !important;
}


::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
  }
  
  ::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .5);
	box-shadow: 0 0 1px rgba(255, 255, 255, .5);
  }

.input-date-gap{
	display: flex;
}

.add-lesson-from, .edit-lesson-from{
	width: 70% !important;
}
.input-date-gap .lesson_start_hour, 
.input-date-gap .lesson_end_hour,
.input-date-gap .lesson_start_hour_add,
.input-date-gap .lesson_end_hour_sdd{
	margin-right: 6px;
}

.send-info-wrap{
	position: relative;
	text-align: center;
	margin: 15px 0 6px 0;
}

.send-info-wrap .btn{
	border-width: 2px;
	font-weight: 600;
}

.send_info_alert_11050{
	display: inline-block;
	margin-left: 10px;
    position: absolute;
    top: 9px;
}

/*pdf drag and drop css*/
#dropFileForm_add {
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
    transition: 0.5s;
}

#dropFileForm_add #fileInput_add {
    display: none;
}

.upload-pic #dropFileForm_add #fileLabel_add {
    text-align: center !important;
    padding: 30px !important;
    width: 100%;
}

#dropFileForm_add #fileLabel_add {
    background-color: rgba(255, 0, 25, 0.1);
    display: block;
    padding: 50px;
    position: relative;
    cursor: pointer;
}

#dropFileForm_add #fileLabel_add {
    background: rgba(163, 206, 241, .2);
}

#dropFileForm_add #fileLabel_add i{
	font-size: 40px;
}

.upload-pic{
	padding: 0;
}

.documentiPDF_form{
	width: 45%;
}

#documentiPDF_datatbl thead tr th:nth-child(1),
#documentiPDF_datatbl tbody tr td:nth-child(1){
	padding-right: 25px !important;
	text-align: right !important;
	width: 100px !important;
}