/*
.error {
    color: red;
}

.logout {
    display: block;
    position: absolute;
    top: 10px;
    right: 20px;
    float: right;
}

.main-nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.main-nav li {
    display: inline-block;
    margin: 0px;
}

.main-nav a {
    text-decoration: none;
    color: black;
    padding: 10px;
}

.main-nav a:hover {
    text-decoration: none;
    color: black;
    background-color: rgb(200,200,200)
}

.container {
    border: 1px solid black;
    width: 800px;
    margin: 25px auto;
    padding: 10px;
}

.form-control {
    margin: 20px 0;
}

.form-control label {
    width: 100%;
    display: block;
}
.form-control input[type="text"], 
.form-control input[type="password"], 
.form-control input[type="submit"] {
    padding: 10px;
    width: 100%;
}

.myTable {
    border-collapse: collapse;
    width: 100%;
    max-width: 800px;
}

.myTable th, .myTable td {
    border: 1px solid black;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
}
.myDIV {
  display: none;
}
*/

label.credit {
  background-color: #f2f2f2; 
    border: 1px dotted #cbc8c8; 
    border-radius: 3px;
    cursor: pointer; cursor: hand;
    PADDING-BOTTOM: 2px; 
    PADDING-LEFT: 8px; 
    PADDING-RIGHT: 5px; 
    PADDING-TOP: 3px;  

}

label:hover.credit {
    background-color: #d9eeda; 
    border: 1px solid #a4a4a4; 
    border-radius: 3px;
    cursor: pointer; cursor: hand;
    PADDING-BOTTOM: 2px; 
    PADDING-LEFT: 8px; 
    PADDING-RIGHT: 5px; 
    PADDING-TOP: 3px;  
}

input[type="radio"]:checked+label.credit {
    background-color: #d9eeda; 
    border: 1px solid #a4a4a4; 
    border-radius: 3px;
    cursor: pointer; cursor: hand;
    PADDING-BOTTOM: 2px; 
    PADDING-LEFT: 8px; 
    PADDING-RIGHT: 5px; 
    PADDING-TOP: 3px;  
}

.fieldcredit {
 border: 1px dotted #878797;
 margin-top: 6px;
// background-color: #f2f2f4;}

.fieldauto { 
border: 1px dotted #878797; 
background-color: #f8f0f0; 
}


.legendcredit {
    background-color: #ffffff00;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    text-decoration: underline;
 }

.legendcreditoff { 
    background-color: #f2f2f4; 
    FONT-SIZE: 12px; 
 }

/*.visible { display: block; } */

label.tarr {
  background-color: #f2f2f2; 
    border: 1px dotted #cbc8c8; 
    border-radius: 3px;
    cursor: pointer; cursor: hand;
    PADDING-BOTTOM: 2px; 
    PADDING-LEFT: 8px; 
    PADDING-RIGHT: 5px; 
    PADDING-TOP: 3px;  

}

label:hover.tarr {
    background-color: #d9eeda; 
    border: 1px solid #a4a4a4; 
    border-radius: 3px;
    cursor: pointer; cursor: hand;
    PADDING-BOTTOM: 2px; 
    PADDING-LEFT: 8px; 
    PADDING-RIGHT: 5px; 
    PADDING-TOP: 3px;  
}

input[type="radio"]:checked+label.tarr {
    background-color: #d9eeda; 
    border: 1px solid #a4a4a4; 
    border-radius: 3px;
    cursor: pointer; cursor: hand;
    PADDING-BOTTOM: 2px; 
    PADDING-LEFT: 8px; 
    PADDING-RIGHT: 5px; 
    PADDING-TOP: 3px;  
}

.fieldtariff {
 border: 1px dotted #878797;
// background-color: #f2f2f4;}

.fieldauto { 
border: 1px dotted #878797; 
background-color: #f8f0f0; 
}


.legendtariff {
/*    background-color: #ffffff00; */
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
    text-decoration: underline;
	  background-color: #e2eef5;
	  padding: 0px 5px;
	  border-radius: 6px;
	  border: solid 1px #bebebe;
 }

.legendtariffoff { 
    background-color: #f2f2f4; 
    FONT-SIZE: 13px; 
 }
 
.legendbutton { 
/*	width: 90%; */
	color: #cf0303;
    border-radius: 5px;
    border: 1px solid #b6b6c0; 
    background-color: #f2f2f4;
    FONT-SIZE: 15px; 
    FONT-WEIGHT: 500;
    PADDING-BOTTOM: 3px; 
    PADDING-LEFT: 16px; 
    PADDING-RIGHT: 16px; 
    PADDING-TOP: 3px;  
    
 }
.legendauto { 
border: 1px dotted #878797; 
background-color: #f4e4e4; 
}

[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text)
 
}