body div.menuContainer div.RadMenu_Bootstrap
{
    background-color: transparent !important;
    border-width: 0;
    position: fixed;
    left: 10px;
    top: 10px;
}

body div.menuContainer div.RadMenu_Bootstrap .rmRootGroup.rmHorizontal > .rmItem
{
    border-width: 0;
}

/* Belangrijk om bij modalpopup (bv. er zijn interne berichten) geen lelijk kader te hebben */
body div.menuContainer div.RadMenu_Bootstrap .rmRootGroup 
{
    border-color: transparent !important;
}

.pnlMegaMenu 
{
    padding: 10px 0 10px 10px;
    display: flex;
    flex-direction: row;
    justify-content: left;
    width: 100%;
    z-index: 3000;
}

div.RadMenu_Bootstrap .rmPopup 
{
    border: 2px solid #176e8b;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6 {
    width: 210px;
    margin-right: 20px;
}

.col_3
{
    width: 240px;
}

.pnlMegaMenu {
    /*background-color: #F5CA23;*/
}


.pnlMegaMenu div.rowTitle {
    background-color: #06a7e2 !important;
    border-radius: .375rem !important;
    height: 20px;
    color: white !important;
    margin-bottom: 5px;
    padding: 4px;
    text-align: center;
}

.pnlMegaMenu div.row div.colTitle span 
{
    font-size: 13px;
    font-weight: bold;
}

.pnlMegaMenu div.row div.col 
{
    overflow: hidden;
    width: 210px;
    white-space: normal;
}

.pnlMegaMenu div.row.big_title div.col {
    width: 220px;
}

.pnlMegaMenu a,
div.themaRow .col {
    color: #626262 !important;
    font-size: 12px;
    text-decoration: none !important;
}

.pnlMegaMenu a.badge-succes
{
    color: white !important;
}

div.themaRow .col {
    padding: 5px 0 10px 0;
}

.pnlMegaMenu a:hover {
    color: #5f6368 !important;
    font-weight: bold;
    text-decoration: underline !important;
}

.pnlMegaMenu div.row div.col a.imgLink
{
    margin-left: 5px;
}

.pnlMegaMenu .systeem {
    border-left: gray 1px solid;
    padding-left: 21px;
}

a.Blink img {
    animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

@keyframes blinker {  
    from { opacity: 1; }
    to { opacity: 0; }
}

.pnlMegaMenu .VerticalAlignTextAndImg a,
.pnlMegaMenu .VerticalAlignTextAndImg a.imgLink {
    display: inline-block;
    vertical-align: middle;
}

.pnlMegaMenu .VerticalAlignTextAndImg a.imgLink img
{
    margin-left: 20px;
}

/* Home icoon: beter aligneren */
.pnlMegaMenu .VerticalAlignTextAndImg.Home a.imgLink img
{
    margin-left: 30px;
}

.pnlMegaMenu .VerticalAlignTextAndImg.Logoff
{
    margin-top: 17px;
}

/* SwithRow: rij met een switch control */
div.switchRow div.col {
    width: 200px;
}

div.switchRow a,
div.switchRow div.col a
{
    margin-top: 2px;
    position: absolute;
}

div.switchRow div.custom-switch 
{
    margin-left: 80px;
}

div.themaRow div.custom-switch 
{
    margin-top: -18px;
}


div.custom-switch .custom-switch-input + .custom-switch-btn
{
    height: 25px;
    padding: 6px;
    width: 56px;
}

div.custom-switch .custom-switch-input + .custom-switch-btn:after, 
div.custom-switch .custom-switch-input + .custom-switch-btn:before 
{
    width: 13px;
    height: 13px;
}

/* Uitlijnen van de het menu */
body h2.omgeving
{
     color: #4B4B4B;
     margin-left: 51px;
     padding-left: 5px;
     position: fixed;
     text-align: left;
     top: 23px;
     width: 20%;
}

body h2.developmentOmgeving,
body h2.testOmgeving,
body h2.copyOmgeving
{
    color: white;
}

body div#page_content {
    padding-top: 5px;
}

body.small_screen body div#page_content
{
    padding-top: 55px;
}

/* Badges */
.badge-succes 
{
    background-color: #28a745;
    color: #fff;
    margin-left: 5px;
}

.badge 
{
    display: inline-block;
    padding: .25em .4em;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

div.Home .imgLink img,
div.VerticalAlignTextAndImg .imgLink img,
div.switchRow .imgLink img {
    height: 20px !important;
    width: 20px !important;
}

body div.custom-switch .custom-switch-input + .custom-switch-btn 
{
    height: 20px;
    padding: 4px;
}

body div.custom-switch .custom-switch-input + .custom-switch-btn
{
    width: 52px;
}


body input.text,
body input.password,
body input.submit,
body input.button,
body a.button,
body textarea,
body select,
body div.radlookup div.RadComboBox table tr td input.rcbInput {
    border: 1px ridge lightgray;
}


body .RadComboBoxDropDown_Default .rcbHovered, /* Bij een lookupcontrol: geen grijs meer in de dropdown. Highlightkleur voor de input control hierin doortrekken */
body .RadComboBoxDropDown_Default .rcbHovered *,
body .RadComboBoxDropDown_Default .rcbLoading, /* Loading indciatie bij een lookupcontrol */
body .RadComboBoxDropDown_Default .rcbLoading *,
body div.editable_ff input[type="text"]:focus,
body div.editable_ff select:focus,
body div.editable_ff div.radlookup div.RadComboBox table.rcbFocused tr td.rcbInputCell input[type="text"]:focus,
div div.fwGridViewWrap div table tr.hover:hover /* Verkleuring bij onhover van een row */ {
    background-color: #fff6ac;
    color: black;
}

div.tabData input {
    color: #404040;
}

div div.reizenData div.iu_buttons input.button
{
    width: 130px /* Door de uppercase is de knop te weinig breed voor de breedste content die we willen tonen */
}

body div.radlookup input.btnLookup {
    height: 21px; /* knop lookupcontrol is net te hoog */
}

body div.radlookupreadonly input.btnLookup {
    height: 23px; /* bij readonly terug herstellen naar de FW hoogte */
}


body div.radlookup div.RadComboBox table tr td input
{
    padding-bottom: 0 !important; /*Vermijden van een dikkere onderrand van de input control bij een lookupcontrol */
}

/*2X de hoogte van een normale row*/
.long_title
{
    height: 46px !important; 
}

/* Meer plaats tussen hamburger en home omdat het menu niet onmiddelijk zou dichtklappen bij beweging met muis naar rechtsonder. */
div.RadMenu li.Startpagina 
{
    margin-left: 25px;
}

div.RadMenu li.Startpagina a.rmRootLink img
{
    height: 21px;
    margin-top: -2px;
    width: 21px;
}


div.RadMenu ul.rmRootGroup li.rmItem a.rmLink:hover,
body .RadMenu_Bootstrap .rmRootLink:hover {
    background-color: transparent !important;

}

body .RadMenu_Bootstrap .rmExpanded .rmRootLink {
    background-color: transparent;
}


/* Switch user */
div.switched_user {
    font-weight: 200;
    background-color: #34444A;
    padding: 5px;
    width: 82px !important;
    margin-bottom: 10px;
    border-radius: .375rem !important;
    margin-left: -12px;
    text-align: center;
}

div.switched_user a {
    color: white !important;
}

div.switched_user a:hover 
{
    color: white !important;
}