@import url('fonts.css');

/* ---------------------------------------------------
    GLOBAL STYLE
----------------------------------------------------- */
html {
    font-size: 100%; /* default 16px: used for boostrap margin/padding (mt-3...) */
    background-color: var(--color-main);
}

body {
    font-family: 'SRGSSRTypeText';
    font-size: var(--font-size-normal);
    /* For smoothing thin fonts */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*:focus {
    outline: 0;
}

h3 {
    font-family: SRGSSRTypeText;
    font-size: var(--font-size-medium);
    font-weight: bold;
    margin-bottom: 4px;
}

.UEFA-FMP {
    width: 77px;
    height: 21px;
    font-family: SRGSSRTypeText;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

pre.font-normal {
    font-family: 'SRGSSRTypeText';
    font-size: var(--font-size-normal);
}

/* ---------------------------------------------------
    PAGE STYLE
----------------------------------------------------- */

.fc-page-wrapper {
    display: flex;
    align-items: stretch;
    color: var(--color-main);
    background-color: var(--color-main-bg);
}

.fc-page-body {
    flex: 1 1 100%;
    padding: 0 0 15px 0;
    margin: 0 var(--margin-x-page) 0 var(--margin-x-page);
    min-height: calc(100vh - var(--navigation-height));
    transition: all 0.3s;
    background-color: var(--color-main-bg);
    overflow-x: visible;
}

.fc-page-footer {
    color: var(--color-main-light);
    font-size: 12px;
}

    .fc-page-footer a {
        color: var(--color-main-light);
        text-decoration: underline;
    }

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
.fc-header {
    border-bottom: 2px solid var(--color-main-heavy);
}

    .fc-header .btn {
        margin-left: 8px;
    }

.fc-breadcrum {
    line-height: 1;
    color: var(--color-main-light);
    margin: 8px 0 -24px 0px;
}

    .fc-breadcrum a {
        color: var(--color-main-light);
    }

.fc-title {
    font-size: var(--font-size-superlarge);
    font-weight: bold;
    line-height: 36px;
}

.fc-subtitle {
    font-size: var(--font-size-medium);
    font-weight: bold;
}

.fc-subsubtitle {
    font-size: 16px;
}

.fc-detail-panel {
    margin-left: -9px;
    border-left: 1px solid var(--color-main-heavy);
    padding-left: 24px !important;
    padding-right: 0px !important;
}

.fc-toolbar {
    border-bottom: 1px solid var(--color-main-heavy);
}

.fc-body {
    border-bottom: 2px solid var(--color-main-heavy);
}

.fc-footer {
    padding-bottom: 8px;
}

.fc-disclaimer p {
    line-height: 1.21;
    margin-bottom: 4px;
}

.fc-export {
    background-color: var(--color-main-bg-heavy);
    border-bottom: 1px solid var(--color-main-heavy);
}

.fc-scroll-vertical {
    height: 100%;
    overflow-y: auto;
}

a.fc-link {
    color: var(--color-main);
    text-decoration: underline;
}

/* Uses popover instead of tooltips */
a.fc-click-tooltip, a.fc-click-tooltip:hover, a.fc-click-tooltip:visited {
    text-decoration-line: underline;
    text-decoration-style: dashed;
    cursor: pointer;
    color: var(--color-main);
}

/* ---------------------------------------------------
    error / warning STYLE
----------------------------------------------------- */

.fc-error-icon {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--color-danger);
    color: var(--color-white);
    margin-right: 14px;
}

    .fc-error-icon svg {
        margin-top: 5px;
        margin-left: 9px;
        color: var(--color-white);
        fill: white;
    }

.fc-error-text {
    color: var(--color-danger);
    font-weight: bold;
}

.fc-warning-text {
    color: var(--color-intense-orange);
}

.fc-maintenance-warning {
    color: var(--color-danger);
}

    .fc-maintenance-warning .fc-warning-icon {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        background-color: var(--color-danger);
        color: var(--color-white);
        margin-right: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 6px;
    }

        .fc-maintenance-warning .fc-warning-icon svg {
            color: var(--color-white);
            fill: white;
            margin-top: -1px;
            margin-left: 1px;
        }
    /* ---------------------------------------------------
    COMMENT STYLE
----------------------------------------------------- */
    .fc-comment.fc-comment-from-others {
        background-color: var(--color-main-bg-heavy);
    }

.fc-comment.fc-comment-from-self {
    background-color: #383732;
    color: var(--color-control-bg);
}

.fc-comment:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 0;
    margin-left: -5px;
    margin-bottom: -10px;
}

.fc-comment.fc-comment-from-others:after {
    left: 10%;
    border-top-color: var(--color-main-bg-heavy);
    border-left: 0;
}

.fc-comment.fc-comment-from-self:after {
    left: 90%;
    border-top-color: var(--color-main);
    border-right: 0;
}

/* ---------------------------------------------------
    TEXT STYLE
----------------------------------------------------- */
.fc-text-small-light {
    font-size: var(--font-size-small);
    color: var(--color-main-light);
}

.fc-text-medium {
    font-size: var(--font-size-medium);
}

.fc-text-light {
    color: var(--color-main-light);
}

.fc-text-highlight {
    color: var(--color-red);
    font-weight: bold;
}

.fc-truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
}

.fc-title-truncate {
    max-width: calc(100% - 50px);
}
/* ---------------------------------------------------
    DEVIDER STYLE
----------------------------------------------------- */
.fc-divider-superlight {
    border-top: 1px solid var(--color-main-superlight);
    line-height: 0px;
}

.fc-divider {
    border-top: 1px solid var(--color-main-bg-heavy);
    line-height: 0px;
}


.fc-divider-middleheavy {
    border-top: 1px solid var(--color-main-bg-superheavy);
    line-height: 0px;
}

.fc-divider-heavy {
    border-top: 1px solid var(--color-main-heavy);
    line-height: 0px;
}

.fc-divider-superheavy {
    border-top: 2px solid var(--color-main-heavy);
    line-height: 0px;
}

/* ---------------------------------------------------
    GROUP STYLE
----------------------------------------------------- */

.fc-vertical-group-divider {
    width: 100%;
    display: inline-block;
    /*this is used to display borders on top and right with the defined length below*/
    background-image: linear-gradient(var(--color-vertical-divider), var(--color-vertical-divider)), linear-gradient(var(--color-vertical-divider), var(--color-vertical-divider)), linear-gradient(var(--color-vertical-divider), var(--color-vertical-divider)), linear-gradient(var(--color-vertical-divider), var(--color-vertical-divider));
    background-repeat: no-repeat;
    background-size: 6px 2px;
    border-width: 0 2px;
    margin-top: 10px;
}

    .fc-vertical-group-divider .custom-control:first-child,
    .fc-vertical-group-divider .form-group:first-child {
        margin-top: -7px;
    }

    .fc-vertical-group-divider .custom-control:last-child,
    .fc-vertical-group-divider .form-group:last-child {
        margin-bottom: 0;
    }

.fc-vertical-group-divider-right {
    /* This value should be equal to width of border.*/
    background-position: top right,bottom right;
    border-right: solid var(--color-vertical-divider);
    padding-right: 16px;
}

.fc-vertical-group-divider-left {
    /* This value should be equal to width of border.*/
    background-position: top left,bottom left;
    border-left: solid var(--color-vertical-divider);
    padding-left: 16px;
}

.fc-vertical-group-divider-info {
    width: 100%;
    display: inline-block;
    /*this is used to display borders on top and right with the defined length below*/
    background-image: linear-gradient(var(--color-vertical-divider), var(--color-vertical-divider)), linear-gradient(var(--color-vertical-divider), var(--color-vertical-divider)), linear-gradient(var(--color-vertical-divider), var(--color-vertical-divider)), linear-gradient(var(--color-vertical-divider), var(--color-vertical-divider));
    background-repeat: no-repeat;
    background-size: 6px 2px;
    border-width: 0 2px;
    margin-top: 10px;
}

