.epms-comment {
    padding: 0;
    margin: 10px 0 0 0;
}

.epms-comment .comment-basic {
    padding: 15px;
}

.epms-comment .comment-basic .comment-label {
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 0.5em 0;
}

.epms-comment .comment-basic .comment-date {
    font-size: 12px;
    color: #666666;
}

.epms-comment .comment-basic .comment-action {
    font-size: 12px;
}

.epms-comment .comment-basic blockquote {
    font-size: 14px;
    padding: 0.5em 0 0.5em 1em;
    margin-bottom: 0;
}

/**
 * EPMS Dashboard styles
 */

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.dashboard .column {
    min-height: 75px;
}

.dashboard .column .placeholder {
    background: #E8E8E8;
    border: 1px dashed #505050;
    margin-bottom: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.dashboard .widget h3 {
    min-height: 1em;
}

.dashboard .widget h3 a {
    text-decoration: none;
}

.dashboard-container h1 a {
    text-decoration: none;
}

.dashboard-container .dashboard-controls {
    text-align: right;
    margin-bottom: 10px;
    float: right;
}

.padding-bottom {
    padding-bottom: 5px;
}

.dashboard-settings .structure-select div {
    text-align: center;
}

.dashboard-settings .structure-select img {
    padding: 4px;
}

.dashboard-settings .structure-select img.active {
    padding: 2px;
    border: 2px solid #000;
}

.dashboard-settings .structure-select label{
    display: inline-block;
}

.dashboard-settings .structure-select label img{
    pointer-events: none;
}

/**
 * Generic panel styling
 */
.dashboard .widget {
    position: relative;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 20px;
}
.dashboard .widget .panel-heading,
.dashboard .widget .panel-footer {
    border-radius: 0;
}

.dashboard .widget .widget-heading {
    padding: 10px;
}
.dashboard .widget .widget-heading h3 {
    font-size: 14px;
    font-weight: bold;
}

.dashboard .widget.panel {
    border: 1px solid #e0e0e0;
}
.dashboard .widget .panel-body {
    position: relative;
    overflow-x: auto;
    padding: 0;
    min-height: 7.5em;
}

/* Bugfix: Make padding apply during overflow */
.dashboard .widget .panel-body > div {
    margin: 0 15px;
}

.dashboard .widget .panel-body.loading {
    min-height: 200px;
    overflow: hidden;
}

/* Bugfix: Remove alert margin, for better vertical centering */
.dashboard .widget .alert {
    margin: 0;
}

/**
 * Widget controls
 */
.dashboard .widget .widget-controls {
    display: none;
    position: absolute;
    top: 7px;
    right: 10px;
    z-index: 100;
}
.dashboard .widget:hover .widget-controls,
.dashboard .widget .widget-controls:hover {
    display: block;
}

.dashboard .widget .widget-controls .ctrl-move {
    color: #000;
}

/**
 * Widget loading bar
 */
.dashboard .widget .loading-blocker {
    margin: 0 !important;
    position: absolute;
    background: rgba(255,255,255,0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 900;
}
.dashboard .widget .loading-blocker .progress {
    position: relative;
    top: 50%;
    width: 90%;
    margin: -10px auto 0 auto;
}

/**
 * Team Widget
 */
.dashboard .widget .team-members {
    /* Ensure items grid items with different height show properly */
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.dashboard .widget .team-members .team-member {
    padding: 10px;
    display: inline-block;
    position: relative;
}
.dashboard .widget .team-members .team-member .user-icon {
    position: absolute;
    display: block;
    top: auto;
    bottom: 12px;
    right: 12px;
}

/**
 * Widgets with ngTable
 */
.dashboard .widget .table
{
    margin-bottom: 5px;
    border-bottom: 1px solid rgb(221, 221, 221);
}
.dashboard .widget .table.ng-table th
{
    text-align: left;
}

/**
 * Html Editor
 */
.dashboard .widget .html-editor-content {
    padding: 15px;
    min-height: 1em;
}

/** Bugfix: Ensure last P has no trailing margin */
.dashboard .widget .html-editor-content > div > p:last-of-type {
    margin-bottom: 0;
}

/**
 * Video Widget
 */
.dashboard .widget .video-widget iframe {
    border: none 0px;
}

/**
 * Add widget list
 */
.widget-list {
    margin: 0 20px 0 20px;
}
.widget-list .widget-item {
    border-radius: 0;
    margin-bottom: 10px;
}
.widget-list .widget-item img {
    max-width: 100%;
}
.widget-list .widget-item h4 {
    margin-top: 0;
}
.widget-list .widget-item .btn {
    margin-top: 15px;
}

.workflow-editor
{
    position: relative;
}

/*
 * Workflow Viewport
 */
.workflow-editor .workflow-canvas-viewport
{
    height: 700px;
    width: 100%;
    border: 2px inset;
    overflow: hidden;
}

/* Fullscreen mode */
body.fullscreen { padding: 0; max-width: none; }
body.fullscreen [data-container*="workflowEditorApp"] { position:static; }
body.fullscreen [data-container*="workflowEditorApp"] > div
{
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    z-index: 1000 !important;
}
body.fullscreen .workflow-editor
{
    height: 100%;
}
body.fullscreen .workflow-editor .workflow-canvas-viewport
{
    border: none 0;
}
body.fullscreen .fullscreen-toggle
{
    right: 0;
    bottom: 0;
}

body.fullscreen #header,
body.fullscreen #body,
body.fullscreen #footer
{
    width: 100% !important;
    max-width: 100% !important;
}

/**
 * Workflow Canvas
 */
.workflow-editor .workflow-canvas
{
    height: 5000px;
    width: 5000px;
    background: url("../img/workflow/background.png") repeat;
    position: relative;
}

/* Apply "move" cursor to canvas background only */
.workflow-editor .workflow-canvas:active { cursor: move; }
.workflow-editor .workflow-canvas>* { cursor: default; }

/**
 * Canvas Palette
 */
.workflow-editor .palette
{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 222px;
    z-index: 1000;
}

.workflow-editor .palette .nodeType
{
    width: 100%;
    text-align: left;
    margin-bottom: 0.5em;
    border: 2px solid #000;
}

/* Dragging highlight */
.workflow-editor .palette .nodeType.ui-draggable-dragging
{ box-shadow: 4px 4px 8px rgba(0,0,0,0.5); cursor:pointer; }

/**
 * Node Appearance
 */
.workflow-editor .workflow-canvas .workflow-node
{
    position: absolute;
    padding: 0;
    margin: 0;
}
.workflow-editor .workflow-canvas .workflow-node .panel
{
    background: #fff;
    min-width: 160px;
    padding: 0;
    margin: 0;
    border: 2px solid #444444;
    border-radius: 5px;
}

.workflow-editor .workflow-canvas .workflow-node.ui-draggable
{ cursor: default; cursor: -moz-grab; cursor: -webkit-grab; cursor: grab; }
.workflow-editor .workflow-canvas .workflow-node.ui-draggable-dragging
{ cursor: move; cursor: -moz-grabbing; cursor: -webkit-grabbing; cursor: grabbing; }

.workflow-editor .workflow-canvas .workflow-node .panel-heading
{
    text-align:center;
    padding-left: 40px;
    padding-right: 40px;
}
.workflow-editor .workflow-canvas .workflow-node .panel-footer
{
    padding: 0;
    background: #e3f2ff;
}
.workflow-editor .workflow-canvas .workflow-node .panel-heading .controls,
.workflow-editor .workflow-canvas .workflow-node .panel-heading .controls .btn
{
    width: 100%;
    text-align: left;
}

.workflow-editor .workflow-canvas .workflow-node .panel-body
{
    padding: 0;
    margin: 0;
}
.workflow-editor .workflow-canvas .workflow-node .panel-body table
{
    padding: 0;
    margin: 0;
}
.workflow-editor .workflow-canvas .workflow-node .panel-body table th
{
    background: #e8e8e8;
    border: none 0;
    vertical-align: top;

}
.workflow-editor .workflow-canvas .workflow-node .panel-body table td
{
    background: transparent;
    border: none 0;
    vertical-align: top;
}

.workflow-editor .workflow-canvas .workflow-node .panel.has-error
{
    border: 2px solid #FF0000;
    box-shadow: 0 0 10px #FF0000;
}

/* Node validation Popover */
.workflow-editor .workflow-canvas .workflow-node .popover {
    position: relative;
    display: block;
    z-index: inherit;
}

/* Node highlight on hover */
.workflow-editor .workflow-canvas .workflow-node .panel:hover
{
    border: 2px solid #ffcc00;
}

/* Node highlight on drag */
.workflow-editor .workflow-canvas .workflow-node .panel:active
{ box-shadow: 4px 4px 8px rgba(0,0,0,0.5); }

/* Node highlight on drag with error */
.workflow-editor .workflow-canvas .workflow-node .panel.has-error:active
{ box-shadow: 4px 4px 8px rgba(255,0,0,0.5); }

/* ?? */
._jsPlumb_connector { z-index:4; }
._jsPlumb_endpoint, .endpointTargetLabel, .endpointSourceLabel{ z-index:21;cursor:pointer; }

/**
 * Node Endpoint Styles
 */
.workflow-editor .workflow-canvas .node-endpoint
{
    background: url("../img/workflow/arrow.png") no-repeat 0 0;
    width: 30px;
    height: 25px;
    position: relative;
    z-index: 100;
    cursor: crosshair;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .workflow-editor .workflow-canvas .node-endpoint {
        background: url("../img/workflow/arrow@2x.png") no-repeat 0 0;
    }
}

/* Endpoint positions depending on type */
.workflow-editor .workflow-canvas .node-endpoint.endpoint-target
{ position:absolute; left: 6px; top:10px; }
.workflow-editor .workflow-canvas .node-endpoint.endpoint-source
{ position:absolute; right: 6px; top:10px; }
.workflow-editor .workflow-canvas td.nodeItem .node-endpoint
{ float: right; }

/* Text alignment for node item lists */
.workflow-editor .workflow-canvas td.nodeItem
{ text-align: right; line-height: 24px; }

/** Node endpoint hover style */
.workflow-editor .workflow-canvas .node-endpoint:hover,
.workflow-editor .workflow-canvas .node-endpoint._jsPlumb_target_hover,
.workflow-editor .workflow-canvas .node-endpoint._jsPlumb_source_hover
{ background-position: -30px 0; }

/** Node endpoint dragged style */
.workflow-editor .workflow-canvas .node-endpoint._jsPlumb_dragging
{ visibility:hidden; }

/** Node endpoint style when it CAN be targeted by the current drag */
.workflow-editor .workflow-canvas .node-endpoint.available-endpoint
{ background-position: -60px 0; }

/** Node endpoint style when it IS being targeted by the current drag */
.workflow-editor .workflow-canvas .node-endpoint.target-endpoint
{ background-position: -90px 0 !important; }

/** Ensure anchor is always selectable above source/target level */
.workflow-editor .workflow-canvas *._jsPlumb_endpoint_anchor_
{
    cursor: crosshair;
}

/**
 * Fullscreen toggle
 */
.workflow-editor .fullscreen-toggle
{
    font-size: 20px;
    border: 4px solid #fff;
    color: #fff;
    position: absolute;
    bottom: 4px;
    right: 4px;
    cursor: pointer;
    padding: 4px 5px 0 7px;
    z-index: 200;
    background: #000000;
    box-shadow: #000000 0 0 5px;
}
.workflow-editor.fullscreen .fullscreen-toggle
{ bottom: 0; right: 0; }
.workflow-editor .fullscreen-toggle:hover {
    color: #000000;
    border-color: #000000;
    background: #ffffff;
    box-shadow: #FFFFFF 0 0 5px;
}

/**
 * Node Loading overlay
 */
.workflow-editor .workflow-canvas .workflow-node .loader {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    border-radius: 5px;
    display: block;
    position: absolute;
    z-index: 2;
}
.workflow-editor .workflow-canvas .workflow-node .loader > div {
    position: relative;
    width: 100%;
    height: 100%;
}
.workflow-editor .workflow-canvas .workflow-node .loader > div > div {
    width: 100%;
    position: absolute;
    top: 50%;
    color: #fff;
    text-align: center;
}

/**
 * Workflow Node Display
 * This is the static representation anywhere else in the system
 */
.workflow-node-display {
    border: 2px solid #000000;
    position: relative;
    margin: 0 20px;
}


/**
 * Workflow Node Display: Endpoint Styles
 */
.workflow-node-display .node-endpoint
{
    background: url("../img/workflow/abstract-node.png") no-repeat 0 0;
    width: 50px;
    height: 25px;
    position: absolute;
    top: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .workflow-editor .workflow-canvas .node-endpoint {
        background: url("../img/workflow/abstract-node.png") no-repeat 0 0;
    }
}
.workflow-node-display .node-endpoint.endpoint-target
{ left: -20px; background-position: 0 -26px; }
.workflow-node-display .node-endpoint.endpoint-source
{ right: -20px; background-position: 0 0; }


@CHARSET "UTF-8";

html {
    height: 100%;
}
body {
    min-height: 100%;
}

/* For Vertical-align of the Login box */
body#login-body {
    height: 100%;
}

/* Force vertical scrollbars */
body
{
    overflow: scroll;
    overflow-x: auto;
    overflow-y: scroll;
}

/* Fix: Prevents modals affecting scroll */
body.modal-open {
    overflow: hidden !important;
}

/* Smaller than full-screen desktop */
@media only screen and (max-width: 991px) {
    .affix-sidebar {
        display: none;
    }
    .xs-visible-widget {
        display: block !important;
    }
}

/* Full screen desktop and bigger */
@media (min-width: 768px) {

    /* Appraisal select width: Stretch to fill */
    .select-appraisal {
        width: auto;
        max-width: 100%;
        min-width: 33.33333%;
    }

    #appraisal-dateselect-continer .date {
        width: 33.33333%;
    }
}

.color-red {
    color: red
}

.width-100 {
    width: 100%;
}

.btn-section-sub-item {
    height: 30px !important;
    padding-top: 4px;
}

.well-none {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0px;
}

.well-white {
    background-color: #FFF;
}

.input-danger {
    color: #d9534f;
}

.pdf-report-body {
    background-color: #FFF;
    background-image: none;
}

.pdf-report-navbar {
    width: 100%;
}

.select2-result-label{
    width: 300px !important;
}

.select2-list-fullwidth .select2-result-label{
    width: 100% !important;
}

/* Table: remove margins from table so it aligns neatly */
table.table-inline {
    margin: 0;
}

/* Table: remove header border */
table.table tr th {
    border-bottom: 0 none;
}

/* Table: Disable line wrap */
table.table-nowrap tr td {
    white-space: nowrap;
}
table.table-nowrap tr th {
    white-space: nowrap;
}

/* overwrite bootstrap config */
@media (min-width: 1200px) {
    .container {
        max-width: 996px;
    }
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11 {
        float: left;
    }
    .col-lg-1 {
        width: 8.333333333333332%;
    }
    .col-lg-2 {
        width: 16.666666666666664%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-4 {
        width: 33.33333333333333%;
    }
    .col-lg-5 {
        width: 41.66666666666667%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-7 {
        width: 58.333333333333336%;
    }
    .col-lg-8 {
        width: 66.66666666666666%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-10 {
        width: 83.33333333333334%;
    }
    .col-lg-11 {
        width: 91.66666666666666%;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-push-1 {
        left: 8.333333333333332%;
    }
    .col-lg-push-2 {
        left: 16.666666666666664%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-4 {
        left: 33.33333333333333%;
    }
    .col-lg-push-5 {
        left: 41.66666666666667%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-7 {
        left: 58.333333333333336%;
    }
    .col-lg-push-8 {
        left: 66.66666666666666%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-10 {
        left: 83.33333333333334%;
    }
    .col-lg-push-11 {
        left: 91.66666666666666%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-pull-1 {
        right: 8.333333333333332%;
    }
    .col-lg-pull-2 {
        right: 16.666666666666664%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-4 {
        right: 33.33333333333333%;
    }
    .col-lg-pull-5 {
        right: 41.66666666666667%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-7 {
        right: 58.333333333333336%;
    }
    .col-lg-pull-8 {
        right: 66.66666666666666%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-10 {
        right: 83.33333333333334%;
    }
    .col-lg-pull-11 {
        right: 91.66666666666666%;
    }
    .col-lg-offset-0 {
        margin-left: 0;
    }
    .col-lg-offset-1 {
        margin-left: 8.333333333333332%;
    }
    .col-lg-offset-2 {
        margin-left: 16.666666666666664%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333333333%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666666666667%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-7 {
        margin-left: 58.333333333333336%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666666666666%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333333334%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666666666666%;
    }
}

.popover {
    z-index: 1060;
}

.popover-max-width-200 {
    max-width: 200px !important;
}

.navbar-default .navbar-nav > li > a {
    padding: 15px 12px;
}

/* Vertical alignment helper */
.align-vertical-outer {
    display: table;
    height: 100%;
}
.align-vertical-inner {
    display: table-cell;
    vertical-align: middle;
}

.elmo-section-header {

}

.field-container label.checkbox,
.field-container label.radio{
    display:inline-block;
    width:30%;
    vertical-align: top;
    margin-top:0;
    margin-right:1%;
}

.field-container .radio,
.field-container .checkbox{
    display:inline-block;
    width:30%;
}

.field-container .form-control .radio {
    margin-top: 0px;
}

/* whole site */
#header{
    padding-left:0;
    padding-right:0;
}
#header .navbar-brand{
    padding:10px 0 10px 0;
}
#header .navbar{
    display: block;
    border-radius: 0;
    margin: 0;
    clear: both;
}
.middle-img {
    display: table-cell;
    float: none;
    height: 100px;
    vertical-align: middle;
}

#body{
    padding:10px;
}

.recruitmentBody {
    overflow: hidden;
}

#screenreader-summary {
    position: absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    outline: none; /* Important, don't show an outline on-focus */
}

#header-background {
    height:100px;
    width:100%;
    z-index: 1003;
}

#header-background .logo-header-pos {
    table-layout: fixed;
}

#header-background .logo-header img {
    max-height: 100px;
    max-width: 100%;
}

#user-menu {
    float: none;
    width: 100%;
}

#user-menu .navbar-nav {
    margin: 0;
    width: 100%;
}

#user-menu .navbar-nav > li{
    margin: 0;
    padding: 0;
}

#user-menu .nav > li > a {
    padding: 0;
}

#user-menu .nav > li > a,
#user-menu .nav > li > a:active,
#user-menu .nav > li > a:focus,
#user-menu .nav > li > a:hover,
#user-menu .nav > li > a:visited {
    background: transparent none;
}

