﻿.mai-top-header {
    background-color: #FFFFFF; /*white*/
}


    .mai-top-header a:hover {
        color: #DC8633; /*IOGP Orange*/
        text-decoration: none;
        font-weight: bold;
        font-size: 12px;
    }

    .mai-top-header .navbar-brand {
        background-size: 160px;
        background-image: url('../../Art/IOGP_RGB.png');
        background-color: #FFFFFF; /*white*/
        width: 170px;
    }

.mai-user-nav > .nav-item.dropdown > .nav-link {
    color: #3d3d3d; /*dk grey*/
}

.mai-top-header .navbar-nav > .nav-item.dropdown .dropdown-menu {
    background-color: #ffffff; /*white*/
}

    .mai-top-header .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item {
        color: #323232; /*grey*/
    }

        .mai-top-header .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item:hover {
            background-color: #385E9D; /*blue*/
            color: #FFFFFF;
        }

.mai-nav-tabs-sub > .nav-item > .nav-link.active {
    /*color: #833177;*/ /*IOGP Pink*/
    color: #DC8633; /*IOGP Orange*/
    background-color: #f8f9fa;
}

.mai-nav-tabs-sub > .nav-item > .nav-link.active {
    color: #833177; /*IOGP Pink*/
    /*color: #DC8633; IOGP Orange*/
    background-color: #f8f9fa;
}
.mai-sub-header .navbar-nav > .nav-item > .nav-link:hover {
    background-color: transparent;
    color: #DC8633; /*IOGP Orange*/
}
.mai-sub-header {
    background-color: #385e9d; /*IOGP Blue*/
}

    .mai-sub-header .navbar-toggler.collapsed .icon-bar span {
        background-color: #ffffff;
    }

@media (max-width: 767.98px) {
    .mai-top-header {
        background-color: #ffffff;
    }
}

.dropdown-item.active, .dropdown-item:active {
    color: #DC8633; /*IOGP Orange*/
    text-decoration: none;
    background-color: #f8f9fa;
}

.mai-mega-menu-section.open > .nav-link {
    color: #DC8633; /*IOGP Orange*/
}

.dropdown-item.active, .dropdown-item:active {
    color: #DC8633; /*IOGP Orange*/
    text-decoration: none;
    background-color: #f8f9fa; /*light grey*/
}

.mai-nav-tabs-sub .dropdown-menu .dropdown-item.active {
    color: #DC8633; /*IOGP Orange*/
    background-color: transparent;
}

.mai-sub-header .navbar-toggler.collapsed {
    background-color: #353535; /*grey*/
}

    .mai-sub-header .navbar-toggler.collapsed .icon-bar span {
        background-color: #d8d8d8; /*grey*/
    }

@media (max-width: 767.98px) {
    .mai-sub-header .navbar-nav > .nav-item > .nav-link {
        color: #bebebe; /*lt grey*/
        text-align: left;
        background-color: #ffffff; /*white*/
        font-size: 1.077rem;
    }
}

@media (max-width: 767.98px) {
    .mai-sub-header .navbar-nav > .nav-item.open > a, .mai-sub-header .navbar-nav > .nav-item.open:hover > a {
        background-color: #DC8633; /* orange*/
    }
}

@media (max-width: 767.98px) {
    .mai-nav-tabs-sub {
        position: relative;
        top: 0;
        background-color: #ffffff;
        flex-direction: column;
        padding: 5px 0;
    }
}

@media (max-width: 767.98px) {
    .mai-nav-tabs-sub .mai-mega-menu.dropdown-menu {
        padding: 0;
        background-color: #ffffff; /*white*/
    }
}
.mai-nav-tabs-sub > .nav-item.parent.open > .nav-link {
    color: #DC8633; /*IOGP Orange*/
}
.mai-sub-header .navbar-nav > .nav-item.open > a, .mai-sub-header .navbar-nav > .nav-item.open:hover > a {
    color: #DC8633; /*IOGP Orange*/
    background-color: #FFFFFF;
}
h1, h2, h3, h4, h5 {
    color: #833177;
}

