body {
    background-color: #E4E5E6;
}

.main {
    /*border: 2px solid red;*/
    height: 350px;
    /*width: 280px;  */
    width: 95%;
    
    position: absolute;
    top:30;
    margin-bottom: 100px;
    left: 0;
    right: 0;

    margin-left: auto;
    margin-right: auto;
}

@import "compass/css3";


form.login-form {
  box-sizing: border-box;
  font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  color: #090909;
  font-size: 12px;
  background: #C8C8C8; 
  width: 300px;
  margin: 30px auto;
  border-radius: 0.4em;
  border: 1px solid #191919;
  overflow: hidden;
  position: relative;
  box-shadow: 0 5px 10px 5px rgba(0,0,0,0.2);
}

form.login-form:after {
  content:"";
  display: block;
  position: absolute;
  height: 1px;
  width: 100px;
  left: 20%;
  background: linear-gradient(left, #111, #444, #b6b6b8, #444, #111);
  top: 0;
}

form.login-form:before {
     content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 5px;
  border-radius: 50%;
  left: 34%;
  top: -7px;
  box-shadow: 0 0 6px 4px #fff;
}

.inset {
     padding: 20px; 
  border-top: 1px solid #19191a;
}

form.login-form h1 {
    font-size: 18px;
    text-shadow: 0 1px 0 black;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid rgba(0,0,0,1);
    position: relative;
    color: #383838;
}

form.login-form h1:after {
     content: "";
  display: block;
  width: 250px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 50px;
  pointer-events: none;
  transform: rotate(70deg);
  background: linear-gradient(50deg, rgba(255,255,255,0.10), rgba(0,0,0,0));
  
}

label.login-form-label {
    color: #666;
    display: block;
    padding-bottom: 9px;
    text-align: left;
}

input.login-form-input[type=text],
input.login-form-input[type=password] {
     width: 100%;
    padding: 8px 5px;
    background: linear-gradient(#E9E9E9, #E1E1E1);
    border: 1px solid #222;
    box-shadow: 
    0 1px 0 rgba(255,255,255,0.1);
    border-radius: 0.3em;
    margin-bottom: 20px;
}

label[for=remember]{
    color: #383838;
    display: inline-block;
    padding-bottom: 0;
    padding-top: 2px;
    float: left;
}

input[type=checkbox] {
    display: inline-block;
    vertical-align: top;
    float: left;
}

.p-container {
     padding: 0 20px 20px 20px; 
}

.p-container:after {
    clear: both;
    display: table;
    content: "";
}

.p-container span a {
  display: block;
  float: left;
  color: #0d93ff;
  padding-top: 8px;
  font-size: 12px;
}

input.login-form-submit[type=submit] {
    padding: 5px 20px;
    border: 1px solid rgba(0,0,0,0.4);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
    box-shadow: 
    inset 0 1px 0 rgba(255,255,255,0.3),
    inset 0 10px 10px rgba(255,255,255,0.1);
    border-radius: 0.3em;
    background: #0184ff;
    color: white;
    float: right;
    font-weight: bold;
    cursor: pointer;
    font-size: 13px;
}

input.login-form-submit[type=submit]:hover {
  box-shadow: 
    inset 0 1px 0 rgba(255,255,255,0.3),
    inset 0 -10px 10px rgba(255,255,255,0.1);
}

input.login-form-submit[type=text]:hover,
input.login-form-submit[type=password]:hover,
label.login-form-submit:hover ~ input[type=text],
label.login-form-submit:hover ~ input[type=password] {
     background: #27292c;
}

.header_1 {
    width: 100%;
    height: auto;
    padding: 0px;
    /*border: 1px solid blue;*/
    display: block;
    text-align: center;
}

.login_logo {
    position: relative;
    display: block;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}

.loggedin_logo {
    position: relative;
    display: block;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 400px;
    margin: auto;
}



h1 {
    text-align: center;
}

h4 {
    text-align: center;
}

h5 {
    text-align: center;
    margin: 4px;
}

.selectRC {
    width: 100px;
}

.main_loggin_rc {
    /*border: 2px solid red;    */
    min-height: auto;
    width: 1860px;
    /*border: 1px solid red;  */

    padding-top: 30px;
    position: relative;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    /*z-index: -20; */
    margin: auto;    
}

.main_loggin {
   /* border: 2px solid red;   */ 
    min-height: auto;
    width: 850px;
    height: auto; 
    padding-top: 30px;
    position: relative;
   
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    /*z-index: -20;     */
    margin: auto;    
}

#nav-bar {
    width: 1100px;
    position: relative;
 
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    margin-top: 0px;
    margin-left: auto;  
    margin-right: auto;  
}


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*background-color: #E1E1E1;  */
    background-color: #E2E3E4;
    border: 2px solid #CDCDCD;
    border-bottom-right-radius: 2em 4em;
    border-bottom-left-radius: 2em 4em;
}