#user-menu #admin-setting-id {
    font-size: 24px;
    text-align: center;
    padding: 0 15px 0 15px;
    width: auto;
    height: 45px;
}

#user-menu .user-menu-icon {
    max-width: 83.33333333%;
}

#user-menu .user-menu-icon a {
    padding: 0;
}

#user-menu .user-menu-icon .text-profile {
    max-height: 45px;
    line-height: 45px;
    overflow: hidden;
    text-align: right;
}

#user-menu .navbar-nav > li > a {
    line-height: 45px;
}

#user-menu .navbar-nav > li > a > .glyphicon {
    line-height: 45px;
}

#user-menu .navbar-nav > li ul li {
    text-align:left;
    list-style: none;
}
#user-menu .navbar-nav > li ul li a{
    font-size:14px;
    line-height: 100%;
    height:100%;
    padding: 5px 10px;
}
#user-menu .navbar-nav .menu_level_1{
    z-index:1003;
}
#user-menu .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: rgba(54, 25, 25, 0.2);
    text-decoration: none;
}
#user-menu .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    outline: 0 none;
    text-decoration: none;
    background-color: rgba(54, 25, 25, 0.2);
}

#navigation-menu {
    z-index: 3;
}
#navigation-menu li{
    font-size:16px;
    height:100%;
}
#navigation-menu li.first,
#navigation-menu li.last{
    font-size:24px;
}
#navigation-menu li.first a,
#navigation-menu li.last a{
    padding-top: 12px;
    padding-bottom:12px;
}
#navigation-menu li.last{
    position: absolute;
    right: 0px;
    width: 50px;
}
.full-menu #navigation-menu{
    visibility: hidden;
}
#navigation-menu .menu-extra li{

}
#navigation-menu li.current{
    background-color: rgba(54, 25, 25, .2);
}
#navigation-menu-collapse{
    padding:0;
}

.clear {
    clear: both;
}

.active_status_toggle {
    width: 85px;
}
.active_status_toggle .toggle-on.btn{
    padding-left: 8px;
}
.active_status_toggle .toggle-off.btn{
    padding-left: 18px;
}

.toggle-box {
    height: 35px;
}

.wrap-long-text{
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
/*end of whole site */

/* footer */
#footer{
    font-size:12px;
    color: #333;
    background-color: #FFF;
    text-align:center;
    padding-bottom:20px;
}
#footer .separator{
}
/* end of footer */

/* dashboard */
#dashboard-message{
    padding:10px;
    font-size:15px;
}

.view-course, .view-appraisal{
    cursor:hand;
    cursor:pointer;
}

/* end of dashboard */

ul.section-sort-list li.placeholder:before {
    position: absolute;
    /** Define arrowhead **/
}

/* for all tables */
th,
td{
    text-align:left;
}

.table th{
    background:#E9E9E9;
}
.table > tbody > tr:last-child > td {
    border-bottom: 1px solid #ddd;
}
.table.table_gray th {
    background: #A0A0A0;
    color: white;
}

/* for all panel heading */
.panel-group .panel,
.panel-heading {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.panel-heading a.edit-module {
    color: inherit;
}

/* Show more button */
.show-more-div{
    width:100px;
}
.show-more-button{
    background-color: #F9F9F9;
    width:100px;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    vertical-align: middle;
}

/* sign in form*/
#login-logo{
    text-align: center;
    margin-bottom:20px;
}

#login-logo img{
    max-width:330px;
}

#login-message{
    margin-bottom:20px;
}

#sso-login-message {
    margin-top:20px;
}

#sso-login-popup .modal-header { padding: 5px 15px; }
#sso-login-popup .modal-body { padding: 20px 20px 0; }
#sso-login-popup .modal-header button { margin: 10px; }

#sso-login-popup .modal-footer { padding: 10px; }
#login-box{
    margin-left: 26px;
    margin-right: 26px;
    padding:20px 0;
}
#login-box .login-logo img {
    max-width: 100%;
}

#extended-login-box{
    width:700px;
    padding:20px 0;
}

#site-wrapper{display:table;vertical-align:middle;height:100%;width:100%;}
#site-wrapper-inner{display: table-cell;vertical-align: middle;}

.register-user-container {
    margin-left: auto;
    margin-right: auto;
    width: 440px;
}

.login-container {
    margin-left: auto;
    margin-right: auto;
    width:440px;
}

.login-container > div {
    padding: 40px;
    margin-top: 20px;
}

.login-register-container {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
}

.config-container {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}
.form-signin {
    margin: 0 auto;
}
#form-signin-forgot{
    margin-top: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    -moz-box-sizing: border-box;
    font-size: 16px;
    height: auto;
    padding: 10px;
    position: relative;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="text"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width:100%;
}
.form-signin input[type="password"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width:100%;
}

/* end of sign in form*/

/* my profile page */
#my-profile-card{
    padding: 20px 0 10px 0;
    margin-bottom: 10px;
}

#my-profile-picture{
    width:200px;
    height:200px;
    margin-bottom:10px;
}

.user-profile-textarea{
    height: 100px !important;
    resize: none;
}

.user-profile-action-bar .btn{
    font-size: 14px !important;
}

.user-profile-action-bar > div {
    display: inline-block;
}

.user-profile-action-bar-content{
    font-size: 14px !important;
    vertical-align: middle !important;
}

.user-profile-modal-close{
    padding: 6px !important;
}

.user-profile-modal-header{
    font-size: 18px !important;
}

.user-profile-modal-body{
    padding: 0px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.user-profile-modal-content{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.user-profile-label{
    padding: 10px 10px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.user-profile-recommendation-container > div {
    width: 150px;
}

.team-member-no-result-picture {
    opacity: 0.2;
    padding: 10px;
}

.team-members-search-input {
    display: table-cell;
    width: 100%;
}
.team-members-search-buttons {
    display: table-cell;
    min-width: 90px;
}

.team-member-link > div {
    display: inline-block;
}

#my-team-members-container .list-group-item.selected {
    background-color: #f5f5f5;
}

.user-info-content {
    display: table-cell;
    vertical-align:top;
    width: 100%;
}
.user-info-picture {
    display: table-cell;
    min-width: 140px;
}
#my-team-members-container .text-truncate-container {
    width: calc(100% - 80px); /* Remove 80px for profile picture */
    vertical-align: middle;
}

.text-truncate-container {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.text-truncate {
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.team-member-link:hover, .team-member-link:focus {
    text-decoration: none;
}

#myTabContent .row {
    margin-left:0;
    margin-right:0;
}
#myTabContent .row.default-margin {
    margin-left: -15px;
    margin-right: -15px;
}

#myTabContent .e-page-top-button .row {
    margin-left: -15px;
    margin-right: -15px;
}

/*
* Set the margins on myTabContent e page top button row to 10px for iPad like devices
* fixes row alignment( button pulling to left out of row because of negative margin
* raised in PMS-6486
*/
@media only screen and (max-width: 1024px) {
    #myTabContent .e-page-top-button .row {
        margin-left: 10px;
        margin-right: 10px;
    }
}
/* end set margins


/* this is to keep employee search page layout right */
#myTabContent .employee-list-row .row{
    margin-left: -15px;
    margin-right: -15px;
}

.accordion-toggle{
    cursor: hand;
    cursor:pointer;
}
.profile-section{
}

.profile-section .document-panel-heading {
    padding:3px 4px;
}

.profile-section .panel-heading{
    font-size: 16px;
    font-weight: bold;
    margin-bottom:10px;
}

.profile-section .panel-body{
    padding:0;
    margin-bottom:10px;
}

#my-profile-card div{
    padding-left:0;
}

#my-profile-card #edit-button,
#my-profile-card #pdf-button,
#my-profile-card #share-button{
    width:58px;
    height:42px;
}

#addEducation,
#addPosition{
    border-top: 1px dashed #CCCCCC;
    margin-top:10px;
}

/* end of my profile page */

/* for all search bar */
#search-bar{
    margin: 20px 0;
}
#search-bar div{
    padding-right:0;
}

/* user profile setting */
#profile-option-container{
    overflow-y:auto;
    height:200px;
    border:1px solid #DDDDDD;
    margin-top:2px;
}
#profile-option-container ul.list-group{
    margin-bottom:0;
}
#profile-option-container ul li.list-group-item{
    padding: 5px 2px;
}

#menu-option-container {
    padding: 10px 0 10px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #CCC;
}

.move-option{
    cursor:move;
}

.move-cursor{
    cursor:move;
}

body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.8;
    z-index: 2000;
}

#appraisal-container ul li.placeholder{
    position: relative;
    overflow-y:auto;
}


#profile-option-container ul li.placeholder,
.profile-field-list table tr.placeholder{
    position: relative;
    /** More li styles **/
}
#profile-option-container ul li.placeholder:before,
.profile-field-list table tr.placeholder:before{
    position: absolute;
    /** Define arrowhead **/
}

.section-edit-mode{
    border: 1px dashed #CCC;
    padding:5px;
    margin-bottom:5px;
}


.thumbnail{
    position: relative;
}

#edit-profile-img-btn {
    position: absolute;
    top: 5px;
    right: 5px;
}

#profile-img-modal .modal-content{
    width: 900px;
}

.avatar-body {
    padding-right: 15px;
    padding-left: 15px;
}

.avatar-upload {
    overflow: hidden;
}

.avatar-upload label {
    display: block;
    float: left;
    clear: left;
    width: 100px;
}

.avatar-upload input {
    display: block;
    margin-left: 110px;
}

.avater-alert {
    margin-top: 10px;
    margin-bottom: 10px;
}

.avatar-wrapper {
    height: 364px;
    width: 100%;
    margin: 15px 0px 15px 0px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.25);
    background-color: #fcfcfc;
    overflow: hidden;
}

.avatar-wrapper img {
    display: block;
    height: auto;
    max-width: 100%;
}

.avatar-preview {
    float: left;
    margin-top: 15px;
    margin-right: 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;

    height: 200px;
    width: 200px;
    margin-top: 15px;
}

.avatar-preview:hover {
    border-color: #ccf;
    box-shadow: 0 0 5px rgba(0,0,0,.15);
}

.avatar-preview img {
    width: 100%;
}

/*end of user profile setting */

/* employee page */
#employee-list .list-group-item{
    padding-top:0;
    padding-bottom:0;
}

#employee-list .employee-list-header{
    background-color:#DDDDDD;
    height:32px;
    line-height:32px;
}

#employee-list .employee-list-headshot{
    margin-top:-18px;
    display:block;
}

#employee-list .employee-list-row{
    padding-bottom:5px;
    margin-bottom:5px;
}

#employee-list .collapse-button{
    float: right;
    font-size: 22px;
    margin-top: 3px;
}
#employee-list .img-thumbnail{
    border-radius: 0;
    padding:0;
}

#employee-list .user-profile-brief{
    padding-top:10px;
}

ul.list-multiple-entity {
    margin:0px;
    padding:0px;
}
li.list-multiple-entity-item {
    padding:0px;
    margin:0px;
    list-style-type:none;
}

.expandable-edge-sencond-warning {
    background-color: #fcf8e3;
    color: #8a6d3b;
}

.expandable-edge{
    background-color:#DDDDDD;
    cursor:hand;
    cursor:pointer;
    height:32px;
    line-height:32px;
    margin-bottom:5px;
}

#employee-list .extra-content{
    text-align:center;
    padding:0;
}
#employee-list .extra-content th,
.profile-section .panel-body th{
    background-color:#545454;
}
#employee-list .extra-content th,
#employee-list .extra-content td,
.profile-section .panel-body th,
.profile-section .panel-body td{
    height:40px;
    vertical-align: middle;
}

.user-icon-area{
    position:relative;
    padding-left:18px;
}
.user-icon-area .is-not-notified{
    position:absolute;
    left:0;
    top:18px;
    font-size:16px;
}
.user-icon-area .is-not-confirmed{
    position:absolute;
    left:0;
    top:18px;
    font-size:16px;
}
.user-icon-area .is-elmo-user{
    position:absolute;
    left:0;
    top:0;
}
.user-icon-area .icon-on-image-top{
    margin-left:19px;
}
.user-icon-area .is-not-active{
    position:absolute;
    left:0;
    top:18px;
    font-size:16px;
}
.inactive-user td {
    background-color: rgba(204,204,204,1);
    opacity: 0.5;
}
.inactive-user:hover td {
    opacity: 1;
}
.inactive-user td.actions {
    opacity: 1;
    background-color: rgba(204,204,204,0.5);
}
.matched-user td {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

/* end of employee page */

/* learning development */
.view-course-info{
    cursor:hand;
    cursor:pointer;
}
.course-info-container{
    display:none;
}
.course-info-container td {
    border:none !important;
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.course-status-0{
    color:#f93e3e;
}
.course-status-1{
    color:#ff7e00;
}
.course-status-2{
    color:#1a7c00;
}
.course-status-3{

}
.course-status-4{
    color:#f93e3e;
}
.course-status-5{
    color:#1a7c00;
}
.course-status-9{

}

.course-request-status-0{

}
.course-request-status-1{
    color:#ff7e00;
}
.course-request-status-2{
    color:#1a7c00;
}
.course-request-status-3{
    color:#f93e3e;
}

.course-request-status-bg-0{

}
.course-request-status-bg-1{
    background-color:#ff7e00;
}
.course-request-status-bg-2{
    background-color:#1a7c00;
}
.course-request-status-bg-3{
    background-color:#f93e3e;
}

.cpd-plan-status-0{
    color:#f93e3e;
}
.cpd-plan-status-1{
    color:#ff7e00;
}
.cpd-plan-status-2{
    color:#1a7c00;
}

.custom-tooltip + .tooltip > .tooltip-inner {
    background-color: #fff;
    color: #000;
    border: 2px solid #c4c4c4;
    text-align: left;
    padding: 20px;
    min-width: 300px;
}
.custom-tooltip + .tooltip > .tooltip-inner hr{
    border-color: black;
}
.custom-tooltip + .tooltip.top > .tooltip-arrow{
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #CCC
}
.custom-tooltip + .tooltip.left > .tooltip-arrow{
    top:50%;
    right:0;
    margin-top:-5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:5px solid #CCC;
}
.custom-tooltip + .tooltip.bottom > .tooltip-arrow{
    top:0;
    left:50%;
    margin-left:-5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #CCC;
}
.custom-tooltip + .tooltip.right > .tooltip-arrow{
    top:50%;
    left:0;
    margin-top:-5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:5px solid #CCC;
}
/* end of learning development */

/* branding */
.color{
    width:7em;
}
/* end of branding */

/* note */
.note-container{
    display:none;
}
/*.note-display{*/
/*overflow-y:auto;*/
/*}*/
/* end of note*/

.test-email-alert {
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.notification-form-btns {
    margin-top: 10px;
    margin-left: 45%;
}


/* report style */
#report-select-box {
    width: 310px;
}
.report-select {
}

#report_appraisal_submit {
    margin-top:20px;
}

.report-table-container {
    width: 100% !important;
    overflow: scroll;
    overflow-y: hidden;
    overflow-x: auto;
}

.report-table-result {
    font-size: 0.85em;
}

.report-chart {
    padding: 20px 0px;
}

.report-table-gray th{
    background: #A0A0A0!important;
    color: white!important;
}
.report-table-bordered{
    border: 1px solid #c4c4c4;
}
.report-table-bordered th,
.report-table-bordered tr{
    border: 0px;
}

/*User Login Report*/
.user-login-report-options{
    margin-bottom: 35px;
}

.user-login-report-label{
    padding-top : 7px;
    float: right;
}

.user-login-report-right{
    padding-right: 5px !important;
}

.user-login-report-left{
    padding-left: 1px !important;
}

.user-login-report-select{
    width: 120px !important;
}

.user-login-report-break{
    page-break-after: always;
}

.main-appraisal-bg {
    background-color: #E3F4FF;
}

.main-appraisal-bg .select2-chosen {
    background-color: #E3F4FF;
}

.second-appraisal-bg {
    background-color: #f3fffb;
}

.second-appraisal-bg .select2-chosen {
    background-color: #f3fffb;
}

#filter-form .field-container{
    background-color: #F5F5F5;
    max-height: 200px;
    overflow-y:auto;
    overflow-x:hidden;
    padding:5px;
}

#filter-form .field-container-checkbox{
    background-color: #F5F5F5;
    padding:10px;
}
/* end of report */

/* administration module */
.admin-module-panel {
    height: 90px;
}
.admin-module-panel h4{
    margin-bottom: 2px;
}
.admin-module-panel .admin-item-title {
    float: right;
    width: 88%;
    position: relative;
}
.admin-module-panel .admin-item-title .glyphicon,
.admin-module-panel .admin-item-title .glyphicons,
.admin-module-panel .admin-item-title .icon-recruitment-job-category,
.admin-module-panel .admin-item-title .icon-recruitment-job-location{
    position: absolute;
    left: -28px;
    top: 0px;
}

.admin-module-panel .admin-item-description {
    float: right;
    width: 88%;
}

