@keyframes blink-breathe-redbg {
    0%   {background: red;}
    50%  {background: #8e0400;}
    100%   {background: red;}
}

body {
    font-family: arial, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.aright {
    text-align: right;
}

.va-middle {
    vertical-align: middle;
}

.centerContent {
    margin: 10px;
}

#pageHeader {
    margin-bottom: 20px;
}

@-webkit-keyframes devbadge {
    0% {background-color: red;}
    50% {background-color: #780000;}
    100% {background-color: red;}
}
/* Standard syntax */
@keyframes devbadge {
    0% {background-color: red;}
    50% {background-color: #780000;}
    100% {background-color: red;}
}
.devbadge {
    display: inline-block;
    /*display: block;*/
    background: red;
    height: 37px;
    font-family:  Arial, Verdana, sans-serif;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    color: white;
    animation: devbadge 3s linear 0s infinite;
    animation-duration: 4s;
    vertical-align: top;
}
.devbadge a, .devbadge a:visited {
    color: white !important;
    text-decoration: none;
}
.devbadge div {
    margin: 0 10px;
    height: 36px;
    line-height: 36px;
}

.dnone {
    display: none;
}

.iblock {
    display: inline-block !important;
}
.acenter {
    text-align: center;
}
.aleft {
    text-align: left;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

a img {
    border : none;
}

.bold {
    font-weight: bold;
}

.buttons {
    margin: 20px 0;
}
.red {
    color: #ca0000;
}
.green {
    color: green;
}

@media print {
    #timersTable tr.buttons,
    select[name="clients"],
   #pageHeader {
        display: none !important;
    }
    .no-print {
        display: none !important;
    }
}

.unselectable{
    user-select: none; /* CSS3 (little to no support) */
    -ms-user-select: none; /* IE 10+ */
    -moz-user-select: none; /* Gecko (Firefox) */
    -webkit-user-select: none; /* Webkit (Safari, Chrome) */
}

table.unselectableRows tr{
    user-select: none; /* CSS3 (little to no support) */
    -ms-user-select: none; /* IE 10+ */
    -moz-user-select: none; /* Gecko (Firefox) */
    -webkit-user-select: none; /* Webkit (Safari, Chrome) */
}


ul.breadcrumbs {
    padding: 0;
    list-style: none;
    margin: 0 0 20px 0px;
    display: block;
    background-color: #ffffe0;
    border: 1px solid #3c3c3c;
}
ul.breadcrumbs li {
    list-style: none;
    display: inline-block;
}
ul.breadcrumbs li a {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    display: inline-block;
}

ul.breadcrumbs li a:hover {
    background-color: #ffffa0;
}
ul.breadcrumbs a.textonly {
    color: black;
    cursor: default;
}

a:link, a:visited {
    text-decoration: none;
    color: #2761bd;
    font-weight: bold;
}

a.highlightbg:hover{
    text-decoration: underline;

}

a.icon img {
    vertical-align:middle;
    border: none;
}

table.dataTable {
    border-collapse: collapse;
}

table.dataTable td, table.dataTable th{
    padding: 6px;
    border: 1px solid #dadada;
    font-family: arial, sans-serif;
    page-break-inside: avoid;
}

table.dataTable tr:hover {
    background-color: rgba(108, 155, 255, 0.18);
}


table.dataTable tr.totalsRow td{
    border-top: 2px solid black;
}

table.highlightable tr.highlight{
    background-color: #a9ffd3;
}
table.dataTable.highlightable tr.highlight:hover{
    background-color: #b7ffde !important;
}


table.vtable {
    border-collapse: collapse;
}

table.vtable td, table.vtable th{
    padding: 6px;
    font-family: arial, sans-serif;
}


table.vtable th {
    text-align-last: right;
}


ul.menu {
    display: block;
    list-style: none;
    padding: 0px;
    margin: 0 0 0px 0;
}

ul.menu li {
    list-style: none;
    display: inline-block;
    /*height: 37px;*/
}

ul.menu > li > a {
    display: inline-block;
    height: 21px;
    padding: 7px;
    color: #f9f9f9;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-weight: normal;
    background: #144ec3 linear-gradient(to bottom, #1554f0 0%, #1552ce 45%, #144dc1 55%, #134bbc 100%);
    border-bottom: 1px solid #134bbc;
    border-right: 1px solid #134bbc;
    border-left: 1px solid #185fef;
    border-top: 1px solid #185fef;
}
ul.menu li a.selected {
    background: #009aff linear-gradient(to bottom, #0e9fff 0%, #009aff 45%, #009aff 55%, #008be7 100%);
    text-shadow: 1px 1px rgba(99, 99, 99, 0.5);

}

ul.menu > li > a:hover {
    background: linear-gradient(to bottom, #82939d 0%, #70838f 45%, #70838f 55%, #677883 100%);
}

ul.menu > li > a {
    color: #f9f9f9;
    background: #70838f;
    /*background: #33aeff linear-gradient(to bottom, #33aeff 0%, #33aeff 45%, #33aeff 55%, #33aeff 100%);*/
    border-color: #596973 #7c8d98 #7c8d98 #596973;
    /*border: 1px solid #5089af;*/
}
ul.menu a.selected {
    background: #009aff linear-gradient(to bottom, #39aeff 0%, #009aff 45%, #009aff 55%, #007ed2 100%);
    /*border-color: #39aeff #009aff #009aff #39aeff;*/
    border-color: #0058af #009aff #009aff #0058af;
    /*border-bottom: #009aff00;*/
}

/*
ul.menu li:last-of-type a{
    border-right: none;
}
*/

.bfField {
    font-size: 18px;
    font-family: "Trebuchet MS", Arial, sans-serif;
}

input.bfField {
    border: 1px solid #767676;
    border-radius: 2px;
}
input.bfField.wrong {
    border: 1px solid red;
}
.bfField.bg {
    background: #ffffd1;
}
.bfField.bg[readonly] {
    background: #eaead5;
}
.bfField.int {
    background: #d1edff;
}
.bfField.int[readonly] {
    background: #d1dde5;
}

input[type="text"]:read-only, textarea:read-only{
    background-color: #f1f1f1;
    border: 1px solid #a9a9a9;
    cursor: not-allowed;
}

.priceRight {
    text-align: right;
}

.w620 {
    width: 620px;
}

.pickerButton {
    width: 40px;
    height: 40px;
    vertical-align: middle;
}
.autofilled {
    background-color: #ededed;
}

div#bulkUpdateFormDiv table th.highlight, div#bulkUpdateFormDiv table td.highlight {
    background-color: #c8ffbb;
}

table.highlightable tr.highlight{
    background-color: #a9ffd3;
}
table.dataTable.highlightable tr.highlight:hover{
    background-color: #b7ffde !important;
}

div.counter {
    margin: 10px;
    padding: 10px;
}
div.counter.running {
    background: #caffc9;
}

div.counterBox {
    /*display: inline-block;*/
    width: 100px;
    height: 100px;
    text-align: center;
    border: 2px solid #7290ff;
    border-radius: 100px;

    display: table-cell;
    vertical-align: middle;
}

div.counter a h2 {
    color: #000;
    display: inline-block;
}
div.counterBox h3 {
    font-size: 22px;
}

div.counterBox h3 span span{
    font-size: 18px;
    font-weight: bold;
}

div.counterBox.controls {
    /*vertical-align: top;*/

}

#timersTable tr.ongoing{
    background: #ffeff2;
}

.googleButton {
}
.googleButton span{
    font-weight: bold;
}
.googleButton span:nth-child(1), .googleButton span:nth-child(4) {
    color:#4285f4;
}
.googleButton span:nth-child(2), .googleButton span:nth-child(6) {
    color:#ea4335;
}
.googleButton span:nth-child(3) {
    color:#fbbc05;
}
.googleButton span:nth-child(5) {
    color: #34a853;
}

input[type=checkbox] {
    border: 1px solid #b4b9be;
    background: #fff;
    color: #555;
    clear: none;
    /*cursor: pointer;*/
    display: inline-block;
    line-height: 30px;
    height: 22px;
    width: 22px;
    min-width: 22px;
    margin: 2px 4px 2px 0px;
    outline: 0;
    padding: 0!important;
    text-align: center;
    vertical-align: bottom;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-sizing: border-box;
}
input[type=checkbox]:focus {
    -webkit-appearance: none;
    border-color: #5b9dd9;
    box-shadow: 0 0 2px rgba(30, 140, 190, .8);
    outline: 2px solid transparent;

}

/*, input[type=radio]:checked:before*/
input[type=checkbox]:checked:before {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    /*font: normal 27px/1 dashicons;*/
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}


input[type=checkbox]:checked:before {
    /*content: "\f147";*/
    content: "\00A0";
    /*margin: -2px 0 0 -2px;*/
    color: #1e8cbe;
    background-image: url("/img/check-20.png");
    background-repeat: no-repeat;
}