body{

}

#pagecontainer{
	position: relative;
	min-height: 100vh;
}

footer {
	/*
	position: absolute;
	bottom:0;
	width: 100%;*/
  }

.projecttable{
    border-collapse: collapse;
    width: 100%;
}

.projecttable th{
    text-transform: uppercase;
    /*color: gray;*/
    font-size: 12px;
    font-weight: normal;
}

.projecttable td{
    
    padding:5px;
    border: 1px solid rgb(230,230,230);
}


.w3-row.custom-flex  {display: flex; flex-wrap: wrap;}
.w3-row.custom-flex.flex > .w3-col {flex: 1 0 290px;}


a {
    text-decoration: none;
    color: rgb(8,90,157);
}


.proj-title{
    
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    margin-left: 32px;
    padding: 5px;
}

.proj-tasks{
    
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding:5px;
}

.gradientBack{
    background: rgb(18,13,117);
    background: radial-gradient(circle, rgba(18,13,117,1) 0%, rgba(24,6,92,1) 29%, rgba(35,9,121,1) 46%, rgba(75,34,145,1) 100%);
}

.modalLoader {
    display   : none;
    position  : fixed;
    z-index   : 1000;
    top       : 0;
    left      : 0;
    height    : 100%;
    width     : 100%;
    background: rgba(255, 255, 255, .8) 
    url('images/ajax-loader.gif') 50% 50% no-repeat;
}

