/**********************************************************************************/
/* @file:        css/uvv.css
*  @description: Stylesheet der Webseite "Drahtseil Hartmann UVV"
*  @author:      Wolfgang Blessen Software (http://www.blessen.de)
/**********************************************************************************/
span {
    display      : inline-block;
    margin-right : 20px;
}

.button_pruefen {
    background-color : #c93f27;
    border           : 1px solid #af3c2c;
    font-size        : 14px;
}

.button_pruefen a {
    border          : 2px solid rgba(255, 255, 255, 0.25);
    color           : #ffffff;
    padding         : 5px 10px;
    text-shadow     : 0 0 3px #ff8d5c;
    display         : inline-block;
    text-decoration : none;
}

.button_pruefen a:hover {
    color           : #ffffff;
    text-decoration : underline;
}
.button_back_to_list{
    background-color : #66c944;
    border           : 1px solid #41802c;
    font-size        : 14px;

}
.button_back_to_list a {
    border          : 2px solid rgba(255, 255, 255, 0.25);
    color           : #ffffff;
    padding         : 5px 10px;
    text-shadow     : 0 0 3px #74e54d;
    display         : inline-block;
    text-decoration : none;
}
.button_back_to_list a:hover {
    color           : #ffffff;
    text-decoration : underline;
}

/***************************************
*  Dashboard
***************************************/
div.flex_box_full_height {

    position          : relative;
    box-sizing        : border-box;

    display           : -webkit-flex;
    display           : flex;
    -webkit-flex-flow : column nowrap;
    flex-flow         : column nowrap;

    width             : 100%;
    height            : 100%;

    margin            : 0;
    padding           : 0;
    border            : 0;

    /*background-color  : transparent;*/
    background-color : whitesmoke;
}
div.flex_box_full_height.pruefteil_fullscreen {
    /*background-color: yellow;*/
}
div.flex_row_dash_30_percent {

    position : relative;
    /*flex : 0 0 30%;*/
    flex     : 0 0 280px;

    width    : 100%;
    /*background-color: lavender;*/
    /*opacity:0.1;*/
}

div.flex_row_dash_flexible {
    position:relative;
    flex             : auto;
    box-sizing       : border-box;

    width            : 100%;

    background-color : whitesmoke;
    /*opacity:0.1;*/
}

.dash_element {

    position              : relative;
    float                 : left;
    overflow              : auto;

    box-sizing            : border-box;
    width                 : 32.6%;
    height                : 270px;

    padding               : 0 0 2px 0;

    background:#fff;

    border                : 1px solid #ccc;
    border-radius         : 5px;
    -webkit-border-radius : 5px;
    -moz-border-radius    : 5px;

    -webkit-box-shadow    : 1px 1px 3px #e0e0e0;
    -moz-box-shadow       : 1px 1px 3px #e0e0e0;
    box-shadow            : 1px 1px 3px #e0e0e0;
}

.dash_element_flex_height {

    box-sizing            : border-box;
    height                : 100%;

    padding               : 0 0 2px 0;

    overflow              : auto;

    border                : 1px solid #ccc;
    border-radius         : 5px;
    -webkit-border-radius : 5px;
    -moz-border-radius    : 5px;
    -webkit-box-shadow    : 1px 1px 3px #e0e0e0;
    -moz-box-shadow       : 1px 1px 3px #e0e0e0;
    box-shadow            : 1px 1px 3px #e0e0e0;
}

.dash_full_width {

    box-sizing : border-box;
    width      : 100%;

    padding    : 0 0 2px 0;
}

.dash_element h2, .dash_element_flex_height h2 {

    opacity: 1.0;
    background-color: #154396;
    border     : 0;
    margin     : 0 0 5px 0;
}

.dash_element p {
    padding : 2px;
}

.dash_col1, .dash_col2 {
    margin : 0 1% 15px 0;
}

.dash_col3 {
    margin : 0 0 15px 0;
}

a.dashboard_link {
    padding-left    : 16px;
    background      : url(../images/insert.gif) center left no-repeat;
    color           : #666;
    text-decoration : none;
}

a.dashboard_link:hover {
    color           : #333;
    text-decoration : underline;
}

.dash_element ul li {
}

/***************************************
*  Ampeln
***************************************/
.ampel_rot {
    background   : url(../images/ampel_16_rot.png) left center no-repeat;
    padding-left : 18px;
}

.ampel_gelb {
    background   : url(../images/ampel_16_gelb.png) left center no-repeat;
    padding-left : 18px;
}

.ampel_gruen {
    background   : url(../images/ampel_16_gruen.png) left center no-repeat;
    padding-left : 18px;
}