/* ---------------------------------------------------
    LANDING PAGE STYLE
----------------------------------------------------- */
.fc-home a:not(.k-link) {
    color: var(--color-main);
    text-decoration: underline;
}

#landingPageHeader {
    background-image: linear-gradient(157deg, #1a7ac5 19%, #105082 96%), linear-gradient(to bottom, #d8d8d8, #d8d8d8);
    width: 100%;
    margin: -4px calc(var(--margin-x-page) * (-1)) 0 calc(var(--margin-x-page) * (-1));
    position: absolute;
}

#landingPageHeaderUEFA {
    background-image: linear-gradient(150deg, #0061AF 27%, #105082 96%), linear-gradient(to bottom, #d8d8d8, #d8d8d8);
    width: 100%;
    margin: -4px calc(var(--margin-x-page) * (-1)) 0 calc(var(--margin-x-page) * (-1));
    position: absolute;
}

.landingPageHeader,
.landingPageHeaderUEFA {
    height: 380px !important;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    font-size: var(--font-size-superlarge);
    font-weight: bold;
    line-height: 1.2;
    color: var(--color-control-bg);
    padding-top: 82px;
}

#landingPageHeader > svg,
#landingPageHeaderUEFA > svg {
    pointer-events: none;
}

#landingPageButtons {
    position: absolute;
    top: 230px;
}

#landingPageHeaderText {
    max-width: 632px;
}

#landingPageFooter.fc-page-footer {
    background-color: var(--color-main);
    color: var(--color-main-bg);
    padding-top: 18px;
    padding-bottom: 18px;
    min-height: var(--footer-height);
    font-size: 14px;
}

    #landingPageFooter.fc-page-footer .fc-logo {
        height: 16px;
    }

        #landingPageFooter.fc-page-footer .fc-logo.UEFA {
            display: none;
        }

    #landingPageFooter.fc-page-footer a {
        color: var(--color-main-bg);
    }



/* ---------------------------------------------------
    ABOUT PAGE STYLE
----------------------------------------------------- */
.fc-paragraph {
    margin-bottom: 45px;
}

.fc-home-button {
    text-align: right;
    padding: 24px 0;
}

    .fc-home-button button svg {
        margin-bottom: 3px;
    }

/* ---------------------------------------------------
    RELEASE PAGE STYLE
----------------------------------------------------- */
.fc-release h3 {
    margin-top: 35px;
    margin-bottom: 10px;
}



div.olControlZoom {
    padding: 0 !important;
    background: inherit !important
}

    div.olControlZoom a {
        background-color: var(--color-main-heavy) !important;
        height: 36px !important;
        width: 36px !important;
        line-height: 32px !important;
        font-weight: normal !important;
        margin-bottom: 4px !important;
    }

a.olControlZoomIn, a.olControlZoomOut {
    border-radius: 0 !important;
}

.olControlLayerSwitcher {
    font-weight: normal !important;
    top: 0px !important;
    right: 8px !important;
}

    .olControlLayerSwitcher .layersDiv {
        background-color: var(--color-main-heavy) !important;
        margin-top: 5px !important;
    }

    .olControlLayerSwitcher .labelSpan.olButton {
        margin: 3px 8px !important;
    }

    .olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv {
        background-color: var(--color-main-heavy) !important;
        height: 36px !important;
        width: 36px !important;
        padding: 8px 10px;
    }

.fc-map-legend .indoor, .fc-map-legend .outdoor, .fc-map-legend .outdoor10 {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin-top: 6px;
}

.fc-map-legend .indoor {
    background: red;
}

.fc-map-legend .outdoor {
    background: orange;
}

.fc-map-legend .outdoor10 {
    background: yellow;
}

.fc-map-legend a {
    color: var(--color-main-light);
    text-decoration: underline;
    font-size: var(--font-size-small);
}

.map-location {
    border-left: 1px solid var(--color-main-bg-superheavy);
    border-bottom: 1px solid var(--color-main-bg-superheavy);
    padding: 0px 0px 0px 8px;
    height: 36px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fc-interference-not-critical {
    background-color: rgb(223, 251, 222) !important;
}

.fc-interference-critical {
    background-color: rgb(251, 231, 228) !important;
}


.no-border-color-focus:focus {
    border-color: var(--color-active) !important;
}

.no-border-color-focus {
    border-color: var(--color-active) !important;
}

/* ---------------------------------------------------
    Address-bar
----------------------------------------------------- */

.address-bar-wrapper {
    /*display: inline-block;*/
    display: none;
    margin: 5px !important;
}

.address-bar-element {
    display: inline-block;
    margin-right: 10px !important;
}

.address-bar-wrapper .address-bar-element:last-child {
    margin-right: 0 !important;
}

.address-bar-element-content {
    font-style: normal !important;
    line-height: 1 !important;
    font-size: 12px;
    flex: 1 1 auto;
    min-width: 0;
}

.address-bar-button {
    background-color: transparent;
    padding: 0;
    border-bottom: 1px solid var(--color-main-bg-superheavy);
}

    .address-bar-button:hover, .address-bar-button:focus, .address-bar-button.active {
        color: transparent !important;
        background-color: transparent !important;
    }

/* ---------------------------------------------------
    BREAKEPOINT STYLE
----------------------------------------------------- */
        /* BP1: Extra small devices */
        @media (max-width: 719.98px) {
            .fc-page-body {
                margin: 0 var(--margin-x-page-bp1) 0 var(--margin-x-page-bp1);
                min-height: calc(100vh - var(--navigation-height));
                width: 100%;
            }

            .fc-title {
                font-size: var(--font-size-large);
            }

            .fc-breadcrum {
                font-size: var(--font-size-small);
            }

            #landingPageHeader {
                margin: -4px calc(var(--margin-x-page-bp1) * (-1)) 0 calc(var(--margin-x-page-bp1) * (-1));
            }

            .landingPageHeader {
                height: 240px !important;
                font-size: var(--font-size-medium);
                padding-top: 52px;
            }

            #landingPageHeaderUEFA {
                margin: -4px calc(var(--margin-x-page-bp1) * (-1)) 0 calc(var(--margin-x-page-bp1) * (-1));
            }

            .landingPageHeaderUEFA {
                height: 240px !important;
                font-size: var(--font-size-medium);
                padding-top: 52px;
            }

            #landingPageButtons {
                top: 140px;
            }
        }
        /* BP2: Medium devices */
        @media (min-width: 720px) and (max-width: 1023.98px) {
            .fc-page-body {
                margin: 0;
            }
        }
        /* ---------------------------------------------------
    SPINNER STYLE
----------------------------------------------------- */
        .fc-spinner-container {
    position: absolute;
    left:0;
    width: 100%;
    background-color: var(--color-main-bg-heavy);
}

.fc-spinner {
    position: relative;
    z-index: var(--progress-spinner-z-index);
    width: 100%;
    height: 5px;
    background-image: linear-gradient(90deg, #FFE283, #FFD651, #FBBE29, #F7A600, #F28B02, #ED7004, #CD570C, #AD3E14, #CD570C, #ED7004, #F28B02, #F7A600, #FBBE29, #FFD651, #FFE283);
    background-size: 200%;
    animation: spinner 1.5s linear infinite;
}

.fc-process-spinner {
    position: relative;
    z-index: var(--progress-spinner-z-index);
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 32px 0 232px;
    color: #333333;
    background-color: var(--color-main-bg-heavy);
    border-bottom: solid 1px var(--color-main-bg-superheavy);
}


.fc-wide-page .fc-process-spinner {
    padding-left:84px;
}

/* BP2: Medium devices */
@media (min-width: 720px) and (max-width: 1023.98px) {
.fc-process-spinner {
        padding-left: 32px !important;
    }
}

/* BP1: Extra small devices */
@media (max-width: 767.98px) {
    .fc-process-spinner {
        padding-left: 32px !important;
    }
}

    .fc-process-spinner .btn {
        font-weight: normal;
    }

.fc-spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background-color: rgba(245, 245, 242, 0.9);
    opacity: 0.75;
}