.shadow{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.mycol{
	display: inline-block;
	padding:3px;
}


.responsive-table{
	border-spacing: collapse;
	width:100%;
}

.responsive-table label{
	display: none;
}

.responsive-table .table-full-line{
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: lightgray;
}

.responsive-table td, .responsive-table th{
	/*border: 1px solid black;*/
}

@media screen and (max-width: 700px) {

	.mycol{
		display: block;
		padding:4px;
	}

	.responsive-table tr{
		border-bottom: 1px solid #5f91ff;
		
	}

	.responsive-table thead{
		display: none;
	}

	.responsive-table label{
		display: block;
		font-size: small;
		font-weight: bold;

	}

    .responsive-table tr td, .responsive-table tr th {
        display: inline-block;
		width:100%;
		padding:3px;
    }

	.responsive-table .table-full-line {
        display: block;
		width: 100%;
    } 

	.responsive-table .table-50{
		width:50%;
	}

}

/**********************/

/*
body {
    background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
    height: 100vh;
    overflow: hidden;
    display: flex;
    font-family: 'Anton', sans-serif;
    justify-content: center;
    align-items: center;
  }
  */
  body {
	overflow: hidden;
}

.night {
	position: relative;
	width: 100%;
	height: 100%;
}

.shooting_star {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 2px;
	background: linear-gradient(-45deg, #5f91ff, rgba(0, 0, 255, 0));
	border-radius: 999px;
	filter: drop-shadow(0 0 6px #699bff);
	animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
}

.shooting_star::before {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	right: 0;
	height: 2px;
	background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #5f91ff, rgba(0, 0, 255, 0));
	transform: translateX(50%) rotateZ(45deg);
	border-radius: 100%;
	animation: shining 3000ms ease-in-out infinite;
}

.shooting_star::after {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	right: 0;
	height: 2px;
	background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #5f91ff, rgba(0, 0, 255, 0));
	transform: translateX(50%) rotateZ(45deg);
	border-radius: 100%;
	animation: shining 3000ms ease-in-out infinite;
	transform: translateX(50%) rotateZ(-45deg);
}

.shooting_star:nth-child(1) {
	top: calc(50% - -17px);
    /*left: calc(50% - 169px);*/
    /*left: calc(80% - 70);*/
	left: 33%;
	animation-delay: 3202ms;
}

.shooting_star:nth-child(1)::before, .shooting_star:nth-child(1)::after {
	animation-delay: 3202ms;
}

.shooting_star:nth-child(2) {
	top: calc(50% - -147px);
    /*left: calc(50% - 255px);*/
    /*left: calc(80% - 48);*/
	left: 38%;
	animation-delay: 290ms;
}

.shooting_star:nth-child(2)::before, .shooting_star:nth-child(2)::after {
	animation-delay: 290ms;
}

.shooting_star:nth-child(3) {
	top: calc(50% - 179px);
    /*left: calc(50% - 25px);*/
    /*left: calc(80% - 41);*/
	left: 26%;
	animation-delay: 43ms;
}

.shooting_star:nth-child(3)::before, .shooting_star:nth-child(3)::after {
	animation-delay: 43ms;
}

.shooting_star:nth-child(4) {
	top: calc(50% - 19px);
    /*left: calc(50% - 14px);*/
    /*left: calc(80% - 84);*/
	left: 41%;
	animation-delay: 3887ms;
}

.shooting_star:nth-child(4)::before, .shooting_star:nth-child(4)::after {
	animation-delay: 3887ms;
}

.shooting_star:nth-child(5) {
	top: calc(50% - 193px);
    /*left: calc(50% - 126px);*/
    /*left: calc(80% - 23);*/
	left: 13%;
	animation-delay: 982ms;
}

.shooting_star:nth-child(5)::before, .shooting_star:nth-child(5)::after {
	animation-delay: 982ms;
}

.shooting_star:nth-child(6) {
	top: calc(50% - -64px);
    /*left: calc(50% - 36px);*/
    /*left: calc(80% - 61);*/
	left: 46%;
	animation-delay: 184ms;
}

.shooting_star:nth-child(6)::before, .shooting_star:nth-child(6)::after {
	animation-delay: 184ms;
}

.shooting_star:nth-child(7) {
	top: calc(50% - -119px);
    /*left: calc(50% - 9px);*/
    /*left: calc(80% - 75);*/
	left: 22%;
	animation-delay: 2077ms;
}

.shooting_star:nth-child(7)::before, .shooting_star:nth-child(7)::after {
	animation-delay: 2077ms;
}

.shooting_star:nth-child(8) {
	top: calc(50% - -63px);
    /*left: calc(50% - 251px);*/
    /*left: calc(80% - 2);*/
	left: 17%;
	animation-delay: 1940ms;
}

.shooting_star:nth-child(8)::before, .shooting_star:nth-child(8)::after {
	animation-delay: 1940ms;
}

.shooting_star:nth-child(9) {
	top: calc(50% - 27px);
    /*left: calc(50% - 257px);*/
    /*left: calc(80% - 55);*/
	left: 26%;
	animation-delay: 2579ms;
}

.shooting_star:nth-child(9)::before, .shooting_star:nth-child(9)::after {
	animation-delay: 2579ms;
}

.shooting_star:nth-child(10) {
	top: calc(50% - -86px);
    /*left: calc(50% - 296px);*/
    /*left: calc(80% - 56);*/
	left: 16%;
	animation-delay: 214ms;
}

.shooting_star:nth-child(10)::before, .shooting_star:nth-child(10)::after {
	animation-delay: 214ms;
}

.shooting_star:nth-child(11) {
	top: calc(50% - -104px);
    /*left: calc(50% - 64px);*/
    /*left: calc(80% - 32);*/
	left: 33%;
	animation-delay: 777ms;
}

.shooting_star:nth-child(11)::before, .shooting_star:nth-child(11)::after {
	animation-delay: 777ms;
}

.shooting_star:nth-child(12) {
	top: calc(50% - -163px);
    /*left: calc(50% - 62px);*/
    /*left: calc(80% - 9);*/
	left: 2%;
	animation-delay: 1733ms;
}

.shooting_star:nth-child(12)::before, .shooting_star:nth-child(12)::after {
	animation-delay: 1733ms;
}

.shooting_star:nth-child(13) {
	top: calc(50% - -122px);
    /*left: calc(50% - 289px);*/
    /*left: calc(80% - 94);*/
	left: 9%;
	animation-delay: 2888ms;
}

.shooting_star:nth-child(13)::before, .shooting_star:nth-child(13)::after {
	animation-delay: 2888ms;
}

.shooting_star:nth-child(14) {
	top: calc(50% - -70px);
    /*left: calc(50% - 115px);*/
    /*left: calc(80% - 56);*/
	left: 18%;
	animation-delay: 2411ms;
}

.shooting_star:nth-child(14)::before, .shooting_star:nth-child(14)::after {
	animation-delay: 2411ms;
}

.shooting_star:nth-child(15) {
	top: calc(50% - 56px);
    /*left: calc(50% - 182px);*/
    /*left: calc(80% - 41);*/
	left: 8%;
	animation-delay: 2929ms;
}

.shooting_star:nth-child(15)::before, .shooting_star:nth-child(15)::after {
	animation-delay: 2929ms;
}

.shooting_star:nth-child(16) {
	top: calc(50% - -29px);
    /*left: calc(50% - 78px);*/
    /*left: calc(80% - 72);*/
	left: 34%;
	animation-delay: 2533ms;
}

.shooting_star:nth-child(16)::before, .shooting_star:nth-child(16)::after {
	animation-delay: 2533ms;
}

.shooting_star:nth-child(17) {
	top: calc(50% - 178px);
    /*left: calc(50% - 155px);*/
    /*left: calc(80% - 58);*/
	left: 45%;
	animation-delay: 3357ms;
}

.shooting_star:nth-child(17)::before, .shooting_star:nth-child(17)::after {
	animation-delay: 3357ms;
}

.shooting_star:nth-child(18) {
	top: calc(50% - -108px);
    /*left: calc(50% - 112px);*/
    /*left: calc(80% - 13);*/
	left: 15%;
	animation-delay: 765ms;
}

.shooting_star:nth-child(18)::before, .shooting_star:nth-child(18)::after {
	animation-delay: 765ms;
}

.shooting_star:nth-child(19) {
	top: calc(50% - 104px);
    /*left: calc(50% - 264px);*/
    /*left: calc(80% - 57);*/
	left: 14%;
	animation-delay: 379ms;
}

.shooting_star:nth-child(19)::before, .shooting_star:nth-child(19)::after {
	animation-delay: 379ms;
}

.shooting_star:nth-child(20) {
	top: calc(50% - -98px);
    /*left: calc(50% - 83px);*/
    /*left: calc(80% - 89);*/
	left: 50%;
	animation-delay: 3730ms;
}

.shooting_star:nth-child(20)::before, .shooting_star:nth-child(20)::after {
	animation-delay: 3730ms;
}

@keyframes tail {
	0% {
		width: 0;
	}

	30% {
		width: 100px;
	}

	100% {
		width: 0;
	}
}

@keyframes shining {
	0% {
		width: 0;
	}

	50% {
		width: 30px;
	}

	100% {
		width: 0;
	}
}

@keyframes shooting {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(300px);
	}
}

@keyframes sky {
	0% {
		transform: rotate(45deg);
	}

	100% {
		transform: rotate(405deg);
	}
}

/********/

.ball {
    position: absolute;
    border-radius: 100%;
    opacity: 0.7;
  }