html,
body {
  height: 100%;
}

body {
  background-color: #F3F3F3 !important;
}

.sign_center{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.header{
  color:#32cdfb;
  padding: 16px 16px;
  background: #ffffff;
  width:100%;
  float:left;
  text-align: center;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 0px;
  margin: auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
  border-color:#31CDFB;
  outline-color:#31CDFB;
  
}
.form-signin input[type="email"] {
  margin-bottom: 10px;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
}

.index-font{
  color:#32cdfb;
  text-align: center;
  margin-bottom:15px;
}

.index-col{
float:left;
  flex-grow:1;
  flex-basis:0;
  -ms-flex-preferred-size:0;
  -ms-flex-positive:1;
  max-width:100%;
}

::-webkit-input-placeholder { /* Chrome */
  color: #dcdcdc !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #dcdcdc !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #dcdcdc !important;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #dcdcdc !important;
  opacity: 1;
}	

#indexPage .form-group{text-align: center;}

.loginSubject{
	padding:0px; 
	width:100%;
	color:#656565; 
	margin-left:5%;
	letter-spacing: var(--unnamed-character-spacing-0);
	text-align: left;
	font: 15px Open Sans;
	letter-spacing: 0px;
	padding:5% 5% 5px 5%;
}

.loginInputbox input{
	border-radius:7px;
}

.loginSubject .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto !important;
  padding: 10px;
  font-size: 16px;
  border-radius:7px;
}
.loginSubject .form-control:focus {
  z-index: 2;
  border-color:#31CDFB;
  outline-color:#31CDFB;
  
}

.loginBtn{
	background-color:#32cdfb; 
	width:60%;
	margin:15px 18%;
	color:#ffffff; 
	text-align:center;
	border-color:transparent;
	border-radius:7px;
}

.selectionBtn{
	background-color:#32cdfb; 
	color:#ffffff; 
	width:350px;
}

.formLabel{
	 width:285px; 
	 padding:0px;
	 margin:0px;
}

.formbox{
	 width:250px; 
	 padding:0px;
}

.separatorLine{
	width:100%; 
	padding: 1rem 0px 0px 0px;
}

.declarationBtn{
	background-color:#32cdfb; 
	width:100px;
	margin:15px 10px;
	color:#ffffff; 
	text-align:center;
	border-color:transparent;
	border-radius:7px;
}
.radioClass{
	float:left;
	width:100%;
}
.radioInClass{
	font-size:0.5rem;
}

.declarationTable th{
	color:#ffffff;
	font-size:0.8rem;
	padding:10px;
}
.declarationTable td{
	color:#656565;
	font-size:0.8rem;
	background-color:#ffffff;
	padding:10px;
}

.resellerTable th, .schoolTable th{
	color:#ffffff;
	font-size:0.8rem;
	padding:10px;
}
.resellerTable td, .resellerTable td{
	color:#656565;
	font-size:0.8rem;
	background-color:#ffffff;
	padding:10px;
}
.custom-select{width:50px !important;}

table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, 
table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_asc_disabled:before, 
table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting:after, 
table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:after, 
table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:after{
	content:"" !important;
}

.resellerForm .formLabel{
	width:200px;
}

#resellerForm input[type="submit"]:disabled {
  background-color: red;
}

.custom-select.is-invalid, .form-control.is-invalid, 
.was-validated .custom-select:invalid, .was-validated .form-control:invalid{
	border-color:#31CDFB;
}
.custom-select.is-invalid:focus, .form-control.is-invalid:focus, 
.was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus{
	box-shadow:0 0 0 0.2rem #31CDFB;
}

#declarationTable_wrapper .dt-buttons{
	float:right;
}

#declarationTable_filter{margin-right:10px;}
div.dataTables_wrapper div.dataTables_filter input{height:38px;}

#schoolTable_wrapper .dt-buttons{
  float:right;
  margin-left:10px;
}

.backupCSV:active, .backupCSV:hover{
  text-decoration: none;
  color:#ffffff;
}

.btn-secondary, .buttons-excel span{	
	background-color:#32cdfb !important; 
	color:#ffffff; 
	border-color:#32cdfb !important;
}

.modalBox{
  text-align: center;
}

.modalBox div{
  padding-top:5px;
  text-align:center; width:100%; 
}

.modal-footer{
  justify-content: center !important;
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
  .col{
    float:left;
    width:100%;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}