/*------------------------------------------------------------------------------------------------------------------*/
*{
	    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		text-decoration:none;
}
BODY{
	margin:0;
}
.container {
  border-radius: 5px;
  padding: 20px;
}

.col-25 {
  float: left;
  width: 25%!important;
  margin-top: 19px;
 }
.col-50 {
  float: left;
  width: 50%!important;
  margin-top: 19px;
 }

.col-75 {
  float: left;
  width: 75%;
  margin-top: 19px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.inner
{
	padding:10px;
}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
.thumbnail
{
	border:1px solid rgb(240,240,240);
}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/

.spacing
{
	clear:both;
	width:100%;
	height:50px;
}
.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
  border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {background-color: #ddd;}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 600px) {
  .col-25, .col-50, .col-75, input[type=submit] {
    width: 100%!important;
    margin-top: 0;
  }
  
}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
 
@media (min-width: 600px) {
.menu ul label{
	display:none!important;
}
#collapse:checked ~ li{
  display:block!important;
  margin-top:0; 
}

}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/

.menu ul{
  list-style:none;  
  margin:0!important;
  padding:0;
  width:100%;
  margin:20px;  
}
.menu ul li{
  display:block;
  line-height:20px;  
border-top: 1px solid rgb(240,240,240);
border-right: 1px solid rgb(240,240,240);
    
}
.menu ul li a
{
	text-decoration:none;
	font-weight:bold;
	display:block;
	line-height:20px;  
	padding:10px;
	color:rgb(0 ,72 ,58);
  
  
}
.menu ul li:hover{
  background:rgba(102, 210, 183,0.8);
}
.menu ul li:last-child{
  }
.menu ul label:before{
  height:2px;
  width:20px!important;
  background:white;
  display:inline-block;
  content:"";
  box-shadow:0px -5px 0px 0px  white,
             0px -10px 0px 0px white;
  margin-right:10px;
  transition:all .5s;
  position:relative;
  opacity:0.5;
}
.menu ul label{
  padding-top: 14px!important;
  display:block;
  background:rgb(22, 160, 133);
  padding:10px;
  color:white;  
  cursor:pointer; 
}
.menu ul input[type="checkbox"]{
  visibility:hidden;
  position:absolute;
}
#collapse:checked ~ li{
  display:none;
  margin-top:0; 
}
#collapse:checked + label:before{
  position:relative;
  opacity:1;
  
}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
.sidebar a{
  text-decoration:none;
  }
/*----------------------------------------------------------------------------------------------------------------------------------*/
.tag{background-color:#000;color:#fff;display:inline-block;padding:2px 8px;margin:2px;text-align:center}
/*----------------------------------------------------------------------------------------------------------------------------------*/
/* Colors */

.color0{color:#000!important;background-color:#fff!important;border: 2px solid #C200FF!important}
.color1{color:#000!important;background-color:#fff!important;border: 2px solid #0B61DE!important}
.color2{color:#000!important;background-color:#fff!important;border: 2px solid #00F562!important}
.color3{color:#000!important;background-color:#fff!important;border: 2px solid #DEDC0B!important}
.color4{color:#000!important;background-color:#fff!important;border: 2px solid #FA9825!important}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
.gallery{
	width:92%!important;
	margin:2%;
	padding:2%;
	border-bottom:1px solid rgb(240,240,240);
	text-align:center;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
.float-left
{
	float:left;
	margin-top:18px;
	
}
.form-control
{
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
label{
	padding: 18px 12px 12px 0;
    display: inline-block;
	float:right;
}
button {
    width: 100%;
    background-color: #5bc0de;
    color: white;
    padding: 14px 20px;
    margin: 7px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
.loading
{
	min-height:200px;
	width:100%;
	background-image: url('/img/loading.webp');
	background-repeat: no-repeat;
	background-position: center ;
	background-size:200px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
.w_50
{
width:50%;
float:left;	
}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
.clearfix
{
	clear:both;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
.m_10
{
	margin:10px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
.butlight a {
    color: rgba(0,0,0,0.7);
    background-image: linear-gradient( 
88deg, #000000 0%, #ff0047 100%);
    -webkit-background-clip: text;
    line-height: 2.5rem;
    font-size: 1rem;
}
.butlight {
    margin-bottom:1rem;
	display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 0.5rem 1.5rem;
    border-radius: 3.75rem;
    line-height: 2.5rem;
    font-size: 1rem;
    font-weight: 600;
    border: 1px solid #ff00aa;
    background-image: linear-gradient( 
-180deg, #fdff89 0%, #ffb735 100%);
  /*  box-shadow: 0 1rem 1.25rem 0 #fc6e33, 0 -0.25rem 1.5rem rgb(255 0 0) inset, 0 0.75rem 0.5rem rgb(255 255 255 / 40%) inset, 0 0.25rem 0.5rem 0 rgb(255 144 60) inset;*/
}
/*-------------------------------------------------------------------------------------------------------------*/

/* Set a style for all buttons */
.button {
  background-color: #04AA6D;
  color: white;
  border: none;
  cursor: pointer;
  width: 100%;
}

.button:hover {
  opacity: 0.8;
}
/*-------------------------------------------------------------------------------------------------------------*/
li{word-wrap:break-word;}