a, .qrstyle {
    color:#2d3258;
}

.panel-body li a {
    word-wrap: break-word;
    white-space: normal;
    text-align: left;
}

.panel .panel-body p {
    margin-bottom: 8px;
}

.panel-new {
    border-top: 5px solid #EDC239;
}

.btn-new {
    color: #302f31;
    background-color: #EDC239;
    border-color: #c6a331;
}

#wiki-edit-sidebar .panel-heading {
    padding: 0;
    background-color: inherit;
}

.wiki-article div.toc,
.wiki-article div.article-list {
    max-width: 340px;
    clear: left;
    display: inline-block;
    /* Fix height problem when next to floating elements */
}

.wiki-article div.toc .nav-header,
.wiki-article div.article-list .nav-header {
    padding: 3px 10px;
    border-bottom: 1px solid #DDD;
    font-weight: bold;
}

.wiki-article div.toc ul,
.wiki-article div.article-list ul {
    padding-left: 0;
    list-style: none;
}

.wiki-article div.toc > ul,
.wiki-article div.article-list > ul {
    border-radius: 5px;
    background-color: #f6f6f6;
    padding-top: 5px;
}

.wiki-article div.toc ul li ul li,
.wiki-article div.article-list ul li ul li {
    padding-left: 10px;
}

.wiki-article div.toc ul li a,
.wiki-article div.article-list ul li a {
    padding: 5px 10px;
    display: block;
    border-bottom: 1px solid #DDD;
}

.wiki-article div.toc ul li:last-child,
.wiki-article div.article-list ul li:last-child {
    margin-bottom: 7px;
}

.wiki-article div.toc .toctitle {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777777;
    white-space: nowrap;
}

.navigation {
    margin: 10px 0px 20px;
    font-family: 'Nunito Sans', sans-serif;
}

.navigation li {
    z-index: 99;
}

.navigation > ul > li > a {
    padding: 14px 25px;
}

ul.top-right-menu {
    margin-bottom: 0;
}