@keyframes spinner {
  0% {
    background-position: 200% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/* ---------------------------------------------------
    STATUS STYLE
----------------------------------------------------- */
.request-status {
    height: 24px;
    width: 24px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    cursor: default;
}

.k-master-row.expanded .request-status {
    background-image: none !important;
}

/* Draft */
.request-status-0 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cg%3E%3Ctitle%3Enotes-edit%3C/title%3E%3Cpath stroke='%23ad3491' d='M1.506,20.994c-0.827,0-1.5-0.673-1.5-1.5v-16c0-0.827,0.673-1.5,1.5-1.5h2.5v-1.5c0-0.276,0.224-0.5,0.5-0.5 s0.5,0.224,0.5,0.5v1.5h3v-1.5c0-0.276,0.224-0.5,0.5-0.5s0.5,0.224,0.5,0.5v1.5h3v-1.5c0-0.276,0.224-0.5,0.5-0.5 c0.276,0,0.5,0.224,0.5,0.5v1.5h2.5c0.827,0,1.5,0.673,1.5,1.5v7.5c0,0.276-0.224,0.5-0.5,0.5s-0.5-0.224-0.5-0.5v-7.5 c0-0.276-0.224-0.5-0.5-0.5h-2.5v1.5c0,0.276-0.224,0.5-0.5,0.5c-0.276,0-0.5-0.224-0.5-0.5v-1.5h-3v1.5c0,0.276-0.224,0.5-0.5,0.5 s-0.5-0.224-0.5-0.5v-1.5h-3v1.5c0,0.276-0.224,0.5-0.5,0.5s-0.5-0.224-0.5-0.5v-1.5h-2.5c-0.276,0-0.5,0.224-0.5,0.5v16 c0,0.276,0.224,0.5,0.5,0.5h7.5c0.276,0,0.5,0.224,0.5,0.5s-0.224,0.5-0.5,0.5H1.506z'/%3E%3Cpath stroke='%23ad3491' d='M11.506,23.994c-0.134,0-0.259-0.052-0.354-0.146c-0.119-0.119-0.17-0.288-0.137-0.452l0.75-3.75 c0.019-0.097,0.067-0.185,0.137-0.255l7.63-7.63c0.493-0.493,1.15-0.765,1.849-0.765c0.699,0,1.356,0.271,1.849,0.765 c0.497,0.497,0.771,1.156,0.773,1.856c0.001,0.7-0.27,1.357-0.764,1.851l-7.63,7.63c-0.07,0.07-0.158,0.117-0.255,0.137l-3.75,0.75 C11.57,23.991,11.538,23.994,11.506,23.994z M12.143,22.857l2.866-0.573l7.523-7.523c0.63-0.63,0.63-1.655,0-2.285 c-0.309-0.309-0.719-0.479-1.154-0.479c-0.431,0-0.836,0.167-1.139,0.471l-7.523,7.523L12.143,22.857z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
/* Submitted */
.request-status-10 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='17px' height='16px' viewBox='0 0 17 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E2F129B81-192F-4BD9-9DE7-86FBD660A479%3C/title%3E%3Cdefs%3E%3Cpath d='M14.5217391,0 L14.5217391,0.695652174 L13.13,0.695 L13.1304348,3.6747075 C13.1304348,5.63062888 11.8796451,7.30288711 10.1066742,8.00035471 C11.8796451,8.69711289 13.1304348,10.3693711 13.1304348,12.3252925 L13.1304348,12.3252925 L13.13,15.304 L14.5217391,15.3043478 L14.5217391,16 L2,16 L2,15.3043478 L3.391,15.304 L3.39130435,12.3252925 C3.39130435,10.3693692 4.6420965,8.69710963 6.41507009,7.99964325 C4.6420965,7.30289037 3.39130435,5.63063078 3.39130435,3.6747075 L3.39130435,3.6747075 L3.391,0.695 L2,0.695652174 L2,0 L14.5217391,0 Z M8.26017391,11.2906295 L6.41479368,13.1174854 C6.36621244,13.1655658 6.30551584,13.1977227 6.24032276,13.2107961 L6.17391304,13.2173913 L4.086,13.217 L4.086,15.304 L12.434,15.304 L12.434,13.217 L10.3478261,13.2173913 C10.2804819,13.2173913 10.2150946,13.1972545 10.159283,13.1601409 L10.1069455,13.1174854 L8.26017391,11.2906295 Z M8.313,8.346 L8.26086957,8.34782609 C8.24507186,8.34782609 8.22929156,8.34775384 8.21352899,8.34760967 C5.92711463,8.3699797 4.08695652,10.1455877 4.08695652,12.3252925 L4.08695652,12.3252925 L4.086,12.5 L6.0333913,12.4997734 L8.01998893,10.5346885 C8.13775999,10.4181316 8.31523049,10.403562 8.44792641,10.4909797 L8.5017502,10.5346885 L10.4876522,12.4997734 L12.434,12.5 L12.4347826,12.3252925 C12.4347826,10.2474666 10.7626216,8.5368455 8.62575432,8.36050162 L8.41755054,8.34826489 L8.313,8.346 Z M11.9338924,5.56630737 L4.58772731,5.56609696 C5.26981709,6.76784174 6.58179964,7.59820679 8.10418859,7.65173511 L8.10418859,7.65173511 L8.207,7.653 L8.26086957,7.65217391 C8.27659447,7.65217391 8.29230213,7.6522455 8.30799223,7.65238834 C9.87675268,7.63770241 11.2354588,6.79667056 11.9338924,5.56630737 Z M12.434,0.695 L4.086,0.695 L4.08695652,3.6747075 C4.08695652,4.09093925 4.1540577,4.49243564 4.27855388,4.86981511 L12.243027,4.87029469 C12.3676246,4.4927758 12.4347826,4.09111557 12.4347826,3.6747075 L12.4347826,3.6747075 L12.434,0.695 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Requests' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='BP1-—-My-Requests-by-Event' transform='translate(-199.000000, -261.000000)'%3E%3Cg id='Layout/Listing-Requests/Listing-Item-BP1' transform='translate(8.000000, 248.000000)'%3E%3Cg id='Group' transform='translate(0.000000, 13.000000)'%3E%3Cg id='Event-Title' transform='translate(12.000000, 0.000000)'%3E%3Cg id='Icons/Hourglas' transform='translate(179.500000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='Combined-Shape' fill='%23000000' fill-rule='nonzero' xlink:href='%23path-1'%3E%3C/use%3E%3Cg id='Colors/SRF-B-700' mask='url(%23mask-2)' fill='%231667A7'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
/* To Review */
.request-status-20 {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M13.08 1.008a1.278 1.278 0 0 0-.76.367L5.062 8.634 3.68 7.252a1.278 1.278 0 0 0-1.809 0L.375 8.75a1.277 1.277 0 0 0 0 1.807l3.782 3.783a1.28 1.28 0 0 0 1.808.001l9.66-9.661a1.277 1.277 0 0 0 0-1.808L14.13 1.375A1.278 1.278 0 0 0 13.225 1l-.145.008zm.145.972c.079 0 .155.031.21.087l1.498 1.498a.298.298 0 0 1 0 .422l-9.66 9.66a.3.3 0 0 1-.424 0L1.067 9.865a.298.298 0 0 1 0-.422l1.497-1.498a.299.299 0 0 1 .423 0l1.728 1.729a.49.49 0 0 0 .693 0l7.605-7.607a.299.299 0 0 1 .212-.087z' id='a'/%3E%3C/defs%3E%3Cg transform='translate(.5)' fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23000' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cg mask='url(%23b)' fill='%23F7A600'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
/* Payment pending */
.request-status-30 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cg fill='%23F7A600'%3E%3Ctitle%3Emoney-wallet%3C/title%3E%3Cpath d='M18.5,14.387c-0.414,0-0.75-0.336-0.75-0.75c-0.001-0.411,0.333-0.748,0.746-0.75c0.418,0,0.754,0.336,0.754,0.75 S18.914,14.387,18.5,14.387z'/%3E%3Cpath d='M3.504,8.637c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h2c0.276,0,0.5,0.224,0.5,0.5s-0.224,0.5-0.5,0.5H3.504z'/%3E%3Cpath d='M7.504,8.637c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h2c0.276,0,0.5,0.224,0.5,0.5s-0.224,0.5-0.5,0.5H7.504z'/%3E%3Cpath d='M11.504,8.637c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h2c0.276,0,0.5,0.224,0.5,0.5s-0.224,0.5-0.5,0.5H11.504z'/%3E%3Cpath d='M15.504,8.637c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h2c0.276,0,0.5,0.224,0.5,0.5s-0.224,0.5-0.5,0.5H15.504z'/%3E%3Cpath d='M3.504,19.637c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h2c0.276,0,0.5,0.224,0.5,0.5s-0.224,0.5-0.5,0.5H3.504z'/%3E%3Cpath d='M7.504,19.637c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h2c0.276,0,0.5,0.224,0.5,0.5s-0.224,0.5-0.5,0.5H7.504z'/%3E%3Cpath d='M11.504,19.637c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h2c0.276,0,0.5,0.224,0.5,0.5s-0.224,0.5-0.5,0.5H11.504z'/%3E%3Cpath d='M15.504,19.637c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h2c0.276,0,0.5,0.224,0.5,0.5s-0.224,0.5-0.5,0.5H15.504z'/%3E%3Cpath d='M2.5,22.637c-1.379,0-2.5-1.122-2.5-2.5v-13c0-1.379,1.121-2.5,2.5-2.5h1.934l11.957-3.218 c0.134-0.034,0.266-0.05,0.395-0.05c0.273,0,0.531,0.072,0.766,0.213c0.344,0.206,0.586,0.533,0.683,0.922L18.79,4.72 C20.66,5.094,22,6.715,22,8.637v2.05c1.157,0.232,2.004,1.248,2.004,2.45v1c0,1.202-0.847,2.218-2.004,2.45v2.05 c0,2.206-1.794,4-4,4H2.5z M2.5,5.637c-0.827,0-1.5,0.673-1.5,1.5v13c0,0.827,0.673,1.5,1.5,1.5H18c1.654,0,3-1.346,3-3v-2h-3.496 c-1.378,0-2.5-1.122-2.5-2.5v-1c0-1.378,1.122-2.5,2.5-2.5H21v-2c0-1.654-1.346-3-3-3H2.5z M17.504,11.637 c-0.827,0-1.5,0.673-1.5,1.5v1c0,0.827,0.673,1.5,1.5,1.5h4c0.827,0,1.5-0.673,1.5-1.5v-1c0-0.827-0.673-1.5-1.5-1.5H17.504z M17.739,4.637l-0.472-1.891c-0.033-0.13-0.114-0.239-0.228-0.307c-0.078-0.047-0.167-0.072-0.256-0.072 c-0.041,0-0.082,0.005-0.122,0.015L8.282,4.637H17.739z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
/* Completed */
.request-status-40 {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M13.08 1.008a1.278 1.278 0 0 0-.76.367L5.062 8.634 3.68 7.252a1.278 1.278 0 0 0-1.809 0L.375 8.75a1.277 1.277 0 0 0 0 1.807l3.782 3.783a1.28 1.28 0 0 0 1.808.001l9.66-9.661a1.277 1.277 0 0 0 0-1.808L14.13 1.375A1.278 1.278 0 0 0 13.225 1l-.145.008zm.145.972c.079 0 .155.031.21.087l1.498 1.498a.298.298 0 0 1 0 .422l-9.66 9.66a.3.3 0 0 1-.424 0L1.067 9.865a.298.298 0 0 1 0-.422l1.497-1.498a.299.299 0 0 1 .423 0l1.728 1.729a.49.49 0 0 0 .693 0l7.605-7.607a.299.299 0 0 1 .212-.087z' id='a'/%3E%3C/defs%3E%3Cg transform='translate(.5)' fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23000' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cg mask='url(%23b)' fill='%23168C5A'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
/* Archived */
.request-status-50 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cg fill='%239f9c90'%3E%3Ctitle%3Earchive%3C/title%3E%3Cpath d='M1.5,8.5C0.673,8.5,0,7.827,0,7V4c0-0.827,0.673-1.5,1.5-1.5h21C23.327,2.5,24,3.173,24,4v3c0,0.827-0.673,1.5-1.5,1.5H1.5 z M1.5,3.5C1.224,3.5,1,3.724,1,4v3c0,0.276,0.224,0.5,0.5,0.5h21C22.776,7.5,23,7.276,23,7V4c0-0.276-0.224-0.5-0.5-0.5H1.5z'/%3E%3Cpath d='M2.5,21.5C1.673,21.5,1,20.827,1,20V10c0-0.276,0.224-0.5,0.5-0.5S2,9.724,2,10v10c0,0.276,0.224,0.5,0.5,0.5h19 c0.276,0,0.5-0.224,0.5-0.5V10c0-0.276,0.224-0.5,0.5-0.5S23,9.724,23,10v10c0,0.827-0.673,1.5-1.5,1.5H2.5z'/%3E%3Cpath d='M10,14.5c-1.103,0-2-0.897-2-2s0.897-2,2-2h4c1.103,0,2,0.897,2,2s-0.897,2-2,2H10z M10,11.5c-0.551,0-1,0.449-1,1 c0,0.552,0.449,1,1,1h4c0.552,0,1-0.448,1-1c0-0.551-0.448-1-1-1H10z'/%3E%3C/g%3E%3C/svg%3E");
}

.channelregistration-state-waiting {
}

.channelregistration-state-allowed td[statefield=yes] div {
    background-color: var(--color-green) !important;
    color: black;
    height: 44px;
}

.channelregistration-state-changed td[statefield=yes] div {
    background-color: var(--color-yellow) !important;
    color: black;
    height: 44px;
}

.channelregistration-state-denied td[statefield=yes] div {
    background-color: var(--color-red) !important;
    color: black;
    height: 44px;
}

.channelregistration-state-denied td:nth-child(2) div div:last-child {
    background-color: var(--color-light-red) !important;
    color: var(--color-main);
    display: inline-block;
    text-decoration: line-through !important;
}

.channelregistration-state-authority td[statefield=yes] div {
    background-color: var(--color-intense-orange) !important;
    color: black;
    height: 44px;
}

.channelregistration-state-authority td:nth-child(2) div div:last-child {
    background-color: var(--color-light-orange) !important;
    color: var(--color-main);
    display: inline-block;
    text-decoration: line-through !important;
}

.channelregistration-state-autoallowed td[statefield=yes] div {
    background-color: rgb(189, 255, 144) !important;
    color: black;
    height: 44px;
}

.channelregistration-state-autochanged td[statefield=yes] div {
    background-color: rgb(255, 255, 154) !important;
    color: black;
    height: 44px;
}

.channelregistration-state-autodenied td[statefield=yes] div {
    background-color: rgb(255, 136, 136) !important;
    color: black;
    height: 44px;
}

.channelregistration-state-autoauthority td[statefield=yes] div {
    background-color: rgb(252, 234, 133) !important;
    color: black;
    height: 44px;
}

#featuresOverviewTable svg {
    width: 12px;
    height: 12px;
}

    #featuresOverviewTable svg.cross {
        width: 9px;
        height: 9px;
    }

#featuresOverviewTable p {
    margin-bottom: 0.3rem;
}

.channelRegistration-loading {
    visibility: hidden;
}
/* ---------------------------------------------------
    ACCORDION STYLE
----------------------------------------------------- */
.accordion-toggle:before {
    font-family: 'FontAwesome'; /* essential to enable caret symbol*/
    content: "\f0d7"; /* adjust as needed, taken from font-awesome.css */
    padding-left: 15px;
    padding-top: 20px;
    width: 15px;
}

.accordion-toggle .fc-subtitle, #featuresOverviewTable .accordion-toggle div {
    margin-left: 6px;
}