li {
    float: left;
}

li.li_logout {
    float: right;
}

li a {
    display: block;
    color: #232323;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) {
    /*background-color: #A4A4A4;  */
    color: #898989;
    background-color: #E1E1E1;
    border-left: 1px solid #D1D1D1;
    border-right: 1px solid #D1D1D1;
}

.active {
    /*background-color: #4CAF50; */
}

a.deleteTime {
    color: #FF0000;
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
    width: 10px;
    height: 10px;
}

.editTime {
    color: #0000FF;
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
    width: 10px;
    height: 10px;    
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a.NoStyle {
    color: inherit; /* blue colors for links too */
    text-decoration: inherit; /* no underline */
    font-weight: bold;
}

.insetNewRow {
    color: DARKGREEN;
}

.mail_list_wrapper {
    border-top: 1px solid #000000;
    position: relative;
    width: 100%;
    float: left;
}



.mail_list_left, .mail_list_right h3 {
    text-align: center;
}

.mail_list_left, .mail_list_right  {
    width: 49.5%; 
    height: auto;
    /*border: 1px solid red; */
    float: left;  
}



.mail_signup {   
    width: 100%; 
    height: auto;

    position: relative;
    text-align: center;
}


.table_rc_email {   
    width: 49.5%; 
    height: auto;
    position: relative;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 1px solid #ACACAC;
    
}










.table_rc {
    float: left;
    position: relative;
    margin-left: 15px;
    border: solid 1px #EFEFEF;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
    z-index: 200000;
}
.table_rc thead th {
    background-color: #EFEFEF;
    border: solid 1px #EFEFEF;
    color: #336B6B;
    padding: 4px 10px 4px 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}
.table_rc tbody td {
    border: solid 1px #EFEFEF;
    color: #333;
    padding: 0px; 
    text-shadow: 1px 1px 1px #fff;
}




.table_rc_offical {
    position: relative;
    margin-left: 15px;
    border: solid 1px #EFEFEF;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
    z-index: 200000;
}
.table_rc_offical thead th {
    background-color: #EFEFEF;
    border: solid 1px #EFEFEF;
    color: #336B6B;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}
.table_rc_offical tbody td {
    border: solid 1px #EFEFEF;
    color: #333;
    padding: 0px;
    text-shadow: 1px 1px 1px #fff;
}






.table_startnr {

    margin-left: 15px;
    border: solid 1px #EFEFEF;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
    z-index: -20;  
    table-layout: auto;
    width: 100%;
}

.table_startnr thead th {
    background-color: #EFEFEF;
    border-bottom: solid 1px #ACACAC;
    color: #336B6B;
    padding: 1px 5px 1px 5px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}
.table_startnr tbody td {
    border-bottom: solid 1px #CDCDCD;
    color: #333;
    padding: 1px 5px 1px 5px;
    text-shadow: 1px 1px 1px #fff;
    
}

.table_rapport {
    /*border: 2px solid red;*/
    width: 350px;
    display: block;
}

.table_rapport table {
    text-align: left;
}

.table_rapport_status {
    text-align: left;    
}


a:link.linkBlack {
  color: #000000;
}

/* visited link */
a:visited.linkBlack {
  color: #000000;
}

/* mouse over link */
a:hover.linkBlack {
  color: #000000;
}

/* selected link */
a:active.linkBlack {
  color: #000000;
}

a.linkNoClass {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

:target {
   background-color: #FFFFAA;
}




.std-driverlist .sq-driverlist {
  width:100%;
  float: left;
}
.sq-driverlist, .none-sq-driverlist, .indexLoginDriverList, .driversLoginDriverList {
    margin: auto;
}
.std-driverlist {
    
}

.indexLoginDriverList{
    width: 180px;     
}

.driversLoginDriverList {
    width: 330px;     
}

.change-driverlist {
    color: #FFFFFF;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    display: block;
    background: rgb(28, 184, 65); /* this is a green */
    width: 90px;
    height: 18px;
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
}

.Backup_restore h2 {
    text-align: center;
}
.Backup_restore {
    border-top: 1px solid #000000;
    position: relative;
    width: 100%;
    float: left;
}

.db_backup {
    width: 49.5%;
    float: left;
   /* border: 1px solid red; */
    height: 30px;   
}

.db_restore {
    width: 49.5%;
    float: left;
    /*border: 1px solid blue; */
    height: 30px;  
}

.db_restore, .db_backup h3 {
    text-align: center;
}

.startnr-left {
    height: auto;
    width: 48%;
    float: left;
}
.startnr-right {
    height: auto;
    width: 48%;
    float: left;
}

.search_green {
    color: green;
}

.search_red {
    color: red;
}


p.p-hidden {
    display: none;
}

.posWidth {
    width: 50px;
}

hr.hrWidth1 {
    width: 250px;
}

hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 10px; 
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 10px; 
}

.startNrAddBy {
    width: 50px;
}














input.hidden_input,
label.hidden_input,
select.hidden_input,
button.hidden_input,
textarea.hidden_input
{
    margin:0;
    border:0;
    padding: 6px 12px 6px 12px;
    display:inline-block;
    vertical-align:middle;
    white-space:normal;
    background:none;
    line-height:1;
    
    /* Browsers have different default form fonts */
    color: #333;
}

/* Remove the stupid outer glow in Webkit */
input.hidden_input:focus
{
    outline:0;
}

/* Box Sizing Reset
-----------------------------------------------*/

/* All of our custom controls should be what we expect them to be */
input.hidden_input,
textarea.hidden_input
{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}

/* These elements are usually rendered a certain way by the browser */
button.hidden_input,
input.hidden_input[type=reset],
input.hidden_input[type=button],
input.hidden_input[type=submit],
input.hidden_input[type=checkbox],
input.hidden_input[type=radio],
select.hidden_input
{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/* Text Inputs
-----------------------------------------------*/

input.hidden_input[type=date],
input.hidden_input[type=datetime],
input.hidden_input[type=datetime-local],
input.hidden_input[type=email],
input.hidden_input[type=month],
input.hidden_input[type=number],
input.hidden_input[type=password],
input.hidden_input[type=range],
input.hidden_input[type=search],
input.hidden_input[type=tel],
input.hidden_input[type=text],
input.hidden_input[type=time],
input.hidden_input[type=url],
input.hidden_input[type=week]
{
}

/* Button Controls
-----------------------------------------------*/

input.hidden_input[type=checkbox],
input.hidden_input[type=radio]
{
    width:13px;
    height:13px;
}

/* File Uploads
-----------------------------------------------*/

input.hidden_input[type=file]
{

}

/* Search Input
-----------------------------------------------*/

/* Make webkit render the search input like a normal text field */
input.hidden_input[type=search]
{
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration
{
    display:none;
}

/* Buttons
-----------------------------------------------*/

button.hidden_input,
input.hidden_input[type="reset"],
input.hidden_input[type="button"],
input.hidden_input[type="submit"]
{
    /* Fix IE7 display bug */
    overflow:visible;
    width:auto;
}

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button
{    
    padding:0;
    border:0;
    background:none;
}

/* Textarea
-----------------------------------------------*/

textarea.hidden_input 
{
    /* Move the label to the top */
    vertical-align:top;
    
    /* Turn off scroll bars in IE unless needed */
    overflow:auto;
}

/* Selects
-----------------------------------------------*/

select.hidden_input
{

}

select.hidden_input[multiple] 
{
    /* Move the label to the top */
    vertical-align:top;
}



.ventil_service_data {
    display: block;
    /*border: 2px solid red;*/
    width: 320px;
    height: 65px;
    
}

.ventil_service {
    display: block;
   /* border: 2px solid blue;*/
    width: 320px;
    height: 280px;
}