/*  Complete project details: H.Esmailzadeh 09126026351 he9092@gmail.com  */

html {
	font-family: Arial, Helvetica, sans-serif; 
	display: inline-block; 
	text-align: center;
	
	/*line-height: 1.4 ;*/
	
	/*background-color: rgb(102, 153, 153) ;*/
} 

body {

    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: rgb(102, 153, 153) ;
}

.content { 
		padding: 10px;
		margin: auto;
}  
.card {
		border-radius: 0.7em;
		
		background: black;
		background: -webkit-linear-gradient(#31734e, #80ffaa, #31734e);
		background: -o-linear-gradient(#31734e, #80ffaa, #31734e);
		background: -moz-linear-gradient(#31734e, #80ffaa, #31734e);
		background: linear-gradient(#31734e, #80ffaa, #31734e);
		box-shadow: 5px 5px 15px 0 black;
}
table {
		color: black ;
		border-collapse: separate ;
		border-spacing: 4px;
		border-radius: 0.3em;
		
  /*padding-top: 10px;*/
  /*padding-right: 30px;*/
  /*padding-bottom: 10px;*/
  /*padding-left: 30px;  */
		font-weight: bold ;
		width: 100% ;
		text-align: center;
		
} 
.table th {
		border: 1px solid green;
		border-radius: 0.3em;
		text-align: center;
}
.table td {
		border: 1px solid green;
		border-radius: 0.3em;
		padding: 5px ;
		text-align: center;
}

h4 {
		color: #0140af ;
		font-weight: bold ;
} 
h6 {
  color: #0140af ;
  font-weight: bold ;
  padding-right: 40px;
}
div {
    padding: 1px ;
    margin-bottom: 1rem;
} 
.button {
  background-color: #80ffaa; /* Green */
  border: none;
  color: rgb(30, 149, 54);
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;

  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}
.button2 {
  background-color: #5fc280; 
  color: black; 
  border: 2px solid #008CBA;
  border-radius: 0.5em; 
}
.button2:hover {
  background-color: #008CBA;
  color: white;
}  
#BTN_SEND_BACK {
  box-shadow: 7px 7px 10px black;
}

.select{
    position: relative;

    height: 25px;
    border-radius: 5px;
    border: none;
    text-transform: capitalize;
    color: #fff;
    background: #0a6e28;
    text-align: left;
    /*padding: 0 15px;*/
    font-size: 14px;
    cursor: pointer;
}

.select::after{
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.select:hover{
    background: #7f2d2d;
}

.select.active{
    background: #5b641d;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}