@import url('https://fonts.googleapis.com/css2?family=Montserrat: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');
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,700&subset=cyrillic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,600&subset=latin,latin-ext,cyrillic-ext);


*,
*:after,
*:before {
	-webkit-tap-highlight-color: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

select::-webkit-scrollbar {
    display: none;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clear, .clearfix:after {
	clear: both;
}

.bold {
	font-weight:600;
}

.upper {
    text-transform: uppercase;   
}

.accent {
    color: var(--col3);
    font-weight:500;
}

html, body {
	font:14px "Montserrat";
    
	color:#545454;
	height:100%;
	margin:0;
	padding:0;	
	scroll-behavior: smooth;
	cursor: auto;
}

.content {
	min-height:100%;
	margin-bottom:-120px;	
}

h2 {
    font-size: 18px;
	font-weight: 500;
   /* max-width: 320px;*/
    text-align:center;
	margin:15px auto 0 auto;
}

p, ul {
	line-height:150%;
}


a {
  
  color: #AAA;
  text-decoration: none;
  outline: none;
}


p a img {
	width:20px;
	height:20px;
	position:relative;
	top:5px;
	filter: invert(76%) sepia(70%) saturate(498%) hue-rotate(17deg) brightness(95%) contrast(81%);
    /*filter: var(--fil3);*/
}


.bold a img {
	top:5px;
    filter: invert(61%) sepia(77%) saturate(5170%) hue-rotate(343deg) brightness(92%) contrast(91%);
}


h1 {
	font-size:22px;
	text-align: center;	
}

.header {
    display:flex;
    align-items:center;
   /* justify-content:center;*/
    text-align: center;
	background:#FFF;
	position:relative;
	padding:15px 0;	
	/*height: 150px;*/
}

.logo, .lang, .home, .logout, .header .theme {
	width:20%;
	display:block;
	text-align:center;
	float:left;
}

.logo {
	width:60%;
		
}

.logo img, .photo .img {
    max-height: 130px;
    max-width: 210px;
/*	width: auto;
    height: auto;*/
}


.lang img, .home img, .logout img {
	width:32px;
	height:32px;
	text-align:center;
	filter: invert(34%) sepia(1%) saturate(548%) hue-rotate(4deg) brightness(90%) contrast(86%);
}


.theme img {
   width:30px;
   height:30px;    
   filter: brightness(0) saturate(100%) invert(51%) sepia(42%) saturate(389%) hue-rotate(4deg) brightness(96%) contrast(82%);
}

img.dark {
   height:25px;    
}

.lang  {
	font-size:18px;
	font-weight:600;
	color:#545454;
	text-align:center;
	text-transform:uppercase;
 }


.tab_container {
	width: 100%;
	margin: 0;
	padding:0;
	position: relative;
}


.menu {
	display:flex;
	justify-content: center;
	height:55px;
	background-image: linear-gradient(to bottom, var(--col1), var(--col2));
	padding: 8px 8px 0 8px;
}

.menu .tab {
  font-size:14px;
  font-weight:600;
  color: #fff;
  text-shadow:1px 1px #000;
  text-transform:uppercase;
  display: block;
  float: left;
  width: 20%;
  max-width:200px;
  padding: 10px 0;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}

.menu .tab:hover {
	color:#FAFAFA;	
}

.tab .new, .table .new, .table .new2, .table .new3 {
	font-size:10px;
	font-weight:600;
	background:#e2582f;
	color:#FFF;
	text-shadow:1px 1px #000;
	display:inline-block;
	width:20px;
	height:20px;
	padding-top:3px;
    padding-right:1px;
	position:relative;
	text-align:center;
	top:-18px;
	border-radius:50%;
}

.table .new, .table .new2, .table .new3 {
    top:0;  
}


.active .new {
	display:none;	
}

.table .new,.table .new2, .table .new3 {
	/*top:-7px;
	left:3px;*/
	width:12px;
	height:12px;
}

.table .new2 {
	background:#a9c125;
}

.table .new3 {
	background:#F7931E;
}

.tab-content {
	min-height:250px;
	background:#FFF;
	padding: 0 8px 50px 8px;
}



.tab-content h3, h3  {
  font-size:16px;
  font-weight:550;
  text-align: center;
  text-transform:uppercase;
}


.tab-content h3 img, .date img {
	filter: var(--fil3);
	width:22px;
	height:22px;
    margin-right:5px;
    vertical-align: sub;
    
}

#modules a .fil1 {
    filter: var(--fil3);  
    width:25px;
	height:25px;
}

.table td.nopad, .table .tbody td.nopad {
    padding:10px 0;    
}

.tab-content h3 .greenf {
 
    filter: invert(76%) sepia(70%) saturate(498%) hue-rotate(17deg) brightness(95%) contrast(81%);

}

.tab-content h3 .events {
    width:26px;
	height:26px;
    position: relative;
    top:3px;
}

.tab-content h3 .bills, .tab-content h3 .payments {
    position: relative;
    top:-1px;

}




.tab-content p, .tab-content .photo {
	text-align:center;
	font-size:14px;	
}

.menu .active {
  background: #fff;
  color: #545454;
  text-shadow: none;
  border-radius: 10px 10px 0 0;
  
}

.submenu a {
        
}



.tab img {
	width:22px;
	height:22px;
	margin-right:6px;
	filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(287deg) brightness(102%) contrast(100%);
}

.tab .events {
   	width:26px;
	height:26px;
}


.menu .active img {
    
    filter: var(--fil2);
	/*filter: invert(40%) sepia(9%) saturate(3701%) hue-rotate(161deg) brightness(92%) contrast(76%);*/
}



.menu .active:hover {
	color:inherit;	
}



.tab span i {
	position:relative;
	top:-5px;
	font-style:normal;
}

.tevents span i {
	top:-8px;
	
}



.push {
	height:130px;	
}

.footer {
	display: flex;
    line-height: 150%;
  	align-items: center;
 	justify-content: center;
	text-align:center;
	/*background:#545454 url(../img/flogo.svg) no-repeat center  center; 
	background-size:150px;*/
	background:#333;
	height:130px;
	border-top: 4px solid var(--col3);
	color:#CCC;
	text-shadow: 1px 1px #000;

	
}

.footer .col {
	width:40%;
	float:left;	
}

.footer .p {
	width:30%;
}

.footer .col a {
    font-weight:500;
	color:#CCC;
}


/*** Tables ***/
.table {
    max-width: fit-content;
	border-collapse:collapse;
	border:none;
    white-space: nowrap;
    display: block;
    overflow: auto;
	margin:15px auto;
}

.rtable .table {
    display:table;        
}

#notif {
    white-space: normal;
}

