html{

	margin:0;

	padding:0;

	border: 0;

	height:100vh;

	width:100%;

}

body{

	margin:0;

	padding:0;

	border: 0;

	height:100vh;

	width:100%;

	display:flex;

	flex-direction: column;

	background-color: #FCFCFC; 

	font-family: Sans-serif !important; 

}

.noedit{
  /* pointer-events: none; */  
}

.dragitem{
  cursor:grab;
}

.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;

}

.itemcol{ 
  position: relative;
}

.div-alert{ 
  padding:0px 1px; line-height:14px
}
.btn-divalert{
  position:absolute;top:0;right:0;
  z-index: 999; 
}
 
.selectize-dropdown { 
  z-index: 900 !important; 
}




.backdrop {

  position: fixed;

  z-index: 8000;

  background-color: rgba(0, 0, 0, 0.75);

  width: 100%;

  height: 100vh;

  top: 0;

  left: 0;


  /* z-index: 2000; 
  position: absolute;
  content:"";
  width:100%;
  height:100%;
  background-color: aqua;  
  background-repeat:no-repeat; 
  background-position: center;
  background-size: contain; */

}



.mnu-top{
  cursor: pointer;
  font-color: black;
}

.mnu-top:hover{ 
  background-color: white;
  /* border-bottom: 1px solid;  */
}
.mnu-clinic-select{
  border-bottom: 2px solid;
  font-weight: bold;
  background-color: rgb(195, 229, 249);
}

.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;



}



.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-nowrap{

    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: nowrap;

}



.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;

}

.vmid{
  vertical-align: middle;
  justify-content: center;
}


.row-color:nth-child(even){

	background-color:#e0f5fe;

}

.row-color:nth-child(odd){

	background-color:#c8f1ff;

}

.row-hover:hover{

	filter:brightness(80%);

  background-color: lightgrey;

}

.row-data-hover:hover{
  /* filter:brightness(50%) !important; ;  */
  /* background-color: rgb(250, 215, 159) !important; 
  background-color: rgb(250, 215, 159) !important;  */

  border-style: solid;
  border-width: 2px 0px; /* 2px top and bottom, 0px on the sides */

}

.row-hover-yellow:hover{
	filter:brightness(120%);
  background-color: rgb(252, 252, 6);
  cursor: pointer;
  border-bottom: 2px solid black;

}

.cell-border{
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}
.col-border{
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

.bg-error{

	background-color: red;

	color:white;

}

.data-select{
	background-color: rgb(254, 221, 5) !important; 
  color:black !important; 
}
.data-warn{
	background-color: rgb(250, 113, 82);
  color:black;
}

.data-add{
	background-color: rgb(216, 244, 183) !important; 
  color:black !important; 
}


.unsaved{
	border-color:rgb(249, 185, 58); 
}


.FULLMODAL{

  position: absolute;

  top:0;

  left:0;

  background-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;}
.h-800{min-height:800px;max-height:800px;}
.h-900{min-height:900px;max-height:900px;}

.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;}

.w-700{min-width:600px;max-width:600px;}

.wmin-1{min-width:1px;}

.wmin-2{min-width:2px;}

.wmin-3{min-width:3px;}

.wmin-4{min-width:4px;}

.wmin-5{min-width:5px;}

.wmin-10{min-width:10px;}

.wmin-15{min-width:15px;}

.wmin-20{min-width:20px;}

.wmin-25{min-width:25px;}

.wmin-30{min-width:30px;}

.wmin-35{min-width:35px;}

.wmin-40{min-width:40px;}

.wmin-45{min-width:45px;}

.wmin-50{min-width:50px;}

.wmin-55{min-width:55px;}

.wmin-60{min-width:60px;}

.wmin-65{min-width:65px;}

.wmin-70{min-width:70px;}

.wmin-75{min-width:75px;}

.wmin-80{min-width:80px;}

.wmin-85{min-width:85px;}

.wmin-90{min-width:90px;}

.wmin-95{min-width:95px;}

.wmin-100{min-width:100px;}

.wmin-105{min-width:105px;}

.wmin-110{min-width:110px;}

.wmin-115{min-width:115px;}

.wmin-120{min-width:120px;}

.wmin-125{min-width:125px;}

.wmin-130{min-width:130px;}

.wmin-135{min-width:135px;}

.wmin-140{min-width:140px;}

.wmin-145{min-width:145px;}

.wmin-150{min-width:150px;}

.wmin-155{min-width:155px;}

.wmin-160{min-width:160px;}

.wmin-165{min-width:165px;}

.wmin-170{min-width:170px;}

.wmin-175{min-width:175px;}

.wmin-180{min-width:180px;}

.wmin-185{min-width:185px;}

.wmin-190{min-width:190px;}

