/* Global - Reusable*/

::selection {
    background: #ccc;
}

::-moz-selection {
    background: #ccc;
}

/*Kendo dropdown fix: http://www.telerik.com/forums/q1%2714-release---popup-bug-in-firefox */

.k-ff {
    overflow: inherit !important;
}

/* End Kendo dropdown fix */

/* Rotate Arrow - Scorecard */
.rotate-arrow::before{
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); /* IE 9 */
    -webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
}

.button-disabled,
button[disabled],
button[disabled]:hover,
button[disabled]:focus,
.button-disabled:hover,
.button-disabled:focus,
.btn.disabled,
.btn[disabled],
.btn-primary.disabled,
.btn-primary[disabled],
.btn-secondary.disabled,
.btn-secondary[disabled] {
    color: #aaa;
    background: #F6F6F6;
    border-color: #e8e8e8;
    filter: none; /* to make ie9 work */
    cursor: not-allowed;
    opacity: 0.8;
}

#sidebar .secondary-action.disabled,
#sidebar .secondary-action[disabled] {
    background: transparent;
}
/*Targeting specifically the input in each item entry control*/
#sidebar .item-entry-control-input-container > input
{
    font-size: 11px;

}

#sidebar .button-disabled,
#sidebar button[disabled],
#sidebar button[disabled]:hover,
#sidebar button[disabled]:focus,
#sidebar .button-disabled:hover,
#sidebar .button-disabled:focus,
#sidebar .btn.disabled,
#sidebar .btn[disabled],
#sidebar .btn-primary.disabled,
#sidebar .btn-primary[disabled],
#sidebar .btn-secondary.disabled,
#sidebar .btn-secondary[disabled] {
    color: #aaa;
    background: #d8d8d8;
    border-color: #d8d8d8;
    filter: none; /* to make ie9 work */
    cursor: not-allowed;
    opacity: 0.6;
}

.toolbar-area {
    display: block;
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
}
.toolbar-area div {
    display: inline-block;
}

.message-area {
    display: block;
    width: 100%;
}

.logo-header {
    display: inline-block;
    float: left;
    height: 40px;
    overflow: hidden;
    position: relative;
    top: -1px;
}

.default-popover-header {
    border-radius: 4px 4px 0 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.default-popover-header > i {
    font-size: 14px;
    margin-right: 2px;
    text-indent: 10px;
}

/* LOGIN ELEMENTS*/

#content {
    background: #ffffff;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    -ms-box-shadow: 0 1px 0 #fff inset;
    -o-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    border: 1px solid #c4c6ca;
    margin: 0 auto;
    padding: 25px 0 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 400px;
}

    #content h1 {
        color: #9e9e9e;
        font: 20px Helvetica, Arial, sans-serif;
        letter-spacing: -0.05em;
        line-height: 20px;
        margin: 10px 0 30px;
        text-transform: uppercase;
    }

        #content h1:before,
        #content h1:after {
            content: "";
            height: 1px;
            position: absolute;
            top: 10px;
            width: 27%;
        }

        #content h1:after {
            background: rgb(126,126,126);
            background: -moz-linear-gradient(to left, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
            background: -webkit-linear-gradient(to left, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(to left, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
            background: -ms-linear-gradient(to left, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
            background: linear-gradient(to left, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
            right: 0;
        }

        #content h1:before {
            background: rgb(126,126,126);
            background: -moz-linear-gradient(to right, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
            background: -webkit-linear-gradient(to right, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(to right, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
            background: -ms-linear-gradient(to right, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
            background: linear-gradient(to right, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
            left: 0;
        }

    #content:after {
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        -o-transform: rotate(2deg);
        transform: rotate(2deg);
        top: 0;
        z-index: -1;
    }

    #content:before {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
        top: 0;
        z-index: -2;
    }

    #content form {
        margin: 0 20px;
        position: relative;
    }

        #content form input[type="submit"] {
            background: #bfd255;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZDI1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhlYjkyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzcyYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZWNiMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d));
            background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
            background: -o-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
            background: -ms-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
            background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            -ms-border-radius: 30px;
            -o-border-radius: 30px;
            border-radius: 30px;
            -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
            -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
            -ms-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
            -o-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
            box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
            border: 1px solid #99cc33;
            color: #fff;
            cursor: pointer;
            float: left;
            font: bold 15px Helvetica, Arial, sans-serif;
            height: 35px;
            margin: 20px 0 35px 15px;
            position: relative;
            text-shadow: 0 1px 0 rgba(255,255,255,0.0);
            width: 120px;
            left: 110px;
            background-color: #99cc33;
        }

            #content form input[type="submit"]:hover {
                background: #9dd53a;
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ExZDU0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwYzIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2JjMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a));
                background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
                background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
                background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
                background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 );
            }

#contentAbout, #contentError {
    background: #ffffff;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    -ms-box-shadow: 0 1px 0 #fff inset;
    -o-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    border: 1px solid #c4c6ca;
    margin: 0 auto;
    position: relative;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    width: 700px;
    display: table;
    padding: 20px 50px 50px;
}

    #contentAbout h1 {
        color: #99cc33;
        font: 25px Helvetica, Arial, sans-serif;
        line-height: 20px;
        margin: 10px 0 20px;
        text-transform: uppercase;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

    #contentAbout h2 {
        color: #99cc33;
        font: 17px Helvetica, Arial, sans-serif;
        line-height: 20px;
        margin: 10px 0 20px;
        text-transform: uppercase;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
    }

    #contentAbout h3 {
        color: #121212;
        font: bold 15px/20px Helvetica, Arial, sans-serif;
        letter-spacing: -0.05em;
        margin: 10px 0 5px;
    }

    #contentAbout a {
        color: #999;
        font: 15px Helvetica, Arial, sans-serif;
        letter-spacing: -0.05em;
        line-height: 20px;
        margin: 10px 0 10px;
    }

    #contentAbout p {
        margin: 5px 0 20px;
    }

        #contentAbout p span {
            margin: 5px 0 20px;
            font-size: 11px;
        }

    #contentAbout img {
        float: right;
    }

    #contentAbout .span3 {
        float: left;
    }

    #contentAbout .span4 {
        float: left;
    }

    #contentAbout .span6 {
        float: left;
    }

    #contentAbout .span9 {
        float: left;
    }

div.login-footer {
    display: table;
    vertical-align: middle;
    width: 100%;
    padding: 15px 0;
}

    div.login-footer button {
        float: none;
        margin: 0;
    }

/* TABLE STYLES*/


.accordion {
    margin-bottom: 20px;
}

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
}

.accordion-heading {
    border-bottom: 0;
}

    .accordion-heading .accordion-toggle {
        display: block;
        padding: 8px 15px;
    }

.accordion-toggle {
    cursor: pointer;
}

.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5;
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

    .collapse.in {
        height: auto;
    }
/* HEADER */

.header {
    background-color: #2a2a2a;
    display: block;
    float: left;
    width: 100%;
}

    .header img {
        float: left;
        margin: 0 0 0 40px;
    }

#body {
    background: #fff;
    padding: 20px;
    margin: 0 40px 40px 40px;
    clear: both;
}

.subtitle {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
}

.site-title {
    color: #535353;
    float: left;
    font: 25px/20px Helvetica,Arial,sans-serif;
    margin: 15px 40px;
}



.body-header {
    float: left;
    width: 100%;
}

#body h2 {
    font-size: 18px;
    float: left;
    margin-bottom: 5px;
}

.action {
    float: right;
    margin-bottom: 20px;
}

.right-action {
    float: right;
    margin: 20px 40px 0 0;
}

    .right-action li {
        padding: 0;
    }

.footer-inner {
    color: #9D9C9B;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 10px;
    padding: 0;
    text-align: center;
    margin-bottom: 40px;
}

/* WFO Global Dialog */

    .dialog-body-settings {
        height: calc(100% - 89px);
        min-height: calc(100% - 89px);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

/* End WFO Global Dialog*/

/* tables */

table {
    border-collapse: collapse;
    border: solid 0px #ccc;
    font-size: 12px;
}

    table.index {
        width: 100%;
        clear: both;
        margin-top: 5px;
    }

    /* Aspect HTML Table styles*/
    table.aspect-grid {
        border-collapse: separate;
        font-size: 12px;
        width: 100%;
        clear: both;
        margin-top: 5px;
        background: #fff;
    }

.aspect-grid td,
.aspect-grid th {
    padding: 6px;
}

td {
    border-left: solid 1px #ddd;
}

th {
    background: #535353;
    color: #fff;
    text-align: left;
    border: solid 1px #333;
    border-bottom: none;
    font-size: 12px;
}

.table-cell-positioning-wrapper {
    position:relative;
    width: calc(100% - 30px);
}

.table-cell-positioning-wrapper .ellipsed {
    display: inline-block;
    line-height: normal;
    position: relative;
    top: 4px;
    width: calc(100% - 90px);
}

.calendar-table th{
    border: solid 1px #333;
}
.grid-no-data-schedule-editor,
.grid-no-data {
    height: 100%;
}

.schedule-control-no-data,
.grid-no-data-schedule-editor,
.grid-no-data
{
    background-color: #f7f7f7;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 2.4em;
}

.grid-no-data {
    width: 100%;
    color: #666;
}

.grid-no-data-agenda
{
    margin-bottom: 15px;
    margin-left: 1px;
    margin-top: 15px;
}

/* attempt at (somewhat) generic grid-no-data message */
.k-grid tr.grid-no-data-row,
.grid-no-data-row {
    margin: 0;
    padding: 0;
    border: 0;
}

.k-grid td.grid-no-data-column,
.grid-no-data-column {
    margin: 0;
    padding: 0;
    border: 0;
}

.schedule-control-no-data,
.grid-no-data-schedule-editor {
    position: relative;
    background:none;/* we want all the stuff from the class shared with the grid no-data style, but we don't want the background*/
}

.tabstrip-no-data {
    font-size: 14px;
    font-weight: 700;
    height: 100%;
    line-height: 2.4em;
    text-align: center;
}

.aspect-grid th:first-child,
.aspect-grid td:first-child {
    border-left-width: 0;
}

.aspect-grid td {
    border-left: solid 1px #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.aspect-grid th {
    background: #666;
    color: #fff;
    text-align: left;
    border: none;
    border-bottom: none;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    padding: 0.5em 0.6em 0.4em;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-left: 1px solid #474747;
    vertical-align: middle;
}

a.aspect-grid-button:link,
a.aspect-grid-button:visited {
    background: none repeat scroll 0 0 #ebebeb;
    border: 1px solid #D9D9D9;
    border-radius: 4px 4px 4px 4px;
    color: #0094cc;
    cursor: pointer;
    font-weight: 700;
    margin: 0 2px 0;
    padding: 4px 10px;
    width: auto;
}

a.aspect-grid-button:hover,
a.aspect-grid-button:active,
a.aspect-grid-button:focus {
    background: none repeat scroll 0 0 #00ADEF;
    border: 1px solid #00ADEF;
    border-radius: 4px 4px 4px 4px;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    margin: 0 2px 0;
    padding: 4px 10px;
    width: auto;
    text-decoration: none;
}

a.panelbar-accessibility:link,
a.panelbar-accessibility:visited {
    color: #fff;
}


/* End Aspect HTML Grid */

/* forms  */

input[type="text"]:hover,
input[type="textarea"]:hover,
input[type="number"]:hover,
input[type="color"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="email"]:hover,
input[type="month"]:hover,
input[type="range"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
input[type="week"]:hover,
input[type="text"]:focus,
input[type="textarea"]:focus,
input[type="number"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="range"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
select:hover,
select:focus
textarea:hover {
    border-color: #00ADEF;
    outline: none;
}

body input[disabled]:hover, select[disabled]:hover, textarea[disabled]:hover, input[readonly]:hover,
body input[disabled], select[disabled], textarea[disabled] ,
select[readonly]:hover{
    border-color:#ccc;
    background:#eee;
}
.input-disabled input.item-entry-input-hover[type="text"]{
    border-color:#ccc;
}

input[type="checkbox"][disabled] {
    opacity: 0.8;
    cursor: not-allowed;
}

fieldset {
    float: left;
}

    /* Start small form in a dialog */

fieldset.compact-form,
#cancelRequestDialog .compact-form {
        float: none;
        background: none repeat scroll 0 0 #F5F5F5;
        border: 1px solid #CCCCCC;
        border-radius: 4px 4px 4px 4px;
        min-width: 240px;
        padding: 15px;
        transition: all 1s;
        text-align: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

fieldset.compact-form:not(:last-of-type) {
    margin-bottom: 15px;
}

.compact-form ul {
    margin: 0;
}

.compact-form ul li {
    margin-bottom: 10px;
}

.compact-form li:last-of-type {
    margin-bottom: 5px;
}

.btn-choice {
    width: 146px;
    height: 30px;
    display: block;
}

        .compact-form ul li label {
            margin-top: 0;
            width: 100%;
            display: block;
        }
        .compact-form ul li label.affected-dates-label{
            display:inline;
        }
        .compact-form ul li span.affected-dates-label{
            line-height:23px;
        }
        .compact-form ul li input:not([type="checkbox"]),
        .compact-form ul li textarea,
        .compact-form ul li select {
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .compact-form ul li input:not([type="checkbox"]) {
             line-height:100%;
             height: 26px;
        }

        .compact-form ul.multiday-picker li input{
            width:20%;
        }
        .compact-form ul li .k-widget input,
        .compact-form ul li .k-widget textarea,
        .compact-form ul li .k-widget select {
            width: 100%;
            height: inherit;
        }

        .compact-form ul li textarea {
            height: 100px;
        }

        .compact-form label input[type=checkbox] {
        border: none;
        padding: 0;
        margin: auto;
        font-size: medium;
        width: 1em;
        height: 1em;
        margin-left: 5px;
    }

fieldset.compact-form > h3 {
        margin: -15px 0 10px -15px;
        width: calc(100% + 30px);
        font-size: 14px;
        border-bottom: solid 1px #e5e5e5;
        text-indent: 15px;
        line-height: 30px;
}

/* End small form in a dialog */

textarea:hover {
    border-color: #00ADEF;
}

/* Large forms */

.full-page-form,
.full-width-form {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 15px;
    width: 100%;
    margin-bottom: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.form-grid-wrapper {
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
    border: solid 1px #ccc;
}

/*End Large forms*/

/* Start simple Form with Columns*/

.form-with-cols {
    width: 100%;
}

.form-with-cols fieldset{
    float: left;
    margin: 0 15px 0 0;
    width: 30%;
}

.form-with-cols ul{
    float: left;
    margin: 0 15px 0 0;
}

.form-with-cols li{
    float: left;
    margin: 0 15px 0 0;
}

.form-with-cols label {
    display: block;
}

.form-with-cols input {
    width: 100%;
}

/* End simple Form with Columns*/

.field-inline-warning {
    color: #FF9530;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-left: 5px;
    vertical-align: middle;
    font-size: 14px;
}

/* X button in a dialog*/

.exit-dialog,
.aspect-dialog-close,
.filter-dialog-close {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    font-size: 14px;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.5;
    line-height: 48px;
}

    .exit-dialog:hover,
    .exit-dialog:focus,
    .exit-dialog:active,
    .aspect-dialog-close:hover,
    .aspect-dialog-close:focus,
    .aspect-dialog-close:active,
    .filter-dialog-close:hover,
    .filter-dialog-close:focus,
    .filter-dialog-close:active {
        opacity: 1;
    }

/* end X button in a dialog*/

input,
textarea {
    border-radius: 4px;
    background: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border: solid 1px #c5c5c5;
    margin: 0 10px 0 0;
}
.two-col-layout-small-col textarea {
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    padding: 5px 10px;
    margin: 0;
}

textarea::-webkit-input-placeholder {
   padding-left:1px;
}

textarea:-ms-input-placeholder {
   padding-left:8px;
}
.compact-form .input-disabled {
    padding: 0;
    padding-left: 6px;
}
    input:not([type]),
    input:not([type]):disabled {
        min-height: 26px;
        padding: 0 6px;
    }

    input[type=checkbox] {
        border: none;
        padding: 0;
        margin: auto;
        font-size: medium;
        width: 1em;
        height: 1em;
    }

    input.input-validation-error {
        border: solid 1px #cc0000;
        color: #cc0000;
    }

select.input-validation-error {
    border: solid 1px #cc0000;
    color: #cc0000;
}

label {
    font-weight: bold;
    font-size: 13px;
    margin: 10px 0 5px;
    display: inline-block;
}

.titleramp label {
    margin: 0px;
    font-size: 14px;
    cursor: default;
}

.multipleArea label,
.areaTree label {
    font-weight: normal;
    font-size: 12px;
    margin: 0;
}

select.multipleArea{
    font-size:12px
}

legend {
    font-weight: 700;
    font-size: 15px;
}

.editor-label {
    padding: 15px 0 5px 0;
}

.required-icon,
.field-validation-error {
    color: #cc0000;
}

button {
    background: #00ADEF;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: 700;
    cursor: pointer;
    width: auto;
    border: none;
    margin: 0 0 0 10px;
    position: relative;
    float: right;
}
body .k-filter-menu .k-button + .k-button{
    margin-right:10px;
}
    button.secondary-action,
    .k-filter-menu .k-button[type="reset"] {
        background: transparent;
        color: #00ADEF;
        font-weight: 400;
        border: 0;
    }
    .agenda-day-action-buttons-wrapper a.secondary-action {
        color:#00ADEF;
    }
    .agenda-day-action-buttons-wrapper a.secondary-action:hover{
          color:#206CA8 ;
    }
   .agenda-day-action-buttons-wrapper .icon-trash{
       color:#00ADEF;
       font-size:14px;
   }
    /* focus status for button start*/
    button:hover,
    button:focus {
        background: #009cd8;
    }
    /*button:hover,button:focus
     {
        background: #206CA8;
    }
    button:focus{
        -webkit-box-shadow: inset 0 0 0 1px #00ADEF;
        box-shadow: inset 0 0 0 1px #00ADEF;
    }*/
    /* focus status for button Ends*/

    button.negativeAction {
        background: #c4c6ca;
        color: #fff;
    }


        button.negativeAction:hover {
            background: #888;
        }

#sidebar button,
.window-start-end-date button {
    margin-top: 10px;
}

#sidebar .action-buttons button,
#sidebar .cartButtons button {
    margin: 0;
}

:focus,
input:focus,
select:focus,
textarea:focus,
button:focus,
a:focus,
.k-input:focus {
    outline: none;
}

#module-title {
    padding-bottom: 10px;
    background-color: #ffffff;
}

#schedule-editor-toolbar {
    padding: 11px 15px 10px 15px;
}

.sidebar-header-container {
    width: 265px;
}

.sidebar-header {
    color: #121212;
    font-size: 17px;
    font-weight: normal;
    line-height: 45px;
    margin: 0;
    position: relative;
    text-indent: 15px;
    text-transform: uppercase;
}

#mainArea h1,
.bodyArea h3, #info .h1 {
    border-bottom: 1px solid #EFEFEF;
    color: #121212;
    font-size: 17px;
    font-weight: 700;
    line-height: 45px;
    margin: 0;
    position: relative;
    text-indent: 15px;
    text-transform: uppercase;
}

.title-container-sub-title-sep {
    color:limegreen;
}

.title-container-sub-title-text {
    font-size: 13px;
    color:#121212;
}

.fixed-height {
   height: 607px;
}

#blockContentContainer.fixed-height {

   height:577px;
}


.bodyArea h3 {
    text-indent: 0;
}

#module-title #summaryDateFrom {
    font-size: 16px;
    color: #000;
    font-weight: 700;
}

.summary-time-zone {
    font-size: 11px;
    color: #878585;
    font-weight: 400;
    float: right;
    clear: both;
}

.module-info-bottom {
    float: right;
    line-height: 0.3em;
    position: absolute;
    text-align: center;
    top: 670px;
    left: 35%;
}

.module-info,
.titleramp h4 {
    line-height: 1.2em;
    min-height: 1.2em;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #666;
    font-weight: 700;
}

.module-info-compact {
    color: #666666;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 15px;
    text-align: left;
    width: 302px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.module-info-normal {
    font-weight: normal;
}

.toolbar-state-selector {
    padding: 0 0px;
    float: right;
}

.fullscreen {
    width: 100%;
    margin-top: 0;
}

.group:after {
    content: "";
    display: table;
    clear: both;
}

body {
    background: #e7e7e7;
}

header {
    background: #000;
    margin: 0 0 26px 0;
}

.header-img {
    background: url(../images/aspect-logo-white.png) no-repeat 0 0;
    margin: 0 auto;
    height: 73px;
    width: 95%;
}

#module {
    background: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
}

#sidebar {
    background: none repeat scroll 0 0 #EFEFEF;
    border-left: 3px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    -webkit-box-shadow: -1px 0 0 #DADADA;
    box-shadow: -1px 0 0 #DADADA;
    float: right;
    height: 608px;
    padding: 0;
    position: relative;
    z-index: 500;
}

#schedule-trades-bulletin-board-add .wfm-invalid-input .multi-checkbox-dropdown-summary,
#schedule-trades-bulletin-board-add .wfm-invalid-input .multi-checkbox-dropdown-caret,
#sidebar .wfm-invalid-input .multi-checkbox-dropdown-summary,
#sidebar .wfm-invalid-input .multi-checkbox-dropdown-caret
{
    border: solid 1px #CC0000;
    outline-color: #CC0000;
}

    #schedule-trades-bulletin-board-add .wfm-invalid-input .multi-checkbox-dropdown-summary:focus,
    #sidebar .wfm-invalid-input .multi-checkbox-dropdown-summary:focus
    {
        box-shadow: 0 1px 1px rgba(202, 0, 0, 0.075) inset, 0 0 8px rgba(202, 0, 0, 0.6);
    }

    #schedule-trades-bulletin-board-add .wfm-invalid-input .multi-checkbox-dropdown-caret:focus,
    #sidebar .wfm-invalid-input .multi-checkbox-dropdown-caret:focus
    {
        box-shadow: 0 1px 1px rgba(202, 0, 0, 0.075) inset, 0 0 8px rgba(202, 0, 0, 0.6);
    }

#schedule-trades-bulletin-board-add .wfm-invalid-input .multi-checkbox-dropdown-caret,
#sidebar .wfm-invalid-input .multi-checkbox-dropdown-caret {
    border: solid 1px #CC0000;
    border-left: solid 1px #CC0000;
    border-radius: 0 3px 3px 0;
    display: block;
    height: 26px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 22px;
    background: url("KendoUI/Default/sprite-invert.png") 3px -333px no-repeat #cc0000;
}

#sidebar .wfm-invalid-input .multi-checkbox-dropdown-summary-focus,
#sidebar .wfm-invalid-input .add-edit-action-segment-memo,
#sidebar .wfm-invalid-input .add-edit-action-segment-memo:focus,
#sidebar .wfm-invalid-input .add-edit-action-segment-memo:hover,
#sidebar .wfm-invalid-input .dropdown-toggle:focus .multi-checkbox-dropdown-caret,
#sidebar .wfm-invalid-input .multiday-picker:focus .multi-checkbox-dropdown-summary,
#sidebar .wfm-invalid-input .multiday-picker:focus .multi-checkbox-dropdown-caret,
#sidebar .wfm-invalid-input .multiday-picker:hover .multi-checkbox-dropdown-summary,
#sidebar .wfm-invalid-input .multiday-picker:hover .multi-checkbox-dropdown-caret,

#schedule-trades-bulletin-board-add .wfm-invalid-input .multi-checkbox-dropdown-summary-focus,
#schedule-trades-bulletin-board-add .wfm-invalid-input .dropdown-toggle:focus .multi-checkbox-dropdown-caret,
#schedule-trades-bulletin-board-add .wfm-invalid-input .multiday-picker:focus .multi-checkbox-dropdown-summary,
#schedule-trades-bulletin-board-add .wfm-invalid-input .multiday-picker:focus .multi-checkbox-dropdown-caret,
#schedule-trades-bulletin-board-add .wfm-invalid-input .multiday-picker:hover .multi-checkbox-dropdown-summary,
#schedule-trades-bulletin-board-add .wfm-invalid-input .multiday-picker:hover .multi-checkbox-dropdown-caret
 {
    border-color: #CC0000;
    box-shadow: 0 1px 1px rgba(202, 0, 0, 0.075) inset, 0 0 8px rgba(202, 0, 0, 0.6);
}

#schedule-trades-bulletin-board-add .wfm-invalid-input .multi-checkbox-dropdown-caret-parent .dropdown-toggle,
#sidebar .wfm-invalid-input .multi-checkbox-dropdown-caret-parent .dropdown-toggle {
    color: #ca0000;
    background-color: #EFEFEF;
    z-index:1000;
}
#schedule-trades-bulletin-board-add .wfm-invalid-input .multi-checkbox-dropdown-caret:hover,
#sidebar .wfm-invalid-input .multi-checkbox-dropdown-caret:hover
{
    border-color: #cc0000;
    background: url("KendoUI/Default/sprite-invert.png") 3px -333px no-repeat #cc0000;
}

.sidebar-schedule-editor {
    margin-right: 25px;
}

.sidebar-inner {
    padding: 0 10px;
}

.mainArea {
    padding: 0;
    background: #ffffff;
}

#mainArea {
    border: 1px solid #DADADA;
}

.scheduleEditormianArea{
    float: left;
    width: calc(100% - 255px) !important;

}
.mainAreaFixedHeight {
    height: 607px;
}

.mainArea-full-width {
    width: calc(100% - 2px) !important;
}

.bodyArea {
    padding: 15px 15px 25px;
    min-height: 650px;
}

.bodyArea.wfo-dashboard{
    padding: 15px 15px 25px;
    min-height: 0;
}


#mainContentScheduleEditor,
#mainContent {
    width: auto;
}

#mainContentScheduleEditor {
    background-color: #F2F2F2;
    box-shadow: inset #FFFFFF 0px 81px 0px 0px;
    -webkit-box-shadow: inset #FFFFFF 0px 81px 0px 0px;
    -moz-box-shadow: inset #FFFFFF 0px 81px 0px 0px;
}

#mainContent {
    padding: 26px 15px 15px 15px;
}

.sub-header-img {
    background: url(../images/WFO/fake-sub-header.png) no-repeat 0 0;
    margin: 0 auto;
    height: 62px;
    width: 643px;
    position: relative;
    top: -10px;
    left: -10px;
}

#sidebarContent {
    border: 1px solid rgb(204, 204, 204);
    z-index: 2;
}


.filterFormContainer {
    margin: 0 auto;
    position: relative;
    padding: 0 5px;
}

.groupFieldError {
    display: block;
    font-size: 12px;
    margin: -3px 0 5px;
    right: 0;
}



/* Kendo Update Multiple Balances*/


/*Used in grid to show update/updating/warning row and header icons in WFM*/
button.update_WFM,
button.updating_WFM,
button.updateHeader_WFM,
button.warningHeader_WFM,
button.updatingHeader_WFM,
button.warning_WFM {
    background-image: url(../Images/Update.png); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 0px 0px; /* equivalent to 'top left' */
    border: none; /* assuming we don't want any borders */
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 16px; /* make this the size of your image */
    width: 16px; /* make this the size of your image */
    /*padding-left: 12px;*/ /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
    margin: 0;
    display: block;
}

button.warning_WFM {
    background-image: url(../Images/Warning.png); /* 16px x 16px */
}

button.updating_WFM {
    background-image: url(../Images/Updating.gif); /* 16px x 16px */
    cursor: not-allowed; /* make the cursor like hovering over an <a> element */
}

button.updateHeader_WFM {
    background-image: url(../Images/UpdateHeader.png); /* 16px x 16px */
}

button.warningHeader_WFM {
    background-image: url(../Images/Warning.png); /* 16px x 16px */
}

button.updatingHeader_WFM {
    background-image: url(../Images/UpdatingHeader.gif); /* 16px x 16px */
    cursor: not-allowed; /* make the cursor like hovering over an <a> element */
}
/*End of update/updating/warning row and header icons */

/* Toolbar Elements */

/* Located in scorecard */
.toolbar-area .default-popover-menu li a {
    float: none;
    padding-left: 0px;
    display: inline-block;
    text-align: left;
    width: 100%;
}

.toolbar-area .groupby-nav {
    float: right;
}

.toolbar-area .groupby-nav .toolbar-button {
    line-height: 28px;
    margin: 0;
}

.toolbar-area .groupby-nav .toolbar-button.pill-selected,
.toolbar-area .groupby-nav .toolbar-button.pill-selected:hover {
	border: 1px solid #E6E6E6;
    border-right: none;
	color:#000000;
	background-color:#FFFFFF;
}

.toolbar-area .groupby-nav .toolbar-button.team-agent.pill-selected {
    border-right: solid 1px #e6e6e6;
}

/*.toolbar-area .groupby-nav .toolbar-button.pill-selected:after {
    content: "\f00c";
    font-family: 'fontAwesome';
    color: #94D60A;
}*/

.toolbar-area .groupby-nav .toolbar-button:hover {
    border-color: #00ADEF;
    background: #00ADEF;
    color: #fff;
    text-decoration: none;
}

.toolbar-area .groupby-nav .toolbar-button.metric {
    border-radius: 4px 0 0 4px;
    padding: 0 8px;
    cursor: pointer;
    position: relative;
    display: block;
    float: left;
    border-right: none;
}

.toolbar-area .groupby-nav .toolbar-button.team-agent {
    border-radius: 0 4px 4px 0;
    padding: 0 8px;
    cursor: pointer;
    position: relative;
}

.toolbar-area .groupby-nav .toolbar-button.team-agent i {
    font-size: 17px;
    position: relative;
    top: 3px;
}

.toolbar-area .groupby-nav > .active {
    color: #999999;
}
/* Located in scorecard-End */


#scorecard .grid-toolbar-area {
    display: inline;
    float: left;
    color: black;
    line-height: 20px;
    height: 0px;
    margin-bottom: 0px;
    width: 90%;
}

.grid-toolbar-area .data-views-filter {
    border-radius: 4px;
    padding: 0;
    cursor: pointer;
    color: #00ADEF;
    border: solid 1px #d9d9d9;
    background: #f6f6f6;
    filter: none;
    display: inline-block;
    font-size: 14px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    left: 42px;
    position: relative;
}

.data-views-filter i {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.data-view-name-header {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    position: relative;
    top: -4px;
    left: 45px;
}

.scorecard-grid-container {
    position: relative;
}

#scorecard .drillhistory-toolbar-area .drillup,
#scorecard .drillhistory-toolbar-area .drillhistory {
    border: solid 1px #8d8d8d;
    background: none;
    font-size: 14px;
    padding: 3px 0;
    line-height: 20px;
    color: white;
}

#scorecard .drillhistory-toolbar-area .drillup:hover,
#scorecard .drillhistory-toolbar-area .drillhistory:hover,
#scorecard .drillhistory-toolbar-area .drillup:focus,
#scorecard .drillhistory-toolbar-area .drillhistory:focus {
    background: #00ADEF;
    color: #fff;
    text-decoration: none;
}

.grid-toolbar-area .data-views-filter:hover,
.grid-toolbar-area .data-views-filter:focus {
    background: #00ADEF;
    color: #fff;
    border: solid 1px #00adef;
    text-decoration: none;
}

#scorecard .drillhistory-toolbar-area .drillup:hover,
#scorecard .drillhistory-toolbar-area .drillhistory:hover {
    border-color: #00ADEF;
}

#scorecard .drillhistory-toolbar-area .drillup {
    border-radius: 4px 0 0 4px;
    padding: 0 1px;
    cursor: pointer;
    border-right: 1px;
    position: relative;
    margin-right: -4px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
}

#scorecard .drillhistory-toolbar-area .drillup i,
#scorecard .drillhistory-toolbar-area .drillhistory i {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#scorecard .drillhistory-toolbar-area .drillup i {
    left: calc(50% - 1px);
}

#scorecard .drillhistory-toolbar-area .drillup:hover,
#scorecard .drillhistory-toolbar-area .drillup:active,
#scorecard .drillhistory-toolbar-area .drillup:focus,
#scorecard .drillhistory-toolbar-area .drillhistory:hover,
#scorecard .drillhistory-toolbar-area .drillhistory:active,
#scorecard .drillhistory-toolbar-area .drillhistory:focus {
    text-decoration: none;
}

#scorecard .drillhistory-toolbar-area .drillhistory {
    border-radius: 0 4px 4px 0;
    padding: 0 4px;
    cursor: pointer;
    border-left: 0;
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 20px;
}

#scorecard .drillhistory-toolbar-area .drillup.disable-button,
#scorecard .drillhistory-toolbar-area .drillhistory.disable-button
 {
    color: #999;
    border-color: #999;
    background: #666;
    cursor: not-allowed;
}

.toolbar-area .groupby-nav .toolbar-button.disable-button:not(.pill-selected),
.toolbar-area .groupby-nav .toolbar-button.disable-button:hover:not(.pill-selected) {
    color: #ccc;
    border-color: #d9d9d9;
    background: #F6F6F6;
    filter: none;
    cursor: not-allowed;
 }

#scorecard .drillhistory-toolbar-area {
    left: 5px;
    position: absolute;
    top: 5px;
    z-index: 10;
}