.table td {
	font-size:13px;
	/*text-align:left;*/
	border:none;
	border-bottom:1px solid #DADADA;
	padding:10px 8px;
}

.table td.text {
   padding:20px 0;  
}

.table td.buttons {
/*    max-width: 150px;
    overflow: auto;*/
}


.table td.tcheck {
    vertical-align: middle;  
}

.table .total td {
   border-bottom:none; 
}

.table .center, .center {
	text-align:center;
	vertical-align: middle;
}

.table .left, .left {
	text-align:left;
}




/*.table .title {
	font-size:15px;	
}*/

.table .pphoto {
	text-align:center;	
}

.pphoto a {
    display: inline-block;
}


.table .name:hover {
	cursor:pointer;	
}

.tbody tr:nth-child(odd), .eplayers tr:nth-child(odd), .table .r0, .table .row:nth-child(odd) tr {
	background:#FAFAFA;
}

.tbody tr:nth-child(odd) .input, .table .r0 .input {
    background:#FFF;
}


.tbody, .eplayers {
 border-bottom:2px solid #545454;   
}

.table .labels {
	background-image: linear-gradient(to bottom, var(--col1), var(--col2));
	font-size:12px;
    font-weight:600;
	color:#FFF;
	text-shadow:1px 1px #000;
}

/*.table .labels td {
    min-width: 95px;
}*/

.table .actions a {
    vertical-align: middle;
	
	padding:5px;
	
}

.table .actions a:last-child {
	margin:0;
}


.actions a {
	vertical-align: middle;
}

.table a img, h2 a img {
	width:20px;
	height:20px;
    vertical-align: middle;
	filter: invert(76%) sepia(70%) saturate(498%) hue-rotate(17deg) brightness(95%) contrast(81%);
    position: relative;
    top:-1.5px;
}

.table a.info img, .table a.move img, .labels .buttons img {
    
}



.table .refresh img {
    width:22px;
    height:22px;    
}



.table .n3 img {
	filter: invert(74%) sepia(33%) saturate(5293%) hue-rotate(347deg) brightness(101%) contrast(94%);
}

.table a.active {
	color:#a9c125;
    
}

.table a.kevin img {
	width:18px;
	height:18px;
	filter: invert(34%) sepia(1%) saturate(548%) hue-rotate(4deg) brightness(90%) contrast(86%);	
}



/*Media query*/
@media only screen and (max-width: 499px) {
	
  .active img {
	filter: invert(29%) sepia(6%) saturate(13%) hue-rotate(347deg) brightness(98%) contrast(80%);
  }
  
  
  .tab-content p {
	  text-align:center;
  }
  
  .desk {
	display:none;
  }
  
  
  .footer .p a img {
	 width:28px;
	 height:28px; 
	
  }
  
  .tab .new {
 	 right: 5px;
  }


}


/*Media query*/
@media only screen and (max-width: 900px) {

.tab span i {
	display:none;  
  }
  
.tab img {
	margin:0;
  }
	
.footer .p a img {
    width: 28px;
    height: 28px;
}	
    
.footer .p a span {
	display:none;	
 }  
	

    
    
}