.wmin-195{min-width:195px;}

.wmin-200{min-width:200px;}

.wmin-205{min-width:205px;}

.wmin-210{min-width:210px;}

.wmin-215{min-width:215px;}

.wmin-220{min-width:220px;}

.wmin-225{min-width:225px;}

.wmin-230{min-width:230px;}

.wmin-235{min-width:235px;}

.wmin-240{min-width:240px;}

.wmin-245{min-width:245px;}
fs
.wmin-250{min-width:250px;}

.wmin-255{min-width:255px;}

.wmin-260{min-width:260px;}

.wmin-265{min-width:265px;}

.wmin-270{min-width:270px;}

.wmin-275{min-width:275px;}

.wmin-280{min-width:280px;}

.wmin-285{min-width:285px;}

.wmin-290{min-width:290px;}

.wmin-295{min-width:295px;}

.wmin-300{min-width:300px;}

.wmin-350{min-width:350px;}

.wmin-400{min-width:400px;}

.wmin-450{min-width:450px;}

.wmin-500{min-width:500px;}

.wmin-550{min-width:550px;}

.wmin-600{min-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;

}



.text-red{

  color:red;

}

.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;

}





/* Smartphones (portrait and landscape) ----------- */

@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 480px) {

  .fl-wrap-row-md{

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -moz-flex;

    display: -webkit-flex;

    display:flex;

    flex-direction: column;

    overflow: hidden;

    flex:1;

  }

  .fl-wrap-col-none{

    

  }

  .fl-w-per-25{



  }

}



/* Smartphones (landscape) ----------- */

@media only screen 

and (min-width : 321px) {

  .fl-wrap-row-md{

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -moz-flex;

    display: -webkit-flex;

    display:flex;

    flex-direction: column;

    overflow: hidden;

    flex:1;

  }

  .fl-wrap-col-md{

    overflow: hidden;

  }

  .fl-wrap-col-none{

    

  }

  .fl-w-per-25{



  }

}



/* Smartphones (portrait) ----------- */

@media only screen 

and (max-width : 320px) {

  .fl-wrap-row-md{

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -moz-flex;

    display: -webkit-flex;

    display:flex;

    flex-direction: column;

    overflow: hidden;

    flex:1;

  }

  .fl-wrap-col-md{

    overflow: hidden;

  }

  .fl-wrap-col-none{

    

  }

  .fl-w-per-25{



  }

}



/* iPads (portrait and landscape) ----------- */

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) {

  .fl-wrap-row-md{

    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-md{

    overflow: hidden;

  }

  .fl-wrap-col-none{

    

  }

  .fl-w-per-25{



  }

}



/* iPads (landscape) ----------- */

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : landscape) {

  .fl-wrap-row-md{

    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-md{

    overflow: hidden;

  }

  .fl-wrap-col-none{

    

  }

  .fl-w-per-25{



  }

}



/* iPads (portrait) ----------- */

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : portrait) {

  .fl-wrap-row-md{

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -moz-flex;

    display: -webkit-flex;

    display:flex;

    flex-direction: column;

    overflow: hidden;

    flex:1;

  }

  .fl-wrap-col-md{

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -moz-flex;

    display: -webkit-flex;

    display:flex;

    flex-direction: column;

    overflow: hidden;

    flex:1;

  }

  .fl-wrap-col-none{

    

  }

  .fl-w-per-25{



  }



}



/* Desktops and laptops ----------- */

@media only screen 

and (min-width : 1224px) {

  .fl-wrap-row-md{

    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-md{

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -moz-flex;

    display: -webkit-flex;

    display:flex;

    flex-direction: column;

    overflow: hidden;

    flex:1;

  }

  .fl-wrap-col-none{

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -moz-flex;

    display: -webkit-flex;

    display:flex;

    flex-direction: column;

    overflow: hidden;

    flex:1;

  }

  .fl-w-per-25{

    width: 25%;

    min-width: 25%;

    max-width: 25%;

  }





}



/* Large screens ----------- */

@media only screen 

and (min-width : 1824px) {

  .fl-wrap-row-md{

    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-md{

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -moz-flex;

    display: -webkit-flex;

    display:flex;

    flex-direction: column;

    overflow: hidden;

    flex:1;

  }

  .fl-wrap-col-none{

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -moz-flex;

    display: -webkit-flex;

    display:flex;

    flex-direction: column;

    overflow: hidden;

    flex:1;

  }

  .fl-w-per-25{

    width: 25%;

    min-width: 25%;

    max-width: 25%;

  }

}


.fl-float{
	float:left;
}


#OVERLAY{

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0,0,0,0.7); /* 50% transparent black */

  z-index: 500; /* make sure it's on top of other elements */

  display:none;

}