@import url("bootstrap-select.08362da66c68.css");
@import url("bootstrap-select.overwrite.396ec93c2b53.css");

@CHARSET "ISO-8859-1";

:root {
    --railsoft-grey: rgb(204, 204, 204);
}

.bootstrap-checkbox>button.checkbox-btn{
    width:28px
}
.bootstrap-checkbox>button.checkbox-btn.checkbox-btn-large{
    padding:10px 0 6px 2px;
    width:36px
}
.bootstrap-checkbox>button.checkbox-btn.checkbox-btn-small{
    padding:5px 0 3px 1px;
    width:24px
}
.bootstrap-checkbox>button.checkbox-btn.checkbox-btn-mini{
    padding:4px 0 1px 1px;
    width:20px
}
.bootstrap-checkbox>.checkbox-btn.checkbox-btn-link{
    text-decoration:none
}
label.bootstrap-checkbox.disabled{
    cursor:default;
    color:#666
}
.bootstrap-checkbox>.label-prepend-checkbox{
    padding-right:4px
}
.bootstrap-checkbox.disabled>[class^="label-"],.bootstrap-checkbox>.checkbox-btn[disabled]{
    cursor:not-allowed
}
[class^="cb-icon-"],[class*=" cb-icon-"]{
    display:inline-block;
    width:14px;
    height:14px;
    margin-top:1px;
    *margin-right:.3em;
    line-height:14px;
    vertical-align:text-top;
    background-image:url("/static/img/checkbox_icons.d0cb8916182d.png");
    background-position:14px 14px;
    background-repeat:no-repeat
}
.bootstrap-checkbox button.checkbox-btn>span.cb-icon-check,.bootstrap-checkbox.disabled button.checkbox-btn:hover>span.cb-icon-check,.bootstrap-checkbox.disabled button.checkbox-btn:active>span.cb-icon-check{
    background-position:0 -1px
}
.bootstrap-checkbox button.checkbox-btn>span.cb-icon-check-empty,.bootstrap-checkbox.disabled button.checkbox-btn:hover>span.cb-icon-check-empty,.bootstrap-checkbox.disabled button.checkbox-btn:active>span.cb-icon-check-empty{
    background-position:-24px -1px
}
table.tablesorter thead tr .tablesorter-header{
    position: relative;
    background-repeat:no-repeat;
    background-position:center right;
    cursor:pointer;
    padding-right:18px;
    padding-left:8px
}
table.tablesorter thead tr .tablesorter-header.centralize{
    padding-right:13px;
    padding-left:13px
}
table.tablesorter thead tr .tablesorter-headerAsc{
    background-image:url("/static/img/asc.7ff9133bd856.png");
    padding-left:8px;
    padding-right:18px
}
table.tablesorter thead tr .tablesorter-headerAsc.centralize{
    padding-left:8px;
    padding-right:18px
}
table.tablesorter thead tr .tablesorter-headerAsc .print{
    margin-right:0 !important
}
table.tablesorter thead tr .tablesorter-headerDesc{
    background-image:url("/static/img/desc.a5f29b819a5e.png");
    padding-left:8px;
    padding-right:18px
}
table.tablesorter thead th.tablesorterSearch::after {
    content: '';
    position: absolute;
    top: 6px;
    right: 2px;
    width: 14px;
    height: 14px;
    background-image: url("/static/img/glyphicons-halflings.24af47a00fdb.png");
    background-position: -336px 0;
    background-repeat: no-repeat;
    transform: scale(.75);
}
table.tablesorter thead th.tablesorterSearch.tablesorter-headerAsc::after,
table.tablesorter thead th.tablesorterSearch.tablesorter-headerDesc::after {
    right: 16px;
}
table.tablesorter thead tr .tablesorter-headerDesc.centralize{
    padding-left:8px;
    padding-right:18px
}
table.tablesorter thead tr .tablesorter-headerDesc .print{
    margin-right:0 !important
}
tbody tr[selected="true"] td[selectable] {
    background-color: #aed9ff !important;
}
tbody[bulk-edit="true"] tr[selectable]:not([selected]) i.button-edit,
tbody[bulk-edit="true"] tr[selectable][selected="false"] i.button-edit {
    display: none !important;
}
tbody[bulk-edit="true"] tr[selectable]:not([selected]):hover td[selectable] {
    background-color: #e1f0ff !important;
}
tbody[bulk-edit="true"] tr[selectable] td[selectable] {
    cursor: pointer;
}
div#bulk-edit-overlay {
    position: sticky;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fbfbfb;
    padding: 1em;
    -webkit-box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 50%);
    transform: translateX(-50%);
    top: 3em;
    left: 50%;
    width: 14em;
    visibility: hidden;
}
div#bulk-edit-overlay[visible="true"] {
    visibility: visible;
}
div#bulk-edit-overlay button {
    margin-left: 1em;
}
div#bulk-edit-overlay span.count {
    margin-right: 0.25em;
}
body{
    width:1024px;
    margin:20px auto 0 auto;
    font:normal 11px "Arial"
}
h1,.nav-info-panel #headline{
    font:normal 18px "Arial";
    color:#bfbfbf
}
h2{
    font:bold 11px "Arial"
}
h3{
    font:bold 11px "Arial";
    margin:0
}
ul{
    margin:0
}
p{
    margin:0
}
form{
    margin:0
}
form ul{
    list-style-type:none;
    display:inline-block
}
form .has-error{
    border:1px solid #a50021 !important
}
button:focus,a:focus{
    outline:none
}
label{
    display:inline-block;
    vertical-align:top;
    line-height:30px
}
label .radio{
    float:left;
    width:12px !important;
    margin:6px 4px 0 0
}
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"]{
    font-size:11px;
    width:280px;
}
input[type="checkbox"]{
    margin:0
}
textarea{
    height:30px;
    font-family:"Arial"
}
[invisible] {
    display: none;
}
.modal-backdrop{
    background-color:initial
}
.italic{
    font-style:italic
}
.underline{
    text-decoration:underline
}
.highlight{
    background-color:#FFE761
}
.hrLine{
    border-bottom:1px solid #bfbfbf
}
.no-btn{
    background:#fff;
    border:none;
    line-height:12px;
    width:auto !important;
    padding:0
}
.no-btn:hover{
    font-weight:bold
}
.popover{
    max-width:600px;
    border:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}
