﻿body {
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 110%;
}

img {
    border:none;
}

.k-chart {
    touch-action: auto !important;
}

.hide {
    visibility: hidden;
}

.container {
    position: relative;
    width: 100%;
    background-color: #93C257;
}

.center {
    margin: 0 auto;
    max-width: 1000px;
    background-color: #FFFFFF;
    padding: 0px;
}

.username {
    text-align: right;
    float: right;
}


divmsg {
    border: 1px solid #808080;
    font-family: calibri;
    font-size: 14px;
}
.homeInstructions {
    font-size: 1.17em;
    padding-left: 0px;
}
.sectionTitle {
    font-size: 1.17em;
    font-weight: bold;
    padding-left: 0px;
    margin-left:5px;
}
.message{
    border-radius: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    padding: 10px 10px 10px 10px;
    background-position: 0 -255px;
    background-color: #e3e3e3;
    border-color: #c5c5c5;
    /*text-align:justify;*/
}

.message p {
    text-align:justify;
}

.message a {
    text-align:left;
}
.errorMsg {
    padding: 5px 15px 5px 25px;
    border: 1px solid #808080;
    background-position: 4px center;
    font-family: calibri;
    color: #FF0000;
    background-image: url('../images/StatusFlagRed16.png');
    background-repeat: no-repeat;
    background-color: #FFFF99;
}

.successMsg {
    padding: 5px 15px 5px 25px;
    border: 1px solid #808080;
    background-position: 4px center;
    font-family: calibri;
    color: #008000;
    background-image: url('../images/StatusFlagGreen16.png');
    background-repeat: no-repeat;
    background-color: #FFFF99;
}

.myMsg {
    padding: 5px 15px 5px 25px;
    border: 1px solid #808080;
    background-position: 4px center;
    font-family: calibri;
    color: #000000;
    background-image: url('../images/StatusFlagYellow16.png');
    background-repeat: no-repeat;
    background-color: #FFFF99;
}


#footer {
    border: none;
    position: relative;
    line-height: 25px;
}

#header {
    border-radius: 4px;
    border: #c5c5c5 1px solid;
    background: url("textures/highlight.png") #e3e3e3 repeat-x 0 center;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    line-height: 25px;
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
}

.footer-left {
    padding-left: 10px;
    text-align: left;
}

.footer-right {
    padding-right: 10px;
    text-align: right;
}



#menuLeft {
    border: none;
}

#menuRight > .k-last {
    float: right;
    border-left-width: 1px;
    border-right-width: 0;
}

#menuRight {
    border: none;
    border-bottom: none;
    border-left: none;
}

#username {
    line-height: 21px;
}

.footerLink {
    /*text-decoration: none !important;*/
    color: white;
}

.clear {
    clear: both;
}

.SWLevelActive {
    border-radius: 4px;
    padding: 5px;
    background: #f35800;
    color: white;
}

.aspNetDisabled {
    width: 200px;
}

.dd-berrier {
    width: 200px;
}

.behavioritem .k-dropdown-wrap, .CALeft .item .k-dropdown-wrap {
    padding: 2px !important;
}

#lvUCA {
    overflow: hidden !important;
    height: auto;
}

.k-edit-label {
    padding: 3px !important;
    width:32% !important;
}

.edit-row {
    padding: 5px 0px;
}
/*.k-dropdown-wrap:active:hover,
.k-picker-wrap:active:hover {
    color: #ffffff;
    border-color: #ef671a;
    background-color: #ed4300;
}*/

/*.k-dropdown-wrap:active,
.k-picker-wrap:active {
    color: #9f9e9e;
    border-color: #c5c5c5;
    background-color: #e3e3e3;
    background-image: url('textures/highlight.png');
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-image: none, -moz-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-image: none, -o-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
}*/

/*.k-dropdown-wrap:focus:not(.k-state-disabled):not([disabled]),
.k-picker-wrap:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 5px 1px #bcb4b0;
    box-shadow: inset 0 0 5px 1px #bcb4b0;
}

.k-dropdown-wrap:focus:active:not(.k-state-disabled):not([disabled]),
.k-picker-wrap:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 3px 4px #df5100;
    box-shadow: inset 0 0 3px 4px #df5100;
}*/