#featuresOverviewTable .accordion-toggle:before {
    padding-top: 0;
}

.duplicate-event.accordion-toggle:before {
    padding-top: 0;
    width: inherit;
}

.accordion-toggle.collapsed:before {
    /* symbol for "collapsed" panels */
    content: "\f0da"; /* adjust as needed, taken from font-awesome.css */
}

#background-svg-icons {
    position: fixed;
}


/* ---------------------------------------------------
    DUBLICATE STYLE
----------------------------------------------------- */
.fc-dublicate-detail {
    height: 385px;
    background-color: var(--color-main-bg);
}

/* BP1: Extra small devices */
@media (max-width: 767.98px) {
    .fc-dublicate-detail {
        height: 225px;
        background-color: var(--color-main-bg-heavy);
    }
}

/* ---------------------------------------------------
    SPECIAL STYLE BANDWIDTH
----------------------------------------------------- */

@media (min-width: 720px) {

    .col-md-2-3 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* ---------------------------------------------------
    LIST
----------------------------------------------------- */

ol.block-list {
    list-style-type: none;
    counter-reset: list;
    padding: 0;
}

.block-list li.block-list-item {
    counter-increment: list;
    margin-bottom: 2px;
}

    .block-list li.block-list-item:before {
        content: counter(list) ". ";
        display: inline-block;
    }

/* ---------------------------------------------------
    TABLE
----------------------------------------------------- */
.fc-table th {
    font-size: var(--font-size-small);
    color: var(--color-main-light);
    font-weight: normal;
    padding: 12px 12px 12px 0;
    border-bottom-width: 1px !important;
}

    .fc-table th label {
        margin-bottom: 0;
    }

.fc-table td {
    padding-left: 0;
}

.fc-table-empty {
    font-size: var(--font-size-small);
    color: var(--color-main-light);
    font-weight: normal;
    padding: 12px 12px 12px 0;
    border-top: 1px solid #dee2e6;
}
/* ---------------------------------------------------
    WIZARD
----------------------------------------------------- */
.wizard .fc-rate-card {
    font-size: var(--font-size-small);
}

/* ---------------------------------------------------
    POPOVER
----------------------------------------------------- */
.popover {
    /*white-space: pre-wrap;*/
    background-color: #383732;
    border-radius: 0;
    border: none;
}

    .popover .popover-body {
        color: #FFF;
        font-size: var(--font-size-small);
    }

    .popover .arrow::after {
        border-top-color: #383732 !important;
    }

/* ---------------------------------------------------
    BILLING-SETTINGS
----------------------------------------------------- */
.billing-setting .form-control,
.billing-setting .k-autocomplete .k-input,
.billing-setting .k-picker-wrap .k-input,
.billing-setting .k-dropdown-wrap .k-input,
.billing-setting .k-numeric-wrap .k-input,
.billing-setting .k-autocomplete .k-input,
.billing-setting .k-picker-wrap .k-input,
.billing-setting .k-dropdown-wrap .k-input,
.billing-setting .k-numeric-wrap .k-input {
    padding: 0;
    text-indent: 9px !important;
    height: 24px !important;
    line-height: 20px !important;
}

.billing-setting .row .k-select,
.billing-setting table .k-select {
    background-color: none;
}

.billing-setting .form-group .fc-control-label {
    color: black;
}

.billing-setting .form-control .k-icon {
    margin-left: -6px;
}

/* ---------------------------------------------------
    MULTI OPTIONS
----------------------------------------------------- */
.fc-multiOptionEditor .fc-multiOptionAdd {
    display: none;
}

.fc-multiOptionEditor > .fc-multiOption:last-of-type .fc-multiOptionAdd,
.fc-multiOptionEditor > div:last-of-type > .fc-multiOption:last-of-type .fc-multiOptionAdd {
    display: inline-block;
}

.fc-multiOptionEditor > .fc-multiOption:only-of-type .fc-multiOptionRemove,
.fc-multiOptionEditor > div:only-of-type > .fc-multiOption:only-of-type .fc-multiOptionRemove {
    display: none;
}

.frequency-option-item:only-of-type .deleteFrequencyOptionLink {
    display: none;
}

.fc-multiOptionEditor .fc-multiOptionButtons {
    display: flex;
    min-width: 65px;
}

.fc-multiOptionEditor .fc-multiOptionRemove {
    display: block;
    margin-right: 5px;
    margin-left: auto;
}



/* ---------------------------------------------------
    CHANNEL COORDINATION
----------------------------------------------------- */
/*Make sure treeView control is wide enough not to generate horizontal scrolling. 
    Horizontal scrolling will prevent vertical scrolling in split panel*/
#tabStripSplitter #treeview {
    touch-action: auto !important;
    width: 100%;
}