.popover .arrow{
    display:none
}
.popover .popover-content{
    padding:0
}
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{
    background-color:#f2f2f2;
    border:1px solid #fff
}
input[disabled]{
    border:1px solid #ccc
}
.radio,.checkbox{
    padding:0
}
.table-striped-odd tbody>tr:nth-child(odd)>td,.table-striped-odd tbody>tr:nth-child(odd)>th,.table-striped-odd .table tbody>tr:nth-child(odd)>td,.table .table-striped-odd tbody>tr:nth-child(odd)>td{
    background-color:#f2f2f2
}
.status-red{
    background-color:#a50021 !important
}
.status-yellow{
    background-color:#ff0 !important
}
.status-green{
    background-color:#92d050 !important
}
.status-darkgreen{
    background-color:#009999 !important
}
.status-blue{
    background-color:#bdd7ee !important
}
.status-error{
    background-color:#fff !important
}
.background-grey{
    background-color:#f2f2f2 !important
}
.nav-info-panel{
    height:70px
}
.nav-info-panel #headline{
    float:left;
    margin:35px 0 0 0
}
.nav-info-panel #headline a{
    color:#bfbfbf
}
#companyLogo{
    width:142px;
    height:50px;
    float:right;
    margin:5px 0 0 0
}
#expertTable{
    width:668px;
    float:right;
    margin:0 20px 0 0
}
#expertTable td{
    vertical-align:top;
    padding-bottom:30px
}
#expertTable td p{
    margin:10px 0
}
.navbar-inner-mod{
    min-height:30px;
    background-color:#036
}
.navbar-inner-mod .dropdown-toggle{
    width:224px;
    border-left:2px solid #fff
}
.navbar{
    margin-bottom:10px
}
.navbar .nav{
    margin:0
}
.navbar .nav li{
    padding:0
}
.navbar .nav>li>a{
    color:#fff;
    text-align:center;
    text-shadow:none;
    font:bold 11px "Arial";
    text-transform:uppercase
}
.navbar .nav>li>a:hover,.navbar .nav>li>a:focus{
    color:#fff
}
.navbar .dropdown-menu{
    width:254px;
    min-width:254px;
    padding:0;
    margin:-2px 0 0 2px;
    list-style:none;
    background-color:#fff;
    border:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    -webkit-background-clip:none;
    -moz-background-clip:none;
    background-clip:none;
    box-shadow:0 5px 10px 5px #bfbfbf;
    -webkit-box-shadow:0 5px 10px 5px #bfbfbf;
    -moz-box-shadow:0 5px 10px 5px #bfbfbf
}
.navbar .dropdown-menu li{
    height:30px;
    margin-top:2px;
    background-color:#f2f2f2;
    text-align:center
}
.navbar .dropdown-menu li:first-child{
    margin:0
}
.navbar .dropdown-menu li a{
    font:bold 11px "Arial";
    line-height:24px
}
.navbar .dropdown-menu li a:hover{
    background-color:#a50021;
    color:#fff;
    text-decoration:none
}
.dropdown-menu{
    font-size:11px;
    z-index:1051
}
.dropdown-menu li:hover{
    background-color:#f2f2f2
}
.dropdown-menu>li>a{
    padding:3px 8px
}
ul.nav li.dropdown:hover>ul.dropdown-menu{
    display:block
}
.navbar .nav li.dropdown.open>.dropdown-toggle{
    background-color:#036;
    color:#fff
}
.table thead{
    background-color:#f2f2f2;
    font:bold 11px "Arial"
}
.table th,.table td{
    border:none;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    line-height:14px;
    height:14px;
    padding:6px 4px 6px 8px;
    vertical-align:middle !important
}
.table th:last-child,.table td:last-child{
    border-right:0
}
.table th ul,.table td ul{
    list-style-type:none;
    margin:-5px 0
}
.table td{
    line-height:14px;
    vertical-align:top !important;
}
.table tbody.tablesorter-infoOnly > tr > td {
    background: white;
}
.table caption{
    background-color:#036;
    color:#fff;
    font:bold 11px "Arial";
    text-align:left;
    height:30px;
    line-height:30px;
    padding:0 8px;
    position:relative;
    border-bottom:2px solid #fff
}
.table caption a{
    color:#fff
}
.table caption a h2.measure-headline{
    font:bold 11px "Arial";
    float:left;
    width:686px
}
.table caption .status-info{
    width:54px;
    text-align:center;
    padding:0 8px;
    color:#000;
    border-left:2px solid #fff;
    border-right:2px solid #fff;
    display:block;
    float:left
}
.table caption .status-red{
    color:#fff !important
}
.table .centralize{
    text-align:center
}
.table .align-right{
    text-align:right
}
.table .normalize{
    font-weight:normal;
    font-size:11px
}
.bold{
    font-weight:bold
}
.greyed{
    color:#bfbfbf
}
.greyed a{
    color:#bfbfbf
}
.print {
    position:absolute;
    right: 8px;
    font-size:11px;
    font-weight:normal;
}
.print i{
    margin:0;
}
.button-edit{
    margin:0 0 0 5px;
    display:none
}
h2:hover .button-edit,th:hover .button-edit,.table td:hover .button-edit{
    display:inline-block
}
.beta-mark{
    font-size:75%;
    line-height:0;
    vertical-align:baseline;
    margin-left:2px
}
#loginLayout{
    overflow:hidden
}
#loginLayout h1,#loginLayout .nav-info-panel #headline,.nav-info-panel #loginLayout #headline{
    color:#000;
    margin:20px 10px
}
#loginLayout p{
    margin:0 10px;
    line-height:1.5
}
#loginLayout .span3{
    border-right:10px solid #fff;
    width:25%;
    min-height:520px;
    font-size:11px;
    position:relative
}
#loginLayout .inner-span3{
    width:137px;
    border:0;
    min-height:520px;
    margin-left:10px
}
#loginLayout .inner-span7{
    width:620px;
    position:relative
}
#loginLayout .span12{
    margin-left:0
}
#loginLayout select{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}
#loginLayout label{
    width:70px;
    line-height:20px
}
#loginLayout input[type="text"],#loginLayout input[type="email"],#loginLayout input[type="url"],#loginLayout select{
    width:275px
}
#loginLayout input[type="checkbox"]{
    margin:0 3px
}
#loginLayout .loginForm input[type="text"],#loginLayout .loginForm input[type="password"]{
    border:none;
    background-color:#f2f2f2;
    font-size:11px;
    color:#000;
    margin:0;
    padding:5px 6px;
    width:234px
}
#loginLayout .error{
    margin:5px
}
#loginLayout .eHeight{
    margin-bottom:-99999px;
    padding-bottom:99999px
}
#loginLayout .formContainer{
    margin:20px 0 0 13px
}
#loginLayout .formContainer input[type="submit"]{
    margin:20px 14px 0 0
}
#loginLayout .formContainer label{
    margin-bottom:0
}
#loginLayout .sidebarLinks{
    position:absolute;
    bottom:0
}
#loginLayout .sidebarLinks a{
    display:block;
    height:10px;
    border-top:2px solid #fff;
    width:246px;
    padding:10px 0 10px 5px
}
#loginLayout .pageNavigation{
    text-align:center;
    margin-top:5px
}
#loginLayout .pageNavigation a{
    color:#bfbfbf;
    font-size:12px;
    padding:0 2px
}
#loginLayout .pageNavigationPrevContainer,#loginLayout .pageNavigationNextContainer{
    width:300px;
    height:240px;
    display:block;
    position:absolute;
    top:0
}
#loginLayout .pageNavigationPrevContainer{
    left:0
}
#loginLayout .pageNavigationNextContainer{
    right:0
}
.login-buttongroup{
    background-color:#fff;
    padding:10px 5px 5px 5px;
    width:236px
}
.login-buttongroup a{
    color:#bfbfbf
}
.login-buttongroup a:hover{
    color:#000
}
.login-buttongroup .button{
    float:right
}
.login-buttongroup .span8{
    padding-top:5px
}
.row-fluid .span3{
    width:25%
}
.row-fluid .span6{
    margin:0;
    width:50%
}
.row-fluid .span6:first-child{
    border-right:2px solid #fff
}
.row-fluid .span9{
    margin:0;
    width:75%
}
.vspace{
    height:25px;
    width:100%;
    background-color:#fff
}
.minHeight{
    min-height:560px !important
}
hr{
    width:100%;
    background-color:#fff;
    margin:0;
    padding:0;
    border:0;
    height:2px
}
#topIndicator h2{
    margin:0
}
#topIndicator i{
    margin-top:-1px
}
#topIndicator .fixed-height{
    height:14px;
    overflow:hidden
}
#audits .button-edit,#deviation .button-edit,#indicators .button-edit,#managementReview .button-edit,#preferences .button-edit,#userManagement .button-edit,#measuringEquipment .button-edit,#maintenance .button-edit,#qualification .button-edit,#logbook .button-edit,#documents .button-edit,#usergroup .button-edit,#myMeasures .button-edit,#measures .button-edit,#deviations .button-edit,#supplier .button-edit,#certificates .button-edit{
    position:absolute
}