#scorecard .scorecard-first-column {
    text-indent: 5px;
    font-weight:bold;
    font-size: 14px;
    padding: 5px;
}

/*Start Inline Date Navigator*/

.aspect-wfo-datenavigator {
    display: inline;
    float: left;
    color: #00ADEF;
    line-height: 20px;
}
.aspect-wfo-datenavigator .datenavigator-next{
    position: relative;
}
.toolbar-button,
.datenavigator-previous,
.k-picker-wrap .datenavigator-datepicker,
.k-picker-wrap .datenavigator-datepicker.k-input,
.datenavigator-next,
.datenavigator-today {
    border: solid 1px #d9d9d9;
    background: #f6f6f6;
    display: inline-block;
    font-size: 14px;
    padding: 3px 0;
}

.col-for-tabstrip .toolbar-button,
.toolbar-button-white{
    background: #fff;
}

.toolbar-button-inverse {
    border: solid 1px #3c3c3c;
    background: #2c2c2c; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #2c2c2c 0%, #3c3c3c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2c2c2c 0%, #3c3c3c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2c2c2c 0%, #3c3c3c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2c2c2c 0%, #3c3c3c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2c2c2c 0%, #3c3c3c 100%); /* W3C */
    filter: none; /* to make ie9 work */
    display: inline-block;
    font-size: 14px;
    padding: 3px 0;
    float: right;
}

.k-datepicker .k-state-border-down .datenavigator-datepicker {
    border-radius: 4px;
}

.datenavigator-datepicker i {
    margin-left: 12px;
    position: absolute;
    right: 8px;
    top: 5px;
    color: #00ADEF;
}

.toolbar-button:hover,
.col-for-tabstrip .toolbar-button:hover,
.toolbar-button-inverse:hover,
.toolbar-button-left:hover,
.toolbar-button-right:hover,
.datenavigator-previous:hover,
.datenavigator-datepicker:hover,
.k-input.datenavigator-datepicker:hover,
.datenavigator-next:hover,
.datenavigator-today:hover,
.toolbar-button:focus,
.toolbar-button-inverse:focus,
.toolbar-button-left:focus,
.toolbar-button-right:focus,
.datenavigator-previous:focus,
.datenavigator-datepicker:focus,
.k-input.datenavigator-datepicker:focus,
.datenavigator-next:focus,
.datenavigator-today:focus
 {
    border-color: #00ADEF;
    background: #00ADEF;
    color: #fff;
    text-decoration: none;
}

.toolbar-button:focus,
.toolbar-button-inverse:focus,
.toolbar-button-left:focus,
.toolbar-button-right:focus,
.datenavigator-previous:focus,
.datenavigator-datepicker:focus,
.k-state-focused .k-input.datenavigator-datepicker,
.k-input.datenavigator-datepicker:focus,
.datenavigator-next:focus,
.datenavigator-today:focus,
.drillup:focus,
.drillhistory:focus
{
    border-color: #206CA8;
    background: #00ADEF;
    color: #fff;
    text-decoration: none;
}

button.secondary-action:hover,
button.secondary-action:focus,
.k-filter-menu .k-button[type="reset"]:hover,
.k-filter-menu .k-button[type="reset"]:focus {
    background: transparent;
    color: #0094cc;
    font-weight: 400;
    text-decoration: underline;
    box-shadow: none;
}

.toolbar-button:focus,
.toolbar-button-inverse:focus,
.toolbar-button-left:focus,
.toolbar-button-right:focus{
    border-color: #206CA8;
    background: #00adef;
}

.btn-link:focus,
.btn-primary:focus,
button.secondary-action:focus,
.k-filter-menu .k-button[type="reset"]:focus,
.btn-primary:focus
    {
    -webkit-box-shadow: inset 0 0 0 1px #00ADEF;
    box-shadow: inset 0 0 0 1px #00ADEF;
    text-decoration:none;
    outline:none;

}

/* radio buttons in filter */
.k-filter-menu.k-secondary input[type="radio"] {
    margin-right: 4px;
    position: relative;
    top: -3px;
}

.k-filter-menu.k-secondary label {
    margin: 15px 15px 15px 0;
}

.btn-primary:focus
    {
        background: #206CA8;
    }
.k-state-hover .datenavigator-datepicker i,
.k-state-focused .datenavigator-datepicker i {
    color: #fff;
}

.toolbar-button-first,
.toolbar-button-last,
.toolbar-button-left,
.toolbar-button-right,
.toolbar-button-inverse-first {
    border-radius: 4px;
    padding: 3px 6px;
    cursor: pointer;
    color: #00ADEF;
}

.toolbar-button-last {
    margin-right: 3px;
}
.toolbar-button-left {
    float: left;
}

.toolbar-button-right {
    float: right;
}

.toolbar-dropdown {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    position: relative;
    top: -2px;
    margin: 0 6px 0 0;

}

    .toolbar-dropdown label {
        margin: 0 0 0 6px;
        padding: 0;
        position: relative;
        top: 2px;
    }

    .toolbar-dropdown select {
        border-radius: 4px;
        height: 28px;
        margin: 0 -1px -2px 5px;
        position: relative;
        top: -1px;
        padding: 4px;
    }

.datenavigator-previous {
    border-radius: 4px 0 0 4px;
    padding: 3px 6px;
    cursor: pointer;
    border-right: 0;
    position: relative;
}

.datenavigator-previous:not(.button-disabled):focus:after,
.drillup:not(.disable-button):focus:after,
.data-views-filter:not(.disable-button):focus:after {
    border-right: 1px solid #206CA8;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.datenavigator-next:not(.button-disabled):focus:before,
.drillhistory:not(.disable-button):focus:before
 {
    border-left: 1px solid #206CA8;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.datenavigator-previous + .datenavigator-next:before,
.datenavigator-previous + .datenavigator-next.button-disabled:hover:before,
.drillup + .drillhistory:before {
    border-left: 1px solid #d9d9d9;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.drillup + .drillhistory:before {
    border-left: 1px solid #8d8d8d;
}

.drillup + .drillhistory.disable-button:before,
.drillup + .drillhistory.disable-button:hover:before,
.drillup + .drillhistory.disable-button:focus:before {
   border-left: 1px solid #999;
}


.datenavigator-previous + .datenavigator-next:hover:before,
.drillup + .drillhistory:hover:before{
    border-left: 1px solid #00adef;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.datenavigator-previous + .datenavigator-next:not(.button-disabled):focus:before,
.drillup + .drillhistory:not(.disable-button):focus:before{
    border-left: 1px solid #206CA8;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.datenavigator-datepicker {
    padding: 3px 1px 3px 6px;
    cursor: pointer;
    font-weight: 700;
    position: relative;
}

.aspect-wfo-datenavigator .datenavigator-datepicker {
    border-radius: 4px;
}

.datenavigator-next {
    border-radius: 0 4px 4px 0;
    padding: 3px 6px;
    cursor: pointer;
    border-left: 0;
}

.datenavigator-today {
    padding: 3px 6px;
    cursor: pointer;
}

.aspect-wfo-datenavigator .button-disabled,
.aspect-wfo-datenavigator .k-state-hover .button-disabled,
.aspect-wfo-datenavigator .k-state-focused .button-disabled,
.aspect-wfo-datenavigator .k-state-focused.k-state-hover .button-disabled,
.toolbar-button.button-disabled,
#sidebar .button-disabled {
    color: #ccc;
    border-color: #d9d9d9;
    background: #F6F6F6; /* Old browsers */
    filter: none; /* to make ie9 work */
    cursor: not-allowed;
}

.datenavigator-datepicker.button-disabled i {
    color: #ccc;
}
.k-state-focused .datenavigator-datepicker.button-disabled i {
    color: #fff;
}
.aspect-wfo-datenavigator .k-dropdown-wrap.k-state-hover,
.aspect-wfo-datenavigator .k-dropdown-wrap.k-state-active,
.aspect-wfo-datenavigator .k-dropdown-wrap.k-state-focused,
.aspect-wfo-datenavigator .k-picker-wrap.k-state-hover,
.aspect-wfo-datenavigator .k-picker-wrap.k-state-active,
.aspect-wfo-datenavigator .k-picker-wrap.k-state-focused {
    border: 0;
}

/* End Inline Date Navigator*/

/* Start Colorblind Friendly*/

.positive,
.negative {
    font-weight: 700;
}

.positive {
    color: #00a78d;
}

.negative {
    color: #ff6c00;
}

/* End Colorblind Friendly*/


/* Cart */

#sidebar.main-cart-sidebar {
    padding: 0;
}

ul.cartContents.li {
    border-left-width: 4px;
    border-left-style: solid;
}

.main-cart-sidebar {
    /*overflow-x: hidden;
        overflow-y: auto;*/
}

.action-button-wrapper,
.cartButtonsWrapper {
    display: table;
    width: 100%;
}

.item-entry-control-volume-data-warning .action-button-wrapper {
    float: left;
}

.action-buttons,
.cartButtons {
    background: #FFF;
    height: 40px;
    padding: 0 13px;
    display: table-cell;
    vertical-align: middle;
}

.cartButtons {
    box-shadow: 1px -2px 3px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 200;
}

.sub-action {
    background: #f7f7f7;
}

.cartTrashContainer {
    float: left;
    position: relative;
    top: 18px;
    right: -5px;
}

.cartRemoveContainer {
    background: none;
    display: inline-block;
    position: absolute;
    right: 14px;
    top: 1px;
    cursor: pointer;
}

    .cartRemoveContainer i {
        color: #000;
        font-size: 14px;
        position: absolute;
        top: 1px;
        width:100%
    }

a.cart-remove-segment:link,
a.cart-remove-segment:visited {
    opacity: 0.5;
    text-decoration: none;
    position:absolute;
    width:10px;

}

a.cart-remove-segment:focus,
a.cart-remove-segment:hover,
a.cart-remove-segment:active {
    opacity: 1;
    text-decoration: none;
    position:absolute;
    width:10px;
}

a.cart-remove-segment:focus{
    text-decoration: underline;
}

.cartSegmentDuration {
    font-size: 12px;
    float: right;
    font-weight: 700;
    width: 54px;
    width: 5.5em;
    text-align: center;
    padding-top: 20px;
    height: 34px;
    display: block;
    border-left: solid 1px #ECECEC;
}

ul.cartContents div.cartGeneralSegment {
    background: #efefef;
}

ul.cartContents li {
    margin-bottom: 15px;
    box-shadow: 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, 1px 1px 0 #FFFFFF, 2px -2px 0 #C9C9C9, 2px 2px 0 #C9C9C9, -2px -2px 0 #C9C9C9, -2px 2px 0 #C9C9C9;
}


ul.cartContents div.cartDetailSegment {
    background: #fff;
}

ul.cartContents div.cartDetailSegment,
ul.cartContents div.cartGeneralSegment {
    line-height: 15px;
    padding: 0;
    margin: 0;
    height: 54px;
    position: relative;
    cursor: pointer;
    border-left: solid 1px #ECECEC;
}

    ul.cartContents div.cartDetailSegment.item-cross-midnight,
    ul.cartContents div.cartGeneralSegment.item-cross-midnight {
        background: url(../Images/nominal-date-bg.png) repeat 0 0 #fff;
    }

ul.cartContents {
    /*color: #000;
         margin: 0px;
         max-height: 475px; overflow-y: scroll; overflow-x: hidden*/
}

.cart-segment-memo {
    position: absolute;
    top: 19px;
    left: 132px;
    font-size: 14px;
}

.cartSegmentCodeAndDescription {
    width: 50%;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    white-space: nowrap;
    margin-left: 12px;
    padding-top: 5px;
}

.cartSegmentStart {
    width: 50%;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    white-space: nowrap;
    margin-left: 23px;
    color: #666;
}

span.cartSegment {
    font-size: 11px;
}

.cartHeader h4,
.filterHeader h4 {
    color: #666666;
    font-weight: 400;
    font-size: 14px;
    line-height: 45px;
    text-indent: 15px;
    margin: 0px;
    vertical-align: text-top;
    border-bottom: solid 1px #e1e1e1;
}

.cartHeader h4 {
    border-bottom: 0;
    max-height: 45px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.module-layout-header-container {
    float: left;
    border-bottom: 1px solid #efefef;
    width: 100%;
}

#titleContainer h1 {

    border-bottom: 0px solid #efefef;

}
.module-layout-header-title {
    float: left;
    display: block;
    width: 100%;
}


    .module-layout-header-title a:link,
    .module-layout-header-title a:visited,
    .module-layout-header-title a:hover,
    .module-layout-header-title a:active {
        cursor: default;
        text-decoration: none;
    }

.module-layout-header-content {
    text-align: right;
}

.module-layout-content-container {
    height: 577px;
}

.filter-dialog {
    cursor: default;
    float: left;
    min-width: 302px;
}

.filter-dialog-actions {
    float: left;
    width: 100%;
    clear: both;
}

    .filter-dialog-actions div {
        padding: 10px;
        padding-right:0px;
    }

    .filter-dialog-actions button,
    .aspect-kendo-modal-footer-custom button,
    .aspect-kendo-modal-footer button {
        padding: 2px 30px;
        float:left;
    }

    .filter-dialog-header a {
        color: #000;
        line-height: 48px;
        font-size: 14px;
        font-weight: 700;
    }

.filter-dialog-header span {
        color: #000000;
        font-size: 14px;
        font-weight: 700;
        line-height: 48px;
        margin-right: 50px;
    }

    .filter-dialog-header a:hover, .filter-dialog-header a:active {
         border-bottom: none;
         text-decoration: none;
         cursor: default;
    }

    .aspect-dialog-X-button-cancel {
        position: absolute;
        right: 0;
        text-indent: 0;
        top: 0;
        width: 45px;
    }

    .filter-dialog-close {
        position: static;
    }

    .popover-header a.aspect-dialog-X-button-cancel i.icon-remove
    {
        cursor: pointer;
        /*top: 4px;*/
        right: 0;
        line-height: 30px;

        opacity: 0.5;
        padding: 0 14px;
        color: #000;
        float:right;
    }

    .popover-header a.aspect-dialog-X-button-cancel
    {
        width:36px;
    }

    .popover-header a.aspect-dialog-X-button-cancel i.icon-remove:hover,
    .popover-header a.aspect-dialog-X-button-cancel:hover
    {
		text-decoration:none;
	}

    .popover-header a.actionDialogScheduleEditor
    {
        top: 2px;
        right:2px;
    }

    a.modal-header-focus {
        color: #000;
        cursor: default;
    }

    a.modal-header-focus:hover,
    a.modal-header-focus:active {
        text-decoration: none;
    }

    .popover-header a.aspect-dialog-X-button-cancel:focus,
    .filter-dialog-header a:focus,
    .filter-dialog-header a.aspect-dialog-X-button-cancel:focus,
    .modal-header-focus:focus  {
        outline: 1px dotted #206CA8;
        text-decoration: none;
        outline-offset: 0;
    }

    .popover-header a.aspect-dialog-X-button-cancel:focus,
    .filter-dialog-header a.aspect-dialog-X-button-cancel:focus {
        outline-offset: 0;
    }

.filter-dialog-icon,
.aspect-dialog-icon,
.modal-header-focus {
    margin: 0 3px 0 9px;
    font-size: 14px;
    padding-left: 4px;
}

.filter-dialog-content-wrapper {
    float: left;
    padding: 15px;
    width: calc(100% - 30px);
}

.filter-dialog-content-wrapper .aspect-kendo-modal-footer-custom,
.filter-dialog-content-wrapper .aspect-kendo-modal-footer-custom{
    padding: 0 10px;
    float:right;
}

.filter-dialog-content {
    padding: 0;
}

.dialog-notification,
.filter-dialog-notification,
.alert-info {
    border-radius: 4px;
    color: #7a7a7a;
    margin: 0 0px 5px;
    text-align: left;
}

.alert-info {
    border-radius: 4px;
    border-color: #3A87AD;
    padding: 5px;
    text-align: left;
    margin: 0;
}

    .dialog-notification .icon-stack,
    .filter-dialog-notification .icon-stack,
    .alert-info .icon-stack,
    .filter-dialog-content-wrapper-orgroot .icon-stack
     {
        float: left;
        font-size: 12px;
    }

    .alert-info .icon-stack .icon-stack-base {
        color: #3a86ba;
    }

    .dialog-notification .initial-message,
    .filter-dialog-notification .initial-message,
    .alert-info .message-text,
    .compact-form .filter-dialog-notification .initial-message {
        display: block;
        margin-left: 30px;
        padding-top: 4px;
        line-height: 18px;
        max-width: 398px;
    }

    .dialog-notification .initial-message,
    .filter-dialog-notification .initial-message {
        max-width: 240px;
        line-height: 16px;
        margin-bottom:10px;
    }

    .dialog-notification .message-text {
        line-height: 16px;
        margin-bottom:10px;
    }

    #GroupAllowanceFilter .filter-dialog-notification .initial-message {
        max-width: 240px;
        line-height: 16px;
        margin-bottom:10px;
    }

    #personalAccountsFilter .filter-dialog-notification .initial-message {
        max-width: 240px;
        line-height: 16px;
        margin-bottom:10px;
    }

    .jobs-modal-dialog {
        width:350px;
    }


.dialog-notification .icon-circle,
.filter-dialog-notification .icon-circle {
    color: #3a86ba;
}

.in-page-alert {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    margin-bottom: 15px;
    padding: 0;
}

.in-page-alert .message-text{
    max-width: 100%;
    color: #666666;
    position: relative;
}

.wfm-filter label {
    font-weight: 700;
    text-align: left;
    display: block;
}

.compact-form .k-widget {
    /*float: left;*/
    width: 100%;
}

.wfm-filter .criteria-container {
    float: left;
    width: 209px;
    margin-left: 15px;
}

.wfm-filter .criteria-container-first {
    margin-left: 0px;
}

.personal-accounts-grid-container {
    margin: 0px;
    padding: 0px;
    height: 388px;
}

.personal-accounts-grid {
    background-color: rgb(239, 239, 239);
    height: 388px;
}

.cart-container {
    height: 471px; /*485px;*/
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px 15px 0 15px;
    background: none repeat scroll 0 0 #e4e4e4;
}

    .cart-container ul {
        width: 100%;
        padding: 0;
        margin: 0;
    }

.cart-no-data {
    font-size: 14px;
    font-weight: 700;
    height: 100%;
    line-height: 2.4em;
    width: 100%;
    float: left;
}

.blank-enum-filter-value{
    color:gray;
    font-style:italic;
}

/* End Cart */

.deactivate {
    margin: 0;
}

.chevron-left, .chevron-right {
    border: solid 1px #d9d9d9;
    background: #f6f6f6; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f6f6 0%,#ebebeb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f6f6 0%,#ebebeb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6f6f6 0%,#ebebeb 100%); /* W3C */
    filter: none;
    font-size: 14px;
}

.areaTree {
    border-radius: 4px;
    padding: 5px;
    display: list-item;
    overflow-x: hidden;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-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 linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.multipleArea {
    border-radius: 4px;
    padding: 5px;
    width: 430px;
    display: list-item;
    overflow-x: hidden;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-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 linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.multipleAreaNarrow {
    border-radius: 4px;
    padding: 5px;
    width: 245px;
	height: 350px;
    display: list-item;
    overflow-x: hidden;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-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 linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.listBox .multipleArea, .listBox .areaTree {
    height: 250px;
}

.coaching-action-kpis .listBox .multipleArea {
    height: 460px;
}

.coaching-action-kpis .listBox .areaTree {
    height: 450px;
}

.listBox {
    margin: 0;
}

.listBox li{
    float: left;
    width: 45%;
}

.listBox .arrows {
    width: 10%;
    padding: 0 5px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 35px;
}

.listBox .arrows button{
    margin: 0 auto 15px;
    float: none;
    display: block;
}

.listBox .multipleArea {
    width: 100%;
}

.arrowSelectorLeft {
    border: solid 1px #d9d9d9;
    background: #f6f6f6; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f6f6 0%,#ebebeb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f6f6 0%,#ebebeb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6f6f6 0%,#ebebeb 100%); /* W3C */
    filter: none;
    display: inline-block;
    font-size: 14px;
    padding: 6px;
    border-radius: 4px;
    cursor: pointer;
    float: left;
}

.arrowSelectorRight {
    border: solid 1px #d9d9d9;
    background: #f6f6f6; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f6f6 0%,#ebebeb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f6f6 0%,#ebebeb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6f6f6 0%,#ebebeb 100%); /* W3C */
    filter: none; /* IE6-8 */
    display: inline-block;
    font-size: 14px;
    padding: 6px;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}

.arrowMargin {
    margin-top: 50px;
    border-radius: 4px;
    cursor: pointer;
}

/* #region custom knockout treeview styles (APM) */
/*.tree li,*/

.tree {
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tree .tree-border {
    height: 100%;


    box-sizing: border-box;

    /* moving borders from areaTree to here to get more control over things */
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ccc;

    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.tree.disabled .tree-border {
    background-color: #eee !important;
    color: #555 !important;
    cursor: not-allowed !important;
}

.tree.disabled .tree-border *,
.tree.disabled .tree-border *:focus,
.tree.disabled .tree-border *:hover {
    background-color: #eee !important;
    color: #555 !important;
    cursor: not-allowed !important;
    border-color: #eee !important;
}

/* if the tree or a parent is marked as invalid we'd like to reflect that' */
.input-invalid .tree-border {
    border-color: #f00 !important;
}

.tree .tree-frame {
    -ms-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
}

.tree .tree-frame:focus {
    outline: #0066cc 1px dotted;
}

.tree .tree-container {
    margin: 5px;
}

.tree ins {
    background-image: url("kendoui/default/sprite.png");
    background-repeat: no-repeat;
    background-color: transparent;
    display: inline-block;
    text-decoration: none;
    width: 18px;
    height: 18px;
    margin: 0 0 0 0;
    padding: 0;
}

.tree li {
    display: block;
    min-height: 22px;
    line-height: 22px;
    white-space: nowrap;
    margin: 0;
    margin-left: 18px;
    min-width: 18px;
}
.tree .tree-container > ul > li {
    margin-left: 2px;
}

.tree ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.tree > ul > li {
    margin-left: 0;
}

/* styles that reference ins are obsolete and will be removed at some point! */
.tree .open > ins {
    background-position: 1px -224px;
}

.tree .closed > ins {
    background-position: 1px -192px;
}

.tree .leaf > ins {
    background-position: 36px 0;
}

.tree li.open > ul {
    display: block;
}

.tree li.closed > ul {
    display: none;
}

.tree .caption {
    cursor: pointer;
}

.tree .tree-expander {
    cursor: pointer;
    display: inline-block;
    width: 18px;
    height: 100%;
    color: #00adef;
}

.tree .tree-expander i {
    margin-left: 5px;
}

.tree-node .tree-node-container {
    display: inline-block;
}

.tree-node .tree-node-content {
    padding: 2px;
    border: solid 1px #fff;
    color: #000;
    cursor: pointer;
}

.tree-node .tree-node-content:hover {
    border: solid 1px #00ADEF;
    background: #00adef;
    cursor: pointer;
    color: #fff;
}

.tree .selected {
    border: solid 1px #00ADEF;
    color: #000;
    background: #D5EFFF;
    cursor: pointer;
}

.tree .focused {
    border: dotted 1px #333;
}

/* we don't want anyone to mess with sizing of controls in a tree, and .compact-form does that QUITE A LOT */
.compact-form .tree input[type="checkbox"] {
    font-size: medium;
    width: 1em;
    height: 1em;
}

.compact-form .tree li {
    margin-top: 0;
    margin-bottom: 0;
}

/* very specific outside border to help with validation :( */
.tree-border {
    border: solid 1px #f5f5f5;
    border-radius: 3px;
    box-sizing: border-box;
}

/*#endregion*/

/* blockUI styles */

.blockUI.blockMsg {
    position: fixed;
    padding: 0;
    margin: 0;
    width: 30%;
    top: 38px !important;
    left: 35%;
    text-align: center;
    color: #000;
    border: none;
}

#knockout-bind ~ .blockUI.blockMsg {
    width: 0;
    top: 50% !important;
    left: 50%;
}

#knockout-bind .blockUI.blockMsg {
    width: 0;
    top: 50% !important;
    left: 50%;
}

#modalWindow .blockUI.blockMsg {
    width: 0;
    top: 50%;
    left: 50%;
}

#modalWindow ~ .blockUI.blockMsg {
    width: 0;
    top: 50%;
    left: 50%;
}

.blockUI .blockContainer {
    position: relative;
    text-align: center;
}
#spinnerContainer {
    position: relative;

}

.blockUI.blockOverlay {
    background-color: #fff;
    opacity: 0.5;
    cursor: default;
    position: fixed;
}


#blockContentContainer {

    margin-top:30px;

}


/*  Scheduler Editor styles used by WFM*/
ol, ul {
    list-style: none;
}
/* Aspect segment styles*/
.segment-popover-header {
    min-width: 285px;
}

.action-dialog-warning-submit-header {
    background: #F7F7F7;
    line-height: 2em;
    margin: 0;
    padding: 0 6px;
    min-width:180px;
}

.cart-container-popover,
.action-container-popover {
    max-width:300px;
    width:300px;
}

