/* CSS Document */

/*WRAPPER*/
* {
    margin: 0;
    padding: 0;
}

html {
    color: #757575;
    font: normal 11px Kenvue_Sans-Regular;
    font-family: Kenvue_Sans-Regular;
}

.rcbItem {
    font-family: Kenvue_Sans-Regular !important;
    font: normal 11px Kenvue_Sans-Regular;
    color: black !important;
}

a img {
    border: 0px none;
}

body {
    background: #fff /*url("../Images/bg-body.jpg")*/ repeat 0 0;
    font-family: Kenvue_Sans-Regular;
    font: normal 11px Kenvue_Sans-Regular;
}

#container {
    clear: both;
    margin: 0 auto;
    width: 100%;
}

#content-wrapper {
    background: #fff;
    min-height: 400px;
    padding-bottom: 30px;
    width: 100%;
    background: #fff; /* url('../Images/bg-content.jpg') no-repeat right top; */
}

.content {
    padding: 20px 30px;
}

#body-content .frame {
    margin: 15px 0px 15px 0px;
  
}





Kenvue_Sans-Extrabold {
    font: bold 13px Kenvue_Sans-Extrabold;
}
h1 {
    font: bold 13px Kenvue_Sans-Extrabold;
   
}
/*CONTENT*/
h2 {
    font: bold 18px Kenvue_Sans-Regular;
    
}

h3 {
    font: bold 16px Kenvue_Sans-Regular;
    
}

h4 {
    font: bold 13px Kenvue_Sans-Regular;
  
}

.required {
    color: #F00;
}

.frame-navigation, .area-buttons {
    margin: 15px 0 0 0;
    overflow: auto;
}

    .area-buttons .static-fields-panel {
        float: left;
    }

/* HEADER */

    #header {
    height: 105px;
    margin: 0 auto 15px;
    width: 100%;
}

#site-name {
    color: #000000;
    font-size: 29px;
    font-weight: normal;
    letter-spacing: -2px;
    float: right;
    margin: 24px 30px 0 0;
}

#user {
    float: right;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    width: 425px;
    clear: right;
    margin: 10px 30px 0 0;
    font: normal 11px Kenvue_Sans-Regular;
    font-family: Kenvue_Sans-Regular;
}

    #user a.logout-link {
        background: transparent url('../images/logout.png') no-repeat top left;
        text-indent: 999px;
        overflow: hidden;
        float: right;
        margin: 10px 0 0 0;
        width: 44px;
        height: 25px;
        padding: 0;
    }

        #user a.logout-link:hover {
            text-decoration: underline;
        }

        #user a.logout-link span {
            color: #fff;
        }

    #user span {
        color: #00B097;
        font-size: 11px;
    }

    #user .current-user-message {
        float: right;
        line-height: 25px;
        height: 25px;
        margin-right: 10px;
        color: #000000;
    }

    #user #roles {
        text-decoration: none;
        cursor: default;
    }

.change-password-link {
    color: #C43F3A;
    font-size: 11px;
    display: block;
    line-height: 11px;
    margin-top: -3px;
}

.change-password-link-hidden .change-password-link {
    display: none;
}


.change-password-link-hidden #user {
    margin-top: 15px;
}

.change-password-link-hidden a.logout-link {
    margin-top: 0 !important;
}

/* Logo */

#logo {
    float: left;
    margin: 20px 0 20px 30px;
}

#logo h1 a {
    width: 380px;
    height: 84px;
    display: block;
    background: url(../Images/logo.png) no-repeat 0 0;
    margin-top: 0px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}

/*ERROR MESSAGES*/
.msgerror {
    border: 1px dashed #F00;
    color: #F00;
    margin-bottom: 20px;
    padding: 10px;
}

    .msgsuccess ul li,
    .msgerror ul li {
        list-style: none;
        margin: 5px 0;
    }

/*SUCCESS MESSAGES*/
.msgsuccess {
    border: 1px dashed #008000;
    color: #008000;
    margin-bottom: 10px;
    padding: 10px;
}


/*LOADING*/
.loading-container {
    text-align: center;
}

/*CONFIRM POPUP*/
.confirm-popup-buttons {
    margin-top: 10px;
    overflow: auto;
}

/*OFFICE BUTTON STYLE*/

.office-button {
    float: left;
    margin: 0 10px 0 0;
    overflow: hidden;
    background: #000000;
    color: #fff;
    font-size: 11.2px;
    font-weight: normal;
    padding: 0 12px;
    text-decoration: none;
    height: 20px;
    vertical-align: middle;
    white-space: nowrap;
    padding-top: 6px;
}

    .office-button .button-icon {
        height: 16px;
        vertical-align: top;
        display: inline-block;
        position: relative;
        margin: 0;
        padding-left: 5px;
        margin-top: -1px;
    }

/*CALENDAR*/
.ui-datepicker-trigger {
    position: relative;
    left: -20px;
    top: 5px;
    vertical-align: top;
}

/*RADGRID*/

div.RadGrid {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font: normal 11px Kenvue_Sans-Regular;
    font-family: Kenvue_Sans-Regular;

}

    div.RadGrid table.rgMasterTable thead th.rgHeader:first-child {
        -moz-border-radius: 8px 0 0 0;
        -webkit-border-radius: 8px 0 0 0;
        border-radius: 8px 0 0 0;
        font: normal 11px Kenvue_Sans-Regular;
        font-family: Kenvue_Sans-Regular;
    
     
    }

    div.RadGrid table.rgMasterTable thead th.rgHeader:last-child {
        -moz-border-radius: 0 8px 0 0;
        -webkit-border-radius: 0 7px 0 0;
        border-radius: 0 8px 0 0;
        font: normal 11px Kenvue_Sans-Regular;
        font-family: Kenvue_Sans-Regular;
    
      
    }

    div.RadGrid .rgCommandCell {
        -moz-border-radius: 0 0 8px 8px;
        -webkit-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px;
        font: normal 11px Kenvue_Sans-Regular;
        font-family: Kenvue_Sans-Regular;
    
    }

