/* Link styles */

a:link {color: blue;}
a:visited {color: blue;}
a:hover {color: blue;}
a:active {color: blue;}

a.black:link {color: black;}
a.black:visited {color: black;}
a.black:hover {color: black;}
a.black:active {color: black;}

a.green:link {color: green;}
a.green:visited {color: green;}
a.green:hover {color: green;}
a.green:active {color: green;}

a.white:link {color: white;}
a.white:visited {color: white;}
a.white:hover {color: white;}
a.white:active {color: white;}

a.blue:link {color: blue;}
a.blue:visited {color: blue;}
a.blue:hover {color: blue;}
a.blue:active {color: blue;}

a.gray:link {color: gray;}
a.gray:visited {color: gray;}
a.gray:hover {color: gray;}
a.gray:active {color: gray;}

a.darkgray:link {color: darkgray;}
a.darkgray:visited {color: darkgray;}
a.darkgray:hover {color: darkgray;}
a.darkgray:active {color: darkgray;}

a.red:link {color: red;}
a.red:visited {color: red;}
a.red:hover {color: red;}
a.red:active {color: red;}

a.lightgray:link {color: lightgray;}
a.lightgray:visited {color: lightgray;}
a.lightgray:hover {color: lightgray;}
a.lightgray:active {color: lightgray;}

a.no_underline:link {text-decoration: none;}
a.no_underline:visited {text-decoration: none;}
a.no_underline:hover {text-decoration: none;}
a.no_underline:active {text-decoration: none;}


body {
    margin: 0;
    padding: 0;
    background: url(./404.jpg) no-repeat center center;
    background-size: cover;
}

.container {
    background-color: white;
    opacity: 0.8;
}

/* Pointer cursor on buttons */
.btn {
    cursor: pointer;
}
.btnC {
    cursor: pointer;
}
button[type=button] {
    cursor: pointer;
}

vspace {
    display: block;
    height: 50px;
}

/* --- */
div.vspace-10 {
    padding-top: 10px;
}
div.vspace-40 {
    padding-top: 40px;
}

.card-block {
    padding: 10px;
}

div.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

div.no-js-container {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 100%;
    background: url(./404.jpg) no-repeat center center;
    background-size: cover;
}

div.no-js-container-txt {
    position: absolute;
    padding: 20px;
    margin: 20px;
    top: 40px;
    left: 40px;
	right: 40px;
    text-align: left;
    /* color: red; */
    /* color: black; */
    background-color: white;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.text-xlarge {
    font-size: 600%;
}


.hidden {
    display: none;
}

.white {
    color: white;
}
.bg-white {
    background-color: white;
}

.green {
    color: green;
}
.limegreen {
    color: limegreen;
}
.red {
    color: red;
}
.blue {
    color: blue;
}
.black {
    color: black;
}
.yellow {
    color: yellow;
}
.orange {
    color: orange;
}
.grey {
    color: grey;
}
.gray {
    color: gray;
}
.darkgrey {
    color: darkgrey;
}

.prone-green {
    color: #008000;
}

.in-blue {
    color: #3782fb;
}
.out-yellow {
    color: #f7be31;
}

th {
    padding-left: 5px;
    padding-right: 5px;
}

td {
    padding-left: 5px;
    padding-right: 5px;
}

.form-lowered-text {
    top: 7px;
}
/* Form lowered text on sm */
@media all and (min-width:575px) {
    .form-lowered-text-sm {
        top: 7px;
    }
}

.input-lowered-text {
    position: relative;
    top: 7px;
}

/* Btn block on xs */
@media all and (max-width:575px) {
    .xs-block-btn {
        width: 100%;
        display: block;
    }
}


/*********************************************/
tfoot input {
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
}

td.details-control {
    background: url('/static/img/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('/static/img/details_close.png') no-repeat center center;
}

div.DTE_Field_Type_textarea textarea {
    height: 200px;
}

table.dataTable tbody tr.stripe1 {
    background-color: #E8E8E8;
}

table.dataTable tbody tr.stripe2 {
    background-color: #D8D8D8;
}

table.dataTable tbody tr.selected {
    background-color: #E0FFE0;
}


div.DTE_Inline div.DTE_Inline_Field input {
    background-color: white;
    padding: 0px;
    margin: 0px;
    border-style: none;
    outline-style: none;
    box-sizing: border-box;
    width: 100%;
}

#dt_ticket select {
    background-color: white;
    padding: 0px;
    margin: -5px 0px 0px 0px;
    border-style: none;
    outline-style: none;
    box-sizing: border-box;
    width: 100%;
}

/* Override rangeslider fill color and size */
.rangeslider__fill {
    background: #a6a6a6;
}
.rangeslider__handle {
    width: 30px;
    height: 30px;
}
.rangeslider__handle:after {
    width: 13px;
    height: 13px;
}
.rangeslider--horizontal .rangeslider__handle {
    top: -5px;
}
.rangeslider {
    margin-bottom: 5px;
}

span.h1-inline {
    display: inline;
    font-size: 2.2em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: normal;
}

span.h4-inline {
    display: inline;
    font-size: 1.33em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

span.h5-inline {
    display: inline;
    font-size: 1.33em;
    margin-top: 1.33em;
    margin-bottom: 0.83em;
    margin-left: 0em;
    margin-right: 0em;
    font-weight: normal;
}

span.vertical_space {
    display: inline;
    margin-left: 0.7em;
    margin-right: 0.7em;
}

button.link_button {
    background: none !important;
    border: none;
    padding: 0 !important;
    font: inherit;
    /*border is optional*/
    /*border-bottom:1px solid #444; */
    cursor: pointer;
    outline: 0;
}

button.link_button.blue { color: blue;}
button.link_button.black { color: black;}
button.link_button.white { color: white;}
button.link_button.red { color: red;}

.btn-panel-menu {
    padding-bottom: 10px;
}

.bold {
    font-weight: bold;
}

.table-color-1 {
    background-color: whitesmoke;
}
.table-color-2 {
    background-color: snow;
}
.table-color-pause {
    background-color: #e6ffe6;
}
.table-color-pause-2 {
    background-color: #f0fff0;
}

.bg-icon-color {
    color: whitesmoke;
}

.bottom-right {
    position: absolute;
    bottom: 2em;
    right: 5px;
    z-index: -1;
}

.warning {
    background: red;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

tr.noBorder td {
    border: 0;
}