.editor-radio input[type='radio'] {
    vertical-align: middle;
}

@media (pointer:coarse) {
    /*Increase touch area of splitter bar for touch based devices*/
    #tabStripSplitter .k-splitbar-draggable-horizontal:after {
        content: "";
        position: absolute;
        right: -8px;
        top: 0;
        width: 20px;
        height: 100%;
        z-index: 100;
    }
}

.displayWrapper {
    width: 100%;
    min-width: 905px;
    display: flex;
    height: 400px;
}

    .displayWrapper #placeholder {
        flex: 1;
    }

    .displayWrapper #frequencyGroupsWrapper {
        flex: 0 1 140px;
    }


/* BP1: Extra small devices */
@media (max-width: 767.98px) {
}

/* BP2: Medium devices */
@media (min-width: 720px) and (max-width: 1023.98px) {
    .displayWrapper {
        min-width: 700px;
        max-width: 735px;
    }

    #fPlotCanvas {
        min-width: 700px;
        max-width: 735px;
    }

        #fPlotCanvas #overview {
            max-width: 700px;
        }

    .displayWrapper #placeholder {
        flex: 0 1 560px;
    }
}

/* BP3: Large devices  */
@media (min-width: 1024px) and (max-width: 1279.98px) {
    .displayWrapper {
        min-width: 700px;
        max-width: 735px;
    }

    #fPlotCanvas {
        min-width: 700px;
        max-width: 735px;
    }

        #fPlotCanvas #overview {
            max-width: 700px;
        }

    .displayWrapper #placeholder {
        flex: 0 1 560px;
    }
}

/* ---------------------------------------------------
    CHANNEL COORDINATION - MESSAGES
----------------------------------------------------- */
.message-indicator {
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 11px;
    top: 2px;
    left: -6px;
}

    .message-indicator .dot {
        position: absolute;
        border: 2px solid var(--color-white);
        top: 0;
        width: 13px;
        height: 13px;
        border-radius: 50%;
    }

    .message-indicator .dot::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border-radius: 50%;
        border: 1px solid transparent;
    }

        .message-indicator .dot.self {
            z-index: 2;
            left: 0;
        }
        .message-indicator .dot.child {
            z-index: 1;
            left: 7px;
        }

    .message-indicator.message-indicator-channel {
        left: 2px;
        top: 3px
    }

        .message-indicator.message-indicator-channel .dot {
            border: none;
            width: 9px;
            height: 9px;
        }
/*None*/
    .message-indicator.message-None .dot {
        display: none;
    }
/*Pending*/
    .message-indicator.message-Pending .dot.self::after {
        background-color: var(--color-message-unread);
    }

    .message-indicator.message-Pending .dot.child::after {
        background-color: none;
    }
/*Read*/
    .message-indicator.message-Read .dot.self::after {
        background-color: var(--color-message-read);
    }

    .message-indicator.message-Read .dot.child::after {
        background-color: none;
    }
/*NoMessagePendingChild */
    .message-indicator.message-NoMessagePendingChild .dot.self::after {
        background-color: var(--color-message-fill);
        border-color: var(--color-message-read);
    }

    .message-indicator.message-NoMessagePendingChild .dot.child::after {
        background-color: var(--color-message-unread);
        border-color: var(--color-message-unread);
    }