#admin-config-container{

}
#admin-config-container .panel,
#admin-config-container .panel .panel-heading{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
#admin-config-container .panel .panel-heading{
    padding: 0px;
}
#admin-config-container .panel-title a {
    width: 100%;
    display: block;
    padding: 10px 15px;
}
#admin-config-container .panel-title a:hover,
#admin-config-container .panel-title a:focus{
    text-decoration: none;
}
#admin-config-container .admin-module-panel.disabled {
    opacity: 0.7;
    pointer-events:none;
}
#admin-config-container .admin-module-panel.disabled .overlay {
    width: 100%;
    height: 100%;
    background: transparent;
    position: absolute;
    top: 0px;
    left: 0px;
}

.company-config-fieldset{
    padding:10px;
    margin:10px;
    border:1px solid #CCC;
}
.company-config-fieldset legend{
    border:1px solid #CCC;
    border-bottom:none;
    padding: 5px 10px;
    display: inline-block;
    width:auto;
}

.bottom-dashed{
    border-bottom: 1px dashed #CCC;
    padding-bottom: 20px;
    margin-bottom:20px;
}

.bar {
    background-color: #468847;
    width:0%;
    height:20px;
    border-radius: 3px;
}

.percent {
    position:absolute;
    display:inline-block;
    top: 1px;
    left:48%;
}

#attachment-message {
    padding: 0px;
}

/** calendar style */
table.calendar {
    border-left:0px solid #999;
}

td.calendar-day	{
    background:#F9F9F9;
    min-height:60px;
    font-size:12px;
    position:relative;
} * html div.calendar-day { height:90px; }

td.sm-calendar-day	{
    background:#F9F9F9;
    min-height:40px;
    font-size:12px;
    position:relative;
} * html div.calendar-day { height:40px; }

td.calendar-day:hover {
    background:#D9EDF7;
}

td.calendar-day-np {
    background-color: #D3D3D3;
    min-height:60px;
    border-bottom:1px solid #ffffff;
} * html div.calendar-day-np { height:90px; }

td.sm-calendar-day-np {
    background-color: #D3D3D3;
    min-height:40px;
    border-bottom:1px solid #ffffff;
} * html div.calendar-day-np { height:40px; }

td.calendar-day-head {
    font-weight:bold;
    text-align:center;
    width:120px;
    padding:5px;
    height:60px;
    border-bottom:0px solid #999;
    border-top:0px solid #999;
    border-right:0px solid #999;
    border-left:0px solid #999;
}

td.sm-calendar-day-head {
    font-weight:bold;
    font-size: 12px;
    text-align:center;
    width:120px;
    padding:5px;
    height:30px;
    border-bottom:0px solid #999;
    border-top:0px solid #999;
    border-right:0px solid #999;
    border-left:0px solid #999;
}

div.day-number {
    font-weight:bold;
    font-size: 15px;
    width:100%;
    height:60px;
    line-height: 60px;
    text-align:center;
    border-bottom:1px solid #ffffff;
    border-top:1px solid #ffffff;
    border-right:0px solid #ffffff;
    border-left:0px solid #ffffff;
}

div.sm-day-number {
    font-weight:bold;
    font-size: 12px;
    width:100%;
    height:30px;
    line-height: 30px;
    text-align:center;
    border-bottom:1px solid #ffffff;
    border-top:1px solid #ffffff;
    border-right:0px solid #ffffff;
    border-left:0px solid #ffffff;
}


div.day-number u {
    text-decoration: none;
    border-bottom: 3px solid #808080;
}

div.day-number-event {
    font-weight: bolder;
    text-decoration:underline;
    font-size: 18px;
}

td.calendar-day, td.calendar-day-np {
    width:120px;
    border-bottom:0px solid #999;
    border-right:0px solid #999;
}

td.sm-calendar-day, td.sm-calendar-day-np {
    width:120px;
    border-bottom:0px solid #999;
    border-right:0px solid #999;
}

td.calendar-current-day {
    background-color: #DFF0D8;
    width:120px;
    border-bottom:0px solid #999;
    border-right:0px solid #999;
}

.calendar-navigate-btn {

}

.calendar-first-box {
    border-left: 1px solid #ffffff;
}

.calendar-today-btn {
    margin-bottom: 10px;

}

.calendar-title-date {
    font-size: 20px;
    width: 500px;
    text-align: center;
}

.sm-calendar-title-date {
    font-size: 15px;
    width: 500px;
    text-align: center;
}

.calendar-title-month-name {
    font-size: 30px;
    width: 300px;
    text-align: center;
}

.calendar-title-year {
    font-size: 25px;
    width: 200px;
}

.calendar-title-container {
    width: 200px;
}

.annual-calendar-day-head {
    width: 30px;
    height: 30px;
    font-size: 11px;
    font-family: arial;
    font-weight:bold;
    text-align:center;
    border-bottom:0px solid #999;
    border-top:0px solid #999;
    border-right:0px solid #999;
}

.annual-calendar-weekends {
    font-size: 11px;
    border-bottom:0px solid #999;
    border-top:0px solid #999;
    border-right:0px solid #999;
    background:#F9F9F9;
}

.annual-calendar-weekdays {
    font-size: 11px;
    border-bottom:0px solid #999;
    border-top:0px solid #999;
    border-right:0px solid #999;
    background:#F9F9F9;
}

.annual-calendar-current-day {
    font-size: 11px;
    font-weight: bold;
    background: #DFF0D8;
    font-family: arial;
    text-align: center;
    border-bottom:0px solid #999;
    border-top:0px solid #999;
    border-right:0px solid #999;
}

.annual-calendar-day-np {
    border-bottom:0px solid #999;
    border-top:0px solid #999;
    border-right:0px solid #999;
    background-color: #D3D3D3;
}

.annual-calendar-title-date {
    font-size: 20px;
    text-align: center;
    width: 500px;
}

.annual-calendar-month {
    padding:2px;
    text-align: center;
}

.annual-calendar-monthnames {
    color: #4BA6DF;
    font-family: arial;
    text-align: center;
    font-size: 13px;
}

.annual-calendar-small-table {
    border: 0px solid #888c8e;
    height: 150px;
}

.annual-calendar-btn {
    margin-bottom: 10px;
}

.monthly-calendar-btn {
    margin-bottom: 10px;
}

.calendar-event-title {
    font-size: 15px;
    font-weight:bold;
    text-align: center;
    line-height: 40px;
    border: 0px solid #999;
    width: 388px;
    margin-left: -20px;
    margin-top: 35px;
    height: 40px;
}

.calendar-title {
    border-top: 0px solid #999;
    border-left: 0px solid #999;
    border-right: 0px solid #999;
}

.annual-calendar-small-table-group {
    border: 0px solid #999;
}

.calendar-event {
    padding: 10px 5px 0px 5px;
}

.calendar-events-list {
    height: 655px;
    overflow-y: auto;
    border-bottom: 0px solid #999;
    border-left: 0px solid #999;
    border-right: 0px solid #999;
    width: 388px;
    margin-left: -20px;
}

.annual-calendar-events-list {
    height: 655px;
    overflow-y: auto;
    border-bottom: 0px solid #999;
    border-left: 0px solid #999;
    border-right: 0px solid #999;
    width: 388px;
    margin-left: -20px;
}

.annual-calendar-day-number-event {
    text-decoration : underline;
    font-weight: bolder;
    font-size: 11px;
    background: #D9EDF7;
}

.day-number-click {
    cursor: pointer;
}

.dropdown {
    margin-left: 50px;
}

.calendar-all-task-dropdown {
    height: 34px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.calendar-session-container {
    border: 1px solid #D3D3D3;
    margin-top: 10px;
    padding: 10px;
    background: #F9F9F9;
}

.calendar-session-container-highlighted {
    background: #D9EDF7 !important;
}

.calendar-session-container p {
    margin-bottom: 0;
}

/** end of calendar */

#forgotPassword_captcha {
    margin-top: 5px;
}

.elmo-pagination {
    text-align: center;
}
.elmo-pagination .pagination {
    margin: 20px auto 0 auto;
}
.elmo-pagination .pagination-count {
    margin: 0 0 20px 0;
}

.pagination-number-text{
    float:right;
    margin: 20px 0;
}

.help-show {
    margin: 30px 20px;
    padding: 5px;
}

.help-header {
    text-align: center;
}

.help-show-category-column {

}

.help-show-top-anchor {
    float: right;
}

.help-tag-btn {
    margin-top: 5px;
    margin-right: 5px;
    background-color: #C6EBF5;
}

#help-tag-secondbox{
    padding-top: 25px;
}

#tag-message {
    padding: 10px;
}

/** appraisal style*/
.appraisal-section .panel-heading{
    font-size:18px;
}

.appraisal-section .btn-sm{
    margin-left:5px;
}

.appraisal-section .section-item-container{
    padding:0 10px;
}

.rating-group label.btn{
    padding-left:16px;
    padding-right:16px;
}
/* end of appraisal */

.rotate90c{
    /* 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=1);
}
.rotate90a{
    /* 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);
}

#role-type-info-sign {
    padding-top: 8px;
}

#role-type-add-btn {
    padding: 15px 0px;
}

#role-type-message {
    margin: 10px;
}

#advanced-search-result {
    width: 100%;
    border: 1px solid;
    margin-top: 10px;
}

#role-type-users-container {
    margin-top: 10px;
}

.temporarily-selected-item {
    background-color: #CBD4DD;
    margin-top: 5px;
    margin-right: 2px;
    white-space: normal;
}

#role-type-tab {
    margin-top: 40px;
    margin-bottom: 20px;
    width: 100%;
}

div.tooltip-inner {
    text-align: center;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 6px;
    width: 200px; /* ensure not to use max-width */
    white-space : pre-wrap;
    padding: 10px;
    box-shadow: 5px 5px 5px #888888;
    background-color: #000000;
}

.user-role-user-summary {
    padding: 5px;
    margin: 1px 0px;
}

.user-role-user-summary-added {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

#role-type-message {
    margin: 10px 0px;
}

.user-role-undo-loader {
    margin: 9px;
}

.role-type-summary-user-status {
    width: 150px;
    height: 35px;
}

.role-type-confirmation-details {
    margin-bottom: 10px;
}

.disabled-look {
    background-color: #eeeeee;
}

/*
* Performance section item measurement and development objects
*/
.performance-sectionitem-elemets {
    border-radius: 0px;
}
.performance-sectionitem-elemets-row {
    background-color: #e6e6e6;
    border:none;
}
.performance-sectionitem-elemets-row-on,
.performance-sectionitem-elemets-row-off {
    background-color: #f5f5f5;
    border-radius: 0px;
    border-left:none;
    border-right:none;
    border-bottom:1px solid #e6e6e6;
}


/*
* Performance section item notes
*/
.performance-sectionitem-notes {
    border-radius: 0px;
}
.performance-sectionitem-notes-row {
    border:none;
}
.performance-sectionitem-notes-row-on,
.performance-sectionitem-notes-row-off {
    border-radius: 0px;
    border-style:none;
}

/*
* Performance section item attachments
*/
.performance-sectionitem-attachments {
    border-radius: 0px;
}
.performance-sectionitem-attachments-row {
    border:none;
}
.performance-sectionitem-attachments-row-on,
.performance-sectionitem-attachments-row-off {
    border-radius: 0px;
    border-style:none;
}

.assign-button-in-review {
    width: 235px;
}

/*
* Performance and apprisal right side affix
*/
ul.affix
{
    margin-top: 2px;
    position: fixed;
    top: 10px;
    width: 240px;
}
ul.affix-top
{
    width: 240px;

}
ul.affix-bottom
{
    position: fixed;
    width: 240px;
}
.btn-performance-action {
    width: 230px;
    margin-bottom: 2px;
    height: 45px;
}
.sidenav-line {
    border-left:1px solid #e5e5e5;
}
.affix-sidenav-line {
    border-left:1px solid #e5e5e5;
}
/* First level of nav */
.affix-sidenav {
    margin-top: -10px;
    padding-top:    10px;
    padding-bottom: 10px;
}

/* All levels of nav */
.affix-sidebar .nav > li > a {
    display: block;
    color: #333333;
    padding: 5px 0px 0 10px;
}
.affix-sidebar .nav > li > a:hover,
.affix-sidebar .nav > li > a:focus {
    text-decoration: none;
    background-color: #e6e6e6;
}
.affix-sidebar .nav > .active > a,
.affix-sidebar .nav > .active:hover > a,
.affix-sidebar .nav > .active:focus > a {
    font-weight: bold;
    color: #428dd6;
    background-color: transparent;
}
/* Nav: second level */
.affix-sidebar .nav .nav {
    margin-bottom: 8px;
}
.affix-sidebar .nav .nav > li > a {
    padding-top:    3px;
    padding-bottom: 3px;
    padding-left: 30px;
    font-size: 90%;
}
/* Forms */
.elmo-form {
    padding-left: 20px;
    padding-right: 20px;
}

/*
* Section item weight field
*/
.form-section-item-weight .form-control {
    width: 62px;
}
.form-section-item .form-control {
    width: 360px;
}

.form-sectionitem-weight-slider {
    height:10px;
    width: 150px;
    position:relative;
    top:0px;
    left:-50px;
    margin-top: 5px
}

/*
* Performance manager and employee section and overall rating box
*/

.performance-compact-overall-ratings {
    background-color:#E6E6E6;
    color:#333333;
    position: absolute;
    right: 0;
    width: 44px;
    height: 42px;
    text-align: center;
    vertical-align: middle;
    font-weight:bold;
    padding-top: 10px;
}

.performance-compact-overall-ratings-title {
    color:#333;
    font-weight:bold;
}

.performance-compact-overall-ratings-body, .team-member-link {
    color:#333;
}

.performance-rating-manager {
    background-color:#E6E6E6;
    color:#333333;
    width: 100%;
    height: 42px;
    text-align: center;
    vertical-align: middle;
    font-weight:bold;
    padding-top: 10px;
}

.performance-rating-360-reviewer {
    background-color:#E6E6E6;
    color:#333333;
    width: 100%;
    height: 42px;
    text-align: center;
    vertical-align: middle;
    font-weight:bold;
    padding-top: 10px;
}

.performance-rating-employee {
    background-color:#C9C9C9;
    color:#333333;
    width: 100%;
    height: 42px;
    text-align: center;
    vertical-align: middle;
    font-weight:bold;
    padding-top: 10px;
}

.performance-overall-rating-manager {
    background-color:#E6E6E6;
    color:#333333;
    width: 100%;
    height: 42px;
    text-align: center;
    vertical-align: middle;
    font-weight:bold;
    padding-top: 10px;
}

.performance-overall-rating-employee {
    background-color:#C9C9C9;
    color:#333333;
    width: 100%;
    height: 42px;
    text-align: center;
    vertical-align: middle;
    font-weight:bold;
    margin-right: -15px;
    padding-top: 10px;
}

.slider {
    width: 25%;
    float: left;
}

.sliderControl {
    width: 70%;
    margin: 10px 2.5% 0px 2.5%;
    float: left;
}

.form-label-break {
    display: block;
    clear: both;
}

.elmo-close {
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #cccccc;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 1;
    filter: alpha(opacity=20);
}

.elmo-section-item-checkbox {
    width: 40px;
    height: 30px;
}

.elmo-section-item-checkbox-unchecked {
    color: #D8D8D8;
}

.elmo-section-item-checkbox-checked {
    color: #428BCA;
}

.filter-courses{
    margin-left: 20px;
    display: none;
}

.change-password-notify-user {
    margin: 15px;
}

#filter-section {
    background-color: #F5F5F5;
    margin-bottom: 10px;
    padding: 10px;
}

.notification-log-filter {
    margin-bottom: 10px;
}

.caret.caret-reversed {
    border-top-width: 0;
    border-bottom: 3px solid #999999;
}


.e-move-l {
    cursor: move;
    font-size: 18px;
    margin-left: 10px;
    top: 5px;
}

.e-move-m {
    cursor: move;
    font-size: 15px;
    margin-left: 10px;
    top: 4px;
}

.btn-section-item {
    width: 35px;
    padding-left: 0px;
    padding-right: 0px;
}

.no-padding {
    padding: 0 0 0 0px !important;
}

.no-horizontal-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-margin {
    margin: 0 0 0 0px;
}

.no-border {
    border: 0px;
}

.no-bg {
    background-color: transparent;
}

#notificationHistoryFilter_from_month, #notificationHistoryFilter_to_month {
    width: 120px;
}

/* Brows button - overwrite the bootstrap form-control */
.browse-button {
    padding: 0px;
    line-height: 0;
    border: 0px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
}

.browse-button:focus {
    border: 0px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Document & Form CSS */
.e-form-section {
    cursor: pointer;
}

/* Onboarding CSS */
.layout_thumbs.active {
    border: 2px solid #3b7bb3;
    box-shadow: 0px 0px 10px #888888;

}
#widgetModal .modal-dialog {
    width: 750px;
}

.user-matching-list .panel-content{
    height: 530px;
    overflow: auto;
    overflow-x:hidden;
    word-wrap: break-word;
    position: relative;
}
.user-matching-list select {
    width: 200px;
    color: black;
}
.user-matching-list .e-div input[type='text']{
    width: 300px;
}
.user-matching-list .e-clickable.active td {
    background: #c4c4c4;
}
.user-matching-list .e-clickable td div{
    word-wrap: break-word;
}
.user-matching-list .e-clickable td .user-icon-area{
    width: 58px;
}
.user-matching-list .e-clickable td .full-name {
    width: 120px;
}
.user-matching-list .e-clickable td .email {
    width: 210px;
}

.user-matching-list .loading {
    position: absolute;
    top: 50%;
    left: 45%;
    display: none;
}

.user-profile-match {
    width: 800px;
}
.user-profile-match .ob-profile .user-profile-box {
    border-right: 1px solid #c4c4c4;
}
.user-profile-match .user-icon-area {
    width: 120px;
    height: 120px;
    margin: 0px 10px 0px 0px;
    padding: 0px;
}

#skill-container {
    padding-bottom: 10px;
}

.position-finder {
    margin-bottom: 15px;
}

