﻿html, body 
{
    margin:0; padding:0;height:100%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:0.9em;
}

input, select, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;

}

select {
        line-height: normal;
    padding: 6px 12px 6px 12px;
    vertical-align: middle;
    text-align: left;
    color: #333;
    border-radius: 4px;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
}

select:hover{
    border-color: #adadad;
}


input:focus, select:focus, textarea:focus, input:hover, select:hover, textarea:hover
{ 
     background-color: #e0e0e0;
     border-color: #ccc;
}

input[type=checkbox], input[type=radio] {
	height:18px;
    width:18px;
}

.ruBrowse {
    background-position: 0 -46px !important;
    width: 100px !important;
}


.backgroundlight, .tableStandard, .infoTable2Columns div:nth-child(4n+3), .infoTable2Columns div:nth-child(4n+4),
.infoTable3Columns div:nth-child(6n+4), .infoTable3Columns div:nth-child(6n+5), .infoTable3Columns div:nth-child(6n+6),
.infoTable4Columns div:nth-child(8n+5), .infoTable4Columns div:nth-child(8n+6), .infoTable4Columns div:nth-child(8n+7), .infoTable4Columns div:nth-child(8n+8),
.infoTable5Columns div:nth-child(10n+6), .infoTable4Columns div:nth-child(10n+7), .infoTable4Columns div:nth-child(10n+8), .infoTable4Columns div:nth-child(10n+9), .infoTable4Columns div:nth-child(10n+10)
{
    background-color: #f5f5f5;
}

.tableSearch
{
    background-color:White;
    border-width:1px;
    border-color:#818181;
    border-style:solid;
    width:99%;
}



.tableSearch th
{
    background-color:#f5f5f5;
    text-align:left;
    padding:4px;
}

.background, .GVHeader th, .GVHeader a, .tableStandard th, .tableCategory th, .processLevel1, .processLevel2 {
    background-color: #337ab7;
    color: #333;
    text-align: left;
    padding: 4px;
}


.borderColor
{
    color:#818181;
}

.borderall, .ribbonshortcut, .ribbon, .ribbon2
{
     border-right:1px solid #818181;
     border-left:1px solid #818181;
     border-top:1px solid #818181;
     border-bottom:1px solid #818181;
}

.borderright
{
    border-right:1px solid #818181;
}
.borderleft
{
    border-left:1px solid #818181;
}
.bordertop
{
    border-top:1px solid #818181;
}
.borderbottom, .searchheader
{
    border-bottom:1px solid #818181;
}

.BGTop
        {
            width: 100%;
        }
        
.companyData, .header, .header2, .searchheader
{
    color:#337ab7;
}

.header {
    font-size:1.2em !important;
}

.tableCategory
{
    background-color:#f5f5f5;
    width:100%;
}

.tableCategory th
{
    padding:0px;
    padding-left:8px;
}

.tableCategory td
{
    text-align:center;
    vertical-align:top;
    padding-top:4px;
    padding-bottom:4px;
}

.css-arrow {
  border-color: #f5f5f5 #f5f5f5 #f5f5f5 #ddd;
  border-style:solid;
  border-width:15px 0px 15px 25px;
  width:0;
  height:0;
}

.css-arrow-small {
  border-color: #f5f5f5 #f5f5f5 #f5f5f5 #ddd;
  border-style:solid;
  border-width:10px 10px 10px 15px;
  width:0;
  height:0;
}


.colorbutton
        {
            border-right: 1px solid #ddd;
            border-left: 1px solid #ddd;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            width: 14px;
            height: 14px;
            float: left;
            position: relative;
        }


.buttonStyle {
    padding-top: 4px;
}

/* Org-CHart*/
.bitqmsorgchartWorker .rocItem {
    background-color: #ddeeee !important;
    /*background-image: linear-gradient(#ddeeee, #ccd6d6) !important;*/
}

.bitqmsorgchartResponsible .rocItem {
    /*background-color: #ddeeee !important;
    background-image: linear-gradient(#ddeeee, #ccd6d6) !important;
    font-weight: bold;*/
}