/*.k-widget.k-tooltip-validation {
    background-color: yellow;
}*/

#loadingSpinner {
    position: relative;
}

/* =============================================================================
   Button styles
   ========================================================================== */
.on-off-button {
    background-color: grey !important;
    background-image: linear-gradient(to bottom, grey, grey) !important;
    color: #fff !important;
    border-color: grey !important;
    min-width: 72px;
}
    .on-off-button:hover {
        background-color: grey;
        color: #fff;
        border-color: grey;
    }

.yes-button-checked {
    background-color: green !important;
    background-image: linear-gradient(to bottom, green, green) !important;
    color: #fff !important;
    border-color: green !important;
    min-width: 72px ;
}
    .yes-button-checked:hover {
        background-color: green;
        color: #fff;
        border-color: green;
    }

.no-button-checked {
    background-color: #ef671a !important;
    background-image: linear-gradient(to bottom, #ef671a, #ef671a) !important;
    color: #fff !important;
    border-color: #ef671a !important;
    min-width: 50px;
}
    .no-button-checked:hover {
        background-color: #ef671a;
        color: #fff;
        border-color: #ef671a;
    }

.na-button-checked {
    background-color: #2f2f2f !important;
    background-image: linear-gradient(to bottom, #2f2f2f, #2f2f2f) !important;
    color: #fff !important;
    border-color: #2f2f2f !important;
}

.na-button-checked:hover {
    background-color: #2f2f2f;
    color: #fff;
    border-color: #2f2f2f;
}

.at-risk-button-checked {
    background-color: red !important;
    background-image: linear-gradient(to bottom, red, red) !important;
    color: #fff !important;
    border-color: red !important;
    min-width: 50px;
}
    .at-risk-button-checked:hover {
        background-color: red;
        color: #fff;
        border-color: red;
    }
/* =============================================================================
   Checkbox styles
   ========================================================================== */

/* Inline menu styling */

/*.filters {
    list-style: none;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
}*/

.filters li {
    display: inline-block;
}

.filters input[type="checkbox"] {
    position: absolute;
    width: 90px;
    height: 20px;
    top: 0;
    right: 0;
}

.filters .all {
    position: absolute;
    visibility: hidden;
}

/* Optional */

.filters {
    /* prevent accidental selection when clicking */
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.filters label {
    cursor: pointer;
}

/* Checkbox styling */

.filters .fa {
    font-size: 12px
}


/* =============================================================================
   Image gallery
   ========================================================================== */

#imgList {
    width: 90%;
    /*max-width: 1100px;
    min-width: 800px;*/
    margin: 50px auto;
}

.columns {
    -webkit-column-count: 5;
    -webkit-column-gap: 10px;
    -webkit-column-fill: auto;
    -moz-column-count: 5;
    -moz-column-gap: 10px;
    -moz-column-fill: auto;
    column-count: 4;
    column-gap: 10px;
    column-fill: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px;
}
.ca-option .columns {
    -webkit-column-count: 2;
    -webkit-column-gap: 5px;
    -webkit-column-fill: auto;
    -moz-column-count: 2;
    -moz-column-gap: 5px;
    -moz-column-fill: auto;
    column-count: 2;
    column-gap: 5px;
    column-fill: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px;
    padding-left: 0px;
}

.pin {
    position: relative;
    display: inline-block;
    border: solid 1px #bbb;
    margin: 0 2px 15px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
    opacity: 1;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 6px;
    max-width: 100%;
    vertical-align: top;
}

.pin img {
    max-width: 350px;
}

.pin .command {
    text-align: right;
    border-bottom: 1px solid #bbb;
    padding: 8px;
}   
    
    .pin .command .k-button {
        margin-top: 0 !important;
    }
    .pin .command .delete-image,
    .pin .command .rotate-image,
    .pin .command .edit-image {
        min-width: 0px !important;
    }

    .pin p {
        border-top: 1px solid #bbb;
        font: 12px/18px Arial, sans-serif;
        color: #333;
        margin: 0;
        padding: 6px;
    }
            
/* =============================================================================
   Create New Inspection
   ========================================================================== */
.inspection {
    max-width: 1000px;
    margin: 0 auto;
    padding: 5px;
}
.inspection table {
    width: 100%;
}
.inspection tr > td {
     padding-top:10px;
}
.inspection tr > td.valign-top {
    vertical-align: top;
}
.note {
    color: #999;
    font-style: italic;
}
.inspection .total-score {
    border: 1px solid #f90;
    padding: 8px;
    background-color: #fcf4d2;
    border-radius: 5px;
    margin-right: 10px;
    /*box-shadow: 0 0 7px rgba(0,0,0,0.15);
    border-color: #cac3a8 #f9f0c2 #f9f0c2 #cac3a8;*/
}
.inspection .last-inspection-log {
    /*margin-left: 10px;*/
}
.inspection .inspection-detail, .inspection .comment {
    width: 100%;
    height:80px;
}
.inspection textarea.ca {
    width: 350px;
    height: 80px;
}
.answer-button{
    min-width:72px!important;
}

/* Section */
.inspection .section-header {
    padding: 10px;
    background-color: #fff8dc;
    border: 1px solid #e0dcbf;
    color: #444;
    border-radius: 5px;
    margin-top: 20px;
    font-size: 1.17em;
}
.inspection .section-header .section-name {
    font-weight: bold;
    text-overflow: ellipsis;
    display: inline-block;
}
.inspection .section-header .score {
    float: right;
    display: inline-block;
    padding-top: 3px;
}
.inspection .section-header .toggle-buton {
    color: gray;
}
.inspection .check-all {
    width: 98px;
    text-align: center;
    line-height: 20px;
}
.inspection .check-all .mark {
    position: relative;
    bottom: -1px;
    font-size: 13px;
}

/* Question */
.inspection .question-row {
    min-height: 40px;
    overflow: hidden;;
    border-bottom: 1px solid #c5c5c5;
    background-color: #f5f5f4;
}
.inspection .question-row .question {
    line-height: 20px;
    padding: 10px;
    float: left;
    max-width: 640px;
}

.inspection .question-row .narrow {
    max-width: 540px;
}

.inspection .answer-choices {
    float: right;
    padding-right: 10px;
}
.inspection .answer-choices Button {
    min-width: 50px;
    margin-top: 6px;
    width: 98px;
    font-size: 9pt;
}
.inspection .alt-question {
}

/* Corrective Action section */
.inspection .ca-option {
    background-color: white;
    padding: 15px;
    border: 1px solid;
    margin-top: 1px;
    padding-top: 0px;
}

.yes-answer {
    border: 1px solid green !important;
}

.no-answer {
    border: 1px solid orange !important;
}

.ca-option.no-answer {
    padding: 5px;
}

.na-answer {
    border: 1px solid black !important;
}

.inspection .help-button {
    margin-right: 10px;
    margin-left: 10px;
}
.inspection .save-button {
    margin-top: 20px;
    margin-bottom: 20px;
}
.inspection .archive-button {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 120px;
}
.inspection .finish-button {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 120px;
}
.inspection .upload-inspection .title {
    font-size: 1.17em;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
    margin-right: 10px;
    padding-left: 8px;
    display: inline-block;
    position: relative;
    top: 3px;
}
.inspection #btn-upload {
    display: inline-block;
}
.inspection .upload-inspection .upload-wrapper {
    width: 330px;
    float: left;
}
.upload-wrapper .k-file {
    border-style: solid;
    border-width: 0 1px 1px !important;
    padding: .167em .167em .167em .8em;
}
.upload-wrapper p {
    padding: 8px
}
/*.upload-wrapper .k-upload {
    background-color: white;
    border: none;
}*/
#window #instruction {
    padding: 10px;
}
.download-inspection {
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
}
/* Reports */
.ReportItem
{
    /*height: 60px;*/
    margin: 10px 0px;
    padding: 15px;
    -moz-box-shadow: inset 0 0 30px rgba(0,0,0,0.15);
    -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.15);
    box-shadow: inner 0 0 30px rgba(0,0,0,0.15);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer;
    display: flex;
}
.divReport
{
    /*width: 550px;*/
  min-height: 155px;
  margin: 5px -15px;
  padding: 5px;
  overflow-x: hidden;
  overflow-y: auto;
  border:none;
}
/* =============================================================================
   Image rotation
   ========================================================================== */
