html{
	margin:0;
	padding:0;
	border: 0;
	height:100vh;
	width:100%;

}
body{
	margin:0;
	padding:0;
	border: 0;
	height:100vh;
	width:100%;

	font-family: sans-serif !important;
}
.bigcheckbox{
    /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  /*padding: 10px;
  margin-right:5px;*/
  margin:0px 5px;
}

.backdrop {
  position: fixed;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}



.nav_top{
	border-bottom: 5px solid white;
}
.v-cloak{
	display:none;
}
.nav_link{
	display:inline;

}
.nav_link a{
	padding-right: 10%;
	text-decoration: none;
	font-size:130%;
	color: white;

}
.jt-1 {
  font: inherit;
  border-radius: 3px;
  background-color: #800040;
  color: white;
  border: 1px solid #800040;

}

.jtbtn:hover{
  cursor: pointer;
  filter:brightness(80%);
}
.centerbox{
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background-color: white;
  padding: 1rem;
  text-align: center;
  z-index: 10;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.half_height{
  min-height: 50%;
}

.modal {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background-color: white;
  padding: 1rem;
  text-align: center;
  width: 30rem;
  z-index: 10;
  position: fixed;
  top: calc(50% - 15rem);
  left: calc(50% - 15rem);
  overflow-y: auto;
}


.fl-break {
  flex-basis: 100%;
  height: 0;
}

.fl-wrap{
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fl-wrap-row{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display:flex;
  flex-direction: row;
  overflow: hidden;
  flex:1;
}

.fl-wrap-col{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display:flex;
  flex-direction: column;
  overflow: hidden;
  flex:1;


}


.w-fill{
  width:98%;

}


.fl-fill{
	flex:1;
}

.fl-auto{
	overflow: auto;
}
.fl-scroll{
	overflow-y: scroll;
}
.fl-xscroll{
	overflow-x: scroll;
}
.fl-mid {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.fl-mid i,.fl-mid span,.fl-mid input,.fl-mid select,.fl-mid div{
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.fl-mid-all{
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
}
.fl-mid-all div{
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
}

.fl-vmid {
  display: flex;
  align-items: center;
  vertical-align: middle;
}

.fl-vmid i,.fl-vmid span,.fl-vmid input,.fl-vmid select,.fl-vmid div{
  align-items: center;
  vertical-align: middle;
}


.fl-rmid {
  display: flex;
  align-items: center;
  vertical-align: middle;
  text-align:right;
}

.fl-rmid i,.fl-rmid span,.fl-rmid input,.fl-rmid select,.fl-rmid div{
  align-items: center;
  vertical-align: middle;
}

.v-mid{
	display:flex;
	vertical-align: middle;
}
.v-mid i,.v-mid span,.v-mid input,.v-mid select,.v-mid div{
	display:flex;
	vertical-align: middle;
}

.row-color:nth-child(even){
	background-color:#e0f5fe;
}
.row-color:nth-child(odd){
	background-color:#c8f1ff;
}
.row-color-3:nth-child(even){
  background-color:#a7dcdc;
}
.row-color-3:nth-child(odd){
  background-color:#7ed4d4;
}
.row-hover:hover{
	filter:brightness(80%);
  background-color: lightgrey;
}
.bg-error{
	background-color: red;
	color:white;
}
.data-error{
  border: 1px solid red;
}


.bg-not-save{
  background-color: orange;
  color:white;
}

.CLOSEFULLMODAL{
  background-color: silver;
}


.h-1{min-width:1px;max-width:1px;}
.h-2{min-width:2px;max-width:2px;}
.h-3{min-width:3px;max-width:3px;}
.h-4{min-width:4px;max-width:4px;}
.h-5{min-height:5px;max-height:5px;}
.h-10{min-height:10px;max-height:10px;}
.h-15{min-height:15px;max-height:15px;}
.h-20{min-height:20px;max-height:20px;}
.h-25{min-height:25px;max-height:25px;}
.h-30{min-height:30px;max-height:30px;}
.h-35{min-height:35px;max-height:35px;}
.h-40{min-height:40px;max-height:40px;}
.h-45{min-height:45px;max-height:45px;}
.h-50{min-height:50px;max-height:50px;}
.h-55{min-height:55px;max-height:55px;}
.h-60{min-height:60px;max-height:60px;}
.h-65{min-height:65px;max-height:65px;}
.h-70{min-height:70px;max-height:70px;}
.h-75{min-height:75px;max-height:75px;}
.h-80{min-height:80px;max-height:80px;}
.h-85{min-height:85px;max-height:85px;}
.h-90{min-height:90px;max-height:90px;}
.h-95{min-height:95px;max-height:95px;}
.h-100{min-height:100px;max-height:100px;}
.h-105{min-height:105px;max-height:105px;}
.h-110{min-height:110px;max-height:110px;}
.h-115{min-height:115px;max-height:115px;}
.h-120{min-height:120px;max-height:120px;}
.h-125{min-height:125px;max-height:125px;}
.h-130{min-height:130px;max-height:130px;}
.h-135{min-height:135px;max-height:135px;}
.h-140{min-height:140px;max-height:140px;}
.h-145{min-height:145px;max-height:145px;}
.h-150{min-height:150px;max-height:150px;}
.h-155{min-height:155px;max-height:155px;}
.h-160{min-height:160px;max-height:160px;}
.h-165{min-height:165px;max-height:165px;}
.h-170{min-height:170px;max-height:170px;}
.h-175{min-height:175px;max-height:175px;}
.h-180{min-height:180px;max-height:180px;}
.h-185{min-height:185px;max-height:185px;}
.h-190{min-height:190px;max-height:190px;}
.h-195{min-height:195px;max-height:195px;}
.h-200{min-height:200px;max-height:200px;}
.h-205{min-height:205px;max-height:205px;}
.h-210{min-height:210px;max-height:210px;}
.h-215{min-height:215px;max-height:215px;}
.h-220{min-height:220px;max-height:220px;}
.h-225{min-height:225px;max-height:225px;}
.h-230{min-height:230px;max-height:230px;}
.h-235{min-height:235px;max-height:235px;}
.h-240{min-height:240px;max-height:240px;}
.h-245{min-height:245px;max-height:245px;}
.h-250{min-height:250px;max-height:250px;}
.h-255{min-height:255px;max-height:255px;}
.h-260{min-height:260px;max-height:260px;}
.h-265{min-height:265px;max-height:265px;}
.h-270{min-height:270px;max-height:270px;}
.h-275{min-height:275px;max-height:275px;}
.h-280{min-height:280px;max-height:280px;}
.h-285{min-height:285px;max-height:285px;}
.h-290{min-height:290px;max-height:290px;}
.h-295{min-height:295px;max-height:295px;}
.h-300{min-height:300px;max-height:300px;}
.h-400{min-height:400px;max-height:400px;}
.h-500{min-height:500px;max-height:500px;}
.h-600{min-height:600px;max-height:600px;}
.w-1{min-width:1px;max-width:1px;}
.w-2{min-width:2px;max-width:2px;}
.w-3{min-width:3px;max-width:3px;}
.w-4{min-width:4px;max-width:4px;}
.w-5{min-width:5px;max-width:5px;}
.w-10{min-width:10px;max-width:10px;}
.w-15{min-width:15px;max-width:15px;}
.w-20{min-width:20px;max-width:20px;}
.w-25{min-width:25px;max-width:25px;}
.w-30{min-width:30px;max-width:30px;}
.w-35{min-width:35px;max-width:35px;}
.w-40{min-width:40px;max-width:40px;}
.w-45{min-width:45px;max-width:45px;}
.w-50{min-width:50px;max-width:50px;}
.w-55{min-width:55px;max-width:55px;}
.w-60{min-width:60px;max-width:60px;}
.w-65{min-width:65px;max-width:65px;}
.w-70{min-width:70px;max-width:70px;}
.w-75{min-width:75px;max-width:75px;}
.w-80{min-width:80px;max-width:80px;}
.w-85{min-width:85px;max-width:85px;}
.w-90{min-width:90px;max-width:90px;}
.w-95{min-width:95px;max-width:95px;}
.w-100{min-width:100px;max-width:100px;}
.w-105{min-width:105px;max-width:105px;}
.w-110{min-width:110px;max-width:110px;}
.w-115{min-width:115px;max-width:115px;}
.w-120{min-width:120px;max-width:120px;}
.w-125{min-width:125px;max-width:125px;}
.w-130{min-width:130px;max-width:130px;}
.w-135{min-width:135px;max-width:135px;}
.w-140{min-width:140px;max-width:140px;}
.w-145{min-width:145px;max-width:145px;}
.w-150{min-width:150px;max-width:150px;}
.w-155{min-width:155px;max-width:155px;}
.w-160{min-width:160px;max-width:160px;}
.w-165{min-width:165px;max-width:165px;}
.w-170{min-width:170px;max-width:170px;}
.w-175{min-width:175px;max-width:175px;}
.w-180{min-width:180px;max-width:180px;}
.w-185{min-width:185px;max-width:185px;}
.w-190{min-width:190px;max-width:190px;}
.w-195{min-width:195px;max-width:195px;}
.w-200{min-width:200px;max-width:200px;}
.w-205{min-width:205px;max-width:205px;}
.w-210{min-width:210px;max-width:210px;}
.w-215{min-width:215px;max-width:215px;}
.w-220{min-width:220px;max-width:220px;}
.w-225{min-width:225px;max-width:225px;}
.w-230{min-width:230px;max-width:230px;}
.w-235{min-width:235px;max-width:235px;}
.w-240{min-width:240px;max-width:240px;}
.w-245{min-width:245px;max-width:245px;}
.w-250{min-width:250px;max-width:250px;}
.w-255{min-width:255px;max-width:255px;}
.w-260{min-width:260px;max-width:260px;}
.w-265{min-width:265px;max-width:265px;}
.w-270{min-width:270px;max-width:270px;}
.w-275{min-width:275px;max-width:275px;}
.w-280{min-width:280px;max-width:280px;}
.w-285{min-width:285px;max-width:285px;}
.w-290{min-width:290px;max-width:290px;}
.w-295{min-width:295px;max-width:295px;}
.w-300{min-width:300px;max-width:300px;}
.w-350{min-width:350px;max-width:350px;}
.w-400{min-width:400px;max-width:400px;}
.w-450{min-width:450px;max-width:450px;}
.w-500{min-width:500px;max-width:500px;}
.w-550{min-width:550px;max-width:550px;}
.w-600{min-width:600px;max-width:600px;}

.hper-1{min-height:1%;max-height:1%;}
.hper-2{min-height:2%;max-height:2%;}
.hper-3{min-height:3%;max-height:3%;}
.hper-4{min-height:4%;max-height:4%;}
.hper-5{min-height:5%;max-height:5%;}
.hper-10{min-height:10%;max-height:10%;}
.hper-15{min-height:15%;max-height:15%;}
.hper-20{min-height:20%;max-height:20%;}
.hper-25{min-height:25%;max-height:25%;}
.hper-30{min-height:30%;max-height:30%;}
.hper-35{min-height:35%;max-height:35%;}
.hper-40{min-height:40%;max-height:40%;}
.hper-45{min-height:45%;max-height:45%;}
.hper-50{min-height:50%;max-height:50%;}
.hper-55{min-height:55%;max-height:55%;}
.hper-60{min-height:60%;max-height:60%;}
.hper-65{min-height:65%;max-height:65%;}
.hper-70{min-height:70%;max-height:70%;}
.hper-75{min-height:75%;max-height:75%;}
.hper-80{min-height:80%;max-height:80%;}
.hper-85{min-height:85%;max-height:85%;}
.hper-90{min-height:90%;max-height:90%;}
.hper-95{min-height:95%;max-height:95%;}
.hper-100{min-height:100%;max-height:100%;}

.wper-1{min-width:1%;max-width:1%;}
.wper-2{min-width:2%;max-width:2%;}
.wper-3{min-width:3%;max-width:3%;}
.wper-4{min-width:4%;max-width:4%;}
.wper-5{min-width:5%;max-width:5%;}
.wper-10{min-width:10%;max-width:10%;}
.wper-15{min-width:15%;max-width:15%;}
.wper-20{min-width:20%;max-width:20%;}
.wper-25{min-width:25%;max-width:25%;}
.wper-30{min-width:30%;max-width:30%;}
.wper-35{min-width:35%;max-width:35%;}
.wper-40{min-width:40%;max-width:40%;}
.wper-45{min-width:45%;max-width:45%;}
.wper-50{min-width:50%;max-width:50%;}
.wper-55{min-width:55%;max-width:55%;}
.wper-60{min-width:60%;max-width:60%;}
.wper-65{min-width:65%;max-width:65%;}
.wper-70{min-width:70%;max-width:70%;}
.wper-75{min-width:75%;max-width:75%;}
.wper-80{min-width:80%;max-width:80%;}
.wper-85{min-width:85%;max-width:85%;}
.wper-90{min-width:90%;max-width:90%;}
.wper-95{min-width:95%;max-width:95%;}
.wper-100{min-width:100%;max-width:100%;}

.wminper-1{min-width:1%;}
.wminper-2{min-width:2%;}
.wminper-3{min-width:3%;}
.wminper-4{min-width:4%;}
.wminper-5{min-width:5%;}
.wminper-10{min-width:10%;}
.wminper-15{min-width:15%;}
.wminper-20{min-width:20%;}
.wminper-25{min-width:25%;}
.wminper-30{min-width:30%;}
.wminper-35{min-width:35%;}
.wminper-40{min-width:40%;}
.wminper-45{min-width:45%;}
.wminper-50{min-width:50%;}

.hminper-1{min-height:1%;}
.hminper-2{min-height:2%;}
.hminper-3{min-height:3%;}
.hminper-4{min-height:4%;}
.hminper-5{min-height:5%;}
.hminper-10{min-height:10%;}
.hminper-15{min-height:15%;}
.hminper-20{min-height:20%;}
.hminper-25{min-height:25%;}
.hminper-30{min-height:30%;}
.hminper-35{min-height:35%;}
.hminper-40{min-height:40%;}
.hminper-45{min-height:45%;}
.hminper-50{min-height:50%;}

.bg-silver{
  background-color:silver;
}
.bg-lightgrey{
  background-color:lightgrey;
}

.fs-smaller{
  font-size:smaller;
}
.fs-small{
  font-size:small;
}
.fs-xxsmall{
  font-size:xx-small;
}
.fs-xsmall{
  font-size:x-small;
}
.fs-large{
  font-size:large;
}
.fs-larger{
  font-size:larger;
}
.fs-xlarge{
  font-size:x-large;
}
.fs-xxlarge{
  font-size:xx-large;
}

.fabtn{
  cursor: pointer;
}
.fabtn:hover{
  filter: brightness(80%);
  background-color: silver;
}

.row-header {
   overflow-y: scroll;
}
.row-header::-webkit-scrollbar {
  color: transparent;
  background-color: transparent;
  text-decoration: none;
  border: none;
}