@font-face{
    font-family: "ModeNine";
    src: url(fonts/MODENINE.TTF), url(fonts/MODENINE.eot), url('fonts/MODENINE.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: "DolceVitaLight";
    src: url(fonts/DolceVitaLight.ttf), url(fonts/DolceVitaLight.eot), url('fonts/DolceVitaLight.eot?#iefix') format('embedded-opentype');
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    letter-spacing: 2px;
    font-weight: bold;
}

.profile-img {
    object-fit: cover;
    object-position: 0 0;
}

.background-center {
    background-position: 0% 18%;
}

.table-clickable {
    cursor:pointer;
}

.logo-expanded {
    text-transform: none;
}

.logo-expanded:hover {
    text-decoration: none;
}


.thehubtitle-short {
    text-align: center;
}

.thehubtitle {
    margin-top: 0.5em;
    margin-left: 2em;
    margin-bottom: 0;
}

.thehubmenu {
    font-family: 'Nunito Sans', sans-serif;
}

.thehubtitle a:hover, .thehubtitle a:focus {
    text-decoration: none;
}

.thehubtitle a, .thehubtitle-short a {
    font-size: 16px;
    line-height: 50px;
    color: #2d3258;
    font-family: "Nunito Sans", sans-serif;
    font-weight: bold;
}

.hub-bar-container {
    display: inline-block;
    width: 120px;
    height: 2px;
    font-weight: normal;
    margin-bottom: 4px;
    background-color: #2d3258;
}

.qrname {
    font-size: 22px;
    letter-spacing: 3px;
    /* line-height: 50px; */
    font-weight: 500;
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    color: #FFFFFF;
}

@media screen and (max-width: 1080px) {
    .top-bar-links div {
        display: none;
    }
}

.top-bar-links div {
    float: left;
    margin-top: 8px;
    margin-bottom: 8px;
    height: 35px;
    margin-right: 12px;
}

.qricon {
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    height:35px;
    width: 35px;
    line-height: 32px;
    vertical-align: middle;
    font-size: 35px;
}

.li_tab .qricon {
    height: 25px;
    width: 25px;
    line-height: 22px;
}

.inherit-color {
    color: inherit;
}

.inherit-color:hover {
    color: inherit;
    text-decoration: none;
}

.bordericon {
    border: 1px solid lightgrey;
    border-radius: 5px;
}

.selectedicon {
    background-color: lightgrey;
}

.sealicon {
    background-image: url(images/seal.png);
}

.questionicon {
    background-image: url(images/question.png);
}

.webexicon {
    background-image: url(images/webex.png);
}

.skillsmatrixicon {
    background-image: url(images/skillsmatrix.png);
}

.rosetteicon {
    background-image: url(images/rosette.png);
}

.dequiterewardingicon {
    background-image: url(images/dequiterewarding.png);
}

.quiterewardingicon {
    background-image: url(images/quiterewarding.png);
}

.thequickresponseicon {
    background-image: url(images/tickets.png);
}

.dropboxicon {
    background-image: url(images/dropbox.png);
}

.zimbraicon {
    background-image: url(images/zimbra-new.png);
}

.staricon {
    background-image: url(images/star.png);
}

.llicon {
    background-image: url(images/learning_is_fun.png);
}

.lemonicon {
    background-image: url(images/lemon.png);
}

.aubergineicon {
    background-image: url(images/aubergine.png);
}

.goldenaubergineicon {
    background-image: url(images/golden_aubergine.png);
}

.bmwicon {
    background-image: url(images/bmw.png);
}

.ozicon {
    background-image: url(images/oz.png);
}

.threepoint0icon {
    background-image: url(images/3point0.png);
}

.linkedinicon {
    background-image: url(images/linkedin.png);
}

.slackicon {
    background-image: url(images/slack.png);
}

.spicon {
    background-image: url(images/splogo.png);
}

.dficon {
    background-image: url(images/dflogo.png);
}

.googledocsicon {
    background-image: url(images/googledocs.png);
}

.qrsiteicon {
    background-image: url(images/qrsquare.png);
}

.webexicon {
    background-image: url(images/webex.png);
}

.skillsmatrixicon {
    background-image: url(images/skillsmatrix.png);
}

.rosetteicon {
    background-image: url(images/rosette.png);
}

.dequiterewardingicon {
    background-image: url(images/dequiterewarding.png);
}

.quiterewardingicon {
    background-image: url(images/quiterewarding.png);
}

.thequickresponseicon {
    background-image: url(images/tickets.png);
}

.dropboxicon {
    background-image: url(images/dropbox.png);
}

.zimbraicon {
    background-image: url(images/zimbra-new.png);
}

.linkedinicon {
    background-image: url(images/linkedin.png);
}

.slackicon {
    background-image: url(images/slack.png);
}

.spicon {
    background-image: url(images/splogo.png);
}

.dficon {
    background-image: url(images/dflogo.png);
}

.googledocsicon {
    background-image: url(images/googledocs.png);
}

.qrsiteicon {
    background-image: url(images/qrsquare.png);
}

.expensesicon {
    background-image: url(images/expenses.png);
}

.timesheeticon {
    background-image: url(images/timesheet.png);
}

.barclaycardicon {
    background-image: url(images/barclaycard.png);
}

.accommodationicon {
    background-image: url(images/accommodation.png);
}

.travelicon {
    background-image: url(images/travel.png);
}

.meetingfacilityicon {
    background-image: url(images/meetingfacility.png);
}

.trainingicon {
    background-image: url(images/training.png);
}

.purchaseicon {
    background-image: url(images/purchase.png);
}

.quoteicon {
    background-image: url(images/quote.png);
}

.poicon {
    background-image: url(images/po.png);
}

.invoiceicon {
    background-image: url(images/invoice.png);
}

.pisicon {
    background-image: url(images/pis.png);
}

.casestudyicon {
    background-image: url(images/casestudy.png);
}

.notesicon {
    background-image: url(images/notes.png);
}

.dr_engine {
    background-image: url("");
}

.focusarea1icon {
    background-image: url("images/focus_areas/Purpose and Objectives.png");
}

.focusarea2icon {
    background-image: url("images/focus_areas/Stakeholders, Communication and Governance.png");
}

.focusarea3icon {
    background-image: url("images/focus_areas/Project Management, Resourcing and Compliance.png");
}

.focusarea4icon {
    background-image: url("images/focus_areas/Data and Documents.png");
}

.focusarea5icon {
    background-image: url("images/focus_areas/Processes, Systems and Tools.png");
}

.focusarea6icon {
    background-image: url("images/focus_areas/Metrics and KPIs.png");
}

.focusarea7icon {
    background-image: url("images/focus_areas/Business Development.png");
}

.focusarea8icon {
    background-image: url("images/focus_areas/Continuous Improvement.png");
}

.sq {
    float: left;
    position: relative;
    width: 18%;
    padding: 0 0 18% 0; /* = width for a 1:1 aspect ratio */
    margin: 1%;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    border: solid 1px transparent;

}

.sq_full_workflow {
    width: 6.5%;
    margin: 0.5%;
    padding: 0 0 6.5% 0;
}

.sq_expand {
    height: auto;
    padding: 0px;
}

.sq_content {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 10% 10%;
    text-align: center;
    font-size: 14px;
}

.sq_full_workflow .sq_content, .sq_expand div {
    font-size: 10px
}

@media screen and (max-width: 970px) {
    .sq_content {
        font-size: 10px;
    }
    .sq_full_workflow .sq_content, .sq_expand div {
        font-size: 8px;
    }

}

@media screen and (max-width: 750px) {
    .sq_content {
        font-size: 8px;
    }
    .sq_full_workflow .sq_content, .sq_expand div {
        font-size: 6px;
    }

}

.sq_table {
    display: table;
    height: 100%;
    width: 100%;
}

.sq_table-cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.score0, .score1, .score2, .score3, .score4, .score5 {
    text-align: center !important;
    vertical-align: middle !important;
    color: black;
}

.score1 {
    background: rgb(255, 0, 0);
}

.score2 {
    background: rgb(255, 192, 0);
}

.score3 {
    background: rgb(0, 255, 0);
}

.score4 {
    background: rgb(144, 144, 144);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOTA5MDkwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, rgb(144, 144, 144) 0%, rgb(188, 188, 188) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgb(144, 144, 144)), color-stop(100%, rgb(188, 188, 188)));
    background: -webkit-linear-gradient(-45deg, rgb(144, 144, 144) 0%, rgb(188, 188, 188) 100%);
    background: -o-linear-gradient(-45deg, rgb(144, 144, 144) 0%, rgb(188, 188, 188) 100%);
    background: -ms-linear-gradient(-45deg, rgb(144, 144, 144) 0%, rgb(188, 188, 188) 100%);
    background: linear-gradient(135deg, rgb(144, 144, 144) 0%, rgb(188, 188, 188) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#bcbcbc',GradientType=1 )";
}