.rotate {

    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

/* =============================================================================
   Safte Meeting Manager
   ========================================================================== */

.smm{
    background-color: white;
    margin: 0 auto;
}

.smm table tr td {
    padding-top: 10px;
}


    .smm .roster-container, .jsea .roster-container {
        border: 1px solid #D7D4D4;
        padding: 20px;
        border-radius: 5px;
    }
    .smm .rosters, .jsea .rosters, .rosters div {
        padding-top: 10px;
    }

.rosters input {
    width: 80%;
}

.roster-input {
    margin-top: 10px;
}
.roster-input button {
    width: 85px;
    margin-left: 5px;
    margin-top: -2px
}

.mat div:not(:first-of-type) {
    margin-top: 5px;
}

.stm .pin {
    width: 225px;
    margin-top: 10px;
    border-top: solid 1px #ddd;
}

.stm .pin img {
    width: 225px;
}

.stm .comment {
    width: 100%;
    margin-top: 10px;
}

[contenteditable="true"] { 
    padding: 3px; 
}

[contenteditable="true"]:hover { 
    outline: 2px dashed #c5c5c5;         
}

.banner-dowsite {
            text-align:center;
            padding: 10px 2% 10px;
            color:white;
            font-family: FaktSlabPro-Blond,Arial,Helvetica,sans-serif;
            font-size: 20px;
            line-height: 1.2;
            text-align: center;
            z-index: 9000;
        }   
#banner-notification  
{
    background-color:#ffda3f!important;
    color:black!important;
    max-width: 100%;
}

#window .content {
    text-align: center;
}