#logform .inputs {
	display:flex;
	justify-content:center;	
}


.label {
	width:calc(50% - 15px);
	float:left;
	margin:15px 0 0 15px;
	box-sizing:border-box;
}

form {
    margin-left:-15px;
    /*min-width: 320px;
	position: relative;
    right: 13px;*/	
}
	

@media (max-width: 500px) {
	.label {
		width:calc(100% - 15px);
	}
	
	.w50 {
		width:calc(50% - 15px);
	}
	
	
	.table .title {
		font-size:14px;	
	}
    
	
		
/*	.logo img {
    	width: 130px;
	}*/
	
	.footer .col {
		width:60%;
	}

	.footer .p {
		width:20%;
	}	
    
    .footer .p {
		width:20%;
	}
    
    /*#players .name, #clients .name {
        max-width:165px;
        min-width:165px;
        overflow:scroll;
    }*/
    
    
	
}

@media (min-width: 501px) {
	
	.label {
		width:calc(50% - 15px);
	}
    
    
	.mob {
		display:none;	
	}
    
    .event .descr {
        max-width:750px;
        margin:0 auto;
    }
	
	

}

.wdate {
		width:calc(33.333% - 15px);
	}
    


@media (min-width: 500px) {
	
	/*.label {
		width:calc(33.333% - 15px);
	}
    
    form {
        max-width:750px;
        margin:0 auto;
        padding-right:15px;
    }*/
    
    form .submit {
        position: relative;
        left: 7px;    
    }
	
	.mob {
		display:none;	
	}
	
	.wdate {
		width:calc(16.666% - 15px);
	}
	
	.w50 {
		width:calc(25% - 15px);
	}
    
    #addg {
        max-width:700px;
        margin:0 auto;
        padding-right:15px;
    }
    
    #addg .w50 {
       width:calc(50% - 15px);  
    }
   
}

form .submit {
    position: relative;
    left: 7px;    
}


.label span {
	display:block;
	font-weight:500;
	margin-bottom:6px;	
	padding-left:10px;
}

.selects .label span, div.selects span {
	padding-left:0;
  
}

.select2 span {
    margin-bottom:0;    
}


.label .sel span  {
    font-weight:normal;
    padding-left:0;
    margin-bottom:0;
}


.label span a {
	font-weight:500;
/*vertical-align: middle;
  float:right;
  margin-right:10px;*/
}


.label input, .input, .label select, .label textarea, .mselect {
	font:13px "Montserrat";
    color:#545454;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	background:#FBFBFB;
	border:1px solid #DADADA;
	border-radius:10px;
}

.input, .mselect {
    font-size:13px;
    overflow: hidden;
    padding:5px 10px;
    height: auto;
}

.input::placeholder {
    color:#999;   
}

/*.label #address, .label #address2 {
    height:42px;
}*/

.label input:focus, .input:focus, .label select:focus, .label textarea:focus {
	border:1px solid var(--col1);
	outline:none;
}


.label select {
	padding:9px 10px;
   /* height: 40px;*/
}


.label textarea, textarea {
	height:150px;	
}

.label .error, .label .error:focus {
	color:inherit;
	border:1px solid #e2582f;	
}

a.error, p.error, td.error, strong.error, #message strong.error, .message strong.error, .messagebox strong.error, #schedule strong.error {
	font-weight:600;
	color:#e2582f;
}


.grey, td.error .grey {
	color:#545454;	
}


.gname {
     font-weight:500;   
}

.success, .orange, td.green {
	font-weight:500;
	color: #a9c125;
}

p.success {
     margin-top:25px;   
}

/*.success {
	color:#545454;
}*/

.orange {
	color:orange;	
}

.green {
   display:inline-block;
   padding:2px 5px;
   color:#FFF;
   background-color:#a9c125;
   border-radius: 5px;
    
}

.blue {
    color: #0799C8;  
}


.submit, #events .submit,  .label input.submit {
	background-image: linear-gradient(to bottom, var(--col1), var(--col2));
    /*background-image: linear-gradient(to bottom, #777, #545454);*/
	color:#FFF;
	font: 14px "Montserrat";
    font-weight:500;
	text-align:center;
	text-shadow: 1px 1px #000;
    display:block;
    min-width:80px;
	margin:10px auto;
	padding:10px 20px;
	border:none;
	border-radius:10px;
}

#events form .submit {
   	position: relative;
    left: 8px; 
}

#send0 .submit {
     left: 0;    
}

a.submit {
	display:inline-block;
	margin-top:0;
}

.submit:hover {
    filter: brightness(110%);
	background-image: linear-gradient(to bottom, var(--col1), var(--col2));
	cursor:pointer;
    
}

#message, .message {
	min-width:300px;
	text-align:center;
	margin:20px auto;	
}


.close img, .table .close img, h3 .close img, .table .del img, .table a.closesum img, 
h3 .toggle img.close {
	filter: invert(61%) sepia(77%) saturate(5170%) hue-rotate(343deg) brightness(92%) contrast(91%);
}


