body {
    font: 14px/1.42 sans-serif;
}
body, button, html, input, select, textarea {
    font-family: Helvetica, Arial, sans-serif;
}
html {
    overflow-y: scroll;
    text-align: center;
}
.hide, .modal, .modal-overlay {
    display: none;
}
.modal {
    z-index: 1100;
    position: absolute;
    top: 10%;
    left: 25%;
    width: 50%;
    height: 400px;
}
.modal .close {
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-decoration: none;
    position: absolute;
    right: -1em;
    top: -1em;
}
.no-edges, .no-edges .sub, .no-edges li, html, body, input, button, fieldset, legend, figure {
    margin: 0;
    padding: 0;
}
.no-style, .no-style .sub, .no-style li, input, button, fieldset, legend {
    border: 0;
    list-style: none;
    text-decoration: normal;
    font-weight: normal;
    font-style: normal;
}
h1 {
    font-size: 1.75em;
}
h2 {
    font-size: 1.35em;
}
table {
    border-collapse: collapse;
    margin: 1em 0;
}
table td, table th {
    padding: 0.25em 0.5em;
}
.clear {
    clear: both;
}
.clear-none {
    clear: none;
}
.pull-left, .forum-plus {
    float: left !important;
}
.pull-right, .forum-minus {
    float: right !important;
}
.pull-none {
    float: none !important;
}
a:hover, a:active {
    outline: 0;
}
.inline, .inline li {
    display: inline-block;
    float: left;
}
input[disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"] {
    cursor: not-allowed !important;
    opacity: 0.55;
}
input[readonly="readonly"], select[readonly="readonly"], textarea[readonly="readonly"] {
    background-color: rgb(240 240 240);
    border-color: rgb(220 220 220);
    color: rgb(20 20 20);
}
input[type="date"], input[type="datetime"] {
    height: 1.42em;
}
.no-border {
    border: 0;
}
.smallest {
    font-size: 0.65em;
}
.smaller {
    font-size: 0.75em;
}
.small {
    font-size: 0.9em;
}
.normal {
    font-size: 1em;
}
.mediumsmall {
    font-size: 1.08em;
}
.medium {
    font-size: 1.15em;
}
.big {
    font-size: 1.25em;
}
.bigger {
    font-size: 1.5em;
}
.biggest {
    font-size: 1.75em;
}
.thebiggest {
    font-size: 2.15em;
}
.thebiggest2 {
    font-size: 3em;
}
.bold {
    font-weight: bold;
}
.regular {
    font-weight: normal;
}
.normal {
    font-style: normal;
}
.no-decoration, .no-underline, *[class^="btn"].underline:hover {
    text-decoration: none;
}
.underline, *[class^="btn"].no-underline:hover {
    text-decoration: underline;
}
.upper {
    text-transform: uppercase;
}
.line-through {
    text-decoration: line-through;
}
.no-transform {
    text-transform: none;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.top {
    vertical-align: top;
}
.bottom {
    vertical-align: bottom;
}
.hidden {
    overflow: hidden;
}
.nowrap {
    white-space: nowrap;
}
.wrapper {
    margin: 0 2%;
    padding-bottom: 0.5em;
}
.container {
    display: block;
    text-align: left;
    position: relative;
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
}
*[class^="col"], .row {
    display: inline-block;
}
*[class^="col-"], .row {
    float: left;
}
.row {
    float: none;
}
.col-1 {
    width: 8.3333%;
}
.col-2 {
    width: 16.6666%;
}
.col-3 {
    width: 25%;
}
.col-4 {
    width: 33.3333%;
}
.col-5 {
    width: 41.6666%;
}
.col-6 {
    width: 50%;
}
.col-7 {
    width: 58.3333%;
}
.col-8 {
    width: 66.6666%;
}
.col-9 {
    width: 75%;
}
.col-10 {
    width: 83.3333%;
}
.col-11 {
    width: 91.6666%;
}
.col-12, .row, table {
    clear: both;
    width: 100%;
}
.center {
    text-align: center;
    /*display: inline-block;
    width: 100%;*/
}
.col-center {
    float:none;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}
.row {
    float: none;
}
.relative {
    position: relative;
}
.vertical-align {
    display: table;
}
.middle {
    display: table-cell;
    vertical-align: middle;
}
.dt-buttons .dt-button, *[class^="btn"], *[class^="input"], *[class^="alert"], .dataTables_filter input {
    padding: 0.5em 1em 0.4em;
    border: 1px solid rgb(0 0 0 / 0%);
    line-height: 1.42em;
    display: inline-block;
    text-align: center;
}
*[class^="alert"] {
    text-align: left;
    width: 96%;
    margin: 0.5em 1%;
    padding: 0.5em 1%;
    font-size: 1.15em;
}
*[class$="block"] {
    margin: 0 0;
    padding: 0.5em 2% 0.4em;
    width: 96%;
}
select[class$="block"] {
    width: 100%;
    padding-top: 0.65em;
    padding-bottom: 0.5em;
}
button[class$="block"] {
    padding: 0.5em 0 0.4em;
    width: 100%;
}
*[class^="input"], .dataTables_filter input {
    background-color: rgb(255 255 255);
    border-color: rgb(0 0 0);
}
.dt-buttons .dt-button, *[class^="btn"], *[class^="alert"] {
    color: rgb(0 0 0);
    background-color: rgb(220 220 220);
    border-color: rgb(200 200 200);
    -webkit-box-shadow: inset 0px 0px 0.5em 0px rgba(0,0,0,0.05); 
    box-shadow: inset 0px 0px 0.5em 0px rgba(0,0,0,0.05);
}
button[class^="btn"], a[class^="btn"], input[class^="btn"] {
    cursor: pointer;
}
*[class*="primary"] {
    color: rgb(255 255 255);
    background-color: rgb(0 98 204);
    border-color: rgb(0 92 191);
}
*[class*="danger"] {
    color: rgb(255 255 255);
    background-color: rgb(220 53 69);
    border-color: rgb(220 53 69);
}
*[class*="success"] {
    color: rgb(255 255 255);
    background-color: rgb(40 167 69);
    border-color: rgb(40 167 69);
}
*[class*="info"] {
    background-color: rgb(209 236 241);
    border-color: rgb(190 229 235);
    color: rgb(12 84 96);
}
*[class*="warning"] {
    color: rgb(33 37 41);
    background-color: rgb(255 193 7);
    border-color: rgb(255 193 7);
}
*[class*="transparent"] {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
}
*[class*="btn"]:hover {
    background-color: rgb(190 190 190);
    -webkit-box-shadow: inset 0px 0px 0.5em 0px rgba(0,0,0,0.1); 
    box-shadow: inset 0px 0px 0.5em 0px rgba(0,0,0,0.1);
}
*[class*="transparent"]:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
}
*[class*="btn-primary"]:hover {
    background-color: rgb(0 98 155);
}
*[class*="btn-danger"]:hover {
    background-color: rgb(200 49 50);
}
*[class*="btn-success"]:hover {
    background-color: rgb(40 150 79);
}
*[class*="btn-info"]:hover {
    background-color: rgb(204 215 255);
}
*[class*="btn-warning"]:hover {
    background-color: rgb(255 180 19);
}
.selected {
    font-weight: bold;
}
body {
    /*background-color: #f8f8f8;*/
}
.biggest-elements *[class^="input"], .biggest-elements *[class^="btn"] {
    font-size: 2em;
}
.radius-elements *[class^="input"], .radius-elements *[class^="alert"], .radius-elements *[class^="btn"], .dataTables_filter input {
    border-radius: 0.25em;
}
.shadow-elements *[class^="input"], .shadow-elements *[class^="btn"], .dataTables_filter input {
    /*-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);*/
}
input[required="required"], select[required="required"], textarea[required="required"] {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25), inset -3px 0px 0px 0px rgb(255 0 0 / 50%);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25), inset -3px 0px 0px 0px rgb(255 0 0 / 50%);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25), inset -3px 0px 0px 0px rgb(255 0 0 / 50%);
}
#logo {
    max-height: 2.35em;
    width: auto;
}
.border-bottom {
    border-bottom: 1px solid rgb(0 0 0 / 0%);
}
.border-gray {
    border-color: #999999;
}
#header {
    padding: 0.5em 1%;
}
#logo {
    padding: 0 1em;
}
thead th {
    padding: 0.5em 0.75em;
}
tr th {
    background-color: #e9e9e9;
}
tr td {
    background-color: #f9f9f9;
}
tr:nth-child(2n) td {
    background-color: #efefef;
}
tr td, tr th {
    border-bottom: 1px solid #999999;
}
.dataTables_info {
    width: 98%;
    padding: 0.5em 1%;
}
.dataTables_filter {
    margin-bottom: -3em;
    position: relative;
    z-index: 10;
    margin-top: 1em;
    margin-right: 1em;
}
.bg-black {
    background-color: rgb(0 0 0);
    color: rgb(255, 255, 255);
}
.flash {
    animation: btnFlash 2s infinite;
}
tr.flash-cell td {
    animation: cellFlash 2s infinite;
}
@keyframes cellFlash {
    50% {
        background-color: rgb(116, 255, 123);
    }
}
@keyframes btnFlash {
    50% {
        background-color: rgb(0 98 204);
    }
}
.biggest-elements *[class^="btn"] {
    padding-top: 0.5em;
    padding-bottom: 0.4em;
}
tr:hover > td, tr:hover:nth-child(2n) > td {
    background-color: rgba(220, 220, 220);
}
input[type="number"]#number::-webkit-outer-spin-button,
input[type="number"]#number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0;
}
.page {
    position: relative;
}
#overview .status-delayed td {
    background-color: rgba(220, 53, 69, 0.25);
}
#overview .status-processed td {
    background-color: rgba(255, 180, 19, 0.25);
}
#overview .status-sign td {
    background-color: rgba(40, 169, 69, 0.25);
}
#overview .priority-1 td {
    color: #f30000;
}
#menu-top {
    margin-top: 0.35em;
}
.rest .btn {
    margin-bottom: 0.15em;
}
.margin-02p {
    margin: 0 2%;
}
.margin-05p {
    margin: 0 5%;
}
.margin-050e {
    margin: 0.5em 0;
}
/*.actual-number {
    border-radius: 0.05em;
    padding: 0.25em 0;
    position: absolute;
    background-color: #d3d3d3;
    border: 1px solid #000000;
    left: 10%;
    top: 0;
    width: 80%;
    font-size: 5em;
}*/
@media (max-width: 1024px) {
    .container {
        display: inline-block;
    }
    #form-search {
        font-size: 0.95em
    }
    .biggest-elements *[class^="input"], .biggest-elements *[class^="btn"] {
        font-size: 1.25em;
    }
    #logo {
        padding:0.5em 0;
    }
}