#window .buttons {
    text-align: center;    
    bottom: 10px;
    width: 100%;
    margin-left: -.58em;
}
#window .confirm_yes {
    width: 60px;
    margin-right: 5px;
}
#window .confirm_no {
    width: 60px;
    margin-left: 5px;
}

/* =============================================================================
  Incident Workflow Solution
   ========================================================================== */

.iws table {
    width: 100%
}

.iws tr > td {
    /*padding-top: 10px;*/
}

.iws textarea {
    resize: vertical;
}

.iws .row {
    padding-top: 10px;
    padding-bottom: 10px;
}

.iws .fa {
    display: inline !important;
}

.iws #incident-description {
    width:  350px;
    height: 90px;
    margin-top: 10px;
    display: table-cell;
}

.iws #risk-meter {
    top: -3px;
    position: relative;
}

.iws .left-panel {
    padding-right: 10px;
}

.iws .right-panel {
    padding-right: 10px;
}

.iws .event-code {
    margin-left: 10px;
    display: inline;
}

.iws .supplement {    
    border-radius: 5px;    
    margin-top: 10px;    
    background: #f5f5f4;
}

.iws .section-header {    
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e0dcbf;
    background: #fff8dc;
}

.iws .command {
    padding: 10px;
}   

.iws #employee-types {
    padding-left: 0px;
    margin: 10px 0px;
}

.iws ul#employee-types li, .radio-type li {
    display: inline;
    list-style-type: none;
    margin: 4px;
}

.iws .row-radio-type{
    padding-top:0; 
    padding-bottom:0; 
    margin-bottom:0; 
}

.iws .radio-type {
    padding-left: 0;
}

.iws .col {
    display: inline-block;
}

.iws #persons-involved .col3 {
    padding-left: 10px;
}

.iws #persons-involved .col4 {
    float: right;
}

.iws #ddPersons {
    width: 200px;
}