.close .add, .table .close .add {
	width:20px;
	height:20px;
	filter: invert(76%) sepia(70%) saturate(498%) hue-rotate(17deg) brightness(95%) contrast(81%);
    top:-1px;
}

.close .add {
    top:5px;
}



.table p.close img {
	width:20px;
	height:20px;
}




.table .sphoto img, .table .sphoto .pphoto img {
	width:60px;
	height:60px;	
	border-radius:50%;
	filter: invert(100%) sepia(0%) saturate(1853%) hue-rotate(8deg) brightness(85%) contrast(103%);
}

.table .sphoto, .table .covid {
    width:60px;
}

.table .sphoto .img {
	width:60px;
	height:60px;	
	filter: none;
	object-fit: cover;	
}

.sphoto .close {
	display:none;	
}

p.photo a {
	display:block;	
}

.photo .action img, .table .pphoto .action img {
	width:20px;
	height:20px;
    top:-1px;
	filter: invert(61%) sepia(77%) saturate(5170%) hue-rotate(343deg) brightness(92%) contrast(91%);
}

.photo .action img {
    top:5px;
}


#content #loader {
	width:100px;
	height:100px;
	margin-top:50px;
}

.rotate {
	animation-name: ckw;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	filter: invert(54%) sepia(0%) saturate(716%) hue-rotate(137deg) brightness(86%) contrast(82%);
}

@keyframes ckw {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



.table .pphoto img, .photo img {
	width:120px;
	height:120px;
    object-fit: cover;
	filter: invert(100%) sepia(0%) saturate(1853%) hue-rotate(8deg) brightness(85%) contrast(103%);	
}



.photo .img, .table .pphoto .img  {
	margin-top:10px;
	filter:none;
	border-radius:50%;
}



.photo #norad, .pphoto #norad {
	border-radius:0;
    width:auto;
    height:auto;
}

.pphoto #norad {
    max-width:180px;
    border: 4px solid var(--col3);
    border-radius: 15px;
}


.tab-content .pc {
	margin-top:-10px;
	/*font-size:13px;
	color:#CCC;*/
}

.pc a {
	color:#545454;	
	margin-left:5px;
}


.cono img, .work img, .table .date img, .table .type img {
	filter: invert(54%) sepia(0%) saturate(716%) hue-rotate(137deg) brightness(86%) contrast(82%);
	top:3px;
}


.data div {
    margin-top:5px;   
}

.data img {
	width:18px;
	height:18px;
    filter: var(--fil3);/*invert(34%) sepia(1%) saturate(548%) hue-rotate(4deg) brightness(90%) contrast(86%);*/
} 

.data a, .data img {
    vertical-align: middle;   
}

.bold .toggle {
	display:block;
	width:100%;
	height:100%;	
}

.table .toggle, .table .name, .table .rlink {
	font-weight:500;
    /*padding:10px 6px;*/
}

#events .toggle, #events .name, #events .rlink {
/*    min-width: 180px;
    max-width: 180px;*/
}



.table .labels .name, .table .labels .rlink {
    font-weight:600;
}


.table .toggle span, .table .name span, #attend .date a {
	font-size:13px;
    font-weight:400;
    display:block;
	color:#AAA;	
    max-width: 205px;
    white-space: normal;
}



.toggle:hover, .rlink:hover, .rtoggle:hover, .toggle2:hover {
	cursor:pointer;	
}

.table td.open, .table td.active  {
	color:var(--col3);
  /*  font-weight:550;*/
}


a.grey  {
    color: #AAA;
    font-weight: 500;
}


.open td {
	border-bottom:none;
}

/*.table .open a img {
	filter: invert(54%) sepia(0%) saturate(716%) hue-rotate(137deg) brightness(86%) contrast(82%);	
}*/

.pc a img {
	top:4px;	
}

.footer .col img {
	width:20px;
	height:auto;
	vertical-align: middle;
	filter: invert(0.8);
}

#players strong, #schedule strong, #send0 strong {
	font-weight:500;
	color:var(--col3);	
  
}

#players strong.error {
     color:var(--col3);   
}

#schedule .grey {
    color:#aaa;
}




.table table {
	border-spacing:0;
    border-collapse: separate;	
}


.table .phone span {
    display: inline-block;
	width:110px;
    vertical-align: middle;
}

.table .phone span, .table .num {
    font-feature-settings: 'tnum';
    letter-spacing:-0.8px;
}


.table .tbody td {
    vertical-align: middle;
}

.table .tbody td span {
    /*vertical-align: middle;  */  
}

.table .text table td {
	border-bottom:1px solid #DADADA;
	
}

.table td.right {
	text-align:right;
}	


.select a {
	padding: 0 10px;
    height: 38px;
    min-width: 40px;
    /*width: calc(50% - 10px);*/
    text-align: center;
    background: #FBFBFB;
    border: 1px solid #DADADA;
    border-radius: 10px;
    display: inline-flex;
    align-content: space-around;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 7px 0 0;
}