.popover-body-content{
    float: left;
    padding: 15px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
    .action-dialog-warning-submit-header span {
        color: #CC0000;
        font-weight: 700;
        font-size: 14px;
        line-height: 32px;
        padding-left: 15px;
        margin: 0px;
    }

.action-dialog-warning-submit-dialog-contents {
    font-size: 12px;
    max-width: 160px;
    padding: 10px;
}

.action-dialog-submit-warning-action-button-wrapper {
    float: right;
    padding: 0 0 15px;
}

.action-dialog-submit-warning-action-dialog-button:hover,
.action-dialog-submit-warning-action-dialog-button:focus,
.action-dialog-submit-warning-action-dialog-button:active,
.action-dialog-submit-warning-action-dialog-button {
    margin: 0 20px;
    padding: 5px;
    text-align: center;
    width: 50px;
}

.action-dialog-warning-submit-dialog-indicator {
    padding-left: 3px;
}

.resolutionDayHeader,
.agendaDayHeader {
    line-height: 2em;
    margin: 0;
    min-width: 230px;
    padding-right: 15px;
}

.agendaDayHeader {
    position: relative;
    top: 10px;
    font-weight: 700;
}

.resolutionDayHeader {
    background: none repeat scroll 0 0 #F3F3F3;
    padding: 0;
    font-weight: 700;
}

.resolutionContainer span.dateLabel,
.agendaContainer span.dateLabel {
    color: #333;
    font-weight: 700;
    line-height: 32px;
    margin: 0px;
    font-size: 12px;
}

.agendaContainer span.dateLabel {
}

span.dateLabel {
    padding-left: 0;
}


.agendaContainer span.dayAction {
    cursor: pointer;
    display: block;
    float: right;
    position: relative;
    text-align: center;
}

.action-day-button-wrapper {
    text-align: right;
    float: left;
    padding: 10px 0px;
    width: 100%;
}

.agenda-day-action-buttons-wrapper button.secondary-action:focus,
.agenda-day-action-buttons-wrapper button.secondary-action:hover,
.agenda-day-action-buttons-wrapper button.secondary-action:active {
    text-decoration: none;
    border-bottom: 1px solid #00ADEF;
}

.agenda-day-action-icon {
    margin-right: 5px;
}

.clear-day {
    font-weight: 700;
    font-size: 12px;
}

.agenda-day-action-day-of-week {
    font-weight: 700;
    font-size: 15px;
}

ul.schedule-control-agenda,
ul.resolution-week-month,
ul.resolution,
ul.agenda {
    font-size: 12px;
    color: #000;
    margin: 0px;
    /*border-left: solid 1px #ececec;*/
}


div.schedule-control-segment,
div.resolution-state,
div.segment {
    height: 54px;
    border-left: solid 1px #ececec;
}

div.segment {
    height: 38px;
}


div.resolution-state-week-month,
div.resolution-state {
    margin-right: 15px;
    margin-left: 88px;
    outline: 1px solid #bebaba;
    border: 2px solid #fbfbfb;
    margin-top: 1px;
}


div.resolution-state-week-month {
    height: 36px;
}

div.resolution-state {
    height: 54px;
}

ul.agenda li {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, 1px 1px 0 #FFFFFF, 2px -2px 0 #C9C9C9, 2px 2px 0 #C9C9C9, -2px -2px 0 #C9C9C9, -2px 2px 0 #C9C9C9;
    cursor: pointer;
    line-height: 38px;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-left: 1px;
}


ul.resolution li {
    line-height: 54px;
    background: #f3f3f3;
}


ul.resolution-week-month li {
    line-height: 38px;
    background: #f3f3f3;
}

ul.resolution-week-month .resolution-time-indicator {
    line-height: 39px;
}

ul.schedule-control-agenda li:hover,
ul.agenda li:hover {
    background: #f9f9f9;
    box-shadow: 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, 1px 1px 0 #FFFFFF, 2px -2px 0 #a9a9a9, 2px 2px 0 #a9a9a9, -2px -2px 0 #a9a9a9, -2px 2px 0 #a9a9a9;
}

ul.agenda li.generalSegment {
    line-height: 38px;
    background: #efefef;
}

ul.schedule-control-agenda li.schedule-control-general-segment:hover,
    ul.agenda li.generalSegment:hover {
        background: #ebebeb;
    }

.schedule-control-agenda li.schedule-control-last-general,
.agenda li.lastGeneral {
    /*position: relative;*/
}

.displayNone {
    display: none;
}

.schedule-control-segment-code-and-description,
.resolution-state-code-description,
.segmentCodeAndDescription {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    white-space: nowrap;
}


.resolution-state-code-description,
.segmentCodeAndDescription {
    width: 33%;
    margin-left: 15px;
}


.schedule-control-segment-code,
.resolution-Code,
.segmentCode {
    font-weight: 700;
    text-transform: uppercase;
}

.schedule-control-segment-start-stop,
.resolution-state-start-stop,
.resolution-state-start-stop-now,
.segmentStartStop {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.resolution-state-start-stop,
.segmentStartStop {
    margin-left: 80px;
    width: 30%;
}

.schedule-control-segment-start-stop,
.segmentStartStop {
    color: #666;
}

.memoContainer {
    left: -25px;
}

.schedule-control-memo-container,
.memoContainer {
    float: right;
    display: block;
    position: relative;
    text-align: center;
    left: -25px;
}

.schedule-control-agenda i,
.resolution i,
.agenda i,
.agenda-day i {
    font-size: 14px;
}


.horizontal-resolution-list,
.horizontal-agenda-list {
    overflow-y: auto;
    max-height: 473px;
    /*border-bottom: solid 1px #ececec;*/
}


/*.resolutionContainer div:nth-child(1)
        {
            background-color:#ffffff;
            border:1px solid #00ADEF;
        }*/

.resolution-state-duration,
.segmentDuration {
    width: 6.5em;
}
.schedule-control-segment-duration,
.resolution-state-duration,
.segmentDuration {
    float: right;
    display: block;
    font-weight: 700;
    text-align: center;
    top: 1px;
}

.schedule-control-segment-duration,
.segmentDuration {
    border-left: 1px solid #ECECEC;
    width: auto;
    min-width: 6.5em;
    padding: 0 4px;
}

ul.schedule-control-agenda li.schedule-control-detail-segment-cross-midnight,
ul.agenda-day li.detailSegmentItemCrossMidnight,
ul.agenda li.detailSegmentItemCrossMidnight {
    background: url(../Images/nominal-date-bg.png) repeat 0 0 #fff;
}

.stateSpanNothingScheduled {
    background: url(../Images/nothing-scheduled.png) repeat 0 0 #fff;
}

ul.schedule-control-agenda li.schedule-control-detail-segment-cross-midnight:hover,
ul.agenda-day li.detailSegmentItemCrossMidnight:hover,
ul.agenda li.detailSegmentItemCrossMidnight:hover {
    background: url(../Images/nominal-date-bg.png) repeat 0 0 #F9F9F9;
}

.scheduleEditorArea {
    height: 607px;
    overflow: hidden;
    padding: 25px;
}

    .scheduleEditorArea ul {
        margin: 0px;
    }

.segmentContainer {
    padding: 0 0 0 25px;
    min-height: 473px;
    background: #F2F2F2;
}

.main-view-shadowbox,
.main-view-shadowbox-top {
    width: 100%;
    height: 10px;
    -webkit-box-shadow: -0px -5px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: -0px -5px 5px rgba(0, 0, 0, 0.05);
    box-shadow: -0px -5px 5px rgba(0, 0, 0, 0.05);
    background-color: #fff;
}
.main-view-shadowbox-top{
    background-color: #fff;
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    margin-bottom: -10px;
    position: relative;
    top: -8px;
}

.segmentContainer ul {
    margin: 0;
    margin-top: 2px;
    background: #f2f2f2;
}

.resolutionContainer ul {
    padding-bottom: 15px;
    /*background: #f3f3f3;*/
}


.segmentActionDialogTitle {
    display: inline-block;
    line-height: 32px;
    overflow: hidden;
    width: 90%;
    white-space: nowrap;
    margin: 0;
    text-overflow:ellipsis;
    word-wrap:normal;
}

.segmentActionDialogCode,
.segmentActionDialogDesription,
.segmentActionDialogTitle .divider  {
    display: inline-block;
    line-height: 32px;
}

.segmentActionDialogTimes {
    color: #000;
    font-size: 12px;
    line-height: 1.2em;
}

.segmentActionDialogMemo {
    display: block;
    line-height: 1.2em;
    margin: 10px 0 0;
    max-height: 75px;
    max-width: 280px;
    overflow: auto;
    font-size: 12px;
    -ms-word-break: break-all;
     word-break: break-all;

     /*// Non standard for webkit*/
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
        color:#666;
}

.actionDialogContents {
    text-align: center;
    line-height: 1.2em;
    font-size: 12px;
    font-weight: bold;
    overflow-y: hidden;
    margin: 10px 20px;
}

.actionDialogSubcontents {
    margin: 10px 20px;
    text-align: center;
    line-height: 1.2em;
    font-size: 12px;
    overflow-y: auto;
}



.schedule-trades-bulletin-board-action-dialog-button:hover,
.schedule-trades-bulletin-board-action-dialog-button:focus,
.schedule-trades-bulletin-board-action-dialog-button:active,
.schedule-trades-bulletin-board-action-dialog-button
{
    margin: 15px 0 0 0;
    width: calc(100% - 23px);
    float:left;
}
.segmentActionDialogButton:hover,
.segmentActionDialogButton:focus,
.segmentActionDialogButton:active,
.segmentActionDialogButton {
    margin: 15px 0 0 0;
    width: 100%;
}

.schedule-trades-bulletin-board-action-dialog
{
    max-width: 480px;
}

.schedule-trades-bulletin-board-action-dialog-content
{

}

.schedule-trades-bulletin-board-action-dialog-legend
{
    padding-top:5px !important;
}

.schedule-trades-bulletin-board-action-dialog-button
{
    clear:both;
}

.day-action-dialog-button:hover,
.day-action-dialog-button:focus,
.day-action-dialog-button:active,
.day-action-dialog-button {
    float: left;
    height: 27px;
    margin-left: 10px;
    padding: 0;
    text-align: center;
    width: 43%;
}

.schedule-trades-bulletin-board-action-dialog-button-indicator,
.segmentActionDialogButtonIndicator {
    float: left;
    position: relative;
}
.segmentActionDialogButtonIndicator
{
    font-size: 18px;
    top: 11px;
}

.schedule-trades-bulletin-board-action-dialog-button-indicator
{
    /*font-size: 12px;*/
    top: 8px;
    color: #9BD61F;
}

.schedule-trades-bulletin-board-action-dialog-button-indicator-multitrade
{
    padding-top:2px;
}

.schedule-trades-bulletin-board-action-dialog-button-indicator-divider
{
    padding-left:4px;
}

.schedule-trades-bulletin-board-action-dialog-button-text-container,
.segmentActionDialogButtonText {
    float: left;
    width:88%;
    left: 15px;
    padding: 0;
    position: relative;
}
.segmentActionDialogButtonText
{
    min-height: 38px;
}


.schedule-trades-bulletin-board-action-dialog-button-text-container
{
    top:4px;
    min-height:27px;
}

.schedule-trades-bulletin-board-action-dialog-button-text,
.segmentActionDialogButtonUpperText,
.segmentActionDialogButtonLowerText {
    clear: both;
    display: block;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.schedule-trades-bulletin-board-action-dialog-button-text,
.segmentActionDialogButtonLowerText {
    color: #666666;
    line-height:16px;
    margin-top:2px;
}
.segmentActionDialogButtonLowerText
{
    font-weight: 400;
}

.schedule-trades-bulletin-board-action-dialog-button-text
{
    font-weight: 700;
}



.schedule-trades-bulletin-board-action-dialog-button:hover .schedule-trades-bulletin-board-action-dialog-button-text,
.schedule-trades-bulletin-board-action-dialog-button:focus .schedule-trades-bulletin-board-action-dialog-button-text,
.schedule-trades-bulletin-board-action-dialog-button:active .schedule-trades-bulletin-board-action-dialog-button-text,
.segmentActionDialogButton:hover .segmentActionDialogButtonLowerText,
.segmentActionDialogButton:focus .segmentActionDialogButtonLowerText,
.segmentActionDialogButton:active .segmentActionDialogButtonLowerText {
    color: #fff;
}

.schedule-trades-bulletin-board-action-dialog-button[disabled] .schedule-trades-bulletin-board-action-dialog-button-text,
.schedule-trades-bulletin-board-action-dialog-button[disabled]:hover .schedule-trades-bulletin-board-action-dialog-button-text,
.schedule-trades-bulletin-board-action-dialog-button[disabled]:focus .schedule-trades-bulletin-board-action-dialog-button-text,
.schedule-trades-bulletin-board-action-dialog-button[disabled]:active .schedule-trades-bulletin-board-action-dialog-button-text,
.segmentActionDialogButton[disabled] .segmentActionDialogButtonLowerText,
.segmentActionDialogButton[disabled]:hover .segmentActionDialogButtonLowerText,
.segmentActionDialogButton[disabled]:focus .segmentActionDialogButtonLowerText,
.segmentActionDialogButton[disabled]:active .segmentActionDialogButtonLowerText {
    color: #aaa;
}

.actionDialogSegmentCodeHeader {
    border-radius: 4px 4px 0 0;
    line-height: 32px;
    height: 32px;
    min-width: 250px;
    padding: 0 15px;
}

/* Start PopOverDialog styles*/
.popover-dialog-action-area {
}

.popover-dialog-body {
    float: left;
}
.popover-dialog-body > div{
    -moz-border-radius-topleft:6px;
    -moz-border-radius-topright:6px;
    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    border-top-right-radius:6px;
    border-top-left-radius:6px;
    overflow:hidden;
}
.popover-dialog-close-container {
}

.popover-dialog-close {
    cursor: pointer;
    float: right;
    margin: 5px;
    position: relative;
}

.popover-dialog-header {
    border-radius: 4px 4px 0 0;
    line-height: 2em;
    margin: 0 0 12px;
    padding: 0 6px;
    min-width: 250px;
}
/* End PopOverDialog styles*/

.cart-submitting {
    position: fixed;
    top: 40%;
    left: 45%;
    width: 0px;
    height: 0px;
}

.cart-submitting-info {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    left: -3em;
    position: absolute;
    top: 7em;
    width: 240px;
    line-height: 2.4em;
    text-align: center;
}


.cart-action-buttons {
    border-bottom: 1px solid #cfcfcf;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.05);
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 200;
    background-color: rgb(228, 225, 225);
}

#cartRoot > div {
    border-top: 1px solid #ccc;
}

#sidebarContent .cart-action-buttons button {
    width: 102px;
    float: left;
    font-size: 11px;
    margin: 7px 0 7px 15px;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart-action-buttons i {
    margin: 0 2px;
}

.add-edit-action-container {
    padding: 0;
    font-size: 11px;
}

.action-cart-header h5,
.add-edit-action-contents h5 {
    color: #666666;
    font-weight: 700;
    font-size: 15px;
    line-height: 45px;
    text-indent: 15px;
    margin: 0px;
    vertical-align: text-top;
    background: none repeat scroll 0 0 #F7F7F7;
    max-height: 45px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
}

.add-edit-action-contents h5 {
    text-indent: 0;
}

.add-edit-action-contents {
    background: none repeat scroll 0 0 #F7F7F7;
    line-height: 15px;
    margin: 0;
    padding: 0 13px;
    height: 477px;
}

.add-edit-action-item {
    margin-bottom: 15px;
}

.add-edit-action-item-item-entry::-webkit-input-placeholder { font-style:italic; }
.add-edit-action-item-item-entry::-moz-placeholder { font-style:italic; }

.add-edit-action-item-required {
    clear: both;
    float: right;
    padding-right: 4px;
}

.add-edit-action-contents-child {
    float: left;
    width: 220px;
    position: relative;
}

.add-edit-action-contents-child .item-entry-control-results-template,
#segmentCode {
    width:110px;
}

.add-edit-action-contents label {
    font-size: 11px;
    font-weight: normal;
    float: left;
    width: 67px;
    clear: both;
    margin: 3px 3px 0 0;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 64px;
}

.add-edit-action-contents input[type="checkbox"] {
    float: left;
    width: 16px;
    margin: 6px 0 18px;
}

    /*.add-edit-action-contents*/
ul.multi-checkbox-dropdown-parent li.multi-checkbox-dropdown-child  input[type="checkbox"]:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(0, 173, 239, 0.89);
    outline: none;
    border: solid 1px #00ADEF;
}

ul.multi-checkbox-dropdown-parent li.multi-checkbox-dropdown-child input[type="checkbox"]:focus + label
{
    background: #d5efff;
}

.add-edit-action-contents textarea {
    float: left;
    width: 147px;
    height: 80px;
    padding: 2px;
    font-size: 11px;
    margin: 0;
}

#sidebar .add-edit-action-contents textarea {
    height: 72px;
}

/*package preview*/
.add-edit-action-package-container-preview {
    max-height: 147px;
    overflow-y: auto;
    clear: both;
    float: left;
    width: 100%;
    font-size: 11px;
    position: relative;
}

.add-edit-action-package-container-preview  tbody {
    border-right:solid 1px #ddd
}
.add-edit-action-package-container-no-selection {
    min-height:60px;
}

.add-edit-action-package-container-no-selection td {
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:5px;

}
.add-edit-action-package-container-preview-memo {
    width: 12px;
}

.add-edit-action-package-container-preview-memo-head {
    width: 7px;
}

.add-edit-action-package-container-preview-root {
    width: 100%;
    background: #fff;
    font-size: 11px;
}

.add-edit-action-package-container-preview-head {
    background: #E7E7E7;
    font-weight: 700;
    position: static;
    width:222px;
    border: solid 1px #ddd;
}

.add-edit-action-package-container-preview-head th {
     background: #E7E7E7;
     color: #333333;
     font-size: 11px;
     border-color: #DDDDDD;
     border-style: solid none;
     border-width: 1px medium ;
}

.add-edit-action-package-container-preview-color {
    width: 4px;
}

.add-edit-action-package-container-preview-color-head {
    width: 1px;
}

.add-edit-action-package-container-preview-code {
    width: 85px;
}

.add-edit-action-package-container-preview-time {
    text-align: center;
    width: 49px;
}
.add-edit-action-package-container-preview-data-cell {
    border-color: #DDDDDD;
    border-style: solid none;
    border-width: 1px medium;
}
.add-edit-action-package-container-preview-duration {
    width: 70px;
    text-align: center;
    border-left:solid 1px #ddd;
}

    .add-edit-action-package-container-preview-data-cell.generalSegment {
        border-color: #DDDDDD;
        border-style: solid none;
        border-width: 1px medium;
        background: #f4f4f4;
        border-top: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
    }

    .add-edit-action-package-container-preview-data-cell.item-cross-midnight {
        background: url(../Images/nominal-date-bg.png) repeat 0 0 #fff;
        border-color: #DDDDDD;
        border-style: solid none;
        border-width: 1px medium;
    }

.add-edit-action-package-container-preview-data {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .add-edit-action-package-container-preview-data.segment-code {
        width: 65px;
    }

    .add-edit-action-package-container-preview-data.time {
        text-align: center;
        width: 48px;
        color: #7F7F7F;
    }

    .add-edit-action-package-container-preview-data.duration {
        width: 100%;
    }
/*end - package preview*/

.multi-checkbox-dropdown-summary {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #555;
    border: solid 1px #ccc;
    border-radius: 3px 0 0 3px;
    display: block;
    float: left;
    font-size: 11px;
    height: 26px;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    width: 130px;
    line-height: 26px;
    text-indent: 4px;
}

.multi-checkbox-dropdown-caret-parent {
    margin: 0px 0px 20px 67px;
}

.multi-checkbox-dropdown-caret-parent div
{
    opacity: 0;
    position: relative;
    text-decoration: none;
}


.multi-checkbox-dropdown-child {
    padding: 0;
    /*float: left;*/
}

.multi-checkbox-dropdown-parent {
    float: right;
    min-width: 160px;
    position: absolute;
    right: 0;
    padding: 0 13px 10px 8px;
}

    ul.multi-checkbox-dropdown-parent li.multi-checkbox-dropdown-child {
        line-height: 1em;
        margin-bottom: 0;
    }

.multi-checkbox-dropdown-caret {
    border: solid 1px #ccc;
    border-radius: 0 3px 3px 0;
    display: block;
    height: 26px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 21px;
    background: url("KendoUI/Default/sprite-action.png") 3px -332px no-repeat #fff;
}


.multi-checkbox-dropdown-caret-parent .dropdown-toggle {
    color: #00ADEF;
    background-color: #00ADEF;
    z-index:1000;
}

.add-edit-action-contents input[type="checkbox"]:hover,
.add-edit-action-contents input[type="checkbox"]:focus {
    background-color: #00ADEF;
}


.multi-checkbox-dropdown-summary-focus,
.add-edit-action-segment-memo:focus,
.add-edit-action-segment-memo:hover,
.dropdown-toggle:focus .multi-checkbox-dropdown-caret,
.multiday-picker:focus .multi-checkbox-dropdown-summary,
.multiday-picker:focus .multi-checkbox-dropdown-caret,
.multiday-picker:hover .multi-checkbox-dropdown-summary,
.multiday-picker:hover .multi-checkbox-dropdown-caret {
    border-color: #00ADEF;
}

.multi-checkbox-dropdown-summary-focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}

.dropdown-toggle:focus .multi-checkbox-dropdown-caret,
.multiday-picker:focus .multi-checkbox-dropdown-caret,
.multiday-picker:hover .multi-checkbox-dropdown-caret {
    background: url("KendoUI/Default/sprite-invert.png") 3px -333px no-repeat #00ADEF;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -ms-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.multiday-picker-checkbox {
    clear: both;
    float: left;
    width:110px;
    margin-left:20px;
}

.multiday-picker-date {
    float: left;
}

.multi-checkbox-dropdown-child input[type="checkbox"] {
    margin:0 -11px;
    position:absolute;
    z-index: 1;
    float: left;
    width: auto;
}

ul.multi-checkbox-dropdown-parent li.multi-checkbox-dropdown-child label {
    display: block;
    float: right;
    line-height: 2.2em;
    margin-right: 33px;
    margin-top: -16px;
    position: absolute;
    text-indent: 42px;
    vertical-align: middle;
    width: 100%;
    font-weight: 400;
}

.multi-checkbox-dropdown-caret-parent .dropdown-menu {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid #00ADEF;
    border-radius: 0 0 3px 3px;
    box-shadow: none;
    float: left;
    left: 0px;
    list-style: none outside none;
    min-width: 151px;
    padding: 0;
    position: absolute;
    top: 23px;
    z-index: 1000;
    box-sizing:border-box;
}

.multi-checkbox-dropdown-parent button,
.multi-checkbox-dropdown-parent button:hover,
.multi-checkbox-dropdown-parent button:active,
.multi-checkbox-dropdown-parent button:focus
  {
    float: left;
    font-size: 11px;
    margin: 5px 0 10px 10px;
    width: 60px;
}

/*  End of Scheduler Editor styles used by WFM*/

.modalOverlay {
    opacity: 1;
    text-align: left;
    border-color: #000000;
    padding: 33px 0px 40px 0px;
}

    .modalOverlay .header {
        background: none repeat scroll 0 0 #666666;
        color: #FFFFFF;
        margin-top: -33px;
        border-radius: 0 0 0 0;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        font-size: 1.2em;
        height: 1.1em;
        line-height: 1.1em;
        min-height: 16px;
        padding: 10px 0;
        position: absolute;
        white-space: nowrap;
        width: 100%;
    }

    .modalOverlay .content {
        padding: 10px;
    }


.window-start-end-date div.date-range1,
.window-start-end-date div.date-range2 {
    float: left;
    margin-right: 15px;
    width: 210px;
}

.window-start-end-date div.date-range2 {
    margin-right: 0;
}

.window-start-end-date label {
    display: block;
}

.window-start-end-date div.errorlabel {
    padding: 2px;
    color: #cc0000;
    clear: both;
}

.window-start-end-date div.buttons {
    clear: both;
}

.buttonTable {
    margin: 0 0 0 10px;
    float: left;
}

.buttonTableRight {
    margin: 10px 0 0 0;
    float: right;
}

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

.btn-container {
    padding: 0;
    text-align: right;
}

    .btn-container .btn {
        margin: 0 0 0 10px;
    }

        .btn-container .btn:first-child {
            margin: 0;
        }

.popover {
    color: #333;
}

.ko-popover {
    min-width: 150px;
}

.ko-popover-dynamic {
    min-width: 50px;
}

/*Error Templates*/
.info-template {
    cursor: default;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 6px 6px 6px 6px;
    background-color: #fff;
    display: none;
}

.success-indicator,
.error-indicator {
    float: left;
    overflow: hidden;
    padding-top: 5px;
    width: 4em;
}

    .success-indicator i {
        color: #99cc33;
        font-size: 3em;
    }

    .error-indicator i {
        color: #C50000;
        font-size: 3em;
    }

.info-template-subject {
    margin-left: 4em;
}

.info-template-topic-container {
    background-color: #F7F7F7;
    padding: 12px;
    text-align: left;
    border-radius: 4px 4px 0 0;
}

.info-template-topic {
    font-weight: bold;
    color: #000;
}

.error-template-topic {
    font-weight: bold;
    color: #D50001;
}

.info-template-subject-container {
    padding: 12px;
    text-align: left;
}

.info-template-message-container {
    margin-left: 4em;
    padding: 12px;
    text-align: left;
}

.info-template-message {
}

.infoTemplateDialogButtons {
    text-align: right;
}

    .infoTemplateDialogButtons button {
        margin: 10px;
    }

.required {
    color: #f00;
}


/*APM Agent Scorecard Icons*/

.grid-title-header {
    background: #555555;
    color: #fff;
    height: 30px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

.header-title {
    float: left;
    font-size: 20px;
}

.header-score {
    float: right;
    font-size: 15px;
    font-weight: 700;
}

.header-score label {
    font-size: 15px;
    cursor: default;
}

.icon-header {
    font-size: 14px;
     margin-left: 7px;
}

.icon-status-positive {
    font-size: 17px;
    line-height: 0;
    color: #00a651;
}

.icon-status-negative {
    font-size: 17px;
    line-height: 0;
    color: #c50000;
}

.icon-status-static {
    font-size: 17px;
    line-height: 0;
    color: #ffcc00;
}

.icon-scoreboard-arrow {
    font-size: 17px;
    color: #333333;
    margin-right: 3px;
}

.icon-spacer {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
}

.icon-spaced {
    margin-left: 12px;
}

.time-nav {
    list-style: none;
    float: right;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .time-nav > li {
        display: inline-block;
        *display: inline;
        text-shadow: 0 1px 0 #ffffff;
        *zoom: 1;
    }

        .time-nav > li > .divider {
            padding: 0 5px;
            color: #ccc;
        }

    .time-nav > .active {
        color: #999999;
    }

.table-footer {
    background: #f5f5f5;
}

#scorecard .pseudolink,
#info .pseudolink {
    cursor: pointer;
    display: inline-block; /* fix for silly Safari bug */
    text-indent: 0;
}

.scorecard.popover,
.info.popover {
    max-width: 185px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif serif;
    text-indent: 0;
    text-transform: none;
    background: #FFF;
    border-color: #3986BC;
}

.scrolling.popover .popover-content {
    width: 83%;
    overflow-y: auto;
    overflow-x: hidden;
}

.popover.narrow {
    width: 150px;
    max-width: 150px;
}

.popover.wide {
    width: 276px;
    max-width: 276px;
}

.popover.auto {
    max-width: initial;
    width: auto;
}

.scorecard.popover.right .arrow,
.info.popover.right .arrow {
    border-right-color: #3986BC;
}

.scorecard.popover.left .arrow,
.info.popover.left .arrow {
    border-left-color: #3986BC;
}

.scorecard.popover.top .arrow,
.info.popover.top .arrow {
    border-top-color: #3986BC;
}

.scorecard.popover.bottom .arrow,
.info.popover.bottom .arrow {
    border-bottom-color: #3986BC;
}

.scorecard.popover .btn-link,
.info.popover .btn-link {
    text-decoration: none;
    font-size: 12px;
    padding: 5px 8px;
    margin: 0;
    line-height: normal;
}

.aspect-alert-small .btn-link {
    text-decoration: none;
    font-size: 18px;
    padding: 5px 8px;
    margin: 0;
    line-height: normal;
}

.scorecard .popover-content,
.info .popover-content {
    width: 88%;
    padding-top: 0;
    font-size: 12px;
    color: #818181;
    max-height: 160px;
}

.scorecard .popover-content {
    width:80%;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 15px;
}

.scorecard.popover .body-text,
.info.popover .body-text {
    white-space: pre-wrap;
    line-height: normal;
    font-style: normal;
    font-weight: normal;
}

.scorecard.popover .popover-title-big,
.info.popover .popover-title-big {
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.scorecard .popover-title,
.info .popover-title {
    border: none;
    position: static;
    background: transparent;
    color: #3986BC;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    word-wrap: break-word;
}

#scorecard .scorecard-grid-container {
    position: relative;
}

.scorecard-grid-container table {
    table-layout: fixed;
}

#scorecard .grid-title-header {
    background: #F0F0F0;
    padding: 5px 5px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#scorecard .header-score {
    color: black;
}

#scorecard table .icon-info-sign {
    color: #12B0ED;
    font-size: 18px;
}

#scorecard .popover-content {
    padding: 0 0 0 0;
}

#scorecard .popover-content h1 {
    line-height: 24px;
    text-indent: 0px;
    font-size: 14px;
    border: solid 1px #d9d9d9;
    background: #f6f6f6;
    border-radius: 4px 4px 0 0;
    padding-left: 10px;
}

#scorecard .popover-content h1 .icon-remove{
    float: right;
    margin-right: 0px;
    padding-top: 5px;
}

.default-popover-menu {
    max-width: 500px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    list-style-type: none;
    min-width: 180px;
    margin: 6px 0;
}

.default-popover-menu li{
    font-size: 14px;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#scorecard .drill-button {
    right: -5px;
}

#scorecard .chevron-button {
    right: -30px;
}

#scorecard .chevron-button,
#scorecard .drill-button {
    border: solid 1px #d9d9d9;
    background: #f6f6f6;
    filter: none;
    display: inline-block;
    font-size: 12px;
    padding: 0;
    border-radius: 4px;
    cursor: pointer;
    color: #00ADEF;
    position: absolute;
    width: 17px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    top: calc(50% - 8px);
}

#scorecard .chevron-button:hover,
#scorecard .chevron-button:active,
#scorecard .chevron-button:focus,
#scorecard .drill-button:hover,
#scorecard .drill-button:active,
#scorecard .drill-button:focus {
    border: solid 1px #00adef;
    background: #00adef;
    color: #fff;
    text-decoration: none;
}

#scorecard .chevron-button.hidden,
#scorecard .drill-button.hidden {
    /*display: none;*/
    visibility: hidden;
}

#scorecard .popover.bottom .arrow:after {
    border-bottom-color: #ebebeb;
}

#scorecard .not-applicable {
    color: #aaa;
}

.ellipsed {
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    max-width: 100%;
}

.lead-spacer {
    width: 40px;
    display: inline-block;
}

.nowrap td {
    white-space: nowrap;
}

.performance-scorecard-actions {
    list-style: disc outside none;
    margin-left: 15px;
}

/* end APM scorecards */

/* Admin Data Instances Forms */

.data-instances-form .editor-field input,
.data-instances-form .editor-field select,
.data-instances-form .editor-label {
    width: 90%;
}

/*keyboard Nav*/

.segmentContainer a {
    color: #000000;
}

#cartRoot a {
    color: #000000;
}

#packageCartLayoutTemplate td a {
    color: #000000;
}

/*    #mainContent a:visited {color:#000000;}   */ /* visited link */
/*    #mainContent a:hover {color:#00ADEF;}     */ /* mouse over link */
/*    #mainContent a:active {color:#00ADEF;}    */ /* selected link */

ul.state-selector {
    list-style-type: none;
    line-height: none;
    margin: 0px;
    padding: 0px;
}

.compact-form ul.state-selector {
    margin: 4px 0 0 0;
}

    ul.state-selector li {
        display: block;
        line-height: none;
        padding: 0px;
        margin: 0px;
        float: left;
    }

        ul.state-selector li button {
            border: 1px solid #E6E6E6;
            border-left: none;
            border-radius: 0;
            margin: 0;
            background-color: #F6F6F6;
            padding: 3px 4px;
            font-size: 11px;
        }

       .compact-form ul.state-selector li button {
            border: 1px solid #CCCCCC;
            border-left: 1px;
            background-color: #f5f5f5;
        }

            ul.state-selector li button:focus,
            ul.state-selector li button:hover,
            ul.state-selector li button:active {
                background-color: #00ADEF;
                color: white;
                border-radius: 0;
                margin: 0;
                border-left: none;
                padding: 3px 4px;
            }

            .compact-form ul.state-selector li button:focus,
            .compact-form ul.state-selector li button:hover,
            .compact-form ul.state-selector li button:active {
                border-left: 1px;
            }


        ul.state-selector li.first button {
            border-left: 1px solid #E6E6E6;
            border-radius: 4px 0px 0px 4px;
        }

        .compact-form ul.state-selector li.first button {
            border-left: 1px solid #ccc;
        }

            ul.state-selector li.first button:focus,
            ul.state-selector li.first button:hover,
            ul.state-selector li.first button:active {
                border-left: 1px solid #00ADEF;
                border-radius: 4px 0px 0px 4px;
            }

            ul.state-selector li.first button:focus,
            ul.state-selector li.last button:focus,
            ul.state-selector li button:focus {
                border-color: #206ca8;
            }

        ul.state-selector li.last button {
            border-radius: 0px 4px 4px 0px;
        }

        ul.state-selector li.selected button,
        ul.state-selector li.selected button:focus,
        ul.state-selector li.selected button:hover,
        ul.state-selector li.selected button:active {
            color: black;
            background: #f6f6f6;
            border-color: #e6e6e6;
            cursor: default;
        }

        .compact-form ul.state-selector li.selected button,
        .compact-form ul.state-selector li.selected button:focus,
        .compact-form ul.state-selector li.selected button:hover,
        .compact-form ul.state-selector li.selected button:active {
            background: #fff;
        }

        .compact-form ul.state-selector li.selected button:after,
        .compact-form ul.state-selector li.selected button:focus:after,
        .compact-form ul.state-selector li.selected button:hover:after,
        .compact-form ul.state-selector li.selected button:active:after {
            content:  "\f00c";
            font-family: 'fontAwesome';
            margin-left: 5px;
            color: #94D60A;
            font-size: 14px;
            line-height: 14px;
        }

    ul.state-selector.disabled li button,
    ul.state-selector.disabled li button:focus,
    ul.state-selector.disabled li button:hover,
    ul.state-selector.disabled li button:active {
        cursor: not-allowed;
        background-color: #F6F6F6;
        color: #D6D6D6;
        border-color: #e6e6e6;
        padding-top: 3px;
        padding-bottom: 3px;
    }

.badge {
    font-size: 11px;
    padding: 2px 4px;
}

.badge-yellow {
    background: #FCEA00;
    color: black;
}

.accessibility-screen-reader {
    position:fixed;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
.accessibility-screen-reader-no-speak
{
    speak:none;
}

span.aspect-grid-button {
    cursor: pointer;
    font-weight: 700;
    margin: 0 2px 0 0;
    padding: 4px 10px;
    width: auto;
    text-decoration: none;
}

.test {
    display: none;
}

.information-section {
    background-color: #D9EDF6;
    color: #266996;
    border: 1px solid #266996;
    border-radius: 6px;
    padding: 10px;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 16px;
}

    .information-section > .emphasize {
        font-weight: bold;
    }

.information-section-pab {
    background-color: #d9edf7;
    border-radius: 4px;
    border: 1px solid #3a86ba;
    color: #3a86ba;
    padding: 5px;
    margin-top: -32px;
    text-align: center;
    float:right;
}

#mainContent .information-section-pab {
    background-color: transparent;
    border-radius: 0px;
    border: 0px;
    color:#7a7a7a;
}

#mainContent .information-section-pab .icon-stack {
        color: #3a86ba;
    }

.resolution-time-indicator {
    float: left;
    width: 73px;
    text-align: center;
    border-right: 1px solid #DBDBDB;
    line-height: 57px;
}

.resolution-startTime {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    padding-left: 3px;
}

.start-time-now {
    color: #000;
    font-weight: 700;
}

#resolution-triangle-container {
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-style: solid;
    width: 0px;
    height: 0px;
    line-height: 0px;
    border-width: 0px 20px 20px 20px;
    border-color: transparent transparent #B6B6B6 transparent;
    _border-color: #000 #000 #B6B6B6 #000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    float: left;
}

.resolution-now-container {
    width: 70px;
    height: 40px;
    background-color: rgba(94, 86, 86, 0.53);
    float: left;
    color: #ffffff;
    padding: 17px 0px 0px 15px;
    font-weight: bold;
}

.resolution-arrow-warp {
    height: 34px;
    float: left;
}

.resolution-arrow-now-day,
.resolution-arrow-now-week-month {
    width: 48px;
    height: 36px;
   -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow:hidden;
    padding: 0 0 0 5px;
    float: left;
    text-align: center;
    background: rgba(0,0,0,0.3);
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

.resolution-arrow-now-day {
    height: 53px;
}

#resolution-arrow-div {
    display: block;
    min-height: 32px;
    width: 20px;
    background: url('transparent.png') 0 0 repeat;
    float: left;
}

.resolution-arrow-Day-png {
    width: 40px;
    height: 53px;
    background: url('../images/now_indicator_arrow.png') -11px -13px no-repeat;
}

.resolution-arrow-week-month-png {
    width: 30px;
    height: 36px;
    background: url('../images/now_indicator_arrow.png') -19px -22px no-repeat;
}

/* styles used in APM role editing ui */

.role-controls {
    margin-left: 12px;
}

.role-custom-checkbox {
    position: absolute;
    top: -1px;
    left: -22px;
}

.centered {
    text-align: center;
}

.checkboxLabel {
    font-weight: normal;
    margin: 0 15px 5px 0;
    position: relative;
    max-width: 130px;
    word-wrap: break-word;
}

.multipleArea .checkboxLabel {
    max-width: none;
}

.tab-pane {
    height: 100%;
}

#tabContent {
    height: 360px;
}

.tab-column-left {
    padding: 0 10px;
    height: 80%;
}

.tab-column-right {
    height: 80%;
    padding: 0 20px;
}

.tab-column-divider {
    height: 80%;
    width: 0;
    /*border-right: 1px solid #fff;*/
    border-left: 1px solid #ccc;
}

#tabContent .multipleArea {
    height: 200px;
    margin-left: 0;
}

    #tabContent .multipleArea.disabled {
        background-color: #efefef;
        color: #999;
    }

.tab-content h3 {
    font-weight: normal;
    font-size: 16px;
}

/* Add Job Type */
.add-job-type-container ul {
    margin: 15px;
}

.add-job-type-container fieldset {
    width: 100%;
    float: left;
}

    .add-job-type-container fieldset fieldset {
        /*width: auto;*/
    }

    .add-job-type-container fieldset legend,
    fieldset.compact-form legend {
        text-indent: 15px;
        margin-bottom: 0;
    }

.add-job-type-container label {
    width: 100%;
}

    .add-job-type-container label input[type='checkbox'] {
        margin-right: 15px;
    }

.add-job-type-container .param-list label {
    width: auto;
    width: 90%;
}

.add-job-type-container .param-list input[type='checkbox'] {
    float: left;
    margin-right: 15px;
    position: relative;
    top: 13px;
}

.add-job-type-container .param-list input[type='number'] {
    margin-right: 0;
}

/* End Add Job Type */

/*Equal Columns*/
.equal-col-container {
    border-spacing: 15px 0;
    position: relative;
    left: -15px;
    margin-right: -30px;
}

.cell {
    display: table-cell;
    background: #f5f5f5;
    vertical-align: top;
    border-radius: 4px;
    border: solid 1px #ccc;
    padding-bottom: 15px;
}

.equal-col-container .alert-info {
    background-color: transparent;
    border-radius: 0px;
    border-color: transparent;
    color:#7a7a7a;
}
.equal-col-container .icon-circle,.icon-info-blue.icon-circle  {
    color: #3a87ad;
}

.add-job-type-container .cell {
    width: 1%;
}

.job-type-header {
    float: left;
    clear: both;
    background: #f5f5f5;
    width: 100%;
    border-radius: 4px;
    border: solid 1px #ccc;
    padding: 15px 0;
}

    .job-type-header ul {
        margin: 0 0 0 15px;
    }

    .job-type-header li {
        float: left;
    }

    .job-type-header label {
        margin: 0 5px 0 0;
    }

    .job-type-header input[type="text"] {
        margin: 0 15px;
    }

    .job-type-header input[type="checkbox"] {
        margin-right: 5px;
    }

.kpi-cell .add-on {
    height: 24px;
    padding: 0 3px;
}

.kpi-cell .input-prepend input#val {
    border-radius: 0 4px 4px 0;
}

/* End Equal Columns*/

