﻿html, body 
{
    margin:0; padding:0;height:100%;
    font-family: "segoe ui", arial, sans-serif;
    font-size:0.9em;
}

input, select, textarea
{
    font-family: "segoe ui", arial, sans-serif;
    font-size:0.9em;
}

select {
        line-height: normal;
    padding: 4px 10px 4px 10px;
    vertical-align: middle;
    text-align: left;
    color: #384e73;
    border-radius: 4px;
    border-color: #9db2ce;
    border-width: 1px;
    border-style: solid;
}
select:hover{
    border-color: rgb(195, 142, 0);
}

.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 !important;
}

.tableSearch
{
    background-color:White;
    border-width:1px;
    border-color:#818181;
    border-style:solid;
    width:99%;
}



.tableSearch th
{
    background-color:#cfd8dc;
    text-align:left;
    padding:2px;
}

.background, .GVHeader th, .GVHeader a, .tableStandard th, .tableCategory th, .processLevel1, .processLevel2 {
    background-color: #cfd8dc;
    color: #607d8b;
    text-align: left;
    padding: 2px;
}


.borderColor
{
    color:rgb(56, 78, 115);
}

.borderall, .ribbonshortcut, .ribbon, .ribbon2
{
     border-right:1px solid rgb(56, 78, 115);
     border-left:1px solid rgb(56, 78, 115);
     border-top:1px solid rgb(56, 78, 115);
     border-bottom:1px solid rgb(56, 78, 115);
}

.borderright
{
    border-right:1px solid rgb(56, 78, 115);
}
.borderleft
{
    border-left:1px solid rgb(56, 78, 115);
}
.bordertop
{
    border-top:1px solid rgb(56, 78, 115);
}
.borderbottom, .searchheader
{
    border-bottom:1px solid rgb(56, 78, 115);
}

.BGTop
        {
            width: 100%;
        }
        
.companyData, .header, .header2, .searchheader
{
    color:rgb(56, 78, 115);
}

.header {
    font-size:1.2em !important;
}

.tableCategory
{
    background-color:#cfd8dc;
    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: #D9E3EB #D9E3EB #D9E3EB #bd4100;
  border-style:solid;
  border-width:15px 0px 15px 25px;
  width:0;
  height:0;
}

.css-arrow-small {
  border-color: #D9E3EB #D9E3EB #D9E3EB #829FCF;
  border-style:solid;
  border-width:10px 10px 10px 15px;
  width:0;
  height:0;
}


.colorbutton
        {
            border-right: 1px solid #337ab7;
            border-left: 1px solid #337ab7;
            border-top: 1px solid #337ab7;
            border-bottom: 1px solid #337ab7;
            width: 14px;
            height: 14px;
            float: left;
            position: relative;
        }

.buttonStyle {
    padding-top: 4px;
    height: 16px;
}

/* Org-CHart*/
.bitqmsorgchartWorker .rocItem {
    background-color: #ddeeee !important;
    background-image: linear-gradient(#ddeeee, #ccd6d6) !important;
}

.bitqmsorgchartResponsible .rocItem {
}