/***************************************
*  Prüfteilübersicht
***************************************/
table.uvv_pruefteile_list {
    margin : 5px;
}

table.uvv_pruefteile_list th {
    text-align     : left;
    vertical-align : top;
    height         : 16px;
    padding        : 2px;
    background     : #cfcfcf;
    /* background-color: #AED7FF;*/
    border-right   : 1px solid #cccccc;
    border-bottom  : 2px solid #cccccc;
}

table.uvv_pruefteile_list div#action_on_select {
    position:absolute;

    padding:5px;
    border:1px solid #666;
    border-radius:5px;
    box-shadow: #666 3px 3px;

    background-color: #fff;
    color: #666;
}
table.uvv_pruefteile_list div#action_on_select a{
    color:#666;
}

table.uvv_pruefteile_list tr.active {
    background-color: #ddd;
}
table.uvv_pruefteile_list tr:hover {
    background-color: #ffc;
}

table.uvv_pruefteile_list td {
    padding       : 1px;
    border-right  : 1px solid #cccccc;
    border-bottom : 1px solid #cccccc;
}

table.uvv_pruefteile_list td.group_header {
    font-weight : 700;
}

table.uvv_pruefteile_list tr.verschrottet {
    text-decoration : line-through;
}

/*
table.uvv_pruefteile_list tr.plakette_gueltig:hover {
    background: #c2fa77;
}
table.uvv_pruefteile_list tr.verschrottet:hover {
    background: #fe755c;
}
*/
table.uvv_pruefteile_list tr.stillgelegt {
}

table.uvv_pruefteile_list tr.in_pruefung {
}

table.uvv_pruefteile_list tr.ersatzteile_bestellt {
}

table.uvv_pruefteile_list tr.neu_angelegt {
}

table.uvv_pruefteile_list tr.plakette_gueltig {
}

table.uvv_pruefteile_list tr.plakette_abgelaufen {
}

table.uvv_pruefteile_list tr.plakette_ungueltig {
}

table.uvv_pruefteile_list tr.fremdgeprueft {
}
/***************************************
*  Modaler Dialog Feldliste
***************************************/
table.test_report_list {
    border:1px solid #fff;
}
table.test_report_list tr{
    height:24px;
    line-height:24px;
}
table.test_report_list tr.backup {
    opacity:0.7;
}
table.test_report_list tr:hover {
    background-color: #ffc;
    opacity:1.0;
}

table.test_report_list td {
    vertical-align: middle;
    padding       : 1px;
    border-right  : 1px solid #cccccc;
    border-bottom : 1px solid #cccccc;
}


/***************************************
*  Modaler Dialog Feldliste
***************************************/
.modal_overlay {
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
    background-color: rgba(127,127,127,0.5);
    text-align:center;
    z-index: 1000;
}
.modal_overlay div#field_list_window {
    width:400px;
    margin: 100px auto;
    background-color: #fff;
    border:1px solid #999;
    border-radius:3px;
    padding:0;
    text-align:left;
}
#field_list_pruefteile{

}
#field_list_pruefteile p{
  padding:5px;
}
#field_list_pruefteile ul{
    width:100%;
    background: #ccc;
    border:1px solid #333;
    margin-bottom:5px;
}
#field_list_pruefteile ul li {

    box-sizing: content-box;
    width:98%;

    padding:2px;
    margin-bottom:2px;
    /*border:1px solid #ccccff;*/
    border:none;

    background:#fff;
    text-align: left;
}
#field_list_pruefteile ul li a {
    display: inline-block;
    float:right;
}

#field_list_pruefteile ul li.is_visible span.desc{
    /*border:1px solid green;*/
    opacity:1.0;
    text-decoration: none;
}
#field_list_pruefteile ul li.is_not_visible span.desc{
    /*border:1px solid red;*/
    opacity:0.5;
    text-decoration: line-through;
}
/***************************************
*  Autocompleter Kundensuche
***************************************/
/**
 *das  Suchvorschl�ge aus der Autocompletion
 */
div#autocomplete_choices {
    background-color : #f9f9f9;
    border           : medium none;
    color            : #333;
    margin           : 0;
    padding          : 0;
    position         : absolute;
    width            : 200px;
}

div#autocomplete_choices ul {
    list-style-type : none;
    margin          : 0;
    padding         : 0;
}

div#autocomplete_choices ul li.selected {
    background-color : lavender;
}