.add-job-type-container .details-cell {
}

.add-job-type-container .recur-cell {
}

.add-job-type-container .param-cell {
}

.calendar-table {
    width: 100%;
    border: none;
    border-collapse: collapse;
    table-layout: fixed;

}

.calendar-day-of-week-header {
    background-color: #666;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    text-align: center;
}

.calendar-shoulder-cell {
    background-color: #F5F5F5;
}

    .calendar-shoulder-cell .calendar-cell-wrapper {
        opacity: 0.6;
    }

.calendar-cell {
    border: 1px solid #E2E2E2;
    padding: 0;
    vertical-align: top;
    width: 1%;
}

.calendar-day-month-number {
    margin: 5px;
    color: #8E8E8E;
    font-size: 14px;
}

.gab-calendar-balance {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 9px;
}

.gab-calendar-time-since-update {
    color: #B7B7B7;
    text-align: center;
    line-height: 12px;
}

    div.gab-calendar-time-since-update {
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	white-space: nowrap;

    }

.gab-calendar-balance-no-access {
    color: #E48484;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    margin-top: 16px;
}

.gab-grid-row-no-access.k-state-selected > td
{
    background-image: none !important;
}

#groupAllowanceGrid .k-grid-content{
    height:401px !important;
}


.gab-grid-row-no-access,
.gab-grid-row-no-access td {
    color: #E58E8F;
    background-image: url(../Images/WFO/no-access.png) !important;
    background-repeat: repeat !important;
}

.gab-calendar-cell-no-access {
    background-image: url(../Images/WFO/no-access.png);
    background-repeat: repeat;
    color: #E58E8F;
}

    .gab-calendar-cell-no-access .calendar-cell-header > span {
        color: #E48484;
    }

.gab-calendar-time-since-update-value {
    font-weight: bold;
}

.gab-calendar-cell > .calendar-cell-wrapper {
    height: 70px;
    overflow: hidden;
}

.group-allowance-accounts-grid-container{
    overflow:hidden;
}


.intra-day-staffing-grid
{
    height: 424px;
}

.horizontal-agenda-list li:first-child .agendaDayHeader,
.horizontal-resolution-list li:first-child .resolutionDayHeader {
    background-color: #F2F2F2;
}

.segment-Day {
    height: 56px;
    border-bottom: solid 1px #ececec;
}


ul.agenda-day li {
    line-height: 56px;
    cursor: pointer;
    background: #fff;
    margin-top: 15px;
}

.presentation-selector {
    float: left;
    margin-right: 5px;
}

.selector-container {
    float: right;
}

.time-zone-footer-sequential-shift-bids
{
    margin: 0 auto;
    width:50%;
}

.time-zone-footer-sequential-shift-bids,
.time-zone-footer {
    text-align: center;
    font-size: 11px;
    color: #888888;
}

.margin4 {
    margin-top: -4px;
}
.margin_4 {
    margin-top: 4px;
}


#info .icon-info-sign {
    color: #12B0ED;
    font-size: 18px;
}

/* validation message styling (APM) */
.validation-message {
    position: absolute;
    width: 0;
    height: 0;
    z-index: 1100;
}

    .validation-message .validation-message-content {
        position: absolute;
        bottom: 0;
        margin-bottom: 20px;
        width: 220px;
    }

    .validation-message .validation-content {
        padding: 3px;
        border: 1px solid #f33;
        background-color: #f55;
        color: #f9f9f9;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

    .validation-message .arrow,
    .validation-message .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

        .validation-message .arrow:after {
            border-width: 10px;
            content: "";
            bottom: 1px;
            margin-left: -10px;
            border-top-color: #f55;
            border-bottom-width: 0;
        }

    .validation-message .arrow {
        border-width: 11px;
        bottom: -10px;
        left: 90%;
        margin-left: -11px;
        border-top-color: #f33;
        border-top-color: rgba(255, 0, 0, 0.5);
        border-bottom-width: 0;
    }

    .validation-message.left .arrow,
    .validation-message.left .arrow:after {
        left: 10%;
    }

.validation-message-content  a{
    color:#f9f9f9;
 }
.validation-message-content a:focus,
.validation-message-content a:hover{

    color:#f9f9f9;
    text-decoration:underline;
}

.validation-message-content i{
    font-size:10px;
    color:#ffffff;
}

#sidebar .validation-message-content i {
    position:relative;
    top:2px
}

.inline-block {
    display: inline-block;
}

.validation-message .btn-link {
    /*padding-top: 3px;*/
    padding-right: 6px;
    color: #ccc;
    text-decoration: none;
}

div[id="cancelRequestDialog"] .validation-message-content {
    width: 250px;
}

.input-required-override,
.input-required {
    position: relative;
}

span.input-required-override,
span.input-required {
    display: inline-block;
}

.input-required-override::after,
.input-required::after {
    content: '\00a0*';
    position: absolute;
    vertical-align: baseline;
    font-size: 18px;
    font-weight: 700;
    color: #c00;
}

.radio .input-required::after{
    content:none;
}
.input-required-override-placeholder::after,
.input-required-placeholder::after {
    content: '*';
    position: relative;
    vertical-align: baseline;
    top: 0.2em;
    font-size: 18px;
    font-weight: bold;
    opacity: 0;
    padding-left: 3px;
}

/* make room for the invalid-children indicator */
.tabbable.tabs-left .nav-tabs > li > a {
    padding-right: 22px;
}

#tabPanel.tabbable.tabs-left .nav-tabs > li > a:hover {
    border-left:0px;
}

#tabPanel .nav-tabs > li {
    margin-bottom: -3px;
    max-width: 190px;
}

.invalid-children-override > *:last-child::after,
.invalid-children > *:last-child::after {
    font-family: 'FontAwesome';
    width: 0;
    height: 0;
    content: '\f071';
    position: relative;
    left: 2px;
    float: right;
    vertical-align: baseline;
    font-size: 14px;
    font-weight: bold;
    color: #c00;

}

.input-invalid,
input.input-invalid,
div.input-invalid {
    outline-color: #c00;
    border-color: #c00;
}

.input-invalid:hover,
input.input-invalid:hover {
    border-color: #c00;
    outline-color: #c00;
}

.input-invalid:focus,
input.input-invalid:focus  {
    border-color: #c00;
    outline-color: #c00;
    -webkit-box-shadow: 0 0 8px #c00;
    -ms-box-shadow: 0 0 8px #c00;
    box-shadow: 0 0 8px #c00;
}

/* end of validation styles */

/* #region wfm segment request status */

.request-open-status,
.request-open-status a:link,
.request-open-status a:visited,
.request-open-status a:hover,
.request-open-status a:focus,
.request-open-status a:active {
    color: #4A70C5;
    font-weight: 700;
}

.request-fail-status,
.request-fail-status a:link,
.request-fail-status a:visited,
.request-fail-status a:hover,
.request-fail-status a:focus,
.request-fail-status a:active {
    color: red;
    font-weight: 700;
}

.request-official-status,
.request-official-status a:link,
.request-official-status a:visited,
.request-official-status a:hover,
.request-official-status a:focus,
.request-official-status a:active {
    color: #26AE74;
    font-weight: 700;
}

.request-cancelled-status,
.request-cancelled-status a:link,
.request-cancelled-status a:visited,
.request-cancelled-status a:hover,
.request-cancelled-status a:focus,
.request-cancelled-status a:active {
    color: #8E8E8E;
    font-weight: 700;
}

.request-deferred-status,
.request-deferred-status a:link,
.request-deferred-status a:visited,
.request-deferred-status a:hover,
.request-deferred-status a:focus,
.request-deferred-status a:active {
    color: #FDA635;
    font-weight: 700;
}

    .request-open-status a:hover,
    .request-open-status a:focus,
    .request-open-status a:active,
    .request-fail-status a:hover,
    .request-fail-status a:focus,
    .request-fail-status a:active,
    .request-official-status a:hover,
    .request-official-status a:focus,
    .request-official-status a:active,
    .request-cancelled-status a:hover,
    .request-cancelled-status a:focus,
    .request-cancelled-status a:active,
    .request-deferred-status a:hover,
    .request-deferred-status a:focus,
    .request-deferred-status a:active {
        text-decoration: underline;
    }
/* #endregion */

/* #region request viewer */

.request-viewer-main-container{
    height:500px;
}
.request-viewer-details-header-content {
    line-height: 44px;
    display: block;
    font-size: 14px;
    font-weight: 700;
}

.module-toolbar .request-status {
    margin-left: 20px;
   display:inline-block;
}

.module-toolbar .request-creation-date {
    margin-left: 20px;
   display:inline-block;
}

.module-toolbar .back-button {
    padding: 3px 1px 3px 3px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
}

.header-action-container {
    margin-right: 25px;
    font-weight: 700;
}

.header-action-container i{
    font-size:20px;
    top:1px;
    padding-right:5px;
    position:relative;
    color:#00ADEF;
}

 .request-viewer-tabstrip{
    height:443px;
}

.web-notification-more-messages-popover-container,
.request-viewer-resubmit-popover-container{
    width:276px;
}

.web-notification-more-messages-popover-header,
.request-viewer-resubmit-popover-header,
.memo-popover-header {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 6px solid #EBEBEB;
    padding: 0 6px;
    font-weight: bold;
}

div.default-popover-header {
    background-color: #ECECEC;
    line-height: 32px;
    padding: 0px 6px;
    white-space:nowrap;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
    display: block;
    font-weight: 700;
}

.default-popover-header .popover-header {
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 30px);
    padding-left: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.default-popover-header .popover-header .popover-header-text {
    padding-left: 3px;
}

.default-popover-header .popover-header i {
    font-size: 14px;
}

.popover-header.memo-popover-header > span {
    margin-right: 30px;
}
.popover .memo-popover-header{
    max-width: 250px;
}

.popover .memo-popover-header > span{
    width: calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}


.web-notification-more-messages-popover-header .popover-dialog-close,
.request-viewer-resubmit-popover-header .popover-dialog-close{
    top:3px;
}


.request-viewer-otherchecks-popover-content,
.webnotification-popover-content,
.schedule-trades-add-line-nom-date-info-popover-content,
.schedule-trades-warning-hidden-lines-popover-content
{
    padding: 15px;
}

.request-viewer-resubmit-popover-content {
    float: left;
    padding: 15px;
    width: calc(100% - 5px);
}

.request-viewer-popover-memo {
    width: 91%;
}

.affected-dates-label {
    font-weight: bold;
    margin:0;
    font-size:12px;
}

/*General Manual Update tab container*/
.request-viewer-manual-update-tab-container {
    height: 425px;
}

    /*Container for the summary memo*/
    .request-viewer-manual-update-tab-container .grid-container {
        margin-top: 10px;
        height: 395px;
        overflow: hidden;
        background-color: #f4f4f4;
    }

/*General memo tab container*/
.request-viewer-memo-tab-container {
    height: 428px;
}
    /*Container for the summary memo*/
    .request-viewer-memo-tab-container .summary-memo-container {
        background-color: #ECECEC;
        margin-top: 10px;
        width: 49%;
        float: left;
        clear: none;
        height: 384px;
        overflow: hidden;
        margin-bottom:10px;
    }
    /*Container for the diagnostic memo*/
    .request-viewer-memo-tab-container .diagnostic-memo-container {
        margin-top: 10px;
        float: right;
        width: 49%;
        clear: none;
        height: 395px;
        overflow: hidden;
    }
    /*Container for the text displayed in the summary*/
    .request-viewer-memo-tab-container .summary-memo-container .summary-memo {
        overflow: scroll;
        height: 359px;
        padding-left: 40px;
        overflow-x: hidden;
    }

    .requestview-diagnostics-memo:focus,
    .requestview-summary-memo:focus
    {
        background: #e1e1e1;
    }

        /*Placing for font-awsome icons to be display properly */
        .request-viewer-memo-tab-container .summary-memo-container .summary-memo i {
            margin-left: -30px;
            position: relative;
            top: 16px;
        }
    /*Styling for the title of the summary memo*/
    .request-viewer-memo-tab-container .summary-memo-container .summary-memo-title {
        background: #ffffff;
        font-weight: 700;
        font-size: 14px;
        line-height: 25px;
    }

    .diagnostic-memo-title a,
    .summary-memo-title a {
        color: #333;
        text-decoration: none;
        cursor: default;
    }

    .sequential-shift-bids-details-schedules-details > a:focus,
    .diagnostic-memo-title a:focus,
    .summary-memo-title a:focus {
        outline: 1px dotted #206CA8;
    }

    /*Container for the text displayed in the diagnostics*/
    .request-viewer-memo-tab-container .diagnostic-memo-container .diagnostics-memo {
        height: 331px;
        overflow: scroll;
        margin-left: 20px;
        overflow-x: hidden;
    }

    /* safari 3+, chrome 1+, opera9+, ff 3.5+ */
   .request-viewer-memo-tab-container .diagnostic-memo-container .diagnostics-memo  {
       height:329px;
   }
    /*Styling for the title of the diangostic memo*/
    .request-viewer-memo-tab-container .diagnostic-memo-container .diagnostic-memo-title {
        background: #ffffff;
        font-weight: 700;
        font-size: 14px;
        line-height: 25px;
        margin-left: 10px;
    }

    /*Sizing,placing for the container of the kendoPanelBar*/
    .request-viewer-memo-tab-container .diagnostic-memo-container .diagnostic-memo-panelbar {

        overflow: hidden;
        margin-left: 20px;
        border: none;
    }

.request-viewer-link-surrogate {
    font-size: 12px;
    font-weight: bold;
}

    .request-viewer-link-surrogate:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.request-viewer-link-surrogate-colored {
    color: #00ADEF;
    font-size: 14px;
    font-weight: 700;
}

    .request-viewer-link-surrogate-colored:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.request-viewer-summary-grid-container tbody tr{
    height:40px;
}

.request-viewer-details-container {
    margin-top:20px;
}


/*Popover cell details dialog container */
.request-viewer-scorecard-celldetails-popover {
    overflow: hidden;
    min-width:320px; /*a min width large enough for the header is required because it uses floated elements*/
    max-width: 320px;
}
/*Header for the popover cell details dialog */
.request-viewer-celldetails-popover-header {
    background-color: #ECECEC;
    line-height: 32px;
    padding: 0px 6px;
    white-space:nowrap;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
}

.request-viewer-celldetails-popover-header-data{
    max-width: 281px;
    overflow: hidden;
    text-overflow: ellipsis;
}


.request-viewer-scorecard-celldetails-popover .header-group{
    margin:7px;
}
/*Title for the popover cell details dialog */
/*this has been commented due to bug 39195*/
/*.request-viewer-scorecard-celldetails-popover .celldetails-popover-header-title{
    font-weight:700;
    padding-left:15px;
    padding-right:15px;
}

.request-viewer-scorecard-celldetails-popover .scorecard-rule-status-fail {
    padding-left: 15px;
    padding-right: 15px;
}

.request-viewer-scorecard-celldetails-popover .scorecard-rule-status-wait{
    padding-left:15px;
    padding-right:15px;
}

.request-viewer-scorecard-celldetails-popover .scorecard-rule-status-defer{
    padding-left:15px;
    padding-right:15px;
}*/

.request-viewer-scorecard-celldetails-popover .celldetails-popover-content-title{
    font-weight:700;
}

.request-viewer-scorecard-celldetails-popover .header-group .celldetails-popover-content-title{
    display: none;
}

.request-viewer-scorecard-celldetails-popover i.icon-remove{
    padding-left:15px;
    padding-right:15px;
    line-height:14px;
}

.request-viewer-celldetails-popover-content {
    overflow-y: auto;
    max-height: 270px;
}

    /* Affected date and checker rule container for the popover cell details dialog*/
    .request-viewer-celldetails-popover-content .celldetails-popover-section {
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        border-bottom: 1px solid #ECECEC;
    }

    .request-viewer-scorecard-celldetails-popover p {
        white-space: pre-wrap;
    }

    .request-viewer-scorecard-celldetails-popover p.no-data {
        color:silver;
        font-style:italic;
}

/* Checker rule for the popover cell details dialog*/
.request-viewer-scorecard-celldetails-popover .celldetails-popover-checker-rule {
    clear: none;
    overflow: hidden;
}
.request-viewer-scorecard-celldetails-popover .celldetails-popover-checker-rule span{
    white-space:nowrap;
    }

.diagnostic-memo-title a.request-viewer-fail-on-pass,
.request-viewer-fail-on-pass {
    font-size: 15px;
    color: #F7951A;
    cursor: pointer;
    padding-left: 5px;
}

.request-viewer-fail-on-pass-tab-reposition {
    position:relative;
    left:-8px;
}

.web-notifications-more-messages-warning:hover,
.web-notifications-more-messages-warning:active,
.request-viewer-fail-on-pass-warning:hover,
.request-viewer-fail-on-pass-warning:active,
.schedule-trades-warning-hidden-lines:hover,
.schedule-trades-warning-hidden-lines:active
{
    border-bottom: none;
    text-decoration: none;
    color: #F7951A !important;
    cursor: pointer !important;
}

.web-notifications-more-messages-warning:focus,
.request-viewer-fail-on-pass-warning:focus {
    outline: 1px dotted #206CA8;
    text-decoration: none;
    outline-offset: 2px;
    color: #F7951A;
}

.request-viewer-fail-on-pass-warning-reposition{
    position: relative;
    left: 2px;
}


.cancel-request-dialog-focus {
    font-size: 15px;
}

.request-viewer-cancel-request-popover-information-section {
    margin-top:10px;
    margin-bottom: 10px;
}

.request-viewer-cancel-request-popover-information-icon {
    color: #3a86ba;
    font-size: 20px;
    vertical-align: middle;
}

.request-viewer-cancel-request-datepicker {
    border: solid 1px #ccc;
    border-radius: 4px;
    height: 150px;
    overflow-x: auto;
    overflow-y: auto;
    text-align: left;
  background:white;
}

.request-viewer-cancel-request-memo-label {
    float: left;
    font-weight: 700;
    font-size:12px;
    margin: 10px 0 0;
}

.request-viewer-cancel-request-popover-day-buttons {
    margin-bottom: 15px;
    margin-top: 7px;
    float: right;
}

.request-viewer-cancel-request-buttons
{
    float:none;
}

.request-viewer-cancel-request-popover-bottom-buttons {
    margin-top: 5px;
}
 .filter-dialog-actions button {
    float:right;
}
.request-viewer-fail-on-pass-popover{
    width:276px;
}
/* #endregion */
/*request viewer popover style*/

.resubmit-popover-content .resubmit-button-wrapper button{
    float:none;
    min-width: 80px;
    text-align: center;
    height: 27px;
}
.resubmit-popover-content .resubmit-button-wrapper .btn-secondary {
   width: 80px;
   margin: 10px 8px 0px 0px;
}
.resubmit-popover-content .resubmit-button-wrapper {
	float: left;
	padding: 15px 0 0;
	width: 100%;
	text-align: right;
}

/*#region cogwheel-popover-menu styles used for the cog wheel menu used in grids */

.cogMenu.popover .popover-content{
    max-height: 160px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*.default-popover-container {

}*/

.cogwheel-popover-menu {
    max-width: 310px;
    margin: 0;
}

ul.cogwheel-popover-menu {
    padding: 0;
    margin: 0 -14px;
    }

     .default-popover-menu li,
    .cogwheel-popover-menu li {
        width: 100%;
        text-align: left;
    }

    .cogwheel-popover-menu li:hover,
    .cogwheel-popover-menu li button.btn-link:hover,
    .default-popover-menu li:hover,
    .default-popover-menu li button.btn-link:hover {
            background: none repeat scroll 0 0 #00ADEF;
            color: #fff;
            text-decoration: none;
        }

        .default-popover-menu li button,
        .cogwheel-popover-menu li button {
        float: none;
            padding-left: 0;
            margin-left: 0;
            display: inline-block;
            text-align: left;
            width: 100%;
        }

        .default-popover-menu li button {
            width: auto;
            min-width: 100%;
            padding-right: 25px;
        }

        .cogwheel-popover-menu li button i,
        .default-popover-menu li button i{
            margin: 0 5px 0 10px;
        }
        .widgetcog .cogwheel-popover-menu li button i,
        .widgetcog .default-popover-menu li button i  {
                margin: 3px 5px 0 10px;
                float: left;
            }
        .widgetcog .cogwheel-popover-menu li button span,
        .widgetcog .default-popover-menu li button span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 35px);
    width: -webkit-calc(100% - 35px);
    width: -moz-calc(100% - 35px);
    float: left;
}

/*#endregion end cogwheel-popover-menu styles used for the cog wheel menu used in grids */

.kendo-grid-module-no-subtitle {
    margin-top: 20px;
}

/*#region generic widget styles */
.widget-container {
    min-height: 500px;
    position:relative;
}

    .widget-container > * {
        margin: 0 auto;
        -webkit-transition: height .4s;
        -moz-transition: height .4s;
        -o-transition: height .4s;
        -ms-transition: height .4s;
        transition: height .4s;
    }

.widget {
    display: inline-block;
    position: absolute;
    z-index: 2;
}

.widget:after {
    background: none repeat scroll 0 0 #000000;
    background: none repeat scroll 0 0 rgba(0,0,0,0.2);
    content: "";
    display: block;
    height: 1px;
    position: relative;
    top: -1px;
}

.widget-container .preview-holder {
    z-index: 1;
    position: absolute;
    background-color: #fff;
    border-color: #fff;
    opacity: 0.3;
}
.widget-container .dragging {
    z-index: 10!important;
    -webkit-transition: all 0s !important;
    -moz-transition: all 0s !important;
    -o-transition: all 0s !important;
    transition: all 0s !important;
}

.ready .gs_w:not(.preview-holder) {
    -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    -moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    -o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
}

.gridster .preview-holder {
    z-index: 1;
    position: absolute;
    background-color: #666;
    border-color: #333;
    opacity: 0.3;
}


.widget-toolbar {
    background-color: #444;
    height: 24px;
}

.widget-button {
    color: white;
    padding: 2px 8px;
    cursor: pointer;
}

    .widget-button:hover {
        color: #00adef;
    }

.widget-icon {
    color: white;
    font-size: 14px;
    cursor: default;
}

.widget-title {
    display: inline-block;
    color: white;
    padding: 2px 4px;
    vertical-align: baseline;
    overflow: hidden;
    white-space: nowrap;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 60px); /* leaves enough space for two buttons/icons but still truncates the text to keep layout */
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    float:left;
}

.widget-message-container {
    display: table;
    height: 100%;
    width: 100%;
}

.widget-scorecard .span12.widget-grid .k-grid-header{
    background-color:white;
}

.widget-full-scorecard-captions{
    padding-top:5px;
}

.widget-full-scorecard-captions   .widget-full-scorecard-captions-timeslice{
    float:left;
    max-width: 45%;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
}

.widget-full-scorecard-captions .widget-full-scorecard-captions-totalscore{
    float:right;
    max-width: 45%;
    overflow: hidden;
    text-align: right;
    white-space: nowrap;
}

.widget-full-scorecard .widget-full-scorecard-caption{
    font-weight:700;
}

.widget-scorecard .span12.widget-grid table th{
    background-color:white;
    color:black;
    font-weight:700;
    border:none;
}

.widget-message-centered {
    z-index: 1;
    position: relative;
    width: 100%;
    /*top:50%;*/
    /*display: table-cell;*/
    height: 100%;
    text-align: center;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    vertical-align: middle;
    padding: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow: hidden;
}
.widget-message-centered h5 {
    margin-top: 0;
    font-weight: 700;
    color: #cc0000;
}

.widget-scorecard .widget-message-centered div {
    font-weight: 400;
    word-wrap: break-word;
    max-width: 558px;
}

.widget-totalscore-gauge .widget-message-centered div,
.widget-message-centered div {
    font-weight: 400;
    word-wrap: break-word;
    max-width: 251px;
}