.title {
    color: #833177;
}

p, html, body, ul, ol {
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 1rem;
}

.table-caption {
    display: block;
    font-size: 1rem;
    line-height: 1;
    color: #833177; /* pink*/
    line-height: 1.5;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 20px;
    padding-right: 20px;
    margin: 12px 20px 12px 0;
}

.figure-caption {
    display: block;
    font: 14px Arial;
    line-height: 1.5;
    margin-bottom: 0px;
    margin-top: 8px;
    color: #833177; /*pink*/
    border-bottom: 1px solid #e6e6e6;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    /*font-weight: bolder;*/
}

.panel-full-color-orange {
    background-color: #DC8633; /*IOGP Orange*/
    color: #FFFFFF;
}

    .panel-full-color-orange .panel-heading {
        color: #FFFFFF;
    }

    .panel-full-color-orange .panel-subtitle {
        color: #FFFFFF;
    }

    .panel-full-color-orange .tools .icon {
        color: #FFFFFF;
    }

        .panel-full-color-orange .tools .icon:hover {
            color: #26a874;
        }

.panel-full-color-blue {
    background-color: #385E9D; /*IOGP blue*/
    color: #FFFFFF;
}

    .panel-full-color-blue .panel-heading {
        color: #FFFFFF;
    }

    .panel-full-color-blue .panel-subtitle {
        color: #FFFFFF;
    }

    .panel-full-color-blue .tools .icon {
        color: #FFFFFF;
    }

        .panel-full-color-blue .tools .icon:hover {
            color: #26a874;
        }

.panel-full-color-red {
    background-color: #832926; /*IOGP red*/
    color: #FFFFFF;
}

    .panel-full-color-red .panel-heading {
        color: #FFFFFF;
    }

    .panel-full-color-red .panel-subtitle {
        color: #FFFFFF;
    }

    .panel-full-color-red .tools .icon {
        color: #FFFFFF;
    }

        .panel-full-color-red .tools .icon:hover {
            color: #26a874;
        }

.panel-full-color-purple {
    background-color: #6A5980; /*IOGP purple*/
    color: #FFFFFF;
}

    .panel-full-color-purple .panel-heading {
        color: #FFFFFF;
    }

    .panel-full-color-purple .panel-subtitle {
        color: #FFFFFF;
    }

    .panel-full-color-purple .tools .icon {
        color: #FFFFFF;
    }

.panel-full-color-brown {
    background-color: #807374; /*IOGP brown*/
    color: #FFFFFF;
}

    .panel-full-color-brown .panel-heading {
        color: #FFFFFF;
    }

    .panel-full-color-brown .panel-subtitle {
        color: #FFFFFF;
    }

    .panel-full-color-brown .tools .icon {
        color: #FFFFFF;
    }

        .panel-full-color-brown .tools .icon:hover {
            color: #26a874;
        }


.btn-brown {
    color: #FFFFFF;
    background-color: #807374; /*IOGP brown*/
    border-color: #807374; /*IOGP brown*/
}

    .btn-brown:hover {
        color: #FFFFFF;
        background-color: #6A5980; /*IOGP Purple*/
        border-color: #6A5980; /*IOGP Purple*/
    }

    .btn-brown:focus, .btn-brown.focus {
        box-shadow: 0 0 0 0 rgba(44, 193, 133, 0.5);
    }

    .btn-brown.disabled, .btn-brown:disabled {
        color: #FFFFFF;
        background-color: #807374; /*IOGP brown*/
        border-color: #807374; /*IOGP brown*/
    }

    .btn-brown:not(:disabled):not(.disabled):active, .btn-brown:not(:disabled):not(.disabled).active,
    .show > .btn-brown.dropdown-toggle {
        color: #FFFFFF;
        background-color: #6A5980; /*IOGP Purple*/
        border-color: #6A5980; /*IOGP Purple*/
    }

        .btn-brown:not(:disabled):not(.disabled):active:focus, .btn-brown:not(:disabled):not(.disabled).active:focus,
        .show > .btn-brown.dropdown-toggle:focus {
            box-shadow: 0 0 0 0 rgba(44, 193, 133, 0.5);
        }

