@font-face {
  /* font-family: 'Roboto Slab';
  src: url('/static/fonts/Roboto_Slab/RobotoSlab-VariableFont_wght.ttf'); */

  font-family: 'Silka';
  src: url('/static/fonts/Silka/Silka_Webfont/silka-regular-webfont.ttf'); 

}


*{
  list-style: none;
  text-decoration: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Silka', sans-serif;
}


.form_footer {
  padding: 5px 20px;
  width: 100%;  
  background-color: #6F7378;
}

/* Main Form Color*/
.form_header {
  width: 100%;  
  background-color: #85b7ce;
  color: #000000;
}

/* Secondary Form Color */
.form_body {
  width: 100%; 
  background-color: #FFFBF7;/*#f6e3e3;*/ 
  color: #000000;   
}

a {
 color: #09638d;
}

/* Form Tabs */
.theme_1{
  background-color: #6F7378;
}

/* Form Header Buttons and Edit Buttons */
.theme_2{
  background-color: #ABB0B8;
}


/* Setting, Options*/
.theme_3{
  background-color: #22478B;
}



/*  Green to Save or Approve && Red to Cancel or Delete*/
.theme_4{
  background-color: #4f904f;
}

.theme_5{
  background-color: #971B2F;
}




/* To Match The Datatable Header Color*/
.theme_6{
  background-color: #606568;
  color: #FFFFFF;
}


.theme_7{
  background-color: #ABB0B8;
  color: #000000;
}



.theme_8{
  background-color: #cbcdd3;
  box-shadow: none;
  text-indent: 10%;
  font-weight: 700;
  
  
}

/* The color of the icons on the sidebar */

.wrapper .sidebar .icon{
  color: #559cbd;
  width: auto;   
  float: left;
  text-shadow:  -0.5px 0 #000, 0 0.5px #000, 0.5px 0 #000, 0 -0.5px #000;
  
}


/*  The Heading Color For The Datatable */
table.dataTable thead th,
table.dataTable thead td {  
text-align: center;
font-size: 1.2em;
padding: 10px;
background-color: #4893d1;
color: #000000;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}



/* Style the buttons that are used to open the tab content */
.tab button {
background-color: #4f904f;
color: #FFFFFF;
float: right;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
background-color: #4f904f;
color: #000000;
}

.btn.active {
color: #000000;
}



button:focus {
border: 1px solid #77aaff;
box-shadow:  -1px 1px #77aaff,
     -2px 2px #77aaff,
     -3px 3px #77aaff,
     -4px 4px #77aaff,
     -5px 5px #77aaff;
}

/* .textinput {
  text-transform:uppercase;
}


.heavy_select {
  text-transform:uppercase;
}

.textarea {
  text-transform:uppercase;
}


.override {
  text-transform: none;
}

td {
  text-transform:uppercase;
}

input {
  text-transform:uppercase;
}

select {
  text-transform:uppercase;
} */


input[type=checkbox]{
  height: 30px;
  width: 30px;
}



th {
  background: #80b7e4;
  text-align: center;
  font-weight: 700;

}



::placeholder {
  color: grey;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: grey;
}


.form label {
  padding-left: 12px;  
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

label {
  padding-left: 12px; 
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone; 
}

.child_table_wrapper table.dataTable thead th,
.child_table_wrapper table.dataTable thead td {  
text-align: center;
font-size: 1.2em;
padding: 10px;
background-color: #8299ac;
color: #000000;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.heavy_select-content table.dataTable thead th,
.heavy_select-content table.dataTable thead td {  
text-align: center;
font-size: 1.2em;
padding: 10px;
background-color: #8299ac;
color: #000000;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}