.select .act {
	color:#545454;
	
	border:1px solid var(--col1);
}


/*.table .contact img {
	width:18px;
	height:18px;
	position:relative;
		
}*/

.users .pphoto .img {
	width:50px;
	height:50px;	
}

.lng a {
	text-transform:uppercase;	
}

.lng a img {
	filter:none;	
}

.sclear img, .sclear2 img {
	width:23px;
	height:23px;
	position:relative;
	top:10px;
	margin-left:10px;
	filter: invert(61%) sepia(77%) saturate(5170%) hue-rotate(343deg) brightness(92%) contrast(91%);	
}

.sclear2 img {
	margin-left:0;
}

.table a .ulogin, .logout img  {
	filter: invert(34%) sepia(1%) saturate(548%) hue-rotate(4deg) brightness(90%) contrast(86%);
}

.logout img {
	width:32px;
	height:32px;
	/*position:relative;
	top:47px;*/
}

/*.tab-content .submenu {
	margin-bottom:15px;	
}*/

.event .descr .submenu {
    text-align: center;    
}

.submenu a {
	font-size:15px;
	/*font-weight:600;
	text-transform:uppercase;
    padding-top:15px;*/
}


.submenu .active {
	border-bottom: 2px solid var(--col2);
}


.label .search {
	background:#FBFBFB url(../img/search.svg) no-repeat 10px center;
	background-size:20px;	
	padding-left:35px;
}

.label .disabled {
	background:#EEE;
	color:#AAA;
	border:1px solid #CCC;
    pointer-events:none;
}

.table .pass img {
	width:20px;
	height:20px;
	filter: invert(34%) sepia(1%) saturate(548%) hue-rotate(4deg) brightness(90%) contrast(86%);
}


p.photo a.hide, .hide {
	display:none;	
}




.table .day {
    min-width:120px;
    max-width:150px;
	text-align:center;	
	vertical-align:sub;
	border-bottom:none;
	padding:10px 5px;
}

.table .today {
	background-image: linear-gradient(to bottom, var(--col3), var(--col3));
}



.table .day div {
	background: #FBFBFB;
    border: 1px solid #DADADA;
	margin-top:10px;
	padding:5px 6px;	
	border-radius:10px;
    white-space: normal;
}

.table .day div.accent {
   /* background:#f0fff0;*/ 
    border: 1px solid var(--col3);    
}



.table .labels .day {
	text-transform:none;	
}

.table .labels .day a {
	color:#FFF;	
}


.label strong {
	margin-left:25px;		
}

#schedule {
	table-layout:fixed;	
}

.rlink:hover {
	cursor:pointer;	
}

#test {
	width:15px;
	height:15px;
	position:relative;
	top:-1px;
}

.test {
	color:#e2582f;	
}

.text h2 {
	font-size:16px;
	font-weight:500;	
}

.tab-content .text p {
	font-size:14px;
	text-align:left;	
	max-width:100%;
	margin:10px 0;
}

.tab-content .text ul {
	font-size:14px;	
	line-height:150%
}

.tab-content .text a {
	color: var(--col3);
	/*font-weight:500;*/
}

.table p strong {
	font-weight:500;
	color:#545454;	
}

.text img {
	max-width:375px;
		
}

.table .c19type, .table .ptype, .table .chdate, #salaries input, #salaries select, #events input {
	font:13px "Montserrat";
    /*color:#545454;
	background:#FBFBFB;*/
    border:1px solid #DADADA;
    border-radius:10px;
	outline:none;
    padding:5px;
    /*vertical-align: middle;*/
}

/*.table .name, #attend .name, #attend .rlink {
    text-align: left;
    font-weight: 600;
    min-width: 50px;
}*/

#salaries input {
    width:60px;
    text-align:center;   
    margin:0 5px;
}


.table .covid a {
	padding:5px;	
}

.table .covid a img {
	position:relative;
	top:2px;
}

/*.input option {
	padding:3px 5px;
	
}

.input option::selection {
    background-color:#000;
}

.input option:checked { 
    background: var(--col2);
    color:#FFF;
}*/

#attend td, #salaries td {
	/*height:55px;
	font-size:13px;
	text-align:center;*/	
}



#salaries td {
    vertical-align: middle;
}

#salaries .left {   
   text-align:left;	
    max-width:250px;    
}

/*.table .name, #attend .name, #attend .rlink {
	text-align:left;
	font-weight:500;
    min-width:50px;
}*/

#attend td a {
	
	color:#545454;	
}

#attend td .yes, #attend td .na, #attend td .no,
#sms td .yes, #sms td .na, #sms td .no {
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#a9c125;
	
}

#attend td .na, #sms td .na {
	background:#aaa;
}

#attend td .no, #sms td .no {
	background:#e2582f;
}