.widget h4 {
    font-size: 14px;
    font-weight: normal;
    min-height: 0 !important;
    margin: 4px 0;
    text-wrap: none;
    white-space: nowrap;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.widget-scorecard {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.widget-full-scorecard {
    padding-left:15px;
    padding-right:15px;
}

.widget-totalscore {
    width: 100%;
    height: 100%;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.widget-totalscore-gauge {
    width: 100%;
    /*height: 100%;*/
    padding-left: .5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.widget-totalscore-bignumber {
    width: 100%;
    height: 100%;
    padding-left: .5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right:2px;

}

.widget-team-name {
    right:0;
    left:0;
    text-align:center;
    padding:0 10px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size: 12px;
    font-weight: 700;
    color: rgba(255,255,255,0.4);
}

/*#endregion */

/*#region big number widget styles */

.widget-totalscore-bignumber-timeslice {
    padding:8px 10px 0 10px;
    font-size: 12px;
    font-weight: 700;
    color: rgba(255,255,255,0.4);
}

.widget-totalscore-bignumber-value{
    margin: 0 5px;
    white-space: nowrap;
}
.widget-totalscore-bignumber-value span{
    display: block;
    height: 35px;
    vertical-align: middle;
    line-height: 101%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 38px;
}
.widget-totalscore-bignumber-container{
    /*height: 100%;*/
    text-align:center;
    line-height: initial;
    position: absolute;
    top: 60%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

/*#endregion */

/*#region gauge widget styles */

.widget-gauge {
    height: 100%;
    margin: 15px auto 0;
    width: 260px;
}

.widget-gauge-titles{
    width:100%;
    font-weight:700;
    padding-top: 4px;
}

.widget-gauge-title-timeslice{
    float: left;
    max-width: 40%;
    overflow: hidden;
    padding-left: 15px;
    white-space: nowrap;
}

.widget-gauge-title-totalscore{
    float:right;
    padding-right:15px;
    max-width: 40%;
    overflow: hidden;
    white-space: nowrap;
}

.gauge-container {
    clear: both;
    /*height: 180px;*/
    height: 177px;
    overflow: hidden;
    width: 100%;
}

.radial-gauge {
    width: 220px;
    margin-top: -206px;
    left: 50%;
    position: relative;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*#endregion*/

/*#region chart widget styles */

.widget-chart-title {
    text-align:center;
    font-size:14px;
    font-weight:700;
}

.widget-line-chart-container-week{
    overflow:hidden;
}

.widget-line-chart-container-month{
    overflow:hidden;
}

.widget-line-chart-header{
    padding-left:15px;
    font-weight:700;
    padding-top:5px;
}

.widget-line-chart-footer{
    text-align:center;
    font-weight:700;
}

/*#endregion */

/*#region potentially unused styles */

.widget-content {
    padding: 0;
    border: 0;
    height: 253px;
    background-color: #eee;
}

.widget-cell {
    /* hard-coding the size for now; we need it because of timing issues with animations... */
    height: 254px;
    width: 281px;
}

/*#endregion */

/*#region additional widget styles */

.widget-info-button {
    color: #fff;
    position: absolute;
    right: 2px;
    top: 26px;
    font-size: 16px;
    padding: 5px;
    z-index: 1;
}

.widget-info-button:hover,
.widget-info-button:focus {
    text-decoration: none;
    color: #ccc;
}

.widget-grid {
    height: 195px;
}

.widget-score-centered {
    position: absolute;
    z-index: 1;
    width: 100%;
    top:55%;
    text-align: center;
    /*color: white;*/
    font-size: 20px;
    margin: auto;
}

.widget-text-centered {
    text-align: center;
}

.widget-message-area {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
}

.widget-error {
    margin: 0;
    display: block;
    overflow-x: hidden;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/*#endregion */

.pointer * {
    cursor: pointer !important;
}


.memo-wrapper {
    overflow-y: auto !important;
    padding:15px 15px 0 15px;
    max-height: 60px;
    line-height: 16px;
    font-size: 12px;
    margin: 0;
    min-width:150px;
    text-align:justify;
    padding-right:10px;
    color:#666666;
}

/*SHIFT BIDS popover, popover button styles*/
.memo-opacity
{
    text-decoration:none;
    opacity: 0.0;
}

.shuft-bids-btn .btn-secondary
	{
        width: 80px;
        padding: 1px 10px;
        margin: 15px;
    }

.popover .memo-wrapper {

    max-height: 80px;
    max-width:250px;

}

.footer-btn-container,
.shiftbid-btn-container,
.requestbid-btn-container,
.sequential-shift-bids-btn-container,
.schedule-trade-add-btn-continer {
    margin:20px 0px 10px 0px;
    text-align:right;
}

.schedule-trade-add-btn-continer {
    position:relative;
    z-index:1;
    margin-top:22px;
}

.shiftbid-main-coninter, .requestbid-main-coninter {
    height:565px;
}

.schedule-control-day-header-sequential-shift-bid{
    background-color:  #e4e4e4;
    color:white;
    text-align:left;
    font-weight:bold;
    padding:4px;
    padding-left:12px;
	clear:both;
    height:18px;
}

.schedule-control-day-header-sequential-shift-bid > a {
    color:#000;
    text-decoration: none;
}

.schedule-control-day-header-dates-sequential-shift-bid
{
    padding-left:0px;
}

.schedule-control-day-header-expcoll-group-sequential-shift-bid
{
    width:36%;
    display: inline-block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-control-day-header-time-range-group-sequential-shift-bid
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align:left
}

.schedule-control-day-header-time-range-sequential-shift-bid{}

.schedule-control-day-header-sequential-shift-bid > a:focus > .schedule-control-day-header-expcoll-group-sequential-shift-bid > .schedule-control-day-header-dates-sequential-shift-bid,
.schedule-control-day-header-sequential-shift-bid > a:active > .schedule-control-day-header-expcoll-group-sequential-shift-bid > .schedule-control-day-header-dates-sequential-shift-bid,
.schedule-control-day-header-sequential-shift-bid > a:hover > .schedule-control-day-header-expcoll-group-sequential-shift-bid > .schedule-control-day-header-dates-sequential-shift-bid
{
    text-decoration:underline
}

#scheduleControlContainerSSB
{
}

.requestBidComboDiv .k-widget input,
.shiftBidComboDiv .k-widget input {
	font-size:12px;
}

/* Aspect Dialog Types */
.aspect-dialog-error {

}

.aspect-dialog-warning {

}

.aspect-dialog-info {

}

.aspect-dialog-success {
}

.aspect-dialog-question {
}

/*Dialog container*/
.aspect-dialog-container{
    cursor: default;
}

/*Dialog header font styling*/
.aspect-dialog-header{
    background-color: #f5f5f5;
    padding: 0;
    border-radius: 6px 6px 0 0;
    text-align: left;
    line-height: 48px;
    font-weight:700;
    font-size:14px;
}

.aspect-dialog-header a
 {
        color: #000;
        line-height: 48px;
        font-size: 14px;
        font-weight: 700;
    }

.aspect-dialog-header a,
.aspect-dialog-header span
{
    border-bottom: none;
}

/*Dialog body container*/
.aspect-dialog-body{
}

.aspect-dialog-container .aspect-dialog-actions{
    height:45px;
    float: right;
    margin-right: 15px;
}

/*Success dialog*/
.aspect-dialog-success .aspect-dialog-header,
.aspect-dialog-success .aspect-dialog-header span,
.aspect-dialog-success .aspect-dialog-icon{
    color: #99cc33;
}

/*Error dialog*/
.aspect-dialog-error .aspect-dialog-header,
.aspect-dialog-error .aspect-dialog-header span,
.aspect-dialog-error .aspect-dialog-icon{
    color: #c60000;
}

.aspect-error-dialog {
    width: 450px;
}

.dialog-error-message {
    padding: 15px;
    text-align: left;
}

.dialog-error-context,
.dialog-error-content {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-weight: 700;
    height: 40px;
    overflow-x: hidden;
    overflow-y: auto;
    word-wrap: break-word;
}

.dialog-error-custom-content {
    overflow-y:auto;
    height:90px;
}

.dialog-error-custom-content span {
    display:block;
}

.dialog-error-custom-content .custom-error-header {
    margin-top:10px;
    font-weight:bold;
}

.dialog-error-context:empty,
.dialog-error-custom-content:empty {
    display: none;
}

.dialog-error-details-content {
    height: 170px;
}

.dialog-error-content {
    height: 100px;
    font-weight: 400;
}

.dialog-error-context:empty + .dialog-error-content{
    height: 140px;
}

.error-carousel {
    float: left;
    line-height: 22px;
    font-weight: 700;
    font-size: 14px;
    color: #333;
}

.error-carousel > button {
    float: none;
    background: none;
    color: #00adef;
    padding: 2px 0;
    margin: 0;
    font-size: 18px;
    width: 20px;
    margin-left: 5px;
}

.error-carousel > button:not([disabled]):hover,
.error-carousel > button:not([disabled]):focus {
    color: #206CA8;
    outline: 1px dotted #206CA8;
}

.error-carousel > button + button{
    margin-left: 0;
}

.error-carousel > button[disabled]
{
    background: none;
    color: #aaa;
}

/*Warning dialog*/
.aspect-dialog-warning .aspect-dialog-header,
.aspect-dialog-warning .aspect-dialog-header span,
.aspect-dialog-warning .aspect-dialog-icon{
        color: #f89519;
}

/*Info dialog*/
.aspect-dialog-info .aspect-dialog-header,
.aspect-dialog-info .aspect-dialog-header span,
.aspect-dialog-info .aspect-dialog-icon{
    color: #3A86BA;
}

/*Question dialog*/
.aspect-dialog-question .aspect-dialog-header,
.aspect-dialog-question .aspect-dialog-header span,
.aspect-dialog-question .aspect-dialog-icon{
    color: #99cc33;
}


/*Dialog body*/
.aspect-dialog-body .aspect-dialog-body-content{
    padding:15px;
    text-align:left;
    font-weight:700;
    max-width:350px;
}

.aspect-dialog-body-content-carriage-returns
{
    max-height:300px;
    overflow-y:auto;
    word-break: normal;
    display: block;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 12px;
    font-weight:400;
    border:none;
    background:none;
    margin-bottom:0;
    padding:0;
}

.aspect-dialog-header-icon {
    margin-left: 15px;
    font-size: 14px;
}


/*Dialog ok button*/
.aspect-dialog-actions .aspect-dialog-button{
    min-width:80px;
    text-align:center;
    height:27px;
    margin-top:3px;
}

.aspect-warning-dialog-action{
    float:right;
    margin:0px 15px 15px 0px;

}

.aspect-revert-dialog-button{
    min-width:80px;
    text-align:center;
    float:left;
    height:27px;
    padding:0;
    margin-top:3px;
}

/* End Aspect Dialog Types */


/* #region wfm request scorecard styles*/
.scorecard-history-table,
.scorecard-table {
    float: left;
}

.scorecard-table-container .scorecard-table {
    border-left: solid 1px red;
}

.scorecard-history-table tbody td,
.scorecard-table tbody td {
    height:60px;
    padding:0px;
}
.scorecard-table tbody td > div,
.scorecard-history-table tbody td > div {
    height:60px;
    margin:0px;
    overflow:hidden;/* otherwise cell contents can cause the TR and TD size not to match other synchornized tables*/
}

.scorecard-history-table-group-column,
.scorecard-table-group-column {
    background: transparent;
    border: none;
    color: #333;
}

.scorecard-history-table-group-text,
.scorecard-table-group-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top:7px;
    width: 200px;
}

.scorecard-history-table-group-column > div,
.scorecard-table-group-column > div {
    width: 220px;
    overflow: hidden;
}

.scorecard-history-table-group-column span,
.scorecard-table-group-column span {
    display: block;
}

th.scorecard-history-table-group-column span,
th.scorecard-table-group-column span {
    font-size: 18px;
}

.scorecard-cell-details-button {
    margin-top:-2px;
}

td.scorecard-history-table-group-column,
td.scorecard-table-group-column {
    border-top: 1px solid #ccc;
}

.scorecard-history-table-group-column-header,
.scorecard-table-group-column-header {
    height: 31px;
    width: 240px;
}

.scorecard-history-table .scorecard-cell,
.scorecard-table .scorecard-cell {
margin: 20px 12px 0px 12px;
}

.scorecard-cell a:not(.toolbar-button) {
    display: inline-block;
    max-width: 56px;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
    cursor: default;
}

.scorecard-cell a:not(.toolbar-button):focus {
    outline: 1px dotted #206CA8;
}

th.scorecard-history-table-header-cell,
th.scorecard-table-header-cell {
    border-color: #535353;
    text-align: center;
    height: 30px;
    position: relative;
    width: 108px;
}

    th.scorecard-history-table-header-cell span,
    th.scorecard-table-header-cell span {
        font-size: 12px;
        float:left;
        padding-left:7px;
        line-height: normal;
    }

th.scorecard-history-table-header-cell-filler,
th.scorecard-table-header-cell-filler {
    background: inherit;
    border: none;
    width: 8px;
}

.scorecard-history-table-data-cell,
.scorecard-table-data-cell {
    border-top: 1px solid #ccc;
    border-right: 1px solid #888;
    border-left: 1px solid #888;
    width: 110px;
}
.scorecard-history-table-data-cell >div,
.scorecard-table-data-cell >div  {
    width:110px;/*margin:0 and overflow:hidden set in another style.  This keeps the cells from changing size after the matrix control calculates page metrics*/
}
.scorecard-history-table-data-cell-filler,
.scorecard-table-data-cell-filler {
    border-left: none;
    border-right: none;
    border-top: 1px solid #eee;
    width: 10px;
}

.scorecard-history-table-footer-cell,
.scorecard-table-footer-cell {
    border-top: none;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
    border-left: 1px solid #888;
    border-radius: 0 0 3px 3px;
}

.scorecard-history-table-data-container,
.scorecard-table-data-container {
    overflow: hidden;
}

.scorecard-history-table-tables-wrapper,
.scorecard-table-tables-wrapper {
    overflow: hidden;
    width: 75%;
    float: left;
}

.scorecard-history-table-group-container,
.scorecard-table-group-container {
    float: left;
    width: 25%;
}

.scorecard-table-group-container table {
    width: calc(100% - 1px);
}

.scorecard-table-group-container .scorecard-table-data-cell-filler {
    border-top: 1px solid #ccc;
}

.scorecard-history-table-headers-container,
.scorecard-table-headers-container {
    position: relative;
    width: 20000px;
    height: 100%;
}

.scorecard-history-table-columns-container,
.scorecard-table-columns-container {
    position: relative;
    width: 20000px;
}

.scorecard-history-table-container,
.scorecard-table-container {
    float: left;
}

.scorecard-rule-status {
    font-size: 14px;
}

.scorecard-rule-status-fail {
    color: red;
    font-weight: bold;
}

.scorecard-rule-status-pass {
    color: green;
    font-weight: bold;
}

.scorecard-rule-status-na,
.scorecard-rule-status-wait {
    color: black;
    font-weight: bold;
}

.scorecard-rule-status-defer {
    color: #FDA635;
    font-weight: bold;
}

.scorecard-header-result {
    float: right;
    width: 10px;
    height: 10px;
    line-height: 10px;
    border: solid 1px white;
    border-radius: 3px;
    font-size: 10px;
    margin-left: 15px;
    margin-top: 1px;
}

    .scorecard-header-result:focus
    {
        outline: 1px dotted #FFFFFF;
        outline-offset: 2px;
        text-decoration: none;
    }

    a.scorecard-row-result {
        text-decoration: none;
    }

.scorecard-row-result {
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 3px;
    font-size: 10px;
    position: relative;
    left: -5px;
    float: right;
    top: -29px;
}
    .scorecard-row-result:focus
    {
        outline: 1px dotted #206CA8;
        outline-offset: 2px;
        text-decoration: none;
    }


#manualUpdatesView .scorecard-row-result {
    top: -33px;
    height: 12px;
}

.scorecard-header-result-fail {
    background-color: red;
}

.scorecard-header-result-defer {
    background-color: #FDA635;
}

.scorecard-header-result-pass {
    background-color: green;
}

.scorecard-header-result-na,
.scorecard-header-result-wait {
    background-color: #9999ff;
}

.scorecard-table-horizontal-scroller,
.scorecard-history-table-horizontal-scroller {
    padding-top: 15px;
    height:33px;/*must have a height for the initial render to work*/
    text-align: right;
    overflow:hidden;
}

    .scorecard-table-horizontal-scroller ol,
    .scorecard-history-table-horizontal-scroller ol {
    }

    .scorecard-table-horizontal-scroller li,
    .scorecard-history-table-horizontal-scroller li {
        display: inline;
    }

    .scorecard-table-horizontal-scroller li a{
        text-decoration: none;
    }

    .scorecard-table-horizontal-scroller li a:focus{
        text-decoration: none;
        outline: 1px dotted #206CA8;
    }

.scorecard-table-horizontal-scroller-previous,
.scorecard-history-table-horizontal-scroller-previous {
    font-size: 18px;
    padding: 5px;
}

    .scorecard-table-horizontal-scroller-previous a:hover,
    .scorecard-histor-table-horizontal-scroller-previous a:hover {
        text-decoration: none;
    }

.scorecard-table-horizontal-scroller-previous-disabled,
.scorecard-history-table-horizontal-scroller-previous-disabled {
    color: #ccc;
}

.scorecard-table-horizontal-scroller-next,
.scorecard-history-table-horizontal-scroller-next {
    font-size: 18px;
    padding: 5px;
}

    .scorecard-table-horizontal-scroller-next a:hover,
    .scorecard-history-table-horizontal-scroller-next a:hover {
        text-decoration: none;
    }

.scorecard-table-horizontal-scroller-next-disabled,
.scorecard-history-table-horizontal-scroller-next-disabled {
    color: #ccc;
}

.scorecard-table-horizontal-scroller-page,
.scorecard-history-table-horizontal-scroller-page {
    color: #00ADEF;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
}

.scorecard-table-horizontal-scroller-page-selector,
.scorecard-history-table-horizontal-scroller-page-selector {
    font-size: 9px;
    padding: 4px;
}

    .scorecard-table-horizontal-scroller-page-selector.disabled a,
    .scorecard-history-table-horizontal-scroller-page-selector.disabled a {
        color: #aaa;
    }

        .scorecard-table-horizontal-scroller-page-selector a:hover,
        .scorecard-table-horizontal-scroller-page-selector.disabled a:hover,
        .scorecard-history-table-horizontal-scroller-page-selector a:hover,
        .scorecard-history-table-horizontal-scroller-page-selector.disabled a:hover {
            color: #00ADEF;
            text-decoration: none;
        }

.scorecard-memo {
    white-space: pre-wrap;
}

.matrix-headers-container {
    height: 33px;
}

.matrix-header-container {
    height: 100%;
    float: left;
}

.matrix-headers-wrapper {
    overflow: hidden;
}

/* #endregion */

/* #region wfm request manual updates styles*/
.manual-update-header {
    border: solid 1px #ccc;
    border-radius: 4px;
    margin: 10px 0;
    padding: 10px;
}

.manual-update-header-column {
    float: left;
    width: 20%;
}

.manual-update-header-column-title {
    display: block;
    font-weight: 700;
}

.manual-update-header-memo {
    min-height: 20px;
    overflow: auto;
}

.manual-updates-canceled-days-container {
    height: 355px;
    width:200px;
    overflow-y: hidden;
    padding-top: 6px;
}

.manual-updates-canceled-days-grid {
    overflow-y: scroll;
    height: 300px;
    width: 185px;
    border: 2px solid #ccc;
    border-radius: 3px 3px 0 0;
    margin-top: -10px;
}

.manual-updates-canceled-days-grid-title {
    background-color: #535353;
    color: #fff;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 10px 10px 0;
    border: 3px solid #ccc;
    border-radius: 3px 3px 0 0;
    border-bottom: none;
    height: 28px;
    text-align: center;
}
.manual-updates-canceled-days-grid-title span{
    display: block;
    padding-top: 4px;
}
.manual-updates-canceled-days-grid li {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    margin-left: -25px;
}

/* #endregion */

.checker-rule-loading-spin > div {
    height: 40px;
    width: 40px;
    margin-top:8px;
}



/* WFO Navigation Menu*/
.navigation-menu-container {
	position: relative;
}

/*Stub used by nav JS*/
.navigation-menu {
}

.navigation-submenu-container .navigation-submenu {
	z-index: 99991;
	visibility: visible;
}

.navigation-menu-opened .navigation-submenu > li,
.navigation-submenu > li,
.navigation-submenu-category-last  li {
	opacity: 1;
	-webkit-transition: opacity 0.5s 0.2s;
	-moz-transition: opacity 0.5s 0.2s;
	transition: opacity 0.5s 0.2s;
    border-right: 1px solid #414141;

    padding-right: 10px;
    width: 20%;
}

.navigation-submenu-category.last {
    border-right: none;
}

.navigation-menu-opened .navigation-submenu > li,
.navigation-submenu > li,
.navigation-submenu-category .last  li {
	opacity: 1;
	-webkit-transition: opacity 0.5s 0.2s;
	-moz-transition: opacity 0.5s 0.2s;
	transition: opacity 0.5s 0.2s;
    border-right: 1px solid #414141;

    padding-right: 10px;
    width: 18%;
}

/* Submenu*/
.navigation-submenu {
	position: absolute;
	visibility: hidden;
    margin-top:20px;
}

.navigation-submenu-category
{
    display: inline-block;
    vertical-align: top;
}

.navigation-submenu > li{
	text-align: left;
	vertical-align: top;
	opacity: 1;
	-webkit-transition: opacity 0.2s 0s;
	-moz-transition: opacity 0.2s 0s;
	transition: opacity 0.2s 0s;
    display: inline-block;
}

.navigation-submenu-category-title,
.navigation-submenu-category-title a span
{
    font-size:17px;
    color:#94D60A;
    text-align:left;
    margin-bottom: 5px;
    margin-top: 10px;

}

.navigation-submenu-category-title a {
    text-decoration: none;
}
.navigation-submenu-category-title a.i18nTranslation {
    color:#94D60A;
}
.navigation-submenu-category-title a.i18nTranslation:hover {
    text-decoration:underline;
}

.navigation-submenu > li a span {
    min-height: 3em;
}

.navigation-submenu > li i {
    color: #94D60A !important;
    text-decoration: none !important;
	margin-right: 5px;
	font-size: 0.5em;
	position: relative;
	top: 7px;
	display: inline-block;
	vertical-align: top;
}


.navigation-submenu-container {
	background-color: #1D1D1D;
    position: absolute;
	left: 0;
	z-index: 99990;
	height: 0px;
	-webkit-transition: height 0.4s;
	-moz-transition: height 0.4s;
	transition: height 0.4s;
    width: 100%;
    overflow: hidden;
}

.navigation-submenu-container.inactive {
    height: 0px !important;
}

.adminNav .navigation-submenu-category-title,
.adminNav .navigation-submenu-category-title a span
{
    font-size:17px;
    color:#FFD100;
    text-align:left;
    margin-bottom: 5px;
    margin-top: 10px;

}

.adminNav .navigation-submenu > li i {
    color:#FFD100 !important;
    text-decoration: none !important;
	margin-right: 5px;
	font-size: 0.5em;
	position: relative;
	top: 7px;
	display: inline-block;
	vertical-align: top;
}

.adminNav .wfo_gear_dropdown {
    width:300px;
    position:absolute;
    background-color:#fff;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.46);
    z-index:99992;
    border-bottom:8px solid #FFD100;
}


.adminNav .wfo_gear_dropdown li i {
    color: #FFD100 !important;
    text-decoration: none !important;
    margin-right: 10px;
    font-size: 0.6em;
    position: relative;
    top: -2px;
}

.adminNav #wfo-headerNavbar-cog i {

    color:#FFD100;
}

.adminNav .slider-prev, .adminNav .slider-next{
    color: #FFD100 !important;
}

.adminNav .slider-prev.inactive, .adminNav .slider-next.inactive {
    color:grey !important;
}

@media (min-width: 500px) and (max-width: 979px) {

    .navigation-submenu-container {
        width: 1000px;
        padding: 0 20px;
     }

    .navigation-menu-opened .navigation-submenu > li,
    .navigation-submenu > li
     {
        width: 185px;
    }
}

@media (min-width: 1200px) {

    .navigation-menu-opened .navigation-submenu > li,
    .navigation-submenu > li {
        width: 18%;
    }
}

/*Overrides for nav text transformations and icons */
.navbar .nav > li > a
{
	text-transform: none;
	font-weight:700;
	font-size: 1.2em;
}

.nav-spinner{
    position:relative;
    top:7px;
    color:white
}
.navigation-menu > li > a > i
{
    /*text-decoration: none !important;*/
    margin-right: 5px;
}

.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus,
.navigation-submenu-category li a{
    /*text-decoration: underline !important;*/
    color:#ffffff;
}

.navigation-submenu-category li a,
.adminNav .navigation-submenu-category li a {
    display: inline-block;
    width: 86%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}

.navigation-submenu-category-title a,
.adminNav .navigation-submenu-category-title a {
    display: inline-block;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:normal !important;
}

li.navigation-submenu-category-title {
    white-space:normal;
    word-wrap: break-word;
}


/* End of WFO Navigation*/

.no-data {
    color: silver;
    font-style: italic;
}


/* #region Two col Layout */

.two-col-layout {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    justify-content: flex-start;
    box-sizing: border-box;
}

.two-col-layout-small-col {
  -webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
  -ms-flex-order: 1;              /* TWEENER - IE 10 */
  -webkit-order: 1;               /* NEW - Chrome */
  order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1;            /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;               /* OLD - Firefox 19- */
  width: 25%;                     /* For old syntax, otherwise collapses. */
      box-sizing: border-box;
}

.two-col-layout-large-col {
  -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
  -ms-flex-order: 2;              /* TWEENER - IE 10 */
  -webkit-order: 2;               /* NEW - Chrome */
  order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
  width: 73%;                     /* No flex here, other cols take up remaining space */
  -moz-box-flex: 1;               /* Without this, Firefox 19- expands to widest paragraph, overrides width */
  background: white;
      box-sizing: border-box;
  border-color: #D5D5D5;
  background: none repeat scroll 0 0 #F5F5F5;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  padding: 15px;
}

.col-type-one { /* Grey with rounded corners & grey border */
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding-bottom: 15px;
    vertical-align: top;
    margin-right: 2%;
        box-sizing: border-box;
}

.col-for-tabstrip {
    border-image: none;
    border-radius: 0 0 4px 4px;
    border-right: 1px solid #D5D5D5;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    margin-top: 31px;
    padding-bottom: 15px;
    vertical-align: top;
        box-sizing: border-box;
    padding: 0;
}

.col-for-tabstrip .k-tabstrip {
    position: relative;
    top: -31px;
    left: -1px;
}

.col-for-tabstrip .k-tabstrip .k-content,
.col-for-tabstrip .k-tabstrip .k-content.k-state-active,
.col-for-tabstrip .k-tabstrip .k-content.k-state-active:hover  {
    background: transparent;
    padding: 15px;
    -moz-box-sizing: border-box;
    border: none;
    border-top: solid 1px #d5d5d5;
}

.two-col-layout-small-col ul {
    margin: 15px;
}

.two-col-layout-small-col fieldset legend {
    margin-bottom: 0;
    padding-left: 15px;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.two-col-layout-small-col fieldset li {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.two-col-layout-small-col fieldset input,
.two-col-layout-small-col fieldset select {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 6px;
    height: 26px;
}

#userRolesEtc .btn-secondary,
#userRolesEtc .btn-secondary:hover {
	font-weight:500;
	font-size:13px;
}

/* #endregion Two col Layout */

/* #region Summary View Click Through */
.clickThrough {
    color: white;
    text-decoration: underline;
}

.clickThrough:hover {
    color: white;
}
/* #endregion Summary View Click Through */

.segmentContainer .horizontal-agenda-list {
    min-height:400px;
}

.segmentContainer .horizontal-resolution-list {
    min-height:400px;
}


.segment-container-wrapper
{
    margin-right: 15px;
    margin-left: 2px;
}


/* # Access Denied page  */
.ban-icon
{
    color: red;
    text-indent: 8px;
}
/* # Access Denied page  */


 /*Segment view sidebar scroll fix*/


.container #mainContainer #sidebar{

    z-index:0;
}


/* #region Agent Productivity*/
.agent-productivity-grid-container{
    margin-top:15px;
    margin-bottom:10px;
    height:450px;
}

.agent-productivity-header-info-container{
    padding-top:10px;
    margin-right:10px;
    line-height:10px;
}

.agent-productivity-header-info-container .agent-productivity-header-label{
    font-weight:700;
}

.agent-productivity-header-dates-container{
    float:left;
    clear:none;
    margin-right:20px;
}

.agent-productivity-header-activity-container{
    float:left;
    clear:none;
}

.agent-productivity-grid-aggregate-number{
    display: block;
    text-align: right;
}

.agent-productivity-grid .k-grid-footer {
    background:#d7d7d7;
    border-color:#d7d7d7;
}

/*.agent-productivity-grid.k-grid td {
    border-width:0 1px 1px 0;
}*/

.agent-productivity-grid .k-grid-header th {
    border-right: solid 1px #474747;
    border-width: 0 1px 0 0;
}

.agent-productivity-grid .k-grid-footer-wrap {
    border-color:#d7d7d7;
}


.agent-productivity-grid .k-grid-footer .k-footer-template td{
    background:#d7d7d7;
    border-color:#d7d7d7;
}

.agent-productivity-grid .k-grid-footer .k-footer-template span{
    color: #000000;
    font-weight:700;
}

.agent-productivity-filer-label
{
    padding-top:10px;
}

.agent-productivity-drop-down,
 .k-dropdown {
    text-align: left;
}

.agent-productivity-grid .k-group-footer td.k-group-cell {
    background: none repeat scroll 0 0 #EBEBEB !important;
    border-bottom: medium none !important;
    border-top: medium none !important;
}

.agent-productivity-grid tr.k-group-footer td {
    background: none repeat scroll 0 0 #D7D7D7 !important;
    border-top: 1px solid #888888 !important;
    color: #000000;
    font-weight: 700;
}

/* #endregion Agent Productivity*/

/*
    WFM access denied
    */
.area-not-connected-access-denied-description,
.module-access-denied-description
{
    padding-left:25px;
    padding-top:55px;
}

.area-not-connected-access-denied,
.module-access-denied
{
   border-bottom: 0px solid #EFEFEF !important;
}

/*side bar*/

.main-sidebar-apm-perfomance,
.primary-sidebar {
    background: none repeat scroll 0 0 #EFEFEF;
    float: left;
    padding: 0;
    position: relative;
    z-index: 500;
    overflow: hidden;
    width: 0px;
    -webkit-transition: width 0.5s ease, height 0s ease;
    -moz-transition: width 0.5s ease, height 0s ease;
    -o-transition: width 0.5s ease, height 0s ease;
    -ms-transition: width 0.5s ease, height 0s ease;
    transition: width 0.5s ease, height 0s ease;
    border-left: 0;
    box-shadow: -1px 1px 0 #dadada;
}

.main-sidebar-apm-perfomance {
    height: 607px;
}

.treebtn-apm-perforamce, .treebtn-apm-perforamce:hover, .treebtn-apm-perforamce:focus,
.treebtn, .treebtn:hover, .treebtn:focus
{
    background-color:#FFF;
    color:#009cd8;
    z-index:999;
    font-size:18px;
    float:left; margin:8px 0px 0px 5px;
}

.sidebar-apm-mainarea,
.sidebar-mainarea {
    overflow-x: hidden;
}

.sidebar-scorecard,
.sidebar-coachingimpact {
    width: 235px;
    overflow: hidden;
    height: 100%;
}

.sidebar-scorecard {
    width: 235px;
}

.sidebar-scorecard ul,
.sidebar-coachingimpact ul{
	margin: 0 15px 15px 15px;
}
.sidebar-scorecard .btn-container,
.sidebar-coachingimpact .btn-container {
    padding-right: 15px;
}
.sidebar-scorecard select,
.sidebar-coachingimpact select{
    width:100%;
}

.main-sidebar-apm-perfomance.main-sidebar-change-apm-perfomance
.primary-sidebar.primary-sidebar-change {
    border-left: 0;
}

.main-sidebar-change-apm-perfomance,
.primary-sidebar-change {
    width: 265px;
}

.main-sidebar-change-apm-perfomance {
    width: 235px;
}

.primary-sidebar-content {
    padding: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 265px;
}

.primary-sidebar-content.scrollable {
    border-top: solid 1px #e4e4e4;
    padding-top: 0;
}

.primary-sidebar-scrollable {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
    padding-right: 15px;
    width: calc(100% + 15px);
}

/* Slider Nav*/
.navigation-submenu-slider {
    float: right;
    padding-top: 7px;
    margin-right:10px;
}

.slider-prev,
.slider-next{
    font-size:20px;
    color:#94D60A;
    padding: 5px;
    margin-left:7px;
    cursor:pointer;
}

.slider-prev.inactive,
.slider-next.inactive{
    color:grey;
    cursor:default;
}
.slider-prev:hover,
.slider-next:hover{
    color:#fff;
}

.slider-prev.inactive:hover,
.slider-next.inactive:hover{
    color:grey;
}

.navigation-page-submenu {
    min-height: 100px;
    margin-left: -10px;
    margin-top: -30px;
    float: left;
}

.navigation-page-slider{
    height: 30px;
}

.navigation-page .bx-wrapper .bx-loading {
    background: none;
}

.navigation-page .bx-wrapper .bx-viewport {
    background: none;
    box-shadow: none;
    border: none;
    left: -5px;
    height: 100% !important;
}

.navigation-page-submenu .navigation-submenu {
    width: 100%;
    margin-left: -30px;
}

.bx-slider {
    height: 100%;
}

.bx-wrapper
{
    max-width: 100% !important;
}
/* Slider End Nav*/


/* Agent search modal*/
.agent-search {
    min-width:720px;
}

.agent-search .agent-search-label{
    margin-top:0px;
    padding-top:0px;
}
/* Agent search modal*/


/* WFM Web Notifications - Start*/

.web-notifications-container{
    height: 457px;
    margin-top:15px;
}
.web-notifications-module-toolbar-buttons{
    float:left;
    clear:none;
}

.web-notifications-auto-refresh-spinner{
    float:right;
    clear:none;
    margin-right:30px;
    padding-top:4px;
}


.web-notifications-message-count{
    float:right;
    clear:none;
    line-height:28px;
    font-size:16px;
}



.web-notifications-sub-container{
    width:100%;
}
/*Message list*/
.web-notifications-list{
    float:left;
    clear:none;
    background-color:#ececec;
    width:250px;
}
/*Message details Header and body*/
.web-notification-message-details{
    margin-left:265px;
    background-color:#ececec;
    height:445px;
    width:auto;
}

.web-notifications-message{
    float:right;
    clear:none;
    background-color:#ececec;
}
.web-notifications-list ul{
    overflow-y:auto;
    overflow-x:hidden;
    margin-left:0;
    margin-bottom:0;
    height:445px;
}
/*List Item*/
.web-notifications-list li{
    height:70px;
    border-bottom-style:solid;
    border-bottom-color:white;
    border-bottom-width:1px;
    padding:5px;
}

/*List item selected */
.web-notifications-list li.web-notification-summary-message-selected{
    background-color:#00ADEF;
    color:white;
}
/*List item selected hover*/
.web-notifications-list li.web-notification-summary-message-selected:hover{
 background-color:#00ADEF;
}
/*List item hover*/
.web-notifications-list li:hover{
    background-color:#c4c4c4;
}
/*List item hover delete message disabled*/
.web-notifications-list li:hover .web-notifications-message-summary-header-delete-message.button-disabled {
    background-color:#c4c4c4;
}

/*List item selected delete message hover*/
.web-notifications-list li.web-notification-summary-message-selected .web-notifications-message-summary-header-delete-message:hover{
 color:lightblue;
 text-decoration:none;
 cursor:pointer;
}

/*List selected item delete message disabled hover*/
.web-notifications-list li .web-notifications-message-summary-header-delete-message.button-disabled{
    background:#ececec;
}

/*List selected item delete message disabled hover*/
.web-notifications-list li .web-notifications-message-summary-header-delete-message.button-disabled:hover{
    cursor:not-allowed;
    text-decoration:none;
    background:#c4c4c4;
}

/*List item delete message hover*/
.web-notifications-list li .web-notifications-message-summary-header-delete-message:hover{
    cursor:pointer;
    color:gray;
    text-decoration:none;
}

.web-notification-summary-message-selected .auto-refresh-aware{
    background-color: #00ADEF !important;
    color:white;
}

 .web-notifications-list li.web-notification-summary-message-selected:hover .web-notifications-message-subject{
    color:white;
}

.web-notifications-list li:hover .web-notifications-message-subject,
.web-notifications-list li:focus .web-notifications-message-subject
{
    cursor:pointer;
}

.web-notifications-message-summary-header-time{
    float:left;
    clear:none;
    margin-top:2px;
}
.web-notifications-message-summary-header-date{
    float:right;
    clear:none;
    margin-left:4px;
}

.web-notifications-message-summary-header-delete-message{
    font-size:16px;
    margin-left:10px;
    margin-top:-3px;
    color:#353535;
}

.web-notifications-message-summary-header-delete-message.button-disabled{
    font-size:16px;
    margin-left:10px;
    margin-top:-3px;
    color:#666;
}

.web-notifications-message-summary-subject-container{
    height:16px;
    overflow:hidden;
    margin-right:20px;
    line-height:15px;
    margin-top:5px;
    margin-bottom:5px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.web-notifications-message-subject{
    font-weight:700;
    font-size:13px;
    color: #000;
    /*display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    height:40px;
    margin-right:10px;*/
}


.web-notifications-message-subject:hover{
    color: #000;
}

.web-notifications-message-subject:focus{
    color: #000;
}

.web-notifications-message-subject-selected {
    color: #fff;
}

.web-notifications-message-subject-selected:focus{
    color: #fff;
}

.web-notifications-message-summary-sender{
    float:left;
}



.web-notifications-no-messages{
    text-align:center;
    color:#DBD9D9;
}

.web-notifications-no-messages-envelope{
    font-size:150px;
    padding-top:150px;
    display:inline-block;
}

.web-notifications-no-messages-text{
    font-size:30px;
}

.web-notification-message-details-header{
    border-bottom-style:solid;
    border-bottom-color:white;
    border-bottom-width:10px;
    padding-top:10px;
    padding-bottom:15px;
    padding-left:20px;
    padding-right:20px;
    height:55px;
}

.web-notification-message-details-header-subject{
    float:left;
    clear:none;
    width:100%;
    overflow:hidden;
    height:40px;
    margin-top:5px;
    line-height:18px;
    text-overflow:ellipsis;
}


.web-notification-message-details-header-date{
    float:right;
    clear:none;
    text-align: right;
}

.web-notification-message-details-header-sender{
    float:left;
    width:250px;
}

.web-notification-message-details-body {
    height:370px;
}

.web-notifications-iframe {
    padding:15px 15px 15px 15px;
    height:95%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    border:none;
}

.web-notifications-more-messages {
    font-size: 16px;
    color: #F7951A;
    cursor: pointer;
}

.web-notifications-more-messages-warning {
    font-size: 15px;
    color: #F7951A;
}

.web-notifications-popover {
    float:left;
    margin-right:5px;
}

.web-notifications-count,.info-float-right {
    float:right;
}

/*
.web-notifications-iframe{
    background-color:#ececec !important;
}
    */
/* WFM Web Notifications - End*/

.modalErrorMessage {
    display: inline-block;
    min-width: 300px;
    max-width: 400px;
}

/*GROUP ALLOWANCE ACCOUNT BALANCES*/

.compact-form .state-selector button {
    white-space: nowrap;
    min-width: 120px;
}

.toolbar-state-selector ul.state-selector li.first button {
border-radius: 4px 0px 0px 4px;
}

.toolbar-state-selector ul.state-selector li.selected button {

    color: black;
    background: #ffffff;
    border-color: #ccc;
    cursor: default;
    }


.toolbar-state-selector ul.state-selector li.selected button:after,
.toolbar-state-selector ul.state-selector li.selected button:focus:after,
.toolbar-state-selector ul.state-selector li.selected button:hover:after,
.toolbar-state-selector ul.state-selector li.selected button:active:after {
content: "\f00c";
font-family: 'fontAwesome';
margin-left: 5px;
color: #94D60A;
font-size: 12px;
line-height: 14px;
}

/*Schedule Editor*/

ul.state-selector li.selected button {

   color: black;
    background: #ffffff;
    border-color: #e6e6e6;
    cursor: default;

    }

ul.state-selector li.selected button:after,
ul.state-selector li.selected button:focus:after,
ul.state-selector li.selected button:hover:after,
ul.state-selector li.selected button:active:after {
    content: "\f00c";
    font-family: 'fontAwesome';
    margin-left: 5px;
    color: #94D60A;
    font-size: 12px;
    line-height: 14px;
    }

ul.state-selector li.selected button:focus {
    border-color: #206CA8;
}

ul.state-selector li:not(.first) button:focus:before {
    border-left: 1px solid #206CA8;
    content: "";
    height: 26px;
    position: absolute;
    left: 0;
    top: 0;
}

ul.state-selector.disabled li:not(.first):not(.selected) button:focus:before {
    border-left: 1px solid #f6f6f6;
    content: "";
    height: 26px;
    position: absolute;
    left: 0;
    top: 0;
}


/*Data Instances*/

#module.container .bodyArea {
    padding: 0;
    margin: 15px 15px 15px;
}

#module.container .bodyArea.apm-admin {
    padding: 15px;
    margin: 0;
}

#module.container .bodyArea.apm-view {
    padding: 15px;
    margin: 0;
}

#module.container .bodyMainArea {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    float: none;
    padding: 15px;
    transition: all 1s ease 0s;
    min-height:450px;
}

#module.container .form-actions {
    border-top: none;
}

/*Scorecards*/


.listBox .aspect-grid .table-footer td:nth-child(2){

       font-weight:bold;
}

.listBox .aspect-grid .span2 .input-prepend {

    margin-bottom: 0;
}

.input-prepend input#val {
    margin-bottom: 0;
}