/* shrink the nav bar to have a bit more tabs */
.nav-tabs > li > a {
    padding: 10px;
}

.pms-tab {
    margin-bottom: 20px;
    width: 100%;
}


.export-pdf-performance,
.export-pdf-link {
    font-size: 1.7em;
}

#performance-container .user-label {
    font-size: 1.2em
}
#performance-container .user-label .label{
    display: inline-block;
}

.performance-user-label {
    font-size: 12px;
    text-align: center;
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    min-height: 25px;
    white-space: normal;
}
.performance-employee-image {
    vertical-align:top;
}

/**
 * rating slider caption
 */
.slider-caption {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.3em;
    padding-left: 5px;
    max-width: 200px;
}

.slider-rating-wrapper {
    width: 50%;
    margin: 10px 2.5% 0px 2.5%;
    float: left;
}

.rating-sm {
    font-size: 2.25em;
}
.rating-style {
    line-height: initial;
}
/* when user group filter inside popup iframe*/
body.ug-popup.container {
    width: 100%;
    padding: 0;
}

body.ug-popup .breadcrumb{
    display: none;
}
body.ug-popup #header, body.ug-popup #footer{
    display: none;
}

.certificate-icon {
    font-size:1.3em;
}

.vcenter {
    display: flex;
    align-items: center;
}
.vbottom {
    display: flex;
    align-items: baseline;
}
.rating-preview-box {
    padding: 10px;
    border: 1px solid #DDDDDD;
}

.search-input {
    width: 190px;
}

a.styleless-link {
    text-decoration: none;
    color:inherit;
}

/* Custom CSS for CKEditor */
.cke_dialog .cke_dialog_tab[title="Upload"] {
    display: none;
}


/* CSS for Recruitment - Careers  */
.container_portal #footer {
    text-align: initial;
}

.container_portal #candidate-section {
    width: 790px;
}

.portal_menu {
}
.portal_menu .nav {
    border: 1px solid #c4c4c4;
}
.portal_menu .nav li {
    border-bottom: 1px solid #c4c4c4;
}
.portal_menu .nav li a {
    padding: 10px;
}
.portal_menu .nav li:last-child {
    border: 0;
}
.login-and-register-container {
    margin-left: auto;
    margin-right: auto;
    width: 885px;
}
.login-and-register-container .login-container,
.login-and-register-container #registration-box {
    float: left;
}

#location-filter {
    width: 200px;
}

.job-ad-actions .btn{
    width: 100%;
    font-size: 16px;
}
.job-ad-actions .glyphicon {
    font-size: 24px;
    left: 5px;
}
/*Prevent red border on required inputs on Firefox*/
input:invalid {
    box-shadow: none;
}
:-moz-submit-invalid {
    box-shadow: none;
}
:-moz-ui-invalid {
    box-shadow:none;
}

/* Modal that needs scrollbar inside body */
.modal-scrollbar > .modal-dialog{
    overflow-y: initial !important
}

.modal-scrollbar .modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

/* End CSS for Recruitment - Careers  */

#employee-profile-tab {
    max-width: 180px;
    width: auto;
}

@media (min-width: 992px) {
    /* always display the portal_menu with width 992 and over */
    .container_portal .portal_menu {
        display: block!important;
    }
}

@media (max-width: 991px) {
    .container_portal .portal_menu {
        display: none;
    }

    #myTabContent .row.default-margin {
        margin-left: 0;
        margin-right: 0;
    }
}

/** CSS Overwritten for Mobile view && Tablet Portrait view **/
/* TODO this looks incorrect. We shouldn't alter bootstrap rules but instead create our own CSS classes */
@media (max-width: 767px),
(max-device-width : 960px),
(min-device-width : 768px) and (orientation : portrait)  {
    html{
        overflow-x: hidden;
    }
    #body{
        padding:0;
    }
    .container_mobile {
        margin-right: auto;
        margin-left: auto;
        padding:0;
    }
    .nav li {
        display:block;
        width:auto;
        margin:0px;
    }
    .nav li.active {
        margin: 0px !important;
    }

    #login-box{
        width: 350px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .table-responsive {
        overflow-x: hidden;
        border:0px;
    }

    .col-no-padding-on-mobile{
        position: relative;
        min-height: 1px;
    }

    .course-status-background-0{
        background:#f93e3e;
        width:2pt;
    }
    .course-status-background-1{
        background:#ff7e00;
        width:2pt;
    }
    .course-status-background-2{
        background:#1a7c00;
        width:2pt;
    }
    .course-status-background-3{
        background:#f93e3e;
        width:2pt;
    }
    .course-status-background-9{
        width:2pt;
    }

    .performance-phase-background-1{
        background:#cc2200;
        width:2pt;
    }
    .performance-phase-background-2{
        background:#3656df;
        width:2pt;
    }
    .performance-phase-background-3{
        background:#aa5500;
        width:2pt;
    }
    .performance-phase-background-4{
        background:#1a7c00;
        width:2pt;
    }

    .search-padding{
        padding:5px 0px;
    }

    .search-padding-10 {
        padding:10px 0px;
    }

    .employee-list-row-on-mobile{
        margin-left: 10px !important;
        margin-right: 0px !important;
    }
    .pull-left{
        float:left !important;
    }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .row{
        margin:0px;
    }

    .navigation-menu-li-on-mobile > li > a{
        float:right !important;
        margin-right:5px !important;
    }

    .navbar {
        border:0;
    }
    .navbar-collapse{
        border-top:0px;
    }

    .wrap-long-text{
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal;
    }

    .padding-left-0{
        padding-left:0px !important;
    }

    .padding-left-5{
        padding-left:5px !important;
    }

    .padding-left-8{
        padding-left:8px !important;
    }

    .padding-right-5{
        padding-right:5px !important;
    }

    .margin-left-0{
        margin-left:0px !important;
    }

    .margin-left-5 {
        margin-left:5px !important;
    }

    .pagination-number-text{
        float:none !important;
    }

    .container-fluid{
        padding:0px !important;
    }

    .course-content ul.topics li.section .content{
        margin:0px !important;
    }

    #page-course-view-topics .course-content .topics li.section{
        margin:0px;
    }

    .calendar-button-padding {
        padding-top:5px;
        padding-bottom:5px;
    }

    .calendar-events-list {
        margin-left:0px;
        margin-right:0px;
        width:auto !important;
    }

    .calendar-event-title {
        margin-left:0px;
        margin-right:0px;
        width:auto !important;
    }

    .pull-left-xs{
        float:left !important;
    }

    .navbar-nav{
        margin:0px !important;
    }

    .margin-top-20{
        margin-top:20px !important;
    }

    .login-and-register-container {
        width: 100%;
    }
    .login-and-register-container .login-container {

    }
    .login-and-register-container #candidate-registration-div {
        width: 100%;
    }
    .login-and-register-container #candidate-registration-div .panel{
        border-style: solid none none none;
    }
    .login-and-register-container #candidate-registration-div .panel-body{
        padding: 0px;
    }

    .container_portal .portal_menu{
        margin-bottom: 10px;
        display: none;
        float: none!important;
    }
    .container_portal #candidate-section{
        width: 100%;
    }
    .container_portal #candidate-profile #my-profile-picture{
        height: auto;
        margin-bottom: 10px;
    }
    .container_portal #candidate-profile .profile-section .panel-body{
        overflow: auto;
        overflow-y: hidden;
    }
    .container_portal .portal_content{
        padding: 10px;
    }
    .container_portal .portal_content .back-btn{
        width: 100%;
        text-align: right;
        margin-bottom: 10px;
    }
    .container_portal .form-group{
        margin: 0px;
    }
    .container_portal .portal_content .form-group.row{
        margin-bottom: 10px;
    }
    .container_portal .portal_content .search-input{
        width: 160px;
    }
    .container_portal #show-menu-btn{
        border-radius:5px;
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        transition: all 0.1s;

    }
    .container_portal #show-menu-btn.active{
        position:relative;
        border-width: 2px;
    }

    .recruitment-candidate-name-container {
        max-width: 50% !important;
    }
}

/** CSS Overwritten for Mobile Landscape view **/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 667px)
and (orientation : landscape) {
    .user-info-content {
        display: inline-block;
        width: 100%;
    }
    .user-info-picture {
        display: inline-block;
        text-align: center;
        min-width: 100%;
    }
    .text-align-xs {
        text-align: center;
    }
    .user-info-picture, .profile-image-element{
        height: 80px !important;
        width: 80px !important;
        padding-right: 5px;
    }
}

/** CSS Overwritten for Mobile Portrait view **/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 667px)
and (orientation : portrait) {
    .user-info-content {
        display: inline-block;
        width: 100%;
    }
    .user-info-picture {
        display: inline-block;
        text-align: center;
        min-width: 100%;
    }
    .text-align-xs {
        text-align: center;
    }
    .user-info-picture, .profile-image-element{
        height: 80px !important;
        width: 80px !important;
        padding-right: 5px;
    }
    .profileTab {
        float: none !important;
    }
}

/** CSS Overwritten for Tablet Landscape view **/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 959px)
and (orientation : landscape) {
    /*CSS for Tablet in Landscape Mode.*/
    .biography-edit-button {
        padding-right: 5px;
    }
    .team-members-search-section {
        padding-left: 0px !important;
    }
}

/** CSS Overwritten for Tablet Portrait view **/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    /*CSS for Tablet in Portrait Mode.*/
    .user-profile-action-bar {
        display: inline-block;
        float: left;
    }
    .user-info-container {
        margin-left: 10px;
    }

    /*For tablets which cannot render all the tabs correctly, reduce the padding.*/
    .profileTabRef {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
}

/* Delete button in filter drop box */
.filter-delete-button {
    color:#ccc !important;
    top:10px !important;
    right: -5px !important;
    line-height: 0px !important;
    float: right !important;
}

.filter-delete-button:hover {
    color:#428bca !important;
    top:10px !important;
    right: -5px !important;
    line-height: 0px !important;
    float: right !important;
}

.browse-able-input,
.browse-able-input .select2-choices .select2-search-field input,
.browse-able-input .select2-choice,
.browse-able-input .select2-choices {
    border-radius: 4px 0px 0px 4px !important;
}

/* overwrite bootstrap style */
#header .navbar-default {
    border: 0px;
}

.textarea-wrap{
    white-space:pre-wrap;
}
.no-right-gap {
    margin-right: 0;
    padding-right: 0;
}

.nav-tabs .close {
    background: none repeat scroll 0 0 transparent;
    margin-left: 5px;
}

.task-status-1{
    color:#f93e3e;
}
.task-status-2{
    color:#ff7e00;
}
.task-status-3{
    color:#ff7e00;
}
.task-status-4{
    color:#ff7e00;
}
.task-status-5{
    color:#1a7c00;
}
.task-status-6{
    color:#f93e3e;
}

.document-status-1{
    color:#000000;
}
.document-status-2{
    color:#3656DF;
}
.document-status-3{
    color:#CC2200;
}

.document-approval-status-1{
    color:#000000;
}
.document-approval-status-2{
    color:#FF7E00;
}
.document-approval-status-4{
    color:#6AA84F;
}
.document-approval-status-5{
    color:#CC2200;
}

.border-none{
    border: 0px !important;
}
[ng-click] {
    cursor: pointer;
}

.tooltip-inner {
    text-align: left !important;
    word-wrap: break-word;
}
.learner-course-section {
    border:none;
    padding: 0px 15px;
}
.learner-course-section .section-title {
    font-weight: bold;
    margin-bottom: 10px;
    color: white;
    padding: 8px 0;
    height: 44px;
}
.learner-course-section .section-title p {
    margin: 0;
    padding: 0;
}
.learner-course-section .section-title .section-name {
    padding: 6px 0;
}
.learner-course-section .section-modules {
    margin:0 -5px 0 -5px;
}
.learner-course-section .section-modules .activity-list {
    margin-bottom: 0;
}
.learner-course-section .section-modules .activity-list .sec-mod {
    padding: 0;
    border: 0;
}
.learner-course-section .section-modules .activity-list .sec-mod .activity-type {
    color: #999999;
}
.learner-course-section .section-modules .activity-list .sec-mod .activity-box {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    background: #F5F5F5;
    border-left: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 20px solid;
}
.learner-course-section .section-modules .activity-list .sec-mod .activity-box-0 {
    border-color: #CCCCCC;
}
.learner-course-section .section-modules .activity-list .sec-mod .activity-box-1 {
    border-color: #FF7E00;
}
.learner-course-section .section-modules .activity-list .sec-mod .activity-box-2 {
    border-color: #1A7C00;
}
.learner-course-section .section-modules .activity-list .sec-mod .activity-box-10 {
    border-color: #FF7E00;
}
.learner-course-section .section-modules .activity-list .sec-mod .activity-box .activity-type-0 {
    color: #CCCCCC;
}
.learner-course-section .section-modules .activity-list .sec-mod .activity-box .activity-type-1 {
    color: #3656DF;
}
.learner-course-section .section-modules .activity-list .sec-mod .activity-box .activity-type-2 {
    color: #1A7C00;
}
.learner-course-section .section-modules .activity-list .sec-mod .activity-box .activity-type-10 {
    color: #ff7e00;
}
.learner-course-section .section-modules .activity-list .sec-mod .activity-box .activity-type-10 .icon {
    padding-top:2px;
    color: #CC2200;
}
.learner-course-section .section-modules .activity-list .sec-mod .activity-box a:hover {
    text-decoration: none;
}
.learner-course-section .section-modules .activity-list .sec-mod .activity-box .activity-icon {
    font-size: large;
    color: #000;
    padding-right: 5px;
}
.learner-course-section .section-modules .activity-list .sec-mod .activity-box .activity-intro {
    word-wrap: break-word;
    color: #000;
}

.edit-enrolment-rule .panel{
    border: none;
}
.learner-course-section .section-modules .activity-list .sec-mod .activity-box .activity-name {
    padding-right: 5px;
}
.learner-course-section .section-modules .activity-list .sec-mod .activity-label-type {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    word-wrap: break-word;
    overflow-x: auto;
}

.view-activity-page .activity-page-content {
    width: 100%;
    word-wrap: break-word;
    overflow-x: auto;
}

.learner-cpd-plan-info .cpd-plan-name{
    padding-right:5px;
    word-wrap: break-word;
}
.learner-cpd-plan-info .left-panel{

}
.learner-cpd-plan-info .right-panel{
    padding-left:0;
}
.learner-cpd-plan-info .right-panel .panel-title{
    font-size:14px;
}
.course-section li{
    border: none;
}
.course-section .section-name{
    padding: 10px 0;
    font-weight: bold;
}
.course-list{
    margin-bottom: 0;
}
.course-list li{
    border: none;
    padding-bottom: 0;
}
.course-list .course-box {
    width: 100%;
    background: #F5F5F5;
    border-left: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 20px solid;
    overflow: hidden;
    max-height: 85px;
}
.course-list .course-box-0 {
    border-color: #CCCCCC;
}
.course-list .course-box-1 {
    border-color: #FF7E00;
}
.course-list .course-box-2 {
    border-color: #1A7C00;
}
.course-list .course-box-4 {
    border-color: #CCCCCC;
}
.course-list .course-box-5 {
    border-color: #1A7C00;
}
.course-list .course-box .course-intro {
    word-wrap: break-word;
    color: #000;
}
.course-list .course-box .course-cpd-right-panel{
    padding-left:0;
}
.course-list .course-box .course-cpd-right-panel .course-enroled-button{
    width:130px;
}

.course-info .panel{
    background-color:#F5F5F5;
    border:1px solid #D5D5D5;
    margin-bottom:0;
}
.course-info .panel .panel-body{
    padding-left:0;
    padding-right:0;
}
.course-info .panel .panel-body .course-intro{
    word-wrap: break-word;
}

/* CSS for Recruitment - Contract */
#contract-form #header-section,
#contract-form #content-section,
#contract-form #footer-section {
    border-bottom: 2px solid #c4c4c4;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
#contract-form .info-icon {
    margin: 0px 0px 0px 5px;
    cursor: pointer;
}

form .tooltip-inner {
    text-align:left;
}

/* End CSS for Recruitment - Contract */


/* CSS for Recruitment - Candidate */
#header.recruitment_header p {
    margin: 0;
}
#header.recruitment_header img {
    margin-right: 10px;
}
#header.recruitment_header .company_name {
    font-size: 22px;
    line-height: 20px;
}
#header.recruitment_header a:hover{
    cursor: pointer;
    text-decoration: none;
}
#candidate-profile .table th {
    color: white;
}
#candidate-profile .thumbnail{
    padding: 0px;
}
#candidate-profile #my-profile-picture{
    margin: 0 auto;
}
#candidate-registration-div {
    margin: 0 auto;
    text-align: left;
    float: none;
    width: 440px;
    border: 0px;
}
#candidate-registration-div .panel {
    border-style: none none none solid;
    border-radius: 0px 0px 4px 0px;
}
#candidate-profile .profile-section a:hover,
#candidate-profile .profile-section a:focus{
    text-decoration: none;
    cursor: pointer;
}
#candidate-profile a.readonly {
    cursor:default!important;
}
.btn-arrow-left, .btn-arrow-right{
    position:relative;
}
.btn-arrow-left .arrow{
    overflow: hidden;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: -16px;
    top: -1px;
    width: 20px;
    height: 34px;
}
.btn-arrow-left .arrow:before {
    content: ' ';
    position: absolute;
    left: 0px;
    top: -17px;
    width: 34px;
    height: 34px;
    transform-origin: 0 100%;
    transform: rotate(45deg);
}
.btn-arrow-right .arrow{
    overflow: hidden;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: -18px;
    top: -1px;
    width: 20px;
    height: 34px;
}
.btn-arrow-right .arrow:before {
    content: ' ';
    position: absolute;
    right: 0px;
    top: 10px;
    width: 34px;
    height: 34px;
    transform-origin: 0% 65%;
    transform: rotate(-45deg);
}

