#Body .ui-widget-overlay { z-index: 903; }
#Body .dnnFormPopup { z-index: 904; left: 35%; top: 40%; position: fixed; }

.dnnFormPopup ol li{ margin: 0 0 20px 20px; }
.dnnFormPopup ul li { margin: 0 0 20px 0; }
.dnnFormPopup button[visible=false] { display: none; }
.dnnFormItem ul li { margin: 0 0 0 0; }

#dnnCPWrap { z-index: 900 !important; }
.ModOvionxTalentDashboardC, .ModOvionxTalentSchedulerC { min-height: 300px; }

/*.row-fluid [class^="span"]:not([style="display: none;"]) { margin-left: 0; }*/
.row-fluid [class^="span"]:first-child:not([style]) { margin-left: 0; }

#shadow { display: none; }

.responsive-table { position: relative; }
.table { width: 100%; }
    .table tr:nth-child(even) {  }
        .table th { font-size: 17px; font-weight: bold; padding: 5px 0px 5px 5px !important; border-bottom: 1px solid #e7e5e2; color: #666; }
        .table td { font-size: 12px; color: #666; padding: 5px 0 5px 5px !important; border-bottom: 1px solid #e7e5e2; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100px; min-width: 32px; }
        .table td.wrap { white-space: normal; }
        .table td:first-child { max-width: 120px; }
        .table td:last-child { padding: 10px 0 10px 10px; }

.topnav { margin: 15px 0; position: relative; }
.topnav .back-to-top, .topnav label { display: none; }
.topnav.affixed { position: fixed; top: 90px; z-index: 999999; margin-bottom: 15px; color: #fff; -moz-transition: top 0.3s ease-out; -webkit-transition: top 0.3s ease-out; transition: top 0.3s ease-out; }
.topnav.affixed:before { position: inherit; background: #0976BC; width: 100%; left: 0; padding: 25px 0; border-bottom: 1px solid #ccc; content: " "; z-index: -1; margin: -15px 0 0 0; }
.topnav.affixed a { color: #fff; }
.topnav.affixed .back-to-top { display: inline-block; }
.topnav.affixed .view-timeline { display: none; }
.topnav.affixed label { display: inline-block; }
.topnav > a:first-child {
    background: #fff;
    padding: 3px 6px;
}
.topnav > a:first-child:before {
    content: '\02190';
    margin-right: 5px;
    font-size: 20px;
}

#history { margin: 15px 0; position: relative; }
#history .back-to-top { position: fixed !important; bottom: 20em; left: 0px; top: auto; text-decoration: none; color: #000000; background-color: #f7f7f7; font-size: 12px; padding: 1em; display: none; }

.dnnFormItem ul { width: 60%; display: inline-block; list-style-type: none; margin-left: 0; }
.dnnActions input { display: inline-block; }
    .dnnActions li { display: inline-block; vertical-align: middle; overflow:visible !important; }
.dnnForm .ui-tabs-panel { background: #fff; border: 1px solid #eee; }
a[disabled].dnnPrimaryAction, a[disabled].dnnPrimaryAction:link, a[disabled].dnnPrimaryAction:visited, a[disabled].dnnPrimaryAction:hover, a[disabled].dnnPrimaryAction:visited:hover, dnnForm.ui-widget-content a[disabled].dnnPrimaryAction { text-decoration: none; color: #bbb !important; background: #818181 !important; } 

.dnnDialog .intro { background: #f5f5f5; padding: 1px 0 10px 10px; }
    .dnnDialog .intro h2 { margin: 10px 0 0; padding: 0; line-height: 100%; font-weight: bold; }
.dnnDialog .content { min-height: 245px; position: relative; margin: 10px 0 0; }
.dnnDialog label { display: block; }

span.center { margin: auto; position: absolute; z-index: auto; top: 0; left: 0; bottom: 0; right: 0; height: 20px; text-align: center; font-size: 26px; }
span.center:empty { display: none; }
span.separator:before { content: "|"; margin: 0 10px; }
/*span.center.loading:before { content: " "; width: 36px; height: 36px; display: inline-block; background-image: url(/DesktopModules/Ovionx/Talent/Images/loading.gif); background-size: 100%; vertical-align: middle; margin: 0 10px; }*/
span.overlay { background-color: black; position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.2; /* also -moz-opacity, etc. */ z-index: 10; }
/*span.center.loading { background: rgba(255,255,255,.5); padding: 40px 0%; width: 60%; border: 2px solid #fff; }*/
span.loading.solid { background: #fff; padding: 30px 0 30px 0; }
span.center.loading:before {
    content: " ";
    height:18px;
    width:18px;
    margin:-8px 10px;
    position:relative;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left:6px solid rgba(9,118,188,.15);
    border-right:6px solid rgba(9,118,188,.15);
    border-bottom:6px solid rgba(9,118,188,.15);
    border-top:6px solid rgba(9,118,188,.8);
    border-radius:100%;
    display: inline-block;
}
span.center.loading:after { content: " ..."; }
span.center.modal {
        background: rgba(0,0,0,.5);
    padding: 50% 0%;
    position: fixed;
    z-index: 9999999;
    color: #fff;
}

.dnnForm.talent-details fieldset { padding: 0 0 1em 0; }
.talent-details input[data-bind*=Email] { width: 64%; }
.talent-details input[data-bind*=Title] { width: 64%; }
.talent-details input[data-bind*=UrlLinkedIn] { width: 64%; }
.talent-details textarea[name*=txtNote] { width: 64%; }

.bio-header img { margin: 0 10px 0 0; max-width: 40px; }
.bio-header h2 { line-height: 100% !important; font-weight: bold !important; }

.unselectable { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }

.add-new-title { font-size: 28px !important; padding-bottom: 10px; }
.add-new-warning {
    background-color: red;
    padding: 18px;
    color: white;
    font-size: 18px;
}


.ui-dialog { box-sizing: content-box; }

.ui-autocomplete { position: absolute; cursor: default; background: #fff; border: 1px solid #ccc; }
.ui-menu { z-index: 999; list-style: none; padding: 2px; margin: 0; display: block; float: left; background: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 2px 4px rgba(0,0,0,0.2); position: absolute; }
    .ui-menu .ui-widget-header { border: 1px solid #dddddd; background: #f2f2f2; color: #333333; font-weight: bold; padding: 2px 3em 2px 25px; font-size: 12px; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; }
.ui-menu-item { list-style-type: none; list-style: none !important; white-space: nowrap !important; }
.ui-menu .ui-menu-item { text-decoration: none; display: block; padding: 2px 3em 2px 25px; line-height: 1.5; zoom: 1; font-size: 12px; color: #0077c1; }
.ui-menu-item:hover { background: #eee; text-decoration: underline; cursor: pointer; }
.ui-autocomplete .ui-state-hover,
.ui-autocomplete .ui-widget-content .ui-state-hover,
.ui-autocomplete .ui-widget-header .ui-state-hover,
.ui-autocomplete .ui-state-focus,
.ui-autocomplete .ui-widget-content .ui-state-focus,
.ui-autocomplete .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; }
.ui-menu-divider hr { margin: 0; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Validation */
label.error, span.error { display: none; position: absolute; top: 3px; margin: 0; background: #f00; color: #fff; font-size: 11px; padding: 2px 6px; width: 100px; text-align: left !important; line-height: 120%; text-shadow: none; right: -10%; min-height: 30px; }
    label.error:after, span.error:after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -15px; width: 0; height: 0; border-right: 8px solid #FF0000; border-top: 15px solid transparent; border-bottom: 15px solid transparent; }
input.error, select.error { }
label.validationMessage, span.validationMessage { position: absolute; margin: 0; background: #f00; color: #fff; font-size: 11px; padding: 2px 6px; width: 100px; text-align: left !important; line-height: 120%; text-shadow: none; min-height: 30px; }
    label.validationMessage:after, span.validationMessage:after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -15px; width: 0; height: 0; border-right: 8px solid #FF0000; border-top: 15px solid transparent; border-bottom: 15px solid transparent; }

.icon-request:before { cursor: pointer; content: ""; width: 16px; height: 16px; display: inline-block; background-size: 100%; background-image: url(/icons/Sigma/Unchecked_16X16_Standard.png); }
.icon-allowed:before { cursor: pointer; content: ""; width: 16px; height: 16px; display: inline-block; background-size: 100%; background-image: url(/icons/Sigma/Grant_16X16_Standard.png); }
.icon-denied:before { cursor: pointer; content: ""; width: 16px; height: 16px; display: inline-block; background-size: 100%; background-image: url(/icons/Sigma/Deny_16X16_Standard.png); }
.icon-shared:before { cursor: pointer; content: ""; width: 16px; height: 16px; display: inline-block; background-size: 100%; background-image: url(/icons/Sigma/Shared_16X16_Standard.png); }
.icon-delete:before { cursor: pointer; content: ""; width: 16px; height: 16px; display: inline-block; background-size: 100%; background-image: url(/icons/Sigma/Delete_16X16_Standard.png); }

@-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);} }
@-moz-keyframes rotation { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);} }
@-o-keyframes rotation { from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);} }
@keyframes rotation { from {transform: rotate(0deg);} to {transform: rotate(359deg);} }

span[data-bind*=rotateTriState] { cursor: pointer; }

[class^='icon-star-'] { cursor: pointer; width: 16px !important; height: 16px !important; background-image: none !important; }
[class^='icon-star-']:before { background-image: url(images/stars.png); background-size: 100%; content: ""; width: 100%; height: 100%; display: inline-block; }
[class^='icon-star-'] input { display: none; }
[class^='icon-star-'].selected { border: 1px solid #bbb; border-radius: 2px; }
.icon-star-grey:before { background-position: 0 0; }
.icon-star-green:before { background-position: 0 75%; }
.icon-star-yellow:before { background-position: 0 25%; }
.icon-star-red:before { background-position: 0 50%; }
.icon-star-white:before { background-position: 0 100%; }

.ui-tooltip, .ui-tooltip .arrow:after { background: #000; border: 2px solid #fff; }
.ui-tooltip { padding: 10px 20px; color: white; border-radius: 5px; font: normal 12px "Helvetica Neue", Sans-Serif; text-transform: inherit; box-shadow: 0 0 7px black; z-index: 999; max-width: 100px; } 
.ui-tooltip .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; }
.ui-tooltip .arrow.top { top: -16px; bottom: auto; }
.ui-tooltip .arrow.left { left: 20%; }
.ui-tooltip .arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg); }
.ui-tooltip .arrow.top:after { bottom: -20px; top: auto; }

/* jQuery UI ProgressBar */
.ui-progressbar { position: relative; background: #dcdcdc; border: 1px solid #aaaaaa !important; }
.ui-progressbar-value { height: 100%; background: #f2ca6a; border: 0 !important; }
.dnnFormPopup .ui-resizable-se { cursor: se-resize; }
.dnnFormItem > label { font-weight: bold !important; margin-top: inherit; }
.dnnFormItem > label:after { content: ' '; display: inline-block; }

/*.dnnFormItem > label:after { content: " "; background: url(/images/help-icn.png) no-repeat right; width: 14px; height: 14px; display: inline-block; background-repeat: no-repeat; vertical-align: text-top; margin: 0 0 0 10px; }*/

.dnnFormInfo h2 { margin: 0; padding: 0; line-height: 100%; }

.staff { display: inline-block; width: 49%; vertical-align: top; padding: 10px 10px 10px 10px; border: 1px solid transparent; line-height:100%; position: relative; box-sizing: border-box; margin: 0 0 15px 0; cursor: default; }
.staff:hover { border: 1px solid #ccc; }
    .staff .dnnLeft { width: 30%; }
    .staff .dnnRight { width: 65%; }
        .staff h1 { font-size: 15px !important; color: #0076C0 !important; font-family: Helvetica; text-transform: uppercase; line-height:100% !important; margin: 0 0 5px; }
        .staff h2 { color: #818384 !important; font-size: 12px !important; font-family: Helvetica; text-transform: uppercase; line-height:100% !important; margin:0 0 10px; }
        .staff .attributes label { color: #818384; font: bold 12px/12px Helvetica; width: 40%; display: inline-block; margin: 0px 0px 0px 0px; cursor: default; }
        .staff .attributes span { color: #818384; font: normal 12px/12px Helvetica; display: inline-block; margin: 0px 0px 0px 0px; width: 60%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} 
        .staff .badges { margin: 10px 0 0 0; }
        .staff a { text-decoration: none !important; }
        .staff a.dnnSecondaryAction,
        .staff a.dnnPrimaryAction { margin: 10px 0 0 0; }
        .staff .shared { display: block; min-width: 100%; margin: 0 0 10px 0; }
        .staff .shared:before { content: "Shared"; color: #fff; background: #999; padding: 3px 6px; display: inline-block; font-size: 11px; }     

@media (max-width: 767px) {
    .talent-details .dnnLeft { float: none; width: 100% !important; }
    .talent-details input[data-bind*=Email] { width: inherit; }
    .talent-details input[data-bind*=Title] { width: inherit; }
    .talent-details input[data-bind*=UrlLinkedIn] { width: inherit; }
    .talent-details textarea[name*=txtNote] { width: inherit; }
    .timeline > li .timeline-icon { display: none; }
    .topnav.affixed { top: 0; }
}

@media (max-width: 979px) and (min-width: 768px) {
    .timeline > li .timeline-label h2 { font-size: 1.2em; }
}

@media (max-width: 400px) {
    .timeline > li .timeline-label h2 { font-size: 1.2em; }
}