.iws #vehicles-involved .section-header {
    padding-top: 6px;
    padding-bottom: 6px;
}
.iws #vehicles-involved .col2, 
.iws #vehicles-involved .col3, 
.iws #vehicles-involved .col4 {
    padding-left: 10px;
}
.iws #vehicles-involved .col5 {
    float: right;
}

.iws #property-involved .col2, 
.iws #property-involved .col3, 
.iws #property-involved .col4 {
    padding-left: 10px;
}
.iws #property-involved .col5 {
    float: right;
}

.iws #location-involved .col2, 
.iws #location-involved .col3, 
.iws #location-involved .col4 {
    padding-left: 10px;
}
.iws #location-involved .col5 {
    float: right;
}

.iws .section-name {
    font-weight: bold;
    font-size: 1.17em;
}

.iws .fa-plus {
    font-size: 10px;
}

.iws #system-causes, #direct-causes, #corrective-actions {    
    margin-top: 10px;
    padding-top: 0px;
}
.iws .row-border {
    border-bottom: 1px solid #c5c5c5;
}
.iws #persons .row-border:last-of-type,
.iws #persons-involved .row-border:last-of-type,
.iws #vehicles-involved .row-border:last-of-type,
.iws #property-involved .row-border:last-of-type,
.iws #location-involved .row-border:last-of-type,
.iws #direct-causes .row-border:last-of-type,
.iws #system-causes .row-border:last-of-type {
    border-bottom: none;
}

.iws #system-causes .col,
.iws #direct-causes .col,
.iws #corrective-actions .col,
.iws #documents .col {
    display: inline-block;
}

.iws #system-causes .col1,
.iws #direct-causes .col1 {    
    width: 80px;
    height: 95px;
    line-height: 95px;
}
.iws #system-causes .col2,
.iws #direct-causes .col2 {
    width: 400px;    
    vertical-align: top;
}
.iws #system-causes .col3,
.iws #direct-causes .col3 {    
    vertical-align: top;
    padding-left: 10px;
}
.iws #system-causes .col4,
.iws #direct-causes .col4 {
    float: right;
}

.iws #direct-causes .col1 button, 
.iws #system-causes .col1 button {
    top: 40%;    
    position: relative;
}

.iws #direct-causes .col4 button, 
.iws #system-causes .col4 button {
    top: 35px; 
    position: relative; 
}

.iws #direct-causes .section-footer, 
.iws #system-causes .section-footer {
    background: white;
    padding: 10px;
}


.iws #corrective-actions .col1 {
    width: 80px;
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #c5c5c5;
}
.iws #corrective-actions .col2 {
    width: 700px;
    display: table-cell;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c5c5c5;
}
.iws #corrective-actions .col3 {    
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    border-bottom: 1px solid #c5c5c5;
}
.iws #corrective-actions .col4 {    
}

.iws #documents .col {        
    padding: 10px;
}
.iws #documents #images {
    min-height: 100px; 
    border-radius: 5px;
    vertical-align: top;
}

.iws #documents #supporting {
}

.iws #documents #supporting table {
    width: 100%;
}

.iws #documents #supporting table thead tr td {
    font-weight: bold;
}

.iws #documents #supporting table tr td {
    border-bottom: 1px solid #c5c5c5;
}

.iws .form-group {
    padding: 15px;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    background: #f5f5f4;    
}

.iws .k-button {
    min-width: 70px;
}
.iws .k-input-button {
    min-width: auto!important;
}
.k-button-fonticon {
    padding-right: 5px;
}
.k-button-link {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    color: -webkit-link !important;
    min-width: 50px;
}
/*    .k-button-link:hover {
        background-color: #e4edf4 !important;
        color: #3e6d8e !important;
    }*/
/* =============================================================================
  JSEA tool
   ========================================================================== */

.jsea {
    padding: 10px
}
.jsea table tr td {
    padding-top: 10px;
}   
.jsea table > tr td:first-of-type {
    padding-top: 0px;
}

.jsea #rate-group {
    margin-top: 15px;
}

/* =============================================================================
  KENDO VALIDATION
   ========================================================================== */