/* Copied from Bootstrap */
.btn[disabled] .arrow:before {
    background-color: #428bca;
    border-color: #357ebd;
}

.offer-status-0 {
    color: #FF7E00;
}
.offer-status-1 {
    color: #6AA84F;
}
.offer-status-2 {
    color: #CC2200;
}

.login_actions {
    width: 215px;
}

.signin_by_linkedIn_btn {
    width: 215px;
    height: 40px;
    background: url('../img/linkedIn/Non-Retina/Sign-in-Large---Default.png') no-repeat;
}
.signin_by_linkedIn_btn:hover,
.signin_by_linkedIn_btn:active {
    background: url('../img/linkedIn/Non-Retina/Sign-in-Large---Active.png') no-repeat;
}

.score-language .glyphicon {
    font-size: 24px;
    margin: 2px;
}
.score-language,
.score-language:hover,
.score-language:focus {
    color: #f8e71c;
}

.recruitment-candidate-profile-list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.recruitment-candidate-profile-list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0px;
}

.recruitment-candidate-name-container {
    max-width: 70%;
}

.recruitment-candidate-list-row {
    border: 1px solid #ddd;
}

.flag-readonly {
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
}

.survey-status-1, .survey-status-2 {
    color: #CC2200; /* STATUS_UNOPENED, STATUS_INCOMPLETE */
}
.survey-status-3 {
    color: #6AA84F; /* STATUS_COMPLETE*/
}

/* End CSS for Recruitment - Candidate */

/* CSS for Recruitment - Interview */
.rating-bar {
    margin: 0px;
    border-radius: 0px;
    border: 1px solid black;
    background: white;
}
.interview_pdf {
    font-size: 12px;
}
.interview_pdf .navbar-brand{
    font-size: 14px;
    padding: 0px 5px 5px 5px;
}
.interview_pdf .panel-heading h4 {
    margin-left: 5px;
}
.interview_pdf .question_rating {
    margin-bottom: 20px;
}
.interview_pdf textarea.form-control {
    height: 120px;
    border: 1px solid black;
}
.interview_pdf .btn-primary{
    background-color: white;
    color: black;
    border-color: black;
}

.actionable_pending_status {
    color: #FF7E00;
}

.actionable_open_status {
    color: #6AA84F;
}

#file-list {
    word-wrap: break-word;
}
/* End CSS for Recruitment - Candidate */

/* End CSS for Recruitment - Cost */


.requisition-steps .container {
    margin: 0 auto;
    min-width: 100%;
    width: 100%;
    overflow: auto;
}

.requisition-steps .item {
    position: relative;
    height: 44px;
    margin-bottom: 1px;
    color: #000;
}

.requisition-steps .item:hover {
    color: #fff;
}

.requisition-steps .item label {
    position: absolute;
    top: 12px;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.requisition-steps .new-applications , .candidate-status-filter .new-applications {
    background-color: rgba(204,34,0, 0.4); /* New applications */
}
.requisition-steps .new-applications:hover, .candidate-status-filter .new-applications:hover,
.requisition-steps .new-applications.is-selected,
.candidate-status-filter .new-applications.is-selected,
.candidate-status-filter .new-applications.is-selected a
{
    background-color: rgba(204,34,0, 1); /* New applications */
    color: #fff;
}
.requisition-steps .shortlist , .candidate-status-filter .shortlist {
    background-color: rgba(255, 126, 0, 0.4); /* Shortlist */
}
.requisition-steps .shortlist:hover, .candidate-status-filter .shortlist:hover,
.requisition-steps .shortlist.is-selected,
.candidate-status-filter .shortlist.is-selected,
.candidate-status-filter .shortlist.is-selected a
{
    background-color: rgba(255, 126, 0, 1); /* Shortlist */
    color: #fff;
}
.requisition-steps .not-suitable , .candidate-status-filter .not-suitable {
    background-color: rgba(255, 126, 0, 0.4); /* Shortlist */
}
.requisition-steps .not-suitable:hover, .candidate-status-filter .not-suitable:hover,
.requisition-steps .not-suitable.is-selected,
.candidate-status-filter .not-suitable.is-selected,
.candidate-status-filter .not-suitable .is-selected,
.candidate-status-filter .not-suitable .is-selected a
{
    background-color: rgba(255, 126, 0, 1); /* Shortlist */
    color: #fff;
}
.requisition-steps .in-progress , .candidate-status-filter .in-progress {
    background-color: rgba(54, 86, 223, 0.4); /* In progress */
}
.requisition-steps .in-progress:hover, .candidate-status-filter .in-progress:hover,
.requisition-steps .in-progress.is-selected,
.candidate-status-filter .in-progress.is-selected,
.candidate-status-filter .in-progress.is-selected a
{
    background-color: rgba(54, 86, 223, 1); /* In progress */
    color: #fff;
}
.requisition-steps .offer , .candidate-status-filter .offer {
    background-color: rgba(118, 191, 91, 0.4); /* Offer */
}
.requisition-steps .offer:hover, .candidate-status-filter .offer:hover,
.requisition-steps .offer.is-selected,
.candidate-status-filter .offer.is-selected,
.candidate-status-filter .offer.is-selected a
{
    background-color: rgba(118, 191, 91, 1); /* Offer */
    color: #fff;
}
.requisition-steps .accept , .candidate-status-filter .accept {
    background-color: rgba(106, 168, 79, 0.4); /* Accept */
}
.requisition-steps .accept:hover, .candidate-status-filter .accept:hover,
.requisition-steps .accept.is-selected,
.candidate-status-filter .accept.is-selected,
.candidate-status-filter .accept.is-selected a
{
    background-color: rgba(106, 168, 79, 1); /* Accept */
    color: #fff;
}

.candidate-status-filter .new-applications:not(li),
.candidate-status-filter .shortlist:not(li),
.candidate-status-filter .not-suitable:not(li),
.candidate-status-filter .in-progress:not(li),
.candidate-status-filter .offer:not(li),
.candidate-status-filter .accept:not(li) {
    color: black;
    padding: 6px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 5px;
    position: relative;
    margin-left: 1px;
    margin-right: 1px;
    border: 1px solid #999999;
}

.candidate-status-filter .btn-group .new-applications:not(.dropdown-toggle),
.candidate-status-filter .btn-group .shortlist:not(.dropdown-toggle),
.candidate-status-filter .btn-group .not-suitable:not(.dropdown-toggle),
.candidate-status-filter .btn-group .in-progress:not(.dropdown-toggle),
.candidate-status-filter .btn-group .offer:not(.dropdown-toggle),
.candidate-status-filter .btn-group .accept:not(.dropdown-toggle) {
    padding-right: 3px;
}

.candidate-status-filter .badge {
    background-color: #999999;
}

.requisition-edit {
    margin: 3px;
}

.requisition-reopen {
    margin: 4px;
}

#requisition-cost-tab .total_row {
    background: #cccccc;
    font-weight: bold;
}

.workflow-btns {
    width: 200px;
}

.recruitment-workflow-error {
    color: #b94a48 !important;
    background-color: #f2dede !important;
    padding: 10px;
}

.requisition-salary-panel {
    color: #000;
}

.requisition-benchmark-panel {
    background-color: #e8ebef;
}

.requisition-benchmark-panel-title {
    background-color: #495057;
    color: #fff;
    padding: 10px;
}

.task-tooltip {
    margin-left: 30px;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.nopadding-side {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.recruitment-action-status {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: small;
    padding: 5px;
}

#screening-question-filter .response-list {
    list-style: none;
}

.user-search-date {
    padding: 0 1px !important;
}

.recruitment-talent-search-config-container {
    border: solid 1px #dddddd;
    padding: 5px;
    margin-top: 10px;
}

.not_visible{
    visibility:hidden;
    position: absolute;
    top:0;
}

.break_word {
    word-wrap: break-word;
}

.left-5 {
    padding-left: 5px !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.upcoming-interview-table {
    padding-right: 0;
}
.cpd-plan-actions{
    width: 425px;
}
.cpd-category-actions{
    width: 255px;
}
.learner-cpd-plan-info .cpd-plan-name{
    padding-right:5px;
    word-wrap: break-word;
}
.learner-cpd-plan-info .left-panel{

}
.learner-cpd-plan-info .right-panel{
    padding-left:0;
}
.learner-cpd-plan-info .right-panel .panel-title{
    font-size:14px;
}
.course-section li{
    border: none;
}
.course-section .section-name{
    padding: 10px 0;
    font-weight: bold;
}
.course-list{
    margin-bottom: 0;
}
.course-list li{
    border: none;
    padding-bottom: 0;
}
.course-list .course-box {
    width: 100%;
    background: #F5F5F5;
    border-left: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 20px solid;
    overflow: hidden;
    max-height: 85px;
}
.course-list .course-box-0 {
    border-color: #CCCCCC;
}
.course-list .course-box-1 {
    border-color: #FF7E00;
}
.course-list .course-box-2 {
    border-color: #1A7C00;
}
.course-list .course-box-4 {
    border-color: #CCCCCC;
}
.course-list .course-box .course-intro {
    word-wrap: break-word;
    color: #000;
}
.course-list .course-box .course-cpd-right-panel{
    padding-left:0;
}
.course-list .course-box .course-cpd-right-panel .course-enroled-button{
    width:130px;
}

.expand-text {
    font-weight: normal;
}

/*Report PDF CSS */
.pdf-report-body table.pdf-small-font{
    font-size: 11px;
}

@media (max-width: 767px),
(max-device-width: 767px){
    .container_mobile {
        background:#fff;
    }
}

.cke_combopanel {
    width: 200px !important;
}
.elmo_cke_placeholder .cke_combo__strinsert, .elmo_cke_placeholder .cke_combo_button, .elmo_cke_placeholder .cke_combo_label {
    width: 110px !important;
}
.elmo_cke_placeholder .cke_combo_text, .elmo_cke_placeholder .cke_combo_open {
    width: 80px !important;
}

.elmo_cke_dynamic_content .cke_button_icon {
    display: none !important;
}

.elmo_cke_dynamic_content .cke_button_label{
    display: inline !important;
}

/** SCORM css */
#external-frame.elmo_module_iframe {
    width: 1px;
    min-width: 100%;
    *width: 100%;
}

.full_size {
    height: 100%;
    width: 100%;
}
#scorm-player-wrapper {

}
#scorm-player-wrapper #menu-hide-btn {
    position: absolute;
    right: 2px;
    top: 5px;
}
#scorm-player-wrapper #menu-display-btn {
    float: left;
    margin-top: 5px;
    margin-right: 2px;
    margin-left: 2px;
}
#scorm-player-wrapper #menu-box {
    height: 100%;
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    border-right: 1px solid #DEDCDA;
    margin-left: 0px;
    padding: 2px;
    position: absolute;
    left: -250px;
    width: 250px;
    background: #eaeaea;
    border: 1px solid #c4c4c4;
}
#scorm-player-wrapper #menu-box .heading{
    border-bottom: 1px solid #c4c4c4;
    padding: 5px;
    padding-right: 40px;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
#scorm-menu #menuTree {
    min-height: 600px;
    overflow-y: auto;
}
#scorm-menu #menuTree ul li {
    cursor: pointer;
    padding-left: 5px;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
#scorm-menu #menuTree ul li a {
    margin-left: 5px;
}
#scorm-menu #menuTree .expand-icon{
    margin-right: 5px;
}
#scorm-menu #menuTree .node-icon{
    display: none;
}
#scorm-menu #menuTree .check-icon:not(.glyphicon-unchecked){
    color: green;
}

#scorm-menu #menuTree .indent {
    display:block;
    height: 30px;
    width: 20px;
    float: left;
    margin: 0px;
}
#scorm-menu .treeview span.icon{
    /*margin-right: 0px;*/
}
#scorm-result-div  {
    width: 860px;
    overflow-y: auto;
}
#scorm-result-div .icon {
    width: 12px;
    height: 12px;
}
#scorm-result-div .glyphicons-check{
}
#scorm-result-div .glyphicons-uncheck{
    border: 1px solid;
}

.learner-progress-container {
    margin-left: -30px;
}
.learner-progress-container .progress {
    position:relative;
    height:22px;
    margin-bottom: 0px;
    border: 1px solid #000000;
    border-radius: 0px;
}
.learner-progress-container .progress-text{
    text-align: right;
}
.learner-progress-container .progresspercent {
    position:absolute;
    right:5px;
}
.cursor_hand{
    cursor:hand;
    cursor:pointer;
}
.edit-course-activity-panel{
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.edit-course-activity-panel .heading {
    padding: 10px 15px 0px 15px;
}

.taggel-checkbox-unchecked {
    width: 40px;
    height: 35px;
    color: #D8D8D8;
}
.taggel-checkbox-unchecked:hover {
    color: #D8D8D8;
}

.taggel-checkbox-checked {
    width: 40px;
    height: 35px;
    color: #428BCA;
}
.taggel-checkbox-checked:hover {
    color: #428BCA;
}

@media (min-width: 100px) {
    .modal-md {
        width: 95%;
    }
}
@media (min-width: 700px) {
    .modal-md {
        width: 700px !important;
    }
}

.inactive-candidate {
    background-color: rgba(204,204,204,1);
}
.inactive-candidate:hover {
    background-color:#fff;
}

.source-tag {
    display: inline-block;
    font-weight: bold;
    width: 34px;
    text-align: center;
    height: 34px;
    padding-top: 5px;
}

.source-tag-seek {
    background: url('../img/candidates-sources/seek.png') no-repeat;
}

.source-tag-broadbean {
    background: url('../img/candidates-sources/broadbean.png') no-repeat;
}

.source-tag-linkedin {
    background: url('../img/candidates-sources/linkedin.png') no-repeat;
}

.source-tag-adzuna {
    background: url('../img/candidates-sources/adzuna.png') no-repeat;
}

.source-tag-careerone {
    background: url('../img/candidates-sources/careerone.png') no-repeat;
}

.source-tag-indeed {
    background: url('../img/candidates-sources/indeed.png') no-repeat;
}

.source-tag-trademe {
    background: url('../img/candidates-sources/trademe.png') no-repeat;
}

.source-tag-vendor {
    background: url('../img/candidates-sources/vendor.png') no-repeat;
}

.source-tag-portal {
    background: url('../img/candidates-sources/job-board.png') no-repeat;
}

.source-tag-portal-internal {
    background: url('../img/candidates-sources/job-board-internal.png') no-repeat;
}
.source-tag-portal-external {
    background: url('../img/candidates-sources/job-board-external.png') no-repeat;
}

.source-tag-add-to-requisition {
    background: url('../img/candidates-sources/add-to-requisition.png') no-repeat;
}

.source-tag-talentpool {
    background: url('../img/candidates-sources/talent-pool.png') no-repeat;
}

/* Candidate flags */
.candidate-flag {
    display: inline-block;
}

.candidate-flag-none {
    background: url('../img/candidates-flags/default.png') no-repeat;
    height: 15px;
    width: 15px;
}

.candidate-flag-none-2x {
    background: url('../img/candidates-flags/default@2x.png') no-repeat;
    height: 30px;
    width: 30px
}

.candidate-flag-flag {
    background: url('../img/candidates-flags/flag.png') no-repeat;
    height: 15px;
    width: 15px;
}

.candidate-flag-flag-2x {
    background: url('../img/candidates-flags/flag@2x.png') no-repeat;
    height: 30px;
    width: 30px
}

.candidate-flag-earphone {
    background: url('../img/candidates-flags/phone.png') no-repeat;
    height: 15px;
    width: 15px;
}

.candidate-flag-earphone-2x {
    background: url('../img/candidates-flags/phone@2x.png') no-repeat;
    height: 30px;
    width: 30px
}

.candidate-flag-envelope {
    background: url('../img/candidates-flags/mail.png') no-repeat;
    height: 15px;
    width: 15px;
}

.candidate-flag-envelope-2x {
    background: url('../img/candidates-flags/mail@2x.png') no-repeat;
    height: 30px;
    width: 30px
}

.candidate-flag-ok {
    background: url('../img/candidates-flags/tick.png') no-repeat;
    height: 15px;
    width: 15px;
}

.candidate-flag-ok-2x {
    background: url('../img/candidates-flags/tick@2x.png') no-repeat;
    height: 30px;
    width: 30px
}

.candidate-flag-pushpin {
    background: url('../img/candidates-flags/pin.png') no-repeat;
    height: 15px;
    width: 15px;
}

.candidate-flag-pushpin-2x {
    background: url('../img/candidates-flags/pin@2x.png') no-repeat;
    height: 30px;
    width: 30px
}

.candidate-flag-sign {
    background: url('../img/candidates-flags/question.png') no-repeat;
    height: 15px;
    width: 15px;
}

.candidate-flag-sign-2x {
    background: url('../img/candidates-flags/question@2x.png') no-repeat;
    height: 30px;
    width: 30px
}


/*used by fullscreen feature PMS-4584*/
.fullscreen-icon-position {
    position:absolute;
    right:10px;
}
.div-horizontal-scroll {
    width:100% !important;
    overflow:auto !important;
}

/* Succession Plan CSS */
.succession-wrapper {

}
.succession-section .section-header{
    cursor: pointer;
}
.succession-section.disabled .section-header{
    background: #d6d6d6;
}
.succession-section.disabled {
    background: #555555;
}
.succession-section .item-heading {
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}
.succession-section .item-body{
    padding: 10px;
}
.draggable-handler {
    background: #c4c4c4;
    width: 10px;
    height: 100%;
    position: absolute;
    cursor: move;
    left: 0px;
    top: 0px;
    font-size: 18px;
    padding: 5px 0px;
    text-align: center;
}
.succession-section .small-rating .rating-style button {
    font-size: 12px;
}
.succession-status-0 {
    color:#f93e3e;
}
.succession-status-1 {
    color:#ff7e00;
}
.succession-status-2 {
    color:#1a7c00;
}
#affix-nav ul li a {
    cursor: pointer;
}
.succession-section .rating-wrapper{
    position: relative;
}
.succession-section .rating-overlay,
#ep-career-preferences .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 99;
}
.succession-section .section-table .small-col{
    width: 30px;
}
.succession-section .section-table .img-col {
    width: 60px;
}