/*NoMessageReadChild */
    .message-indicator.message-NoMessageReadChild .dot.self::after {
        background-color: var(--color-message-fill);
        border-color: var(--color-message-read);
    }

    .message-indicator.message-NoMessageReadChild .dot.child::after {
        background-color: var(--color-message-read);
    }
/*PendingParentPendingChild*/
    .message-indicator.message-PendingParentPendingChild .dot.self::after {
        background-color: var(--color-message-unread);
    }

    .message-indicator.message-PendingParentPendingChild .dot.child::after {
        background-color: var(--color-message-unread);
    }
/*PendingParentReadChild*/
    .message-indicator.message-PendingParentReadChild .dot.self::after {
        background-color: var(--color-message-unread);
    }

    .message-indicator.message-PendingParentReadChild .dot.child::after {
        background-color: var(--color-message-read);
    }
/*PendingParentNoChild*/
    .message-indicator.message-PendingParentNoChild .dot.self::after {
        background-color: var(--color-message-unread);
    }

    .message-indicator.message-PendingParentNoChild .dot.child {
        display:none;
    }
/*ReadParentPendingChild*/
    .message-indicator.message-ReadParentPendingChild .dot.self::after {
        background-color: var(--color-message-read);
    }

    .message-indicator.message-ReadParentPendingChild .dot.child::after {
        background-color: var(--color-message-unread);
    }
/*ReadParentReadChild*/
    .message-indicator.message-ReadParentReadChild .dot.self::after {
        background-color: var(--color-message-read);
    }

    .message-indicator.message-ReadParentReadChild .dot.child::after {
        background-color: var(--color-message-read);
    }
/*ReadParentNoChild*/
    .message-indicator.message-ReadParentNoChild .dot.self::after {
        background-color: var(--color-message-read);
    }

    .message-indicator.message-ReadParentNoChild .dot.child {
        display: none;
    }

/* ---------------------------------------------------
    VALIDATION
----------------------------------------------------- */
.fc-validation-error-summary ul {
    padding-left: 40px;
}

.fc-validation-error-summary ul li:first-child {
    list-style: none;
    margin-left: -40px; /*reset padding of ul*/
}

.fc-validation-summary-title {
    font-size: var(--font-size-normal);
    font-weight: bold;
    color: var(--color-red);
}

.fc-validation-error-summary {
    color: var(--color-danger);
}

.fc-validation-error-summary .fc-validation-error-summary-icon {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--color-danger);
    color: var(--color-white);
    margin-right: 14px;
}

.fc-validation-error-summary .fc-validation-error-summary-icon svg {
    margin-top: 10px;
    margin-left: 11px;
    color: var(--color-white);
    fill: white;
}

/* ---------------------------------------------------
    CONFLICT TABLE
----------------------------------------------------- */

.conflict {
    padding: 2px;
    white-space: nowrap;
    font-size: 11px;
}

.conflict-table {
    width: 100%;
}

.conflict td {
    padding-right: 8px;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conflict-tab {
    margin-left: 10px;
}

.conflict-name, .conflict-name-1, .conflict-name-2, .conflict-name-3, .conflict-auto-denied-name, conflict-n {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.conflict-auto-denied-name {
    max-width: min-content !important;
}

.conflict-name {
    min-width: 126px;
    max-width: 250px !important;
}

.conflict-type {
    width: 100%;
}

.conflict-description {
    width: 100%;
    min-width: 120px;
}
    /*.conflict-description table {
        width: 100%;
        table-layout: auto;
    }

    .conflict-description .conflict-name-1 {
        width: 100%;
    }

    .conflict-description .conflict-name-2 {
        width: 50%;
    }

    .conflict-description .conflict-name-3 {
        width: 33%;
    }*/

    .conflict-description .div-conflict {
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .conflict-description .conflict-n {
        padding-right: 4px;
    }

/*.conflict-description .conflict-name-2 {
        width: 50%;
    }

    .conflict-description .conflict-name-3 {
        width: 33%;
    }*/

.div-conflict .conflict-n.conflict-name-2:first-of-type {
    flex: 0 0 calc(50% - 20px);
}

.div-conflict .conflict-n.conflict-name-2:last-of-type {
    flex: 1 1 calc(50% - 20px);
}

.div-conflict .conflict-n.conflict-name-3 {
    flex: 0 0 calc(33% - 20px);
}

    .div-conflict .conflict-n.conflict-name-3:last-of-type {
        flex: 1 1 calc(33% - 43px);
    }

.conflict-type-overlap {
    max-width: 104px !important;
}

.conflict-frequency {
    max-width: 84px !important;
}

.conflict-overlapped {
    max-width: 80px !important;
}

.conflict-and {
    width: 20px;
    padding-right: 4px;
}

.conflict-created {
    max-width: 60px !important;
}

.conflict-selected {
    background-color: rgb(252, 244, 145);
}

.conflict-container {
    overflow: auto;
    margin-left: -3px;
    margin-right: -3px;
}

/* ---------------------------------------------------
    INTERFERENCE SPECTRUM
----------------------------------------------------- */

#interferenceSpectrumHeader {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: var(--color-main-light);
    padding: 220px 0;
}

#fc-fPlotCanvas .form-control {
    width: 138px !important;
    height: 35px !important;
}

    #fc-fPlotCanvas .form-control.k-dropdown {
        height: 35px !important;
        border-color: var(--color-active) !important;
    }

#fc-fPlotCanvas #menu {
    display: none;
    position: absolute;
    top: 159px;
    z-index: 100;
    right: 68px;
}

    #fc-fPlotCanvas #menu .menu-container {
        display: inline-flex;
    }

        #fc-fPlotCanvas #menu .menu-container .menu-input {
            padding-right: 10px;
        }

            #fc-fPlotCanvas #menu .menu-container .menu-input:last-of-type {
                padding-right: 0;
            }

.k-tabstrip > .k-content:focus {
    outline: none !important;
}

#div-spectrum {
    
    overflow: hidden;
    display: none;
}

    #div-spectrum.loaded {
        height: 631px !important;
        display: block;
    }

.loadSpectrumContainer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.interference-spectrum-report .fplot-legend .indoor {
    background-color: #e31f2b;
    opacity: 0.7;
}

.interference-spectrum-report .fplot-legend .outdoor {
    background-color: #f28b02;
    opacity: 0.7;
}

.interference-spectrum-report .fplot-legend .outdoor10 {
    background-color: #fbbe29;
    opacity: 0.7;
}
/* BP1: Extra small devices */
@media (max-width: 767.98px) {
    #fc-fPlotCanvas #menu .menu-container {
        flex-direction: column;
    }

        #fc-fPlotCanvas #menu .menu-container .menu-input {
            padding-right: 0;
            padding-bottom: 10px;
        }

            #fc-fPlotCanvas #menu .menu-container .menu-input:last-of-type {
                padding-bottom: 0;
            }
}


/* ---------------------------------------------------
    MANAGE HEADER
----------------------------------------------------- */
.fc-manage-header {
    margin-bottom: 4px;
}

.fc-manage-event-header {
    height: var(--second-header-height);
    background-color: var(--color-main-bg-heavy);
    color: var(--color-main-light);
    border-bottom: solid 1px var(--color-main-bg-superheavy);
    display: flex;
    margin: 0 calc(var(--margin-x-page) * -1) 0 calc(var(--margin-x-page) * -1);
    padding: 0 var(--content-padding);
}

    .fc-manage-event-header .fc-manage-tab {
        height: 100%;
        padding: 10px 9px;
        line-height: 1;
    }

        .fc-manage-event-header .fc-manage-tab.fc-active, .fc-manage-event-header .fc-manage-tab:hover {
            background-color: var(--color-main-bg-superheavy);
        }

    .fc-manage-event-header a {
        font-size: var(--font-size-normal);
        font-weight: bold;
        color: var(--color-main);
        text-decoration: none;
    }

        .fc-manage-event-header a:hover, .fc-manage-event-header a:visited {
            font-size: var(--font-size-normal);
            font-weight: bold;
            color: var(--color-main);
            text-decoration: none;
        }

