/*
 * Skedway Font Icons
 */
.skd-icons {
    position: relative;
    display: inline-block;
    top: 0;
    margin-top: -1em;
    margin-bottom: -1em;
    vertical-align: middle;
    color: #80DDB1;
    font-size: 24px;
}

@font-face {
    font-family: 'skd';
    src: url('../fonts/skedway.eot?pdzr55');
    src: url('../fonts/skedway.eot?pdzr55#iefix') format('embedded-opentype'),
        url('../fonts/skedway.ttf?pdzr55') format('truetype'),
        url('../fonts/skedway.woff?pdzr55') format('woff'),
        url('../fonts/skedway.svg?pdzr55#skedway-font') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="skd"], [class*=" skd"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'skd' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.skd-app-icon:before {
    content: 'skd-app-icon';
}

.skd-qrcode-download:before {
    content: 'skd-qrcode-download';
}

.skd-qrcode-plus:before {
    content: 'skd-qrcode-plus';
}

/*
*  Skedway custom icons
*/

.sked-icon2 {
    background-color: #80DDB1;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.nav-link .sked-icon2 {
    float: left;
    background-color: #274743;
    width: 24px;
    height: 24px;
    margin: 9px 9.5px;
    margin-right: 15px;
}

.sked-qrcode-download {
    mask: url(../fonts/skedway-mac.svg) no-repeat center / contain;
    -webkit-mask: url(../fonts/skedway-mac.svg) no-repeat center / contain;
}

.sked-desk {
    background-color: #A89CDF !important;
    mask: url(../fonts/custom-icons/desk.svg) no-repeat center / contain;
    -webkit-mask: url(../fonts/custom-icons/desk.svg) no-repeat center / contain;
    margin-left: 12px !important;
}

.sked-room {
    background-color: #80DDB1 !important;
    mask: url(../fonts/custom-icons/room.svg) no-repeat center / contain;
    -webkit-mask: url(../fonts/custom-icons/room.svg) no-repeat center / contain;
}

.sked-parking {
    background-color: #FA9233 !important;
    mask: url(../fonts/custom-icons/parking.svg) no-repeat center / contain;
    -webkit-mask: url(../fonts/custom-icons/parking.svg) no-repeat center / contain;
}

.sked-locker {
    background-color: #80DDB1 !important;
    mask: url(../fonts/custom-icons/locker.svg) no-repeat center / contain;
    -webkit-mask: url(../fonts/custom-icons/locker.svg) no-repeat center / contain;
}

.color-room {
    color: #80DDB1 !important;
}

.nav-item.color-room:hover {
    background: #E6F8EF !important;
}

.color-desk {
    color: #A89CDF !important;
}

.nav-item.color-desk:hover {
    background: #E9E7F5 !important;
}

.color-parking {
    color: #FA9233 !important;
}

.nav-item.color-parking:hover {
    background: #FEE9D6 !important;
}

.nav-icon-custom {
    background: #fff !important;
    width: 40px;
    height: 40px;
    display: inline;
    float: left;
    margin-right: 15px;
    border-radius: 30%;
}

.color-room.active a {
    background: #E6F8EF !important;
}

.color-desk.active a {
    background: #E9E7F5 !important;
}

.color-parking.active a {
    background: #FEE9D6 !important;
}

.nav-icon-svg {
    background: #fff !important;
    width: 40px;
    height: 40px;
    display: inline;
    float: left;
    margin-right: 15px;
    border-radius: 30%;
}

.nav-icon-svg-color {
    background: #f7f7f7 !important;
}

.nav-icon-svg svg {
    width: 20px;
    height: 20px;
    margin-top: 10px;
}

.card-icon-svg {
    width: 28px;
    height: 28px;
    margin-right: 2px;
}

.sked-list-icon {
    height: 20px;
    margin: 0 !important;
    position: relative;
    top: 5px;
}

.sked-icon-module-list {
    height: 20px;
    margin: 0 4px 0 0 !important;
    top: 5px;
    position: relative;
}