.bbs #ddActivity + .k-tooltip-validation {
    position: absolute;
    right: 0px;
}
.bbs #ActivityDetails + .k-tooltip-validation {
    position: absolute;
    right: 38px;
    top: 39px;
}

.bbs fieldset,
.swa fieldset {
    border-radius: 5px;
    border-color: #F6F6F6;
}

.hht #ddHazard + .k-tooltip-validation {
    position: absolute;
    right: 3px;
    top: 3px;
}

.hht #ddActivity + .k-tooltip-validation,
.swa #ddActivity + .k-tooltip-validation,
.CA #ddActivity + .k-tooltip-validation,
.CA #ddCAControl + .k-tooltip-validation,
.CA #MC_ddAssignTo + .k-tooltip-validation {
    position: absolute;
    right: 2px;
    top: 3px;   
}

.CA span[data-for='dpCommitDate'],
.CA span[data-for='dpCompletionDate'] {
    margin-left: 40px;
    position: absolute;
}
.CA span[data-for='closedCAStatusId'] {
    margin-top: 10px;    
}

.smm #presenter + .k-tooltip-validation {
    position: absolute;
    right: 0;
    top: 100%;
}

.iws #person-mk-notification + .k-tooltip-validation,
.iws #preparedBy + .k-tooltip-validation,
.iws #supervisor + .k-tooltip-validation,
.iws #ddActivity + .k-tooltip-validation,
.iws #ddHazard + .k-tooltip-validation
{
    position: absolute;    
    top: 2px;
    right: 2px;    
}
/*.iws #rpt-title + .k-tooltip-validation
{
    float: right;
    position: absolute;
    right: 10px;
    top: 5px;
}*/

.iws #ddEventCode1 + .k-tooltip-validation,
.iws #ddEventCode2 + .k-tooltip-validation,
.iws #incident-types + .k-tooltip-validation
{
    position: absolute;    
}


.inspection #it-multiselect + .k-tooltip-validation {
    position: absolute;    
}

.jsea #ddActivity + .k-tooltip-validation,
.jsea #ddPLW + .k-tooltip-validation {
    position: absolute;    
    top: 2px;
    right: 2px;    
}
.jsea #task-description + .k-tooltip-validation {
    position: absolute;
    right: 15px;
    top: 12px;
}
.jsea #dpDate + .k-tooltip-validation {
    position: absolute;    
    top: 29px;
    right: 0px;
}

/*RiskRegistry*/
.file-table{
    border:1px solid #DDD;
    border-radius:4px;

}
.file-table td{
        border-bottom:1px solid #DDD;
        border-right:1px solid #DDD;
        padding:3px;
    }
.risk-matrix-table td{
    border:1px solid #DDD;
}
.likelihood-button,.consequance-button
{
    width:100%;color: #171616!important;background-color:gray;
}
.likelihood-button
{
    height:100%
}
.button-low,.button-medium,.button-high,.button-extreme
{
    width:80px;height:80px;color: #171616  !important;font-weight:bold;
        
}
.button-low{
    background-color:green!important;
}
.button-medium{
    background-color:yellow!important;
}
.button-high{
    background-color:orange!important;
}
.button-extreme{
    background-color:red!important;
}

.risk-choose,.consequance-choose,.likelihood-choose{
    /*background-color:blue!important;*/
    opacity:1!important;
}

.apikey {
    padding: 10px;
}
.apikey .key {
    word-wrap: break-word;
    width: 500px;
    padding: 5px; 
    background-color: #e9ebee;
    border: 1px solid #dddfe2;
    border-radius: 5px; 
}
.apikey .k-grid-Re-generate {
    margin-top: 5px;
}

.k-i-calendar,.k-i-clock{
    padding-top:10px;   
}

ul.k-upload-files .k-upload-action {
    display: none;
}
.k-pager-wrap>.k-link>.k-icon{
    margin-top:5px!important;
}

#select-period {
   width:100%;
   display:block;
}    
 .bbs-risk>.k-button-group,.risk-slider {
                width:100%;
            }
.k-button-group .k-button
{width:25%;}
.k-dropdown-wrap.k-state-default
{
    min-height:26px;
}