#attend .total {
	font-weight:600;	
}

#attend .total .yes, #attend .total .na, #attend .total .no {
	display:inline;
	background:none;
	color:#a9c125;	
}

#attend .total .na {
	color:#aaa;	 
}

#attend .total .no {
	color:#e2582f;	 
}

/*.table .billsum {
	width:15px;
	height:15px;
	position:relative;
	top:-1px;
	left:8px;
}*/

#total {
	font-size:20px;	
}

a.submit {
	display:inline-block;	
}

.table .chsum {
	position:relative;
	top:3px;	
}

.table .chsum img {
	width:18px;
	height:18px;
}

.table .minus img {
	filter: invert(61%) sepia(77%) saturate(5170%) hue-rotate(343deg) brightness(92%) contrast(91%);
}


/*#attend, #players, #clients, #salaries, #graph, #schedule {
  min-width:320px;
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  margin:20px auto;
  outline: none;
}



.tbody {
    display: block;
    overflow-x: auto;
}*/


#attend td {
    font-size:13px;
    text-align: center;
    padding:5px 8px;
}

#attend .tbody td {
    height:50px;
}



#attend td.left {
	text-align:left;
    min-width:200px;
}

.table a img.kevin {
	filter: invert(54%) sepia(0%) saturate(716%) hue-rotate(137deg) brightness(86%) contrast(82%);
	width:15px;
	height:15px;
		
}




@media only screen and (max-width: 700px) {
	
.text img {
	max-width:100%;
}



.table .covid span {
	position:relative;
	top:0;
}

.table .c19type {
	margin:5px 0;	
}

.table .covid a .add {
	top:8px;
}

#attend td {
	font-size:13px;
}


	
}




#back.show {
    opacity: 0.9;
}


#back {
	font-family:"Open Sans";
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    background: #f5f5f5;
    color: #545454;
    cursor: pointer;
    border: 0;
    border-radius: 50%;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}


#attend a img, .toggle a .ulogin {
	width:20px;
	height:20px;
}	

.tab-content .ps {
	font-size:14px;	
	max-width:300px;
}

td strong {
	font-weight:500;	
}

.sinput {
	font-family:'Montserrat';
	width:80px;
	border:1px solid #DADADA;
	font-size:14px;
	font-weight:500;
	color:#545454;
	outline:none;
	border-radius:10px;
	text-align:center;
	padding:3px 5px;
	margin:0 auto;
}

.sinput:hover {
	border:1px solid #a9c125;	
}

input.hide {
	display:none;	
}


.coaches {
    display: block;
    white-space: normal;
    color: #545454;
    margin-top:5px;
}

.coaches a {
    font: 15px "Montserrat";
   /* color:inherit;*/
    font-weight:500;
    display: inline-block;
    margin:5px 0;
    width: auto;
    text-align: center;
}


.coaches a.hidden {
    display: none;
}


.coaches .disable {
  pointer-events: none;
  cursor: default;
}



span.attend {
   display:inline-block;
    padding:0 4px;
}

.table tbody tr.y {
    background:#D4FFD5;
}

.table tbody tr.n {
    background:#FFE2E0;
}

select.select, textarea.select, .jumpmenu {
    font: 15px "Montserrat";
    color: #545454;
    background: #FBFBFB;
    border: 1px solid #DADADA;
    border-radius: 10px;
    outline: none;
    margin:16px 5px 0 0; 
    padding:9px 10px;
    max-width:220px;
}

.jumpmenu {
    font-size:15px;
    text-align: center;
    float:none;
    min-width:220px;
    margin-top:0;
    border-radius:10px;
}

#send0 textarea.select {
    max-width:100%;  
    text-align:left;
    width:calc(100% - 15px); 
    margin:5px 0;
}


.labels input[type='checkbox'] {
    /*accent-color:#fff;*/
}

.table .day .my {
    border:1px solid #a9c125;
}

.sal {
    width:60px; 
    text-align:center; 
    padding:5px;
}

.table a.adds {
}

.tbody tr.labels, .eplayers tr.labels2, tr.labels2 {
	background:#EEE;
    color:#545454;
    text-shadow:none;
}


.table .players img {
    width:18px;
    height:18px;
}

.table .group {
    font-size:12px;
    display:block;
}

.counter a {
    display:inline-block;
    margin:5px 2px;
}

.buttons a {
    margin:0 4px;
    vertical-align: middle;
    display: inline-block;
    
}

.buttons div {
    display: inline-block;
}

.buttons .orange img, #send0 .orange img {
    /*filter: invert(54%) sepia(0%) saturate(716%) hue-rotate(137deg) brightness(86%) contrast(82%);*/
    filter: invert(69%) sepia(52%) saturate(3031%) hue-rotate(347deg) brightness(100%) contrast(94%);
}

.buttons .grey img {
    filter: invert(54%) sepia(0%) saturate(716%) hue-rotate(137deg) brightness(86%) contrast(82%);
}