.fc-manage-event-title .col {
    margin-top: 0 !important;
}

.fc-manage-event-breadcrum {
    margin-top: 8px;
    padding-left: 1px;
}

    .fc-manage-event-breadcrum, .fc-manage-event-breadcrum a:hover, .fc-manage-event-breadcrum a:visited {
        font-size: var(--font-size-normal);
        color: var(--color-main-light);
        font-weight: normal;
    }

/* BP1: Extra small devices */
@media (max-width: 719.98px) {
    .fc-manage-header {
        margin-bottom: 0;
    }

    .fc-manage-event-header {
        padding-left: 9px;
        margin-left: -8px;
        margin-right: 0;
    }
}

/* BP2: Medium devices */
@media (min-width: 720px) and (max-width: 1023.98px) {
    .fc-manage-event-header {
        margin-left: -8px;
        margin-right: 0px;
        padding-left: 26px;
    }
}

/* BP3: Large devices  */
@media (min-width: 1024px) and (max-width: 1279.98px) {
    .fc-manage-event-header {
        padding-left: 26px;
    }
}



/* ---------------------------------------------------
    EVENT INTERFERENCE LIST
----------------------------------------------------- */
.fc-event-interference-list .dvbt-simulation-section {
    height: 50px;
    /*border-top: solid 1px var(--color-main-bg-superheavy);*/
    margin-top: 42px;
    /**/
}

    .fc-event-interference-list .dvbt-simulation-section .dvbt-simulation {
        padding: 8px 0;
    }

    .fc-event-interference-list .dvbt-simulation-section .dvbt-simulation-text {
        line-height: 36px;
        padding-right: 11px;
    }

    .fc-event-interference-list .dvbt-simulation-section .k-input {
        width: 138px !important;
    }

    .fc-event-interference-list .dvbt-simulation-section .form-control {
        height: 32px !important;
    }

    .fc-event-interference-list .dvbt-simulation-section .dvbt-simulation-control {
        display: flex;
        justify-content: end;
    }

    .fc-event-interference-list .dvbt-simulation-section .dvbt-simulation-divider {
        margin: 4px 8px 8px 8px;
        display: none;
    }

.fc-event-interference-list .fc-toolbar {
    display: flex;
    border: none !important;
    margin-bottom: 6px;
}

    .fc-event-interference-list .fc-toolbar .fc-toolbar-filler {
        flex: 1;
        border-top: solid 1px var(--color-main-bg-superheavy);
        border-bottom: solid 1px var(--color-main-bg-superheavy);
    }

.fc-scan-info-container {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.fc-scan-info-item {
    width: 30%;
    margin-bottom: 12px;
    /*margin-right: 24px;*/
}

.fc-scanImport-modal-footer {
    display: flex;
    justify-content: end;
}

.fc-scanImport-modal-warning {
    display: none;
}

.fc-event-interference-list .fc-toolbar {
    white-space: nowrap;
}

.fc-faded-toolbar {
    content: '';
    margin-top: -42px;
    height: 36px;
    background: linear-gradient(to right, rgba(245,245,242,0.9) 2%, rgba(0,0,0,0) 10% 90%, rgba(245,245,242,0.9) 98%);
    pointer-events: none;
    position: relative;
}

.fc-faded-toolbar-left {
    background: linear-gradient(to right, rgba(245,245,242,0.9) 2%, rgba(0,0,0,0) 10% 100%);
}

.fc-faded-toolbar-right {
    background: linear-gradient(to right, rgba(0,0,0,0) 0% 84%, rgba(245,245,242,0.9) 100%)
}

.fc-faded-toolbar-none {
    background: none;
}
/*list*/
.fc-event-interference-list div.k-grid td:nth-child(2):not(.k-detail-cell) {
    padding-top: 5px;
    padding-bottom: 5px;
}

.fc-event-interference-list div.k-grid .k-button {
    height: 29px;
}

.fc-event-interference-list .k-grid-pager {
    border-top: none;
    border-bottom: solid 1px var(--color-main-bg-superheavy);
}

/* Touch Devices */
@media (hover: none) {
    .fc-event-interference-list .fc-toolbar {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch; /*better scrolling for iphone*/
        scrollbar-width: none; /*hide scrollbar for firefox*/
    }

        .fc-event-interference-list .fc-toolbar::-webkit-scrollbar {
            display: none; /*hide scrollbar for other browsers*/
        }
}

/* BP1: Extra small devices */
@media (max-width: 719.98px) {
    .fc-event-interference-list .dvbt-simulation-section {
        height: auto;
    }

        .fc-event-interference-list .dvbt-simulation-section .dvbt-simulation-divider {
            display: block;
        }

    .fc-event-interference-list .dvbt-simulation-control-input {
        flex: 1;
    }

    .fc-event-interference-list .dvbt-simulation-section .k-input {
        width: 100% !important;
    }

    .fc-event-interference-list .dvbt-simulation-section .dvbt-simulation-control {
        justify-content: start;
    }

    .fc-event-interference-list .fc-toolbar .btn {
        flex: 1 0 auto;
    }

    .fc-scanImport-modal-footer {
        flex-direction: column
    }

        .fc-scanImport-modal-footer .btn {
            flex: 1;
        }

    .fc-scanImport-modal-warning {
        display: block;
        margin-bottom: -20px;
        margin-top: 40px;
    }
}


/* ---------------------------------------------------
    EVENT SETTINGS
----------------------------------------------------- */

.fc-event-settings-toolbar .fc-toolbar {
    display: flex;
    border: none !important;
    margin-bottom: 6px;
    white-space: nowrap;
}

.fc-event-settings-toolbar .fc-toolbar .fc-toolbar-filler {
    flex: 1;
    border-bottom: solid 1px var(--color-main-bg-superheavy);
}

.fc-event-settings-toolbar .btn {
    padding: 0 10px;
    font-weight: normal;
    border-top: 0;
    border-bottom: 1px solid var(--color-main-bg-superheavy);
    transition: none;
    color: grey;
    text-align: center;
}

.fc-event-settings-toolbar .btn.fc-tab-dirty {
    font-weight: bold;
}

.fc-event-settings-toolbar .btn.fc-tab-dirty:after {
    content: " *";
}

.fc-event-settings-toolbar .btn.fc-tab-invalid {
    font-weight: bold;
    background-color: var(--color-danger-bg) !important;
}

.fc-event-settings-toolbar .btn.fc-tab-invalid:after {
    content: " (invalid)";
}

.fc-event-settings-toolbar .btn.fc-toolbar-btn-active {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid var(--color-main-bg-superheavy);
    border-left: 1px solid var(--color-main-bg-superheavy);
    border-right: 1px solid var(--color-main-bg-superheavy);
    border-bottom: 0;
    color: black
}

.fc-event-settings-toolbar .btn:focus {
    outline: none;
    box-shadow: none;
}

.fc-event-settings-toolbar .btn:hover {
    outline: none;
}

/* Touch Devices */
@media (hover: none) {
    .fc-event-settings-toolbar .fc-toolbar {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch; /*better scrolling for iphone*/
        scrollbar-width: none; /*hide scrollbar for firefox*/
    }
}

/* BP1: Extra small devices */
@media (max-width: 719.98px) {
    .fc-event-settings-toolbar .fc-toolbar .btn {
        flex: 1 0 auto;
    }
}


/* Calculation Group amendments */
#calculationGroupList {
    list-style-type: none;
    padding-left: 0;
}

#calculationGroupList > li {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 4px;
}


/* EventSettings: Feature not available */
.disable-control {
    pointer-events: none;
    opacity: .4;
}

.fc-feature-not-available {
    margin-top: 20px;
    width: 100%;
    border-bottom: 1px solid rgba(204, 204, 204, .5);
}


/* ---------------------------------------------------
    FILTERS
----------------------------------------------------- */