#documentEntryModal,#documentApprovalModal{
    width:530px
}
#documentEntryModal label,#documentApprovalModal label{
    width:115px
}
#documentEntryModal .approval-field-small,#documentApprovalModal .approval-field-small{
    width:100px;
    float:left;
    min-height:1px;
    margin-left:20px
}
#documentEntryModal .approval-field-large,#documentApprovalModal .approval-field-large{
    width:120px;
    float:left;
    min-height:1px;
    margin-left:20px
}
#documentEntryModal .status,#documentApprovalModal .status{
    width:8px;
    height:30px;
    float:left;
    margin-right:10px
}
div.modal div.attribute {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
div.modal div.attribute label {
    min-width: 160px;
}
div.modal div.attribute div.options {
    width: 100%;
}
div.modal div.attribute input,
div.modal div.attribute textarea {
    width: 100%;
}
div.modal div.attribute div.options button.no-btn {
    margin: 1em 0;
}
div.modal div.attribute span.text {
    width: 100%;
}
form.modal-form {
    display: grid;
    grid-template-columns: 34% 66%;
    row-gap: 1em;
}
form.modal-form label {
    width: auto;
    margin: 0;
}
form.modal-form input {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 1.25em 0.75em;
}
#documentAcknowledgementModal label{
    width:90px
}
#approvalExtrasForm label{
    width:117px
}
#approvalExtrasForm input{
    width:60px
}
#documents h2,#usergroup h2{
    margin:0
}
#documents h2 i,#usergroup h2 i{
    margin-top:-1px
}
#documents .span3,#usergroup .span3{
    border-right:2px solid #fff
}
#documents .file-not-approved,#usergroup .file-not-approved{
    color:#bfbfbf
}
#documents .file-approvals-table td,#usergroup .file-approvals-table td{
    text-align:center;
    background-color:#036;
    color:#fff;
    border:1px solid #fff
}
#documentToolbar,#usergroupToolbar{
    font:bold 12px "Arial";
    background-color:#f2f2f2;
    line-height:14px;
    height:14px;
    padding:2px 0 10px 0
}
#documentToolbar input[type="text"],#usergroupToolbar input[type="text"]{
    height:10px;
    width:161px;
    font-size:11px;
    line-height:12px
}
#documentToolbar input[type="submit"],#usergroupToolbar input[type="submit"]{
    background-image:url("/static/img/glyphicons-halflings.24af47a00fdb.png");
    width:16px;
    height:16px;
    line-height:14px;
    vertical-align:text-top;
    background-repeat:no-repeat;
    background-position:-48px 0;
    background-color:#fff;
    border:none;
    top:2px;
    right:2px;
    cursor:default;
    position:absolute
}
#documentToolbar form,#usergroupToolbar form{
    width:auto;
    height:20px;
    position:relative
}
#documentToolbar .centralize,#usergroupToolbar .centralize{
    text-align:center
}
#documentToolbar .documentCategoryButton,#usergroupToolbar .documentCategoryButton,#usergroupToolbar .usergroupCategoryButton{
    text-align:right;
    padding-right:2px
}
#documentToolbar .documentCategoryButton a,#usergroupToolbar .documentCategoryButton a,#usergroupToolbar .usergroupCategoryButton a{
    width:15px
}
#documentToolbar .documentCategoryButton i,#usergroupToolbar .documentCategoryButton i,#usergroupToolbar .usergroupCategoryButton i{
    margin:-1px 0 0 0
}
#documentCategories,#usergroupCategories,#preferencesNavigation,#CLTNavigation{
    background:#f2f2f2;
    width:238px;
    height:530px;
    border-top:2px solid #fff;
    padding:8px;
    overflow:hidden
}
#documentCategories ul,#usergroupCategories ul,#preferencesNavigation ul{
    list-style-type:none;
    margin:0
}
#documentCategories p,#usergroupCategories p,#preferencesNavigation p{
    margin:0
}
#documentCategories .sortorder-base,#usergroupCategories .sortorder-base,#preferencesNavigation .sortorder-base{
    font-weight:bold
}
#documentCategories .special-link,#usergroupCategories .special-link,#preferencesNavigation .special-link{
    background-color:#bdd7ee;
    margin-left:-8px;
    margin-right:-8px;
    border-bottom:2px solid white;
    padding-left:7px;
    font-weight:bold
}
#documentCategories .special-link a,#usergroupCategories .special-link a,#preferencesNavigation .special-link a{
    display:block;
    line-height:20px
}
#preferencesNavigation li:first-child{
    padding-top:0
}
#preferencesNavigation li{
    font-weight:bold;
    padding-top:8px;
    padding-bottom:8px
}
.approval-container .row{
    height:40px;
    line-height:26px
}
.approval-container .approver-comment-container{
    margin-top: 10px;
}
.approval-container .approver-comment-container #approver_comment{
    width: 340px;
}
#topNews{
    background-color:#f2f2f2
}
#topNews h2{
    margin:0;
    height:14px;
    padding:6px 8px
}
#topNews ul{
    list-style-type:none;
    margin:8px 0 0 0
}
#topNews ul li{
    position:relative;
    line-height:14px;
    padding:7px 0 7px 1em
}
#topNews ul li:before{
    content:'-';
    position:absolute;
    left:0
}
#topNews .contentWrapper{
    height:110px
}
#topNews .content{
    padding:8px;
    overflow:hidden
}
#topNews .special-link{
    background-color:#bdd7ee;
    border-bottom:2px solid white;
    padding-left:7px;
    font-weight:bold;
    display:block;
    line-height:25px
}
#topNews i{
    margin-top:-1px
}
#masterData i{
    margin-top:-1px;
    position:absolute
}
#news h2{
    font:bold 12px "Arial";
    background-color:#f2f2f2;
    line-height:14px;
    height:14px;
    padding:8px;
    margin:0
}
#news ul{
    list-style-type:none
}
#news ul li{
    padding-left:1em;
    position:relative
}
#news ul li:before{
    content:'-';
    position:absolute;
    left:0
}
#news .error{
    margin-bottom:10px
}
#news .buttonContainer{
    margin-top:10px;
    float:right
}
#news .buttonContainer a{
    margin-right:10px
}
#news .button-edit{
    margin:0
}
#news #newsContent{
    border:2px solid #f2f2f2;
    min-height:510px;
    padding:8px
}
#myMeasures th:nth-child(7),#measures th:nth-child(7),#deviations th:nth-child(7),#myMeasures .table td:nth-child(7),.table #myMeasures td:nth-child(7),#measures .table td:nth-child(7),.table #measures td:nth-child(7),#deviations .table td:nth-child(7),.table #deviations td:nth-child(7),#myMeasures td:nth-child(7),#measures td:nth-child(7),#deviations td:nth-child(7){
    width:8px;
    padding:0
}
#myMeasures span[data-toggle=tooltip],#measures span[data-toggle=tooltip],#deviations span[data-toggle=tooltip]{
    cursor:pointer
}
#myMeasures .comment p:last-child,#measures .comment p:last-child,#deviations .comment p:last-child{
    margin-bottom:0
}
#myMeasures .hide-measure-button,#measures .hide-measure-button,#deviations .hide-measure-button{
    height:100%;
    width:100%;
    display:block
}
#measuringEquipment,#maintenance,#qualification{
    table-layout:fixed
}
#measuringEquipment th:nth-child(7),#measuringEquipment .table td:nth-child(7),.table #measuringEquipment td:nth-child(7),#maintenance th:nth-child(7),#maintenance .table td:nth-child(7),.table #maintenance td:nth-child(7),#qualification th:nth-child(7),#qualification .table td:nth-child(7),.table #qualification td:nth-child(7){
    border-right:2px solid #f2f2f2
}
#measuringEquipment th,#measuringEquipment .table td,.table #measuringEquipment td,#measuringEquipment td,#maintenance th,#maintenance .table td,.table #maintenance td,#maintenance td,#qualification th,#qualification .table td,.table #qualification td,#qualification td{
    overflow:hidden
}
#measuringEquipment th:nth-child(8),#measuringEquipment .table td:nth-child(8),.table #measuringEquipment td:nth-child(8),#measuringEquipment td:nth-child(8),#maintenance th:nth-child(8),#maintenance .table td:nth-child(8),.table #maintenance td:nth-child(8),#maintenance td:nth-child(8),#qualification th:nth-child(8),#qualification .table td:nth-child(8),.table #qualification td:nth-child(8),#qualification td:nth-child(8){
    width:8px;
    padding:0
}
#userManagement{
    table-layout:fixed
}
#userManagement td{
    overflow:hidden
}
#supplier{
    table-layout:fixed
}
#supplier th,#supplier .table td,.table #supplier td,#supplier td{
    overflow:hidden
}
#supplier th:nth-child(6),#supplier .table td:nth-child(6),.table #supplier td:nth-child(6),#supplier th:nth-child(11),#supplier .table td:nth-child(11),.table #supplier td:nth-child(11),#supplier td:nth-child(6),#supplier td:nth-child(11){
    width:8px;
    padding:0
}
#certificates{
    table-layout:fixed
}
#certificates th,#certificates .table td,.table #certificates td,#certificates td{
    overflow:hidden
}
#certificates th:nth-child(7),#certificates .table td:nth-child(7),.table #certificates td:nth-child(7),#certificates td:nth-child(7){
    width:8px;
    padding:0
}
.status-report-download{
    position:relative;
    color:grey;
    margin-left:5px;
    display:none
}
h2:hover .status-report-download,th:hover .status-report-download,.table td:hover .status-report-download{
    display:inline-block
}
footer{
    margin-top:10px;
    height:20px;
    padding-top:10px;
    background:#f2f2f2
}
footer ul{
    margin:0 auto
}
footer ul li{
    color:#000;
    list-style:none;
    float:left;
    padding:0 6px;
    border-right:1px solid #000;
    line-height:10px
}
footer ul li a{
    color:#000
}
footer ul li a:hover{
    text-decoration:underline
}
footer ul li:last-child{
    border-right:0
}
footer ul.rightFooter{
    float:right
}
footer ul.rightFooter li:last-child{
    border-right:none
}
footer .footer-container-special li{
    padding:0 7px
}
.modal{
    box-shadow:0 5px 10px 5px #bfbfbf;
    -webkit-box-shadow:0 5px 10px 5px #bfbfbf;
    -moz-box-shadow:0 5px 10px 5px #bfbfbf;
    width:490px
}
.modal label{
    width:160px
}
.modal ul{
    width:280px
}
.modal ul label{
    width:auto;
    margin-right:15px
}
.modal select,.modal textarea{
    width:280px
}
.modal select {
    box-sizing: content-box;
    height: 20px;
}
.modal .modal-body{
    max-height: 680px;
}
.modal .mceEditor table{
    display:inline-table
}
.modal .overflow-container {
    max-height: 668px;
    overflow: auto;
}
.modal-header,.modal-body .modal-inner-header{
    padding:0 15px;
    background:#f2f2f2
}
.modal-header.modal-header-error,.modal-body .modal-header-error.modal-inner-header{
    background:#a50021;
    color:#fff
}
.modal-body{
    overflow:visible
}
.modal-body .modal-inner-header{
    margin:20px 0 0 -15px;
    width:500px
}
.modal-body .modal-inner-header h3{
    margin:0;
    line-height:30px
}
.modal-footer{
    padding:5px 15px
}
#modalContentBody{
    margin-top:5px
}
.btn{
    background-color:#f2f2f2;
    border:none;
    min-height:25px;
    font-weight:bold
}
.btn-group>.btn:first-child{
    -webkit-border-radius: 0;
    border-radius: 0;
}
.btn-fixed-width{
    width:100px !important
}
.btn-primary{
    background-color:#036
}
.btn-danger{
    background-color:#a50021;
    float:left
}
.float-right{
    float:right
}
.success{
    border:1px solid #92d050;
    padding:5px;
    background-color:#DDF2C7
}
.error{
    border:1px solid #a50021;
    padding:5px;
    background-color:#a50021;
    color:#fff;
    margin-right:6px
}
#topIndicatorModal{
    width:510px
}
#topIndicatorModal form{
    line-height:28px
}
#topIndicatorModal input{
    font:normal 11px "Arial";
    width:100%
}
#topIndicatorModal .span1,#topIndicatorModal .span1 input{
    text-align:center
}
#topNewsModal{
    width:530px
}
#settingsTimeoutModal{
    width:395px
}
#settingsTimeoutModal label{
    width:80px
}
#settingsTimeoutModal input{
    width:50px;
    margin-right:10px;
    text-align:right
}
#settingsDocumentApprovalTimeModal{
    width:395px
}
#settingsDocumentApprovalTimeModal label{
    width:80px
}
#settingsDocumentApprovalTimeModal input{
    width:50px;
    margin-right:10px;
    text-align:right
}
#settingsEmailNotificationModal{
    width:310px
}
#settingsEmailNotificationModal .row{
    line-height:30px
}
#settingsEmailNotificationModal input{
    text-align:center;
    width:50px
}
#settingsEmailNotificationModal .span2{
    width:90px
}
#settingsDocumentApprovalModal,#settingsDocumentApproverMandatoryModal{
    width:320px
}
#settingsDocumentApprovalModal input[type="radio"],
#settingsDocumentApproverMandatoryModal input[type="radio"]{
    margin-left: unset;
}