.buttons .white img {
    filter: invert(85%) sepia(88%) saturate(0%) hue-rotate(236deg) brightness(104%) contrast(103%);
}



input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


.input.input[type=number] {
  text-align:center;
}

.table .tbody .my {
   /*border:1px solid #eee;*/
}

.transfers .input {
    font-size:13px;
}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 38px;
  top:5px;

}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

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

.ch:checked + .slider {
  background-image: linear-gradient(to bottom, #777, #545454);
}

.ch:focus + .slider {
  box-shadow: 0 0 1px #777;
}

.ch: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%;
}

.chlabel {
    position:relative;
    top:13px;
    left:5px;
}


.table a img.redf, img.redf {
	width:20px;
	height:20px;
	filter: invert(61%) sepia(77%) saturate(5170%) hue-rotate(343deg) brightness(92%) contrast(91%);
}

.table a img.whitef {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(152deg) brightness(103%) contrast(103%);
}

.table a img.greyf, img.greyf, .table a.greyf img  {
	filter: invert(34%) sepia(1%) saturate(548%) hue-rotate(4deg) brightness(150%) contrast(86%);
}

.table a img.lightf, img.lightf, .table a.lightf img  {
	filter: invert(83%) sepia(0%) saturate(0%) hue-rotate(87deg) brightness(98%) contrast(95%);
}



.table a.greenf img, .table a.greenf img, h3 .toggle img  {
    /*filter: var(--fil3);*/
	filter: invert(76%) sepia(70%) saturate(498%) hue-rotate(17deg) brightness(95%) contrast(81%);
}

img.orangef {
    filter: invert(54%) sepia(86%) saturate(874%) hue-rotate(353deg) brightness(94%) contrast(90%);
}


#graph td {
	font-size:12px;
	font-weight:500;
	min-width:50px;
	min-height:35px;
	text-align:center;
	border: 1px solid #DADADA;
    /*padding: 12px 5px 8px 5px;*/
	position:relative;
}

#graph td.accent {
    background:#f0fff0;    
}

#graph .labels {
	border-left: 2px solid #777;
	border-right: 2px solid #777;
}

#graph .labels td {
    font-weight:600;
	border:none;
}

#graph td.br {
	border-right:2px solid #555;	
}

#graph tr.bold {
	font-weight:500;
	border-left:2px solid #555;	
	border-bottom:2px solid #555;	
}

#graph tr:nth-child(even)  {
    
	border-bottom:2px solid #555;
}

#graph .tbody tr td:nth-child(1) {
	border-left:2px solid #555;
	border-right:2px solid #555;
}

#graph tr:last-child { 
	border-bottom:2px solid #555;
}

img.sick {
	width: 14px;
    height: 14px;
    top: 2px;
    position: relative;
}


#graph span {
	display: inline-block;
}

#graph .dt {
	font-size:10px;
	background:#555;
	color:#FFF;
	position:absolute;
	top:0;
	left:0;
	padding:0 3px 0 1px;
	border-radius: 0 0 3px 0;
}


#graph .glab, #schedule .glab, .jBox-title .glab, .table .glab {
	display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #a9c125;
/*	position:relative;
	top:1px;*/
}

.labels .glab {
    box-shadow: 1px 1px #000;
    top:0;
    margin-left:5px;
}

/*.labels .info {
    margin-left: 10px;
}*/

#schedule .gname, .jBox-title .gname { /*#graph .gname, */
/*    font-size:13px;
    font-weight:600;*/
}

#graph .cname, #schedule .cname, .jBox-title .cname, .jBox-content .cname {
   
	color:#aaa;
    /*font-size:12px;
    margin-top:1px;
	padding-left:3px;*/
}

#graph .bold2 {
	font-weight:600;
	color:#e2582f;
}

#graph td:hover {
	cursor: pointer;
}

.jBox-content  {
	font-size:13px;
	font-weight:500;
}

h2 .glab {
	display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 7px;
	position:relative;
	top:1px;
}

.blink {
	
 	animation: blink-animation 2.0s infinite;
  	-webkit-animation: blink-animation 2.0s infinite;
	
}

.blink {
    background-image: linear-gradient(to bottom, var(--col3), var(--col3));
	color:#FFF;
	padding:0 5px;
}

.table .open {
    /*color:#a9c125;*/   
}

@-webkit-keyframes blink-animation {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes blink-animation {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}


.sform {
    max-width: fit-content;
    margin: 0 auto;
    padding-right: 15px;
}

.table h3, #content .title {
	font-size:18px;
    text-align:center;
	text-transform: none;
	font-weight:500;
    margin:10px 0;
}

.title td {
    padding:0 0 5px 0;   
}

@media (max-width: 599px) {

td .proform, td .pphoto, td h3, td #send0, tbody .table {
    width:calc(100vw - 15px); 
}
    
    
#adduser td .proform, #adduser td .pphoto, #adduser td h3 {
	 width: auto;
}    
    