.btn-success {
    color: #FFFFFF;
    background-color: #27ac77; /*green*/
    border-color: #27ac77; /*green*/
}

    .btn-success:hover {
        color: #FFFFFF;
        background-color: #6A5980; /*IOGP Purple*/
        border-color: #6A5980; /*IOGP Purple*/
    }

    .btn-success:focus, .btn-success.focus {
        box-shadow: 0 0 0 0 rgba(44, 193, 133, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #FFFFFF;
        background-color: #833177; /*IOGP Pink*/
        border-color: #833177; /*IOGP Pink*/
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: #FFFFFF;
        background-color: #6A5980; /*IOGP Purple*/
        border-color: #6A5980; /*IOGP Purple*/
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0 rgba(44, 193, 133, 0.5);
        }

.btn-orange {
    color: #FFFFFF;
    background-color: #DC8633; /*IOGP orange*/
    border-color: #DC8633; /*IOGP orange*/
}

    .btn-orange:hover {
        color: #FFFFFF;
        background-color: #807374; /*IOGP brown*/
        border-color: #807374; /*IOGP brown*/
    }

    .btn-orange:focus, .btn-orange.focus {
        box-shadow: 0 0 0 0 rgba(44, 193, 133, 0.5);
    }

    .btn-orange.disabled, .btn-orange:disabled {
        color: #FFFFFF;
        background-color: #807374; /*IOGP brown*/
        border-color: #807374; /*IOGP brown*/
    }

    .btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
    .show > .btn-orange.dropdown-toggle {
        color: #FFFFFF;
        background-color: #6A5980; /*IOGP Purple*/
        border-color: #6A5980; /*IOGP Purple*/
    }

        .btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
        .show > .btn-orange.dropdown-toggle:focus {
            box-shadow: 0 0 0 0 rgba(44, 193, 133, 0.5);
        }

.btn-red {
    color: #FFFFFF;
    background-color: #832926; /*IOGP red*/
    border-color: #832926; /*IOGP red*/
}

    .btn-red:hover {
        color: #FFFFFF;
        background-color: #807374; /*IOGP brown*/
        border-color: #807374; /*IOGP brown*/
    }

    .btn-red:focus, .btn-red.focus {
        box-shadow: 0 0 0 0 rgba(44, 193, 133, 0.5);
    }

    .btn-red.disabled, .btn-red:disabled {
        color: #FFFFFF;
        background-color: #832926; /*IOGP red*/
        border-color: #832926; /*IOGP red*/
    }

    .btn-red:not(:disabled):not(.disabled):active, .btn-red:not(:disabled):not(.disabled).active,
    .show > .btn-red.dropdown-toggle {
        color: #FFFFFF;
        background-color: #807374; /*IOGP brown*/
        border-color: #807374; /*IOGP brown*/
    }

        .btn-red:not(:disabled):not(.disabled):active:focus, .btn-red:not(:disabled):not(.disabled).active:focus,
        .show > .btn-red.dropdown-toggle:focus {
            box-shadow: 0 0 0 0 rgba(44, 193, 133, 0.5);
        }

.btn-blue {
    color: #FFFFFF;
    background-color: #385E9D; /*IOGP blue*/
    border-color: #385E9D; /*IOGP blue*/
}

    .btn-blue:hover {
        color: #FFFFFF;
        background-color: #807374; /*IOGP brown*/
        border-color: #807374; /*IOGP brown*/
    }

    .btn-blue:focus, .btn-blue.focus {
        box-shadow: 0 0 0 0 rgba(44, 193, 133, 0.5);
    }

    .btn-blue.disabled, .btn-blue:disabled {
        color: #FFFFFF;
        background-color: #385E9D; /*IOGP blue*/
        border-color: #807374; /*grey*/
    }

    .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
    .show > .btn-blue.dropdown-toggle {
        color: #FFFFFF;
        background-color: #6A5980; /*IOGP Purple*/
        border-color: #6A5980; /*IOGP Purple*/
    }

        .btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0 rgba(44, 193, 133, 0.5);
        }