#settingsDocumentApprovalModal ul,#settingsDocumentApproverMandatoryModal ul{
    width:auto
}
#settingsStatusMeasureModal{
    width:332px
}
#settingsStatusMeasureModal .row{
    line-height:30px
}
#settingsStatusMeasureModal .input-append input{
    display:inline;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    text-align:center;
    width:50px
}
#settingsStatusMeasureModal .input-append .add-on{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}
#settingsStatusCalibrationModal{
    width:408px
}
#settingsStatusCalibrationModal .row{
    line-height:30px
}
#settingsStatusCalibrationModal input{
    text-align:center;
    width:50px
}
#settingsStatusCalibrationModal .span2{
    width:auto
}
#changePasswordModal label{
    line-height:20px
}
#measureModal .input-append input,#measureLimitedModal .input-append input,#deviationModal .input-append input,#deviationLimitedModal .input-append input{
    display:inline;
    width:280px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}
#measureModal .input-append .add-on,#measureLimitedModal .input-append .add-on,#deviationModal .input-append .add-on,#deviationLimitedModal .input-append .add-on{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}
#measureLimitedModal form label,#deviationLimitedModal form label,#logbookModal form label{
    padding:5px 0;
    line-height:20px
}
#measureLimitedModal form .text,#deviationLimitedModal form .text,#logbookModal form .text{
    padding:9px 0
}
#userManagementModal .helptext,#supplierModal .helptext{
    margin:0 0 10px 165px;
    font-style:italic;
    color:#8D8E8F;
    display:block
}
#deleteModal{
    width:500px;
    line-height:1, 5
}
.loadingContainer{
    font-weight:bold;
    color:#036
}
.mce_dety{
    background:url("/static/img/favicon.969d7beca43b.ico") !important
}
.checkboxContainer{
    margin-top:-10px
}
#modalDeleteButton{
    z-index:2050
}
#keyvisual{
    height:240px;
    width:620px;
    max-width:620px
}
.datepicker{
    padding:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}