.score5 {
    background: rgb(166, 166, 0);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjYTZhNjAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmU0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, rgb(166, 166, 0) 1%, rgb(254, 254, 64) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%, rgb(166, 166, 0)), color-stop(100%, rgb(254, 254, 64)));
    background: -webkit-linear-gradient(-45deg, rgb(166, 166, 0) 1%, rgb(254, 254, 64) 100%);
    background: -o-linear-gradient(-45deg, rgb(166, 166, 0) 1%, rgb(254, 254, 64) 100%);
    background: -ms-linear-gradient(-45deg, rgb(166, 166, 0) 1%, rgb(254, 254, 64) 100%);
    background: linear-gradient(135deg, rgb(166, 166, 0) 1%, rgb(254, 254, 64) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a600', endColorstr='#fefe40',GradientType=1 )";
}

.userimage {
    width: 100px;
    margin: 5px;
}

.biguserimage {
    width: 100%;
    margin: 5px;
}

.skillsflowchart legend {
    font-size: 16px;
    margin-bottom: 10px;
}

#financecomplexobjectitems input[type=number] {
    width: 60px;
}

#financecomplexobjectitems select[id$='employee'] {
    width: 150px;
}

#financecomplexobjectitems select[id$='time_unit'] {
    width: 80px;
}

#financecomplexobjectitems input[id$='description'] {
    width: 250px;
}

#financecomplexobjectitems input[id$='total'] {
    width: 80px;
}

#financecomplexobjectitems select[id$='revenue_project'] {
    width: 100px;
}

.financecomplexobjectitemheading {
    float: left;
    text-align: center;
    margin-left: 1px;
    margin-right: 1px;
}

#piqheatmap td, #piqheatmap th {
    padding: 0 !important;
    text-align: center;
}

.badtogoodgradient {
    color: black;
    width: 100%;
    background: -webkit-linear-gradient(left, red, yellow, lawngreen); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, red, yellow, lawngreen); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, red, yellow, lawngreen); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, red, yellow, lawngreen); /* Standard syntax */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FF0000', endColorstr='#7CFC00')"; /*For IE7-8-9*/
}