.btn-purple {
    color: #FFFFFF;
    background-color: #6A5980; /*IOGP Purple*/
    border-color: #807374; /*IOGP Purple*/
}

    .btn-purple:hover {
        color: #FFFFFF;
        background-color: #8E9293; /*IOGP grey*/
        border-color: #8E9293; /*IOGP grey*/
    }

    .btn-purple:focus, .btn-purple.focus {
        box-shadow: 0 0 0 0 rgba(44, 193, 133, 0.5);
    }

    .btn-purple.disabled, .btn-purple:disabled {
        color: #FFFFFF;
        background-color: #6A5980; /*IOGP Purple*/
        border-color: #6A5980; /*IOGP Purple*/
    }

    .btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active,
    .show > .btn-purple.dropdown-toggle {
        color: #FFFFFF;
        background-color: #6A5980; /*IOGP Purple*/
        border-color: #6A5980; /*IOGP Purple*/
    }

        .btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus,
        .show > .btn-purple.dropdown-toggle:focus {
            box-shadow: 0 0 0 0 rgba(44, 193, 133, 0.5);
        }


a {
    color: #DC8633; /*IOGP Orange*/
    text-decoration: none;
    background-color: transparent;
    /*-webkit-text-decoration-skip: objects;*/
}

    a:hover {
        color: #DC8633; /*IOGP Orange*/
        text-decoration: underline;
    }

/*options*/
.switch-button.switch-button-yesno-disabled input[type="checkbox"]:checked + span {
    background-color: #cccccc; /**grey**/
}

.switch-button.switch-button-yesno-disabled label:before {
    content: "NO";
}

.switch-button.switch-button-yesno-disabled input[type="checkbox"]:checked + span label:before {
    content: "YES";
}
/*checklist*/
.text-success {
    color: #008B00 !important;
}

a.text-success:hover, a.text-success:focus {
    color: #006f00 !important;
}
/*tabstrip company results*/
.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active {
    color: #666666;
}

.k-tabstrip-top > .k-tabstrip-items .k-item {
    color: #545454;
}

/*login page background*/
.splash-container .user-message {
    display: flex;
    flex-direction: column;
    background-color: #385E9D; /*IOGP blue*/
    color: #FFFFFF;
    padding: 155px 30px 40px;
}

@media (max-width: 767.98px) {
    .splash-container .user-message {
        display: none;
    }
}
/*menu*/
.mai-sub-header .navbar-toggler {
    padding: 14px 0;
    height: auto;
    width: 100%;
    background-color: #353535; /*grey*/
}

/*tabstrip*/
.k-tabstrip > .k-content {
    padding: .92em;
}

.video-container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video-container video {
    /* Make video to at least 100% wide and tall */
    min-width: 100%;
    min-height: 100%;
    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;
    /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.splash-container .form-message {
    display: flex;
    flex-direction: column;
    padding: 60px 30px 40px;
    background-color: #363636;
    color: #545454;
}

.splash-container .user-messageIndex {
    display: flex;
    flex-direction: column;
    background-color: #385E9D; /*IOGP blue*/
    color: #545454;
    padding: 60px 30px 40px;
}

h5 {
    line-height: 1.5;
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.image-container {
    display: flex;
    justify-content: center;
}


/*.k-grid-table, .k-table-td {
    font-size: 10px !important;
}*/

.alignright {
    text-align: right;
}

/*.grid-header {
    font-size: 15px;
    font-weight: normal;
    margin: 15px 0 0 0 ;
}*/

.k-svg-icon {
    width: 16px !important;
}