#agbContainer{
    height:450px
}
.agbDownload{
    float:left;
    font-weight:bold;
    padding-top:5px
}
.agbForm{
    float:right;
    font-weight:bold
}
.agbForm button{
    margin-left:10px
}
.popover-title{
    font-size:11px !important;
    font-weight:bold
}
table#preferences tbody tr td.description{
    font-weight:bold
}
table#preferences tbody tr td.nav-element{
    text-align:center;
    font:bold 11px 'Arial';
    width:242px
}
table#preferences tbody tr td.nav-element.headline{
    background-color:#003366;
    color:#ffffff;
    text-transform:uppercase
}
table#preferences tbody tr td.nav-element.element{
    background-color:#e1e1e1;
    color:#000000
}
table#preferences tbody tr.navigation-element td.form-input{
    padding:0
}
table#preferences tbody tr.navigation-element td.form-input .bootstrap-select{
    margin-bottom:0;
    width:255px !important
}
.modal-lg{
    max-width:970px !important;
    width:970px !important;
    margin-left:-485px !important
}
#deviations th:nth-child(10),#deviations .table td:nth-child(10),.table #deviations td:nth-child(10),#deviations td:nth-child(10){
    width:8px;
    padding:0
}
#deviations th:hover .reference,#deviations .table td:hover .reference,.table #deviations td:hover .reference,#deviations td:hover .reference{
    display:none
}
#deviations th:hover .file-container,#deviations .table td:hover .file-container,.table #deviations td:hover .file-container,#deviations td:hover .file-container{
    display:inline-block
}
#deviations .file-container{
    display:none
}
.deviationToolModalForm .bootstrap-select .dropdown-toggle{
    height:30px
}
.deviationToolModalForm input,.deviationToolModalForm select,.deviationToolModalForm .bootstrap-select{
    margin-bottom:0 !important
}
.deviationToolModalForm h3{
    margin-bottom:5px
}
.deviationToolModalForm label{
    margin-bottom:0
}
.deviationToolModalForm .mceLast{
    float:right
}
.deviationToolModalForm .mt-minus{
    margin-bottom:0
}
.deviationToolModalForm .input-append{
    margin-bottom:0
}
.tooltip-wrapper{
    -webkit-transform:translateZ(0);
    -webkit-font-smoothing:antialiased
}
.tooltip-wrapper .text{
    float:left;
    width:100%
}
.tooltip-wrapper .clear{
    clear:both
}
.tooltip-wrapper .tooltip{
    text-align:center;
    border-radius:3px;
    background:#036;
    color:#ffffff;
    display:block;
    margin-bottom:0;
    opacity:0;
    padding:6px 5px 6px 5px;
    pointer-events:none;
    left:35px;
    bottom:-5px;
    float:left;
    -webkit-transition:all .25s ease-out;
    -moz-transition:all .25s ease-out;
    -ms-transition:all .25s ease-out;
    -o-transition:all .25s ease-out;
    transition:all .25s ease-out;
    -webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.28);
    -moz-box-shadow:2px 2px 6px rgba(0,0,0,0.28);
    -ms-box-shadow:2px 2px 6px rgba(0,0,0,0.28);
    -o-box-shadow:2px 2px 6px rgba(0,0,0,0.28);
    box-shadow:2px 2px 6px rgba(0,0,0,0.28)
}
.tooltip-wrapper .tooltip:before{
    bottom:-20px;
    content:" ";
    display:block;
    height:20px;
    left:0;
    position:absolute;
    width:100%
}
.tooltip-wrapper .tooltip a{
    color:#ffffff
}
.tooltip-wrapper .tooltip:after{
    border-width:5px;
    border-style:solid;
    border-color:transparent #036 transparent transparent;
    bottom:7px;
    content:" ";
    height:0;
    left:3px;
    margin-left:-13px;
    position:absolute;
    width:0;
}
.tooltip-wrapper:hover .tooltip{
    opacity:1;
    pointer-events:auto;
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -ms-transform:translateY(0px);
    -o-transform:translateY(0px);
    transform:translateY(0px);
}
.lte8 .tooltip-wrapper .tooltip{
    display:none;
}
.lte8 .tooltip-wrapper:hover .tooltip{
    display:block;
}
.text-muted{
    color:#bfbfbf;
}
.modal-header-error .modal-header {
    background:#a50021;
    color:#fff
}
.icon-align-justify {
    height: 13px; /* prevents table rows from growing 1px when edit button appears */
}
.nowrap {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* TinyMCE v5 customization */
div.tox.tox-tinymce {
    border: 0;
}
div.tox-statusbar {
    display: none !important;
}
div.tox-edit-area {
    border: 1px solid var(--railsoft-grey) !important;
    margin-bottom: 1px !important;
}
div.tox-toolbar__primary {
    border-top: 0 !important;
}
div.tox-editor-header {
    zoom: .75;
}
body.tinymce-inner-editor {
    font-size: 11px;
}

/* classes to introduce nowrap+hidden+ellipsis and edit-icon for better visualisation and generalisation */
td.nowrap-hidden,
.nowrap-hidden td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
td.edit-icon {
    position:relative;
    padding-right: 18px !important;
}
.edit-icon:hover > a[data-toggle="modal"]::after {
    content: '';
    position: absolute;
    right: 3px;
    display: inline-block;
    height: 14px;
    width: 14px;
    background-image: url("/static/img/glyphicons-halflings.24af47a00fdb.png");
    background-position: -336px -48px;  /* This is cutting out the position for the needed icon. this is icon-align-justify. */
    background-repeat: no-repeat;
}