@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url("https://kit-pro.fontawesome.com/releases/v6.1.1/css/pro.min.css");

body {
		font-family: 'Open Sans' !important;
		font-size: 14px !important;
		background: #dddddd !important;
}

a, a:hover, a:focus {
	text-decoration: none !important;
	transition: all 0.3s !important;
  font-size: 13px !important;
}	
.color-1 { color: #31C1D2; }

.btn, button {
   cursor: pointer !important;
   outline: none !important;
   box-shadow: none !important;
}
.btn:focus, button:focus { 
    outline: none !important;
   box-shadow: none !important;
 }

.fresh{ clear: both; }

.table thead > tr > th {
  border-top: none !important;
	border-bottom: none !important;
	background: #ffffff !important;
	color: #000000 !important;
	padding: 10px !important;
  font-size: 13px !important;
}
.table tbody { border-top: none !important; }
.table tbody > tr > td {
	border-top: 1x solid #dddddd !important;
  border-bottom: none !important;
	padding: 8px !important;
  color: #154360 !important;
  background-color: #ffffff;
  font-size: 13px !important;
}
.table > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #fafafa;
}

.form-control {
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		background-color: #ffffff;
		border: 1px solid #dddddd;
		border-radius: 1px;
		color: #000000;
		font-size: 13px;
    height: 37px;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
}

.disable{
	pointer-events: none;
}

.pagination .active a { background: #31C1D2 !important; border: 1px solid #31C1D2 !important; color:#fafafa !important; }
.pagination .page-link:focus { border:1px solid #31C1D2 !important; outline:none; box-shadow: none; }
.pagination li a, .pagination li span { border-radius: 5px; margin: 0 5px; padding: 4px 8px; }
.nowrap { white-space:nowrap; min-width: 950px; }

.submit {
		color: #ffffff;
    background: #31C1D2;
		border: none;
		padding: 8px 16px;
		outline: none;
		cursor: pointer;
		border-radius: 1px;
	 	font-size: 14px;
	 	box-shadow: 1px 22px 27px -21px rgba(0,0,0,0.2);
   -webkit-box-shadow: 1px 22px 27px -21px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 22px 27px -21px rgba(0,0,0,0.2);
    text-transform: uppercase;
    font-weight: 600;
} 
	
.submit:hover {
     background: #269EAB;
	 	text-decoration: none;
}   

.success { background:#34B693; color:#ffffff; padding:1px 5px; font-size: 12px; border-radius: 2px; }
.warning { background:#FFDF1B; color:#154360; padding:1px 5px; font-size: 12px; border-radius: 2px; }
.danger  { background:#333333; color:#dddddd; padding:1px 5px; font-size: 12px; border-radius: 2px; }
.pending { background:#33cccc; color:#154360; padding:1px 5px; font-size: 12px; border-radius: 2px; }


.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #269EAB;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}