.prewrap {
    white-space: pre-wrap;
}

.submenus{
    background:#d43f3a !important;
    border-radius: 5px;
    font-weight:bold;
    padding: 10px;
    margin: 5px;
    list-style-type: none;
    float: left !important;
    font-size: 11px;
    text-transform: uppercase;
}

.submenus a:link, .submenus a:visited, .submenus a:hover, .submenus a:active {
    color: #fff;
    font-weight: 700;
}

.inactive{

    color: #bbb;
    background: #efefef;

}

.ui-dialog-titlebar-close{
    width:43px !important;
    height:43px !important;
}

.ui-dialog-titlebar-close .ui-icon{
    margin-top: 12px !important;
    margin-left: 12px !important;
}

.ui-widget-header {
    color: #333333;
    font-weight: normal;
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
.icon-bar{
    background:#555;
}
a.loginPublicReg:link, a.loginPublicReg:hover, a.loginPublicReg:visited, a.loginPublicReg:active{
    background: #779;
    font-weight: bold;
    color:#fff;
}
a.page-scroll:link, a.page-scroll:hover, a.page-scroll:visited, a.page-scroll:active{
    font-weight: bold;
    color:#4862a3;
}
a.page-scroll-public:link, a.page-scrol-publicl:hover, a.page-scroll-public:visited, a.page-scroll-public:active{
    font-weight: normal;
    color:#fff;
}
.container-menu{
    padding: 0 15px 0 15px;
}

html,body,a,h1,h2,h3,h4,h5,h6,p,li,i,label{
    font-family: 'Baloo Thambi 2', sans-serif !important;
    text-transform: uppercase;
    color: #726f64;
}
h1{
    margin: 40px 0px 5px 0px !important;
    font-size: 24px !important;
}

.ui-widget p{
    color: #fff;
    font-family: 'Baloo Thambi 2', sans-serif !important;
}

.ui-growl-item-container{
    background: #006699;
    color:#fff !important;
}

.ui-growl-title{
    color: #fff;
}

.btn-success {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}
.btn-menu {
    color: #fff !important;
    background-color: #036 !important;
    border-color: #4cae4c !important;
}
.btn-danger {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}
.btn {
    display: inline-block !important;
    padding: 6px 12px !important;
    margin-bottom: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.42857143 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    -ms-touch-action: manipulation !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
}
.menu-title {

    color: #00cccc;
    font-weight: bold;

}

.menu-side-bar li{
    list-style-type: none;
}

.labelsinfo{
    font-weight: normal;
}
.delayedRow{
    background:#ffff99;
}
.delayedRow:hover{
    background:#ffff66;
}


.ui-growl {
    top: 10px !important;
    color:#fff !important;
}

.ui-growl-message {
    color:#fff !important;
    font-weight: bold !important;
}

.form-control{
    display: block;
    /* width: 100%; */
    /* height: 34px; */
    padding: 0 !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    /* border: 1px solid #ccc; */
    /* border-radius: 4px; */
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); */
    /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); */
    /* -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; */
    /* -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; */
    /* transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s */
}
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield{
    box-shadow: none !important;
}

.ui-inputnumber{
    box-shadow: none !important;
    border:none !important;
}

a.logo:link,a.logo:visited,a.logo:hover,a.logo:active{

    color:#f4f4ed;
    font-weight: bold;
    font-family: 'Baloo Thambi 2', sans-serif !important;
    font-size: 50px;
    margin:10px 0 5px 0;
    letter-spacing: -4px;
    text-decoration: none;
    text-shadow: 0 1px 0 #ccc, 
        0 2px 0 #999,
        0 3px 0 #666;
    /*, 0 4px 0 #b9b9b9,
     0 5px 0 #aaa,
     0 6px 1px rgba(0,0,0,.1),
     0 0 5px rgba(0,0,0,.1),
     0 1px 3px rgba(0,0,0,.3),
     0 3px 5px rgba(0,0,0,.2);

     0 5px 10px rgba(0,0,0,.25),
     0 10px 10px rgba(0,0,0,.2),
     0 20px 20px rgba(0,0,0,.15);*/

}
.welcome{
    margin:3px;
    padding: 10px;
    background: #e4e4e4;

}

.header{
    margin:0px;
    padding:10px;
    background-color: #346583;

}
.sums{
    font-size: 130%;
    color: #069;
    font-weight: bold;
}
.itemstable{

    font-size: 70%;
    font-family: 'Baloo Thambi 2', sans-serif !important;

}

.idcolumn{
    width:60px;
}
.editcolumn{
    width:80px;
}

.publicregcurp{
    font-weight: bold;
    text-transform: uppercase;
    color: #4cae4c;
}
.navbar-nav {
    margin:10px;
    flex-direction: row !important;
}
.navbar-nav li{
    padding:10px;
}
a.page-scroll:link, a.page-scroll:visited, a.page-scroll:hover, a.page-scroll:active{

    color:#fff;

}
a.dashboard:link, a.dashboard:visited, a.dashboard:hover, a.dashboard:active{

    color:#333;

}
.details-btn{
    margin:5px !important;
    background: #ffff99 !important;
    font-size: 80% !important;
    font-weight: bold !important;
    text-transform: uppercase;
    padding: 2px !important;

}
.details-btn-save{
    margin:5px !important;
    background: #5cb85c !important;
    font-weight: bold !important;
    text-transform: uppercase;
    padding: 2px !important;

}
.details-btn-grey{
    margin:5px !important;
    background: #ddd !important;
    font-size: 80% !important;
    font-weight: bold !important;
    text-transform: uppercase;
    padding: 2px !important;

}

.details-btn-blue{
    margin:5px !important;
    background: #ffcc00 !important;
    font-size: 80% !important;
    font-weight: bold !important;
    text-transform: uppercase;
    padding: 2px !important;

}

.unknownRisk{


}

.noRisk{

    color: #fff;
    font-weight: bold;
    background: #5cb85c;

}

.mildRisk{

    color: #333;
    background: #ffffcc;

}

.highRisk{

    color: #333;
    background: #ff9999;

}

.greenRow{

    background: #d6fead;

}

.employeeComments {
    padding:10px;
    background:#fffcdd;
    border: solid 2px #999;
    border-radius: 5px;
}

.employeeImages {
    max-width: 95%; 
    margin: 5px; 
    border-radius: 5px;
    border: solid 3px #999;
}

.viewEmployeeBtn{
    margin: 6px !important;
    text-align: center;
    padding: 2px;
    background: #ffffcc;
    border: solid 1px #666;
    border-radius: 3px;
}

.ui-growl{
    z-index:99999999999 !important;
}
.ui-sticky {
    top: 200px !important;
}
@media (max-width: 960px) {
    .ui-sticky {
        top: 110px !important;
    }
}
.ui-widget {
    font-family: 'Baloo Thambi 2', sans-serif !important;
}
@media (min-width: 0px) and (max-width: 700px){
    p {
        font-size: 12px !important;
    }
    .ui-widget {
        font-size: 12px !important;
        font-family: 'Baloo Thambi 2', sans-serif !important;
    }
    .scrollmobile{
        height: 200px !important;
        overflow-y: scroll !important;
    }
}