/*Login/Index Unsupported browser*/
.unsupported-browser-footer{
    position:fixed;
    bottom:0;
    min-width:300px;
    -webkit-transform: scale(1) translateX(-50%) !important;
    -moz-transform: scale(1) translateX(-50%) !important;
    -ms-transform: scale(1) translateX(-50%) !important;
    transform: scale(1) translateX(-50%) !important;
    left: 50% !important;
    background-color:white;
    min-width:580px;
    border-top-color:#94d60a;
    border-top-style:solid;
    border-top-width:3px;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0 -3px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 -3px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow:0 -3px 10px rgba(0, 0, 0, 0.2) ;
    -o-box-shadow:0 -3px 10px rgba(0, 0, 0, 0.2) ;
}

.unsupported-browser-footer-content{
    display: table;
}

.unsupported-browser-footer-content-warning-sign {
    font-size: 18px;
    color: #F7951A;
    cursor: pointer;
    padding-right:5px;
}

.unsupported-browser-footer-content-warning-message{
    padding:20px;
}

.unsupported-browser-footer-content-warning-message-body{
    white-space: nowrap;
    display: table-cell;
}

.unsupported-browser-footer-content-warning-message-body span {
    display: block;
    padding: 20px 20px 20px 0;
}

.unsupported-browser-footer-content-warning-message h5{
    display:none;
}

.supported-browser-title{
    min-width: 130px;
    padding: 0 25px;
    border-left: 1px solid #000000;
}

.supported-browser-title a{
    display: block;
    white-space: nowrap;
}


.supported-browser-icon{
    /*float:left;
    padding-left:15px;*/
    font-size:11px;
}

.supported-browser-icon-img{

}

.supported-browser-icon-text{
    text-align:center;
    margin:0;
}

.unsupported-browser-footer-content-divider{
        display: none;
}

.unsupported-browser-footer-content-close-dialog{
    float: right;
    left: 2px;
    position: relative;
    top: -40px;
}
.unsupported-browser-footer-content-close-dialog .dialog-close-action{
    padding:10px;
    cursor:pointer;
}

/*REQUEST BIDS popover, popover button styles*/

.requestBid_memo-wrapper {
    max-height:180px;
    padding-left:25px;
    overflow-y: auto !important;
    line-height: 16px;
    font-size: 11px;
    margin: 0px 10px 5px 15px;
    text-align:justify;
    padding-right:10px;
    color:#666666;

}

.request-bid-memo-width {
    width:213px; }

.requestBid_memo-wrapper i {
            margin-left: -24px;
            position: relative;
            top: 16px;
        }

.request-bids-btn {
    margin: 5px;
}
.request-bids-btn .btn-secondary {
        width: 80px;
        padding: 1px 10px;
        margin: 8px;
        margin-bottom:14px;
    }

#tabStrip-3 .row-fluid .alert-info,
.row-fluid .span9 .alert-info,
.compact-form .row-fluid .alert-info
 {
    background: transparent;
    border:0px;
    border-radius:0px;
    margin-top:5px;
}
.row-fluid .span9 .alert-info {
    margin-top:15px;
}

.mapping-alert {
    margin-top: 50px;
}

.compact-form .row-fluid .message-text{
    color: #7a7a7a;
    margin-bottom: 10px;
    }

#tabStrip-3 .row-fluid .message-text,
.row-fluid .span9 .alert-info .message-text {
    color: #7a7a7a;
    max-width: 100%;
}

/*WFO GARE DROPDOWM Styles */

#dropdown_container {
    float: right;
    width: 300px;
    display:none;
}

.wfo_gear_dropdown {
    width:300px;
    position:absolute;
    background-color:#fff;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.46);
    z-index:99992;
    border-bottom:8px solid #94d60a;
}

.wfo_gear_dropdown ul {
    margin-top:10px;

}

.wfo_gear_dropdown li {
        color:#666;
        padding:5px 0px;
        font-size:13px;
    }

.wfo_gear_dropdown a {
        color:#666
    }

.wfo_gear_dropdown li i {
    color: #94D60A !important;
    text-decoration: none !important;
    margin-right: 10px;
    font-size: 0.6em;
    position: relative;
    top: -2px;
}

#Wfo-gear-dropdown-active {
    background-color: rgba(255, 255, 255, 0.16);
    height: 51px;
    width: 44px;
    text-align: left;
    position: absolute;
    top: -16px;
    margin-left: -14px;
    display:none;
  }

#wfo-headerNavbar-cog {
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;

}

#wfo-headerNavbar-cog i {

    color:#94d60a;
}
#no-system-configured,
#no-system-connected,
#no-system-authenticated,
#signout-warp {
    width:100%;
    line-height: 10px;
    padding-top:10px;
}

.no-system-configured-logo-content,
.no-system-connected-logo-content,
.no-system-authenticated-logo-content,
.singout_logo_warp {
    float:right;
    padding-top:5px;
    padding-right:5px;
}

.no-system-configured-content,
.no-system-connected-content,
.no-system-authenticated-content,
.singout_content_warp {
    float:left;
    padding:20px;
}

.no-system-authenticated-content div
{
    padding-left:33px;
}

.no-system-configured-content span,
.no-system-connected-content span,
.no-system-authenticated-content span,
.singout_content_warp span{
    font-size:20px;
    line-height:40px;
}

.no-system-configured-logo img,
.no-system-connected-logo img,
.no-system-authenticated-logo img,
.Signout_Logo img {
    max-width:75%;
}

.no-system-configured-warning,
.no-system-connected-warning,
.no-system-authenticated-warning {
    color: #F7951A;
    font-size: 20px;
    padding-right: 10px;
}

/*#region Unified dashboard - start */
.u-dashboard-container {
        overflow-y:auto;
        overflow-x:hidden;
    }
    .u-dashboard {
        /*overflow-y:auto;
        overflow-x:visible;*/
    }
    .u-widget {
        overflow:hidden;/*don't let widget content spill out of the widget*/
    }
    .u-widget > .widget-toolbar{
        overflow:hidden;
    }
    .u-widget-toolbar-container {
        background-color: #333;
        height: 27px;
        line-height: 26px;
        vertical-align:middle;
    }

        .u-widget-toolbar-container > div{
        /* height: 27px;
        line-height: 27px;*/
    }

    .u-widget-navigation-widget-toolbar{
        box-shadow:1px 0 0 #CCCCCC inset, 0 -1px 0 #00ADEF inset, -1px 0 0 #CCCCCC inset;
        background-color:#00ADEF;
        color:white;
        font-size:20px;
    }

    .u-navigation-widget-arrow{
        text-align:right;
        padding-right:10px;
        padding-top:10px;
        font-size:32px;
        color:white;
    }

    .u-navigation-widget-link{
        float:left;
        font-size:16px;
        padding-left:15px;
        width:120px;
        max-height: 61px;
        overflow: hidden;
        word-wrap: break-word;
    }

    .u-navigation-widget-link span{
        color:white;
    }

    .u-navigation-widget-content-container-link:hover,
    .u-navigation-widget-content-container-link:focus
    {
        text-decoration:none;
    }

    .u-navigation-widget-content-container-link:hover span,
    .u-navigation-widget-content-container-link:focus span
    {
        text-decoration:underline
    }




    .u-widget-title-icon-container{
        width:20px;
        float:left;
        height: 23px;
        line-height: 23px;
    }

    .u-widget-title-options-container{
        width:20px;
        float:left;
        height: 23px;
        line-height: 23px;
    }

    .u-widget-title-link-container{
        float:left;
        width:calc(100% - 40px);
        line-height: 24px;
        height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .u-widget-title-icon,
    .u-widget-title-text {
        margin-left:4px;
    }

    .u-widget-title-text {
        display: inline;
    }

    a.u-widget-title-link:link,
    a.u-widget-title-link:visited
    {
        color:#fff;
    }

    a.u-widget-title-link:hover,
    a.u-widget-title-link:focus,
    a.u-widget-title-link:active
    {
        text-decoration: underline;
    }

    .u-widget-title-container{
        width:100%;
        height: 27px;
        line-height: 27px;
    }

    .u-widget-title {
        display: inline-block;
        color: white;
        padding: 2px 4px;
        vertical-align: baseline;
        overflow: hidden;
        white-space: nowrap;
        -moz-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width:100%;
        height: 27px;
        line-height: 27px;
    }

    .u-widget-title-options{
        float:right;
        color:white;
        font-size:14px;
        cursor:pointer;
    }

    .u-widget-title a,
    .u-widget-title span {
        -moz-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow:ellipsis;
        overflow:hidden;
        display:inline-block;
        width:100%;
    }

    .u-widget-title span {
        display: block;
    }

    .u-widget > .u-widget-content-container {
        height:calc( 100% - 30px );
        height:-moz-calc( 100% - 30px );
        height:-webkit-calc( 100% - 30px );
        background-color:white;
        overflow:auto;
        box-shadow: 1px 0 0 rgba(0, 0, 0, 0.2) inset, -1px 0 0 rgba(0, 0, 0, 0.2) inset;
    }

    .u-widget > .u-widget-content-container-no-toolbar {
        height:100%;
        background-color:white;
        overflow:auto;
        box-shadow: 1px 0 0 rgba(0, 0, 0, 0.2) inset, -1px 0 0 rgba(0, 0, 0, 0.2) inset;
    }

    .u-navigation-widget-content-container-apm {
        height:calc(100% - 3px);
        background-color:#448CCC;
        overflow:auto;
        box-shadow:1px 0 0 #CCCCCC inset, 0 -1px 0 #CCCCCC inset, -1px 0 0 #CCCCCC inset;
    }

    .u-widget a > .u-navigation-widget-content-container{
        /*height:calc( 100% - 30px );
        height:-moz-calc( 100% - 30px );
        height:-webkit-calc( 100% - 30px );*/
        height:calc(100% - 3px);
        background-color:#448CCC;
        overflow:auto;
        box-shadow:1px 0 0 #CCCCCC inset, 0 -1px 0 #CCCCCC inset, -1px 0 0 #CCCCCC inset;
    }

        .u-widget a > .u-navigation-widget-content-container:hover{
        /*height:calc( 100% - 30px );
        height:-moz-calc( 100% - 30px );
        height:-webkit-calc( 100% - 30px );*/

        background-color:#366d9d;
    }
    .u-url-widget-icon{
        font-size:42px;
    }
    .u-url-widget {
        margin:10px;
    }
    .u-url-widget-link {
        color:black;
    }
    .u-widget-content {
        overflow-x:hidden;
        height:100%;
    }

    .u-widget-content p {
       padding: 10px 5px 5px 10px;
    }
    .u-dashboard-error{
        color:#C60400;
        font-weight:bold;
        font-size:14px;
        text-align:center;
        padding-top:14px;
    }
    .u-dashboard-error-text{
        text-align: center;
        padding: 4px 10px;
        line-height: 16px;
    }
    .u-dashboard-error-text.inverted{
        color:white;
    }

    .u-widget-title i {
    font-size: 14px;
    line-height: 23px;
}

.wfm-widget-title {

        font-size: 12px;
        font-weight:bold;
        color:#444;

}
/*#endregion Unified dashboard - end*/

input::-ms-clear {
    display: none; /*fix for "x" in textbox*/
}


/*#region Start Coaching CSS */

    .coaching-tab-container .toolbar-area {
       margin: 15px 0 0 0;
       height: auto;
    }

    .k-tabstrip .coaching-tab-container.k-content,
    .k-tabstrip .coaching-tab-container.k-content.k-state-active    {
        border-bottom: 0;
        padding-top:15px;
    }

    .coaching-tab-contents {
        position: relative;
    }

    .k-hierarchy-cell .k-icon {
        background-image: url("KendoUI/Default/sprite.png") !important;
        position: relative;
        top: -2px;
    }

    .k-hierarchy-cell-custom .k-icon {
        background-image: url("KendoUI/Default/sprite.png") !important;
        position: relative;
        top: -2px;
    }

    .not-started {
        font-weight: 700;
        color: #c50000;
    }

    .coaching-new-item {
        font-weight: 700;
        color: #000;
    }

    i.coaching-new-item {
        color: #FF5B35;
        font-size: 14px;
        font-weight: 400;
    }

    /* todo: This one needs to be replaced with a class - the data-field attribute is
    temporary and should not be used as a selector in the final product */
[data-field="emptyHeader"] .k-link  > .k-icon {
    left: 7px;
    position: absolute;
}

.k-tabstrip .k-grid {
    color: #666;
}

.coaching-detail-container {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none repeat scroll 0 0 #F5F5F5;
    float: left;
    margin-left: -28px;
    padding: 0;
    width: calc(100% + 28px);
}

.coaching-details-content {
    width: 27%;
    float: left;
    padding: 15px 7px 15px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 460px;
    overflow-y: auto;
}

.coaching-details-content a {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
    display: inline-block;
}

.coaching-detail-container h4 {
    font-size: 14px;
    margin-top: 0;
}

.coaching-comments-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 67%;
    padding: 15px;
    background: #EFEFEF;
    min-height: 400px;
}

.coaching-comments-container ul{
    margin: 0;
    max-height: 400px;
    min-height: 200px;
    overflow-y: auto;
    padding-right: 15px;
    width: 100%;
}

.coaching-comments-container li{
    margin: 0 0 30px 0;
}

.active-coaching-grid.k-grid .k-detail-cell,
.completed-coaching-grid.k-grid .k-detail-cell {
    padding: 0;
}

.coaching-comments-container button {
    font-size: 11px;
    padding: 0 5px;
    }

.coaching-comments-container button i{
    margin: 0 4px 0 0;
}

.user-them > div{
    text-align: right;
}

.user-you .coaching-comment,
.user-them .coaching-comment {
    background: none repeat scroll 0 0 #F2F7E7;
    border: 1px solid #94D60A;
    border-radius: 4px;
    margin: 10px 0 0;
    padding: 10px;
    position: relative;
    -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05);

    -moz-word-break: break-all;
    -o-word-break: break-all;
    -ms-word-break: break-all;
    word-break: break-all;
}

.coaching-comment span {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    white-space: pre-wrap;
    display: inline-block;
}

.user-them .coaching-comment {
    text-align: left;
    background: #FDF9E8;
    border: 1px solid #FFD100;
    margin-left:40px
}

.user-you .coaching-comment::before,
.user-them .coaching-comment::before {
    color: #F2F7E7;
    content: "\f0d8";
    float: left;
    font-family: "fontAwesome";
    font-size: 33px;
    left: 10px;
    position: absolute;
    text-shadow: 0 -2px 0 #94D60A;
    top: -15px;
}

.user-them .coaching-comment::before {
    left: auto;
    right: 10px;
    color: #FDF9E8;
    content: "\f0d8";
    text-shadow: 0 -2px 0 #FFD100;
}

.k-detail-row .k-hierarchy-cell,
.k-detail-row .k-detail-cell {
    border: solid 1px #ccc;
    border-right: none;
    border-left: none;
}

.coaching-history-state-changes {
    width: 100%;
    max-height: 314px;
    overflow-y: auto;
    padding: 0 15px 0 0;
}

.coaching-history-state-subtitle,
.coaching-comments-subtitle {
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    line-height: 14px;
    padding: 0 0 15px;
}

.coaching-history-state-changes ul{
    margin: 0;
    min-width: 300px;
    padding:0;
    /*border-top: solid 1px #eee;*/
}

.coaching-history-state-changes li{
    margin: 0 0 15px 0;
    border-bottom: solid 1px #eee;
    padding: 0 0 15px;
}

.coaching-history-state-changes li:last-child{
    border-bottom: solid 0px #eee;
    }

.coaching-history-state-changes li div > span{
    float: right;
    display: inline-block;
    margin-left: 10px;
    color: #999;
}

.coaching-history-change-type {
    color: #666;
}
.coaching-history-change-type + i{
    margin:0 5px;
}

.coaching-details-content ul.additional-info {
    list-style: disc outside none;
    margin-left: 15px;
}

.coaching-details-content li a {
    margin: 0;
    display: inline;
}

.user-you .coaching-comment{margin-right:40px;}


/* this summary table style is a bit more generic, could be moved to its own region */
table.summary-table {
    margin-bottom: 15px;
    border-collapse: collapse;
}

table.summary-table tr td {
    border: none;
    padding: 5px 10px;
}

table.summary-table tr td:first-child {
    font-weight: bold;
    padding: 5px 15px 5px 0;
}

/*#endregion */

/*Request Viewer Widget styles*/

.request-viewer-iconwarp {
    width: 10%;
    float:left;
    position: relative;
    top: 10px;
}

.request-viewer-iconwarp i {
    font-size:14px;
}

.request-viewr-datewarp {
    width:28%;
    float:left;
    min-height:30px;
}

.request-viewr-dateuser {
    width: 60%;
    float:left;
}

.request-viewr-datewarp span{
    display:block;
}
.request-viewr-dateuser span{
   display:block;
   }
.request-viewr-dateuser-child > span {

    -ms-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
     text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.segment-request{
        width:96%;
        margin:0px 10px;
}
.segment-request-item {
	border-bottom: 1px solid #E5E5E5;
	float: left;
	padding: 2px 0;
	width: 100%;
}
.u-widget-content-container ul li.segment-request-item:nth-child(even) {

		border-bottom: 1px solid #E5E5E5;
		float: left;
		width: 100%;
		line-height: 20px;
}
.request-viewr-datewarp-child
{
	width: 100%;
}

.request-viewr-dateuser-child
{
	width: 100%;
}

.segment-request td {
    padding: 4px 2px 2px 3px;
    border:none;
    border-bottom: solid 1px #ddd;
    color:#666;
}

.segment-request .request-official-status,
.segment-request .request-fail-status,
.segment-request .request-cancelled-status {
    width: 50%;
    float: left;
}

.requestwidget-currentmonth-warp {
    width: 100%;
    color: #333;
    font-size: 13px;
    font-weight: bold;
    background-color: #ccc;
    padding: 0px 0px 0px 18px;
    line-height:31px;
}

/* Assign User Styles */

.large-form {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.large-form-col {
    width: 240px;
    display: table-cell;
    padding: 0 30px 0 0;
    vertical-align: top;
}

.large-form-col li:first-of-type label,
.flexible-col li:first-of-type label{
    margin-top: 0;
}

.large-form-col li textarea,
.large-form-col li input,
.large-form-col li select,
.large-form-col .k-datepicker,
.large-form-col .k-combobox,
.large-form-col .k-dropdown,
.large-form-col .k-timepicker {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.large-form-col li textarea {
    height: 100px;
}

.flexible-col {
    width: auto;
    margin: -10px 0 0 0;
    display: table-cell;
}

.flexible-col label{
    display: block;
}

.flexible-col a {
    display: block;
    word-wrap: break-word;
    overflow: hidden;
}

input[type='text'][disabled='disabled'] {
    color: #555;
    background: #eee;
    border: solid 1px #ccc;
    cursor: not-allowed;
}
.k-picker-wrap > input[type='text'][disabled='disabled']{
    border:0;
}
.assign-coaching-description-content {
    max-height: 300px;
    overflow-y: auto;
}

.info-only {
    cursor: default;
}

.temp-empty {
    display: block;
    height: 300px;
}

/*Schedule Editor widget stylings*/

.resolutionWidget-list {
    overflow-y: auto;
    margin: 0px 0px 0px 0px;

}
.resolutionWidget-state-list {
    margin: 0px 0px 0px 0px;
}

.resolutionWidget-now {
    padding: 2px 0px;
    width: 15px;
    float: left;
}
.resolutionWidget-state {
    margin-left: 15px;
    margin: 6px 10px 6px 18px;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

.resolutionWidget-state div{
    line-height:27px;
}

.resolutionWidget-state-time {
    background-color: #FFFFFF;
    float: left;
    min-width: 60px;
    padding: 0 8px;
    text-align: left;
    width: auto;
}

.se-widget-dayheader {
    background-color:#CCCCCC;
    color:#333333;
    font-size:13px;
    font-weight:bold;
    line-height:31px;
    padding:0 0 0 18px;
}

.widget-state-span {
    padding-left:15px;
}

#span-content a, #span-content i {
    padding-left:15px;
}

.resolution-widget-arrow {
    width: 15px;
    height: 28px;
    margin-left: -4px;
    font-size: 46px;
}

 .resolution-widget-arrow i {
     line-height: 26px;
        }

.u-widget-content > .segment-request a:hover,
.u-widget-content > .segment-request a:focus
{
    color: #000;
    text-decoration:none;
}

#wfo-headerNavbar-cog a:focus i,
#wfo-headerNavbar-cog a:hover i
{
    color:white;
}

.coaching-description {
    white-space: pre-wrap;
    margin-bottom: 15px;
}

/*User Profile*/

	.userprofile-locale-preview,
	.userprofile-locale
	{
		position:relative;
		float:left
	}

	.userprofile-bodyarea
	{
		min-height:353px;
	}

	.userprofile-bodyarea h2
	{
		font-size: 15px;
		line-height: 0px;
	}

	.userprofile-locale-content
	{
	}


	.userprofile-locale
	{
		width:37%;
	}

	.userprofile-locale-preview
	{
		width:61%;
	}


	.userprofile-locale-preview-content
	{
		background: none repeat scroll 0 0 #F1F1F1;
		line-height: 15px;
		margin: 0;
		padding: 0 13px;
		height: 130px;
	}

	.userprofile-locale-content h2 {
		color: #000000;
		font-weight: 700;
		font-size: 15px;
		line-height: 45px;
		margin: 0px;
		vertical-align: text-top;
		text-indent: 0;
	}

	.userprofile-locale-preview-content span,
	.userprofile-locale-content label {
		font-size: 12px;
		margin: 3px 0 0 0;
		font-weight: 700;
		float: left;
		clear: both;
	}

    .userprofile-locale-preview-content .userprofile-locale-preview-content-value
    {
        font-weight:300;
    }

	.userprofile-locale-content label {
		width: 100px;
	}

	.userprofile-locale-preview-content-child
	{
		padding: 5px;
	}

	.userprofile-locale-preview-content-item{
		width: 115px;
	}

	.userprofile-locale-preview-content-value
	{
		position: absolute;
	}

	.userprofile-locale-preview-content-child,
	.userprofile-locale-content-child {
		float: left;
		width: 100%;
		position: relative;
        margin-bottom: 10px;
	}

	.userprofile-locale-content-item {
		margin-bottom: 15px;
		float: left;

	}

	.userprofile-btn-container {
		margin:20px 0px 10px 0px;
		background: none repeat scroll 0 0 #F5F5F5;
		height: 70px;
        text-align:right;
	}

	.userprofile-btn-wrapper {
		padding: 24px 20px 0px 10px
	}

  	.userprofile-systemlist
	{
		margin: 3px 0px -10px 0px;
		font-size: 14px;
	}

	.userprofile-systemlist-icon
	{
		min-width:30px;
		color: #94D60A;
		display: inline-block;
	}

	.userprofile-systemlist-application
	{
		color: #000000;
		font-weight: 700;
		min-width:130px;
		display: inline-block;
	}

	.userprofile-systemlist-user
	{
		display: inline-block;
	}

    .userprofile-bodyarea .clear
    {
        clear: both;
    }
/*End User Profile*/

/* Start Styles for edit metrics */
.metric-editor {
    width: calc(100% + 30px);
    display: table;
    margin: 0;
    border-spacing: 15px 0;
    left: -15px;
}

.metric-editor .large-form-col  {
   display: block;
    margin: 0 0 0 15px;
    width: auto;
    padding: 0 15px 0 0;
}

.metric-editor .large-form-col input,
.metric-editor .large-form-col select{
    width: 224px;
}

.metric-editor .large-form-col textarea {
    width: 100%;
}

.metric-editor .large-form-col label {
    display: block;
    width: 100%;
}

.metric-editor .cell fieldset{
    width: 100%;
    display: table-cell;
}

.metric-editor .cell legend {
    text-indent: 15px;
    margin-bottom: 15px;
}

.large-form-col .metric-description {
    height: 335px;
}

.large-form-col .metric-personal-goal-rule {
    height: 122px;
}

.large-form-col .value-mdx {
    height: 200px;
}

.metric-editor input[type="number"] {
    height: 30px;
}

/* End Styles for edit metrics */

/*#region APM Admin Localize */

.localize-dialog-content {
    height: 299px;
    width: 675px;
}

.localize-dialog-content .compact-form {
    float: left;
    width: 330px;
}

.localize-dialog-content fieldset.compact-form:not(:last-of-type) {
    margin-bottom: 0;
    margin-right: 15px;
}

.localize-dialog-content .input-required:after {
    line-height: 12px;
}

.localize-dialog-content .compact-form ul li textarea {
    height: 150px;
}

.localize-dialog-content fieldset:first-of-type:last-of-type {
    width: 675px;
}

.localize-items .k-grid-content table {
    white-space: nowrap;
}

/*#endregion APM Admin Localize */

/* common styles for alert-style information boxes */

.aspect-alert-small {
    padding: 5px;
    clear: both;
}

.aspect-alert-small .icon-warning-sign {
    font-size: 1em;
    color: #F7951A;
}

.aspect-alert {
    padding: 5px;
    clear: both;
}

.aspect-alert i {
    float: left;
    line-height: 35px;
    font-size: 2em;
}

.aspect-alert .icon-warning-sign {
    font-size: 1.8em;
    color: #F7951A;
}

.aspect-alert .icon-info-sign {
    color: #3a87ad;
}

.aspect-alert .message-text {
    display: block;
    margin-left: 30px;
}

/* focus status for button start*/
/*a:focus{
    -webkit-box-shadow:  0 0 0 1px #00ADEF;
    box-shadow:  0 0 0 1px #00ADEF;
    text-decoration:none;
}
.navbar-cog a:focus, th a:focus,a.toolbar-button:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration:none;
}
 th a:focus{
     text-decoration:underline;
 }*/
/* focus status for button Ends*/


 /* Start Item Entry Control styles*/
.item-entry-header
{
    height:20px;
    position: relative;
    z-index: 1;
}

 .item-entry-control-input-container {
        position: relative;
        background: #fff;
        display: -ms-flexbox;      /* IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;
        border-radius: 4px;
    }

        .item-entry-control-input-container > input,
        .wfm-invalid-input .item-entry-control-input-container > input[type="text"] {
            margin-right: 0px;
            display: inline-block;
            margin: 0;
            z-index: 2;
            position: relative;
            background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20px, rgba(255,255,255,1) 21px, rgba(255,255,255,1) 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(20px,rgba(255,255,255,0)), color-stop(21px,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
            background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20px,rgba(255,255,255,1) 21px,rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20px,rgba(255,255,255,1) 21px,rgba(255,255,255,1) 100%);
            background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20px,rgba(255,255,255,1) 21px,rgba(255,255,255,1) 100%);
            background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20px,rgba(255,255,255,1) 21px,rgba(255,255,255,1) 100%);
            border-radius: 3px 0 0 3px;
            -ms-flex:1;
            -webkit-flex:1;
            flex: 1;
            padding-left:5px;
        }

            .item-entry-control-input-container > input:hover + a {
                background: #00ADEF;
                border-color: #00ADEF;
                color: #fff;
            }

            .wfm-invalid-input .item-entry-control-input-container > input:hover + a{
                background: #ca0000;
                border-color: #ca0000;
                color: #fff;
            }

            .wfm-invalid-input .item-entry-control-input-container > input:focus + a {
                box-shadow: 0 1px 1px rgba(202, 0, 0, 0.075) inset, 0 0 8px rgba(202, 0, 0, 0.6);
                -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
                -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
                -o-transition: border linear 0.2s, box-shadow linear 0.2s;
                    transition: border linear 0.2s, box-shadow linear 0.2s;
            }

            .item-entry-control-input-container.input-disabled  > input:hover {
                background: none;
                border-color: #cccccc;
            }

    .item-entry-control-input-container.input-disabled {
        opacity: 0.3;
    }

    .item-entry-control-input-container.input-disabled input[type="text"]:focus {
        border: 1px solid #CCCCCC;
        box-shadow: none;
    }

    .item-entry-control-button {
        background: none repeat scroll 0 0 #fff;
        border: 0 none;
        border-radius: 0 3px 3px 0;
        color: #00ADEF;
        position: relative;
        width: 21px;
        margin: 0;
        cursor: pointer;
        border: solid 1px #ccc;
        border-left: 0;
        display: flexbox;
        display: flex;
    }
    .item-entry-control-button i{
        padding:0;
        margin:0;
        text-align:center;
        left: 50%;
        position: absolute;
        top: 50%;
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .item-entry-control-content-footer {
        margin-top: 5px;
        border-top: 1px solid #808080;
    }

    .item-entry-color-square-segment-code {
        background: none repeat scroll 0 0;
        border: 3px solid;
        display: block;
        height: 15px;
        position: absolute;
        width: 15px;
        z-index: 1;
        left: 5px;
        top: 7px;
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        outline: solid 1px #ccc;
 }


    .item-entry-control-error{
        white-space:normal;
        padding:15px;
    }

    .item-entry-control-error-icon-container{
        padding-left:15px;
        font-size :14px;
        color:#c60000;
        font-weight:700;
        width: 200px;
        padding-top:6px;
    }

    .item-entry-control-error-title{
        padding-left:5px;
    }

    .item-entry-control-search-no-results{
        margin-left:15px;
        margin-right:10px;
        width:200px;
        padding-bottom:10px;
        padding-top:15px;
    }

    .item-entry-control-action-buttons{
        padding-right:15px;
        padding-bottom:10px;
    }
    .item-entry-control-action-buttons button,
    .item-entry-display-template .action-buttons.sub-action button {
                 padding:2px 30px;
     }
    .item-entry-control-volume-data-warning{
        padding-bottom:0px;
    }

    .item-entry-control-volume-data-warning .action-buttons.sub-action{
        float:right;
    }

    .item-entry-control-volume-data-warning .sub-action{
        background:none;
    }

    .item-entry-button-hover {
        border-color: #00ADEF;
        background: #00ADEF;
        color: #fff;
        text-decoration: none;
    }

    .wfm-invalid-input .item-entry-button-hover,
    #sidebar .wfm-invalid-input .item-entry-control-button.toolbar-button.button-disabled.item-entry-button-hover {
        border-color: #ca0000;
        background: #ca0000;
        color: #fff;
        text-decoration: none;
    }

    input.item-entry-input-hover[type="text"] {
        border-color: #00ADEF;
        outline: none;
    }

.wfm-invalid-input .item-entry-control-input-container input
{
    border: solid 1px #CC0000;
    border-right: none;
}

.wfm-invalid-input .item-entry-control-input-container input:focus {
    box-shadow: 0 1px 1px rgba(202, 0, 0, 0.075) inset, 0 0 8px rgba(202, 0, 0, 0.6);
}

.wfm-invalid-input .item-entry-control-button,
#sidebar .wfm-invalid-input .item-entry-control-button.toolbar-button.button-disabled {
    border: solid 1px #CC0000;
    color: #cc0000;
}

.wfm-invalid-input .item-entry-control-button:focus {
    box-shadow: 0 1px 1px rgba(202, 0, 0, 0.075) inset, 0 0 8px rgba(202, 0, 0, 0.6);
}

.wfm-invalid-input .item-entry-control-button.item-entry-button-hover i {
    background: #ca0000 !important;
    color: #fff;
}

.wfm-invalid-input .item-entry-control-input-container:hover .item-entry-control-button
{
    color: #fff;
    background-color: #ca0000;
}

.wfm-invalid-input .item-entry-control-input-container:hover .item-entry-control-button i
{
    background-color: transparent !important;
}

.schedule-trades-bulletin-board-segmentcode-helper-color-square,
.item-entry-segmentcode-helper-color-square {
    background: none repeat scroll 0 0;
    z-index: 1;
    left: 5px;
    top: 5px;
    display:block;
    float:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: solid 1px #ccc;
 }

.item-entry-segmentcode-helper-color-square {
    border: 3px solid;
    height: 15px;
    width: 15px;
 }

.schedule-trades-bulletin-board-segmentcode-helper-color-square
{
    border: 1px solid;
    height: 10px;
    width: 10px;
    margin-top:3px;
    float: left;

}

.schedule-trades-bulletin-board-segmentcode-container {
    float: left;
    width: 100%;
}

.k-grid td .schedule-trades-bulletin-board-segmentcode-helper-code-field {
    width: calc(100% - 20px);
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

   .k-grid td .schedule-trades-bulletin-board-segmentcode-helper-code-field,
   .k-grid td .item-entry-segmentcode-helper-code-field{
        margin-left:5px;
    }
#blockMainContentContainer .time-zone-footer{
    background-color:#fff;
}


.item-entry-content .grid-bool-checkbox {
    opacity: 1 !important;
}

.bool-check-icon {
    font-size: 14px;
}

    /*End Item Entry Control styles*/

 /*Schedule editor cart button fix*/

 #sidebarContent .action-button-wrapper button,
 .cartButtonsWrapper button  {
     /*Before my change the float was set to none. That made the cancel button
       in SE when editing a segment positioned wrongly.
       By setting the float to left the button aligns now properly and i did not find any
       other conflicts so I am checking in. [gtrifidis 2013-17-2013]
         */
	 float:none;
 }

#sidebarContent .action-button-wrapper .sub-action,
.cartButtonsWrapper {
	text-align: right;
}

#sidebarContent .sub-action .navigation-cancel {
    margin: 0 0 0 0;
}

.cartButtons button,
#sidebarContent .sub-action button{
    max-width: 46%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

 /*Bids button reading fix*/

 .sequential-shift-bids-btn-container button,
 .shiftbid-btn-container button,
 .requestbid-btn-container button,
 .userprofile-btn-container button,
 .aspect-dialog-actions button,
 .schedule-trade-add-btn-continer button
    {
	 float:none;
 }

.action-button-wrapper button {
	 float:none;
     text-align: right;
 }
.navigationTranslationHide {
	display:none;
}


/*schedule editor popover style fix*/

.popover-container .agendaDayHeader {
	background:#ebebeb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding:0 15px;
    font-size:12px;
    top: 0;
}

.popover-container .agendaDayHeader .agenda-day-action-day-of-week {
font-weight: 700;
font-size: 13px;
}
span[data-bind*="noDataReason"]{
    text-transform:capitalize;
}
.btn-container input[type="button"],.k-filter-menu input[type="button"]{
    border-radius:4px;
}
input[type="button"]:not(:last-child),.k-filter-menu input[type="button"]:not(:last-child){
    margin-right:5px;
}
input[type="button"] + input[type="button"],input[type="submit"] + input[type="reset"]{
    margin-left:0;
}
.schedule-editor-add-segment-element{
    margin-left:5px;
}

/*Scorecard Pill button styles added */

.sidebar-apm-mainarea .toolbar-area .time-nav {
	background-color: #F6F6F6;
    margin-left: 10px;
}

.sidebar-apm-mainarea .toolbar-area .time-nav > li > .divider {
	display:none;
}

.sidebar-apm-mainarea .toolbar-area .time-nav li a {
	border: 1px solid #E6E6E6;
	border-radius: 0;
	margin:0;
	margin-right:-3px;
	font-size: 11px;
	padding:0px 0px;
	font-weight:bold;
    -webkit-text-shadow:none;
	text-shadow:none;
    line-height:28px;
    background-color: #F6F6F6;
    display: inline-block;
	padding:0px 8px 0px 8px;
}

.sidebar-apm-mainarea .toolbar-area .time-nav li > span > .pill-selected,
.sidebar-apm-mainarea .toolbar-area .time-nav li > span > .pill-selected:hover {
	padding:0px 5px 0px 5px;
	font-weight:bold;
	border: 1px solid #E6E6E6;
	margin-right:-3px;
	color:#000000;
	background-color:#FFFFFF;
}

.sidebar-apm-mainarea .pill-selected:after {
		content: "\f00c";
		font-family: 'fontAwesome';
		margin-left: 5px;
		color: #94D60A;
		font-size: 12px;
        line-height:18px;
}

.sidebar-apm-mainarea .toolbar-area .time-nav li a:hover,
.sidebar-apm-mainarea .toolbar-area .time-nav li a:focus {
	background-color:#00ADEF;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
    border-color:#00ADEF;
}
.sidebar-apm-mainarea .toolbar-area .time-nav li:first-child,
.sidebar-apm-mainarea .toolbar-area .time-nav li:first-child a,
.sidebar-apm-mainarea .toolbar-area .time-nav li:first-child a:hover
{
	border-radius: 4px 0px 0px 4px;
}

.sidebar-apm-mainarea .toolbar-area .time-nav li:last-child,
.sidebar-apm-mainarea .toolbar-area .time-nav li:last-child a,
.sidebar-apm-mainarea .toolbar-area .time-nav li:last-child a:hover
{
	border-radius: 0px 4px 4px 0px;
}

.sidebar-apm-mainarea .toolbar-area .time-nav li:nth-child(n+1):nth-child(-n+4) a {
	border-right:0px;
}

.sidebar-apm-mainarea .toolbar-area .time-nav li:nth-child(n+1):nth-child(-n+4) a:focus{
	border:1px solid #206CA8;
	padding:0px 7px 0px 8px;
}

.sidebar-apm-mainarea .toolbar-area .time-nav li > span > .pill-selected:focus{
	padding-right:4px;
	border:1px solid #206CA8;
	background-color:#FFFFFF;
	color:#000000;
}

.sidebar-apm-mainarea .toolbar-area .time-nav li:nth-child(n+1):nth-child(-n+4) .pill-selected:focus{
	padding:0px 4px 0px 5px;
	}

.sidebar-apm-mainarea .toolbar-area .time-nav li:last-child .pill-selected:focus {
    padding:0px 5px 0px 5px;

}

.sidebar-apm-mainarea .toolbar-area .time-nav li:last-child a:focus{
	  border:1px solid #206CA8;
}

th[role="columnheader"]{
    position:relative;
    height:18px;
}
    .k-grid-header th[role="columnheader"] .k-grid-filter + .k-link,
    .k-grid-header th[role="columnheader"] .k-header-column-menu + .k-link {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: calc(100% - 21px);
        padding-right: 0;
        margin-right: 0;
    }

@-moz-document url-prefix() {
  .k-grid-header th[role="columnheader"] .k-link
    {
        position: relative;
        top:0;
    }
    select{
        padding-top:4px;
        padding-bottom:4px;
    }
}
.request-details-label span{
    font-weight:normal;
}
.request-details-label .request-status,.request-details-label .request-creation-date{
    font-weight:bold;
    padding-right:5px;
}

.userprofile-localPreview{
    display:table;
    width:100%;
    background:#f5f5f5;
    padding:10px 5px 10px 10px;
    margin-bottom:10px;
    border-radius:5px;
    border:Solid 1px #dfdfdf;
}

.userprofile-Preview-sampletext{
    padding: 5px 5px 5px 10px;
    line-height:9px;
    margin-bottom:25px;
}
.userprofile-localPreview-child{
    display:table-row;
}
.userprofile-localPreview-child > span{
    display:table-cell;
    padding:3px;
    white-space:nowrap
}
.userprofile-localPreview-child > span:nth-child(odd){
    font-weight:bold;
    width:30px;
}

/*Agent search warnning msg*/

.initial-message-waring {
    font-size: 13px;
    margin: 16px 0 5px;
    display: inline-block;
    color: #7a7a7a;
    font-weight:100;
}

.userAgent-content-warning-sign {
    font-size: 18px;
    color: #F7951A;
    cursor: pointer;
    padding-right:5px;
}
#mainContentScheduleEditor button.secondary-action:focus,#mainContentScheduleEditor button.secondary-action:active{
    box-shadow: inset 0 0 0 0;
}

.cart-header-access {
    display: block;
}

a.module-header-focus,
a.module-layout-header-focus {
    color: #000;
    display: block;
}

a.header-focus-with-icon {
    display: inline;
    margin-left: 25px;
}

a.header-focus-with-info-icon {
    display: inline;
    margin-left: 0;
}

#mainArea h1.header-with-sidebar {
    text-indent: 0;
}

.cart-header-access:hover,
.module-header-focus:hover,
.module-layout-header-focus:hover {
    color:#121212;
    text-decoration:none;
    cursor: default;
}

.cart-header-access:focus,
.module-header-focus:focus,
.module-layout-header-focus:focus {
    text-decoration:none;
    outline: dotted 1px #206CA8;
}

.module-header-focus:focus
.module-layout-header-focus:focus {
    display: block;
    width: 100%;
    text-decoration: none;
}

.module-header-focus:focus h1,
.module-layout-header-focus:focus h1 {
   width: 100%;
}

.cart-header-access:focus h4 {
    width: 100%;
}

.sidebar-header .module-header-focus {
    display: inline;
}

.treebtn-apm-perforamce,
.treebtn-apm-perforamce:hover,
.treebtn-apm-perforamce:focus,
.treebtn,
.treebtn:hover,
.treebtn:focus {
    padding-right: 0;
    margin-right: -10px;
}

#wfo-headerNavbar-username{

    text-transform: none;
    font-weight: 700;
    font-size: 1.0em;
    color:#ffffff;
    padding-right: 25px;
}