#succession-calibration .employee-panel {
    position: relative;
    min-width: 400px;
    margin: 0px;
}
#succession-calibration .employee-panel .panel-title {
    padding-left: 90px;
    text-align: left;
}
#succession-calibration .employee-panel .panel-body {
    padding: 10px;
    padding-left: 110px;
}
#succession-calibration .employee-panel img {
    position: absolute;
    top: 5px;
    left: 5px;
}
#succession-calibration .employee-panel .field-value{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
}
#succession-calibration .slider-caption {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Career Preferences CSS */
.career-question-table td {
    position: relative;
    display: inline-block;
    width: 100%;
}

/* Succession Development CSS */
#succession-development .employee-panel {
    position: relative;
}
#succession-development .employee-panel .panel-title {
    padding-left: 90px;
}
#succession-development .employee-panel .panel-body {
    padding-left: 120px;
}
#succession-development .employee-panel img {
    position: absolute;
    top: 5px;
    left: 5px;
}
#succession-development .employee-panel input[type=checkbox] {
    transform:scale(1.3, 1.3);
    cursor: pointer;
}
#succession-development .employee-panel .field-value{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 185px;
}

#succession-development .employee-panel .field-value{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#succession-development .bulk-actions{
    position: absolute;
    left: 0px;
    z-index: 99;
}
.ui-slide-handle-popover {
    width: 100%;
    height: 100%;
}
#succession-development .filter-div label {
    width: 102px;
}
#succession-development .filter-div .slider-rating-wrapper {
    width: 55%;
}
#succession-development .filter-div .select2-container {
    float: left;
    width: 61%;
}

/*
  Allow angular.js to be loaded in body, hiding cloaked elements until
  templates compile.  The !important is important given that there may be
  other selectors that are more specific or come later and might alter display.
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

/* oading block immitate jQUeryBlockUI for AngularJs page */
.cg-busy #angular-loading {
    z-index: 1011;
    position: fixed;
    padding: 15px;
    margin: 0px;
    width: 30%;
    top: 40%;
    left: 35%;
    text-align: center;
    color: black;
    border: 1px solid #c4c4c4;
    cursor: wait;
    border-radius: 10px;
    background-color: white

}

/* Succession Position Management CSS */
#succession-positionManagement .ui-slider-handle{
}
.ui-slider-handle.ui-state-hover .popover{
    display: block;
    left: -65px;
    top: -45px;
    min-width: 150px;
    z-index: 9999;
    text-align: center;
}

#succession-positionManagement .small-text{
    font-size: 12px;
}
#succession-positionManagement .small-slider{
    width: 45%;
}
#succession-positionManagement .action-btn{
    position: absolute;
    top: 50px;
    right: 10px;
}
#succession-positionManagement  div.affix
{
    margin-top: 2px;
    position: fixed;
    top: 10px;
    width: 315px;
}
#succession-positionManagement  div.affix-top
{

}
#succession-positionManagement  div.affix-bottom
{
    position: fixed;
}
#succession-positionManagement #position-list{
    height: 760px;
    /*height: 470px;*/
    overflow-y: auto;
}
#succession-positionManagement #position-list li{
    border: 1px solid #c4c4c4;
}
#succession-positionManagement #position-list li:hover,
#succession-positionManagement #position-list li.active{
    background: #eaeaea;
}
#succession-positionManagement ul.affix-top {
    width: 100%;
}
#succession-positionManagement div.affix-top #position-list{
    height: 470px;
}
#succession-positionManagement .panel{
    border-radius: 0px;
    overflow-x: visible;
}
#succession-positionManagement .panel-heading {
    border-radius: 0px;
    cursor: pointer;
}
#succession-positionManagement .employee-panel{
    position: relative;
    overflow: visible;
}
#succession-positionManagement .user-filters .slider-rating-wrapper{
    width: 40%;
}
#succession-positionManagement .employee-panel img {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 70px;
    height: 70px;
    border-radius: 0;
    padding: 0;
}
#succession-positionManagement .employee-panel .panel-heading {
    padding-left: 90px;
}
#succession-positionManagement .employee-panel .panel-body {
    padding-left: 90px;
}
#succession-positionManagement .employee-panel .popover {
    color: black;
    width: 500px;
    font-size: 14px;
}
#succession-positionManagement .employee-panel .popover ul{
    padding-left: 20px;
}
.medium-btn{
    width: 100px;
}
.loading-spinner{
    background: url('../../img/loading.gif') center center no-repeat;
    height: 20px;
    width: auto;
    min-width: 20px;
    display: inline-block;
}
/* End Succession Position Management CSS */

/* Succession Careers Position CSS */
#position-sections ul{
    padding-left: 20px;
    font-size: 14px;
}
#position-sections ul li{
    margin: 5px;
}
#compare-position table td{
    border: 0px;
    vertical-align: top;
}
#compare-position table .header td{
    border-top: 1px solid #c4c4c4;
    font-size: 20px;
    padding-left: 10px;
}
#compare-position table .heading-col {
    padding: 0px;
    padding-top: 5px;
}
#compare-position .position-col{
    border-right: 1px solid #c4c4c4;
    padding: 5px;
}
#compare-position .profile-col{
    padding: 5px;
}
#compare-position .section-row {
    border-bottom: 1px solid #c4c4c4;
}
#compare-position .section-row.ng-enter {
    transition: linear 0.5s;
}
#compare-position .section-row.ng-leave {
    transition: linear 0.5s;
}
#compare-position .section-row.ng-enter,
#compare-position .section-row.ng-leave.ng-leave-active {
    opacity:0;
}
#compare-position .section-row.ng-leave,
#compare-position .section-row.ng-enter.ng-enter-active {
    opacity:1;
}
#compare-position .section-row td{
    vertical-align: middle;
}
#compare-position .section-row .empty-item {
    background: #eaeaea;
}
#compare-position .section-row .empty-action{
    height: 34px;
    display: block;
}
#compare-position .matched-count {
    font-size: 14px;
    line-height: 18px;
    color: #eaeaea;
}
.btn-uncheck {
    color: #D8D8D8;
}


/* End Succession Careers Position CSS */

/* Fix for body padding when open modal with AngularJs ui-bootstrap 1.3.1 */
body.modal-open {
    overflow: auto;
    padding-right: 15px!important;
}
.candidate-list-row{
    min-height:120px;
}
/*START - MonitorBundle Reports*/
.monitor-bundle .monitor-report .module-labels {
    margin-right:4px;
}

.profile-section .subscription-module-name {
    font: 1.1em;
}

.profile-section .subscription-module-label {
    padding:10px 35px;
    font-size:1em
}

.profile-section > .job-application-profile > a,
.profile-section > .job-application-profile > a:active,
.profile-section > .job-application-profile > a:focus,
.profile-section > .job-application-profile > a:hover,
.profile-section > .job-application-profile > a:visited {
    color: inherit;
}

/*END - MonitorBundle Reports*/
.inactive-candidate {
    background-color: rgba(204,204,204,1);
}
.inactive-candidate:hover {
    background-color:#fff;
}

/* START UserBundle/Resources/views/orgChart/orgChart.html*/
.orgChartTabContent .row {
    margin-bottom:2em;
}

.orgChartTabContent #basicdiagram {
    position:relative;
    height:55vh;
    border:1px solid lightgray;
}

.orgChartTabContent .entity_type {
    width:80%;
    visibility:hidden; /*is made visible via jquery to hide original element before select2 is applied*/
}

.orgChartTabContent .report_level {
    width:80%;
    visibility:hidden; /*is made visible via jquery to hide original element before select2 is applied*/
}


.fullscreenDiagramSection {
    margin-bottom:5%;
    width:100%;
}

.fullscreenDiagramSection .orgchartBtnBar {
    margin-top: 1em;
    margin-bottom: 1em;
    z-index: 1;
}

#custom-handle {
    width: 3em;
    height: 2.3em;
    top: 50%;
    margin-top: -1.2em;
    text-align: center;
    line-height: 2.15em;
    font-size:0.8em;
    font-family:"Arial";
    background:white;
    font-weight: bold;
}

#orgchart-slider {
    margin-top:10px;
}

ul.generic-entity-list {
    list-style-type: none;
    list-style: none;
    padding:0px;
    margin:0px;
}

div.generic-entity-modal-content ul.generic-entity-list li.generic-entity-item {
    margin-bottom:5px;
}

ul.generic-entity-list li.generic-entity-item a {
    color:#000;
}

.generic-entity-heading {
    margin-bottom:1em;
    font-weight:bold;
}

/* END UserBundle/Resources/views/orgChart/orgChart.html*/

.elmo-expandable-textarea-for-ie {
    min-height: 78px;
}

/*Start NoteBundle*/
.notebundle_note_show_less {
    overflow:hidden;
    max-height:84px;
}

.note_row .note_label {
    color:white;
    padding:0em 0.5em;
    font-size:0.8em;
}
/*End NoteBundle*/

/*Start Face-to-face Activity*/
.edit-session-attachments {
    margin-top: -10px;
}
.view-session-info {
    cursor:hand;
    cursor:pointer;
}
.session-info-container {
    display:none;
}
.session-info-container td {
    border:none !important;
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.session-info .panel {
    background-color:#F5F5F5;
    border:1px solid #D5D5D5;
    margin-bottom:0;
}
.session-info .panel .panel-body .session-instruction {
    word-wrap: break-word;
}
.session-edit-container .timeslot-fields .timeslot-element .timeslot-container {
    padding:0;
}
.session-edit-container .timeslot-fields .timeslot-element .timeslot-container .timeslot-time-field-container {
    padding-right:0; width:245px;
}
.session-search-form-container .multiselect-container .active a {
    color: #000;
    background-color: #FFF;
}
.signup-search-form-container .multiselect-container .active a {
    color: #000;
    background-color: #FFF;
}
#mark-attendance .status-code .popover {
    max-width: 320px;
    color: #000;
}
/*End Face-to-face Activity*/

/* start module guide page */
.col-md-6.module-guide-box {
    width:48%;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
    padding:9px 14px;
    margin:8px;
}
/* end module guide page */

/** HR Core bundle **/
.profile-section .editing-border {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
}
.hidden-visibility {
    visibility: hidden;
}
.masked-value div {
    width: 260px;
}
.profile-section .section-item.grid_layout{
    padding: 5px!important;
}

/** Leave projection page */
.profile-section .panel-heading.panel-heading-leave-projection {
    margin-bottom: 0;
    padding: 10px 9px;
}
.profile-section .panel-body.leave-projection-section-body {
    margin-left: 9px;
    margin-top: 10px;
    margin-bottom: 20px;
}
#leave-projection-selectdate {
    padding-left: 0;
    margin-bottom: 15px;
}
#leave-projection-info {
    padding: 10px;
    border-width: 1px;
    border-style: solid;
}

.leave-projection-importance {
    padding: 5px 10px ;
    border-width: 1px;
    border-color: transparent;
    border-style: solid;
}
/** End leave projection*/

#profile-tab #superannuation-section .panel{
    min-height: 320px;
}
/** End HR Core */

/** add candidate to requisition modal, which is nested in another modal :( */
#profile-img-modal.add-candidate-modal {
    overflow-y: auto;
}

.modal-dialog.add-candidate-dialog {
    margin-top: 0;
    width: inherit;
}

/** interview guide add edit page */
.interview-guide-actions {
    margin-bottom: -40px;
}

/* IN progress status for recruitment action on job application details page */
.label-in-progress{
    /*background-color: #3656dF;*/
    background-color: rgba(54, 86, 223, 0.4);
}
.label-in-progress[href]:hover,
.label-in-progress[href]:focus {
    background-color: rgba(54, 86, 223, 1);
}

/* PMS 9141 Add/edit note anonymous checkbox 360 questions section */
div[id*="addNote-Question360"] div.checkbox, div[id*="notes"] div.checkbox {
    margin-top: 0;
}

/* Recruitment interview guide questions weighting */
.question-header-weighting {
    float: left;
    width:40%;
    margin-left: 17%;
}

.question-header-actions {
    width: 43%;
    margin-top: 0;
}

/* My Learning / User Learning Profile */
.my-learning-table tbody .course-title .retake-info-icon {
    vertical-align: baseline;
}
.my-learning-table tbody .course-title .popover {
    max-width: 320px;
    color: #000;
}

.my-learning-table tbody .course-title .popover h3 {
    font-weight: bold;
}
/* End My Learning / User Learning Profile */

/* Course Catalogue */
.course-catalogue-content .search-input {
    width: 136px;
}
/* End Course Catalogue */

.catalog-list-container .btn:focus {color:#ffffff;}

/* Used in reports to combine rows together */
table.report-table tr.hide-top-border td {
    border-top:none;
}

/** not naming it text-capitalize to avoid conflict with bootstrap version 3.2+ */
.elmo-text-capitalize {
    text-transform: capitalize;
}

/* Retrain Discrepancies */
.retrain-discrepancies-container .pagination {
    margin-top: 0;
}
.retrain-discrepancies-container .pagination-count {
    margin-bottom: 0;
}
/* End Retrain Discrepancies */

.catalog-list-container .btn:focus {color:#ffffff;}

/** Question Details report **/
#questionDetails-report .correct-sign {
    color: #6AA84F;
}
#questionDetails-report .incorrect-sign {
    color: #CC2200;
}
#questionDetails-report #collapse-all-btn {
    position: fixed;
}
#questionDetails-report .level_2{
    padding-right: 0px;
    padding-left: 25px;
}

/** Succession Overview report **/
#successionOverview-report .truncate {
    max-width:100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#successionOverview-report .legend span {
    width: 20px;
    height: 20px;
    display: block;
    float: left;
}
#successionOverview-report .legend .rating_legend{
    background: #e9a101;
}
#successionOverview-report .legend .calibrated_legend {
    background: #31708f;
}
#successionOverview-report .middle_chart {
    padding-left: 5px;
    padding-right: 5px;
}
#successionOverview-report .highcharts-button {
    display: none;
}
#successionOverview-report .potentialText{
    display: none;
}

/* Import Tool*/
.import-list .import-list-search .import-list-search-type {
    width: 160px;
}
.import-log .import-log-search .import-log-search-type {
    width: 160px;
}
.import-container .summary-icon {
    width: 30px;
}
.import-container .summary-text {
    width: 180px;
}
.import-container .select2 {
    width: 160px;
}
.import-container .nav-wizard-new {
    text-align:center;
}
.import-container .nav-wizard-new li {
    float:none;
    display:inline-block;
}
.import-container .nav-wizard-new li a {
    margin-right: 4px;
}
.import-container .nav-wizard-new li:hover a {
    background-color: #eeeeee;
    color: #428bca;
    cursor: default;
}
.import-container .nav-wizard-new li.done:hover a:before,
.import-container .nav-wizard-new li:hover a:before {
    border-right-color: #eeeeee;
}
.import-container .nav-wizard-new li.done:hover a:after,
.import-container .nav-wizard-new li:hover a:after {
    border-left-color: #eeeeee;
}
.import-container .nav-wizard-new li.active a,
.import-container .nav-wizard-new li.active a:hover,
.import-container .nav-wizard-new li.active a:focus {
    color: #ffffff;
    background-color: #428bca;
}
.import-container .nav-wizard-new li.active a:after {
    border-left-color: #428bca;
}
.import-container .text-black {
    color: #000;
}
.import-container .e-margin-top--10 {
    margin-top: -10px;
}
/* End Import Tool */

.diversity-question-tree-item {
    position: relative;
}

.diversity-question-group {
    width: 5px;
    height: 100%;
    background-color: #c4c4c4;
    position: absolute;
    left: -5px;
    top: 0px;
}

/** Salary Benchmarking CSS**/
.salary-benchmark-info-box  .panel,
.salary-benchmark-info-box  .alert {
    border-radius: 0px;

}
.salary-benchmark-info-box .requisition-benchmark-panel-title {
    background: #495057;
    color: white;
    font-size: 18px;
}

/** Workflow status color codes **/
.workflow-status-1{
    color:#ff7e00;
}
.workflow-status-2{
    color:#1a7c00;
}
.workflow-phase-background-1{
    background:#ff7e00;
    width:2pt;
}
.workflow-phase-background-2{
    background:#1a7c00;
    width:2pt;
}

.visible-mobile {
    display: none !important;
}

/*Leave non-mobile specific (eg, replacements for inline css, general changes, etc.)*/

.btn-my-requests{
    padding-top: 15px;
    margin-left: 7px !important;
    margin-right: 7px;
}

.btn-requests-parent{
    padding-top: 10px;
    margin-left: 7px !important;
    margin-right: 7px;
}

.btn-requests{
    margin-right: 15px !important;
    width: 100%;
    padding-top: 10px !important;
    height: 44px !important;
}

.btn-leave-requests-header{
    margin-right: 15px !important;
    width: 100%;
    padding-top: 10px !important;
    height: 44px !important;
    border-radius: 4px 4px 0px 0px !important;
}

.btn-leave-text{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
}

.leave-dropdown {
    width: 100% !important;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #d3d3d3;
    text-align: center;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.175) !important;
    border-bottom-left-radius: 4px 4px !important;
    border-bottom-right-radius: 4px 4px !important;
}

.leave-requests-dropdown{
    width: 100% !important;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #d3d3d3;
    text-align: center;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.175) !important;
    border-radius: 0px 0px 4px 4px !important;
}

.leave-badge{
    line-height: 0 !important;
    padding-top: 0px !important;
    margin-top: -6px !important;
    margin-left: -4px;
    font-size: 12px;
    font-weight: bold;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    border-radius: 10px;
    line-height: 0 !important;
    color: #999999;
}

.leave-square{
    font-size: 18px;
    margin-left: -3px !important;
}

