:root {
    --navbar-bg-color: 24,39,68 !important;
    --navbar-brand-color: 255,255,255 !important;
    --navbar-link-color:  255,255,255 !important;
    --primary-color: 244,185,66 !important;
    --primary-color-dark: 219,166,59 !important;
    --text-on-primary: 255,255,255 !important;
    --base-font-size: 14px !important;
    --navbar-height: 70px !important;

  }

  body {
    position: relative;
  }
  .tk-data-table__content {
    border: 1px solid #DDE3E9;
  }

.navbar {
    box-shadow: none;
}

.navbar__link {
    font-weight: 600;
    border-radius: 20px;
}



html[turnkeyview="LandingPage"] .navbar {
    box-shadow: none;
    background-color: transparent !important;
}

html[turnkeyview="LandingPage"] .navbar__link {
    color:  #006CE6 !important;
}

html[turnkeyview="LandingPage"] .navbar__link .navbar__link .mi {
    color:  #006CE6 !important;
    background-color: #006CE6;
}

html[turnkeyview="LandingPage"] .navbar__link--colored{
    color: #fff !important;
    height: 40px;
    background-color: #006CE6;
}

html[turnkeyview="LandingPage"] .navbar__wrapper.collapse.in {
    background-color: #F8FAFC;
    padding: 24px;
    box-shadow: 0 5px 16px 19px rgb(24 39 68 / 80%);
} 

@media screen and (min-width:992px) {


    html[turnkeyview="LandingPage"] .navbar__wrapper.collapse.in {
        background-color:none;
        padding: none;
        box-shadow: none;
    }   
}

.navbar__brand {
    color: #F4B942;
    font-weight: 600;
}

.tk-progress-bar {
    top: 70px !important;
}

.EditingWindow:not(span) {
    background-color: floralwhite;
    border-color: gainsboro;
    border-width: 2px;
    border-style: solid;
    padding: 8px;
}

.tox.tox-tinymce {
    height: 50vh !important;
    /* width: 70vw !important;*/
}

/* Temp. fixes a problem with a narrow pop-up */
.DebugControlMyPeoplePopUp_MyPeople {
    min-width: 600px;
}


.tk-data-table__cell img {
    max-height: 45px !important;
    border-radius: 100% !important;
}

.avatar div{
    max-width: 40px;
    position: relative;
}

.my-people label,
.my-connections label {
    display: flex;
    align-items: center;
}
.my-people label:before {
    display: inline-block;
    content: '';
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.28 28.39'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-2%7Bfill:%23182744;%7D.cls-2%7Bopacity:0.3;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Ccircle class='cls-1' cx='15.9' cy='16.01' r='5.79'/%3E%3Ccircle class='cls-2' cx='11.6' cy='1.39' r='1.39'/%3E%3Ccircle class='cls-2' cx='16.96' cy='1.56' r='1.39'/%3E%3Ccircle class='cls-2' cx='21.92' cy='3.9' r='1.39'/%3E%3Ccircle class='cls-2' cx='25.43' cy='8.03' r='1.39'/%3E%3Ccircle class='cls-2' cx='26.88' cy='13.27' r='1.39'/%3E%3Ccircle class='cls-2' cx='26.1' cy='18.68' r='1.39'/%3E%3Ccircle class='cls-2' cx='23.15' cy='23.26' r='1.39'/%3E%3Ccircle class='cls-2' cx='18.57' cy='26.21' r='1.39'/%3E%3Ccircle class='cls-2' cx='13.22' cy='26.99' r='1.39'/%3E%3Ccircle class='cls-2' cx='7.92' cy='25.49' r='1.39'/%3E%3Ccircle class='cls-2' cx='3.79' cy='21.97' r='1.39'/%3E%3Ccircle class='cls-2' cx='1.45' cy='17.07' r='1.39'/%3E%3Ccircle class='cls-2' cx='1.39' cy='11.6' r='1.39'/%3E%3Ccircle class='cls-1' cx='4.68' cy='4.8' r='3.68'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    margin-right: 6px;
    background-repeat: no-repeat;
    background-position: center;
}

.my-connections label:before {
    display: inline-block;
    content: '';
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3C!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='18px' height='15px' viewBox='0 0 18 15' style='overflow:visible;enable-background:new 0 0 18 15;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23142746;%7D .st1%7Bopacity:0.3;fill:%23142746;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpath class='st0' d='M12,3c0,1.7-1.3,3-3,3C7.3,6,6,4.7,6,3s1.3-3,3-3C10.7,0,12,1.3,12,3z'/%3E%3Cpath class='st1' d='M17,5c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2s0.9-2,2-2C16.1,3,17,3.9,17,5z'/%3E%3Cpath class='st0' d='M13,12c0-2.3-2-4.2-4.4-4C6.5,8.2,5,10.1,5,12.2L5,14c0,0.6,0.4,1,1,1h6c0.6,0,1-0.4,1-1V12z'/%3E%3Cpath class='st1' d='M5,5c0,1.1-0.9,2-2,2S1,6.1,1,5s0.9-2,2-2S5,3.9,5,5z'/%3E%3Cpath class='st1' d='M16,15c-0.6,0-1-0.4-1-1v-2c0-1-0.3-2-0.7-2.9c0,0,0-0.1,0-0.1C14.7,9,15.1,9,15.5,9C17,9.3,18,10.7,18,12.2 l0,1.8c0,0.6-0.4,1-1,1H16z'/%3E%3Cpath class='st1' d='M3.7,9.1C3.7,9.1,3.7,9.1,3.7,9.1C3.3,10,3,11,3,12v2c0,0.6-0.4,1-1,1H1c-0.6,0-1-0.4-1-1l0-1.8 C0,10.7,1,9.3,2.5,9C2.9,9,3.3,9,3.7,9.1z'/%3E%3C/svg%3E%0A");
    margin-right: 6px;
    background-repeat: no-repeat;
    background-position: center;
}

.htmlexample > div {
    background-color: floralwhite;
    border-color: gainsboro;
    border-width: 2px;
    border-style: solid;
    padding: 20px;
}

.resizevertical {
    resize: vertical;
}

div .ctGrid.tk-data-table {
    resize: vertical;
}

.basicGroupBox.ctGroupbox {
    background-color: aliceblue;
    margin-left: 15px;
    padding: 10px;
}

button.tk-button__native.outlined.low-button {
    height: 15px;
    border-color: lightgray;
}

.alignToBottom {
    display: flex;
    align-items: end;
    flex-direction: row;
}

.mg_EventComments {
    min-width: 50vw;
}

.CommentRow {
    background-color: aliceblue;
    margin-top: 10px;
    padding: 10px;
}

.EventCommentsList_Text 
{
    background-color:white;
}



.FindUserPage_UsersList .tk-data-table__native {
    position: relative !important
}