body
{
   font-size: 1.0em !important;
   color: #000 !important;
   font-family: 'Roboto', sans-serif !important;
}

.content {
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
	  -moz-animation: fadein 1s; /* Firefox < 16 */
	   -ms-animation: fadein 1s; /* Internet Explorer */
	    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

table.dataTable {
  position:relative;
  top:-45px;
}

div.dt-buttons {
  position: relative;
  float: right !important;
  top:-45px;  
}

button.dt-button,
div.dt-button,
a.dt-button,
input.dt-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-right: -3px;
  margin-bottom: 0.333em;
  padding: 0.5em 1em;
  border: 0px solid #ddd !important;
  border-left: 1px solid #ddd !important;
  border-radius: 0px;
  background-image: none;
  cursor: pointer;
  font-size: 0.88em;
  line-height: 1.6em;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  background-color: #ffffff !important;
  user-select: none;
  text-decoration: none;
  outline: none;
  text-overflow: ellipsis;
}

.form-radio
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #f1f1f1;
     color: #666;
     top: 10px;
     height: 30px;
     width: 30px;
     border: 0;
     border-radius: 50px;
     cursor: pointer;     
     margin-right: 7px;
     outline: none;
}
.form-radio:checked::before
{
     position: absolute;
     font: 13px/1 'Open Sans', sans-serif;
     left: 11px;
     top: 7px;
     content: '\02143';
     transform: rotate(40deg);
}
.form-radio:hover
{
     background-color: #f7f7f7;
}
.form-radio:checked
{
     background-color: #f1f1f1;
}

.inputWithIcon input[type="text"]:focus {
  border-color: #d70303 !important;
  box-shadow: 0 0 8px 0 #d70303 !important;
}

.inputWithIcon input[type="text"] {
  padding-left: 30px;
}

.inputWithIcon input[type="password"] {
  padding-left: 30px;
}

.inputWithIcon input[type="number"] {
  padding-left: 30px;
}

.inputWithIcon {
  position: relative;
}

.inputWithIcon i {
  position: absolute;
  left: 0;
  top: 1px;
  padding: 9px 8px;
  color: #d70303;
  transition: 0.3s;
}

.inputWithIcon input[type="text"]:focus + i {
  color: #d70303;
}

.inputWithIcon.inputIconBg i {
  background-color: #aaa;
  color: #fff;
  padding: 9px 4px;
  border-radius: 4px 0 0 4px;
}

.inputWithIcon.inputIconBg input[type="text"]:focus + i {
  color: #fff;
  background-color: dodgerBlue;
}