tbody .table {
	 margin:0;
}
    
 
	
    /*.table td {
		font-size:13px;
	}*/
    
/*#graph .gname {
    display: none;
}*/
	
}

#send0 {
	display:none; 
}

#send0 div {
    margin:25px 0 0 0;
    padding:0 30px 0 10px;
}

#send0 div span, #send0 div span strong {
    vertical-align: middle;    
}

#send0 textarea.select {
   
    text-align:left;
    
}


@media (min-width: 750px) { /* 750 */

  /*#clients, #events, #schedule, #notif, #bills {
      width:100%;
      max-width:800px;
      display: table;
  }

  #schedule {
      min-width: 100%;
  }*/
    
}

#schedule .bold {
	font-weight:500;
}

#schedule .red {
	color:#e2582f;
}

#schedule .success {
	color:#a9c125;
}

#schedule .grey {
	color:#aaa;	
}

#schedule .white {
	color:#fff;
}

#schedule .show {
    display:inline-block;
    cursor:pointer;
}


#schedule .day img, #players .toggle a img {
    filter: invert(34%) sepia(1%) saturate(548%) hue-rotate(4deg) brightness(90%) contrast(86%); 
    width:17px;
    height:17px;
    position:relative;
    top:-2px;
}


#players .toggle a {
    font-weight:400;     
}



.label select.input {
    text-align: center;
    padding:10px 10px; 
    overflow:auto;
}


/*.input option {
    font-size:12px;
    display: inline-block;
    margin-right:5px;
    border-radius:5px;
}*/


input[type='checkbox'] {
    width:14px;
    height:14px;
    vertical-align:middle;
}

.checkboxes {
   float:right; 
}

.checkboxes label {
  display: block;
    
  padding-right: 10px;
  padding-left: 22px;
  text-indent: -22px;
}

.checkboxes input {
  vertical-align: middle;
}

.checkboxes label a {
  vertical-align: middle;
}


.margin, .data .margin {
    margin:0 0 10px 0;
} 


.red {
    color:#e2582f;   
}

.light {
    color:#AAA;
    font-size: 13px;
    font-weight: 400;
}


.def {
    color:#545454   
}

.small, .table td.small {
    font-size:13px; 
}

.vsmall {
    font-size:11px;   
}

.green2 {
    color:#a9c125;
}

.sbold {
    font-weight:500;   
}

.wrap {
     white-space: normal;   
}

#gsettings .label span a {
    display: inline-block;
    background: var(--col1);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
}

#gsettings .s2 span a {
  background:#e48517;  
}


.rtable {
    display: block;
    overflow-x: auto;
    /*padding: 0 5px;*/
}


.ui-sortable-helper {
    display: table;
}


#sms tbody tr:nth-child(even) {
    background:#FAFAFA;    
}

#sms tbody td {
    font-size:13px;   
}

.rtable  {
    display: block;
    overflow-x: auto;
}

#sms .text {
    min-width:350px;
    max-width:350px;
    white-space: normal;
}


#events thead {
   border-bottom: 2px solid #545454;
}




#events .rlink:hover {
    color: var(--col3);   
}


.table .event {
    white-space: normal;
    padding: 20px 0; 
    border-bottom: 2px solid #545454;
}


.event .descr {
    font-size:13px;
    max-width:750px;
    width: calc(100vw - 15px);
}


.descr .photo img {
    filter:none;
    max-width:180px;
    width:100%;
    height:auto;
    border: 4px solid var(--col3);
    border-radius: 15px; 
}

.event .title {
    max-width:300px;
    margin:0 auto;    
}

.event .descr p {
    text-align:justify;
    padding:0 10px;
}

.event .descr p img {
    max-width: 100%;
}


.descr .date {
    font-size:15px;
    color: #AAA;
    text-align: center;
    margin:5px;
}





/*.event .descr p {
    text-align: justify;
}
*/

iframe {
  aspect-ratio: 16 / 9;
  width: 100%;
}


@media (max-width: 500px) {
    
    iframe {
      aspect-ratio: 9 / 16;
      width: 100%;  
      height:auto;
      
    }
    
}

.small {
    font-size:12px;    
}

.table tr:has(> .active) {
    border-top:2px solid var(--col3);
}


.rtable {
    display: block;
    overflow-x: auto;
}

.rtable .table {
    min-width:320px;
    display: table;
    max-width: 800px;
}

#adduser, #hform {
    max-width:700px;
    margin:0 auto;
}

.notes {
    width:120px;    
}


.notes:focus {
    width:180px;    
}


.attend:hover {
    filter:brightness(110%);    
}


.table #purpose {
    white-space:pre-line;
}

.select2-container--open .select2-dropdown--below {
    
    border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
}


.skiptranslate {
   text-align:right;
   margin: 0 15px 0 0;
}
    
.VIpgJd-ZVi9od-ORHb-OEVmcd {   
    display:none;
}