/*Drop in replacements for the inline CSS*/
.leave-time-label-full, .leave-time-label-right, .leave-time-label-left{
    width: 0;
}
.leave-width-50{
    width: 50px !important;
}
.leave-width-70{
    width: 70px !important;
}

.leave-float-right{
    float: right;
}

.hr-resume{
    background-color: #d3d3d3;
    margin-top: 19px;
    margin-bottom: 15px;
}

.hr-leave{
    background-color: #d3d3d3;
    margin-top: 10px;
    margin-bottom: 10px;
}

/** Bootstrap alert related stuff **/
.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

/** My Team Profile Images **/
.sidebar-profile-image{
    position: relative;
}

.top-left-icon{
    position: absolute;
    top:-1px;
    left:5px;
    z-index: 3;
}
.profile-full-image-element{
    position:relative;
    margin-bottom: 15px;
}
.profile-full-image-element .top-left-icon{
    position: absolute;
    top:-9px;
    left:0px;
    z-index: 3;
}

/** Spacing for the glyphicon-play icon used on profile pages */
.expand-indicator-top-spacing{
    margin-top: 2px;
}

.gemini-container{
    width: auto;
}

.gemini-pull-left-xs {
    margin-right: 1px !important;
    float: left !important;
    width: calc(50% - 3px);
    height: 44px !important;
}

.gemini-pull-right-xs {
    margin-left: 1px !important;
    float: right !important;
    width: calc(50% - 3px);
    height: 44px !important;
}

/** Rewards **/
.reward-feed-description-truncate {
    text-overflow: ellipsis;
    max-width: 100%;
    max-height: 150px;
    overflow: hidden;
}

.visible-mobile{
    display: none !important;
}

/*Rules for desktop which will be overridden by media*/
.f2f-calendar-modal{
    width: 962px !important
}

@media (max-width: 767px) {
    /*Learning Modals*/
    .f2f-calendar-modal{
        width: auto !important;
    }

    /* Login page */
    #login-logo img {
        max-height: 120px;
        max-width: 100%;
    }

    /*
      This fat-button class is to make clickable items larger on mobile devices.
      If we want to make this on the whole system, remove this class and use `.a .label` instead.
     */
    .fat-button {
        height: 44px;
        align-items: center;
    }

    .text-right a {
        justify-content: flex-end;
    }

    .text-center a {
        justify-content: center;
    }

    input[type=checkbox] {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        margin-top: 0;
    }

    #site-wrapper-inner {
        display: block;
        height: 100%;
    }

    #login-form, #login-form .well {
        height: 100%; /* Make User Login box full height */
    }

    .login-container > div {
        padding: 30px 15px;
        margin-top: 0;
        border-radius: 0;
    }

    .login-container > .well {
        margin-bottom: 0;
    }

    /* Top menu sticker for mobile devices */
    #sticker {
        z-index: 1040;
    }

    /* Main menu */
    .navbar-default .navbar-toggle {
        border: 0;
        color: #fff;
        margin: 0;
        width: 100%;
        text-align: left;
    }

    .navbar-default .navbar-toggle span {
        font-size: x-large;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }

    .navbar {
        min-height: 44px !important;
    }

    .navbar-collapse {
        max-height: none; /* Allow menu to be full height */
    }

    #navigation-menu li.first,
    #navigation-menu li.last {
        font-size: 20px;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 15px;
    }

    #navigation-menu {
        z-index: 100; /* Higher z-index than loading boxes (99) */
    }

    /* User menu + logout */
    .user-menu-pos .navbar-nav .open .dropdown-menu {
        position: absolute;
        background-color: #fff;
        border: 1px solid #ccc;
    }

    #user-profile-image-menu .dropdown-menu {
        position: fixed;
        top: 80px;
        left: 5% !important;
        right: 5% !important;
    }

    #user-menu .navbar-nav > li ul li a {
        line-height: 25px;
    }

    /* Dashboard controls */
    .dashboard-container .dashboard-controls {
        margin-left: 15px;
        margin-right: 0;
        margin-bottom: 15px;
    }

    /* Dashboard widgets */
    .dashboard .widget:hover .widget-controls, .dashboard .widget .widget-controls:hover {
        display: none;
    }

    .dashboard .widget.panel {
        border: 0;
    }

    .dashboard .widget .panel-body > div {
        margin: 0;
    }

    .dashboard .widget .table {
        border-bottom: 0;
    }

    /*Leave Section*/
    .leave-pull-right-xs {
        float: right !important;
        width: 50%;
    }

    .leave-upcoming-background {
        background-color: #f8f8f8;
        width: 100%;
    }

    .leave-upcoming-border {
        border-top: 1px solid #d3d3d3;
        border-bottom: 1px solid #d3d3d3;
    }

    /*Leave Labels and Inputs*/
    .leave-time-label-full, .leave-time-label-row {
        text-align: center;
        width: 100% !important;
    }

    .leave-time-input {
        width: 44px !important;
        text-align: center;
    }

    .leave-div-margin {
        margin-left: 7px;
        margin-right: 7px;
    }

    .leave-menu-icon-padding {
        padding-right: 5px !important;
    }

    .leave-group-header {
        padding-top: 9px !important;
        width: 100% !important;
        background-color: #545454;
        height: 37px;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #ffffff;
        padding-left: 10px;
        margin-bottom: 10px;
    }

    .leave-entitlements-header {
        margin-left: -8px !important;
        margin-right: -8px !important;
    }

    .leave-entitlements-filter, .leave-request-text {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }

    .leave-entitlements-main-header {
        margin-top: 20px !important;
    }

    .leave-entitlements-table {
        margin-left: 7px !important;
        margin-right: 7px !important;
        margin-top: 10px !important;
    }

    .leave-entitlements-search, .leave-entitlements-search div a {
        width: 192px;
        height: 44px !important;
    }

    .leave-entitlements-search a, .leave-entitlements-search span {
        padding-top: 6px !important;
    }

    .leave-widget-padding, .leave-entitlements-div, .leave-dropdown-padding-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .leave-search-padding-left {
        padding-left: 5px !important;
    }

    .leave-search-reset {
        margin-left: 0px !important;
    }

    .leave-checkbox-group {
        padding-top: 5px !important;
    }

    .leave-checkbox {
        vertical-align: bottom;
    }

    .leave-projection-importance {
        padding: 5px 10px;
        border-width: 1px;
        border-color: transparent;
        border-style: solid;
        margin-bottom: 25px !important;
    }

    .leave-entry {
        width: 100% !important;
    }

    .leave-employee-name-container:first-child {
        padding-top: 15px !important;
    }

    /*Responsive Buttons*/
    .btn-default-responsive {
        color: #333 !important;
        background-color: #fff !important;
        border-color: #ccc !important;
    }

    .btn-link-to-default-responsive {
        color: #333 !important;
        background-color: #fff !important;
        border: 1px solid #ccc;
        float: right !important;
        border-radius: 4px;
        padding-top: 6px;
        padding-right: 9px;
        padding-bottom: 6px;
        padding-left: 9px;
    }

    .btn-hr-sections-full {
        width: 100% !important;
        text-overflow: ellipsis;
        height: 44px !important;
        margin-top: 10px !important;
    }

    .btn-personal-34-34, .btn-34-34 {
        height: 34px !important;
        width: 34px !important;
        margin-top: -6px !important;
    }

    .btn-34-34-glyph {
        font-size: 16px;
        margin-left: -4px;
        margin-top: 2px;
    }

    .btn-34-34-icon {
        font-size: 16px;
        margin-left: -2px;
    }

    .btn-bank {
        margin-left: -3px;
    }

    .btn-leave-dropdown {
        padding: 7px 12px !important;
    }

    .btn-leave-user-search {
        padding: 11px 14px !important;
    }

    .btn-leave-request {
        padding: 11px 14px !important;
    }

    .btn-leave-group-actions {
        padding-top: 10px !important;
        width: 99% !important;
    }

    .btn-leave-group {
        padding-top: 5px !important;
        width: 100% !important;
    }

    .btn-leave-add-file, .leave-status-header {
        /*Add File button on the leave requests/edit/etc page.*/
        padding-top: 10px !important;
        width: 100% !important;
    }

    .btn-leave-center {
        padding-top: 10px !important;
    }

    .btn-pull-up {
        margin-top: -15px;
    }

    .btn-multi-line {
        white-space: normal;
    }

    .btn-to-row{
        background-color: #fff !important;
        width: 100% !important;
        border: none !important;
        text-align: left;
    }

    .btn-pagination{
        border-color: #ddd !important;
    }

    /* Recommendation dashboard widget */
    .recommendation-container {
        padding: 5px 15px;
    }

    .image-picker-image {
        padding: 10px !important; /* Increase padding to keep marging on the side */
    }

    .like-button {
        width: calc(100% - 44px);
    }

    .like-button-thumbup {
        width: 44px;
    }

    /* My Team widget */
    .image-picker-image-large {
        width: 120px !important;
        height: 120px !important;
    }

    .my-team-user-label {
        width: 100%;
        text-align: center;
        display: inline-block;
    }

    .row.team-members {
        margin-top: 5px;
    }

    #teamWidget .pagination-count {
        margin-top: 20px;
    }

    /* Mobile pagination */
    .pagination .fat-button {
        width: 44px;
        height: 44px;
        line-height: 2em;
    }

    .pagination .page-first:before {
        content: '\00ab';
    }

    .pagination .page-previous:before {
        content: '\2039';
    }

    .pagination .page-next:before {
        content: '\203A';
    }

    .pagination .page-last:before {
        content: '\00bb';
    }

    .pagination-count.elmo-pagination-widget {
        padding-top: 5px;
        padding-bottom: 10px;
    }

    .pagination .pagination-first {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .pagination button {
        font-weight: bolder;
        font-size: medium;
    }

    .pagination .pagination-prev,
    .pagination .pagination-next {
        border-radius: 0;
    }

    .pagination .pagination-last {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .widget-square-bullet {
        margin-top: 2px;
    }

    /* ng-table widgets */
    #actionableItemWidget th,
    #taskWidget th,
    #documentWidget th,
    #learningWidget th {
        display: none;
    }

    #actionableItemWidget td,
    #taskWidget td,
    #documentWidget td,
    #learningWidget td {
        display: block;
        margin-left: 15px;
        margin-right: 0;
        border: 0;
        padding-bottom: 10px;
        padding-top: 0;
        padding-left: 0;
    }

    #taskWidget td,
    #documentWidget td,
    #learningWidget td {
        margin-left: 15px;
        padding-left: 0;
        padding-right: 0;
    }

    #actionableItemWidget td:first-child,
    #taskWidget td:first-child,
    #documentWidget td:first-child,
    #learningWidget td:first-child {
        margin-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #actionableItemWidget tr:first-child td:first-child,
    #taskWidget tr:first-child td:first-child,
    #documentWidget tr:first-child td:first-child,
    #learningWidget tr:first-child td:first-child {
        padding-top: 15px;
    }

    #taskWidget td:first-child,
    #documentWidget td:first-child,
    #learningWidget td:first-child {
        margin-left: 0;
    }

    #actionableItemWidget td:first-child a.visible-xs,
    #taskWidget td:first-child a.visible-xs,
    #documentWidget td:first-child a.visible-xs,
    #learningWidget td:first-child a.visible-xs {
        font-size: 16px;
        margin-right: 11px;
        padding-right: 14px;
        width: 16px;
        display: table-cell !important;
    }

    #actionableItemWidget td:last-child,
    #taskWidget td:last-child,
    #documentWidget td:last-child,
    #learningWidget td:last-child {
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px;
        padding-top: 15px;
        margin-left: 0;
    }

    #taskWidget td:last-child,
    #documentWidget td:last-child,
    #learningWidget td:last-child {
        margin-left: 0;
        padding-left: 15px;
    }

    .actionableItemViewDetails {
        display: table-cell;
    }

    /*Personal Contact*/
    .personal-pull-left-xs, .employment-pull-left-xs, .btn-gemini-pull-left-xs {
        margin-right: 1px !important;
        float: left !important;
        width: calc(50% - 3px);
        height: 44px !important;
    }

    .personal-pull-right-xs, .employment-pull-right-xs, .btn-gemini-pull-right-xs {
        margin-left: 1px !important;
        float: right !important;
        width: calc(50% - 3px);
        height: 44px !important;
    }

    .input-gemini-pull-left-xs {
        margin-right: 1px !important;
        float: left !important;
        width: calc(50% - 3px);
        height: 44px !important;
    }

    .input-gemini-pull-right-xs {
        margin-left: 1px !important;
        float: right !important;
        width: calc(50% - 3px);
        height: 44px !important;
    }

    .panel-heading-responsive {
        margin-bottom: 11px !important;
        padding-top: 11px !important;
        padding-bottom: 11px !important;
    }

    .panel-responsive {
        border: 0 !important;
        padding-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .contact-group {
        padding-bottom: 5px !important;
    }

    .contact-group-edit {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .contact-section-item {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .responsive-profile-input, .responsive-career-input, .diversity-input, .diversity-date, .responsive-career-toggle div:first-child, .responsive-career-position input, .responsive-career-position button,.responsive-career-position ul, .responsive-select2-parent div, .responsive-select2-parent div>a {
        height: 44px !important;
    }

    .responsive-career-position-parent{
        min-height: 44px !important;
    }

    .responsive-career-position-parent ul>li
    {
        height: 34px;
        margin-bottom: 4px !important;
    }

    .resume-profile-input{
        height: 44px !important;
        width: 100% !important;
    }

    #skill-section-panel-body{
        margin-left: 15px !important;
    }

    .responsive-select2-parent a>span:first-of-type{
        height: 44px !important;
        margin-top: 5px !important;
    }

    .responsive-career-position li>div {
        height: 26px !important;
        padding-top: 6px;
    }

    .responsive-career-toggle label {
        padding-top: 10px;
    }

    .responsive-career-input div{
        height: 26px !important;
    }

    .responsive-career-input li>div{
        padding-top: 6px !important;
    }

    .diversity-section>div:not(:first-child){
        margin-top: 10px !important;
    }

    .diversity-single{
        margin-bottom: 24px !important;
    }

    .diversity-single-repeated div:last-child{
        margin-bottom: 0px !important;
    }

    .diversity-toggle{
        padding-top: 10px !important;
    }

    .diversity-date span:first-child{
        margin-top: 3px;
    }

    .diversity-input a:first-child {
        height: 44px !important;
    }

    .diversity-input span:first-child, b:first-child {
        height: 100%;
        margin-top: 5px;
    }

    .diversity-input-clickable {
        width: 20px !important;
        height: 20px !important;
    }

    .position-description-responsive{
        height: 176px !important;
    }

    .skill-button-group{
        padding-left: 0px !important;
        padding-right: 0px !important;
        border: none !important;
    }

    .language-option-margin{
        margin-bottom: 44px !important;
    }

    .contact-name {
        font-size: 16px !important;
    }

    .contact-name-container {
        margin-bottom: 2px !important;
    }

    .contact-row {
        margin-bottom: 10px !important;
    }

    .contact-row:last-child {
        margin-bottom: 0px !important;
    }

    .item-list-bottom-padding {
        padding-bottom: 5px !important;
    }

    .bank-account-table tr:last-child {
        margin-bottom: 4px !important;
    }

    .bank-account-table-spacing-top {
        border-top: 10px solid #fff !important;
    }

    .bank-account-table-bottom-spacer {
        width: auto !important;
        height: 1px !important;
    }

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

    .editing-border a:first-of-type {
        display: none !important;
    }

    .career-question-label p{
        margin-bottom: 0px !important;
    }

    /*Responsive Padding, Margins and Items. These should be used to override existing CSS on mobile.*/
    .r-margin-top-0{
        margin-top: 0px !important;
    }

    .r-margin-top-5 {
        margin-top: 5px !important;
    }

    .r-margin-top-10 {
        margin-top: 10px !important;
    }

    .r-margin-top-15 {
        margin-top: 15px !important;
    }

    .r-margin-top-20 {
        margin-top: 20px !important;
    }

    .r-margin-top-25 {
        margin-top: 25px !important;
    }

    .r-margin-top-30 {
        margin-top: 30px !important;
    }

    .r-margin-top-40 {
        margin-top: 40px !important;
    }

    .r-margin-top-80 {
        margin-top: 80px !important;
    }

    .r-padding-top-0 {
        padding-top: 0px !important;
    }

    .r-padding-top-15 {
        padding-top: 15px !important;
    }

    .r-padding-top-20 {
        padding-top: 20px !important;
    }

    /*Bottom*/
    .r-padding-bottom-0{
        padding-bottom: 0px !important;
    }

    .r-margin-bottom-0 {
        margin-bottom: 0px !important;
    }

    .r-margin-bottom-5 {
        margin-bottom: 5px !important;
    }

    .r-margin-bottom-10 {
        margin-bottom: 10px !important;
    }

    .r-margin-bottom-15 {
        margin-bottom: 15px !important;
    }

    .r-margin-bottom-20 {
        margin-bottom: 20px !important;
    }

    .r-margin-bottom-25 {
        margin-bottom: 25px !important;
    }

    .r-margin-bottom-30 {
        margin-bottom: 30px !important;
    }

    .r-padding-bottom-50 {
        padding-bottom: 50px !important;
    }

    /*Left*/
    .r-padding-left-0 {
        padding-left: 0px !important;
    }

    .r-padding-left-5 {
        padding-left: 5px !important;
    }

    .r-margin-left-0{
        margin-left: 0px !important;
    }

    .r-margin-left-5 {
        margin-left: 5px !important;
    }

    .r-margin-left-10 {
        margin-left: 10px !important;
    }

    .r-margin-left-15 {
        margin-left: 15px !important;
    }

    /*Right*/
    .r-padding-right-0 {
        padding-right: 0px !important;
    }

    .r-padding-right-5 {
        padding-right: 5px !important;
    }

    .r-padding-right-10 {
        padding-right: 10px !important;
    }

    .r-margin-right-5 {
        margin-right: 5px !important;
    }

    .r-margin-right-10 {
        margin-right: 10px !important;
    }

    .r-margin-right-15 {
        margin-right: 15px !important;
    }

    /*Responsive Fonts*/
    .bold-xs {
        font-weight: bold;
    }

    .r-width-auto{
        width: auto !important;
    }

    .r-float-none{
        float: none;
    }

    .address-line {
        line-height: 20px !important;
    }

    .r-align-bottom{
        vertical-align: bottom !important;
    }

    .r-label-vertical-align-sub{
        vertical-align: sub;
    }

    .nav li.tab-responsive {
        border-bottom: 0 !important;
        margin-bottom: -2px !important;
    }

    .strip-border-xs{
        border: 0px solid #fff !important;
    }

    .table-mobile-no-hover{
        background-color: inherit !important;
    }

    .vertical-align-super-responsive{
        vertical-align: super !important;
    }

    .item-vertical{
        display: grid !important;
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }

    .item-vertical td:first-child{
        height: 30px !important;
    }

    .item-vertical-child-row{
        height: auto !important;
        width: 100% !important;
        border-collapse: initial !important;
        padding: 0 !important;
        border-bottom: 0px solid #fff !important;
    }

    /* User profile page */
    #recommendation-button {
        width: 44px;
        height: 44px;
        margin-right: 2px;
    }

    .user-profile-action-bar-content { /* With Recommendation button */
        width: calc(100% - 78px); /* 100% - 44px (fat button) - 2*15px (margin) - 5px (gap between two buttons) */
    }

    .user-profile-action-bar-content-extended { /* Without Recommendation button */
        width: calc(100% - 30px); /* 100% - 2*15px (margin) */
    }

    .user-profile-action-bar-content > .btn-group,
    .user-profile-action-bar-content > .btn-group > button,
    .user-profile-action-bar-content-extended > .btn-group,
    .user-profile-action-bar-content-extended > .btn-group > button {
        width: 100%;
    }

    .user-profile-action-bar-content .dropdown-menu {
        top: 44px;
        left: -50px;
        width: calc(100% + 50px);
        border-radius: 0;
    }

    .user-profile-action-bar-content-extended .dropdown-menu {
        top: 44px;
        width: 100%;
        border-radius: 0;
    }

    .user-profile-action-bar-content .dropdown-menu > li > a,
    .user-profile-action-bar-content-extended .dropdown-menu > li > a {
        line-height: 38px;
    }

    .user-profile-recommendation-container {
        position: absolute;
        right: 15px;
    }

    .user-profile-recommendation-container > div {
        width: auto;
    }

    .user-details-container-title {
        padding-left: 15px !important;
        padding-right: 15px !important;
        font-weight: bold;

        /* Makes button larger for mobile touch */
        height: 44px;
        line-height: 3em;
    }

    .user-details-container-details {
        font-size: 17px;
    }

    .user-details-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        display: none;
        padding-bottom: 20px;
    }

    .user-details-container-hide {
        display: none;
        float: right;
    }

    .user-details-container-ellipses:before {
        content: "\2026";
    }

    .employee-list-row-title-on-mobile {
        margin-bottom: 10px;
    }

    #summary-section {
        display: none;
        padding-bottom: 0;
    }

    #my-profile-card {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .icon-icon-direct-report-40x40 {
        left: -84px !important;
        top: -12px !important;
        position: relative !important;
    }

    /* User Profile: Biography */
    .biography-edit-button {
        margin: 20px 15px;
    }

    .biography-edit-button > button{
        width: 100%;
    }

    #bioText {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* User Profile Page - Sections button (tabs on desktop, dropdown on mobile) */
    .user-section-dropdown-mobile-container {
        padding: 10px 15px 15px 15px;
    }

    .user-section-dropdown-mobile-container button {
        width: 100%;
    }

    .user-section-dropdown-mobile-container .dropdown-menu {
        top: 49px;
        width: 100%;
        border-radius: 0;
    }

    .user-section-dropdown-mobile-container .dropdown-menu li > a {
        height: 44px;
        line-height: 39px;
        text-align: center;
        color: #428bca;
    }

    #sections-button {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        font-weight: bold;
    }

    /* User Profile page - Biography */
    #biography-container {
        padding: 0 15px 10px 15px;
    }

    #charCount {
        width: 100%;
        padding: 0 15px;
    }

    .biography-save-buttons-container {
        width: 100%;
        padding: 15px 15px 20px 15px !important;
    }

    .biography-save-buttons-container > button {
        width: calc(50% - 5px);
    }

    .biography-save-buttons-container > button:first-child {
        float: left;
    }

    .biography-save-buttons-container > button:last-child {
        float: right;
    }

    /* User profile - Trophies & Recommendations Received */
    .trophy-container,
    .user-recommendation-container {
        padding-top: 5px;
        padding-bottom: 15px;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 5px;
    }

    .trophy-list-container,
    .user-recommendation-list-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    #trophies-section-panel-body {
        margin-bottom: 25px;
    }

    .trophy-receiver-pic {
        width: 50px;
    }

    .trophy-interaction {
        width: calc(100% - 50px);
    }

    .recommendation-action-button .dropdown-menu li > a {
        height: 44px;
        line-height: 39px;
    }

    .recommendation-action-button .dropdown-menu {
        left: calc(-100% - 5px);
        width: calc(200% + 5px);
    }

    /* User profile - Recommendation */
    .user-recommendation-container {
        padding-top: 5px;
        padding-bottom: 15px;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 5px;
    }

    #recommendation-section {
        margin-bottom: 0;
    }

    .user-recommendation-list-container {
        padding-top: 10px;
    }

    .user-recommendation-profile-pic {
        float: left;
        width: 50px;
    }

    .user-recommendation-interaction {
        float: left;
        width:calc(100% - 100px);
    }

    .user-recommendation-badge {
        float: left;
        width: 100px;
        padding-left: 10px
    }

    .user-recommendation-badge > .image-picker-image {
        cursor: default;
    }

    .visible-mobile{
        display: inherit !important;
    }

    .login-container{
        width: 100% !important;
        height: 100%;
    }

    #login-box{
        vertical-align: bottom;
        width: auto;
        margin-left: 0px;
        margin-right: 0px;
    }
    .leave-dropdown-item {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

/** CSS Overwritten for Tablet Landscape view **/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 960px)
and (orientation : landscape) {

    /*Tablet Sizes for landscape*/
    /*Responsive Padding, Margins and Items for Tablet (Landscape)*/
    /*Left*/
    .tl-padding-left-0 {
        padding-left: 0px !important;
    }

    .tl-padding-left-15{
        padding-left: 15px !important;
    }

    .tl-padding-left-20{
        padding-left: 20px !important;
    }

    .tl-margin-left-0 {
        margin-left: 0px !important;
    }

    .tl-margin-left-10 {
        margin-left: 10px !important;
    }

    .tl-margin-left-15 {
        margin-left: 15px !important;
    }

    .tl-margin-left-25 {
        margin-left: 25px !important;
    }

    /*Right*/
    .tl-margin-right-0 {
        margin-right: 0px !important;
    }

    .tl-margin-right-10 {
        margin-right: 10px !important;
    }

    .tl-margin-right-15 {
        margin-right: 15px !important;
    }

    .tl-padding-right-0 {
        padding-right: 0px !important;
    }

    /*Top*/
    /*Negative (Pivot 0)*/
    .tl-margin-top-n5 {
        margin-top: -5px !important;
    }

    .tl-margin-top-n3 {
        margin-top: -3px !important;
    }

    .tl-margin-top-5 {
        margin-top: 5px !important;
    }

    .tl-margin-top-10 {
        margin-top: 10px !important;
    }

    .tl-margin-top-25 {
        margin-top: 25px !important;
    }

    /*Bottom*/
    .tl-margin-bottom-15 {
        margin-bottom: 15px !important;
    }

    .tl-margin-bottom-20 {
        margin-bottom: 20px !important;
    }

    /*Other*/
    .tl-shaved{
        width: calc(100% - 30px) !important;
    }

    .tl-gemini-left{
        width: calc(50% - 15px) !important;
    }

    .tl-gemini-right{
        width: calc(50% - 15px) !important;
    }

    .tl-pull-right{
        float: right !important;
    }

    .tl-width-auto{
        width: auto !important;
    }

    .tl-float-none{
        float: none !important;
    }

    .tl-break{
        width: 100% !important;
        display: inline-block !important;
        float: left !important;
    }

    .tl-break-child{
        width: auto !important;
        float: left !important;
    }

    .tl-list-group-item{
        padding: 25px 15px !important;
    }

    .tl-hidden{
        display: none !important;
    }

    .visible-mobile{
        display: inherit !important;
    }

    .activity-list-responsive div>a>div{
        margin-left: 10px;
    }

    .nav li.tab-responsive {
        border-bottom: 0 !important;
        margin-bottom: -2px !important;
    }

    .login-container{
        width:440px;
        height:100% !important;
    }

    .f2f-calendar-modal{
        width: auto !important;
    }
    .tl-employee-search-box{
        width: 97% !important;
        float: right !important;
    }
}

