/* C2CoreSys Specific */
/* ***** .
    //C2CoreSys main stylesheet
    This is the main file where all the css files are imported and ultimate overrides can be done
    ******/

@import 'dev/_variables.css';
@import 'dev/_images.css';
@import 'dev/_utilities.css';
@import 'dev/_components.css';
@import 'dev/_typography.css';
@import 'dev/_utilities.css';
@import 'dev/_buttons.css';
@import 'dev/_kendo-UI-overrides.css';
@import 'dev/_media-queries.css';
@import 'dev/_layout.css';


/* MEDIA QUERIES */

@media (min-width:768px) {
    .container-right {
        margin-right: 0;
        margin-left: calc(50vw - 375px);
        width: 100%;
    }
    ul.nav li:hover > ul.dropdown-menu {
        display: block;
    }

    #navbar {
        text-align: center;
    }
}

@media (min-width:992px) {
    .container-right {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }
}

@media (min-width:1200px) {
    .container-right {
        margin-right: 0;
        margin-left: 0;
        ;
        width: 100%;
    }
}

@media (max-width: 767px) {

    .navbar-nav {
        display: inline;
    }

    .navbar-default .navbar-brand {
        display: inline;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-default .navbar-nav .dropdown-menu > li > a {
        color: red;
        background-color: #ccc;
        border-radius: 4px;
        margin-top: 2px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            background-color: #3c4663;
        }

    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid white;
        border-radius: 0;
    }

    .dropdown-menu {
        padding-left: 10px;
    }

        .dropdown-menu .dropdown-menu {
            padding-left: 20px;
        }

            .dropdown-menu .dropdown-menu .dropdown-menu {
                padding-left: 30px;
            }

    li.dropdown.open {
        border: 0px solid red;
    }
}

/* Dropdown menu*/
.dropdown-menu {
    background-color: var(--primary-color);
    padding: 0;
}

    .dropdown-menu > li:hover {
        background-color: var(--primary-color);
    }

    .dropdown-menu > li > a {
        color: #fff;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .dropdown-menu > li.kopie > a {
        padding-left: 5px;
    }

.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 > a:after {
        border-color: transparent transparent transparent #333;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        content: " ";
        display: block;
        float: right;
        height: 0;
        margin-right: -10px;
        margin-top: 5px;
        width: 0;
    }

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

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
    text-decoration: underline;
}

/* end dropdown menus*/

.C2CoreSys-page-title {
    color: #3c4663;
    /*font-family: verdana, sans-serif;*/
    font-size: 18px;
    font-weight: bold;
}

.row-c2coresys-page-headertitle {
    background-color: rgba(0, 146, 255, 0.72);
    font-family: verdana, sans-serif;
    color: #ffffff;
    padding-left: 12px;
    padding-bottom: 12px;
    /*line-height: 20px;
    */
}

/* C2CoreSys Specific */
.k-splitbar.k-splitbar-horizontal {
    width: 10px;
}

.docviewer-page-header {
    padding-top: 3px;
    padding-right: 12px;
    padding-bottom: 3px;
    padding-left: 12px;
    color: var(--dark-primary-color);
}
/* otherwise tree noes with children get pushed left, so that the icon for expanding the node disappears */

.pdfContainerRow {
    margin-left: 12px;
    margin-right: 12px;
    /*padding-left: 12px;*/
    /*padding-right: 12px;*/
}

.feedback-inputs {
    width: 100%;
}

.aligntobottom {
    bottom: 0;
    position: absolute;
}

.clipart_warning {
    margin: 5px;
    height: 60px;
    float: left;
}

.row-login-panel {
    /*#4f98ff*/ background-color: rgba(0, 146, 255, 0.72);
    font-family: verdana, sans-serif;
    font-size: 12px;
    color: #ffffff;
    /*line-height: 20px;
    margin-top: 3px;*/
}

.satellite_row {
    background-color: #3a53fb;
    font-family: verdana, sans-serif;
    color: #ffffff;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.row-user-info-portal {
    background-color: rgba(0, 146, 255, 0.72);
    font-family: verdana, sans-serif;
    font-size: 12px;
    color: #ffffff;
}


.nav-pills > li.active > a, .nav-pills > li.active > a:focus {
    color: white;
    background-color: #3c4663;
}

    .nav-pills > li.active > a:hover {
        background-color: #3a53fb;
        color: white;
    }

.btn-info {
    background: #00bfbd;
}

    .btn-info:hover {
        /*color: #FFFFFF !important;*/
        background: #007588;
    }

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */

/* Carousel */
.carousel {
    margin-top: 12px;
}

.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}
/* END RR C2CoreSys SPECIFIC STYLES */

/* Aviall Syles*/
.avialErrorBox .k-window-titlebar {
    background-color: red;
    font-size: 2.25rem;
}

.avialErrorBox .k-window-title {
    font-size: 2.25rem;
}

.avialErrorBox .k-button {
    font-size: 2.25rem;
}

#errorBox {
    font-size: 2.25rem;
}

/*Aviall IPC Grid*/

.aviallAttachPartColor {
    background-color: #adb8ea; /*#D1D0CE; */
}

#ipcgrid .k-pager-info.k-label {
    font-family: "Verdana", sans-serif;
    font-size: 12px;/*mk - 2em;*/
}

.gridTitleContainer {
    display: grid;
    grid-template-columns: 310px 3fr 1fr;
    grid-gap: 10px 20px;
}


#figureText {
    /*  width: 120px;*/
    text-align: center;
    font-weight: bold;
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
}

#figureButton {
    /*  position: absolute;
    left: 220px;*/
    margin-left: 10px;
}

#figureTitle {
    /*  position: absolute;
    left: 350px;*/
    font-weight: bold;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    padding: 8px 0;
}



#AttachingText {
    /*    position: absolute;
    right: 50px;*/
    color: blue;
    display: inline-block;
    font-size: 11px;
    text-align: center;
    padding: 8px 0;
    margin-right: 5px;
}

#graphicsWindow {
    height: 700px;
    width: 700px;
}


.IPCImage {
    /*    width: 100%; */
    max-width: none;
}

.ipcZoomButton {
    border-radius: 4px;
    font-size: 12px;/*mk 20px;*/
    font-weight: bold;
}

#imageZoomControlText {
    position: relative;
    left: 20px;
    text-align: center;
    top: 10px;
}

#imageZoomControlItems {
    position: relative;
    left: 80px;
}

#graphicsWindow_wnd_title {
    margin: 2px;
}

#toolTipWindow_wnd_title {
    text-align: center;
    display: block;
}

#toolTipWindow {
    font-size: 11px;
}

.IPCGridLink {
    font-weight: bold;
}

#effwindow {
    height: 250px;
    width: 400px;
}

#effwindow_wnd_title {
    text-align: center;
    display: block;
}

#wrapped-effgrid {
    height: 100%;
}

#cebwindow {
    height: 250px;
    width: 300px;
}

#cebwindow_wnd_title {
    text-align: center;
    display: block;
}

#wrapped-cebgrid {
    height: 100%;
}

#docswindow {
    height: 250px;
    width: 300px;
}

#docswindow_wnd_title {
    text-align: center;
    display: block;
}

#wrapped-docsgrid {
    height: 100%;
}

.pdfobject {
    border: solid 1px #666;
}

#results {
    padding: 1rem;
}

.hidden {
    display: none;
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
}

.fail {
    color: #D8000C;
    background-color: #FFBABA;
}

.printOptions {
    list-style: none;
}

.noDisplay {
    display: none;
}

.rageErrorMessage {
    color: red;
}