#filterCount {
    padding: 2px;
    background-color: var(--color-green);
    border-radius: 100%;
    width: 17px;
    display: inline-block;
    text-align: center;
    color: var(--color-white);
    height: 17px;
    vertical-align: baseline;
    line-height: 14px;
    margin-left: 8px;
}

/*.conflict-name-1 {
    width: 442px;
}

.conflict-name-2 {
    width: 125px;
}

.conflict-name-3 {
    width: 125px;
}*/
/* BP1: Extra small devices */
@media (max-width: 719.98px) {
    .conflict-name {
        max-width: 100px !important;
    }

    .d-bp1-inline {
        display: inline !important;
    }

    .d-bp1-none {
        display: none !important;
    }
}

/* BP2: Medium devices */
@media (min-width: 720px) and (max-width: 1023.98px) {
    .singleSearchControl {
        max-width: 154px;
    }

    .conflict-name {
        max-width: 150px !important;
    }
}

/* BP3: Large devices  */
@media (min-width: 1024px) and (max-width: 1279.98px) {
    .singleSearchControl {
        max-width: 220px;
    }

    .conflict-name {
        max-width: 200px !important;
    }
}

/* BP4: Extra large devices */
@media (min-width: 1280px) {
    .singleSearchControl {
        max-width: 314px;
    }
}

/* ---------------------------------------------------
    spotOfUse
----------------------------------------------------- */
#spotOfUseList {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

#spotOfUseList > li {
    padding-left: 0;
    margin-left: 0;
}


/* ---------------------------------------------------
    dropdown
----------------------------------------------------- */

.fc-dropdown .dropdown-menu {
    background-color: var(--color-sub-menu-bg);
    padding: 0;
    border-radius: 0;
}

.fc-dropdown .dropdown-item {
    color: var(--color-control-bg);
    font-weight: normal;
    font-size: 14px;
    padding: 8px 12px;
}

    .fc-dropdown .dropdown-item:not(:first-child) {
        color: var(--color-control-bg);
        font-weight: normal;
        border-top: 1px solid var(--color-main-heavy);
    }

    .fc-dropdown .dropdown-item:focus {
        background-color: var(--color-sub-menu-bg);
        color: var(--color-control-bg);
    }

    .fc-dropdown .dropdown-item:hover {
        background-color: var(--color-sub-menu-hover);
        color: var(--color-control-bg);
    }

.prevent-selected .k-dropdown .k-input-value-text,
.prevent-selected.k-dropdown .k-input-value-text {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

/* ---------------------------------------------------
   Manage Event Report
----------------------------------------------------- */
.fc-manage-event-report .k-tabstrip {
    background-color: transparent;
    border: none;
    padding: 0;
    outline: none;
    box-shadow: none;
}
.fc-manage-event-report .k-tabstrip-items .k-default.k-active .k-link {
    color: var(--color-main);
}
.fc-manage-event-report .k-tabstrip-items .k-default .k-link {
    color: var(--color-main-light);
}

.fc-manage-event-report .k-tabstrip-items .k-loading,
.fc-manage-event-report .k-tabstrip-content {
    border: none;
}

.fc-manage-event-report .k-tabstrip-content {
    padding: 8px 0 0 0;
    overflow-x: hidden;
}

.fc-manage-event-report .k-tabstrip-top > .k-tabstrip-items-wrapper,
.fc-manage-event-report .k-tabstrip-items .k-active {
    border-color: var(--color-main-bg-superheavy);
}

.fc-manage-event-report .custom-control-label {
    line-height: 24px;
}

.fc-manage-event-report .row .k-select {
    background-color: #fff;
}

.fc-manage-event-report-not-allowed {
    margin: 21px 4px;
}

.fc-manage-event-report-not-allowed-blocker {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 9999;
    opacity: 0.5;
}
/*Fix form boxsizing with kendo controls*/
.fc-manage-event-report .k-animation-container,
.fc-manage-event-report .k-animation-container *,
.fc-manage-event-report .k-animation-container :after,
.fc-manage-event-report .k-block .k-header,
.fc-manage-event-report .k-widget,
.fc-manage-event-report .k-widget *,
.fc-manage-event-report .k-widget :before {
    box-sizing: border-box;
}

/* BP1: Small devices */
@media (min-width: 0px) and (max-width: 719.98px) {
    .fc-manage-event-report {
        flex: 1;
    }
    .fc-manage-event-report .k-tabstrip-top > .k-tabstrip-items-wrapper,
    .fc-manage-event-report .k-tabstrip-items .k-active {
        background-color: var(--color-main-bg);
    }

    .fc-manage-event-report .k-tabstrip .k-content.k-active {
        background-color: var(--color-main-bg);
    }

    .fc-manage-event-report-not-allowed-blocker {
        background-color: var(--color-main-bg);
    }
}

/* Multiselect */
.fc-multiselect .k-chip {
    background-color: transparent;
    border: none;
}

.fc-multiselect .k-chip-icon {
    display: none;
}

.fc-multiselect .k-chip .chip-rest {
    padding: 6px;
    margin-left: 4px;
    background-color: var(--color-main-bg-heavy);
}

.fc-multiselect .k-multiselect {
    padding: 0 !important;
}

.fc-multiselect .k-multiselect-toggle-button {
    border-radius: 0;
}

.fc-multiselect .k-list-item.k-selected {
    border-bottom: 1px solid #6B6960;
}

.fc-multiselect .k-dropdown .k-select:hover {
    background-color: var(--color-main-bg-heavy) !important;
}

.fc-multiselect .row .k-dropdown:hover,
.fc-multiselect .row .k-dropdown:focus {
    background-color: var(--color-control-bg) !important;
}

/* ---------------------------------------------------
   Cost Overview
----------------------------------------------------- */

.no-top-border{
    border-top:none !important;
}

.no-top-padding{
    padding-top: 0 !important;
}

/* ---------------------------------------------------
   bottom column
----------------------------------------------------- */

.col-12.fc-pre-button-col {
    width: calc(100% - 65px);
    flex: 0 0 calc(100% - 65px);
}

@media (min-width: 720px) {
    .col-md-8.fc-pre-button-col {
        width: calc(66.6% - 65px);
        flex: 0 0 calc(66.6% - 65px);
    }
}

.fc-button-col {
    width: 65px;
    flex: 0 0 65px;
}

/*------------------------------------------------------------------------------
    Location Search
--------------------------------------------------------------------------------*/
.locationCandidates {
    transform: none !important;
    margin: 0;
    border-radius: 0;
    z-index: 1020;
}

/*------------------------------------------------------------------------------
    Icons
--------------------------------------------------------------------------------*/
.k-i-arrow-60-right::before,
.k-i-arrow-45-down-right::before,
.k-i-arrow-60-down::before {
    font-family: WebComponentsIcons;
}



/*------------------------------------------------------------------------------
    Manage Events invitation Link/QR-Code
--------------------------------------------------------------------------------*/
.fc-qrcode {
    width: 250px;
}

.fc-icon-link {
    display: inline;
    text-decoration: none !important;
}

.fc-icon-link svg{
    width: 16px;
    height: 16px;
}


/* General stuff */
.fc-disable-control {
    pointer-events: none;
    cursor: pointer;
    opacity: .7;
    background: #ccc;
}


/*------------------------------------------------------------------------------
    Manage Events Operation Mode editor
--------------------------------------------------------------------------------*/
.btn-mode-editor {
    height: 10px;
    padding: 0;
}

.btn-mode-editor-container {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.editor-textbox-small-width {
    width: 95% !important;
}

.editor-d-none {
    display: none !important;
}

.p-editor-operationMode-with-buttons .k-textbox {
    width: 170px !important;
}

.p-editor-operationMode-with-buttons .k-combobox {
    width: 168px !important;
}

.p-editor-add-remove-buttons {
    position: relative;
    display: block;
    min-height: 1.5rem;
}

.p-editor-add-remove-buttons .fc-multiOptionAdd {
    margin-right: 5px;
}

#operationModesEditor li {
    margin-bottom: 20px;
}