.image-column {
    text-align: center;
    font-family: Kenvue_Sans-Regular;
}

.rad-grid-no-records {
    text-align: center;
    font-weight: bold;
    margin: 25px 0;
    font: normal 11px Kenvue_Sans-Regular;
    font-family: Kenvue_Sans-Regular;

}

/*FOOTER*/

#footer {
    border-top: solid 1px #ccc;
    padding: 25px 20px 0 25px;
    margin: 15px 30px 0 30px;
}

#footer .links {
    margin-bottom: 25px;
}

    #footer .links a {
        padding: 0 20px;
        color: #000000;
        font-weight: bold;
        font: Kenvue_Sans-Regular;
    }

#footer .links a.first {
    padding-left: 0;
}

#footer .user-guide {
    display:inline;
}


span.description-workflow-list {
    font-weight: bold;
    font: normal 11px Kenvue_Sans-Regular;
    padding: 15px 0px 15px 0px;
    display: inline-block;
}

.RadGrid_Office2007 .rgCommandRow {
    color: Transparent !important;
}

.clear-fix {
    clear: both;
    height: 1px;
}

#content-wrapper p.returnlnk {
    padding: 10px 0px 10px 0px;
}

#content-wrapper p.returnlnk.occ-create {
    margin: 0px;
}

.competence-approval {
    margin-bottom: 10px;
}


#pnlUserPermission .frame {
    margin-bottom: 10px;
}

h2 sup.limit-information {
    text-decoration: none;
    color: #757575;
    font-size: 11px;
 
}

span.limit-tooltip {
    display: inline-block;
    margin: 15px 0px;
    font-size: 11px;
  
}


.content-box {
    border: 1px solid #CCC;
    margin: 20px 0;
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.content-box .title {
    background: transparent;
    bottom: 20px;
    display: table;
    left: 22px;
    padding: 0 10px;
    position: relative;
}

.content-box .title span {
    background: #fff;
    padding: 0 10px;
}

.filters {
    width: 950px;
    margin-bottom: 20px;
    overflow: auto;
}

.filters div.form-item {
    float: left;
    margin: 0 0 5px 0;
    width: 465px;
    height: 34px;
}

    .filters .button-item {
        width: 896px;
        clear: both;
  
    }

.filters .button-item .office-button {
    float: right;
}


.filters .form-item span {
    width: 210px;
    display: inline-block;
    margin-top: 5px;
}

.filters .form-item input {
    width: 200px;
    padding: 3px;
    vertical-align: top;
}

.filters .eraser {
    margin: 0 0 0 -13px;
    vertical-align: sub;
}

    .filters .RadComboBox {
        width: 210px !important;
        font: normal 11px Kenvue_Sans-Regular;
        font-family: Kenvue_Sans-Regular;
    
    }

        .filters .RadComboBox input {
            width: 177px !important;
            height: 14px;
            font: normal 11px Kenvue_Sans-Regular;
            font-family: Kenvue_Sans-Regular;
        
        }

    .filters div.form-item.button-item, div.form-item.occurrence-type {
        clear: both;
        font: normal 11px Kenvue_Sans-Regular;
    }

    .filters .form-item.button-item a {
        margin-left: 0;
        font: normal 11px Kenvue_Sans-Regular;
    }


    .filters .ui-datepicker-trigger {
        margin-top: 0px !important;
        vertical-align: top !important;
        font: normal 11px Kenvue_Sans-Regular;
    }


.workflow-task-wrapper {
    margin-top: 15px;
    font: normal 11px Kenvue_Sans-Regular;
}

.RadGrid_Transparent td {
    border-bottom: 1px solid #DBDFE4;
    font: normal 11px Kenvue_Sans-Regular;
    font-family: Kenvue_Sans-Regular;
}


/*WICO*/

.wico h4 {
    display: block;
    margin-bottom : 20px;
}

.wico div h3
{
    display: block;
    margin-top: 20px;
}

.wico p
{
    margin: 10px 0;
}

.wico ol,
.wico ul
{
    margin-left: 40px;
}

/*RadCalendar*/
.RadCalendar {
    background-color: #FFF !important;
    font: normal 11px Kenvue_Sans-Regular;
}

.RadComboBox_Default .rcbEmptyMessage {
    font-style: normal;
    font: normal 11px Kenvue_Sans-Regular;
}

.center-alignment
{
    text-align: center;
    display: block;
}

.print-occurrence a {
    color: #000000;
    float: right;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
    margin-right: 10px;
    font: normal 11px Kenvue_Sans-Regular;
    font-family: Kenvue_Sans-Regular;
}

.print-occurrence a img 
{
    margin-left: 5px;
    float: right;
    margin-top: 1px;
}

@font-face {
    font-family: Kenvue_Sans-Extrabold;
    src: url('../Font/Kenvue_Sans-Extrabold.otf');
}

@font-face {
    font-family: Kenvue_Sans-Regular;
    src: url('../Font/Kenvue_Sans-Regular.otf');
}