/** Fix for large android devices. **/
@media only screen
and (min-device-width : 961px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .tl-team-members-search-input {
        width: 62% !important;
    }
}

/** CSS Overwritten for Tablet Portrait view **/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) { /* TODO this is quite bad and we have to do some cancelling CSS to avoid these rules */
    /*Tablet Sizes for portrait*/
    /*Responsive Padding, Margins and Items for Tablet (Portrait)*/
    /*Left*/
    .tp-padding-left-15 {
        padding-left: 15px !important;
    }

    .tp-padding-left-20 {
        padding-left: 20px !important;
    }

    .tp-margin-left-0 {
        margin-left: 0px !important;
    }

    .tp-margin-left-5 {
        margin-left: 5px !important;
    }

    .tp-margin-left-10 {
        margin-left: 10px !important;
    }

    .tp-margin-left-15 {
        margin-left: 15px !important;
    }

    .tp-margin-left-50 {
        margin-left: 50px !important;
    }

    /*Right*/
    .tp-padding-right-15 {
        padding-right: 15px !important;
    }

    .tp-margin-right-10 {
        margin-right: 10px !important;
    }

    .tp-margin-right-15 {
        margin-right: 15px !important;
    }

    /*Top*/
    .tp-margin-top-0 {
        margin-top: 0px !important;
    }

    .tp-margin-top-5 {
        margin-top: 5px !important;
    }

    .tp-margin-top-10 {
        margin-top: 10px !important;
    }

    .tp-margin-top-25 {
        margin-top: 25px !important;
    }

    /*Bottom*/
    .tp-margin-bottom-15 {
        margin-bottom: 15px !important;
    }

    .tp-margin-bottom-20 {
        margin-bottom: 20px !important;
    }

    /*Other*/

    .tp-slider{
        width: 96%;
    }

    .tp-input-65{
        width: 65px !important;
    }

    .tp-shaved{
        width: calc(100% - 30px) !important;
    }

    .tp-pull-right{
        float: right !important;
    }

    .tp-strip-margin{
        margin: 0 !important;
    }

    .tp-break{
        width: 100% !important;
        display: inline-block !important;
        float: left !important;
    }

    .tp-break-right{
        width: 100% !important;
        display: inline-block !important;
        float: right !important;
        text-align: right;
    }

    .tp-break-child{
        width: auto !important;
        float: left !important;
    }

    .tp-list-group-item{
        padding: 25px 15px !important;
    }

    .tp-hidden{
        display: none !important;
    }

    .visible-mobile{
        display: inherit !important;
    }

    .nav li.tab-responsive {
        border-bottom: 0 !important;
        margin-bottom: -2px !important;
    }

    .login-container{
        width:440px;
        height:100% !important;
    }

    .activity-list-responsive div>a>div{
        margin-left: 10px;
    }

    .tp-sections-block{
        margin-left: 0px !important;
    }

    .tp-width-min-220{
        min-width: 220px;
    }

    .f2f-calendar-modal{
        width: auto !important;
    }

    .tp-pull-left{
        float:left !important;
    }
}

.gemini-container{
    width: auto;
}

.gemini-pull-left-xs {
    margin-right: 1px !important;
    float: left !important;
    width: calc(50% - 3px);
    height: 44px !important;
}

.gemini-pull-right-xs {
    margin-left: 1px !important;
    float: right !important;
    width: calc(50% - 3px);
    height: 44px !important;
}

/** Rewards **/
.reward-feed-description-truncate {
    text-overflow: ellipsis;
    max-width: 100%;
    max-height: 150px;
    overflow: hidden;
}

/** start: Due to the default popover h3 font-weight is normal, so we have to add this patch **/
.my-report-title .popover h3 {
    font-weight: bold;
}
/** end **/

/** pop up modal start **/
.modal-content {
    background: #ffffff;
    color: #000000;
}
/** pop up modal end **/

.html-editor-content img.image-resize-auto {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
/* gantt styles */

.gantt {
    font-size: 13px;
    line-height: 18px;
    position: relative;
    color: #333333;
    background: #ffffff;
}

.gantt * {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

/* optional title */
.gantt figcaption {
  position: absolute;
  top: 25px;
  left: 20px;
  font-size: 20px;
  color: white;
  text-transform: uppercase;
  letter-spacing: 4px;
}

.gantt-wrapper {
    overflow: hidden;
    overflow-x: auto;
}

/**
 * Headers
 */
.gantt table {
    width: 100%;
}

.gantt .gantt-months th {
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid #DDDDDD;
    min-width: 22px;
}

.gantt .gantt-months .fix-width {
    width: 30px;
    display: block;
}

.gantt .gantt-months th .gantt-label {
    font-size: 10px;
    position: relative;
    text-align: center;
    width: 100%;
}

.gantt-label-left {
    text-align: left !important;
}

.gantt .gantt-months th .gantt-label span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    overflow: visible;
}

.gantt .gantt-items th {
    min-width: 100px;
    width: 200px;
    border: 1px solid #DDDDDD;
    border-left: 0px;
    z-index: 2;
    text-align: left;
}

.gantt .gantt-items .gantt-items-label {
    padding-top: 2px;
    border-left: 1px solid #DDDDDD;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;    
    padding-left: 7px;
    height: 100%;
}

/**
 * Cells
 */
.gantt .gantt-items td {
    border-bottom: 1px solid #DDDDDD;
    height: 20px;
    background: url("/img/gantt_border.png") repeat-y right;
    line-height: 0;
}

.gantt .gantt-items .gantt-anchor {
    position: relative;
    width: 100%;
    height: 100%;
    overflow:visible;
}

/**
 * Blocks
 */
.gantt .gantt-items .gantt-block {
    position: absolute;
    z-index: 1;
    margin: 0px;
    border-radius: 3px;
    opacity: 0.9;
    height: 70%;
    top: 15%;
    min-width: 6px;
}


/**
 * Block Data
 */
#default .gantt-data {
  position: relative;
  margin-left: 125px;
  white-space: nowrap; }

#appraisal-workflow .gantt-data {
  position: relative;
  margin-left: 200px;
  white-space: nowrap; }


.gantt .gantt-items td.today {
  color: white;
}

.gantt-block-label {
  font-weight: normal;
  font-size: 11px;
  display: block;
  color: white;
  padding: 3px 10px; }


/**
 * Block Styles
 */
.gantt-block.phase-Planning {
    background: #268bd2;
    } 
.gantt-block.phase-InProgress {
    background: #5cb85c;
    } 
.gantt-block.phase-Finalise {
    background: #f0ad4e;
    } 
.gantt-block.phase-Complete {
    background: #d9534f;
    } 
    
@media print {
    .gantt-block.phase-Planning {
        background: #268bd2 !important;
        } 
    .gantt-block.phase-InProgress {
        background: #5cb85c !important;
        } 
    .gantt-block.phase-Finalise {
        background: #f0ad4e !important;
        } 
    .gantt-block.phase-Complete {
        background: #d9534f !important;
        } 
}

.gantt-block.important {
  background: #b58900; }

.gantt-block.urgent {
  background: #d33682; }

.gantt-block.defined {
  background: #C8C8C8; }

.gantt-block.definedT {
  background: #C8C8C8; } 
  
.gantt-block.active {
  background: #D9534F; } 

.gantt-block.activeT {
  background: #f1c0bf } 

.gantt-block.archived {
  background: #428BCA; }

.gantt-block.archivedT {
  background: #bad5ec } 

.gantt-block.Draft {
  background: #999999; 
}

.gantt-block.Planning {
  background: #428BCA; 
}

.gantt-block.Action {
  background: #5CB85C; 
}

.gantt-block.Scoring {
  background: #F0AD4E; 
}

.gantt-block.Multirater {
  background: #F0AD4E; 
}

.gantt-block.ManagerScoring {
  background: #F0AD4E; 
}
  
.gantt-block.Approval {
  background: #d9534f; 
}

.gantt-block.Archived {
  background: #d9534f; 
}

.gantt-block.edit {
    background: #428BCA; 
    cursor: pointer;
}
.seek-apply-btn {
    display: block;
    width: 230px;
    height: 45px;
    line-height: 45px;
    background: #e60278;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(64,64,64,0.5);
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    font-family: Helvetica, Arial;
}
.seek-apply-btn:hover {
    background: #fd0585;
    box-shadow: 0 1px 2px 0 rgba(64,64,64,0.4);
}
.seek-apply-btn:active {
    background: #cd026b;
    box-shadow: 0 1px 2px 0 rgba(64,64,64,0.7);
}
.seek-apply-btn__image {
    display: inline-block;
    height: 30px;
    width: 75px;
    margin: -1px 0 0 9px;
    vertical-align: middle;
    background: url(../seek/seek-apply-with-logo.svg) no-repeat;
    background-size: 100% 100%;
}

.seek-apply-btn__image_ie8 {
    background-image: url(../seek/seek-apply-with-logo.png)
}