.navbar-user-name-and-cog {

    line-height: 20px;
    display: block;
    float: right;
    padding-top: 8px;
}

/*widget*/
.k-tabstrip-items.widget-tab li.k-item.k-state-default{
    width:50%;
    height:31px;
    float:left;
    background:#FFF;
    padding:0;
    border:0;
    margin:0;
}
.k-tabstrip-items.widget-tab li.k-item.k-state-default a{
    position:relative;
    width:100%;
}
.k-tabstrip-items.widget-tab li.k-item.k-state-default i{
    padding:0;
    line-height:30px;
    padding-left:10px;
    margin-right:5px;
}
.k-tabstrip-items.widget-tab li.k-item.k-state-default span{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    position:absolute;
    left:28px;
    right:10px;
}
.k-tabstrip-items.widget-tab li.k-item.k-state-default a.k-link{
    line-height:30px;
    padding:0;
    color:#333;
}
.widget-tab.k-tabstrip-items.widget-tab li.k-item.k-state-default.k-state-active{
    background:#EEE;
}
.widget-tab > a > i,.widget-tab > a > span{
    color:#666;
    line-height:30px;
    padding-left:5px;
    font-weight:bold;
}
.widget-maincontainer{
    padding:10px;
    overflow:hidden;
}
.widget-action-info{
    float: left;
    margin-bottom: 0;
    margin-left: 5px;
    margin-top: 6px;
    width: 97%;
}
.widget-action-info li{
    width:50%;
    padding:0;
    margin-bottom:6px;
    float:left;
}
.widget-action-info li span{
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
    max-width: 66%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.widget-action-info li span:first-child{
    color:#fff;
    border-radius: 50%;
    color: #FFFFFF;
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
}
.widget-action-info li span:nth-child(2){
    line-height:35px;
    color:#333;
    white-space: nowrap;
}
.widget-action-info li.coach-Unread span:first-child{
    background:#ff9900
}
.widget-action-info li.coach-NotStarted span:first-child{
    background:#660099
}
.widget-action-info li.coach-InProgress span:first-child,.widget-action-info li.coach-Suggested span:first-child{
    background:#0066cc
}
.widget-action-info li.coach-Completed span:first-child{
    background:#339900;
}
.widget-action-info li.coach-Late span:first-child{
    background:#ff0000;
}
.widget-totalscore-gauge.widget-maincontainer-area{
    background:#fff;
    border:solid 1px #f5f5f5
}
.widget-coaching .coaching-tab-container,.widget-coaching .coaching-tab-contents{
    overflow:hidden;
    margin-top:6px;
}
.widget-coaching .tab a i{
    line-height:36px;
}

.widget-external-url {
    background: #c33;
    color: #fff;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.widget-external-url a {
    color: #fff;
}

.widget-external-url-content {
    overflow: hidden;
    height: 100%;
}

.widget-external-url-icon-container {
    padding: 15px 15px 0 15px;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: baseline;
}

.widget-external-url a:hover,
.widget-external-url a:focus {
    background: #B02A2A;
}

.widget-external-url-text {
    padding: 0 10px;
    font-size: 18px;
    font-weight: lighter;
    overflow: hidden;
}

.widget-popover {
    font-size: 16px;
}

/*supported browser styles*/

.aspect-dialog-body-supportedbrowsr {
        min-height:150px;
}

.support-browser-content{
    min-width:100px;float:left;
}

.aspect-dialog-body-supportedbrowsr .aspect-dialog-body-content{
    padding:15px;
    text-align:left;
    margin-bottom:12px;
}
.aspect-dialog-body-content ul{
    padding:0px;
    margin:0px;
    padding-top:5px;
}

.aspect-dialog-body-content li {
    padding:0px;
    text-align:center;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    color:#666666;
    font-weight:600;
    line-height:26px;
}
.aspect-dialog-body-content li:nth-child(even) {
    background-color:#f0f0f0;
}
.aspect-dialog-body-content li:nth-child(odd) {
    background-color:#f5f5f5;
}
.aspect-dialog-container a:hover{
    text-decoration:none;
}
input[type="text"]{
    line-height:100%;
}

.supportedbrowser-clear{
    clear:both;
}

#WFOLogin #mainArea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	height: 100vh;
	width: 100%;
}
.k-grid.k-widget.k-secondary .k-grid-content{
    height:433px;
}
.k-grid.k-widget.k-secondary + #gridNoData{
    position:relative;
    background:none;
}

/* APM Admin Grid Heights*/

.admin-listpage-grid > .k-grid {
    height: 464px;
}

#parametersList.admin-listpage-grid > .k-grid {
    height: 424px;
}

#parametersList.external-urls.admin-listpage-grid > .k-grid{
    height: 464px;
}

/* End APM Admin Grid Heights*/

/* APM Admin Grid No Data Message */
.admin-listpage-grid {
    position: relative;
}

.admin-listpage-grid .grid-no-data
 {
    background: none;
    position: absolute;
    top: 29px;
}

.coaching-tab-contents .k-grid.k-widget + .grid-no-data {
    background: none;
    height: 35px;
    position: absolute;
    top: 31px;
}

/* End APM Admin Grid No Data Message */

.cart-container .glyph-cart {
    font-size: 80px;
    position: absolute;
    top: 45%;
    left: 37%;
    opacity: 0.2;
}

/*Agent Serach dialogfix*/

.agent-search .k-grid.k-widget.k-secondary + #gridNoData {
    position:relative;
	margin-top: -28%;
    background:none;
}
.agent-search .grid-no-data{
	position:relative;
	z-index:999;
}
.agent-search-dialog {
    min-height:310px;
    }
.agent-search #agents{
	height:300px;
}

/*wfo about screen styles*/

.detail-titles th {
	width:90px;
	background-color:#555555;
	border: 1px solid #ffffff;
	display:block;
	float:left;
	line-height:50px;
	color:#ffffff;
	border-right:0;
	padding:0 10px;
	text-align:center;
	font-weight:bold;
}

#wfoAbout tr {
	margin-bottom:0px;
    margin-left:0px;
}
.areaContent td{
	width:90px;
	background-color:#e2e2e2;
	border: 1px solid #ffffff;
	list-style-type: none;
	float:left;
	padding:0 10px;
	line-height:50px;
	border-left:0px;
	border-top:none;
	color:#666;
	text-align:center;
}
.areaContent td:first-child{
	min-width:190px;
	background-color:#898989;
	color:#ffffff;
	text-align:left;
    font-weight:600;
}
.areaContent td:first-child i {
	font-size:18px;
	padding-right:10px;
}
.detail-titles th:first-child{
	min-width:190px;
	border-left:0;
}
.detailclearDiv {
    clear: both;
     visibility: hidden
}
.areaContent td button {
    float:none;
    font-size:10px;
}
.toolbar-button:hover .icon-info {
	color:#00ADEF;
}
.filter-dialog-content-wrapper-orgroot .btn-container{
    padding-top:15px;
}
.filter-dialog-content-wrapper-orgroot .initial-message{
    max-width: 270px;
    line-height: 16px;
    margin-bottom: 10px;
    display: block;
    margin-left: 30px;
    margin-top: 3px;
}
.k-grid td.k-state-focused{
    -webkit-box-shadow: inset 0 0 3px 1px #00ADEF, inset 0 0 3px 1px #00ADEF;
    box-shadow: inset 0 0 3px 1px #00ADEF, inset 0 0 3px 1px #00ADEF;
}

#wfoAbout td .toolbar-button {
    line-height:18px;
}

/*#region custom tabstrip styles */

.tabstrip {
    display: inline-block;
    margin:0 1px;
    max-width: calc(100% - 2px);
}

.tabs {
    width: 100%;
    margin: 0;
}

.tabs .tab {
    display: inline-block;
    float: left;
    background: #eee;
    margin: 0;
    text-align: center;
    max-height: 36px;
    overflow: hidden;
}

.tabs .tab.split-half {
    width: 50%;
}

.tabs .tab a {
    line-height: 30px;
    display: block;
    overflow: hidden;
    text-decoration: none;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    padding: 0 5px;
}

.tabs .tab a:hover {
    color: #206CA8;
}

.tabs .tab a i {
    text-decoration: none;
}

.tabs .tab-active a {
    text-decoration: none;
    color: #000;
}

.tabs .tab-active a:hover {
    text-decoration: none;
    color: #000;
}

.tabs .tab-active {
    background: none;
}

.tabstrip .tab-contents {
    clear: both;
}

/*#endregion */

/*#region Coaching Impact Report */
    .coaching-impact .chart .before-coaching-label {
        position: absolute;
        top: 55px;
        left: 65px;
    }

    .coaching-impact .chart .after-coaching-label {
        position: absolute;
        top: 55px;
        left: 322px;
    }

    .coaching-impact .chart {
        width:800px;
    }

    .coaching-impact .chart .coaching-labels {
        min-height: 25px;
    }

    .coaching-impact .aspect-grid {
        margin-top: 24px;
    }

    .coaching-impact .aspect-grid th.before-coaching,
    .coaching-impact .aspect-grid th.after-coaching {
        background: #FFF;
        display: table-cell;
        border: none;
        color: black;
        padding: 10px 6px;
    }

    .coaching-impact .aspect-grid .before-coaching {
        background-color: rgba(0,0,0,0.05) !important;
        border-color: #e0e0e0;
    }

    .coaching-impact .aspect-grid .kpi-name {
        overflow: hidden;
        word-wrap: break-word;
        max-width: 150px;
    }

    .coaching-impact .form-actions {
        background-color: white;
    }

    .coaching-impact  .aspect-grid .empty-cell {
        background: #FFF;
        display: table-cell;
}

    .coaching-impact .alert-info {
        background: transparent;
        border: 0px;
        border-radius: 0px;
        margin-top: 0;
    }

    .coaching-impact .module-info h4{
        line-height: 2.4em;
        min-height: 0;
        margin-top: -14px;
        padding-top: 4px;
    }

    .impact-grid-alert {
        display: inline-block;
        max-width: 75%;
        float: left;
    }

    .form-actions-reduced {
        float:left;
        width: 100%;
        margin-bottom: 15px;
    }

    .form-actions-reduced .btn-container {
        float: right;
        margin-top: 3px;
    }

    .coaching-impact .k-tabstrip .k-content.k-state-active {
        border-bottom: none;
        overflow-x: auto !important;
    }

    .coaching-impact .aspect-grid th {
        font-size: 11px;
        font-weight: 700;
    }

/*#endregion*/



.k-calendar-container .k-footer a{
    position:relative;
    top:3px;
}
div.row-fluid.bodyMainArea {
    width:97%;
    margin-bottom : 10px;
}
div.row-fluid.bodyMainArea label {
    margin-top:0px;
}
.validation-message-content .validation-content {
    font-weight:normal;
}
.item-entry-control-input-container input.add-edit-action-item-item-entry {
    line-height:normal;
}
.aspect-dialog-warning.aspect-dialog-header {
    border-bottom:none;
}

.splash {
    padding: 15px;
}

#module.container .splash .bodyArea{
margin: 0;
background: rgb(225,227,228);
background: -moz-linear-gradient(left,  rgba(225,227,228,1) 0%, rgba(242,243,244,1) 49%, rgba(225,227,228,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(225,227,228,1)), color-stop(49%,rgba(242,243,244,1)), color-stop(100%,rgba(225,227,228,1)));
background: -webkit-linear-gradient(left,  rgba(225,227,228,1) 0%,rgba(242,243,244,1) 49%,rgba(225,227,228,1) 100%);
background: -o-linear-gradient(left,  rgba(225,227,228,1) 0%,rgba(242,243,244,1) 49%,rgba(225,227,228,1) 100%);
background: -ms-linear-gradient(left,  rgba(225,227,228,1) 0%,rgba(242,243,244,1) 49%,rgba(225,227,228,1) 100%);
background: linear-gradient(to right,  rgba(225,227,228,1) 0%,rgba(242,243,244,1) 49%,rgba(225,227,228,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e3e4', endColorstr='#e1e3e4',GradientType=1 );
vertical-align: middle;
}

.welcome {
    height: 240px;
    width: 80%;
    border-left: solid 2px #91d209;
    border-right: solid 2px #91d209;
    margin: 0 auto;
    -webkit-transform: translateY(153px);
    transform: translateY(153px);
}

.welcome-message {
    float: left;
}

#mainArea .welcome-message h1 {
    font-weight: 400;
    color: #90d009;
    font-size: 80px;
    line-height: auto;
    position: relative;
    top: 36px;
    text-transform: none;
    border: 0;
    text-indent: 25px;
}

#mainArea .welcome-message h2 {
    font-weight: 400;
    color: #666666;
    font-size: 30px;
    line-height: auto;
    position: relative;
    top: 56px;
    text-transform: uppercase;
    border: 0;
    margin-left: 38px;
    line-height: 32px;
}

#mainArea .welcome-message h3 {
    font-weight: 400;
    color: #666666;
    font-size: 20px;
    line-height: auto;
    position: relative;
    top: 66px;
    text-transform: uppercase;
    border: 0;
    margin-left: 38px;
    line-height: 32px;
}

.welcome-logo {
    float: right;
    position: relative;
    top: 70px;
    margin-right: 25px;
}
#coachingTabStrip a.icon-caret-right,#coachingTabStrip .icon-caret-down{
    width:10px;
    height:10px;
    text-decoration:none;
    background:none;
    color:#2e2e2e;
}
#coachingTabStrip a.icon-caret-right:hover,#coachingTabStrip .icon-caret-down:hover{
    text-decoration:none;
}
#coachingTabStrip .icon-caret-down{
    color:#00ADEF;
}

.chart-title {
    color: #666;
    font-size: 16px;
}

.chart-options label {
    font-weight: normal;
    margin: 0;
}

.grid-title-header label {
    margin: 0;
}

.information-modal-body {
    max-height: 400px;
    max-width: 500px;
    overflow-y: scroll;
}

.information-modal-body ul {
    margin-left: 0;
    margin-right: 15px;
}

.chart-content-area {
    width: 820px;
    min-height: 400px;

}

.chart-header {
    margin-bottom: 5px;
    padding: 0 10px;
    height:20px;
}

/*#region widget flipping; right now it's unused but interesting'*/

.flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
}

/* START: Accommodating for IE */
.back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

/* END: Accommodating for IE */

.flip-container, .front, .back {
    width: 100%;
    height: 83px;
}

.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
}

.front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    background: none;
    z-index: 2;
}

.back {
    background: #fff;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.back p {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0 20px;
}
.flip-btn{
    position:absolute;
    right:10px;
    top:5px;
    text-decoration:none;
    color:rgb(65, 97, 157);
}
.front .flip-btn{
    color:#fff;
}
.flip-btn i{
    font-size:21px;
}
.flip-btn:hover{
    text-decoration:none;
}
.back .flip-btn i:hover{
    text-decoration:none;
    color:rgb(65, 97, 157);
}
.front .flip-btn i:hover{
    text-decoration:none;
    color:#fff;
}
.back div{
    color:#666;
}

/*#endregion widget flipping */

.k-footer .k-link.k-nav-today {
    position:relative;
    top:5px;
}

.popover .popover-content {
    word-wrap:break-word;
}

/*widget flipping---*/
.widgetPopover .ko-popover{
    max-height:100px;
}

.widgetPopover .ko-popover .body-text{
    padding-right: 3px;
}

/*#region WFM.ScheduleTrades*/

.schedule-trades-bulletin-board-main-container,
.schedule-trades-main-container {
    height:495px;
}

.schedule-trades-bulletin-board-grid-container{
    height:437px;
    margin-top: -10px;
}

.schedule-trades-data-container{
    height:437px;
}

.schedule-trades-data-container{
    padding-top: 15px;
    padding-bottom: 15px;
}

.schedule-trades-summary-grid-container{
    width:60%;
    float:left;
}

.schedule-trades-summary-grid-container tbody tr{
    height:41px;
}


.schedule-trades-add-trade-container {
    padding-top: 10px;
}

.schedule-trade-details-container{
    width:calc(40% - 15px);
    background-color:#E7E7E7;
    float:right;
    margin-top:26px;
    height:427px;/*matching the grid's height less the top margin*/
}

.schedule-trade-details-no-trade-selected{
    font-size:72px;
    color:#888;
    text-align:center;
    margin-top:45%;
}

.schedule-trade-no-trade-selected-icon{

}

.schedule-trades-add-refresh-filter-toolbar{
    width:60%;
    float:left;
    margin-bottom:10px;
}

.schedule-trades-add-refresh-buttons {
    float:left;
}

.schedule-trades-filter-dropdown{
    float:left;
    margin-right: 5px;
}

.schedule-trades-filter-dropdown .k-dropdown{
    width:150px;
}

.schedule-trades-actions{
    width:calc(40% - 15px);
    float:right;
    text-align:right;
    margin-bottom:10px;
}

.schedule-trades-bulletin-board-legend{
    font-size: 11px;
    margin-top: -6px;
    padding-top: 40px;
}

.schedule-trades-legend {
    font-size: 11px;
    margin-top: 3px;
    padding-top: 40px;
}

.schedule-trades-bulletin-board-legend-indicator,
.schedule-trades-legend-indicator {
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    width: 12px;
    height: 12px;
    border: solid 1px #ccc;
    background-color: #f9f2c8;
}

.k-grid tr.schedule-trades-bulletin-board-my-posts-row.k-state-selected td {
    background: #C8E5F0 !important;
}
.k-grid tr.schedule-trades-bulletin-board-my-posts-row td:not(.k-group-cell),
tr.schedule-trades-requires-response-row td:not(.k-group-cell) {
    background-color: #fcf5cb;
}

.k-grid tr.schedule-trades-bulletin-board-my-posts-row:nth-child(2n),
.k-grid tr.schedule-trades-bulletin-board-my-posts-row:nth-child(2n) td,
.k-grid tr.schedule-trades-requires-response-row:nth-child(2n),
.k-grid tr.schedule-trades-requires-response-row:nth-child(2n) td {
    background-color: #f9f2c8;
}

.schedule-trades-diagnostic-memo,
.schedule-trades-failure-memo,
.schedule-trades-trade-memo  {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.schedule-trade-line-details-from {
    margin:0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
}

.schedule-trade-line-details-duration {
    width:100%;
    margin: 0px 0px 5px 0px;
    padding: 3px 0px 5px 0px;
}

.schedule-trade-line-details-to {
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
}

.schedule-trade-line-details {
    background:white;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-trade-line-details i{
    color: #CCCCCC;
    font-size:14px;
    padding-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.schedule-trade-line-details-label {
    font-weight: bold;
    margin-left: -2px;
    text-overflow: ellipsis;
}

.schedule-trade-line-details-from-user{
    float:left;
}

.schedule-trade-line-details-from-date{
    float:right;
    padding-right: 60px;
}


.schedule-trade-line-details-to-user{
    float:left;
}

.schedule-trade-line-details-to-date{
    float:right;
    padding-right: 60px;
}

.schedule-trade-lines-template ul{
    margin:0;
}

.schedule-trade-details-panelbar .k-link.k-header{
    background-color:#666666;
}

.schedule-trade-details-panelbar .k-link.k-header.k-state-selected{
    background-color:#555555;
}

.schedule-trade-details-panelbar .k-item.k-state-active{
    background:#ccc;
}

.schedule-trade-details-panelbar  .k-panelbar .k-content{
    background:#ccc;
    padding: 0px;
}

.schedule-trade-details-panelbar  .k-state-focused.k-state-selected{
    -webkit-box-shadow: inset 0 0 0px 0px;
    box-shadow:inset 0 0 0px 0px;
}

.schedule-trade-details-section {
    padding: 5px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.schedule-trade-details-section ul {
    margin: 0px !important;
}

.participant-status-table
{
    border-collapse: separate;
    font-size: 12px;
    width: 100%;
    clear: both;
    margin-top: 0px;
    background: #fff;
}

.participant-status-header th:first-child {
    border-left: none;
}

.participant-status-row td:first-child {
    border-left: none;
}

.participant-status-header th {
    background: #777777;
    color: #fff;
    text-align: left;
    border: none;
    border-bottom: none;
    font-size: 12px;
    font-weight: 400;
	height: 20px;
    overflow: hidden;
    padding: 5px 5px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-left: 1px solid #eaeaea;
    vertical-align: middle;
    width: 50%;
}

.participant-status-row td {
    color: #000;
    text-align: left;
    border: none;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    padding: 3px 5px 3px;
    text-overflow: ellipsis;
	height: 15px;
    white-space: normal;
    border-left: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    vertical-align: middle;
}

.participant-status-row:nth-of-type(even) {
    background-color:#f9f9f9;
}

.schedule-trade-details-panelbar .k-link.k-header.k-state-focused{
   text-decoration:underline;
   color:#ffffff;
}

.schedule-trades-add-trade-memo {
    background-color: #eaeaea;
    padding: 10px;
    margin-top: 15px;
}

.schedule-trades-add-trade-lines {
    background-color: #ccc;
    padding: 10px;
    margin-top: 10px;
    height: 371px;
    overflow-y: scroll;
    border: solid 1px #ccc
}

.schedule-trades-add-trade-circle-small
{
    font-size: 0.7em;
}

.schedule-trades-add-trade-memo label {
    margin: 0px;
    font-size: 12px;
}

.schedule-trades-add-trade-memo span {
    display: block;
    overflow: hidden;
    padding-right: 30px;
}

.schedule-trades-add-trade-memo textarea {
    width: 100%;
    font-size: 12px;
    height: 60px;
}

.schedule-trades-add-trade-actions-buttons {
    float: right;
    margin-top: 10px;
}

.schedule-trades-add-trade-line {
    background: #fff;
    margin-bottom: 20px;
    margin-right: 0px;
    margin-left: -20px;
    padding: 10px;
    float:left;
    width: 100%;
}

.schedule-trades-add-trade-line-dialog
{
    width: 472px;
    height: 355px;
}


/*.schedule-trades-add-partial-day-trade-line-dialog
{
    width: 472px;
    height: 355px;
}*/

.schedule-trades-add-trade-line-dialog-easy.compact-form li  {
    line-height: 14px;
}

.schedule-trades-add-trade-line-dialog-easy-message {
    margin-bottom: 10px;
}

.schedule-trades-add-trade-line-dialog-easy-fields {
    padding: 10px;
    border-radius: 4px;
    border: solid 1px #ccc;
    background-color: #eaeaea;
}

.schedule-trades-add-trade-line-X-button-cancel {
    float: right;
    margin-top: -6px;
    margin-right: -10px;
    width: 20px;
    color: #000;
}

.schedule-trades-add-trade-line-fields {
    margin: 0px 10px 0px 0px;
    float: left;
    border-right: 0px;
    margin-right: 0px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.schedule-trades-add-trade-line-partial-day li div:not(:last-of-type) {
    margin-bottom: 5px;
}

.schedule-trades-add-trade-line-fields li:last-of-type {
    margin-right: 0px;
    padding-right: 0px;
}

.schedule-trades-add-trade-line-calendar {
    color: #94d60a;
    font-size: 14px;
}

.schedule-trades-add-trade-line-section
{
    border: solid 1px #ccc;
    border-radius: 4px;
    padding: 0px 10px 10px 10px;
    background: #eaeaea;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 212px;
}

    .schedule-trades-add-trade-line-section.partial-details
    {
        height: 304px;
    }

    .schedule-trades-add-trade-line-section .k-timepicker
    {
        margin-top: 5px;
    }

.schedule-trades-bulletin-board-add-post {
    width: 220px;
    float: left;
    padding: 0;
}

.schedule-trades-add-all-day-trade-line-dialog,
.schedule-trades-add-partial-day-trade-line-dialog {
    margin: -15px;
}

.schedule-trades-add-trade-line-dialog-container {
    border-collapse: separate;
    border-spacing: 15px;
    display: table;
}

.schedule-trades-add-trade-line-employees {
    display: table-cell;
}

.schedule-trades-add-trade-line-dialog-container div:last-of-type:not(:empty) {
    padding-right: 0;
}

.schedule-trades-bulletin-board-add-post
{
    width:273px;
}

.schedule-trades-add-trade-line-employees
.schedule-trades-add-trade-line-employee-selector {
    width:150px;
}

.schedule-trades-add-trade-line-partial-day {
    display: table-cell;
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}

.schedule-trades-add-trade-line-partial-day:empty {
    display: none;
}

.schedule-trades-add-trade-line-partial-day .compact-form {
    border: none;
    background: none;
}

.schedule-trades-add-trade-line-confirm-buttons {
    margin-top: 366px;
    margin-bottom: 400px;
}
.schedule-trades-add-trade-line-section-title {
    color: #666666;
    font-weight: bold;
    float: left;
    margin-top: 15px;
    margin-bottom: 5px;
}
.schedule-trades-add-trade-line-partial-day .schedule-trades-add-trade-line-section-title {
    margin-bottom: 3px;
}

.schedule-trades-add-trade-line-section-field-container input[type="checkbox"] {
    margin-left: 2px;
}

.schedule-trades-add-trade-line-section-field-container #nominalDateLabel {
    width: 50%;
    margin-top: 27px;
    padding-left: 50px;
}

.schedule-trades-add-trade-line-section-field-container #info {
    margin-left: 5px;
}

.schedule-trades-add-trade-line-info .icon-info-sign {
    display: inline;
    color: #3A87AD;
    font-size: 14px;
}

.schedule-trades-add-trade-line-nom-date-info:hover,
.schedule-trades-add-trade-line-nom-date-info:active
{
    border-bottom: none;
    text-decoration: none;
    color: #3A87AD !important;
    cursor: pointer !important;
}

.schedule-trades-add-trade-line-nom-date-info:focus{
    outline: 1px dotted #206CA8;
    text-decoration: none;
    outline-offset: 2px;
    color: #3A87AD;
}

.compact-form .schedule-trades-add-trade-line-info a,
.compact-form .schedule-trades-add-trade-line-info label,
.compact-form .schedule-trades-add-trade-line-info input {
    display: inline;
}

/*.schedule-trades-add-trade-line-info i {
    display: inline;
    font-size: 15px;
    color: blue;
}*/

.schedule-trades-add-trade-line-info label {
    display: inline;
    font-weight: normal;
}

.schedule-trades-add-trade-line-info input {
    display: inline;
}

.schedule-trades-add-trade-line-partial-day-field-container {
    width: 40%;
    float:left;
    padding-right: 15px;
    line-height: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.schedule-trades-add-trade-line-partial-day-field-container label {
    width: 20%;
    margin-top: 0px;
}

.schedule-trades-add-trade-line-partial-day-field-container .k-datepicker,
.schedule-trades-add-trade-line-partial-day-field-container .k-timepicker {
    width: 49%;
}

.schedule-trades-add-trade-line-element {
    margin-left:5px;
}

.schedule-trades-add-line-nom-date-info-popover {
    width:240px;
}

.schedule-trades-add-line-nom-date-info-popover-header {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 6px solid #EBEBEB;
    padding: 0 6px;
    font-weight: bold;
}

.schedule-trades-add-line-nom-date-info {
    font-size: 15px;
    color: #3A87AD;
    cursor: pointer;
    padding-left: 5px;
}

.schedule-trades-warning-hidden-lines {
    font-size: 15px;
    color: #F7951A;
    margin-left:5px;
}

.schedule-trades-warning-hidden-lines:focus {
    outline: 1px dotted #fff;
    text-decoration: none;
    outline-offset: 2px;
    color: #F7951A;
}

.schedule-trades-warning-hidden-lines-popover {
    width:250px;
}

.schedule-trades-warning-hidden-lines-popver-header,.memo-popover-header {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 6px solid #EBEBEB;
    padding: 0 6px;
    font-weight: bold;
}

.schedule-trades-warning-hidden-lines-popver-header .popover-dialog-close{
    top:3px;
}

.schedule-trades-preview-schedule-container{
    width: 800px;
    height: 360px;
    overflow-y: auto;
}

.schedule-trades-preview-schedule-container .schedule-control-content {
    background-color: white;
}

.schedule-trades-preview-participants {
    padding-bottom: 15px;
}

.schedule-control-resource-list-schedule-trades-preview {
    margin: 0;
}

.schedule-trades-preview-resource-header {
    background-color:dimgray;
    color:white;
    text-align:center;
    font-weight:bold;
    padding:4px;
    padding-left:12px;
    margin: 0px 0px 5px 2px;
}

.schedule-trades-preview-resource-header > a {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
}

.schedule-control-date-list-schedule-trades-preview {
    margin: 0 0 10px 2px;
}

.schedule-trades-preview-day-header {
    background-color: lightgray;
    color: black;
    text-align: center;
    font-weight: bold;
    padding: 4px;
    padding-left: 12px;
    clear: both;
    margin-bottom: 5px;
}

.schedule-trades-preview-day-header > a {
    color: black;
    text-decoration: none;
}

.schedule-trades-add-trade-popover-menu button {
    float: left;
    clear: both;
}
.schedule-trades-add-trade-popover-menu.kendo-grid-column-actions {
    margin: 0px 0px 5px 0px;
}

/*.schedule-trades-add-trade-popover-menu.kendo-grid-column-actions li {
    float: left;
    clear: both;
}*/

#scheduleTradeDetailsPanelBar.k-panelbar .k-icon.k-panelbar-collapse {
    visibility : hidden;
}
/*
    Ugly hack override for positioning the block message correctly.
    This is needed because UX for some reason has set explicitly the top property
    for all blockMsg across WFO as !important thus making the attempt to set a different value by the
    block binding futile!
*/
.schedule-trades-easy-add-trade-block-message {
    top: 30% !important;
}

/*#endregion ScheduleTrades*/

/*#region ScheduleTrades widget styles*/

.scheduletrades-widget {
    background-color: #39B54A;
    text-align: center;
    height: 100%;
    font-weight:700;
}

.scheduletrades-widget-section {
    float: left;
    width: 32%;
    margin-top: 10px;
    height: 80%;
}

.scheduletrades-widget-section.split {
    border-left: solid 1px #006633;
}

.scheduletrades-widget-section-icon {
    max-height: 23px;
    overflow: hidden;
}

.scheduletrades-widget-section i {
    font-size:20px;
    color: #006633;
}

.scheduletrades-widget-section-count {
    margin-top: 10px;
}

.scheduletrades-widget-section a {
    font-size: 20px;
    font-weight: normal;
    color: #FFFFFF;
    cursor: pointer;
}

/*#endregion ScheduleTrades widget styles*/

/*#region SequentialShiftBids*/
.sequential-shift-bids-main-container {
    position: relative;
    height: 500px;
}

.sequential-shift-bids-details-container {
    height: 450px;
    margin-top: 10px;
}

.sequential-shift-bids-details-container tbody tr {
    height: 41px;
}

.sequential-shift-bids-details-trial-schedules {
    float: left;
    height: 100%;
    width: calc(50% - 15px);
}

.sequential-shift-bids-details-schedules-details {
    float: right;
    height: calc(100% - 15px);
    margin-top: 15px;
    width: calc(50% - 15px);
}

.sequential-shift-bids-details-no-trial-schedule-selected-container {
    background-color: #E7E7E7;
    float: right;
    height: calc(100% - 30px);
    margin-top: 30px;
    width: 100%;
}

.sequential-shift-bids-no-trial-schedule-selected{
    font-size:72px;
    color:#888;
    text-align:center;
    margin-top: 30%;
}

.sequential-shift-bids-no-trial-schedule-selected-icon{

}

.sequential-shift-bids-grid-container {

}

.sequential-shift-bids-code-description-label {
    float: right;
    font-weight: 700;
}

.sequential-shift-bids-trial-schedule-label {
    font-weight: 700;
    font-size:1.1em;
}

.sequential-shift-bids-schedule-details-label {
    font-weight: 700;
    line-height:31px;
    font-size:1.1em;
}

.sequential-shift-bids-details-schedules-details > a {
    color:#000;
    text-decoration:none;
}

.schedule-control-schedule-header-sequential-shift-bids{
    font-size:12px;
    font-weight:700;
    line-height: 28px;
    vertical-align: middle;
}

.sequential-shift-bids-label {
    float: right;
}

.sequential-shift-bids-dates-label {
    float: right;
}

.sequential-shift-bids-available-until-label,
.sequential-shift-bids-retrieved-date-label {
    font-weight: bold;
    padding-right: 5px;
}

.sequential-shift-bids-available-until-date {
    padding-right: 15px;
}

.sequential-shift-bids-retrieved-date {

}

/*#endregion SequentialShiftBids*/

.k-item.k-state-default .k-link input { -webkit-margin-right:5px;
                                        margin-right:5px;
                                        -moz-margin-right:5px;
                                        -ms-margin-right:5px;
}
.nav.nav-pills.navigation-menu li a span { -webkit-text-shadow:none;
                                           -moz-text-shadow:none;
                                           -ms-text-shadow:none;
                                            text-shadow:none;
}
#AlertDialogTemplate .aspect-dialog-actions .aspect-dialog-ok-button {
    margin-bottom:15px;
}

#AlertExDialogTemplate .aspect-dialog-actions .aspect-dialog-ok-button {
    /*margin-bottom:15px;*/
}

.horizontal-agenda-list .grid-no-data{
    width:auto;
    margin-right:14px;
}
.nav.nav-pills.navigation-menu li.active a:hover span,.nav.nav-pills.navigation-menu li.active a:hover i
{
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.25);
}