div#autocomplete_choices ul li {
    z-index         : 999;
    opacity         : 1;
    background      : #fff;
    cursor          : pointer;
    display         : block;
    height          : 16px;
    line-height     : 16px;
    list-style-type : none;
    margin          : 0;
    padding         : 2px;
    border-bottom   : 1px solid #ccc;
    overflow        : hidden;
}

div#autocomplete_choices ul li span.snippet {
    background-color : yellow;
    color            : #000;
    padding          : 0;
    margin           : 0;
}

div#spinner_searching {
    display : none;
}

/***************************************
*  Prüfungen
***************************************/
.uvv_pruefungen_style .reihe label, .uvv_pruefungen_style label.ersatz_label {
    /* background:#cfcfcf; */
    width         : 220px;
    text-align    : right;
    display       : block;
    float         : left;
    padding-right : 5px;
    padding-top : 10px;
    font-weight   : 400;
}

.uvv_pruefungen_style .reihe {
    clear         : both;
    height        : 40px;
    padding       : 2px 4px;
    margin-bottom : 5px;
    /*   background:orange; */
}

.uvv_pruefungen_style .reihe input[type="button"]{
    margin-right:5px;
    /*border:1px solid blue;*/
}

.uvv_pruefungen_style .reihe input[type="button"].red{
    background-color: #e36666;
}
.uvv_pruefungen_style .reihe input[type="button"].green{
    background-color: #aaf84f;
}
.uvv_pruefungen_style .reihe input[type="button"].yellow{
    background-color: #ffff00;
}

.uvv_pruefungen_style .feld {
    float      : left;
    text-align : left;
}

.uvv_pruefungen_style .ersatz_auswahl {
    border-bottom : 1px solid #a0a0a0;
    padding       : 2px;
}

.pruefung_form .tab1,
.pruefung_form .tab2,
.pruefung_form .tab3,
.pruefung_form .tab4,
.pruefung_form .tab5,
.pruefung_form .tab6 {
    /* width:800px;*/
    /* background: yellow;*/
}

.zwischenspeichern {
    width         : 100%;
    /*float         : right;*/
    text-align    : right;
    border-top    : 1px solid #009;
    border-bottom : 1px solid #009;
    margin        : 5px 0;
    padding       : 5px 0;
    background    : #ececec;
}

table.tbl_pruefung {
    border          : 1px;
    border-collapse : collapse;
    width           : 910px;
    /* background:yellow;*/
    table-layout    : fixed;
    margin-bottom   : 5px;
}

table.tbl_pruefung td {
    border   : 1px solid #ccc;
    overflow : hidden;
}

table.tbl_pruefung th {
    text-align  : left;
    font-weight : 700;
    border      : 1px solid #ccc;
    overflow    : hidden;
}

table.tbl_pruefung_header td {
    width : 300px;
}

.pruefung_bar {
    height         : 24px;
    border-top     : 1px solid #666;
    padding-top    : 5px;
    margin-top     : 5px;
    border-bottom  : 1px solid #666;
    padding-bottom : 5px;
    margin-bottom  : 5px;
    text-align     : right;
}

.pruefung_bar a.dashboard_link {
    padding-left    : 16px;
    background      : url(../images/insert.gif) center left no-repeat;
    color           : #666;
    text-decoration : none;
}

.pruefung_bar a.dashboard_link:hover {
    color           : #333;
    text-decoration : underline;
}

.pruefung_bar ul li {
    float        : left;
    padding-left : 5px;
}

.pruefung_form {
    box-sizing       : border-box;

    max-width        : 960px;
    margin           : 5px auto 10px auto;
    padding          : 5px;

    border           : 1px solid #ccc;
    box-shadow       : 3px 3px 1px #ccf;

    background-color : #f0f0f0;
}

.pruefung_form select,
.pruefung_form input,
.pruefung_form textarea {
    background-color : #fff;
    color            : #600;
}

.pruefung_form input.mybutton {
    background-color : #ececec;
    color            : #00c;
}

/***************************************
*  Liste
***************************************/
a.deaktiviert {
    text-decoration : line-through;
    color           : #666;
}

/***************************************
*  Kunden
***************************************/
table.tbl_kunden {
    max-width : 870px;
}

table.tbl_kunden tr:hover,
table.tbl_kunden tr.ungerade:hover,
table.tbl_kunden tr.gerade:hover {
    background-color : #ccc;
    cursor           : pointer;
}

/***************************************
*  Ansprechpartner
***************************************/
.ansprechpartner {
    margin        : 5px;
    padding       : 5px;
    border-top    : 1px dotted silver;
    border-bottom : 1px dotted silver;
    text-align    : center;
}

table.ansprechpartner {
    border     : 1px solid silver;
    margin-top : 10px;
}