#opsrequestform ul, .opsreqstable ul {
    list-style-type: none;
    padding: 0;
}

#userpermissionsmatrix ul {
    padding: 0;
    text-align: center;
    list-style-type: none;
}

#userpermissionsmatrix th {
    text-align: center;
}

#userpermissionsmatrix label, #userpermissionsmatrix input {
    margin: 0;
}

.spreqstable th, .opsreqstable th {
    background-color: lightgrey;
    color: black;
    border-color: black !important;
}

.spreqstable td, .spreqstable, .opsreqstable td, .opsreqstable {
    border-color: black !important;
}

#morris_open svg {
    overflow: visible !important;
}

#morris_open {
    margin-bottom: 20px;
}

.modal-backdrop {
    z-index: 0;
}

.dropdown-backdrop {
    position: static;
}

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

.bootstrap_tabular_fix {
    padding: 0;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.bootstrap_tabular_fix input, .bootstrap_tabular_fix select {
    margin: 0;
    height: 100% !important;
    display: inline-block;
    width: 100%;
    padding: 0;
}

.bootstrap_tabular_fix .checkbox {
    margin-top: 2px;
    margin-bottom: 2px;
    vertical-align: middle;
}

.bootstrap_tabular_fix .checkbox input {
    height: 15px !important;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

#workingdaybox, #workingdaybox td, #workingdaybox th {
    text-align: center;
    margin: 0;
    font-size: 8px;
    padding: 0;
}

.big-wrapper-page {
    width: 380px;
    margin: 0px auto 0px;
}

.task, .taskText {
    cursor: pointer;
}

.selector .selector-available h2, .selector .selector-chosen h2, .selector .selector-available p, .selector .selector-chosen p {
    margin: 0;
}

.hiddenlink {
    color: #58666e;
}

.hiddenlink:hover {
    color: #58666e;
}

.DR2018 {
    background-image: url(images/qr2018background.png);
    width: 100%;
    height: 100%;
    min-height: 600px;
    font-family: DolceVitaLight;
    overflow: auto;
}

.DR2018Notification {
    background-color: #d2090f !important;
    color: white;
    padding: 2px 15px;
    margin: 0;
    font-size: 30px;
}

.DR2018 .btn {
    background-color: black !important;
    color: white;
}

.DR2018 input {
    font-size: 30px;
    text-align: center;
}

.qr2018icon {
    background-image: url(images/lock.png);
}

.panel-qr {
    border-color: #FFF;
}

.panel-qr > .panel-heading {
    color: #fff;
    background-color: #D7171F;
    border-color: #D7171F;
}

.panel-qr > .panel-heading > h3 {
    color: #fff;
}

.herobackground {
    background-image: url();
    background-attachment: fixed;
    background-size: 1000px;
}

.pink {
    color: #FF69B4;
}

.backpink {
    background: #FF69B4;
    color: black;
}

/* gray background in weekends, white text color */
.vis-time-axis .vis-grid.vis-saturday,
.vis-time-axis .vis-grid.vis-sunday {
    background: #d3d3d3;
}

.boardkpiimage {
    width: 100%;
}

blockquote.boardkpicomment {
    font-size: 12px;
}

.nav.nav-tabs.profile-tabs.hr-tabs > li > a {
    padding: 10px 20px;
}

.bdthisweek {
    background-color: #FFFF00;
}

.bdtotal {
    background-color: #D8D8D8;
}

.bdtarget {
    background-color: #FFFFFF;
}

/* Fix for Datatables with Scrollbar */
.dataTables_scrollBody thead, .DTFC_LeftBodyLiner thead {
    visibility: hidden;
}


#ItemPanel .linedescription {
    min-width: 250px;
}

.progress-bar-black {
    background-color: #000000;
}

.videoicon {
    cursor: pointer;
}

a.daily-note {
    margin-right: 15px;
    border-radius: 50%;
    width: 25px;
    height: 24px;
    padding: 2px;
    display: inline-block;
    text-align: center;
}

img.daily-note {
    width: 14px;
    height: 14px;
    margin-top: -2px;
}

.daily-note-handover-highlight {
    border:2px solid #f19090;
}

.dailynote_tr > td {
    color: #343234;
}

.daily-note-mood {
    height: 8px;
    width: 35%;
    float:left;
    margin-bottom: 0px !important;
    margin-top: 5px;
}