.compact-form ul.superstate-data-instances {
    padding-right: 15px;
    margin: -10px -15px -15px 0;
    width: 260px;
}

ul.superstate-data-instances li:first-of-type{
    margin-top: 15px;
}

.popover-inactive-text {
    font-weight: 400;
}

ul.superstate-data-instances .popover-title{
    font-size: 13px;
    font-weight: 700;
    text-indent: 20px;
}

ul.superstate-data-instances .popover-title::before{
    content: "\f071";
    float: left;
    font-family: "fontAwesome";
    font-size: 14px;
    left: -5px;
    position: absolute;
    color: #f7951a;
}

/*#endregion Superstates*/

.widget-external-url-icon-container .pull-right{
    margin-top:-5px;
}
.widget-external-url:hover{
    background:#b72a2a;
}

/*#region Assign Coaching Action*/

.assign-coaching-action-container > .cell,
.assign-coaching-action-details-container > .cell{
    border:0;
    background:none;
}
.assign-coaching-action-container ul.row-fluid{
    margin:0;
}

.agent-list-block > li{
    height:160px;
    overflow-x:hidden
}

ul.assign-coaching-grid select{
    width:250px;
}
.assign-coaching-action-container #actionGrid th{
    background:#fff;
    height:30px;
    border:0;
    color:#000;
}

fieldset.large-form > h3{
    margin: -15px 0 15px -15px;
    width: calc(100% + 30px);
    font-size: 13px;
    border-bottom: solid 1px #e5e5e5;
    text-indent: 15px;
}

.aspect-kendo-modal-body .assign-multi-coaching-action fieldset.large-form > h3 {
    display: none;
}

.assign-coaching-action-container {
}

#addcoaching .cell {
    margin-left: 15px;
}

#addcoaching .cell:first-of-type,
.assign-coaching-action-details-container .cell:first-of-type {
    margin-left: 0;
}

.cell.quarter-width {
    width: 250px;
    display: block;
    float: left;
    margin-right: 15px;
    border: none;
    padding-bottom: 0;
}

.cell.third-width {
    width: 330px;
    display: block;
    float: left;
    margin-right: 15px;
    border: none;
    padding-bottom: 0;
}

.cell.third-width label:first-of-type {
    display: block;
    margin-top: 0;
}

.cell.quarter-width label:first-of-type {
    margin-top: 0;
}

.cell.stretchy {
    width: 100%;
    display: block;
    position: relative;
    padding-bottom: 0;
}

.multi-select-wrapper {
    height: 160px;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
    border: solid 1px #ccc;
}

.aspect-kendo-modal-body .assign-multi-coaching-action .multi-select-wrapper {
    height: 132px;
}

ul.multi-select {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
    padding: 5px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 160px;
}

.aspect-kendo-modal-body .assign-multi-coaching-action ul.multi-select {
    height: 132px;
}

ul.multi-select label {
    font-weight: 400;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    font-size: 12px;
}

ul.multi-select label input[type="checkbox"] {
    margin-right: 2px;
}

.assign-action-grid-container {
    width: 100%;
}

.assign-action-grid-container label:first-of-type {
    margin-top: 0;
}

.assign-action-grid {
    width: 100%;
}

.assign-coaching-actions-wrapper {
    height: 160px;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
    border: solid 1px #ccc;
}

.aspect-kendo-modal-body .assign-multi-coaching-action .assign-coaching-actions-wrapper {
    height: 132px;
}

.assign-coaching-actions {
}

.kpi-filter {
    position: absolute;
    right: 0;
    top: -4px;
    max-width: 450px;
}

.kpi-filter > select {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 334px;
}

.assign-coaching-warning {
    color: #ff9530;
}

.assign-coaching-action-details-container ul {
    margin-left: 0;
}

.assign-coaching-action-details-container ul li{
    margin-bottom: 15px;
}

ul.assign-coaching-comment,
ul.assign-coaching-description {
    float: left;
    width: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.aspect-kendo-modal-body .assign-multi-coaching-action ul.assign-coaching-comment {
    width: 40%;
}

.aspect-kendo-modal-body .assign-multi-coaching-action ul.assign-coaching-description {
    width: 60%;
}

.assign-coaching-comment-description {
    width: calc(100% - 345px);
    float: right;
}

.aspect-kendo-modal-body .assign-multi-coaching-action .assign-coaching-comment-description {
    width: calc(100% - 295px);
    float: right;
}

.assign-coaching-comment-description label:first-of-type,
.assign-coaching-description label:first-of-type {
    margin-top: 0;
    display: block;
}

.assign-coaching-comment,
.aspect-kendo-modal-body .assign-multi-coaching-action .assign-coaching-comment{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0;
}

.assign-coaching-comment textarea {
    height: 160px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.aspect-kendo-modal-body .assign-multi-coaching-action .assign-coaching-comment textarea {
    height: 132px;
}

.assign-coaching-description {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;

}

.link-to-coaching-materials {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.assign-coaching-action-details-container .kpi-list {
    height: 80px;
}

.aspect-kendo-modal-body .assign-multi-coaching-action .assign-coaching-action-details-container .kpi-list {
    height: 63px;
    font-size: 11px;
    line-height: 15px;
}

.assign-coaching-action-details-container ul {
    margin-bottom: 0;
}

.assign-coaching-action-details-container .cell.third-width li:last-of-type,
.assign-coaching-comment-description ul li:last-of-type {
    margin-bottom: 0;
}

.assign-coaching-description-content {
    height: 100px;
}

.aspect-kendo-modal-body .assign-multi-coaching-action .assign-coaching-description-content {
    height: 72px;
}

.assign-coaching-description li[style] + li .assign-coaching-description-content{
    height: 159px;
}

.aspect-kendo-modal-body .assign-multi-coaching-action .assign-coaching-description li[style] + li .assign-coaching-description-content {
    height: 131px;
}

 .aspect-kendo-modal-body .assign-multi-coaching-action fieldset.large-form {
     min-width: 860px;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

.aspect-kendo-modal-body .assign-multi-coaching-action .form-actions {
    background-color: #fff;
    border: 0;
    margin: 0;
    padding: 0;
 }

  .aspect-kendo-modal-body .assign-multi-coaching-action .cell.third-width {
    width: 280px;
}

.aspect-kendo-modal-body .assign-multi-coaching-action .k-widget.k-grid {
    z-index: 1;
}

 .assign-coaching-actions-wrapper input[type="radio"] {
     margin: 0;
 }

.inactive-panel {
     opacity: 0.2;
 }

.inactive-panel div{
    visibility: hidden;
 }

.multi-select-wrapper,
.assign-coaching-actions-wrapper {
 -webkit-transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;
 -moz-transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;
 transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

/*#endregion assign coaching actions*/

.compact-form.row-fluid > .span7{
    margin-left:0;
}
.compact-form.row-fluid > .span7 > label:first-child,
.compact-form.row-fluid > .span4 > label:first-child{
    margin-top:0;
}
.areaTree div.k-treeview{
    overflow:visible;
}

/*WFM Additional Scheduler control styles over existing SE styles */
.schedule-control-day-header{
    background-color:black;
    color:white;
    text-align:center;
    font-weight:bold;
    padding:4px;
    padding-left:12px;
	clear:both;
}
.schedule-control-resource-header{
    background-color:darkgray;
    color:white;
    text-align:center;
    font-weight:bold;
    padding:4px;
    padding-left:12px;
    margin-left:2px;
    margin-right:2px;
}

.schedule-control-resource-1
{
	float:left;
    width: 100%;
}
.schedule-control-resource-2
{
	float:left;
    width: 50%;
}

.schedule-control-resource-3
{
	float:left;
    width: 33%;
}
.schedule-control-resource-4
{
	float:left;
    width: 25%;
}

ul.schedule-control-date-list-sequential-shift-bid li,
ul.schedule-control-date-list li
{
    padding-bottom:2px;
}


ul.schedule-control-date-list-sequential-shift-bid,
ul.schedule-control-date-list
{
    margin: 0;
    list-style-type:none;
    padding-left:0px;
}

.schedule-control-schedule-list-sequential-shift-bids
{
    height:377px;
    overflow:auto
}


.schedule-control-resource-header > a {
    color: black;
    text-decoration:none;
}
.schedule-control-day-header > a {
    color:white;
    text-decoration:none;
}

.schedule-control-day-header > a:hover,
.schedule-control-day-header > a:focus
{
    text-decoration:underline
}

.schedule-control-segment-code-and-description > a {
    color:#000;
    text-decoration:none;
}

.schedule-control-segment-code-and-description > a:hover,
.schedule-control-segment-code-and-description > a:focus
{
    text-decoration:underline
}


div.schedule-control-segment
{
    height:25px;
}

ul.schedule-control-agenda li.schedule-control-general-segment
{
    line-height: 25px;
    background: #efefef;
}

ul.schedule-control-agenda li
{
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, 1px 1px 0 #FFFFFF, 2px -2px 0 #C9C9C9, 2px 2px 0 #C9C9C9, -2px -2px 0 #C9C9C9, -2px 2px 0 #C9C9C9;
    line-height: 25px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 1px;
}
ul.schedule-control-agenda
{
    font-size: 11px;
}

.schedule-control-segment-code-and-description
{
    margin-left: 6px;
    width:34%;
}

.schedule-control-segment-duration
{
    width: 5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-control-segment-start-stop
{
    margin-left: 5px;
    text-align:left;
    width:35%
}

.schedule-control-memo-container
{
    left: -10px;
}

.schedule-control-agenda-detail a,
.schedule-control-agenda-detail i,
.schedule-trades-bulletin-board-action-dialog-content label,
.schedule-trades-bulletin-board-action-dialog-content span,
.schedule-trades-bulletin-board-action-dialog-content a,
.schedule-control-memo-container i
{
    cursor: default !important;
}

.schedule-control-segment-container-wrapper
{
    margin-right: 7px;
    margin-left: 7px;
}

.schedule-control-content
{
    background: none repeat scroll 0 0 #F3F3F3;
}


.schedule-control-schedule-header-sequential-shift-bids,
.schedule-control-schedule-header
{
    width:100%;
    height: 28px;
    background-color: #666666;
    color: #fff;
}
.schedule-control-schedule-header-dates{
    float: left;
    padding-left: 10px;
}

.schedule-control-schedule-header-expand-collapse {
    padding-right: 25px;
    text-align: right;
}

    .schedule-control-schedule-header-expand-collapse > a {
        color: #fff;
        text-decoration: none;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 3px;
    }

.schedule-control-memo-container:hover,
.schedule-control-memo-container:focus,
.schedule-control-schedule-header-expand-collapse > a:hover,
.schedule-control-schedule-header-expand-collapse > a:focus
 {
    cursor: pointer;
}

.schedule-control-schedule-header-expand-collapse > a:focus
 {
    outline: 1px dotted #fff;
}

/*#endregion WFM Additional Scheduler control styles*/

.u-widget-title-options-container > a:hover,
.u-widget-title-options-container > a:focus{
    color:#fff;
}
#mainContainer{
    position:relative;
}
body #contentContainer .time-zone-footer{
    position:relative;
    background:none;
}

/*#region Sequential Shift Bid widget styles*/
.sequentialshiftbids-widget {
    background-color: #ffcc00;
    text-align: center;
    height: 100%;
    font-weight:700;
}
.sequentialshiftbids-widget-datetime {
    background-color: #ffd737;
    text-align: center;
    margin: 4px 8px;
    border: 1px solid white;
    border-radius: 4px;
}
.sequentialshiftbids-widget-availablenow {
    padding-top: 4px;
    color: red;
}
.sequentialshiftbids-widget-notyetavailable {
    padding-top: 4px;
    color: black;
}
.sequentialshiftbids-widget-nolongeravailable {
    padding-top: 15px;
    color: black;
}
/*#endregion Sequential Shift Bid widget styles*/
a.toolbar-button.toolbar-button-first.toolbar-button-grid {
    width: 14px;
    overflow: visible;
    text-align:left;
}

.review-caret,.status-caret
{
    background: url("KendoUI/Default/sprite-action.png") 3px -333px no-repeat #fff;
    border: solid 1px #ccc;
    border-radius: 0 3px 3px 0;
    display: block;
    float: right;
    height: 24px;
    margin-right: 26px;
    right: 0px;
    top: 0px;
    width: 21px;
}

.dropdown-toggle:focus .review-caret
{
    background: url("KendoUI/Default/sprite-invert.png") 3px -333px no-repeat #00ADEF;
}

.status-caret-parent .dropdown .status-caret:hover,
.status-caret-parent .dropdown.open .status-caret,
.status-summary:hover + .status-caret-parent .dropdown .status-caret,
.review-caret-parent .dropdown .review-caret:hover,
.review-caret-parent .dropdown.open .review-caret,
.review-summary:hover + .review-caret-parent .dropdown .review-caret
{
    background:#00ADEF;
    background: url("KendoUI/Default/sprite-invert.png") 3px -333px no-repeat #00ADEF;
    border-color: #00ADEF;
}

.status-caret-parent .dropdown.open ul
{
    border-color: #00ADEF;
}

.status-summary:hover,
.review-summary:hover
{
    border-color: #00ADEF;
}

.status-caret
{
    border: solid 1px #ccc;
    border-radius: 0 4px 4px 0;
    display: block;
    float: left;
    height: 26px;
    margin-right: 0px;
    right: 0px;
    top: 0px;
    width: 1.9em;
}
.status-summary-invalid .status-caret
{
   border: solid 1px #CC0000;
   background: url("KendoUI/Default/sprite-error.png") 3px -333px no-repeat #fff;
}

.status-summary-invalid .status-caret:hover,
.status-summary-invalid .status-summary:hover + .status-caret-parent .dropdown .status-caret
{
   border: solid 1px #CC0000 !important;
   background: url("KendoUI/Default/sprite-invert.png") 3px -333px no-repeat  #CC0000 !important;
}

.status-summary-invalid .status-summary,.status-summary-invalid .status-summary:hover
{
   border: solid 1px #CC0000;
}

.status-summary-invalid .status-caret-parent .dropdown.open .status-caret,
.status-summary-invalid .status-caret-parent .dropdown.open .status-caret:hover
{
    background:#CC0000;
    background: url("KendoUI/Default/sprite-invert.png") 3px -333px no-repeat #CC0000 !important;
    border: solid 1px #CC0000;
}

/*#endregion Perforamance details fieldset gole fix*/

.setgole-message-text {
    max-width: 302px;
    display: block;
    margin-left: 30px;
    padding-top: 4px;
    line-height: 18px;
}

.set-gole-form ul li:nth-child(3),
.set-gole-form ul li:nth-child(4) {
    float: left;
    width: 146px;
}
.set-gole-form ul li:nth-child(4) {
    margin-left: 14px;
}

.set-gole-form ul li:nth-child(5) {
    clear:both;
}

.set-gole-form .input-prepend {
    width:124px;
}

/*#endregion*/

/*#region kendo grid actions*/
.cogwheel-popover-menu.kendo-grid-column-actions,
.default-popover-menu.kendo-grid-column-actions {
    margin: 5px 0px 5px 0px;
}
/*#endregion kendo grid actions*/

#ScheduleTradesBulletinBoardPostGrid .k-detail-row td
{
    background-color: #f0f0f0;
}

.schedule-trades-bulletin-board-detail-memo-title
{
    margin-left: -25px;
    float: left;
    font-weight:700;
    margin: 0;
}

.schedule-trades-bulletin-board-detail-memo
{
    margin-left: 40px;
    word-wrap: break-word;
}

.schedule-trades-bulletin-board-action-dialog-info
{

}

.schedule-trades-bulletin-board-action-dialog-employee
{
    float:left;
}

.schedule-trades-bulletin-board-action-dialog-date
{
    float: right;

}

.schedule-trades-bulletin-board-action-dialog-memo-container
{
    clear:both;
}

.schedule-trades-bulletin-board-action-dialog-memo-container textarea,
.schedule-trades-bulletin-board-edit-dialog-memo-container textarea {
    display: block;
    overflow: auto;
}

.schedule-trades-bulletin-board-edit-dialog-memo-container textarea
{
    height: 150px;
    width: 90%;
}

.schedule-trades-bulletin-board-action-dialog-memo-container textarea
{
    height: 55px;
    width: calc(100% - 23px);
    cursor:text;
}


.schedule-trades-bulletin-board-start-stop
{
    margin: 0;
    text-align:left;
    width:55%
}

.schedule-trades-bulletin-board-multiday-picker
{
    margin: 0;
    min-width:239px;
}

.schedule-trades-bulletin-board-multiday-picker span.multi-checkbox-dropdown-summary
{
    width:217px;
}

.schedule-trades-bulletin-board-multiday-picker ul.dropdown-menu
{
    width:239px;
    top:26px;
}

.schedule-trades-bulletin-board-schedule-container .schedule-control-segment-container-wrapper
{
    clear:both;
    margin-left:0px;
    margin-right:0px;
}
.schedule-trades-bulletin-board-schedule-container {
    min-height:30px;
    max-height: 190px;
    margin-top: 3px;
    overflow-y: auto;
}

.schedule-trades-bulletin-board-action-schedule-nomdate-container
{
    line-height:30px;
    background-color: #ECECEC;
    margin-top:10px;
}
.schedule-trades-bulletin-board-action-schedule-nomdate
{
    padding-left: 10px;
    font-weight:700;
    font-size:1.1em;
}


.schedule-trades-bulletin-board-add-post-container-memo {
    margin-top: 20px;
}

.schedule-trades-bulletin-board-memo
{
    display: block;
    line-height: 1.2em;
    margin: 0 0 0;
    max-height: 100px;

    overflow: auto;
    font-size: 12px;
    -ms-word-break: break-all;
     word-break: break-all;

     /*// Non standard for webkit*/
     word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    color:#666;
}

.icon-warning-sign-filled:after {
    border-bottom: 10px solid #FFFFFF;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 0;
    left: -12px;
    position: relative;
    top: -1px;
    width: 0;
    z-index: -1;
}

.icon-warning-sign-filled {
    font-size: 14px;
    position: relative;
    z-index: 0;
}

.icon-expandall-collapseall {
    font-size: 1.4em;
    position: relative;
    padding: 0.2em 0.2em 0.2em;
    color:#fff !important;
    text-decoration:none !important;
    cursor: pointer;
}
.compact-form.set-gole-form .validation-message .validation-message-content{
    width:150px;
}

.apm-mainarea {
    min-height:726px;
}

/*#region AQM Search  */

.search-panel-breadcrumb-container {
    display: none;
}

.search-panel-button-container {
    height: 52px;
    margin-left: -15px;
    text-align: right;
    width: calc(100% + 28px);
}

/*#endregion AQM Search*/
.compact-form.set-gole-form .validation-message .validation-message-content{
    width:150px;
}
td:last-child a.toolbar-button.toolbar-button-first.toolbar-button-grid{
    text-align:center;
}
.inputtext-expand{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
}
.filter-dialog-content-wrapper .blockUI.blockOverlay{
    height:99% !important;
}

.schedule-trades-bulletin-board-action-schedule-nomdate-container > a
{
    color: #000;
}

.schedule-trades-preview-day-header  > a:focus,
.schedule-trades-preview-day-header  > a:active,
.schedule-trades-preview-day-header  > a:hover,
.schedule-trades-bulletin-board-action-schedule-nomdate-container > a:focus,
.schedule-trades-bulletin-board-action-schedule-nomdate-container > a:active,
.schedule-trades-bulletin-board-action-schedule-nomdate-container > a:hover
{
    text-decoration:underline
}

.k-grid-content table[role="grid"] td[role="gridcell"]{
    height:28px;
}

/* #region analyze org security and related */

.inherited-role {
    background: none repeat scroll 0 0 #FCF5CB;
}

.inherited-info {
    vertical-align: text-top;
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #ACA57B;
    background: #FCF5CB;
}

.org-security-form label:first-of-type{
    margin-top: 0;
}

.hierarchy-selector-area {
    width:calc(30% - 7.5px);
    margin-right: 15px;
    float: left;
}

.hierarchy-selector-area .org-hierarchy-tree {
    height: 412px;
    overflow: auto;
}

.roles-seletor-area {
    width:calc(70% - 7.5px);
    float: right;
}

.org-security-form .form-grid-wrapper {
    height: 410px;
}

.k-grid td.action-cell {
    text-align: center;
    padding: 0;
}

.action-cell label  {
    display: block;
    margin: 0;
    padding: 6px;
}

/* #endregion analyze org security and related */

/*data views-----------start---------*/
.dataView-actionContainer .assign-action-grid-container{
    float:left;
    width:calc(100% - 265px);
    width:-webkit-calc(100% - 265px);
    width:-moz-calc(100% - 265px);
}
.dataView-actionContainer label{
    display:block;
}
.dataView-actionContainer .description{
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 90px;
}
.dataView-modal{
    max-width:525px;
}
.dataView-modal-li{
    display:table;
    width:100%;
}
.dataView-modal-select{
    display:table-cell;
    width:50%;
}
.dataView-modal-select:first-child{
    padding-right:10px;
}

.data-views-grid-container label:first-of-type {
    margin-top: 0;
}

#dataViewsGrid .k-grid-content{
    position:static;
}
table tr td.members-coloumn{
    text-overflow:clip;
}
table tr td.members-coloumn span{
    white-space:nowrap;
}

/*data views-----------Ends---------*/
#pabPanelBar{
    border:0;
}

/* General Widget Stuff*/

.big-number-widget {
    overflow: hidden;
    background: #662D91;
}

.widget-totalscore-gauge ul,
.widget-gauge-titles ul,
.widget-line-chart ul,
.widget-scorecard ul{
    bottom: 7px;
    margin: 0;
    position: absolute;
    width: 100%;
    font-weight: 700;
}

.widget-full-scorecard ul {
    margin-left: -15px;
}

.widget-totalscore-gauge .time-slice,
.widget-gauge-titles .time-slice,
.widget-line-chart .time-slice,
.widget-scorecard .time-slice{
    display: block;
    float: right;
    overflow: hidden;
    position: absolute;
    left: 1px;
    top: -177px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
    padding-left: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
}

.widget-line-chart .time-slice {
    top: -183px;
    padding-left: 0;
}

.widget-totalscore-gauge .team-name,
.widget-gauge-titles .team-name,
.widget-line-chart .team-name,
.widget-scorecard .team-name{
    display: block;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    width: 50%;
    padding-left: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    text-align: left;
}

.widget-totalscore-gauge .team-name .glyph-users,
.widget-gauge-titles .team-name .glyph-users,
.widget-line-chart .team-name .glyph-users,
.widget-scorecard .team-name .glyph-users {
    font-size: 14px;
    top: 2px;
    position: relative;
}

.widget-totalscore-gauge .data-view,
.widget-gauge-titles .data-view,
.widget-line-chart .data-view,
.widget-scorecard .data-view{
    display: block;
    float: right;
    overflow: hidden;
    position: absolute;
    right: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
    text-align: right;
    padding: 0 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Animated Widgets */

.panels {
    position: relative;
    height: 100%;
}

.panel-two {
    height: 100%;
}

@-moz-keyframes slide-widget {
  0%   { top: 195%; }
  5%   { top: 195%; }
  8% { top: 95%; }
  100% { top: 95%; }
}

@-webkit-keyframes slide-widget {
  0%   { top: 195%; }
  5%   { top: 195%; }
  8% { top: 95%; }
  100% { top: 95%; }
}

@keyframes slide-widget {
  0%   { top: 195%; }
  5%   { top: 195%; }
  8% { top: 95%; }
  100% { top: 95%; }
}

.widget-totalscore-bignumber .panels{
    -moz-animation-play-state: initial;
    animation-play-state: initial;
}

.widget-totalscore-bignumber:hover .panels,
.widget-totalscore-bignumber:focus .panels {
    -moz-animation: slide-widget ease-in-out 10s 1;
    -webkit-animation: slide-widget ease-in-out 10s 1;
    animation: slide-widget ease-in-out 10s 1;
    -moz-animation-play-state: running;
    animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.panel-two ul{
    background: rgba(78, 37, 109, 0.9);
    color: #FFFFFF;
    font-size: 12px;
    height: 75px;
    margin: 0 0 0 2.5%;
    position: relative;
    top: -76px;
    width: 97%;
}

.total-score-panels .panel-two ul {
    background: rgba(17, 52, 117, 0.9);
}

.panel-two li {
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    position: relative;
    top: 13px;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.test-widget .icon-info-sign {
    color: #FFFFFF;
    position: absolute;
    right: 7px;
    top: 36px;
    z-index: 20;
}

.compact-form ul li select.widget-apm-fixedWidth-dropdown {
width:300px;
}

.grid-toolbar-area .data-views-filter.disable-button{
    color: #aaa;
    background: #F6F6F6;
    border-color: #e8e8e8;
    cursor: not-allowed;
    opacity: 0.8;
}

/*fix for kendo chart in IE*/
#scorecardGraph svg {
    overflow: hidden;
}


/* #region Multi item entry control */
.multi-item-entry-control {
    height: 28px;
}

.multi-item-entry-toobar {
    line-height: 20px;
}

.multi-item-entry-button-container {
    float: left;
    margin-right: 10px;
}

.multi-item-entry-checkbox-container {
    float: left;
    margin-right: 5px;
}

.multi-item-entry-search {
    padding-top: 5px;
}

.multi-item-entry-list {
    padding-top: 10px;
}

.multi-item-entry-list select {
    margin: 0px;
    max-width: 337px;
    width: 100%;
}

.multi-item-entry-panel {
    border: solid 1px #aaa;
    border-radius: 4px;
    padding: 10px;
}

.multi-item-entry-footer-selected {
    margin-top: 20px;
    position: absolute;
}
/* #endregion Multi item entry control */