/*@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i');*/
/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i'); */
@import url('https://fonts.googleapis.com/css?family=Nunito:400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

#asap-admin-login-form > div {
    max-width: 450px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-spacing: 0
}

td, th {
    padding: 0
}

/* Switchery */

.switchery {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    position: relative;
    vertical-align: middle;
    width: 50px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: content-box;
    background-clip: content-box
}

    .switchery > small {
        background: #fff;
        border-radius: 100%;
        box-shadow: 0 1px 3px rgba(0,0,0,0.4);
        height: 30px;
        position: absolute;
        top: 0;
        width: 30px
    }

.switchery-small {
    border-radius: 20px;
    height: 20px;
    width: 33px
}

    .switchery-small > small {
        height: 20px;
        width: 20px
    }

.switchery-large {
    border-radius: 40px;
    height: 40px;
    width: 66px
}

    .switchery-large > small {
        height: 40px;
        width: 40px
    }

/* Modal default styles*/

.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1;
    padding: 20px;
    box-sizing: border-box;
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    text-align: center
}

    .blocker:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.05em
    }

    .blocker.behind {
        background-color: transparent
    }

.modal {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2; /*max-width:500px;*/
    box-sizing: border-box;
    width: 90%;
    background: #fff;
    padding: 15px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    text-align: left
}

    .modal a.close-modal {
        position: absolute;
        top: -12.5px;
        right: -12.5px;
        display: block;
        width: 30px;
        height: 30px;
        text-indent: -9999px;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAANjr9RwUqgAAACBjSFJNAABtmAAAc44AAPJxAACDbAAAg7sAANTIAAAx7AAAGbyeiMU/AAAG7ElEQVR42mJkwA8YoZjBwcGB6fPnz4w/fvxg/PnzJ2N6ejoLFxcX47Rp036B5Dk4OP7z8vL+P3DgwD+o3v9QjBUABBALHguZoJhZXV2dVUNDgxNIcwEtZnn27Nl/ZmZmQRYWFmag5c90dHQY5OXl/z98+PDn1atXv79+/foPUN9fIP4HxRgOAAggRhyWMoOwqKgoq6GhIZe3t7eYrq6uHBDb8/Pz27Gysloga/jz588FYGicPn/+/OapU6deOnXq1GdgqPwCOuA31AF/0S0HCCB0xAQNBU4FBQWB0NBQublz59oADV37Hw28ePHi74MHD/6ii3/8+HEFMGQUgQ6WEhQU5AeZBTWTCdkigABC9ylIAZeMjIxQTEyMysaNG/3+/v37AGTgr1+//s2cOfOXm5vbN6Caz8jY1NT0a29v76/v37//g6q9sHfv3khjY2M5YAgJgsyEmg0PYYAAQreUk4+PT8jd3V1l1apVgUAzfoIM2rlz5x9gHH5BtxAdA9PB1zNnzvyB+R6oLxoopgC1nBPZcoAAgiFQnLIDMb+enp5iV1eXBzDeHoI0z58//xcwIX0mZCkMg9S2trb+hFk+ffr0QCkpKVmQ2VA7QHYxAgQQzLesQMwjIiIilZWVZfPu3bstMJ+SYikyBmUzkBnA9HEMyNcCYgmQHVC7mAACCJagOEBBbGdnp7lgwYJEkIavX7/+BcY1SvAaGRl9tba2xohjMTGxL8nJyT+AWQsuxsbG9vnp06e/QWYdPHiwHmiWKlBcCGQXyNcAAQSzmBuoSQqYim3u37+/EKR48uTJv5ANB+bVr7Dga2xs/AkTV1JS+gq0AJyoQIkPWU9aWtoPkPibN2/2A/l6QCwJ9TULQADB4hcY//xKXl5eHt++fbsAUmxhYYHiM1DiAsr9R7ZcVVUVbikIdHd3/0TWIyws/AWYVsByAgICdkAxRSAWAGI2gACClV7C4uLiOv7+/lEgRZ8+ffqLLd6ABck3ZMuB6uCWrlu37je29HDx4kVwQisvL88FFqkaQDERUHADBBAomBl5eHiYgQmLE1hSgQQZgIUD1lJm69atf4HR8R1YKoH5QIPAWWP9+vV/gOI/gHkeQw+wGAXTwAJJ5t+/f/BUDRBA4NIEKMDMyMjICtQIiniG379/4yza7t69+//Lly8oDrty5co/bJaCAEwcZCkwwTJDLWYCCCCwxcDgY3z16hXDnTt3voP4EhISWA0BFgZMwNqHExh3jMiG1tbWsgHjnA2bHmAeBtdWwOL1MycnJ7wAAQggBmi+kgIW/OaKiorJwOLuFShO0LMSMPF9AUYBSpz6+vqixHlOTs4P9MIEWHaDsxSwYMoE2mEGFJcG5SKAAGJCqjv/AbPUn8ePH98ACQQHB6NUmZqamkzABIgSp5s3bwbHORCA1QDLAWZkPc7OzszA8oHl5cuXVy5duvQBGIXwWgoggGA+FgO6xkBNTS28r69vDrT2+Y1cIMDyJchX6KkXVEmAshd6KB06dAic94EO3AzkBwGxPhCLg8ptgACCZyeQp9jZ2b2AmsuAefM8tnxJCk5ISPgOLTKfAdNEOVDMA2QHLDsBBBC8AAFlbmCLwlZISCg5JSVlJizeQAaQaimoWAUFK0g/sGGwHiiWCMS2yAUIQAAxI7c4gEmeFZi4OJ48ecLMzc39CRiEmgEBASxA/QzA8vYvAxEgNjaWZc2aNezAsprp2LFjp4FpZRdQ+AkQvwLij0AMSoC/AQIIXklAC3AVUBoBxmE8sPXQAiyvN8J8fuPGjR/h4eHf0eMdhkENhOPHj8OT+NGjR88BxZuBOA5kJtRseCUBEECMSI0AdmgBDooDaaDl8sASTSkyMlKzpqZGU1paGlS7MABLrX83b978A6zwwakTmE0YgIkSnHpBfGCV+gxYh98qKSk5CeTeAxVeQPwUiN8AMSjxgdLNX4AAYkRqCLBAXcMHtVwSaLkMMMHJAvOq9IQJE9R8fHxElJWV1bEF8aNHj+7t27fvLTDlXwXGLyhoH0OD+DnU0k/QYAa1QP8BBBAjWsuSFWo5LzRYxKFYAljqiAHzqxCwIBEwMTERBdZeoOYMA7Bl+RFYEbwB5oS3IA9D4/IFEL+E4nfQ6IDFLTgvAwQQI5ZmLRtSsINSuyA0uwlBUyQPMPWD20/AKo8ByP4DTJTfgRgUjB+gFoEc8R6amGDB+wu5mQsQQIxYmrdMUJ+zQTM6NzQEeKGO4UJqOzFADQMZ/A1qCSzBfQXi71ALfyM17sEAIIAY8fQiWKAYFgIwzIbWTv4HjbdfUAf8RPLhH1icojfoAQKIEU8bG9kRyF0aRiz6YP0k5C4LsmUY9TtAADEyEA+IVfufGEUAAQYABejinPr4dLEAAAAASUVORK5CYII=") no-repeat 0 0
    }

.modal-spinner {
    display: none;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -32px;
    margin-top: -32px;
    background: url("data:image/gif;base64,R0lGODlhIAAgAPMAABEREf///0VFRYKCglRUVG5ubsvLy62trTQ0NCkpKU5OTuLi4vr6+gAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==") #111 no-repeat center center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px
}

/* Modal Override styles */

.blocker {
    background-color: transparent;
}

.modal {
    border: 6px solid #eef2f4;
    border-radius: 0;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    color: #4d4d4d;
    padding: 15px 20px;
}

    .modal a.close-modal {
        background: #eef2f4;
        border-radius: 100%;
        height: 20px;
        width: 20px;
    }

        .modal a.close-modal:after {
            color: #5d6f76;
            content: '\f00d';
            font-family: FontAwesome;
            font-size: 14px;
            height: 20px;
            left: 0;
            line-height: 20px;
            position: absolute;
            text-align: center;
            text-indent: 0;
            top: 0;
            width: 20px;
        }

    .modal legend {
        font-size: 16px;
        border-bottom: 1px solid #dddddd;
        margin: 0 0 15px;
        padding: 0 0 10px;
        width: 100%;
    }

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #313b48;
    font-family: 'Nunito', sans-serif;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #00adee;
    text-shadow: none;
}

::selection,
.k-widget ::selection,
.k-block ::selection,
.k-panel ::selection,
.k-textbox::selection,
.k-textarea::selection,
.k-input.k-textbox::selection {
    background: #00adee;
    text-shadow: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #7287b0;
    font-style: italic;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #7287b0;
    font-style: italic;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #7287b0;
    font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
    color: #7287b0;
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

input[type=checkbox] {
    vertical-align: baseline;
}

textarea {
    resize: vertical;
}

a {
    color: #00adee;
    transition: color .2s ease-in-out;
    transition-property: box-shadow, border, color;
    text-decoration: none;
}

    a.grey {
        color: #313b48 !important;
    }

    a.blue {
        color: #00adee !important;
    }

    a.green {
        color: #2dbc98 !important;
    }

    a.red {
        color: #bc2d2d !important;
    }

    a.underline {
        text-decoration: underline;
    }

    a.small {
        font-size: 11px;
        margin: 0 5px;
        vertical-align: middle;
    }

    a.uppercase {
        text-transform: uppercase;
    }

    a:hover {
        color: #313b48;
    }

    a:focus, a:active {
        outline: 0;
    }

    a.underline:hover {
        text-decoration: none;
    }

    a i {
        vertical-align: middle;
    }

.disabled {
    opacity: 0.5;
}

strong {
    font-weight: 700;
}

.f120 {
    font-size: 120%;
}

.f150 {
    font-size: 150%;
}

.browserupgrade {
    background: #f00;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.2);
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    color: #fff;
    left: 0;
    margin: 0;
    padding: 0.2em;
    position: fixed;
    top: 0;
    width: 100%;
}

    .browserupgrade a {
        color: #fff;
    }

#asap-admin-nav:hover ::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

#asap-admin-interface #asap-admin-content ::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}

#asap-admin-nav ::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    transform: all .2s ease;
}


#asap-admin-interface ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.05);
}

#asap-admin-interface ::-webkit-scrollbar-thumb {
    background-color: #DADADA;
    outline: 1px solid slategrey;
}

.mobile-only {
    display: none !important;
}

/* ==========================================================================
	 Main ASAP Admin Styles
	 ========================================================================== */

/* Default form / UI element styles and Kendo overrides */

input,
select,
textarea {
    background: transparent;
    border: 1px solid #f1f2f3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.5);
    box-shadow: 0 0 2px rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    margin: 0;
    outline: none;
    padding: 6px 20px;
}

textarea {
    border-color: #c2c2cc;
}

span.editable {
    border-radius: .25rem;
    border: 1px solid transparent;
    box-sizing: border-box;
    display: inline-block;
    height: calc(1.25em + 1rem + 2px);
    line-height: 1.25em;
    padding: .5rem .75rem;
    transition: color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;
}

    span.editable:hover {
        border: 1px solid #e0e2e5;
        box-shadow: 0 0 2px rgba(0,0,0,.1);
    }

.form-submit {
    border-top: 1px solid #eaeef1;
    padding-top: 20px;
}

    .form-submit.no-border {
        border-top: none;
        padding-top: 0;
    }

    .form-submit.right {
        text-align: right;
    }

    .form-submit.margin-top {
        margin-top: 30px;
    }

    .form-submit.margin-top-negative {
        margin-top: -30px !important;
    }

    .form-submit:not(.right) .button:not(:last-child) {
        margin: 0 15px 0 0;
    }

    .form-submit.right .button:not(:first-child) {
        margin: 0 0 0 15px;
    }

.k-autocomplete.edit-mode,
.k-combobox.edit-mode .k-dropdown-wrap,
.k-combobox.edit-mode .k-state-hover,
.k-combobox.edit-mode > :hover,
.k-dateinput.edit-mode .k-dateinput-wrap,
.k-datepicker.edit-mode .k-picker-wrap,
.k-datepicker.edit-mode .k-dateinput-wrap,
.k-datepicker.edit-mode .k-state-hover,
.k-dateinput-wrap .k-input,
.k-datetimepicker.edit-mode .k-picker-wrap,
.k-datetimepicker.edit-mode .k-state-hover,
.k-input.edit-mode,
.k-input.k-textbox.edit-mode,
.k-textarea.edit-mode,
.k-multiselect.edit-mode,
.k-multiselect-wrap.edit-mode,
.k-multiselect.k-state-hover.edit-mode,
.k-numerictextbox.edit-mode .k-numeric-wrap,
.k-numerictextbox.edit-mode .k-state-hover,
.k-numerictextbox.edit-mode .k-input,
.k-textbox.edit-mode,
.k-timepicker.edit-mode .k-picker-wrap,
.k-timepicker.edit-mode .k-dateinput-wrap,
.k-timepicker.edit-mode .k-state-hover,
.k-dropdown.edit-mode .k-dropdown-wrap {
    border-color: transparent;
    box-shadow: none;
}

.k-datepicker.edit-mode .k-select,
.k-timepicker.edit-mode .k-select {
    opacity: 0;
    transition: opacity .2s ease;
}

.k-autocomplete,
.k-autocomplete.edit-mode:hover,
.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-hover.edit-mode:hover,
.k-combobox .k-dropdown-wrap,
.k-combobox.edit-mode:hover .k-dropdown-wrap,
.k-combobox .k-state-hover,
.k-combobox.edit-mode:hover .k-state-hover,
.k-combobox > :hover,
.k-combobox.edit-mode > :hover,
.k-dateinput .k-dateinput-wrap,
.k-dateinput.edit-mode:hover .k-dateinput-wrap,
.k-datepicker .k-picker-wrap,
.k-datepicker.edit-mode:hover .k-picker-wrap,
.k-datepicker .k-state-hover,
.k-datepicker.edit-mode:hover .k-state-hover,
.k-datetimepicker .k-picker-wrap,
.k-datetimepicker.edit-mode:hover .k-picker-wrap,
.k-datetimepicker .k-state-hover,
.k-datetimepicker.edit-mode:hover .k-state-hover,
.k-input,
.k-input.edit-mode:hover,
.k-input.k-textbox,
.k-input.k-textbox.edit-mode:hover,
.k-textarea,
.k-textarea.edit-mode:hover,
.k-multiselect,
.k-multiselect.edit-mode:hover,
.k-multiselect-wrap,
.k-multiselect-wrap.edit-mode:hover,
.k-multiselect.k-state-hover,
.k-multiselect.k-state-hover.edit-mode:hover,
.k-numerictextbox .k-numeric-wrap,
.k-numerictextbox.edit-mode:hover .k-numeric-wrap,
.k-numerictextbox .k-state-hover,
.k-numerictextbox.edit-mode:hover .k-state-hover,
.k-textbox,
.k-textbox.edit-mode:hover,
.k-timepicker .k-picker-wrap,
.k-timepicker.edit-mode:hover .k-picker-wrap,
.k-timepicker .k-state-hover,
.k-timepicker.edit-mode:hover .k-state-hover,
.k-dropdown .k-dropdown-wrap,
.k-dropdown.edit-mode:hover .k-dropdown-wrap,
.a-combomenu dt a,
div.time-range span input {
    background-color: #fff;
    border: 1px solid #e0e2e5;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.1);
    box-shadow: 0 0 2px rgba(0,0,0,.1);
    color: #313b48;
    font-size: 14px;
    text-overflow: ellipsis;
}

.k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected, .k-list-container .k-button:active, .k-list-container .k-button.k-state-active, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-selected, .k-spreadsheet-popup .k-button:active, .k-spreadsheet-popup .k-button.k-state-active, .k-spreadsheet-popup .k-button.k-state-selected, .k-menu-group .k-item.k-state-selected, .k-menu.k-context-menu .k-item.k-state-selected {
    background-color: #00adee;
}

.k-datepicker.edit-mode:hover .k-select,
.k-timepicker.edit-mode:hover .k-select {
    opacity: 1;
}

.save-disabled {
    pointer-events: none;
    color: #666 !important;
    background-color: #ccc !important;
    cursor: not-allowed;
}

.req {
    color: #2dbba8;
    vertical-align: 30%;
}

.half-width {
    width: 50% !important;
}

.width-66-percent {
    width: 66% !important;
}

.width-300 {
    width: 300px;
}

.width-200 {
    width: 200px;
}

.width-100 {
    width: 100px;
}

.auto-width,
.width-auto {
    width: auto !important;
}

.full-width {
    width: 100%;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-left-325 {
    margin-left: 325px !important;
}

.pos-f {
    position: fixed;
}


.edit-mode {
    margin-left: -12px;
    width: 100%;
}

    .edit-mode .k-dropdown-wrap .k-select {
        opacity: 0;
        transition: opacity .2s ease-in-out;
    }

    .edit-mode:hover .k-dropdown-wrap .k-select {
        opacity: 1;
    }

ul.edit-mode {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 36px;
    position: relative;
    white-space: nowrap;
}

    ul.edit-mode,
    ul.edit-mode li {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        ul.edit-mode li {
            display: inline-block;
            line-height: 1;
            opacity: 1;
            padding: 0;
            visibility: visible;
        }

        ul.edit-mode.v-padding li {
            padding-bottom: 8px;
            padding-top: 8px;
        }

        ul.edit-mode:hover li.view,
        ul.edit-mode li.edit {
            opacity: 0;
            visibility: hidden;
        }

        ul.edit-mode:hover li.view {
            height: 0;
            overflow: hidden;
            width: 0;
        }

        ul.edit-mode:hover li.edit {
            opacity: 1;
            visibility: visible;
        }

.a-combomenu {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

    .a-combomenu dt {
        border-bottom: none !important;
        display: block !important;
    }

        .a-combomenu dt:after {
            display: none !important;
        }

        .a-combomenu dt a {
            border-radius: .25rem;
            box-sizing: border-box;
            display: inline-block;
            font-weight: 400;
            height: calc(1rem + 1.25em + 2px);
            padding: .5rem 0 .5rem .75rem;
            text-decoration: none !important;
        }

        .a-combomenu dt .k-textbox {
            font-weight: 400;
            width: 100%;
        }

        .a-combomenu dt span.k-textbox.k-space-left {
            position: relative;
        }

            .a-combomenu dt span.k-textbox.k-space-left i {
                color: #7f93b5;
                left: .25em;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
            }

    .a-combomenu.active dt a,
    .a-combomenu.on dt a {
        background: #667287;
        color: #fff !important;
    }

    .a-combomenu dt a:after {
        box-sizing: border-box;
        color: #313b48;
        content: "\E006";
        font: 16px/1 WebComponentsIcons;
        margin: 0 0 0 .75rem;
        padding: .5rem;
        position: relative;
        top: 1px;
    }

    .a-combomenu.active dt a:after,
    .a-combomenu.on dt a:after {
        color: #fff;
    }

    .a-combomenu .a-combomenu-content dd,
    #asap-admin-content .a-combomenu .a-combomenu-content dd {
        margin: 0;
        padding: 0;
        transition: none !important;
    }

.k-textarea {
    transition: color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: 0.2s, 0.2s, 0.2s, 0.2s;
    transition-timing-function: ease, ease, ease, ease;
    transition-delay: initial, initial, initial, initial;
}

.k-list .k-item.k-state-selected {
    background-color: #00adee;
}

.k-list .k-item.k-state-hover.k-state-selected,
.k-list .k-item:hover.k-state-selected {
    background-color: #2ebc8b;
}

.k-input.k-state-focused,
.k-input.k-textbox.k-state-focused,
.k-input.k-textbox:focus,
.k-input:focus,
.k-textbox.k-state-focused,
.k-textbox:focus,
.k-textarea.k-state-focused,
.k-textarea:focus,
div.time-range span input:focus {
    border-color: #2ebc8b !important;
    box-shadow: 0 0 10px rgba(46,188,139,.5) !important;
}

.k-input.error,
.k-textbox.error,
.k-widget.error,
.k-dropdown.error .k-dropdown-wrap {
    border-color: #e14c5f;
}

#asap-admin-content p.error-info {
    color: #e14d60;
    font-size: 11px;
    margin: 3px 0 0;
}

#asap-admin-content .empty-message {
    color: #313b48;
    font-weight: bold;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    text-align: center;
}

    #asap-admin-content .empty-message * {
        font-weight: bold !important;
    }

.k-multiselect-wrap,
.k-textbox input {
    border: none;
    box-shadow: none;
}

    .k-multiselect-wrap .k-input {
        box-shadow: none;
        margin-bottom: 0 !important;
    }

.k-dropdown-wrap .k-input {
    background-color: rgb(255,255,255) !important;
    box-shadow: none;
    margin-bottom: 0 !important;
}

.k-autocomplete .k-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(1.25em + 1rem);
    padding: .5rem 2.5rem .5em .75em;
}

.k-combobox .k-select,
.k-dropdown-wrap .k-select {
    border-left-color: transparent !important;
}

.k-multiselect-wrap .k-button {
    background-color: #00adee;
    background-image: none;
    border-color: transparent;
    color: #fff;
    font-size: 11px;
}

    .k-multiselect-wrap .k-button .k-select {
        margin-left: 5px;
    }

.k-checkbox-label, .k-radio-label {
    line-height: 20px;
    padding-left: 30px;
}

    .k-checkbox-label:before,
    .k-checkbox-label:after {
        height: 20px;
        width: 20px;
    }

.k-checkbox:checked + .k-checkbox-label::before {
    background-color: #00adee;
    border-color: #00adee;
}

.k-checkbox:checked:focus + .k-checkbox-label::before {
    box-shadow: 0 0 0 2px rgba(0,173,238,0.3);
}

.k-checkbox-label:after {
    font-size: 14px;
}

.k-checkbox:checked + .k-checkbox-label:before {
    background-color: #fff;
    border-color: #e0e2e5;
}

.k-checkbox-label:before {
    background-color: #fff;
}

.k-checkbox:checked + .k-checkbox-label:after {
    color: #8093b6;
}

.k-upload .k-dropzone .k-dropzone-hint {
    display: block;
    opacity: 1;
    visibility: visible;
}

.k-switch-handle,
.km-switch-handle {
    background-color: #838383;
    color: #838383;
}

.k-switch-on .k-switch-container,
.k-switch-on:hover .k-switch-container,
.k-switch-on.k-state-hover .k-switch-container {
    background: #00adee;
}

.k-switch-label-on,
.km-switch-label-on {
    color: #fff;
}

.k-switch-on:hover .k-switch-handle,
.k-switch-on.k-state-hover .k-switch-handle {
    border-color: rgba(0, 0, 0, 0.15);
    color: white;
    background-color: #ededed;
}

/* Input focus effect override */

.k-checkbox:focus + .k-checkbox-label:before {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #00adee;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #00adee
}

.k-popup {
    padding: 0;
}

.k-icon {
    color: #313b48;
}

.k-textbox.k-space-left {
    padding-left: 2.5em;
}

    .k-textbox.k-space-left .k-icon {
        left: 10px;
    }

.k-overlay {
    z-index: 10001;
}

    .k-overlay.lighter {
        opacity: 0.2;
    }

    .k-overlay.even-lighter {
        opacity: 0.1;
    }

.k-time-list-wrapper .k-title {
    margin-top: -2rem;
}

.k-time-header {
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
}

.k-time-container.k-content {
    background: transparent;
}

.k-time-header .k-time-now {
    color: #ff6358;
}

.k-time-highlight {
    background-color: #fff;
    border-color: rgba(0,0,0,.08);
}

.k-action-buttons.k-time-footer {
    border: none;
}

.loader {
    left: 50%;
    position: fixed;
    margin: 0 auto;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100px;
    z-index: 10002;
}

    .loader.content {
        position: absolute;
    }

    .loader.inline {
        margin: 0 auto;
        position: static;
        transform: translate(0,0);
        width: 60px;
    }

    .loader:before {
        content: '';
        display: block;
        padding-top: 100%;
    }

.circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.path {
    stroke: #00ADEE;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    /* -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; */
    -webkit-animation: dash 1.5s ease-in-out infinite;
    /* animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; */
    animation: dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@-webkit-keyframes color {
    100%, 0% {
        stroke: #d62d20;
    }

    40% {
        stroke: #00ADEE;
    }

    66% {
        stroke: #008744;
    }

    80%, 90% {
        stroke: #F0B156;
    }
}

@keyframes color {
    100%, 0% {
        stroke: #d62d20;
    }

    40% {
        stroke: #00ADEE;
    }

    66% {
        stroke: #008744;
    }

    80%, 90% {
        stroke: #F0B156;
    }
}


.k-dialog-wrapper {
    flex-direction: row;
    z-index: 999999;
}

    .k-dialog-wrapper.align-right {
        align-items: stretch;
        justify-content: flex-end;
    }

.k-dialog {
    padding: 10px 20px 20px;
}

.k-dialog-wrapper.align-right .k-dialog {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-height: none;
}

.k-dialog-wrapper.align-right.short .k-dialog {
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
}

.k-dialog-wrapper.align-right.wide .k-dialog {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
}

.k-dialog-titlebar {
    background: transparent;
    color: #656565;
    padding-left: 0;
    padding-right: 0;
}

    .k-dialog-titlebar span.cards {
        background: url('../images/ico-dialog-cards.png') 0 0 no-repeat;
        display: inline-block;
        height: 28px;
        margin-left: 20px;
        vertical-align: middle;
        width: 152px;
    }

.k-dialog-content {
    padding-left: 0;
    padding-right: 0;
}

    .k-dialog-content h4 {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 600;
        margin: 10px 0;
    }

.k-dialog-wrapper.align-right .k-window-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align: left;
}

.k-dialog-content .k-notification {
    margin-bottom: 20px;
}

.k-dialog-content textarea {
    box-sizing: border-box;
    width: 100%;
}

.k-dialog-content table.list td input {
    margin: 0 !important;
}

.k-window {
    max-height: 75vh;
}

.k-window-title {
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 700;
    line-height: 1.3;
    text-align: left !important;
}

.k-window-titlebar {
    border: none;
}

.k-dialog-button-layout-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 0 !important;
}

.k-dialog-button-layout-justify {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.k-dialog-buttongroup {
    border-color: #e9ecef;
    padding: 20px 10% 0;
}

    .k-dialog-buttongroup.checkbox {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 0;
    }

        .k-dialog-buttongroup.checkbox .checkbox-gray {
            background: #e1e6ee;
            border-radius: 20px;
            padding: 10px 20px 10px 18px;
        }

        .k-dialog-buttongroup.checkbox .k-checkbox-label {
            line-height: 20px;
            padding-left: 30px;
        }


.k-button-group.k-dialog-buttongroup .k-button,
.k-dialog-button-layout-stretched .k-button {
    background-color: #fff;
    border: 1px solid #e4e8ec;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 3px 8px rgba(0,0,0,.15);
    color: #8093b6;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    padding: 12px 25px;
    transition: all .2s ease-in-out;
}

.k-dialog-button-layout-right .k-button {
    flex: 0 0 auto !important;
}

.k-button-group.k-dialog-buttongroup .k-button:hover {
    background-color: #f6f8f9;
}

.k-dialog-buttongroup .k-button:not(:last-child) {
    margin-right: 10px;
}

.k-button-group.k-dialog-buttongroup .k-button.k-primary,
.k-dialog-button-layout-stretched .k-button:not(:hover):not(.k-state-hover):not(:active):not(.k-state-active).k-primary {
    background-color: #00adee;
    border: 1px solid #00adee;
    color: #fff;
}

    .k-button-group.k-dialog-buttongroup .k-button.k-primary:hover,
    .k-button.k-primary:hover {
        background-color: #06bf87;
        background-image: none;
        border-color: transparent;
    }

.k-notification {
    background: #00adee url('../images/ico-notification.svg') 7px 50% no-repeat;
    background-size: 26px 26px;
    border: 1px solid #00adee;
    box-shadow: 0 5px 8px rgba(0,0,0,.05);
    box-sizing: border-box;
    color: #203152;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 40px !important;
}

    .k-notification .notification-wrapper {
        background: #fff;
        box-sizing: border-box;
        line-height: 1.4;
        padding: 15px 20px;
    }

    .k-notification.k-notification-warning {
        background-color: #ffd562;
        background-image: url('../images/ico-attention.svg');
        border-color: #ffd562;
    }

    .k-notification.k-notification-error {
        background-color: #e14c5f;
        background-image: url('../images/ico-error.svg');
        border-color: #e14c5f;
    }

     .k-notification.k-notification-warning-error {
          background-color: #e14c5f;
          background-image: url('../images/ico-attention.svg');
          border-color: #e14c5f;
     }

    .k-notification.k-notification-success {
        background-color: #07bca8;
        background-image: url('../images/ico-success.svg');
        border-color: #07bca8;
    }

    .k-notification .notification-wrapper h3 {
        font-size: 16px;
        margin: 0 0 .15em;
    }

    .k-notification .notification-wrapper p {
        font-size: 11px;
        margin: 0 0 1em;
    }

        .k-notification .notification-wrapper p:last-child {
            margin-bottom: 0;
        }

.inline-notification {
    background: #eec537 url('../images/ico-notification-alert.png') 15px 50% no-repeat;
    color: #fff;
    font-size: 14px;
    line-height: 1.1;
    margin: 10px 0;
    padding: 5px 10px 5px 40px;
}

    .inline-notification.error {
        background-color: #df5e5e;
        background-image: url('../images/ico-notification-error.png');
    }

    .inline-notification.success {
        background-color: #2bb673;
        background-image: url('../images/ico-notification-success.png');
    }


.el-input__inner {
    padding-left: 10px;
    padding-right: 10px;
}

.el-select__input {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-left: 10px !important;
    outline: 0 !important;
    padding: 0 !important;
}

/* Scheduler */

.k-scheduler {
    border-color: transparent;
}

.k-scheduler-toolbar {
    background: transparent;
    border-bottom: 2px solid #e0e4e6;
    padding-bottom: 0;
}

    .k-scheduler-toolbar li .k-link {
        color: inherit;
    }

    /* .k-scheduler-toolbar .k-state-hover {
        background-color: transparent !important;
        border-color: transparent !important;
    } */

    .k-scheduler-navigation .k-nav-today,
    .k-scheduler-navigation .k-nav-prev,
    .k-scheduler-navigation .k-nav-next,
    .k-scheduler-toolbar .k-button {
        background-color: transparent;
        border-color: transparent;
    }

.k-scheduler-navigation .k-nav-today {
    font-weight: 400;
}

.k-scheduler-navigation .k-nav-prev {
    margin-right: 5px;
}

    .k-scheduler-navigation .k-nav-prev a,
    .k-scheduler-navigation .k-nav-next a {
        background-color: #f5f6f7;
        border-radius: 12px;
        box-sizing: border-box;
        height: 24px !important;
        width: 24px !important;
    }

#asap-admin-content .k-scheduler-views {
    margin-bottom: -3px !important;
}

.k-scheduler-views li,
.k-scheduler-views li.k-state-selected {
    /* background-color: transparent; */
    /* border-color: transparent; */
    border-bottom-width: 4px;
}

    .k-scheduler-views li.k-state-selected {
        border-bottom-color: #00adee;
        font-weight: bold;
    }

.k-scheduler-times th,
.k-scheduler-table th {
    color: #313b48;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.k-scheduler-table td,
.k-scheduler-times .k-slot-cell {
    border-color: #e0e4e6;
    border-right-color: transparent;
}

.k-scheduler-table .k-middle-row td {
    border-color: transparent;
    border-right-color: transparent;
}

.k-event {
    border-radius: 0;
}

    .k-event:before {
        background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0, rgba(0,0,0,0.2) 4px, rgba(0,0,0,0) 5px, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0,rgba(0,0,0,0.2) 4px,rgba(0,0,0,0) 5px,rgba(0,0,0,0) 100%);
        background: linear-gradient(to right, rgba(0,0,0,0.2) 0,rgba(0,0,0,0.2) 4px,rgba(0,0,0,0) 5px,rgba(0,0,0,0) 100%);
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 4px;
    }

.custom-template {
    color: #000;
    font-size: 12px;
    padding: 5px 5px 5px 10px;
    display: block;
}

.k-scheduler-footer {
    background-color: transparent;
}

    .k-scheduler-footer li {
        background-color: transparent;
        border-color: transparent;
    }

        .k-scheduler-footer li .k-link {
            color: #00adee;
            font-weight: 400;
        }

            .k-scheduler-footer li .k-link .k-icon {
                color: #00adee;
            }

select {
    background: #fff;
    box-shadow: 0 10px 10px -7px rgba(0,0,0,.06);
}

label + input:not([type=radio]):not([type=checkbox]):not([type=submit]) {
    margin: 5px 0 10px;
}

table.list label + input:not([type=radio]):not([type=checkbox]):not([type=submit]) {
    margin-bottom: 0;
    margin-top: 0;
}

label {
    color: #313b48;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

.switchery-small {
    height: 10px;
}

    .switchery-small > small {
        margin-top: -5px;
    }

.k-animation-container {
    overflow: visible;
    z-index: 999999 !important;
}

.k-tooltip {
    background: #fff;
    border: 1px solid #e9e9e9;
    box-shadow: 0 8px 15px rgba(0,0,0,.1);
    color: #8093b6;
    font: 12px 'Nunito', sans-serif;
    /* margin-left: 10px; */
    padding: 8px 10px;
}

.k-callout-s {
    border-top-color: #fff;
}

.k-callout-n {
    border-bottom-color: #fff;
}

.k-callout-w {
    border-right-color: #fff;
}

.k-callout-e {
    border-left-color: #fff;
}

.k-callout-w:after {
    border: 8px solid transparent;
    border-right-color: #e9e9e9;
    content: '';
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: -8px;
    width: 0;
    z-index: -1;
}

.k-calendar {
    font-size: 13px;
}

    .k-calendar .k-footer .k-nav-today,
    .k-calendar .k-calendar-header .k-today,
    .k-calendar .k-content .k-today {
        color: #00adee;
    }

    .k-calendar .k-content td.k-state-selected .k-link,
    .k-drag-clue, .k-event,
    .k-panelbar .k-panel > .k-item > .k-link.k-state-selected,
    .k-treeview .k-in.k-state-selected {
        background-color: #00adee;
        border-color: #00adee;
    }

    .k-calendar .k-content .k-today .k-link {
        box-shadow: inset 0 0 0 1px #00adee;
    }

    .k-calendar.k-calendar-range .k-calendar-view .k-range-end,
    .k-calendar.k-calendar-range .k-calendar-view .k-range-mid,
    .k-calendar.k-calendar-range .k-calendar-view .k-range-start {
        background-image: linear-gradient(180deg,#fff,#fff 2%,#b8ecff 0,#b8ecff 98%,#fff 0,#fff);
        position: relative;
    }

    .k-calendar.k-calendar-range .k-calendar-view .k-range-split-end:after,
    .k-calendar.k-calendar-range .k-calendar-view .k-range-split-start:after {
        content: "";
        display: block;
        position: absolute;
        top: 2%;
        bottom: 2%;
        width: 5px;
    }

    .k-calendar.k-calendar-range .k-calendar-view .k-range-split-end:after {
        right: -5px;
        left: auto;
        background-image: linear-gradient(90deg,#b8ecff,transparent);
    }

    .k-calendar.k-calendar-range .k-calendar-view .k-range-split-start:after {
        left: -5px;
        right: auto;
        background-image: linear-gradient(270deg,#b8ecff,transparent);
    }

    .k-calendar.k-calendar-range .k-calendar-view .k-range-mid {
        border-radius: 0;
    }

    .k-calendar.k-calendar-range .k-calendar-view .k-range-start {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .k-calendar.k-calendar-range .k-calendar-view .k-range-end {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .k-calendar .k-content td.k-state-selected .k-link {
        display: block;
        width: 100%;
    }

.date-range-selector {
    display: inline-block;
    position: relative;
}

    .date-range-selector .form-control {
        line-height: 35.5px;
    }

    .date-range-selector .k-textbox {
        padding-left: 2.5em;
        width: 100%;
    }

        .date-range-selector .k-textbox .k-icon {
            left: 10px;
        }

.date-range-calendars {
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 700px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 100%;
    -webkit-transform: scaleY(.9) scaleX(.9);
    -ms-transform: scaleY(.9) scaleX(.9);
    transform: scaleY(.9) scaleX(.9);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    visibility: hidden;
    z-index: 990;
}

    .date-range-calendars .col-1,
    .date-range-calendars .col-2 {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 35%;
        flex: 1 0 35%;
        margin-right: 6px;
    }

    .date-range-calendars .col-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
        flex: 0 1 30%;
    }

        .date-range-calendars .col-3 .button {
            padding-top: 0;
            padding-bottom: 0;
        }

#asap-admin-content .date-range-calendars .col-3 .button {
    margin-bottom: 5px !important;
}

.date-range-calendars .col-3 .button:hover {
    color: #0096d8;
}

.date-range-calendars .k-calendar {
    height: 100%;
    width: 100%;
}

#asap-admin-content .date-range-calendars .submit {
    width: auto !important;
}

    #asap-admin-content .date-range-calendars .submit .button {
        margin-bottom: 0;
    }

ul.day-of-week {
    background-color: #f5f6f9;
    border-radius: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style-type: none;
    margin: 5px 0;
    padding: 0 10px;
}

    ul.day-of-week.no-bg {
        background-color: transparent;
        display: inline-block;
    }

    ul.day-of-week li {
        line-height: 1;
    }

    ul.day-of-week.no-bg li {
        display: inline-block;
    }

    ul.day-of-week li a {
        color: #cbd3e4;
        display: block;
        font-size: 12px;
        padding: 8px;
    }

    ul.day-of-week.no-bg li a {
        border-radius: 100%;
        color: #00adee !important;
        font-size: 14px;
        height: 32px;
        line-height: 32px;
        padding: 0;
        text-align: center;
        text-decoration: underline;
        width: 32px;
    }

    ul.day-of-week li a:hover,
    ul.day-of-week li a.active {
        color: #00adee !important;
        font-weight: bold;
    }

    ul.day-of-week.no-bg li a.active {
        background: #d2ecff;
        font-weight: normal;
    }

    ul.day-of-week.no-bg li a:not(.active):hover {
        font-weight: normal;
        text-decoration: none;
    }

div.time-range {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ib div.time-range {
    width: auto;
}

div.time-range span {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    position: relative;
}

    div.time-range span:not(:last-child) {
        margin-right: 10px;
    }

    div.time-range span:first-child:after {
        color: #00adee;
        content: '\e5cc';
        display: none;
        font-family: 'Material Icons';
        font-size: 18px;
        height: 32px;
        left: 100%;
        line-height: 32px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 20px;
    }

    div.time-range span input:not([class^="k-"]) {
        background: url('../images/ico-clock.png') 10px 50% no-repeat;
        height: calc(1.25em + 1rem + 2px);
        padding-left: 30px;
        padding-right: 10px;
        text-align: center;
        text-transform: uppercase;
        transition: color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;
        width: 100%;
    }

ul.checkboxes {
    list-style-type: none;
    padding: 0;
}

    ul.checkboxes li:not(:last-child) {
        margin-bottom: 5px;
    }

    ul.checkboxes.horizontal li {
        display: inline-block;
        margin-right: 30px;
        vertical-align: top;
    }

    ul.checkboxes .k-checkbox-label,
    ul.checkboxes .k-radio-label {
        color: #484848 !important;
        /* font-size: 11px; */
        font-weight: 600;
        padding-left: 30px;
        padding-top: 4px;
        /* text-transform: uppercase; */
    }

    ul.checkboxes .k-radio-label {
        padding-left: 30px;
        padding-top: 0;
    }

.k-radio-label:before,
.k-radio:checked + .k-radio-label:before {
    background-color: #fff;
    left: 5px;
}

.k-radio:checked + .k-radio-label:after {
    background-color: #00adee;
    left: 9px;
}

.k-window-content ul.checkboxes:first-child {
    margin-top: 0;
}

.k-window-content ul.checkboxes:last-child {
    margin-bottom: 0;
}

table.list td ul.checkboxes {
    margin: 0 !important;
}

    table.list td ul.checkboxes li label {
        margin-left: 0;
    }

/* Kendo Grid Overrides */

.k-grid,
.k-grid th,
.k-grid td,
.k-grid-header-wrap {
    border-color: transparent;
}

div.k-grid-header {
    border-bottom-width: 2px;
}

.k-grid tr.k-alt {
    background: transparent;
}

.k-grid tbody tr:hover {
    background: #f9f9fa;
}

.k-grid th {
    color: #313b48;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 0 10px 18px;
    text-transform: uppercase;
}

.k-grid td {
    border-bottom: 1px solid #eaeef1;
}

.k-grid-header {
    background: transparent;
}

.k-grid-pager {
    display: none !important;
}

.k-grid-content {
    overflow-y: hidden !important;
}

section .asap-admin-content-inner #frmEditSurvey div#grid div.k-grid-content {
    overflow-y: scroll !important;
}

.k-grid-menu-column {
    text-align: right;
    width: 45px;
}

.k-grid-norecords{
    display:table-row;
}

/* Main layout elements */
html, body {
    height: 100%;
}

html {
    background: #f0f3f8;
    color: #313b48;
}

body {
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 70px 10px 0 0;
    width: 1440px;
}

    body.not-found-404 {
        background: url('../images/404-bg.jpg') 0 50% no-repeat;
        background-size: cover;
        padding-right: 0;
    }

section#asap-admin-interface,
header#asap-admin-header,
nav#asap-admin-nav,
#asap-admin-content-footer {
    font: 300 1em/1.4 'Nunito', sans-serif;
}


header#asap-admin-header {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.05);
    height: 70px;
    left: 50%;
    margin-left: -720px;
    position: fixed;
    top: 0;
    width: 1440px;
    z-index: 999999;
}

body.full,
body.full header#asap-admin-header {
    width: auto;
}

    body.full header#asap-admin-header {
        left: 0;
        margin-left: 0;
        width: 100%;
    }

section#asap-admin-interface {
    /* -webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row; */
    min-height: 100%;
    /* -webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between; */
}

body.not-found-404 section#asap-admin-interface {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

nav#asap-admin-nav {
    width: 250px;
}

article#asap-admin-content {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    margin-left: 65px;
    padding: 73px 0 40px 20px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

body.no-nav article#asap-admin-content {
    margin-left: 0;
    padding-left: 0;
}

body.not-found-404 article#asap-admin-content {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 60px 0 0 400px;
}

article#asap-admin-content.no-content-header {
    padding-top: 40px;
}

/* Main header */

h1#asap-admin-header-logo,
h1#asap-admin-header-logo a {
    height: 70px;
    left: 0;
    position: absolute;
    text-indent: -10000em;
    top: 0;
    width: 200px;
}

h1#asap-admin-header-logo {
    margin: 0;
}

    h1#asap-admin-header-logo a {
        /* background: url('../images/ico-logo.svg') 15% 50% no-repeat; */
        background: url('../images/ico-logo-4.png') 15% 50% no-repeat;
        background-size: 70%;
    }

#asap-admin-search-form {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 70px;
    left: 270px;
    min-width: 250px;
    padding: 18px 100px 0 0;
    position: absolute;
    right: 500px;
    top: 0;
}

    #asap-admin-search-form input[type=search],
    #asap-admin-search-form #asap-admin-search-suggestions,
    #asap-admin-search-form #asap-admin-search-menu-holder,
    #asap-admin-search-form button {
        vertical-align: top;
    }

    #asap-admin-search-form input[type=search] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        margin: 0;
        padding-right: 115px;
        width: 85%;
    }

        #asap-admin-search-form input[type=search]::-webkit-input-placeholder {
            color: #7287b0;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
        }

        #asap-admin-search-form input[type=search]:-moz-placeholder { /* Firefox 18- */
            color: #7287b0;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
        }

        #asap-admin-search-form input[type=search]::-moz-placeholder { /* Firefox 19+ */
            color: #7287b0;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
        }

        #asap-admin-search-form input[type=search]:-ms-input-placeholder {
            color: #7287b0;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
        }

    #asap-admin-search-form button[type=submit] {
        background: url('../images/ico-search_icon.svg') 50% 50% no-repeat;
        background-color: transparent;
        -webkit-background-size: 50%;
        background-size: 50%;
        border: none;
        display: inline-block;
        height: 34px;
        padding: 0;
        position: absolute;
        right: 185px;
        text-indent: -1000em;
        top: 17px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        width: 34px;
    }

        #asap-admin-search-form button[type=submit]:focus {
            outline: none;
        }

#asap-admin-search-menu-holder {
    display: inline-block;
    font-size: 14px;
    position: absolute;
    right: 220px;
    top: 28px;
}

#asap-admin-search-menu-chosen,
#asap-admin-search-advanced-trigger {
    background: url('../images/ico-arrow.svg') 100% 50% no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-background-size: 10px;
    background-size: 10px;
    box-sizing: border-box;
    display: block;
    font-size: 11px;
    font-weight: 400;
    padding: 0 15px 0 0;
    position: relative;
}

    #asap-admin-search-menu-chosen:hover,
    #asap-admin-search-advanced-trigger:hover {
        color: #00adee;
    }

#asap-admin-search-advanced-holder {
    display: none;
}

#asap-admin-search-advanced-trigger {
    background: url('../images/ico-advanced_search-2.svg') 0 50% no-repeat;
    display: inline-block;
    padding: 0 0 0 22px;
    position: absolute;
    right: 0;
    top: 28px;
}

#asap-admin-search-advanced-holder p.more {
    font-size: 11px;
    font-weight: 400;
    margin: 10px 0 5px;
    text-align: center;
}

    #asap-admin-search-advanced-holder p.more a {
        background: url('../images/ico-info.svg') 0 50% no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        display: inline-block;
        padding-left: 25px;
    }

nav#asap-admin-main-nav {
    display: table;
    height: 70px;
    position: absolute;
    right: 0;
}

    nav#asap-admin-main-nav ul {
        display: table-row;
    }

    nav#asap-admin-main-nav ul,
    nav#asap-admin-main-nav li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        nav#asap-admin-main-nav ul li {
            display: table-cell;
            height: 70px;
            vertical-align: middle;
        }

            nav#asap-admin-main-nav ul li li {
                display: block;
                height: auto;
            }

            nav#asap-admin-main-nav ul li#asap-admin-user {
                font-size: 14px;
                position: relative;
                white-space: nowrap;
            }

#asap-admin-user-menu-trigger {
    color: #434859;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 70px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 70px;
    padding: 0 75px 0 0;
    position: relative;
    text-align: right;
    text-decoration: none;
}

li#asap-admin-user:after,
li#asap-admin-help-holder:after,
li#asap-admin-quick-links-holder:after,
li#asap-admin-org-holder:after {
    background: #f1f2f3;
    content: '';
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}

li#asap-admin-user.active #asap-admin-user-menu-trigger {
    color: #abd713;
}

li#asap-admin-user a .welcome {
    color: #313b48;
    font-size: 11px;
    line-height: 1;
}

li#asap-admin-user a strong {
    color: #313b48;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
}

li#asap-admin-user .avatar {
    height: 36px;
    position: absolute;
    right: 35px;
    width: 36px;
}

    li#asap-admin-user .avatar img {
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        display: block;
        height: 36px;
        width: 36px;
    }

    li#asap-admin-user .avatar strong,
    #asap-admin-nav .notification,
    .tip {
        background: #e65252;
        border: 1px solid #fff;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        box-shadow: 2px 2px 3px rgba(0,0,0,.05);
        color: #fff;
        display: inline-block;
        font-size: 10px;
        font-style: normal !important;
        font-weight: 400;
        height: 11px;
        letter-spacing: -.5px;
        line-height: 10px;
        min-width: 11px;
        padding: 3px;
        position: absolute;
        text-align: center;
        right: -9px;
        top: 0;
    }

.tip {
    background-color: #6d6e70;
    font-weight: bold;
    left: auto;
    position: relative;
    right: auto;
    top: -.8em;
}

    .tip.clip {
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        box-sizing: border-box;
        cursor: pointer;
        height: 20px;
        margin: 0 0 0 10px;
        position: relative;
        right: 0;
        top: 0;
        vertical-align: -50%;
        width: 20px;
    }

        .tip.clip:after {
            box-sizing: border-box;
            color: #e65252;
            content: '\e85d';
            font: 18px 'Material Icons';
            height: 20px;
            left: 0;
            line-height: 20px;
            position: absolute;
            text-align: center;
            top: 0;
            width: 20px;
        }

.div-images {
    text-align: center;
}

.tip.square {
    border-radius: 0;
    box-shadow: none;
    font-size: 16px;
    font-weight: normal;
    margin: 25px 0 0;
    padding: 5px 10px;
    position: relative;
}

.tip.red {
    background-color: #e63512;
}

.tip.green {
    background-color: #00bf90;
}

.tip.big {
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    line-height: 15px;
    min-width: 15px;
    position: static;
}

.k-tooltip-content dl {
    border-bottom: 1px solid #eaeef1;
    font-size: 13px;
    margin: 10px;
    padding: 0 0 10px;
}

    .k-tooltip-content dl:last-of-type {
        border: 0;
        padding-bottom: 0;
    }

    .k-tooltip-content dl dd {
        margin: 0;
        padding: 0;
    }

        .k-tooltip-content dl dd p {
            margin: 0;
        }



li#asap-admin-user ul#asap-admin-user-menu,
ul#asap-admin-search-menu,
#asap-admin-help-menu,
#asap-admin-quick-links-menu,
#asap-admin-org-menu,
#asap-admin-switch-menu,
#asap-admin-search-suggestions,
#asap-admin-search-advanced-options,
#asap-admin-content dl.menu dd,
#asap-admin-header dl.menu dd,
#asap-admin-content .comboselect ul,
.a-combomenu dd.a-combomenu-content,
#asap-admin-content .a-combomenu dd.a-combomenu-content,
dl.combo-button dd {
    background: #fff !important;
    border: 1px solid #d2dee4;
    border-bottom-width: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.15);
    margin: 0;
    opacity: 0 !important;
    padding: 8px 0;
    position: absolute;
    right: 47px;
    top: 95%;
    transform: scaleY(.9) scaleX(.9);
    -webkit-transform-origin: 90% 0;
    -moz-transform-origin: 90% 0;
    -ms-transform-origin: 90% 0;
    -o-transform-origin: 90% 0;
    transform-origin: 90% 0;
    transition: all .15s ease-in !important;
    visibility: hidden;
}

.a-combomenu dd.a-combomenu-content,
#asap-admin-content .a-combomenu dd.a-combomenu-content {
    left: 0;
    /* min-width: 400px; */
    right: auto;
    -webkit-transform-origin: 10% 0;
    transform-origin: 10% 0;
    z-index: 2;
}

.a-combomenu dd.a-combomenu-content,
dl.combo-button dd {
    min-width: 100%;
}

#asap-admin-search-suggestions,
#asap-admin-search-advanced-options {
    left: 0;
    right: 100px;
    top: 55px;
    transform-origin: 50% 0;
}

    #asap-admin-search-suggestions ul,
    #asap-admin-content .comboselect ul {
        margin: 0;
        padding: 0;
    }

#asap-admin-content .comboselect ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    max-height: 300px;
    overflow-y: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 100%;
    z-index: 10;
}

    #asap-admin-search-suggestions li,
    #asap-admin-content .comboselect ul li {
        list-style-type: none;
    }

        #asap-admin-search-suggestions li a,
        #asap-admin-content .comboselect ul li a {
            color: #7287b0;
            display: block;
            font-size: 13px;
            font-weight: 400;
            padding: 12px 20px;
        }

        #asap-admin-content .comboselect ul li a {
            color: #313b48;
            padding-top: 8px;
            padding-bottom: 8px;
        }

        #asap-admin-search-suggestions li a strong {
            color: #313b48;
            transition: color .2s ease-in-out;
        }

        #asap-admin-search-suggestions li a:hover,
        #asap-admin-search-suggestions li a:active,
        #asap-admin-search-suggestions li a:hover *,
        #asap-admin-search-suggestions li a:active *,
        #asap-admin-content .comboselect li a:hover,
        #asap-admin-content .comboselect li a:active,
        #asap-admin-content .comboselect li a:hover *,
        #asap-admin-content .comboselect li a:active * {
            color: #00adee;
        }

#asap-admin-search-advanced-options {
    padding: 12px 20px;
}

    #asap-admin-search-advanced-options input:not([type=checkbox]):not([type=radio]):not([type=submit]) {
        display: block;
        width: 100%;
    }

ul#asap-admin-search-menu {
    border-color: #f1f2f3;
    border-top: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin-top: 10px;
    right: -20px !important;
    top: 100%;
    width: 250px;
}

    ul#asap-admin-search-menu li:first-child {
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        overflow: hidden;
    }

    ul#asap-admin-search-menu li:last-child {
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
        overflow: hidden;
    }

li#asap-admin-user ul#asap-admin-user-menu {
    right: 30px;
    top: 80%;
}

#asap-admin-help-menu,
#asap-admin-quick-links-menu,
#asap-admin-org-menu,
#asap-admin-switch-menu {
    min-width: 500%;
    padding-top: 5px;
    padding-bottom: 8px;
    right: 10px;
    top: 80%;
}

#asap-admin-org-menu {
    right: 6px;
    min-width: 200%;
}

#asap-admin-switch-menu {
    min-width: 700%;
}

.active #asap-admin-search-menu,
li#asap-admin-user.active ul#asap-admin-user-menu,
li.active #asap-admin-help-menu,
li.active #asap-admin-quick-links-menu,
li.active #asap-admin-org-menu,
li.active #asap-admin-switch-menu,
#asap-admin-search-suggestions.active,
.active #asap-admin-search-advanced-options,
#asap-admin-content dl.menu.active dd,
#asap-admin-header dl.menu.active dd,
#asap-admin-content .comboselect input:focus + ul,
.active .date-range-calendars,
.a-combomenu.active dd.a-combomenu-content,
#asap-admin-content .a-combomenu.active dd.a-combomenu-content,
dl.combo-button.active dd {
    opacity: 1 !important;
    transform: scaleY(1) scaleX(1) !important;
    visibility: visible !important;
}

#asap-admin-search-menu:before,
#asap-admin-search-menu:after,
li#asap-admin-user ul#asap-admin-user-menu:before,
li#asap-admin-user ul#asap-admin-user-menu:after,
#asap-admin-help-menu:before,
#asap-admin-help-menu:after,
#asap-admin-quick-links-menu:before,
#asap-admin-quick-links-menu:after,
#asap-admin-org-menu:before,
#asap-admin-org-menu:after,
#asap-admin-switch-menu:before,
#asap-admin-switch-menu:after {
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent;
    bottom: 100%;
    content: '';
    height: 0;
    position: absolute;
    right: 15px;
    width: 0;
    z-index: 10;
}

#asap-admin-search-menu:after,
li#asap-admin-user ul#asap-admin-user-menu:after,
#asap-admin-help-menu:after,
#asap-admin-quick-links-menu,
#asap-admin-org-menu:after,
#asap-admin-switch-menu:after {
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #d2dee4 transparent;
    right: 13px;
    z-index: 9;
}

#asap-admin-user-menu a,
#asap-admin-search-menu a {
    color: #7287b0;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding: 12px 20px;
    position: relative;
}

#asap-admin-user-menu a {
    background-position: 20px 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 15px;
    background-size: 15px;
    padding-left: 50px;
}

#asap-admin-user-menu .asap-admin-my-profile a {
    background-image: url('../images/ico-my_profile.svg');
}

    #asap-admin-user-menu .asap-admin-my-profile a:hover {
        background-image: url('../images/ico-my_profile-blue.svg');
    }

#asap-admin-user-menu .asap-admin-logout a {
    background-image: url('../images/ico-logout.svg');
}

    #asap-admin-user-menu .asap-admin-logout a:hover {
        background-image: url('../images/ico-logout-blue.svg');
    }

#asap-admin-user-menu a:hover,
#asap-admin-search-menu a:hover,
#asap-admin-help-menu dd a:hover,
#asap-admin-quick-links-menu dd a:hover,
#asap-admin-org-menu dd a:hover,
a#asap-admin-command-center:hover {
    color: #00adee;
}

nav#asap-admin-main-nav ul li#asap-admin-help-holder,
nav#asap-admin-main-nav ul li#asap-admin-quick-links-holder,
nav#asap-admin-main-nav ul li#asap-admin-org-holder,
nav#asap-admin-main-nav ul li#asap-admin-switch-holder,
nav#asap-admin-main-nav ul li#asap-admin-news-holder {
    padding: 0 25px;
    position: relative;
}

    nav#asap-admin-main-nav ul li#asap-admin-help-holder #asap-admin-help-menu-trigger,
    nav#asap-admin-main-nav ul li#asap-admin-help-holder #asap-admin-help-menu-trigger:after,
    nav#asap-admin-main-nav ul li#asap-admin-org-holder #asap-admin-org-menu-trigger,
    nav#asap-admin-main-nav ul li#asap-admin-org-holder #asap-admin-org-menu-trigger:after,
    nav#asap-admin-main-nav ul li#asap-admin-switch-holder #asap-admin-switch-menu-trigger,
    nav#asap-admin-main-nav ul li#asap-admin-switch-holder #asap-admin-switch-menu-trigger:after,
    nav#asap-admin-main-nav ul li#asap-admin-news-holder #asap-admin-news-menu-trigger,
    nav#asap-admin-main-nav ul li#asap-admin-news-holder #asap-admin-news-menu-trigger:after {
        height: 20px;
        line-height: 20px;
        width: 20px;
    }

    nav#asap-admin-main-nav ul li#asap-admin-help-holder #asap-admin-help-menu-trigger,    
    nav#asap-admin-main-nav ul li#asap-admin-org-holder #asap-admin-org-menu-trigger,
    nav#asap-admin-main-nav ul li#asap-admin-switch-holder #asap-admin-switch-menu-trigger,
    nav#asap-admin-main-nav ul li#asap-admin-news-holder #asap-admin-news-menu-trigger {
        display: block;
        position: relative;
        text-indent: -10000em;
    }
    
    nav#asap-admin-main-nav ul li#asap-admin-quick-links-holder #asap-admin-quick-links-menu-trigger {
        display: block;
        position: relative;        
    }

        nav#asap-admin-main-nav ul li#asap-admin-help-holder #asap-admin-help-menu-trigger:after,
        nav#asap-admin-main-nav ul li#asap-admin-quick-links-holder #asap-admin-quick-links-menu-trigger:after,
        nav#asap-admin-main-nav ul li#asap-admin-org-holder #asap-admin-org-menu-trigger:after,
        nav#asap-admin-main-nav ul li#asap-admin-switch-holder #asap-admin-switch-menu-trigger:after,
        nav#asap-admin-main-nav ul li#asap-admin-news-holder #asap-admin-news-menu-trigger:after {
            font-family: FontAwesome;
            font-size: 18px;
            left: 0;
            position: absolute;
            text-align: center;
            text-indent: 0;
            top: 0;
        }

    nav#asap-admin-main-nav ul li#asap-admin-help-holder #asap-admin-help-menu-trigger {
        /* background: url('../images/ico-support-2.svg') 50% 50% no-repeat; */
        background: url('../images/ico-help.svg') 50% 50% no-repeat;
    }

    nav#asap-admin-main-nav ul li#asap-admin-org-holder #asap-admin-org-menu-trigger {
        background: url('../images/ico-building-2.svg') 0 50% no-repeat;
        background-size: 14px, 10px 8px;
        color: #313b48;
        font-size: 12px;
        height: auto;
        line-height: 1;
        max-height: 50px;
        min-width: 150px;
        overflow: hidden;
        padding-left: 25px;
        text-indent: 0;
        text-overflow: ellipsis;
    }

    nav#asap-admin-main-nav ul li#asap-admin-switch-holder #asap-admin-switch-menu-trigger:after {
        color: #c2c5c7;
        content: '\f0ec';
    }

    nav#asap-admin-main-nav ul li#asap-admin-news-holder #asap-admin-news-menu-trigger {
        /* background: url('../images/ico-whats_new-2.svg') 50% 50% no-repeat; */
        background: url('../images/ico-notifications.svg') 50% 50% no-repeat;
    }

#asap-admin-org-menu #asap-admin-org-search-form,
.a-combomenu .search-form {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e9eef2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 5px 10px 10px 0;
}

    #asap-admin-org-menu #asap-admin-org-search-form .org-search-field,
    .a-combomenu .search-form .org-search-field {
        border: none;
        box-shadow: none;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 99%;
        flex: 1 1 99%;
        font-weight: 400;
    }

    #asap-admin-org-menu #asap-admin-org-search-form .org-search-button,
    .a-combomenu .search-form .org-search-button {
        background: #fff;
        border: none;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
        flex: 0 0 20px;
    }

        #asap-admin-org-menu #asap-admin-org-search-form .org-search-button .fa-search,
        .a-combomenu .search-form .org-search-button .fa-search {
            color: #cbcbcb;
            font-size: 18px;
        }

#asap-admin-org-menu .scroll,
.a-combomenu .scroll {
    max-height: 350px;
    overflow-y: auto;
}


#asap-admin-help-menu dl,
#asap-admin-quick-links-menu dl,
#asap-admin-org-menu dl,
.a-combomenu-content dl {
    margin: 0;
    padding: 0;
}

    .a-combomenu-content dl:not(:last-child) {
        margin-bottom: 10px;
    }

#asap-admin-help-menu dt,
#asap-admin-quick-links-menu dt,
#asap-admin-org-menu dt,
.a-combomenu-content dt,
#asap-admin-switch-menu label {
    border-top: 1px solid #e9eef2;
    font-size: 11px;
    font-weight: 400;
    margin: 0;
    padding: 19px 20px 16px;
    text-transform: uppercase;
}

#asap-admin-org-menu dt {
    display: none;
}

.a-combomenu-content dt {
    border-top: none;
    color: #313b48 !important;
    margin: 12px 0 16px;
    padding: 0 20px !important;
    transition: none !important;
}

    .a-combomenu-content dt.borders {
        border-bottom: 1px solid #d0d9df !important;
        border-top: 1px solid #d0d9df;
        margin-bottom: 4px;
        margin-top: 4px;
        padding-bottom: 8px !important;
        padding-top: 8px !important;
    }

.a-combomenu-content dd {
    transition: none !important;
}

#asap-admin-help-menu dl:first-of-type dt,
#asap-admin-quick-links-menu dl:first-of-type dt,
#asap-admin-org-menu dl:first-of-type dt,
.a-combomenu-content dl:first-of-type dt {
    border-top: none;
}

#asap-admin-help-menu dd,
#asap-admin-quick-links-menu dd,
#asap-admin-org-menu dd,
.a-combomenu-content dd {
    font-size: 12px;
    margin: 0;
    padding: 0 0 7px;
}

div#asap-admin-org-menu ul {
    padding: 10px 0;
}

#asap-admin-org-menu ul:not(:last-child) {
    border-bottom: 1px solid #e9eef2;
}


#asap-admin-help-menu dd ul,
#asap-admin-help-menu dd li,
#asap-admin-quick-links-menu dd ul,
#asap-admin-quick-links-menu dd li,
#asap-admin-org-menu ul,
#asap-admin-org-menu li,
.a-combomenu dd ul {
    display: block !important;
    margin: 0;
    padding: 0;
}

.a-combomenu dd ul {
    margin-top: 10px;
}

div#asap-admin-org-menu li a {
    background: url('../images/ico-building-2.svg') 25px 50% no-repeat;
    background-size: 10px 15px;
    color: #040404;
    font-size: 12px;
    padding: 6px 20px 6px 50px;
}

    div#asap-admin-org-menu li a:hover {
        color: #28abe2;
    }

.a-combomenu-content ul li {
    color: #3b4757;
    font-size: 14px;
    text-align: left;
}

    .a-combomenu-content ul li a {
        color: #3b4757;
        display: block;
        padding: 4px 20px 5px 20px !important;
        text-decoration: none !important;
        transition: background .2s ease;
    }

        .a-combomenu-content ul li a i {
            font-size: 14px;
            vertical-align: middle;
        }

        .a-combomenu-content ul li a:hover {
            background: #e8f5ff;
        }

.a-combomenu-content dd ul.checkboxes {
    margin-top: 0;
}

    .a-combomenu-content dd ul.checkboxes li {
        margin: 0;
        padding: 0;
    }

#asap-admin-org-menu dd li label.k-checkbox-label,
.a-combomenu-content dd li label.k-checkbox-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    min-height: 20px;
    padding-left: calc(25px + .5rem);
}

.a-combomenu-content dd ul.checkboxes li label.k-checkbox-label {
    color: #313b48;
    box-sizing: border-box;
    padding: 4px 20px 5px 53px;
    transition: background .2s ease;
    width: 100%;
}

.a-combomenu-content dd ul.checkboxes li input:checked + label.k-checkbox-label {
    background: #e1e6ee;
}

.a-combomenu-content dd ul.checkboxes li label.k-checkbox-label:hover {
    background: #e8f5ff !important;
}

.a-combomenu-content dd ul.checkboxes li label.k-checkbox-label:before,
.a-combomenu-content dd ul.checkboxes li label.k-checkbox-label:after {
    left: 20px;
    top: 4px;
}

.a-combomenu-content ul.people {
    margin: 0;
}

    .a-combomenu-content ul.people li {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .a-combomenu-content ul.people li:not(:last-child) {
            border-bottom: 1px solid #e0e2e5;
            padding-bottom: 8px;
        }

        .a-combomenu-content ul.people li:not(:first-child) {
            padding-top: 8px;
        }
        /* .a-combomenu-content ul.people li:hover {
	background-color: #f9f9fa;	
} */


        .a-combomenu-content ul.people li figure {
            margin: 0;
        }

            .a-combomenu-content ul.people li figure img.thumbnail {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 55px;
                flex: 0 0 55px;
                height: 55px !important;
                margin: 0 15px;
                width: 55px !important;
            }

        .a-combomenu-content ul.people li h5 {
            color: #313b48 !important;
            font-size: 15px !important;
            letter-spacing: normal !important;
            margin-bottom: 5px !important;
            text-transform: none !important;
        }

        .a-combomenu-content ul.people li .vcard {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            font-size: 13px;
            line-height: 1;
        }

            .a-combomenu-content ul.people li .vcard .id,
            .a-combomenu-content ul.people li .vcard .email,
            .a-combomenu-content ul.people li .vcard .tel,
            .a-combomenu-content ul.people li .vcard .birth,
            .a-combomenu-content ul.people li .vcard .adr {
                display: inline-block;
                font-size: 13px;
                height: auto;
                margin: 0 10px 3px 0 !important;
                padding: 0 !important;
                position: static;
                width: auto;
            }

                .a-combomenu-content ul.people li .vcard .id:before,
                .a-combomenu-content ul.people li .vcard .email:before,
                .a-combomenu-content ul.people li .vcard .tel:before,
                .a-combomenu-content ul.people li .vcard .birth:before,
                .a-combomenu-content ul.people li .vcard .adr:before {
                    color: #00adee;
                    font-family: 'Material Icons';
                    font-size: 14px;
                    margin-right: 5px;
                    vertical-align: -12%;
                }

                .a-combomenu-content ul.people li .vcard .id:before {
                    content: '\e851';
                }

                .a-combomenu-content ul.people li .vcard .email:before {
                    background: transparent;
                    content: '\e0be';
                    position: static;
                    transform: none;
                    width: auto;
                }

                .a-combomenu-content ul.people li .vcard .email:after {
                    display: none;
                }

                .a-combomenu-content ul.people li .vcard .tel:before {
                    content: '\e0b0';
                }

                .a-combomenu-content ul.people li .vcard .birth:before {
                    content: '\e7e9';
                }

                .a-combomenu-content ul.people li .vcard .adr:before {
                    content: '\e55f';
                    margin-right: 2px;
                }

        .a-combomenu-content ul.people li a:hover {
            background: transparent !important;
            color: #00adee !important;
        }



#asap-admin-help-menu dd a,
#asap-admin-quick-links-menu dd a,
#asap-admin-org-menu dd a,
.a-combomenu-content dd a {
    background-position: 20px 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 15px;
    background-size: 15px;
    color: #313b48;
    display: block;
    font-weight: 400;
    padding: 4px 20px 5px 50px;
    position: relative;
}

#asap-admin-help-menu dd a,
#asap-admin-quick-links-menu dd a,
#asap-admin-org-menu dd a,
.a-combomenu-content dd a,
nav#asap-admin-main-nav ul li#asap-admin-switch-holder #asap-admin-switch-menu-trigger:after,
nav#asap-admin-main-nav ul li#asap-admin-news-holder #asap-admin-news-menu-trigger:after {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#asap-admin-help-menu dd li.more a,
#asap-admin-quick-links-menu dd li.more a {
    background: url('../images/ico-arrow_right.svg') 100% 50% no-repeat;
    -webkit-background-size: 12px;
    background-size: 12px;
    color: #00adee;
    display: inline-block;
    padding: 8px 18px 5px 20px;
}

#asap-admin-help-menu dd li.doc a,
#asap-admin-quick-links-menu dd li.doc a {
    background-image: url('../images/ico-article_icon.svg');
}

    #asap-admin-help-menu dd li.doc a:hover,
    #asap-admin-quick-links-menu dd li.doc a:hover {
        background-image: url('../images/ico-article_icon-blue.svg');
    }

#asap-admin-help-menu dd li.video a,
#asap-admin-quick-links-menu dd li.video a {
    background-image: url('../images/ico-video_article_icon.svg');
}

    #asap-admin-help-menu dd li.video a:hover,
    #asap-admin-quick-links-menu dd li.video a:hover {
        background-image: url('../images/ico-video_article_icon-blue.svg');
    }

#asap-admin-help-menu .help-videos li,
#asap-admin-quick-links-menu .help-videos li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#asap-admin-help-menu .help-videos dl.menu,
#asap-admin-quick-links-menu .help-videos dl.menu {
    margin-right: 10px;
}

#asap-admin-help-menu .help-videos li.edit,
#asap-admin-quick-links-menu .help-videos li.edit {
    background: url('../images/bg-video-edit.png') 0 0 repeat;
}

#asap-admin-help-menu .help-videos li:hover dl.menu dt,
#asap-admin-quick-links-menu .help-videos li:hover dl.menu dt {
    opacity: 1 !important;
    visibility: visible !important;
}

#asap-admin-help-menu .help-videos dl.menu dt a,
#asap-admin-quick-links-menu .help-videos dl.menu dt a {
    padding: 0;
}

    #asap-admin-help-menu .help-videos dl.menu dt a:hover,
    #asap-admin-quick-links-menu .help-videos dl.menu dt a:hover {
        background-image: url(../images/ico-more.svg);
    }

#asap-admin-help-menu .help-videos dl.menu dd li
#asap-admin-quick-links-menu .help-videos dl.menu dd li {
    display: block !important;
}

#asap-admin-help-menu .help-videos dl.menu dd a,
#asap-admin-quick-links-menu .help-videos dl.menu dd a {
    background-image: none;
}

#asap-admin-help-menu .new-content form
#asap-admin-quick-links-menu .new-content form {
    padding: 0 20px;
}

#asap-admin-help-menu .new-content form fieldset:not(:last-child),
#asap-admin-quick-links-menu .new-content form fieldset:not(:last-child) {
    margin: 0 0 10px;
}

#asap-admin-help-menu .new-content .content-type label,
#asap-admin-quick-links-menu .new-content .content-type label {
    font-size: 12px;
    margin-right: 30px;
}

#asap-admin-help-menu .new-content .content-type input[type=radio],
#asap-admin-quick-links-menu .new-content .content-type input[type=radio] {
    margin-right: 6px;
}

#asap-admin-help-menu .new-content .content-type .fa,
#asap-admin-quick-links-menu .new-content .content-type .fa {
    color: #313b48;
    font-size: 12px;
    margin-right: 4px;
}

#asap-admin-help-menu .new-content .content-type *,
#asap-admin-quick-links-menu .new-content .content-type * {
    vertical-align: middle;
}

#asap-admin-help-menu .new-content .k-widget,
#asap-admin-help-menu .new-content .k-textbox,
#asap-admin-quick-links-menu .new-content .k-widget,
#asap-admin-quick-links-menu .new-content .k-textbox {
    margin: 0 0 4px;
    width: 100%;
}

#asap-admin-help-menu .new-content select,
#asap-admin-quick-links-menu .new-content select {
    background-color: #fff;
    border: 1px solid #e0e2e5;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.1);
    box-shadow: 0 0 2px rgba(0,0,0,.1);
    color: #495057;
    font-size: 14px;
    transition: color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;
    width: 100%;
}

    #asap-admin-help-menu .new-content select:focus,
    #asap-admin-quick-links-menu .new-content select:focus {
        border-color: #2ebc8b;
        box-shadow: 0 0 10px rgba(46,188,139,.5);
    }

#asap-admin-help-menu .new-content .form-submit,
#asap-admin-quick-links-menu .new-content .form-submit {
    border: none;
    padding-top: 0;
}

    #asap-admin-help-menu .new-content .form-submit .button,
    #asap-admin-quick-links-menu .new-content .form-submit .button {
        color: #fff;
        padding: 0 50px;
        text-align: center;
    }



#asap-admin-switch-menu form {
    padding: 12px 20px;
}

#asap-admin-switch-menu label {
    border: none;
    display: block;
    padding: 0;
}

#asap-admin-switch-menu input[disabled],
#asap-admin-switch-menu select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #41586e;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    width: 100%;
}

#asap-admin-switch-menu input[disabled] {
    -webkit-appearance: none;
    -moz-appearance: none;
    /* appearance: none; */
    background-color: transparent;
    border: none;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#asap-admin-switch-menu select {
    background: #e5e9ec;
    border: none;
    padding: 5px;
}

a#asap-admin-command-center,
p#asap-admin-served-by {
    font-size: 13px;
    padding: 12px 20px;
}

a#asap-admin-command-center {
    border-top: 1px solid #e9eef2;
    border-bottom: 1px solid #e9eef2;
    display: block;
}

    a#asap-admin-command-center:before {
        content: '\f20e';
        font-family: FontAwesome;
        display: inline-block;
        margin-right: 7px;
    }

p#asap-admin-served-by {
    font-style: italic;
    margin: 0;
    padding-bottom: 0;
    padding-top: 8px;
    text-align: right;
}

    p#asap-admin-served-by strong {
        color: #848484;
        font-weight: normal;
    }

#asap-admin-news-menu {
    background: #fff;
    border-left: 1px solid #e4eaed;
    bottom: 0;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.15);
    padding: 30px;
    position: fixed;
    right: -40%;
    top: 70px;
    -webkit-transition: right .2s ease-in-out;
    transition: right .2s ease-in-out;
    width: 30%;
}

li.active #asap-admin-news-menu {
    right: 0;
}

#asap-admin-news-menu h2 {
    border-bottom: 1px solid #eaeef1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #313b48;
    font-size: 18px;
    font-weight: normal;
    height: 48px;
    line-height: normal;
    margin: 0;
    overflow: hidden;
    padding: 0 0 25px;
}

#asap-admin-news-menu h3 {
    border-bottom: 1px solid #e9eef2;
    color: #4d4d4d;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    padding: 3px 20px;
    margin: 0;
}

#asap-admin-news-holder #asap-admin-news-menu nav {
    font-size: 11px;
    line-height: normal;
    position: absolute;
    right: 30px;
    top: 33px;
}

    #asap-admin-news-holder #asap-admin-news-menu nav li {
        display: inline-block;
    }

    #asap-admin-news-holder #asap-admin-news-menu nav a {
        display: block;
        font-size: 12px;
        font-weight: 400;
        height: 14px;
        line-height: 14px;
        padding: 0 15px;
        position: relative;
    }

    #asap-admin-news-holder #asap-admin-news-menu nav li:first-of-type a {
        background: url('../images/ico-new_post.svg') 0 50% no-repeat;
        -webkit-background-size: 15px;
        background-size: 15px;
        padding-left: 30px;
    }

    #asap-admin-news-holder #asap-admin-news-menu nav li:last-of-type a {
        background: url('../images/ico-close.svg') 50% 50% no-repeat;
        -webkit-background-size: 15px;
        background-size: 15px;
        padding-left: 10px;
        padding-right: 10px;
        text-indent: -10000em;
        width: 14px;
    }

        #asap-admin-news-holder #asap-admin-news-menu nav li:last-of-type a:hover {
            background-image: url('../images/ico-close-blue.svg');
        }

#asap-admin-news-articles {
    bottom: 30px;
    left: 30px;
    overflow: auto;
    position: absolute;
    right: 30px;
    top: 78px;
}

    #asap-admin-news-articles article {
        border-bottom: 1px solid #e9eef2;
        padding: 20px 0;
    }

        #asap-admin-news-articles article:last-of-type {
            border: 0;
        }

        #asap-admin-news-articles article time {
            font-size: 11px;
            font-weight: 400;
            letter-spacing: .5px;
            text-transform: uppercase;
        }

        #asap-admin-news-articles article h4 {
            color: #313b48;
            font-size: 16px;
            font-weight: bold;
            line-height: normal;
            margin: 0 0 10px;
        }

        #asap-admin-news-articles article div {
            font-size: 14px;
        }

            #asap-admin-news-articles article div *:not(div) {
                margin-bottom: 1em;
            }

        #asap-admin-news-articles article .asap-admin-news-article-more + a {
            background: url('../images/ico-add-blue.svg') 0 50% no-repeat;
            -webkit-background-size: 8px;
            background-size: 8px;
            font-size: 13px;
            font-weight: 400;
            margin-bottom: 0;
            padding-left: 20px;
            text-transform: capitalize;
        }
            /* #asap-admin-news-articles article .asap-admin-news-article-more + a.less {
} */
            #asap-admin-news-holder #asap-admin-news-menu nav li:first-of-type a:hover,
            #asap-admin-news-articles article .asap-admin-news-article-more + a:hover {
                color: #00adee;
            }


/* Main left nav */

nav#asap-admin-nav {
    background: #f0f3f8;
    bottom: 0;
    position: fixed;
    top: 70px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    white-space: nowrap;
    width: 65px;
    z-index: 200;
}

    nav#asap-admin-nav.active {
        width: 250px;
    }

        nav#asap-admin-nav.active + article#asap-admin-content {
            margin-left: 250px;
        }

#asap-admin-nav-toggler {
    background: url('../images/ico-expand.svg') 20px 54% no-repeat;
    -webkit-background-size: 15px;
    background-size: 15px;
    border-top: 1px solid #d0d9df;
    bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #2f7d9c;
    display: block;
    font-size: 0;
    font-weight: 400;
    height: 76px;
    left: 10px;
    padding: 30px 0 30px 50px;
    position: absolute;
}

.active #asap-admin-nav-toggler {
    background-image: url('../images/ico-collapse.svg');
    font-size: 14px;
    left: 10px;
    right: 0;
}

nav#asap-admin-nav h2 {
    display: none;
}

nav#asap-admin-nav ul,
nav#asap-admin-nav li {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav#asap-admin-nav li {
    margin-bottom: 3px;
    position: relative;
}

    nav#asap-admin-nav li:first-child {
        margin-top: 10px;
    }

nav#asap-admin-nav #asap-admin-nav-ul {
    max-height: 100%;
    position: absolute;
    left: 10px;
    right: 0;
    top: 15px;
    bottom: 74px;
}

    nav#asap-admin-nav #asap-admin-nav-ul.overflow {
        overflow-y: auto;
        overflow-x: hidden;
    }

    nav#asap-admin-nav #asap-admin-nav-ul ul {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-height: 0;
        overflow: hidden;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -ms-transition: all .35s;
        -o-transition: all .35s;
        transition: all .35s;
    }

    nav#asap-admin-nav #asap-admin-nav-ul li.active > ul {
        max-height: 1440px;
        padding-bottom: 10px;
    }

nav#asap-admin-nav ul li.space-before {
    border-top: 1px solid #e4e9ec;
    margin-top: 10px;
    padding-top: 10px;
}

nav#asap-admin-nav ul li a {
    background-position: 14px 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #313b48;
    display: block;
    font-size: 14px;
    font-weight: 400;
    min-height: 16px;
    padding: 10px 40px 10px 45px;
    position: relative;
    text-decoration: none;
    transition-property: all;
    /* https://forum.webflow.com/t/a-fix-for-when-your-elements-move-up-and-or-blur-during-animations-interactions-on-chrome/11629 */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
}

nav#asap-admin-nav:not(.active) ul li a {
    color: transparent;
    padding-right: 10px;
    text-indent: -10000em;
    vertical-align: middle;
}

nav#asap-admin-nav ul li a .notification {
    border: none;
    margin-left: 25px;
    position: static;
}

nav#asap-admin-nav:not(.active) ul li a .notification {
    left: 0;
    margin-left: 0;
    position: absolute;
    right: auto;
    text-indent: 0;
    top: 0;
}

nav#asap-admin-nav #asap-admin-nav-ul ul li {
    border: none;
}

    nav#asap-admin-nav #asap-admin-nav-ul ul li a {
        background: transparent !important;
        box-shadow: none !important;
        color: #7287b0;
        font-size: 13px;
        padding-top: 8px;
        padding-bottom: 5px;
    }

        nav#asap-admin-nav #asap-admin-nav-ul ul li a:hover {
            background-color: transparent;
            box-shadow: none;
            color: #00adee;
            padding-left: 45px;
        }

nav#asap-admin-nav ul li a:hover,
nav#asap-admin-nav #asap-admin-nav-ul li.active a {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.08);
    color: #313b48;
}

nav#asap-admin-nav #asap-admin-nav-ul li.active .active a {
    color: #00adee;
}

nav#asap-admin-nav ul li a:hover {
    background-color: #fbfbfb;
    box-shadow: none;
}

nav#asap-admin-nav.active ul li a:hover {
    background-position: 24px 50%;
    padding-left: 55px;
}

nav#asap-admin-nav ul li.asap-admin-folder,
nav#asap-admin-nav ul li.asap-admin-page {
    margin-top: 0;
}

    nav#asap-admin-nav ul li.asap-admin-folder > a,
    nav#asap-admin-nav ul li.asap-admin-page > a {
        padding-bottom: 12px !important;
        padding-top: 12px !important;
        padding-left: 45px;
        position: relative;
    }

        nav#asap-admin-nav ul li.asap-admin-folder.has-children > a:before,
        nav#asap-admin-nav ul li.asap-admin-folder > a:after,
        nav#asap-admin-nav ul li.asap-admin-page > a:after {
            color: #313b48;
            content: '\f07b';
            font-family: FontAwesome;
            font-size: 20px;
            height: 30px;
            line-height: 30px;
            left: 11px;
            position: absolute;
            text-align: center;
            text-indent: 0;
            top: 6px;
            width: 30px;
        }

        nav#asap-admin-nav ul li.asap-admin-page > a:after {
            content: '\f016';
        }

    nav#asap-admin-nav ul li.asap-admin-folder.has-children > a:before {
        content: '\f0da';
        font-size: 15px;
        left: -4px;
    }

    nav#asap-admin-nav ul li.asap-admin-folder.active > a:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    nav#asap-admin-nav ul li.asap-admin-folder li {
        padding-left: 24px;
    }

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-register {
    margin-bottom: 20px;
    text-align: center;
}

    nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-register a,
    nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-new-folder a {
        background-color: #00adee;
        background-image: url('../images/ico-register_icon.svg');
        background-size: 18px;
        box-shadow: 0 0 10px rgba(0,0,0,.08);
        color: #fff;
    }
/* nav#asap-admin-nav #asap-admin-nav-ul li a[data-tooltip]:before,
nav#asap-admin-nav #asap-admin-nav-ul li a[data-tooltip]:after {
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transform-origin: 0 50%;
	transition: all .2s ease;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
	transform: translateZ(0);
}
nav#asap-admin-nav #asap-admin-nav-ul li a[data-tooltip]:before {
	border-color: transparent #313b48  transparent transparent;
	border-style: solid;
	border-width: 4.5px 5px 4.5px 0;
	content: '';
	height: 0;
	left: 100%;
	width: 0;
}
nav#asap-admin-nav #asap-admin-nav-ul li a[data-tooltip]:after {
	background: #313b48 ;
	border-radius: 5px;
	color: white;
	content: attr(data-tooltip);
	font-size: 12px;
	left: 100%;
	line-height: 1em;
	margin-left: 5px;
	padding: 5px 8px;
	text-indent: 0;
	transform: scaleX(.8) translateY(-50%);
	z-index: 99999;
}
nav#asap-admin-nav #asap-admin-nav-ul li a[data-tooltip]:hover:before,
nav#asap-admin-nav #asap-admin-nav-ul li a[data-tooltip]:hover:after {
	opacity: 1;
	visibility: visible;
}
nav#asap-admin-nav #asap-admin-nav-ul li a[data-tooltip]:hover:after {
	transform: scaleX(1) translateY(-50%);
} */
nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-students a,
nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-enrollments a {
    /* background-image: url('../images/ico-students.svg'); */
    background-image: url('../images/ico-students-3.svg');
    background-position: 16px 50%;
    background-size: 16px;
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-companies a {
    /* background-image: url('../images/ico-companies.svg'); */
    background-image: url('../images/ico-companies-2.svg');
}
/* this is used only by \projects\custom-forms-test-app in the A4 Angular Frontend */
nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-after-school a {
    background-image: url('../images/ico-after-school-programs.svg');
}
/* this for the main menu in the A4 Angular Frontend */
nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-afterschoolprograms a {
    background-image: url('../images/ico-after-school-programs-2.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-conferences a {
    background-image: url('../images/ico-conferences.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-bundles a {
    background-image: url('../images/ico-bundles.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-individuals a {
    background-image: url('../images/ico-individuals.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-staff a {
    /* background-image: url('../images/ico-staff-2.svg'); */
    background-image: url('../images/ico-staff-3.svg');
    background-position: 16px 50%;
    background-size: 16px;
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-classes a {
    background-image: url('../images/ico-classes-2.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-group-classes a {
    background-image: url('../images/ico-group-classes.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-credit-programs a {
    background-image: url('../images/ico-credit-programs.svg');
    background-size: 18px;
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-courses a {
    background-image: url('../images/ico-courses.svg');
    background-size: 22px;
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-child-care a {
    background-image: url('../images/ico-child-care.svg');
    background-size: 22px;
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-memberships a {
    /* background-image: url('../images/ico-memberships.svg'); */
    background-image: url('../images/ico-memberships-2.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-invoices a {
    background-image: url('../images/ico-invoices.svg');
    background-size: 16px;
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-events a {
    /* background-image: url('../images/ico-events.svg'); */
    background-image: url('../images/ico-events-2.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-events.active a {
    background-image: url('../images/ico-events-2.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-fundraising a {
    /* background-image: url('../images/ico-fundraising.svg'); */
    background-image: url('../images/ico-fundraising-2.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-reservations a {
    background-image: url('../images/ico-reservations.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-fundraising.active a {
    background-image: url('../images/ico-fundraising-2.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-lessons a {
    background-image: url('../images/ico-lessons.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-private-lessons a {
    background-image: url('../images/ico-private-lessons.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-lessons.active a {
    background-image: url('../images/ico-lessons-blue.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-products a {
    /* background-image: url('../images/ico-products-2.svg'); */
    background-image: url('../images/ico-products-3.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-summer-camps a {
    background-image: url('../images/ico-summer-camps.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-tools a {
    /* background-image: url('../images/ico-tools-2.svg'); */
    background-image: url('../images/ico-tools-3.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-reporting a {
    /* background-image: url('../images/ico-reporting-2.svg'); */
    background-image: url('../images/ico-reporting-3.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-set-up a {
    /* background-image: url('../images/ico-setup-2.svg'); */
    background-image: url('../images/ico-setup-3.svg');
}

nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-forms a {
    background-image: url('../images/ico-forms.svg');
}

/* Content area */

#asap-admin-content *:last-child {
    margin-bottom: 0 !important;
}

#asap-admin-content .empty {
    align-items: center;
    color: #203152;
    display: flex;
    font-size: 24px;
    justify-content: center;
    min-height: 500px;
    text-align: center;
}

    #asap-admin-content .empty img {
        display: block;
        margin: 0 auto 40px;
    }

    #asap-admin-content .empty p {
        color: #203152;
        font-size: 24px;
        margin: 0;
    }

    #asap-admin-content .empty strong,
    #asap-admin-content .empty a {
        color: #00adee;
    }

        #asap-admin-content .empty a.small {
            font-size: 14px;
            font-weight: 400;
        }

.ib {
    display: inline-block;
}


.col-wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .col-wrapper.rows {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .col-wrapper.align-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .col-wrapper.align-bottom {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .col-wrapper.align-middle {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .col-wrapper.justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .col-wrapper.justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .col-wrapper.small-margin {
        margin-bottom: 10px !important;
    }

    .col-wrapper.medium-margin {
        margin-bottom: 20px !important;
    }

    .col-wrapper.big-margin {
        margin-bottom: 40px !important;
    }

    .col-wrapper.margin-top {
        margin-top: 30px;
    }

    .col-wrapper.small-margin-top {
        margin-top: 15px;
    }

#asap-admin-content form .row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

.col-wrapper .nine-tenths {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 90%;
    flex: 1 1 90%;
    margin-bottom: 0 !important;
}

.col-wrapper .five-sixths {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 83%;
    flex: 1 1 83%;
    margin-bottom: 0 !important;
}

.col-wrapper .four-fifths {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%;
    margin-bottom: 0 !important;
}

.col-wrapper .four-fifths {
    width: 20%;
    /* width: 70%; */
}

.col-wrapper .three-fourths {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    margin-bottom: 0 !important;
}

.col-wrapper .two-thirds {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 66%;
    flex: 1 1 66%;
    margin-bottom: 0 !important;
}

.col-wrapper .half {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    margin-bottom: 0 !important;
}

.col-wrapper .one-third {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 32%;
    flex: 1 1 32%;
    margin-bottom: 0 !important;
}

.col-wrapper .one-fourth {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    margin-bottom: 0 !important;
}

.col-wrapper .one-fifth {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    margin-bottom: 0 !important;
}

.col-wrapper .one-sixth {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 16%;
    flex: 1 1 16%;
    margin-bottom: 0 !important;
}

.col-wrapper .one-tenth {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    margin-bottom: 0 !important;
}

.col-wrapper .one-fourteenth {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 7%;
    flex: 1 1 7%;
    margin-bottom: 0 !important;
}

.col-wrapper .one-fiftieth {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 2%;
    flex: 1 1 2%;
    margin-bottom: 0 !important;
}

.col-wrapper .width-120 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    margin-bottom: 0 !important;
}

.col-wrapper .width-300 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    margin-bottom: 0 !important;
}

.col-wrapper > *:not(:last-child) {
    margin-right: 25px !important;
}

    .col-wrapper > *:not(:last-child).small-margin {
        margin-right: 10px;
    }

.col-wrapper.rows > *:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
}

.col-wrapper .no-grow {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

/* Content Wrappers */

#asap-admin-content .asap-admin-content-inner {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 2px rgba(0,0,0,.05);
    margin: 0 0 20px;
    padding: 30px;
}

#asap-admin-content asap-editable-panel:not(:last-child) > .asap-admin-content-inner,
#asap-admin-content asap-editable-grid:not(:last-child) > .asap-admin-content-inner {
    margin-bottom: 20px !important;
}

#asap-admin-content .asap-admin-content-inner.relative {
    position: relative;
}

#asap-admin-content .asap-admin-content-inner.print {
    padding: 125px;
}

    #asap-admin-content .asap-admin-content-inner.print * {
        color: #000;
    }

#asap-admin-content .asap-admin-content-inner:not(:first-of-type),
#asap-admin-content .asap-admin-content-inner.margin-top {
    margin-top: 20px;
}

#asap-admin-content .asap-admin-content-inner > *:first-child {
    margin-top: 0;
    padding-top: 0;
}

#asap-admin-content .asap-admin-content-inner > *:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

#asap-admin-content .asap-admin-content-inner.less-padding {
    padding: 18px;
}

#asap-admin-content .asap-admin-content-inner.big-top-padding {
    padding: 80px 20px 12px;
}

.blue-wrapper {
    background: #ecf6ff;
    padding: 20px 24px;
}

.grey-panel {
    background: #f7f9fb;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 15px;
    position: relative;
    /* width: 70%; */
}

    .grey-panel a.delete-panel {
        background: #e65252;
        border-radius: 100%;
        height: 20px;
        position: absolute;
        right: -10px;
        text-indent: -10000em;
        top: -10px;
        width: 20px;
    }

        .grey-panel a.delete-panel:after {
            color: #fff;
            content: '\e5cd';
            display: block;
            font-family: 'Material Icons';
            height: 20px;
            left: 0;
            line-height: 20px;
            position: absolute;
            text-align: center;
            text-indent: 0;
            top: 0;
            width: 20px;
        }

.edit-mode-container {
    border: 10px solid transparent;
    border-image-slice: 10 10 10 10;
    border-image-width: 10px 10px 10px 10px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: repeat repeat;
    border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVBRjQwQkFFMTBCNzExRTg4QjZBOTY1OEM0QzJFRDY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVBRjQwQkFGMTBCNzExRTg4QjZBOTY1OEM0QzJFRDY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUFGNDBCQUMxMEI3MTFFODhCNkE5NjU4QzRDMkVENjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUFGNDBCQUQxMEI3MTFFODhCNkE5NjU4QzRDMkVENjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7LYJvNAAACYUlEQVR42uzdvUrDUBjG8XOObYY2ggVBXAW9AD+gg6B09QNdHLwDN10FJ8FNt3oJruJgF6EoOBSUOgoK7qXq0CZd0rSeIC4W69GkaYb/A4XGJyicF5v3N1UKIWTwKleeVqVUe1LKeX1tK6WEbdvCcRzR6XTE99BH0jvNZvPe99snhfzMpf5xNxiGKleeD/UN+99/meu6wvf9H/8YfXS9HtpRIT99IK9uH9fTlnXBYQ2/9zxvQ6XS6T0OIxm9ZVm7Kf3MmOMzPTH9nNLvR4OLbDbb92b6WPpgFp8Xwb9Rv5vp4+kVh5GsXvW7+esBRB9frziMZPUp09VsaWFK9GZc9A/9V27uXsxW47/sySRcTJySMt2TSTTD+M0pynRPJuFi6hRjh5BwidwhJFwG7hAS3QM+tEPIYIbRs/ay+iZg9WUYOASH4BAcQnAIDiE4BIdwejgEh+AQHIJDcAgOITgEhxAcgkMIDsEhOASH4BAcgkMIDsEhBIfgEIJDcAgOwSE4BIfgEIJDcAjBITiE4BAcgkNwCA94HIJDCA7BIQSH4BCCQ3AIqy8OYRg4BIcQHIJDCA7BIQSH4BCGgUNYfXEIDmEYOASHEByCQwgOwSGsvjiEYeAQHIJDcAgOITgEh5DBOcT4+9SNvw+cPlzPYSSrN3YIfTy9sUPo4+mNHUIfT68ymYzDYSSj73a7rmo0Gg//WX3po+/1g76qXuu1IoeRjP79rV5UW2uLJddpHrN6DrcPZhDMQur3tn6NnJ1fr0xMTO6M5XKzrVYrw2ENvtfPjFbb86r1eu10e3O5FHxqfQgwADHpyIHIbnojAAAAAElFTkSuQmCC");
    padding-top: 60px !important;
    position: relative;
}

    .edit-mode-container:before {
        background: url('../images/edit-mode-label-bg.png') 0 0 repeat;
        border-radius: 0 0 5px 5px;
        color: #fff;
        content: 'Edit Mode';
        font-size: 11px;
        font-weight: bold;
        left: 30px;
        padding: 8px 12px;
        position: absolute;
        text-transform: uppercase;
        top: 0;
    }

/* Headers */

#asap-admin-content .content-header,
#asap-admin-content .content-header .options {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#asap-admin-content .content-header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(240,243,248,1)), color-stop(0.89, rgba(240,243,248,1)), color-stop(0.9, rgba(240,243,248,1)), to(rgba(240,243,248,0)));
    background: -webkit-linear-gradient(rgba(240,243,248,1) 0%, rgba(240,243,248,1) 89%, rgba(240,243,248,1) 90%, rgba(240,243,248,1) 100%);
    background: -moz-linear-gradient(rgba(240,243,248,1) 0%, rgba(240,243,248,1) 89%, rgba(240,243,248,1) 90%, rgba(240,243,248,1) 100%);
    background: -o-linear-gradient(rgba(240,243,248,1) 0%, rgba(240,243,248,1) 89%, rgba(240,243,248,1) 90%, rgba(240,243,248,1) 100%);
    background: linear-gradient(rgba(240,243,248,1) 0%, rgba(240,243,248,1) 89%, rgba(240,243,248,1) 90%, rgba(240,243,248,1) 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 73px;
    left: 85px;
    padding: 25px 10px 20px 0;
    position: fixed;
    right: 0;
    top: 70px;
    transition: all .2s ease-in-out;
    z-index: 999;
}

    #asap-admin-content .content-header.border:before {
        background: #d8dfe1;
        bottom: 10px;
        content: '';
        height: 1px;
        left: 5px;
        position: absolute;
        width: calc( 100% - 15px );
    }

    #asap-admin-content .content-header.border:after {
        background: #00adee;
        bottom: 8px;
        content: '';
        height: 5px;
        left: 5px;
        position: absolute;
        width: 30px;
    }

#asap-admin-nav.active + #asap-admin-content header.content-header {
    left: 270px;
}

#asap-admin-content h2,
#asap-admin-content h3,
.k-content h3,
.k-content .listing-edit h3,
#asap-admin-content h4,
#asap-admin-content h5,
#asap-admin-content h6 {
    line-height: 1.2;
    margin: 0 0 .8em;
    padding: 0;
}

#asap-admin-content .content-header h2,
#asap-admin-content .content-header h3,
#asap-admin-content .content-header h4,
#asap-admin-content .content-header h5,
#asap-admin-content .content-header h6 {
    margin-bottom: 0;
}

#asap-admin-content .content-header h2 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

#asap-admin-content .content-header h3 {
    color: #313b48;
    font-size: 11px;
    text-transform: uppercase;
    margin: 3px 0 0 !important;
}

#asap-admin-content h2 {
    color: #313b48;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
}

body.not-found-404 article#asap-admin-content h2 {
    color: #fff;
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 700;
}

#asap-admin-content .print h2 {
    font-weight: normal;
}

#asap-admin-content h3,
.k-content h3 {
    color: #313b48;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 1.2em;
}

    #asap-admin-content h3:not(:first-child),
    .k-content h3:not(:first-child) {
        margin-top: 3em;
    }

    #asap-admin-content h3.small,
    .k-content h3.small {
        font-size: 15px;
    }

#asap-admin-content h4 {
    color: #313b48;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: normal;
    margin-bottom: 1.4em;
    margin-top: .2em;
}

    #asap-admin-content h4.grey {
        color: #313b48;
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 1em;
        margin-top: .2em;
    }

    #asap-admin-content h4.bold {
        font-size: 18px;
        font-weight: 700;
    }

    #asap-admin-content h4:not(:first-child) {
        margin-top: 1em;
    }

#asap-admin-content .print h4 {
    font-weight: bold;
    margin-top: 2em;
}

#asap-admin-content h5 {
    color: #313b48;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .5px;
    text-transform: uppercase;
}

/* Footers */

.asap-admin-content-footer {
    color: #313b48;
    font-size: .8125rem;
    margin: 20px 0 0;
    text-align: center;
}

    .asap-admin-content-footer a {
        vertical-align: middle;
    }

/* Page options */

#asap-admin-content .content-header .options {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    #asap-admin-content .content-header .options .context {
        border-right: 1px solid #dee1e6;
        height: 35px;
        margin: 0 30px 0 0;
        padding: 0 30px 0 0;
    }

    #asap-admin-content .content-header .options > :last-child {
        border: none;
        margin: 0;
        padding: 0;
    }

#asap-admin-content .icon-options li dl.menu dt a {
    transform: rotate(-90deg);
}
/* #asap-admin-content .content-header .options .context dd {
	min-width: 200px;
} */
#asap-admin-content .content-header .options .context dd li a {
    padding-left: 18px;
}

#asap-admin-content .content-header .options .filters dl.filters-menu,
#asap-admin-content .content-header .options .filters dd.filters-content {
    margin: 0;
    padding: 0;
}

#asap-admin-content .content-header .options .filters dd.filters-content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 10px;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 70px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    visibility: hidden;
}

.filters-open #asap-admin-content .content-header .options .filters dd.filters-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    visibility: visible;
}

#asap-admin-content .content-header .options .filters dd.filters-content h3 {
    color: #203152;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-right: 20px;
}

    #asap-admin-content .content-header .options .filters dd.filters-content h3 em {
        font-style: normal;
        font-weight: bold;
    }

    #asap-admin-content .content-header .options .filters dd.filters-content h3 strong {
        color: #00adee;
        display: block;
        font-size: 40px;
        font-weight: 400;
    }

#asap-admin-content .content-header .options .filters dd.filters-content .filters-elements {
    font-size: 0;
}

    #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements .a-combomenu.active dd.a-combomenu-content {
        min-width: 350px;
    }
    /* #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements > *[class*='el-'] {
	margin-right: 10px;
	margin-bottom: 10px;
	vertical-align: top;
	width: 300px;
} */
    #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements form > *.k-widget {
        margin-right: 10px;
        margin-bottom: 10px;
        vertical-align: top;
        width: 300px;
    }

    #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements .a-combomenu {
        margin-bottom: 10px;
        margin-right: 10px;
        vertical-align: top;
    }

    #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements select:nth-child(3n) {
        margin-right: 0;
    }

    #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements .k-content,
    #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements .k-widget,
    #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements .k-searchbar,
    #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements .k-textbox {
        /* display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	vertical-align: top;
	width: 300px !important; */
    }

    #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements .k-multiselect .k-searchbar,
    #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements .k-autocomplete .k-searchbar,
    #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements .k-combobox .k-searchbar {
        display: flex;
        margin-right: 0;
        margin-bottom: 0;
        vertical-align: baseline;
        width: auto !important;
    }

    #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements .k-widget.k-multiselect {
        min-width: 300px;
        width: auto !important;
    }

#asap-admin-content nav.pagination ul {
    margin: 0;
    padding: 0;
}

#asap-admin-content nav.pagination li {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    list-style-type: none;
    text-transform: uppercase;
    vertical-align: middle;
}

    #asap-admin-content nav.pagination li:not(.prev):not(.next) a,
    #asap-admin-content nav.pagination li strong {
        color: #7287b0;
        display: inline-block;
    }

    #asap-admin-content nav.pagination li strong {
        color: #313b48;
        font-weight: 700;
    }

    #asap-admin-content nav.pagination li.prev,
    #asap-admin-content nav.pagination li.next {
        font-weight: 400;
        margin: 0 5px 0 0;
    }

    #asap-admin-content nav.pagination li.next {
        margin: 0 0 0 5px;
    }

#asap-admin-content .right nav.pagination li.prev,
#asap-admin-content .right nav.pagination li.next {
    font-size: 0;
    text-indent: 0;
}

/* Listings edit options */

.listing-edit {
    margin: 0 0 30px;
}

    .listing-edit.no-margin {
        margin-bottom: 0;
    }

    .listing-edit.small-margin {
        margin-bottom: 10px;
    }

    .listing-edit.margin-top {
        margin-top: 15px;
    }

    .listing-edit.negative-margin-top {
        margin-top: -25px;
    }

    .listing-edit.negative-margin-bottom {
        margin-bottom: -35px;
    }

    .listing-edit.border-bottom {
        border-bottom: 2px solid #f3f6f7;
    }

        .listing-edit.border-bottom.padding {
            padding-bottom: 10px;
        }

#asap-admin-content .listing-edit h3,
.k-content .listing-edit h3 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 35px;
    margin: 0;
}

.listing-edit .fields {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .listing-edit .fields.justify {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .listing-edit .fields.v-middle {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .listing-edit .fields.v-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .listing-edit .fields.center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .listing-edit .fields.right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

.listing-edit fieldset {
    margin-bottom: 10px;
}

.listing-edit legend {
    font-size: 14px;
    padding: 5px 20px 0;
}

.listing-edit input:not(.el-input__inner):not(.k-input):not(.k-textbox):not(.k-checkbox) {
    display: block;
    min-width: 270px;
    width: 100%;
}

.listing-edit a.search {
    background: url('../images/ico-search_icon.svg') 50% 50% no-repeat;
    display: inline-block;
    height: 16px;
    text-indent: -10000em;
    width: 16px;
}

.listing-edit a.columns,
.listing-edit a.add,
.listing-edit a.excel,
#asap-admin-content .content-header .options .excel,
#asap-admin-content .content-header .options .add,
.listing-edit a.edit,
#asap-admin-content .content-header .options .edit,
.listing-edit a.delete,
.listing-edit a.print,
#asap-admin-content .content-header .options .print,
.listing-edit a.email,
#asap-admin-content .content-header .options .views,
#asap-admin-content .content-header .options .email,
.listing-edit a.filters,
.listing-edit a.save,
.listing-edit a.cancel,
.listing-edit a.sheet,
.listing-edit a.members,
.listing-edit .status,
.listing-edit .visibility,
#asap-admin-content .content-header .options .filters dt.filters-trigger a,
#asap-admin-content dl.menu dt a,
#asap-admin-header dl.menu dt a,
#asap-admin-content nav.pagination li.prev a,
#asap-admin-content nav.pagination li.next a,
.listing-edit #hidden-search .search-trigger {
    display: inline-block;
    font-size: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
    height: 35px;
    position: relative;
    font-size: 0;
    vertical-align: top;
    width: 35px;
}

.listing-edit #hidden-search {
    background: transparent;
}

    .listing-edit #hidden-search.visible {
        background: #fff;
    }

    .listing-edit #hidden-search .search-trigger {
        left: 0;
        position: absolute;
        top: 0;
    }
        /* #asap-admin-content .content-header .options .add,
#asap-admin-content .content-header .options .edit,
#asap-admin-content .content-header .options .print,
#asap-admin-content .content-header .options .filters dt.filters-trigger a {
	margin: 0 25px 0 0;
} */

        .listing-edit a.columns:after,
        .listing-edit a.add:after,
        .listing-edit a.excel:after,
        #asap-admin-content .content-header .options .excel:after,
        #asap-admin-content .content-header .options .add:after,
        .listing-edit a.edit:after,
        #asap-admin-content .content-header .options .edit:after,
        .listing-edit a.delete:after,
        .listing-edit a.print:after,
        #asap-admin-content .content-header .options .print:after,
        .listing-edit a.email:after,
        #asap-admin-content .content-header .options .views:after,
        #asap-admin-content .content-header .options .email:after,
        .listing-edit a.filters:after,
        .listing-edit a.save:after,
        .listing-edit a.cancel:after,
        .listing-edit a.sheet:after,
        .listing-edit a.members:after,
        .listing-edit .visibility:after,
        #asap-admin-content dl.menu dt a:after,
        #asap-admin-header dl.menu dt a:after,
        #asap-admin-content nav.pagination li.prev a:after,
        #asap-admin-content nav.pagination li.next a:after,
        .listing-edit #hidden-search .search-trigger:after,
        #asap-admin-content .content-header .options .filters dt.filters-trigger a:after {
            /* color: #7f92b7; */
            color: #00adee;
            content: '\f0db';
            font-family: 'Material Icons';
            font-size: 20px;
            height: 35px;
            left: 0;
            line-height: 35px;
            position: absolute;
            text-align: center;
            text-indent: 0;
            top: 0;
            width: 35px;
        }

#asap-admin-content tr dl.menu.visible.disable {
    display:none;
}

            #asap-admin-content .content-header .options .excel:after,
            .listing-edit a.excel:after {
                background: url('../images/ico-xls-blue.svg') 50% 50% no-repeat;
                background-size: 16px;
                content: '';
            }

.listing-edit a.members:after {
    background: url('../images/ico-family-members-details.svg') 50% 50% no-repeat;
    background-size: 20px;
    content: '';
}

.listing-edit a.add:after,
#asap-admin-content .content-header .options .add:after {
    content: '\e145';
}

.listing-edit a.edit:after,
#asap-admin-content .content-header .options .edit:after {
    content: '\e3c9';
}

.listing-edit a.delete:after {
    content: '\e872';
}

#asap-admin-content .content-header .options .print:after {
    content: '\e8ad';
}

#asap-admin-content .content-header .options .views:after {
    content: '\e8f0';
}

#asap-admin-content .content-header .options .email:after {
    content: '\e0be';
}

.listing-edit a.email:after {
    content: '\e158';
}

.listing-edit a.filters:after {
    content: '\e152';
}

.listing-edit a.sheet:after {
    content: '\f1c3';
    font-family: FontAwesome;
    font-size: 16px;
}

.listing-edit a.save:after {
    content: '\e161';
}

.listing-edit a.cancel:after {
    /* content: '\e5c9'; */
    content: '\e5cd';
}

.listing-edit .visibility:after {
    content: '\e417';
}

.listing-edit .visibility.off:before {
    background: #00adee;
    border-bottom: 2px solid #f0f3f8;
    content: '';
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 20px;
    z-index: 2;
}

#asap-admin-content dl.menu dt a:after,
#asap-admin-header dl.menu dt a:after {
    content: '\e5d3';
}

#asap-admin-content nav.pagination li.prev a:after {
    content: '\e5cb';
}

#asap-admin-content nav.pagination li.next a:after {
    content: '\e5cc';
}

.listing-edit #hidden-search .search-trigger:after {
    content: '\e8b6';
}

#asap-admin-content .content-header .options .filters dt.filters-trigger a:after {
    content: '\e152';
    font-size: 20px;
}

.listing-edit a.columns:before,
.listing-edit a.add:before,
.listing-edit a.excel:before,
#asap-admin-content .content-header .options .excel:before,
#asap-admin-content .content-header .options .add:before,
.listing-edit a.edit:before,
#asap-admin-content .content-header .options .edit:before,
.listing-edit a.delete:before,
.listing-edit a.print:before,
#asap-admin-content .content-header .options .print:before,
.listing-edit a.email:before,
#asap-admin-content .content-header .options .views:before,
#asap-admin-content .content-header .options .email:before,
.listing-edit a.filters:before,
.listing-edit a.save:before,
.listing-edit a.cancel:before,
.listing-edit a.sheet:before,
.listing-edit a.members:before,
.listing-edit dl.menu dt a:before,
#asap-admin-content dl.menu dt a:before,
#asap-admin-header dl.menu dt a:before,
#asap-admin-content nav.pagination li.prev a:before,
#asap-admin-content nav.pagination li.next a:before,
.listing-edit #hidden-search .search-trigger:before,
#asap-admin-content .content-header .options .filters dt.filters-trigger a:before,
#asap-admin-interface a.ico:before {
    background: #ebecf0;
    border-radius: 100%;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    transform: scale(0);
    transform-origin: 50% 50%;
    transition: all .1s ease-in-out;
    top: 0;
    width: 100%;
}

.listing-edit a.columns:hover:before,
.listing-edit a.add:hover:before,
.listing-edit a.excel:hover:before,
#asap-admin-content .content-header .options .excel:hover:before,
#asap-admin-content .content-header .options .add:hover:before,
.listing-edit a.edit:hover:before,
#asap-admin-content .content-header .options .edit:hover:before,
.listing-edit a.delete:hover:before,
.listing-edit a.print:hover:before,
#asap-admin-content .content-header .options .print:hover:before,
.listing-edit a.email:hover:before,
#asap-admin-content .content-header .options .views:hover:before,
#asap-admin-content .content-header .options .email:hover:before,
.listing-edit a.filters:hover:before,
.listing-edit a.save:hover:before,
.listing-edit a.cancel:hover:before,
.listing-edit a.sheet:hover:before,
.listing-edit a.members:hover:before,
.listing-edit dl.menu dt a:hover:before,
.listing-edit #hidden-search .search-trigger:hover:before,
#asap-admin-content dl.menu dt a:hover:before,
#asap-admin-header dl.menu dt a:hover:before,
#asap-admin-content nav.pagination li.prev a:hover:before,
#asap-admin-content nav.pagination li.next a:hover:before,
#asap-admin-content .content-header .options .filters dt.filters-trigger a:hover:before,
.filters-open #asap-admin-content .content-header .options .filters dt.filters-trigger a:before,
#asap-admin-interface a.ico:hover:before {
    transform: scale(1);
}

.listing-edit .status {
    background: red;
    border-radius: 100%;
    flex-basis: 12px;
    height: 12px;
    margin-right: 8px;
    width: 12px;
}

    .listing-edit .status.green {
        background-color: #07bd91;
    }

    .listing-edit .status.yellow {
        background-color: #dbde00;
    }

.listing-edit .submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 270px;
}

    .listing-edit .submit .button {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        padding-left: 20px;
        padding-right: 20px;
    }

        .listing-edit .submit .button:not(:last-child) {
            margin-right: 10px;
        }

.listing-edit .k-i-search {
    background: url('../images/ico-search_icon.svg') 50% 50% no-repeat;
}

.listing-edit #hidden-search.k-textbox.k-space-left.visible + a {
    margin-left: 10px;
}

.listing-edit #hidden-search.k-textbox.k-space-left:not(.visible) {
    border: none;
    box-shadow: none;
    overflow: hidden;
    padding-right: 0;
    width: 35px !important;
}

    .listing-edit #hidden-search.k-textbox.k-space-left:not(.visible) input {
        opacity: 0;
        visibility: hidden;
    }

.listing-edit .k-i-search:before {
    display: none;
}

#asap-admin-content .comboselect {
    margin-bottom: 10px;
    position: relative;
}




/* Standard text */

.align-right {
    text-align: right !important;
}

.align-center {
    text-align: center !important;
}

.align-left {
    text-align: left !important;
}

#asap-admin-content p {
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 400;
    margin: 1em 0 2em;
}

p.small {
    font-size: 14px;
    font-size: 0.875rem;
}

p i.material-icons {
    font-size: 18px;
    line-height: 1;
    margin: 0 4px;
}

p.small-margin-bottom {
    margin: 30px 0 5px;
}

p.small-margin-top {
    margin: 5px 0 15px;
}

body.not-found-404 article#asap-admin-content p {
    background: rgba(0,0,0,.3);
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    margin: 0 0 20px;
    padding: 20px 30px;
}

    body.not-found-404 article#asap-admin-content p a {
        color: #fff;
        text-decoration: underline;
    }

#asap-admin-content p:first-child {
    margin-top: 0;
}

#asap-admin-content p.border-top {
    border-top: 2px solid #f3f6f7;
    padding-top: 1em;
}

#asap-admin-content p.small {
    font-size: 12px;
}

#asap-admin-content img.thumbnail {
    border-radius: 100%;
    height: 120px;
    object-fit: cover;
    transition: all .2s ease;
    width: 120px;
}

#asap-admin-content a.editable-thumbnail {
    background: transparent;
    border: 0px solid transparent;
    border-radius: 100%;
    display: inline-block;
    height: 120px;
    margin: 3px 0 0 3px;
    position: relative;
    transition: all .2s ease;
    width: 120px;
}

#asap-admin-content .section-details.horizontal a.editable-thumbnail {
    left: 50%;
    margin-left: -60px;
    position: absolute;
    top: -60px;
}

#asap-admin-content a.editable-thumbnail span.delete {
    background: #e50000;
    border: 3px solid #fff;
    border-radius: 100%;
    display: inline-block;
    font-size: 0;
    height: 23px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease;
    visibility: hidden;
    width: 23px;
}

    #asap-admin-content a.editable-thumbnail span.delete:after {
        color: #fff;
        content: '\e872';
        display: inline-block;
        font: 17px 'Material Icons';
        height: 23px;
        line-height: 23px;
        text-align: center;
        width: 23px;
    }

    #asap-admin-content a.editable-thumbnail span.delete:hover {
        background-color: #00adee;
    }

#asap-admin-content a.editable-thumbnail:hover {
    background-color: #000;
    border: 3px solid #00adee;
    margin: 0;
}

#asap-admin-content a.editable-thumbnail:before,
#asap-admin-content a.editable-thumbnail:after {
    color: #fff;
    left: 50%;
    line-height: 1;
    opacity: 0;
    position: absolute;
    transform: translateX(-50%);
    transition: all .2s ease;
    visibility: hidden;
    z-index: 2;
}

#asap-admin-content a.editable-thumbnail:before {
    content: '\e412';
    font-family: 'Material Icons';
    font-size: 36px;
    top: 30px;
}

#asap-admin-content a.editable-thumbnail:after {
    content: 'Change photo';
    font-size: 13px;
    font-size: 0.8125rem;
    text-align: center;
    top: 66px;
    word-break: keep-all;
}

#asap-admin-content a.editable-thumbnail:hover img {
    opacity: 0.6;
}

#asap-admin-content a.editable-thumbnail:hover:before,
#asap-admin-content a.editable-thumbnail:hover:after,
#asap-admin-content a.editable-thumbnail:hover span.delete {
    opacity: 1;
    visibility: visible;
}

#asap-admin-content .dark {
    color: #203152;
}

#asap-admin-content ol.color {
    counter-reset: color;
    margin: 2em 0 2.5em;
    padding: 0 0 0 40px;
}

    #asap-admin-content ol.color li {
        counter-increment: color;
        font-size: 14px;
        font-weight: 400;
        list-style-type: none;
        margin: 0 0 10px;
        position: relative;
    }

        #asap-admin-content ol.color li:last-child {
            margin-bottom: 0;
        }

        #asap-admin-content ol.color li:before {
            background: #04b8de;
            background: -moz-linear-gradient(-45deg, #04b8de 0%, #06bf87 100%);
            background: -webkit-linear-gradient(-45deg, #04b8de 0%,#06bf87 100%);
            background: linear-gradient(135deg, #04b8de 0%,#06bf87 100%);
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            box-shadow: 2px 2px 3px rgba(0,0,0,.05);
            color: #fff;
            content: counter(color);
            display: inline-block;
            font-size: 10px;
            font-style: normal !important;
            font-weight: 400;
            left: -40px;
            height: 11px;
            letter-spacing: -.5px;
            line-height: 11px;
            min-width: 11px;
            padding: 3px;
            position: absolute;
            text-align: center;
            top: 0;
        }

/* Links */

#asap-admin-content a.icon {
    background-position: 0 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 8px;
    background-size: 8px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    padding-left: 15px;
}

#asap-admin-content a i.fa {
    margin-right: 10px;
}

/* Buttons */

.button,
.k-button.k-time-cancel,
.k-button.k-time-accept {
    background: #00adee;
    border: 1px solid transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 2px rgba(0,0,0,.05);
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: calc(1.25em + 1rem + 3px);
    line-height: calc(1.25em + 1rem + 3px);
    padding: 0 40px;
    transition: all .1s ease-in-out !important;
}

    .button.less-padding {
        height: calc(.9em + 1rem + 3px);
        line-height: calc(.9em + 1rem + 3px);
        padding-left: 20px;
        padding-right: 20px;
    }

    .button.center {
        text-align: center;
    }

    .button.white,
    .button.icon,
    .k-button.k-time-cancel {
        background: #fff;
        border: 1px solid #eff0f2;
        color: #313b48;
    }

    .button.grey {
        background: #bfc9db;
    }

    .button.red {
        background: #e65252;
        color: #fff !important;
    }

    .button.green {
        background: #07bd91;
        color: #fff !important;
    }

    .button.light-grey {
        background: #f5f5f5;
        color: #0096d8;
    }

    .button.yellow {
        background: #ffd562;
        box-shadow: none;
        color: #313b48;
        display: inline-block;
        font-size: 14px;
        font-size: 0.875rem;
        height: auto;
        line-height: 1;
        padding: 6px 10px;
    }

    .button.no-shadow {
        box-shadow: none;
    }

    .button.small {
        font-size: 12px;
        font-weight: normal;
        padding: 7px 12px;
    }

    .button.full {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .button.icon {
        display: inline-block;
        padding: 0 !important;
        position: relative;
        text-align: left;
        text-indent: -10000em;
        width: 36px;
    }

        .button.icon.no-border {
            border: none;
            box-shadow: none;
            width: 20px;
        }

            .button.icon.no-border.margin-left {
                margin-left: 10px;
            }

        .button.icon:after {
            content: '';
            font-family: FontAwesome;
            font-size: 14px;
            height: calc(1.25em + 1rem + 3px);
            left: 0;
            line-height: calc(1.25em + 1rem + 3px);
            position: absolute;
            text-align: center;
            text-indent: 0;
            top: 0;
            width: 36px;
        }

        .button.icon.no-border:after {
            font-size: 18px;
            width: 20px;
        }

    .button.white-w-icon {
        background: #fff;
        border: 1px solid #eff0f2;
        color: #00adee;
        padding-left: 15px;
        padding-right: 15px;
    }

        .button.white-w-icon.margin-top {
            margin-top: 8px;
        }

        .button.white-w-icon:before {
            content: '';
            display: inline-block;
            font-family: FontAwesome;
            margin-right: 8px;
        }

    .button.w-icon {
        padding-left: 15px;
    }

        .button.w-icon:before {
            color: #fff;
            content: '';
            display: inline-block;
            font: 24px 'Material Icons';
            line-height: 1;
            margin-right: 8px;
            vertical-align: -30%;
        }

    .button.white-w-icon.add:before {
        content: '\f067';
    }

    .button.white-w-icon.attach:before {
        content: '\f0c6';
    }

    .button.w-icon.add:before {
        content: '\e145';
    }

    .button.icon:not(.no-border):hover:after {
        color: #fff !important;
    }

    .button.icon.cancel:after,
    .button.icon.confirm:after {
        font-family: 'Material Icons';
        font-size: 18px;
        line-height: 36px;
    }

    .button.icon.cancel:after {
        color: #e14c5f;
        content: '\e14c';
    }

    .button.icon.cancel:not(.no-border):hover {
        background-color: #e14c5f;
    }

    .button.icon.confirm:after {
        color: #0abbc4;
        content: '\e876';
    }

    .button.icon.confirm:not(.no-border):hover {
        background-color: #0abbc4;
    }



#asap-admin-content .icon-options a:hover,
nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-register a:hover {
    background-color: #06bf87;
    border-color: transparent;
    color: #fff;
}
/* .button.red:hover {
	background-color: #cd3b3b;
}
.button.green:hover {
	background-color: #159c7b;
}
.button.icon.no-border:hover {
	background-color: transparent;
}
.button.white:hover {
	background-color: #f6f8f9;
	color: #7f92b7;
} */

.button:hover {
    color: #fff;
    transform: scale(1.05);
}

.button.white:hover {
    color: #313b48;
}

.button.white-w-icon:hover {
    color: #00adee;
}

.ld-ext-right,
.ld-ext-left,
.ld-ext-bottom,
.ld-ext-top,
.ld-over,
.ld-over-inverse,
.ld-over-full,
.ld-over-full-inverse {
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    transition-timing-function: ease-in;
    overflow: hidden;
}

    .ld-ext-right > .ld,
    .ld-ext-left > .ld,
    .ld-ext-bottom > .ld,
    .ld-ext-top > .ld,
    .ld-over > .ld,
    .ld-over-inverse > .ld,
    .ld-over-full > .ld,
    .ld-over-full-inverse > .ld {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -0.5em;
        opacity: 0;
        z-index: -100;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        transition-timing-function: ease-in;
        vertical-align: top;
    }

    .ld-ext-right.running > .ld,
    .ld-ext-left.running > .ld,
    .ld-ext-bottom.running > .ld,
    .ld-ext-top.running > .ld,
    .ld-over.running > .ld,
    .ld-over-inverse.running > .ld,
    .ld-over-full.running > .ld,
    .ld-over-full-inverse.running > .ld {
        opacity: 1;
        z-index: auto;
    }
    /* .ld-ext-right.running {
	padding-right: 60px !important;
} */
    .ld-ext-right > .ld {
        top: 50%;
        left: auto;
        right: 40px;
    }

    .ld-ext-left.running {
        padding-left: 2.5em !important;
    }

    .ld-ext-left > .ld {
        top: 50%;
        right: auto;
        left: 40px;
    }

    .ld-ext-bottom.running {
        padding-bottom: 2.5em !important;
    }

    .ld-ext-bottom > .ld {
        top: auto;
        left: 50%;
        bottom: 1em;
    }

    .ld-ext-top.running {
        padding-top: 2.5em !important;
    }

    .ld-ext-top > .ld {
        bottom: auto;
        left: 50%;
        top: 1em;
    }

.ld-over,
.ld-over-inverse,
.ld-over-full,
.ld-over-full-inverse {
    overflow: hidden;
}

    .ld-over.running > .ld,
    .ld-over-inverse.running > .ld,
    .ld-over-full.running > .ld,
    .ld-over-full-inverse.running > .ld {
        z-index: 99999;
    }

    .ld-over:before,
    .ld-over-inverse:before,
    .ld-over-full:before,
    .ld-over-full-inverse:before {
        content: " ";
        display: block;
        opacity: 0;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        transition-timing-function: ease-in;
        background: rgba(240,240,240,0.8);
    }

    .ld-over-full > .ld,
    .ld-over-full-inverse > .ld {
        position: fixed;
    }

    .ld-over-full > .ld {
        color: rgba(0,0,0,0.8);
    }

    .ld-over-full:before,
    .ld-over-full-inverse:before {
        z-index: -1;
        position: fixed;
        background: rgba(255,255,255,0.8);
    }

    .ld-over.running > .ld,
    .ld-over-inverse.running > .ld,
    .ld-over-full.running > .ld,
    .ld-over-full-inverse.running > .ld {
        z-index: 999999;
    }

    .ld-over.running:before,
    .ld-over-inverse.running:before,
    .ld-over-full.running:before,
    .ld-over-full-inverse.running:before {
        opacity: 1;
        z-index: 999998;
        display: block;
    }

    .ld-over-inverse > .ld {
        color: rgba(255,255,255,0.8);
    }

    .ld-over-inverse:before {
        background: rgba(0,0,0,0.6);
    }

    .ld-over-full-inverse > .ld {
        color: rgba(255,255,255,0.8);
    }

    .ld-over-full-inverse:before {
        background: rgba(0,0,0,0.6);
    }

.ld-ring {
    width: 1em;
    height: 1em;
    position: relative;
    color: inherit;
    display: inline-block;
}

@keyframes ld-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes ld-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.ld.ld-spin {
    -webkit-animation: ld-spin 1s infinite;
    animation: ld-spin 1s infinite;
}

@keyframes ld-spin-fast {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        -webkit-transform: rotate(900deg);
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        -webkit-transform: rotate(1800deg);
        transform: rotate(1800deg);
    }
}

@-webkit-keyframes ld-spin-fast {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        -webkit-transform: rotate(900deg);
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        -webkit-transform: rotate(1800deg);
        transform: rotate(1800deg);
    }
}

.ld.ld-spin-fast {
    -webkit-animation: ld-spin-fast 1s infinite;
    animation: ld-spin-fast 1s infinite;
}

.ld-ring:after {
    border-radius: 50%;
    border-style: solid;
    border-width: 0.15em;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-color: currentColor currentColor currentColor transparent;
    box-sizing: border-box;
}

.ld-ring:after {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: inline-block;
    background: center center no-repeat;
    background-size: cover;
}

.button.ld {
    vertical-align: top;
}

.button > div {
    color: #fff;
    font-size: 10px;
    font-family: Helvetica Neue;
    font-weight: initial;
    font-style: normal;
    text-align: center;
    margin: 0px 0px 0px 0px
}

.button.white > div {
    color: #8290b3;
}

.button > .ld {
    font-size: 18px;
}

.button.ld > span {
    display: inline-block;
    transition: all .1s ease;
}

.button.ld.running > span {
    overflow: hidden;
    /* position: absolute; */
    width: 0;
}


dl.combo-button {
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: top;
}

    dl.combo-button dt {
        position: relative;
    }

        dl.combo-button dt:after {
            color: #fff;
            content: '\e5c5';
            font-family: 'Material Icons';
            font-size: 20px;
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            transition: all .2s ease;
            z-index: 2;
        }

    dl.combo-button.active dt:after {
        transform: translateY(-50%) rotate(-180deg);
    }

    dl.combo-button dd {
        padding: 8px 0 !important;
        right: 0;
        white-space: nowrap;
    }

        dl.combo-button dd ul,
        dl.combo-button dd ul li {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

            dl.combo-button dd ul li a {
                background-position: 15px 50%;
                background-repeat: no-repeat;
                -webkit-background-size: 16px;
                background-size: 16px;
                color: #313b48;
                display: block;
                font-size: 14px;
                padding: 6px 18px;
                position: relative;
                text-align: center;
                text-decoration: none;
                transition: background .2s ease;
            }

                dl.combo-button dd ul li a:hover {
                    background: #e8f5ff;
                }


#asap-admin-content a.icon.plus {
    background-image: url('../images/ico-add-blue.svg');
}




/* Tags */

span.tag {
    background-color: #f5f6f9;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    -webkit-background-size: 12px;
    background-size: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    color: #313b48;
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1;
    margin: 0 10px 0 0;
    padding: 6px 20px 6px 30px;
}

    span.tag.fnt {
        background-image: none !important;
        position: relative;
    }

        span.tag.fnt:before {
            color: #00adee;
            content: '';
            font: 20px 'Material Icons';
            left: 0;
            position: absolute;
            top: 3px;
        }

    span.tag.no-bg {
        background-color: transparent;
        background-position: 0 .3em;
        background-size: 20px 20px;
        color: #313b48;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.3;
        /* padding-left: 40px; */
        padding-left: 30px;
    }

        span.tag.no-bg.no-icon {
            padding-left: 11px;
        }

    span.tag.block {
        display: block;
        margin: 0 0 5px;
    }

    span.tag:last-of-type {
        margin-right: 0;
        margin-bottom: 0;
    }

    span.tag.calendar {
        background-image: url('../images/ico-calendar.svg');
    }

    span.tag.calendar-blue {
        background-image: url('../images/ico-calendar-blue.svg');
    }

    span.tag.place {
        background-image: url('../images/ico-location.svg');
        background-size: 16px 16px;
    }

    span.tag.instructor {
        background-image: url('../images/ico-my_profile.svg');
    }

    span.tag.clock {
        background-image: url('../images/ico-clock.svg');
    }

    span.tag.clock-blue {
        background-image: url('../images/ico-clock-blue.svg');
    }

    span.tag.flag {
        background-image: url('../images/ico-flag.svg');
    }

    span.tag.person {
        background-image: url('../images/ico-person.svg');
    }
    /* header.section-details span.tag.person {
	font-size: 1.125rem;
	font-size: 18px;
} */
    span.tag.call {
        background-image: url('../images/ico-call.svg');
    }

        span.tag.call.blue {
            background-image: url('../images/ico-call-blue.svg');
            background-position: 0 50%;
            padding-left: 30px;
        }

    span.tag.fnt.call:before {
        content: '\e0b0';
    }

    span.tag.sms {
        background-image: url('../images/ico-sms.svg');
    }

    span.tag.fnt.sms:before {
        content: '\e0b0';
    }

    span.tag.email {
        background-image: url('../images/ico-mail.svg');
        color: #00adee;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        span.tag.email.blue {
            background-image: url('../images/ico-mail-blue.svg');
            background-position: 0 50%;
            padding-left: 30px;
        }

    span.tag.fnt.email:before {
        content: '\e0be';
    }

    span.tag.fnt.account:before {
        content: '\e851';
    }

    span.tag.fnt.hourglass:before {
        content: '\e88c';
    }

    span.tag.fnt.book:before {
        content: '\e865';
    }

    span.tag.fnt.flag:before {
        content: '\e153';
    }

    span.tag.fnt.place:before {
        content: '\e55f';
    }

    span.tag .students {
        background-image: url('../images/ico-students-2.svg');
    }

    span.tag .present {
        background-image: url('../images/ico-present.svg');
    }

    span.tag .absent {
        background-image: url('../images/ico-absent.svg');
        background-size: 10px;
    }

    span.tag.warning {
        background-color: #e15c53;
        color: #fff;
        font-size: 9px;
        margin-left: 10px;
        padding-left: 10px;
        padding-right: 10px;
        text-transform: uppercase;
        vertical-align: middle;
    }

    span.tag.info {
        background: #8a9abb;
        border-radius: 3px;
        color: #fff;
        font-size: 9px;
        line-height: 1;
        padding: 3px 5px;
        text-transform: uppercase;
        vertical-align: middle;
    }

    span.tag em {
        background-position: 0 50%;
        background-repeat: no-repeat;
        background-size: 14px;
        display: inline-block;
        padding-left: 17px;
        vertical-align: middle;
    }

        span.tag em:not(:last-child):after {
            content: "|";
            display: inline-block;
            font-style: normal;
            margin: 0 8px;
        }

/* Accordion */

#asap-admin-content .accordion {
    border: 1px solid #f1f2f3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 10px 15px -5px rgba(0,0,0,.06);
    overflow: hidden;
}

    #asap-admin-content .accordion.open,
    #asap-admin-content .accordion.open dd {
        overflow: visible !important;
    }

    #asap-admin-content .accordion dt {
        background-image: url('../images/ico-add-blue.svg');
        background-position: right 20px top 50%;
        background-repeat: no-repeat;
        -webkit-background-size: 8px;
        background-size: 8px;
        color: #00adee;
        cursor: pointer;
        font-size: 12px;
        font-weight: 400;
        padding: 12px 20px;
        transition: all .2s ease-in-out;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently
																supported by Chrome and Opera */
    }

    #asap-admin-content .accordion.open dt {
        background-color: #313b48;
        background-image: url('../images/ico-minus.svg');
        color: #fff;
    }

    #asap-admin-content .accordion dd {
        margin: 0;
        opacity: 0;
        padding: 0 30px;
        transition: all .2s ease-in-out !important;
    }

    #asap-admin-content .accordion.open dd {
        background: #fbfcfc;
        opacity: 1;
        padding: 30px;
    }

#asap-admin-content *[data-accordion-group]:not(:last-child) {
    margin-bottom: 20px;
}

#asap-admin-content .accordion.rounded,
#asap-admin-content .accordion.transparent,
#asap-admin-content .accordion.headerlike {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(0,0,0,.05);
    margin: 0 0 20px;
    padding: 20px 25px 0;
    transition: padding .15s ease-in-out;
}

#asap-admin-content .accordion.headerlike {
    margin-top: 20px;
}

    #asap-admin-content .accordion.headerlike.no-margin {
        margin-top: 0;
    }

#asap-admin-content .accordion.transparent,
#asap-admin-content .accordion.headerlike {
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

    #asap-admin-content .accordion.rounded.open,
    #asap-admin-content .accordion.transparent.open {
        padding-bottom: 30px;
    }

    #asap-admin-content .accordion.rounded dt,
    #asap-admin-content .accordion.transparent dt,
    #asap-admin-content .accordion.headerlike dt {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: none;
        border-bottom: 2px solid transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 40px 18px 0;
        position: relative;
    }

    #asap-admin-content .accordion.rounded.open dt,
    #asap-admin-content .accordion.transparent.open dt,
    #asap-admin-content .accordion.headerlike dt {
        border-bottom: 2px solid #f3f6f7;
    }

    #asap-admin-content .accordion.headerlike dt {
        padding-bottom: 0;
    }

        #asap-admin-content .accordion.rounded dt:after,
        #asap-admin-content .accordion.transparent dt:after,
        #asap-admin-content .accordion.headerlike dt:after {
            color: #313b48;
            content: '\f106';
            font-family: FontAwesome;
            font-size: 22px;
            height: 20px;
            line-height: 20px;
            position: absolute;
            right: 0;
            transform: rotate(180deg);
            transition: all .2s ease-in-out;
        }

    #asap-admin-content .accordion.rounded.open dt:after,
    #asap-admin-content .accordion.transparent.open dt:after,
    #asap-admin-content .accordion.headerlike.open dt:after {
        transform: rotate(0);
    }

    #asap-admin-content .accordion.rounded dt strong,
    #asap-admin-content .accordion.transparent dt strong {
        color: #203152;
        display: block;
        font-size: 15px;
        font-weight: bold;
        margin: 0;
    }

    #asap-admin-content .accordion.headerlike dt strong {
        border-bottom: 3px solid #00adee;
        color: #313b48;
        display: inline-block;
        font-size: 18px;
        font-weight: normal;
        margin: 0 10px -2px 0 !important;
        padding: 0 0 10px;
    }

    #asap-admin-content .accordion.rounded dt strong kendo-switch,
    #asap-admin-content .accordion.transparent dt strong kendo-switch {
        margin-left: 10px;
    }

    #asap-admin-content .accordion.rounded dd,
    #asap-admin-content .accordion.transparent dd,
    #asap-admin-content .accordion.headerlike dd {
        background: none;
        padding: 0;
    }

    #asap-admin-content .accordion.headerlike.open dd {
        padding-top: 20px;
    }

#asap-admin-content .accordion.rounded.open dd {
    padding: 20px 0 0;
}

#asap-admin-content .accordion.transparent.open dd {
    padding: 15px 0 0;
}



/* Tables */

.table-wrapper {
    width: 100%;
}

    .table-wrapper.desktop-auto {
        overflow-x: auto;
        overflow-y: visible;
    }

.col-wrapper .four-fifths .table-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
}

.table-wrapper.border {
    border: 1px solid #d6e0df;
    box-sizing: border-box;
    padding: 10px 15px;
    position: relative;
}

    .table-wrapper.border a.top-left-link {
        background: #fff;
        display: inline-block;
        font-size: 12px;
        left: 25px;
        padding: 3px 10px;
        position: absolute;
        text-transform: uppercase;
        top: -1em;
    }

    .table-wrapper.border a.close {
        background: #fff;
        display: inline-block;
        font-size: 16px;
        padding: 3px 10px;
        position: absolute;
        right: 25px;
        top: -.7em;
    }

table.list {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    width: 100%;
}

    table.list.gray-border {
        border: 10px solid #f5f6f9;
        margin-bottom: 10px;
    }

    table.list.left-border {
        border-left: 4px solid #c3cad7;
        margin-bottom: 20px;
        padding-left: 15px;
    }

    table.list.auto-width {
        width: auto;
    }

    table.list.margin-top {
        margin-top: 30px;
    }

    table.list.small-margin-bottom {
        margin-bottom: 10px;
    }

    table.list th,
    table.list td {
        border-bottom: 1px solid #eaeef1;
        padding: 18px 0;
        text-align: left;
    }

    table.list.gray-border tbody th,
    table.list.gray-border tbody td {
        border-bottom: 1px solid #d0d9df;
    }

    table.list tbody tr.border-bottom th,
    table.list tbody tr.border-bottom td {
        border-bottom: 1px solid #d0d9df !important;
        padding-bottom: 20px !important;
    }

    table.list.left-border tbody tr th,
    table.list.left-border tbody tr td {
        border-bottom: 0;
        padding: 0 8px 8px 0;
    }

    table.list.gray-border tfoot th,
    table.list.gray-border tfoot td {
        border-top: 1px solid #d0d9df;
        font-size: 16px;
        font-size: 1rem;
        font-weight: 900;
    }

    table.list.gray-border th:last-child,
    table.list.gray-border td:last-child {
        padding-right: 10px;
    }

    table.list.less-v-padding th {
        padding-bottom: 12px;
        padding-top: 12px;
    }

    table.list.v-top td {
        vertical-align: top;
        /* white-space: nowrap; */
    }

    table.list tr.more-v-top-padding th,
    table.list tr.more-v-top-padding td {
        padding-top: 20px !important;
    }

    table.list td.no-v-padding {
        padding-bottom: 4px !important;
        padding-top: 5px !important;
    }

    table.list.less-v-padding td.v-padding {
        padding-bottom: 8px !important;
        padding-top: 8px !important;
    }

.table.blank_row {
    height: 10px !important; /* overwrites any other rules */
    background-color: #FFFFFF;
}

#asap-admin-interface #asap-admin-content .v-middle td {
    vertical-align: middle;
}

table.list.half-width td,
table.list.alt-body-headers td {
    color: #203152;
}

table.list th:not(:last-child),
table.list td:not(:last-child) {
    padding-right: 10px;
    padding-left: 10px;
}

.print table.list th:last-child,
.print table.list td:last-child {
    padding-right: 0;
}

.print table.list th:first-child,
.print table.list td:first-child {
    padding-left: 0;
}

table.list th.bigger-h-padding,
table.list td.bigger-h-padding {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

table.list td.icons,
table.list td.submit,
table.list .nw {
    white-space: nowrap;
}

table.list.bigger-cell-padding th,
table.list.bigger-cell-padding td {
    padding-top: 25px;
    padding-bottom: 25px;
}

table.list tbody tr:last-child th,
table.list tbody tr:last-child td,
table.list tbody tr.no-border th,
table.list tbody tr.no-border td {
    border-bottom: none;
}

table.list tbody tr.no-border th,
table.list tbody tr.no-border td {
    padding-top: 10px;
    padding-bottom: 10px;
}

table.list tbody tr.summary-line.no-border th,
table.list tbody tr.summary-line.no-border td {
    padding-top: 5px;
    padding-bottom: 5px;
}

table.list tbody tr.summary-line.no-border.standard-top-padding th,
table.list tbody tr.summary-line.no-border.standard-top-padding td {
    padding-top: 15px;
}

table.list.no-body-borders tbody th,
table.list.no-body-borders tbody td {
    border-bottom: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

    table.list.no-body-borders tbody th + td {
        padding-left: 0;
    }

table.list.less-v-padding tbody th,
table.list.less-v-padding tbody td,
table.list.less-v-padding tfoot td {
    padding-top: 10px;
    padding-bottom: 10px;
}

table.list.no-body-borders.less-v-padding tbody th,
table.list.no-body-borders.less-v-padding tbody td {
    padding-top: 4px;
    padding-bottom: 4px;
}

table.list tbody tr.standard-top-padding th,
table.list tbody tr.standard-top-padding td {
    padding-top: 18px;
}

.print table.list tbody tr.summary-line th,
.print table.list tbody tr.summary-line td {
    font-size: 16px;
    font-size: 1rem;
    padding-top: 5px;
    padding-bottom: 5px;
}

.print table.list tbody tr.summary-line.standard-top-padding th,
.print table.list tbody tr.summary-line.standard-top-padding td {
    padding-top: 20px;
}

table.list.bigger-cell-padding tbody tr.standard-top-padding th,
table.list.bigger-cell-padding tbody tr.standard-top-padding td {
    padding-top: 25px;
}

table.list.no-body-borders tbody th,
table.list:not(.no-body-borders) tbody th[colspan] {
    font-weight: 400;
}

.print table.list:not(.no-body-borders) tbody th[colspan] {
    color: #999;
}

table.list.alt-body-headers tbody th,
table.list.alt-body-headers td label {
    /* color: #7f92b7; */
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: capitalize;
}

table.no-tt tbody th,
table.no-tt td label {
    text-transform: none !important;
}

table.list.alt-body-headers tbody th:first-child {
    padding-left: 0;
}

table.list.alt-body-headers.cap-headers tbody th,
table.list.alt-body-headers.cap-headers td label {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: capitalize;
}

table.list.alt-body-headers.v-top tbody th {
    padding-top: 16px !important;
    vertical-align: top;
}

table.list.alt-body-headers.less-v-padding.v-top tbody tr th {
    padding-top: 10px !important;
}

table.list.alt-body-headers.less-v-padding.v-top tbody tr:first-child th {
    padding-top: 25px !important;
}

table.list.alt-body-headers.no-top-padding.less-v-padding.v-top tbody tr:first-child th {
    padding-top: 16px !important;
}

table.list.alt-body-headers td label {
    display: inline-block;
    font-weight: 400;
    margin: 0 30px;
    vertical-align: middle;
}

    table.list.alt-body-headers td label.black {
        color: #313b48;
        font-size: 14px;
        margin: 0 5px 0 0;
        text-transform: none;
    }

    table.list.alt-body-headers td label.k-checkbox-label {
        font-size: 14px;
        font-size: 0.875rem;
        height: 20px;
        line-height: 20px;
        margin-left: 0;
        margin-right: 0;
        text-transform: none;
    }

table.list tbody tr.inline-edit td {
    vertical-align: top;
}

    table.list tbody tr.inline-edit td.submit {
        white-space: nowrap;
    }

table.list tbody td.submit .button:not(:last-child) {
    margin-right: 10px;
}

table.list tbody tr.disabled-row td, 
table.list tr.disabled-row td input, 
table.list tr.disabled-row td a:not(.button) {
    color: lightgray;
}


table.list td:first-child input[type=checkbox].disabled-select {
    display: none;
}

table.list.no-body-borders tbody tr:first-child th,
table.list.no-body-borders tbody tr:first-child td {
    padding-top: 20px;
}

table.list.no-body-borders.no-top-padding tbody tr:first-child th,
table.list.no-body-borders.no-top-padding tbody tr:first-child td {
    /* padding-top: 10px; */
    padding-top: 4px;
}

table.list.minimize-first-cell th:first-child,
table.list.minimize-first-cell td:first-child {
    width: 40%;
}

table.list.minimize-last-cell th:last-child,
table.list.minimize-last-cell td:last-child {
    text-align: right;
    width: 45px;
}

table.list thead th {
    border-bottom-width: 2px;
    /* color: #7f92b7; */
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: .5px;
    padding-top: 0;
    text-transform: uppercase;
}

table.list.gray-border thead th {
    background: #f5f6f9;
    border: 0;
}

table.list.left-border thead th {
    border-bottom: 0;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 8px 8px 0;
    text-transform: none;
}

.print table.list thead th {
    color: #999999;
}

table.list thead th a.sort {
    color: #313b48;
    font-weight: 700;
}

    table.list thead th a.sort:hover {
        color: #313b48;
    }

    table.list thead th a.sort:after {
        content: '\e5db';
        display: inline-block;
        font-family: 'Material Icons';
        margin-left: 16px;
        transition: transform .2s ease-in-out;
    }

    table.list thead th a.sort.up:after,
    table.list thead th a.sort:hover:after {
        transform: rotate(180deg);
    }

    table.list thead th a.sort.up:hover:after {
        transform: rotate(0deg);
    }

table.list tfoot th,
table.list tfoot td {
    border-bottom: none;
}

table.list tfoot.gray-cells th,
table.list tfoot.gray-cells td {
    border-top: 1px solid #eaeef1;
    padding-top: 10px;
    padding-bottom: 0;
    vertical-align: middle;
}

    table.list tfoot.gray-cells th span.gray,
    table.list tfoot.gray-cells td span.gray {
        background: #e1e6ee;
        border-radius: 25px;
        display: inline-block;
        margin-right: -20px;
        padding: 12px 20px;
    }

table.list.totals-foot tfoot th:not(:empty),
table.list.totals-foot tfoot td:not(:empty),
table.list th.gray,
table.list td.gray {
    background: #e1e6ee;
}

table.list.totals-foot tfoot th:not(:empty) {
    border-radius: 25px 0 0 25px;
    padding-left: 25px;
}

table.list.totals-foot tfoot td:not(:empty) {
    border-radius: 0 25px 25px 0;
    padding-right: 25px;
}

table.list th.gray,
table.list td.gray {
    border-radius: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

table.list.row-hover tbody tr:hover th,
table.list.row-hover tbody tr:hover td {
    background-color: #f9f9fa;
}

table.list.row-hover tbody tr.active th,
table.list.row-hover tbody tr.active td {
    background-color: #f3f9ff;
}

table.list td a:not(.button) {
    color: #313b48;
}

table.list td a.standard {
    color: #00adee !important;
}

    table.list td a.standard:hover {
        text-decoration: none;
    }

table.list strong {
    color: #313b48;
    font-weight: 700;
}

table.list span.gray {
    color: #989898;
    display: block;
    font-size: 86%;
    margin-top: 5px;
}

table.list td .avatar {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 32px;
    overflow: hidden;
    width: 32px;
}

    table.list td .avatar.default {
        border-radius: 0;
    }

table.list strong.note {
    color: #37d287;
    display: block;
    font-size: 10px;
    font-weight: 400;
    margin: 2px 0 0;
}

table.list td:first-child input[type=checkbox] {
    margin-right: 5px;
}



/* Context Menus */

#asap-admin-content dl.menu,
#asap-admin-header dl.menu {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: right;
}

#asap-admin-content .table-wrapper dl.menu {
    position: static;
}

#asap-admin-content tr dl.menu.active dt,
#asap-admin-content tr dl.menu.visible dt,
#asap-admin-header dl.menu.active dt,
#asap-admin-header dl.menu.visible dt {
    opacity: 1;
    visibility: visible;
}

#asap-admin-content tr dl.menu dt,
#asap-admin-header dl.menu dt {
    border: none !important;
    opacity: 0;
    padding: 0 !important;
    transition: all .3s ease-in-out;
    visibility: hidden;
}

    #asap-admin-content tr dl.menu dt:after,
    #asap-admin-header dl.menu dt:after {
        display: none;
    }

#asap-admin-content tr:hover dl.menu dt {
    opacity: 1;
    visibility: visible;
}

#asap-admin-content dl.menu dd,
#asap-admin-header dl.menu dd {
    /* min-width: 120px; */
    padding: 8px 0 !important;
    right: 0;
    white-space: nowrap;
}

#asap-admin-content .table-wrapper dl.menu dd {
    left: auto;
    right: 0;
    top: auto;
}
/* #asap-admin-content dl.menu.no-icons dd,
#asap-admin-header dl.menu.no-icons dd {
	white-space: nowrap;
} */
#asap-admin-content .timed-results dl.menu dd {
    min-width: 200px;
}

#asap-admin-content dl.menu.active dd,
#asap-admin-header dl.menu.active dd {
    z-index: 1;
}

#asap-admin-content dl.menu dd ul,
#asap-admin-header dl.menu dd ul {
    background: #fff;
}

#asap-admin-content dl.menu dd ul,
#asap-admin-header dl.menu dd ul {
    display: block !important;
    font-size: 12px !important;
    list-style-type: none;
    margin: 0 !important;
    padding: 0;
}

    #asap-admin-content dl.menu dd ul li,
    #asap-admin-header dl.menu dd ul li {
        display: block !important;
        font-size: 12px !important;
        list-style-type: none;
        margin: 0 !important;
        padding: 0;
    }

        #asap-admin-content dl.menu dd ul li.border-top,
        #asap-admin-header dl.menu dd ul li.border-top {
            border-top: 1px solid #e9e9e9;
            margin-top: 5px;
            padding-top: 11px;
        }

        #asap-admin-content dl.menu dd ul li a,
        #asap-admin-header dl.menu dd ul li a {
            background-position: 15px 50%;
            background-repeat: no-repeat;
            -webkit-background-size: 16px;
            background-size: 16px;
            color: #313b48 !important;
            display: block !important;
            font-size: 12px !important;
            padding: 6px 18px 6px 48px !important;
            position: relative !important;
            text-align: left;
            text-decoration: none;
        }

            #asap-admin-content dl.menu dd ul li a:after,
            #asap-admin-header dl.menu dd ul li a:after {
                display: none;
            }


            #asap-admin-content dl.menu dd ul li a:hover,
            #asap-admin-header dl.menu dd ul li a:hover {
                background-color: #f9f9fa;
                color: #313b48 !important;
            }

#asap-admin-interface #asap-admin-content dl.menu.no-icons dd ul li a,
#asap-admin-interface #asap-admin-header dl.menu.no-icons dd ul li a {
    background-image: none !important;
    padding-left: 18px !important;
}

    #asap-admin-interface #asap-admin-content dl.menu.no-icons dd ul li a:before,
    #asap-admin-interface #asap-admin-header dl.menu.no-icons dd ul li a:before {
        display: none !important;
    }

#asap-admin-content dl.menu dd ul li.email a {
    background-image: url('../images/ico-email.svg');
}

#asap-admin-content dl.menu dd ul li.edit a {
    background-image: url('../images/ico-edit.svg');
}

#asap-admin-content dl.menu dd ul li.enroll a {
    background-image: url('../images/ico-enroll.svg');
}

#asap-admin-content dl.menu dd ul li.merge a {
    background-image: url('../images/ico-merge.svg');
}

#asap-admin-content dl.menu dd ul li.cancel a,
#asap-admin-content dl.menu dd ul li.change a,
#asap-admin-content dl.menu dd ul li.copy a,
#asap-admin-content dl.menu dd ul li.split a {
    padding-left: 42px !important;
}

    #asap-admin-content dl.menu dd ul li.cancel a:before,
    #asap-admin-content dl.menu dd ul li.change a:before,
    #asap-admin-content dl.menu dd ul li.copy a:before,
    #asap-admin-content dl.menu dd ul li.split a:before {
        color: #8093b6;
        content: '';
        font-family: FontAwesome;
        font-size: 12px;
        height: 15px;
        left: 18px;
        line-height: 15px;
        position: absolute;
        text-align: center;
        top: 7px;
        width: 15px;
    }

    #asap-admin-content dl.menu dd ul li.cancel a:before {
        content: '\f00d';
    }

    #asap-admin-content dl.menu dd ul li.change a:before {
        content: '\e0c3';
        font-family: 'Material Icons';
        font-size: 16px;
        transform: rotate(90deg);
    }

    #asap-admin-content dl.menu dd ul li.copy a:before {
        content: '\f0c5';
    }

    #asap-admin-content dl.menu dd ul li.split a:before {
        content: '\f0c4';
    }



#asap-admin-content dl.menu dd ul li a:hover {
    color: #00adee;
}


/* Fields list */

ul.fields-list {
    font-size: 0;
    padding: 0;
}

#asap-admin-content ul.fields-list li {
    list-style-type: none;
    margin: 00;
    padding: 0;
}

ul.fields-list li ul {
    padding: 0;
}

ul.fields-list .field-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 8px;
}

    ul.fields-list .field-item h5 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%;
        font-size: 11px;
        margin: 0 !important;
    }

ul.fields-list ul .field-item h5 {
    padding-left: 40px !important;
}

ul.fields-list ul ul .field-item h5 {
    padding-left: 80px !important;
}

ul.fields-list ul ul ul .field-item h5 {
    padding-left: 120px !important;
}

ul.fields-list .field-item h5 > a {
    color: #313b48;
}

    ul.fields-list .field-item h5 > a:after {
        content: '\f107';
        font-family: FontAwesome;
        font-size: 18px;
        line-height: 1;
        margin-left: 10px;
        vertical-align: -5%;
    }

ul.fields-list .field-item.active h5 > a:after {
    content: '\f106';
}

ul.fields-list .field-item .field {
    flex: 1 1 auto;
}


/* Icon links in the list table */

table.list a.edit,
table.list a.delete,
table.list a.undo,
#asap-admin-interface a.ico {
    background: url('../images/ico-edit.svg') 50% 50% no-repeat;
    -webkit-background-size: 15px;
    background-size: 15px;
    display: inline-block;
    height: 35px;
    opacity: 0;
    text-indent: -10000em;
    transition: .2s all ease-in-out;
    visibility: hidden;
    width: 35px;
}

#asap-admin-interface a.ico {
    background: none;
    opacity: 1;
    position: relative;
    visibility: visible;
}

    #asap-admin-interface a.ico:after {
        background: url('../images/ico-edit.svg') 50% 50% no-repeat;
        -webkit-background-size: 15px;
        background-size: 15px;
        content: '';
        height: 35px;
        left: 0;
        position: absolute;
        top: 0;
        width: 35px;
    }

    #asap-admin-interface a.ico.read-only:after {
        background-image: url('../images/ico-read-only.svg');
    }

    #asap-admin-interface a.ico.not-interested:after {
        background-image: url('../images/ico-not-interested.svg');
    }

    #asap-admin-interface a.ico.invisible:after {
        background-image: url('../images/ico-invisible.svg');
    }

    #asap-admin-interface a.ico.visible:after {
        background-image: url('../images/ico-visible.svg');
    }

    #asap-admin-interface a.ico.close:after {
        background-image: url('../images/ico-close-2.svg');
    }

    #asap-admin-interface a.ico.pin:after {
        background-image: url('../images/ico-pin.svg');
    }

    #asap-admin-interface a.ico.recurring-fees:after {
        background-image: url('../images/ico-recurring-fees.svg');
    }

    #asap-admin-interface a.ico.recurring-fees-blue:after {
        background-image: url('../images/ico-recurring-fees-blue.svg');
    }

    #asap-admin-interface a.ico.scheduled-fees:after {
        background-image: url('../images/ico-scheduled-fees.svg');
    }

    #asap-admin-interface a.ico.scheduled-fees-blue:after {
        background-image: url('../images/ico-scheduled-fees-blue.svg');
    }

    #asap-admin-interface a.ico.f:after {
        background-image: none;
        color: #7f92ba;
        font-family: 'Material Icons';
        font-size: 16px;
        line-height: 35px;
        text-align: center;
        text-indent: 0;
    }

    #asap-admin-interface a.ico.f.cancel:after {
        content: '\e5cd';
    }

table.list tr:hover a.edit {
    opacity: 1;
    visibility: visible;
}

table.list a.delete,
table.list a.undo {
    background: none;
    opacity: 1;
    position: relative;
    visibility: visible;
}

    table.list a.delete:after,
    table.list a.undo:after {
        color: #8093b6;
        content: '\f1f8';
        font-family: FontAwesome;
        font-size: 16px;
        height: 35px;
        left: 0;
        line-height: 35px;
        position: absolute;
        text-align: center;
        text-indent: 0;
        top: 0;
        width: 35px;
    }

    table.list a.delete.blue:after {
        color: #00adee;
        content: '\e872';
        font-family: 'Material Icons';
    }

    table.list a.delete.smaller,
    table.list a.undo.smaller,
    table.list a.delete.smaller:after,
    table.list a.undo.smaller:after {
        height: 20px;
        line-height: 20px;
        width: 20px;
    }

    table.list a.undo:after {
        content: '\f0e2';
    }



/* Student features icons */

#asap-admin-content ul.features {
    display: block;
    font-size: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    #asap-admin-content ul.features li {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        -webkit-background-size: 11px 11px;
        background-size: 11px 11px;
        border: 1px solid #e1e5e7;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        cursor: help;
        display: inline-block;
        height: 22px;
        margin: 0 3px 0 0;
        padding: 0;
        width: 20px;
    }

        #asap-admin-content ul.features li.medical {
            background-image: url('../images/ico-medical-alerts-color.svg');
        }

            #asap-admin-content ul.features li.medical:hover {
                background-color: #e15c53;
                background-image: url('../images/ico-medical-alerts-white.svg');
            }

        #asap-admin-content ul.features li.notes {
            background-image: url('../images/ico-notes-color.svg');
        }

            #asap-admin-content ul.features li.notes:hover {
                background-color: #5795b5;
                background-image: url('../images/ico-notes-white.svg');
            }

        #asap-admin-content ul.features li.birthday {
            background-image: url('../images/ico-birthday-color.svg');
        }

            #asap-admin-content ul.features li.birthday:hover {
                background-color: #9e6dc7;
                background-image: url('../images/ico-birthday-white.svg');
            }

        #asap-admin-content ul.features li.money {
            background-image: url('../images/ico-money-color.svg');
        }

            #asap-admin-content ul.features li.money:hover {
                background-color: #599762;
                background-image: url('../images/ico-money-white.svg');
            }



/* vcard */

#asap-admin-content .vcard h3 {
    margin-bottom: .8em;
}

#asap-admin-content .vcard .material-icons {
    color: #00adee;
    font-size: 16px;
    vertical-align: middle;
}

#asap-admin-content .vcard .tel,
#asap-admin-content .vcard .email {
    margin-bottom: 0.3em;
}



/* Options menu with icons */

#asap-admin-content .icon-options {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    list-style-type: none;
    margin: 25px 0 0;
    padding: 0;
}

    #asap-admin-content .icon-options li:not(:last-child) {
        margin-right: 20px;
    }

    #asap-admin-content .icon-options li a {
        background-color: #00adee;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        -webkit-background-size: 12px;
        background-size: 12px;
        border: 1px solid #fff;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        box-shadow: 0 3px 8px rgba(0,0,0,.15);
        display: inline-block;
        height: 30px;
        text-indent: -10000em;
        width: 30px;
    }

    #asap-admin-content .icon-options li.add a {
        background-image: url('../images/ico-add.svg');
        -webkit-background-size: 8px;
        background-size: 8px;
    }

    #asap-admin-content .icon-options li.print a {
        background-image: url('../images/ico-print.svg');
    }

    #asap-admin-content .icon-options li dl.menu dt a {
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        box-shadow: none;
    }

        #asap-admin-content .icon-options li dl.menu dt a:hover {
            background-color: transparent;
        }

    #asap-admin-content .icon-options li dl.menu dd a {
        background-color: transparent;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        box-shadow: none;
        height: auto;
        text-indent: 0;
        width: auto;
    }



/* Tabs */

/* #asap-admin-content .tab-container.no-background,
#asap-admin-content .tab-container.margin-top {
	margin-top: 0;
} */
#asap-admin-content .tab-container.margin-top {
    margin-top: 20px;
}

#asap-admin-content .tab-container.no-background {
    margin-bottom: 20px;
}

#asap-admin-content .tab-container h2 {
    display: none;
}

#asap-admin-content .tab-container .tabs {
    margin-bottom: 30px;
    position: relative;
}

#asap-admin-content .tab-container.no-background .tabs {
    margin-bottom: 20px;
}

#asap-admin-content .tab-container.borders .tabs {
    border-bottom: 2px solid #f3f6f7;
}

#asap-admin-content .tab-container.no-background.borders .tabs {
    border-bottom: 1px solid #d8dfe1;
    overflow-y: hidden;
}

#asap-admin-content .tab-container .tabs ul {
    margin: 0;
    list-style-type: none;
    padding: 0;
    white-space: nowrap;
}

#asap-admin-content .tab-container.no-background.borders .tabs ul {
    overflow-x: hidden;
}

#asap-admin-content .tab-container .tabs ul li {
    display: inline-block;
    font-size: 0;
    margin-right: 20px;
}

#asap-admin-content .tab-container.borders .tabs ul li {
    margin: 0 30px 0 0;
}

    #asap-admin-content .tab-container.borders .tabs ul li:last-child {
        margin-right: 0;
    }

#asap-admin-content .tab-container .tabs ul li a {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
}

#asap-admin-content .tab-container .tab-container .tabs ul li a {
    font-size: 14px;
    font-size: 0.875rem;
}

#asap-admin-content .tab-container .tab-container.borders .tabs ul li.active a {
    border-bottom-width: 3px;
}

#asap-admin-content .tab-container.borders .tabs ul li a {
    border-bottom: 5px solid transparent;
    color: #313b48;
    display: inline-block;
    font-weight: 400;
    /* margin-bottom: -3px !important; */
    padding: 0 0 15px;
    position: relative;
    text-transform: capitalize;
}
/* #asap-admin-content .tab-container .tab-container.borders .tabs ul li a {
	margin-bottom: -2px !important;
} */
#asap-admin-content .tab-container .tab-container.borders .tabs ul li a {
    border-bottom-width: 3px;
}

#asap-admin-content .tab-container.borders .tabs ul li a.less-padding {
    padding-bottom: 10px;
}

#asap-admin-content .tab-container.borders .tabs.less-padding ul li a {
    padding-bottom: 6px;
}

#asap-admin-content .tab-container.borders .tabs ul li a:after {
    background: #00adee;
    bottom: -5px;
    content: '';
    height: 5px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: all .2s ease;
    width: 0;
}

#asap-admin-content .tab-container .tab-container.borders .tabs ul li a:after {
    bottom: -3px;
    height: 3px;
}

#asap-admin-content .tab-container.borders .tabs ul li a:hover:after {
    width: 100%;
}

#asap-admin-content .tab-container .tabs ul li.active a,
#asap-admin-content .tab-container .tabs ul li a:hover {
    color: #313b48;
}

#asap-admin-content .tab-container.borders .tabs ul li.active a {
    border-bottom: 5px solid #00adee;
    font-weight: 400;
}

#asap-admin-content .tab-container .tabs a.left,
#asap-admin-content .tab-container .tabs a.right {
    background: linear-gradient(to right, rgba(240,243,248,1) 0%,rgba(240,243,248,1) 80%,rgba(240,243,248,0) 100%);
    font-size: 0;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 40px;
    z-index: 10;
}

    #asap-admin-content .tab-container .tabs a.left:after,
    #asap-admin-content .tab-container .tabs a.right:after {
        content: '\e5cb';
        display: inline-block;
        font: 22px 'Material Icons', serif;
        height: 100%;
        text-align: center;
        width: 40px;
    }

#asap-admin-content .tab-container .tabs a.right {
    background: linear-gradient(to right, rgba(240,243,248,0) 0%,rgba(240,243,248,1) 20%,rgba(240,243,248,1) 100%);
    left: auto;
    right: 0;
}

#asap-admin-content .tab-container .tab-container .tabs a.right {
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);
}

#asap-admin-content .tab-container .tab-container .tabs a.left {
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%);
}

#asap-admin-content .tab-container .tabs a.right:after {
    content: '\e5cc';
}

#asap-admin-content .tab-container .tabs a.hidden {
    display: none;
}

/* Calendar Controls */

#asap-admin-content .tab-container.calendar-controls header {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: 2px solid #e0e4e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    white-space: nowrap;
}

    #asap-admin-content .tab-container.calendar-controls header .tabs {
        margin-bottom: -2px !important;
    }
    /* #asap-admin-content .tab-container.calendar-controls header > * {
} */
    #asap-admin-content .tab-container.calendar-controls header h3,
    #asap-admin-content .tab-container.calendar-controls header nav.prev-next,
    #asap-admin-content .tab-container.calendar-controls header .date-selector {
        flex: 1 2 auto;
        margin-right: 15px;
    }

    #asap-admin-content .tab-container.calendar-controls header h3 {
        font-size: 15px;
        margin-bottom: 18px;
    }

#asap-admin-content .tab-container.calendar-controls nav.prev-next ul {
    font-style: 0;
    list-style-type: none;
    margin: 0;
    padding: 0 0 15px;
}

#asap-admin-content .tab-container.calendar-controls nav.prev-next li {
    display: inline-block;
    margin: 0 5px 0 0;
}

    #asap-admin-content .tab-container.calendar-controls nav.prev-next li a {
        background: #f5f6f7;
        border-radius: 100%;
        display: block;
        height: 24px;
        position: relative;
        text-indent: -10000em;
        width: 24px;
    }

        #asap-admin-content .tab-container.calendar-controls nav.prev-next li a:hover {
            background-color: #EEEFF1;
        }

        #asap-admin-content .tab-container.calendar-controls nav.prev-next li a:after {
            color: #8296b7;
            content: '\f104';
            font-family: FontAwesome;
            font-size: 12px;
            height: 24px;
            line-height: 24px;
            left: 0;
            position: absolute;
            text-align: center;
            text-indent: 0;
            top: 0;
            width: 24px;
        }

    #asap-admin-content .tab-container.calendar-controls nav.prev-next li:last-child a:after {
        content: '\f105';
    }

#asap-admin-content .tab-container.calendar-controls .tabs {
    flex: 3 1 auto;
    text-align: right;
}

/* Search Results (timed) */

#asap-admin-content .timed-results h3 {
    font-size: 11px;
    margin: 25px 0;
    position: relative;
    text-transform: uppercase;
}

    #asap-admin-content .timed-results h3:after {
        background: #d0d9df;
        content: '';
        height: 1px;
        left: 0;
        position: absolute;
        top: 6px;
        width: 100%;
        z-index: 0;
    }

    #asap-admin-content .timed-results h3 span {
        background: #fff;
        display: inline-block;
        padding: 0 20px 0 0;
        position: relative;
        z-index: 2;
    }

    #asap-admin-content .timed-results h3 strong {
        color: #313b48;
        font-weight: normal;
    }

#asap-admin-content .timed-results .accordion {
    background: transparent;
    border: none;
    box-shadow: none;
}

    #asap-admin-content .timed-results .accordion dt {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: transparent;
        color: #313b48;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 17px;
        font-weight: 400;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 5px 0;
    }

        #asap-admin-content .timed-results .accordion dt div {
            -webkit-box-flex: 0;
            -ms-flex: 0 1 30%;
            flex: 0 1 30%;
        }

        #asap-admin-content .timed-results .accordion dt span.ico {
            display: inline-block;
            height: 30px;
            margin-left: 20%;
            position: relative;
            width: 30px;
        }

            #asap-admin-content .timed-results .accordion dt span.ico:after {
                color: #00adee;
                content: '\f107';
                font: 30px Fontawesome;
                height: 30px;
                left: 0;
                line-height: 30px;
                position: absolute;
                text-align: center;
                top: 0;
                transition: all .2s ease-in-out;
                width: 30px;
            }

    #asap-admin-content .timed-results .accordion.open dt span.ico:after {
        transform: rotate(180deg);
    }

    #asap-admin-content .timed-results .accordion dt span.tag {
        display: inline-block;
        margin-right: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    #asap-admin-content .timed-results .accordion dd {
        background-color: transparent;
        padding: 0;
    }

#asap-admin-content .accordion .menu dd {
    background: #fff;
    opacity: 0;
    padding: 8px 0;
}

#asap-admin-content .timed-results .accordion table.list th,
#asap-admin-content .timed-results .accordion table.list td {
    padding-bottom: 8px;
    padding-top: 8px;
}

    #asap-admin-content .timed-results .accordion table.list td.icons a:not(:last-child) {
        margin-right: 5px;
    }

#asap-admin-content .timed-results .accordion table.list a.absent,
#asap-admin-content .timed-results .accordion table.list a.present,
#asap-admin-content .timed-results .accordion table.list a.letters,
#asap-admin-content .timed-results .accordion a.all-present {
    background: url('../images/ico-absent-grey.svg') 50% 50% no-repeat;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-indent: -10000em;
    vertical-align: top;
    width: 35px;
}

#asap-admin-content .timed-results .accordion a.all-present {
    background-image: url('../images/ico-check.svg');
    float: right;
    margin-right: 125px;
    margin-bottom: 10px;
}

    #asap-admin-content .timed-results .accordion a.all-present + * {
        clear: right;
    }

#asap-admin-content .timed-results .accordion table.list a.present {
    background-image: url('../images/ico-present-grey.svg');
}

    #asap-admin-content .timed-results .accordion table.list a.present.disable,
    #asap-admin-content .timed-results .accordion table.list a.absent.disable {
        pointer-events: none;
    }

    #asap-admin-content .timed-results .accordion table.list a.present:hover,
    #asap-admin-content .timed-results .accordion a.all-present:hover,
    #asap-admin-content .timed-results .accordion table.list a.present.active {
        background-image: url('../images/ico-present-color.svg');
    }

#asap-admin-content .timed-results .accordion table.list a.absent:hover,
#asap-admin-content .timed-results .accordion table.list a.absent.active {
    background-image: url('../images/ico-absent-color.svg');
}

#asap-admin-content .timed-results .accordion table.list a.letters {
    background: #b8b8b8;
    border-radius: 100%;
    color: #fff;
    font-size: 24px;
    letter-spacing: -3px;
    overflow: hidden;
    text-align: center;
    text-indent: 0;
}

    #asap-admin-content .timed-results .accordion table.list a.letters.three {
        font-size: 16px;
        letter-spacing: -1px;
    }

    #asap-admin-content .timed-results .accordion table.list a.letters.green:hover,
    #asap-admin-content .timed-results .accordion table.list a.letters.green.active {
        background: #77dd94;
    }

    #asap-admin-content .timed-results .accordion table.list a.letters.red:hover,
    #asap-admin-content .timed-results .accordion table.list a.letters.red.active {
        background: #e15c53;
    }

    


/* Page Section Details */

header.section-details {
    background: #fff;
    color: #313b48;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 40px 0 0;
    position: relative;
    /* word-break: break-all; */
}

    header.section-details.horizontal,
    header.section-details.no-bg {
        background: transparent;
        display: block;
        margin-top: 60px;
        padding: 0;
    }

    header.section-details.no-bg {
        margin-top: 0;
    }

    header.section-details.full-borders {
        padding-right: 0;
    }

    header.section-details + div[data-accordion-group] {
        margin-top: 30px;
    }

    header.section-details *[class^='col'] {
        border-right: 1px solid #ececec;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        margin-right: 25px;
        padding-right: 25px;
    }

        header.section-details *[class^='col'].no-border {
            border-right: none;
            padding-right: 0;
        }

    header.section-details.full-borders *[class^='col'] {
        border: 1px solid #ececec !important;
        border-right: 0 !important;
        margin: 0;
        padding: 25px 15px;
        position: relative;
    }

        header.section-details.full-borders *[class^='col']:last-child {
            border-right: 1px solid #ececec !important;
        }

#asap-admin-content header.section-details.full-borders h3 {
    background: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 900;
    left: 20px;
    line-height: 1;
    padding: 0 5px;
    position: absolute;
    text-transform: uppercase;
    top: -.5em;
}

header.section-details *[class^='col']:last-of-type {
    border: none;
    margin-right: 0;
    padding-right: 0;
}

header.section-details .col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    width: 120px;
}


#asap-admin-content header.section-details h3 {
    font-weight: 400;
    margin: 0 0 .5em;
}

    #asap-admin-content header.section-details h3.no-margin {
        margin-bottom: 0;
    }

#asap-admin-content header.section-details h4 {
    color: #313b48;
    font-size: 11px;
    margin: 0 0 .5em;
    text-transform: uppercase;
}

    #asap-admin-content header.section-details h4:not(:first-of-type) {
        margin-top: 15px;
    }

#asap-admin-content header.section-details p {
    color: #313b48;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 .6em;
}

header.section-details p.semester {
    display: block;
    font-size: 13px;
    margin: 0 0 1em;
}

header.section-details table {
    line-height: 1;
    text-align: left;
    width: auto;
}

    header.section-details table.full-width {
        width: 100%;
    }

header.section-details.align-left table {
    width: auto;
}

header.section-details th,
header.section-details td {
    padding: 3px 5px;
    text-align: left;
}

header.section-details table.list.alt-body-headers tbody th {
    color: #313b48;
}

header.section-details th {
    font-weight: 400;
    padding-right: 20px !important;
    text-align: left;
}

header.section-details.align-left td {
    text-align: left;
}

header.section-details a.toggle-accordions {
    bottom: 0;
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    text-indent: -10000em;
    width: 20px;
}

    header.section-details a.toggle-accordions:after {
        color: #313b48;
        content: '\f102';
        font-family: FontAwesome;
        font-size: 22px;
        height: 20px;
        left: 0;
        line-height: 20px;
        position: absolute;
        text-align: center;
        text-indent: 0;
        transition: all .2s ease-in-out;
        top: 0;
        width: 20px;
    }

    header.section-details a.toggle-accordions.closed:after {
        transform: rotate(180deg);
    }

    header.section-details a.toggle-accordions.active {
        transform: rotate(0);
    }

#asap-admin-content p.more-link {
    background: #fff;
    border-radius: 100%;
    bottom: -10px;
    box-shadow: 0 2px 2px rgba(0,0,0,.05);
    font-size: 0;
    height: 48px;
    left: 50%;
    margin: 0 0 0 -24px;
    position: absolute;
    width: 48px;
    z-index: 100;
}

    #asap-admin-content p.more-link a {
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 100;
    }

        #asap-admin-content p.more-link a:after {
            bottom: 0;
            color: #313b48;
            content: '\e313';
            font-family: 'Material Icons';
            font-size: 22px;
            left: 50%;
            line-height: 1;
            position: absolute;
            transform: translateX(-50%);
            transition: all .2s ease;
        }

        #asap-admin-content p.more-link a:not(.closed):after {
            transform: translateX(-50%) rotate(180deg);
        }

/* Content section header w/ options */

#asap-admin-content header.content-section,
.k-dialog-content header.content-section {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid #f3f6f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 30px 0 20px;
}

    #asap-admin-content header.content-section:first-child,
    .k-dialog-content header.content-section:first-child {
        margin-top: 0;
    }

    #asap-admin-content header.content-section.margin-top {
        margin-top: 30px;
    }

    #asap-admin-content header.content-section h3,
    .k-content header.content-section h3,
    .listing-edit.border-bottom h3,
    #asap-admin-content .listing-edit.border-bottom h3 {
        border-bottom: 3px solid #00adee;
        color: #313b48;
        display: inline-block;
        font-size: 16px;
        font-size: 1rem;
        font-weight: normal;
        margin: 0 10px -2px 0 !important;
        padding: 0 0 10px !important;
    }

#asap-admin-content .listing-edit.border-bottom h3,
.listing-edit.border-bottom h3 {
    padding-bottom: 0 !important;
}

#asap-admin-content header.content-section h4 {
    color: #313b48;
    font-size: 16px;
}

.listing-edit h4 {
    color: #313b48;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    margin: 0 !important;
}


#asap-admin-content header.content-section h3 kendo-switch {
    margin-left: 10px;
}

#asap-admin-content header.content-section div {
    padding: 0 0 10px 0;
}

    #asap-admin-content header.content-section div.no-padding {
        padding: 0;
    }

#asap-admin-content header.content-section label {
    color: #313b48;
    font-size: 11px;
    text-transform: uppercase;
}

.listing-edit label {
    display: inline-block;
    min-height: 20px;
    /* padding-bottom: 8px; */
}

    #asap-admin-content header.content-section label > *:not(:last-child),
    .listing-edit label > *:not(:last-child) {
        margin-right: 10px;
    }

    #asap-admin-content header.content-section label .k-checkbox,
    .listing-edit label .k-checkbox {
        position: relative;
    }
/* #asap-admin-content header.content-section label .k-checkbox-label:before,
#asap-admin-content header.content-section label .k-checkbox-label:after,
.listing-edit label .k-checkbox-label:before,
.listing-edit label .k-checkbox-label:after {
	top: -3px;
} */

/* Account Info */

#asap-admin-content .account-info {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    #asap-admin-content .account-info .table-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: auto;
    }

    #asap-admin-content .account-info table.list th {
        white-space: nowrap;
    }

    #asap-admin-content .account-info table.list .k-input,
    #asap-admin-content .account-info table.list .k-textbox,
    #asap-admin-content .account-info table.list .k-widget {
        width: 100%;
    }

        #asap-admin-content .account-info table.list .k-input:not(:last-child),
        #asap-admin-content .account-info table.list .k-textbox:not(:last-child),
        #asap-admin-content .account-info table.list .k-widget:not(:last-child) {
            margin-bottom: 4px;
        }

    #asap-admin-content .account-info figure.thumbnail {
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0,0,0,.2);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
        height: 120px;
        margin: 0 0 0 70px;
        position: relative;
        text-align: center;
        width: 120px;
    }

        #asap-admin-content .account-info figure.thumbnail img {
            border-radius: 5px;
            display: block;
            height: 120px;
            object-fit: cover;
            width: 120px;
        }

        #asap-admin-content .account-info figure.thumbnail a.upload {
            display: inline-block;
            font-size: 11px;
            font-weight: 400;
            margin: 8px 0 0;
            text-transform: uppercase;
        }

            #asap-admin-content .account-info figure.thumbnail a.upload span:before {
                content: '\f093';
                font-family: FontAwesome;
                font-size: 18px;
                margin-right: 8px;
            }

        #asap-admin-content .account-info figure.thumbnail a.delete {
            background-color: #e14c5f;
            border-radius: 100%;
            height: 30px;
            position: absolute;
            right: -12px;
            text-indent: -10000em;
            top: -12px;
            width: 30px;
        }

            #asap-admin-content .account-info figure.thumbnail a.delete:before {
                color: #fff;
                content: '\f1f8';
                font-family: FontAwesome;
                font-size: 14px;
                height: 30px;
                line-height: 30px;
                left: 0;
                position: absolute;
                text-align: center;
                text-indent: 0;
                top: 0;
                width: 30px;
            }

/* Invoice */

#asap-admin-content .vcard a,
table.list tr.primary-line a {
    color: #313b48;
}

#asap-admin-content .one-fourth .vcard a,
#asap-admin-content .one-fourth .vcard .email,
#asap-admin-content .one-fourth .vcard .tel {
    white-space: nowrap;
}

#asap-admin-content table.list tr.primary-line h3 {
    margin-bottom: 10px;
}

table.list tr.primary-line a:hover {
    text-decoration: none;
}

table.list tr.primary-line th,
table.list tr.primary-line td {
    vertical-align: top;
}

table.list tr.primary-line.deleted th,
table.list tr.primary-line.deleted td:not(:first-child) {
    opacity: 0.5;
}

#asap-admin-content .item-information {
    margin: 0 0 20px;
}

#asap-admin-content .primary-line h3.no-margin {
    margin-bottom: 0;
}

table.list tr.primary-line p {
    font-size: 15px;
    font-size: 0.9375rem;
    margin-bottom: 0.4em !important;
}

#asap-admin-content .item-information h4 {
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 40px;
}

#asap-admin-content .item-information .instructor {
    margin: 20px 0;
}

#asap-admin-content .item-information span.tag {
    background-color: transparent;
    background-position: 0 50%;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0;
    padding-left: 20px;
}

    #asap-admin-content .item-information span.tag.calendar {
        background-size: 15px;
    }

#asap-admin-content .item-information table thead th {
    font-weight: normal;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

#asap-admin-content .item-information table tr th,
#asap-admin-content .item-information table tr td {
    border-bottom: 1px solid #9dabc7 !important;
    border-top: none !important;
}

#asap-admin-content .item-information table:not(.ticket-details) tbody tr:last-child th,
#asap-admin-content .item-information table:not(.ticket-details) tbody tr:last-child td {
    border-bottom: none !important;
}

#asap-admin-content .item-information table tr th:first-child,
#asap-admin-content .item-information table tr td:first-child {
    padding-left: 0;
}

#asap-admin-content .item-information table tr th:last-child,
#asap-admin-content .item-information table tr td:last-child {
    padding-right: 0 !important;
}

#asap-admin-content .asap-admin-content-inner.print .item-information table:not(.adjustment-table) {
    margin-top: 20px;
}

    #asap-admin-content .asap-admin-content-inner.print .item-information table:not(.adjustment-table) tr th,
    #asap-admin-content .asap-admin-content-inner.print .item-information table:not(.adjustment-table) tr td {
        border-bottom: none !important;
        border-top: none !important;
        padding-top: 2px;
        padding-bottom: 2px;
    }


#asap-admin-content .item-information table thead th:last-child {
    text-align: right;
}

#asap-admin-content .item-information table.adjustment-table,
#asap-admin-content .item-information table.ticket-details,
#asap-admin-content .item-information table.conference-session-details {
    font-size: 12px;
    margin: 20px 0 0;
    max-width: 550px;
    width: 45%;
}

#asap-admin-content .item-information table + table.adjustment-table,
#asap-admin-content .item-information table + table.ticket-details,
#asap-admin-content .item-information table + table.conference-session-details {
    margin-top: 0;
}

#asap-admin-content .item-information table.adjustment-table th,
#asap-admin-content .item-information table.adjustment-table td,
#asap-admin-content .item-information table.ticket-details th,
#asap-admin-content .item-information table.ticket-details td,
#asap-admin-content .item-information table.conference-session-details th,
#asap-admin-content .item-information table.conference-session-details td {
    /* padding-bottom: 15px; */
    padding-bottom: 10px;
    /* padding-top: 15px; */
    padding-top: 10px;
}

#asap-admin-content .item-information table th.no-v-padding,
#asap-admin-content .item-information table td.no-v-padding {
    padding-bottom: 4px !important;
    padding-top: 5px !important;
}

#asap-admin-content .item-information table tr:not(.adjustment-total) th,
#asap-admin-content .item-information table tr:not(.adjustment-total) td {
    font-weight: normal !important;
}

#asap-admin-content .item-information table tr.adjustment-total {
    font-size: 14px;
}

#asap-admin-content .item-information table.adjustment-table th:last-child,
#asap-admin-content .item-information table.adjustment-table td:last-child,
#asap-admin-content .item-information table.ticket-details th:last-child,
#asap-admin-content .item-information table.ticket-details td:last-child,
#asap-admin-content .item-information table.conference-session-details th:last-child,
#asap-admin-content .item-information table.conference-session-details td:last-child {
    padding-right: 10px;
}

#asap-admin-content .item-information table.adjustment-table th,
#asap-admin-content .item-information table.ticket-details th,
#asap-admin-content .item-information table.conference-session-details th {
    font-weight: 700 !important;
}

#asap-admin-content .item-information table.adjustment-table tbody tr:first-child th,
#asap-admin-content .item-information table.adjustment-table tbody tr:first-child td {
    border-top: 1px solid #eaeef1;
}

#asap-admin-content .item-information table.adjustment-table td:last-child,
#asap-admin-content .item-information table.ticket-details td:last-child,
#asap-admin-content .item-information table.conference-session-details td:last-child {
    text-align: right !important;
}

#asap-admin-content .dropped-alert,
#asap-admin-content .drop-in-alert,
#asap-admin-content .waitlisted-alert,
#asap-admin-content .transferred-alert,
#asap-admin-content .recurring-fee-alert {
    background: #e14c5f;
    color: #fff;
    display: inline-block;
    margin-right: 8px;
    padding: 3px 5px;
}

#asap-admin-content .waitlisted-alert {
    background-color: #04babd;
}

#asap-admin-content .transferred-alert {
    background-color: #255bd6;
}

#asap-admin-content .recurring-fee-alert {
    background-color: #ffd562;
    color: inherit;
    font-size: 14px;
    margin-bottom: 20px !important;
}

#asap-admin-content h3 .recurring-fee-alert {
    margin-left: 20px;
}

#asap-admin-content .fee-summary strong,
#asap-admin-content .fee-summary span {
    display: block;
}

#asap-admin-content .fee-summary strong {
    font-weight: 700 !important;
}

#asap-admin-content table.fee-summary {
    font-weight: 700;
    margin-top: 5px;
}

    #asap-admin-content table.fee-summary th,
    #asap-admin-content table.fee-summary td {
        border: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    #asap-admin-content table.fee-summary th {
        padding-left: 0;
        padding-right: 30px;
    }

/* Printed Invoice */

#asap-admin-content table.invoice-status {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 30px;
}

    #asap-admin-content table.invoice-status tbody tr th,
    #asap-admin-content table.invoice-status tbody tr td {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    #asap-admin-content table.invoice-status tbody tr td {
        padding-left: 20px !important;
    }

#asap-admin-content .vcard.invoiced {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 100px 0 80px !important;
    padding-left: 25px;
}

    #asap-admin-content .vcard.invoiced * {
        line-height: 1.4;
        margin: 0;
    }

#asap-admin-content .vcard.company {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
    margin: 20px 0 80px !important;
}

    #asap-admin-content .vcard.company * {
        margin-bottom: 0;
    }

    #asap-admin-content .vcard.company .org {
        font-size: 18px;
        font-size: 1.125rem;
    }


/* --------------
   Student Checkin
-------------- */

body.checkin {
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100%;
    padding: 0;
    width: 100%;
}

    body.checkin a.button {
        box-shadow: 0 4px 8px rgba(0,0,0,.1);
    }

    body.checkin section {
        text-align: center;
        width: 100%;
    }

    body.checkin header img {
        display: block;
        margin: 0 auto;
        max-height: 130px;
        max-width: 99%;
    }

    body.checkin header h1 {
        font-size: 36px;
        font-size: 2.25rem;
        font-weight: 300;
        line-height: 1;
        margin: 40px 0;
    }

    body.checkin main {
        background: #e5edf3;
        padding: 25px;
    }

        body.checkin main label {
            display: inline-block;
            font-size: 18px;
            font-size: 1.125rem;
            font-weight: 600;
            margin: 0 10px 0 0;
            vertical-align: middle;
            width: auto;
        }

        body.checkin main input:not([type=checkbox]):not([type=radio]),
        body.checkin main button {
            border-radius: 5px;
            box-sizing: border-box;
            height: 36px;
            line-height: 36px;
            vertical-align: middle;
        }

        body.checkin main button {
            background: #00abeb;
            border: 0;
            box-shadow: 0 4px 8px rgba(0,0,0,.1);
            color: #fff;
            font-size: 13px;
            font-size: 0.8125rem;
            font-weight: bold;
            padding: 0 18px;
            text-transform: uppercase;
        }

        body.checkin main input:not([type=checkbox]):not([type=radio]) {
            background: #fff;
            display: inline-block;
            font-size: 18px;
            font-size: 1.125rem;
            margin: 0 5px 0 0;
            padding: 0 10px;
            width: 140px;
        }

    /* List */

    body.checkin section.list header img {
        border-radius: 100%;
    }

    body.checkin section.list header h1 {
        margin: 20px 0 60px;
    }

    body.checkin section.list main {
        background: transparent;
        margin: 0 auto;
        max-width: 550px;
        padding: 0;
    }

        body.checkin section.list main table {
            border: 1px solid #f3f4f5;
            border-radius: 5px;
            border-collapse: separate;
            border-spacing: 0;
            box-shadow: 0 4px 8px rgba(0,0,0,.1);
            padding: 15px;
            text-align: left;
            width: 100%;
        }

            body.checkin section.list main table tr:not(:last-child) > th,
            body.checkin section.list main table tr:not(:last-child) > td {
                border-bottom: 1px solid #ebebeb;
                padding-bottom: 20px;
            }

            body.checkin section.list main table tr > th:not(:last-child),
            body.checkin section.list main table tr > td:not(:last-child) {
                padding-right: 20px;
            }

            body.checkin section.list main table tr:not(:first-child) > th,
            body.checkin section.list main table tr:not(:first-child) > td {
                padding-top: 20px;
            }

            body.checkin section.list main table h4 {
                font-size: 18px;
                font-weight: normal;
                margin: 0;
            }

            body.checkin section.list main table img {
                border-radius: 100%;
            }

            body.checkin section.list main table a.button {
                background-color: #8dacb9;
                font-size: 14px;
                padding-left: 20px;
                padding-right: 20px;
            }

                body.checkin section.list main table a.button:hover {
                    background: #2bb673;
                }

                body.checkin section.list main table a.button.active {
                    background: #2bb673;
                }

    body.checkin section.list .submit {
        margin: 40px auto 0;
        width: 200px;
    }

        body.checkin section.list .submit a {
            box-sizing: border-box;
            display: block;
            margin: 0 0 20px;
            width: 100%;
        }

            body.checkin section.list .submit a:not(.button) {
                text-decoration: underline;
            }

                body.checkin section.list .submit a:not(.button):hover {
                    text-decoration: none;
                }



    /* -------
   Modal
   ------- */

    body.checkin .blocker {
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.5);
        overflow: auto;
        padding: 20px;
        position: fixed;
        text-align: center;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 50;
    }

        body.checkin .blocker:before {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -0.05em;
        }

    body.checkin .modal {
        background: #fff;
        border: 1px solid #dce0e0;
        display: inline-block;
        padding: 28px;
        position: relative;
        text-align: left;
        vertical-align: middle;
        width: 550px;
        z-index: 6;
    }

        body.checkin .modal a.close-modal {
            display: block;
            height: 20px;
            position: absolute;
            right: 25px;
            text-indent: -9999px;
            top: 25px;
            width: 20px;
        }

            body.checkin .modal a.close-modal:after {
                background: #eb5544;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                border-radius: 100%;
                color: #fff;
                content: '\f00d';
                display: block;
                font-family: FontAwesome;
                height: 27px;
                line-height: 27px;
                position: absolute;
                right: -38px;
                text-align: center;
                text-indent: 0;
                top: -38px;
                width: 27px;
            }

    body.checkin .modal-spinner {
        display: none;
        width: 64px;
        height: 64px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-right: -32px;
        margin-top: -32px;
        background: url("data:image/gif;base64,R0lGODlhIAAgAPMAABEREf///0VFRYKCglRUVG5ubsvLy62trTQ0NCkpKU5OTuLi4vr6+gAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==") #111 no-repeat center center;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
    }

    body.checkin .blocker.current .modal-content {
        display: inline-block !important;
    }

    body.checkin .modal-content {
        color: #434343;
        display: none;
        font-size: 15px;
        font-size: 0.9375rem;
        overflow: visible !important;
    }

        body.checkin .modal-content.bigger {
            width: 650px;
        }

        body.checkin .modal-content.huge {
            width: 750px;
        }

        body.checkin .modal-content.warning .close-modal,
        body.checkin .modal-content.wait .close-modal,
        body.checkin .modal-content.noclose .close-modal {
            display: none;
        }

        body.checkin .modal-content.modal.current {
            display: inline-block;
        }

        body.checkin .modal-content.wait {
            text-align: center;
            width: 270px;
        }

        body.checkin .modal-content.alt:before {
            background: #2bb673 url('../images/ico-check-sign.svg') 50% 50% no-repeat;
            background-size: auto 35px;
            border: 10px solid #fff;
            border-radius: 100%;
            content: '';
            height: 85px;
            left: 50%;
            margin: 0 0 0 -47px;
            position: absolute;
            top: -52px;
            width: 85px;
        }

        body.checkin .modal-content.alt.error:before {
            background: #f3482e url('../images/ico-error-sign.svg') 50% 50% no-repeat;
            background-size: auto 44px;
        }


        body.checkin .modal-content h2 {
            border-bottom: 1px solid #dce0e0;
            color: #157398;
            font-size: 18px;
            font-size: 1.125rem;
            font-weight: 700;
            margin: 0 0 15px;
            max-width: 100%;
            /* overflow-x: hidden; */
            padding: 0 0 15px;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

            body.checkin .modal-content h2.bigger {
                border: none;
                font-size: 24px;
                font-weight: 400;
                line-height: 1;
                margin: 0 0 5px;
                padding: 0;
            }

            body.checkin .modal-content h2.sad,
            body.checkin .modal-content h2.attendance,
            body.checkin .modal-content h2.schedule,
            body.checkin .modal-content h2.request {
                text-transform: uppercase;
            }

            body.checkin .modal-content h2.attendance,
            body.checkin .modal-content h2.schedule {
                margin-bottom: 0;
            }

                body.checkin .modal-content h2.sad:before,
                body.checkin .modal-content h2.attendance:before,
                body.checkin .modal-content h2.schedule:before,
                body.checkin .modal-content h2.request:before {
                    content: '\f119';
                    font-family: FontAwesome;
                    margin-right: 18px;
                }

                body.checkin .modal-content h2.attendance:before {
                    content: '\f046';
                }

                body.checkin .modal-content h2.schedule:before {
                    content: '\f0ae';
                }

            body.checkin .modal-content h2.request:before {
                content: '\f0ec';
            }

        body.checkin .modal-content.alt h2 {
            border: 0;
            color: #010101;
            font-size: 33px;
            font-weight: 300;
            margin: 35px 0 0;
            text-align: center;
        }

        body.checkin .modal-content.wait h2 {
            border: none;
            font-weight: normal;
            text-transform: uppercase;
        }

        body.checkin .modal-content h3 {
            color: #5e5e5e;
            font-size: 14px;
            font-weight: 400;
            line-height: 1;
            margin: 0 0 10px;
        }

            body.checkin .modal-content h3.black {
                color: #131313;
                font-weight: bold;
                margin: 15px 0;
            }

        body.checkin .modal-content p {
            margin-bottom: 25px;
        }

            body.checkin .modal-content p.bigger {
                font-size: 18px;
                font-size: 1.125rem;
                margin: 30px 0;
            }

            body.checkin .modal-content p.center {
                text-align: center;
            }

        body.checkin .modal-content.alt p {
            font-size: 18px;
            font-size: 1.125rem;
            margin: 0;
            text-align: center;
        }

        body.checkin .modal-content.warning p:first-of-type {
            padding: 0 80px 0 0;
            position: relative;
        }

        body.checkin .modal-content dl dt {
            color: #434343;
            font-size: 18px;
            font-size: 1.125rem;
        }

        body.checkin .modal-content dl dd {
            color: #666;
            font-size: 14px;
            font-size: 0.875rem;
            margin: 0;
            text-transform: uppercase;
        }

        body.checkin .modal-content ul.list,
        body.checkin .modal-content ul.list li {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

            body.checkin .modal-content ul.list li {
                position: relative;
            }

                body.checkin .modal-content ul.list li:not(:last-child) {
                    border-bottom: 1px solid #cfd8df;
                }

                body.checkin .modal-content ul.list li label,
                body.checkin .modal-content ul.list li input[type=radio],
                body.checkin .modal-content ul.list li input[type=checkbox] {
                    display: inline-block;
                    vertical-align: middle;
                }

                body.checkin .modal-content ul.list li label {
                    font-size: 14px;
                    font-size: 0.875rem;
                    font-weight: 600;
                    margin: 0 0 0 10px;
                    padding: 14px 0;
                    position: static;
                    width: auto;
                }

                body.checkin .modal-content ul.list li input:checked + label:after {
                    border-style: solid;
                    border-width: 12px 10px 12px 0;
                    border-color: transparent #f1f3f1 transparent transparent;
                    content: '';
                    height: 0;
                    margin: -12px -15px 0 0;
                    position: absolute;
                    right: 0;
                    top: 50%;
                    width: 0;
                }

        body.checkin .modal-content .panels-list .panel-description {
            background: #f1f3f1;
            padding: 24px;
        }

            body.checkin .modal-content .panels-list .panel-description figure {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                margin: 0;
                padding: 0;
            }

                body.checkin .modal-content .panels-list .panel-description figure .thumbnail {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 120px;
                    flex: 0 0 120px;
                    height: 120px;
                    margin-right: 25px;
                    width: 120px;
                }

                    body.checkin .modal-content .panels-list .panel-description figure .thumbnail img {
                        height: 120px;
                        object-fit: cover;
                        width: 120px;
                    }

                body.checkin .modal-content .panels-list .panel-description figure figcaption {
                    flex: 1 1 auto;
                }

                body.checkin .modal-content .panels-list .panel-description figure h2 {
                    border: none;
                    color: #484848;
                    font-size: 26px;
                    font-size: 1.625rem;
                    font-weight: 400;
                    line-height: 1;
                    margin: 0 0 10px;
                    overflow: visible;
                    padding: 0;
                }

                body.checkin .modal-content .panels-list .panel-description figure h3 {
                    font-size: 16px;
                    font-size: 1rem;
                    font-weight: 400;
                    margin: 0;
                }

            body.checkin .modal-content .panels-list .panel-description p {
                line-height: 1.7;
            }

                body.checkin .modal-content .panels-list .panel-description p:last-child {
                    margin-bottom: 0;
                }


        body.checkin .modal-content .table-wrapper {
            max-height: 400px;
            overflow: auto;
        }

            body.checkin .modal-content .table-wrapper.border {
                border-top: 1px solid #dce0e0;
            }

        body.checkin .modal-content table {
            color: #505050;
            font-size: 14px;
            font-size: 0.875rem;
            /*table-layout:fixed;*/
            text-transform: uppercase;
            width: 100%;
        }

            body.checkin .modal-content table tr > * {
                border-bottom: 1px solid #dce0e0;
                padding: 10px 10px 10px 0;
            }

                body.checkin .modal-content table tr > *:last-child {
                    padding-right: 0;
                }

                body.checkin .modal-content table tr > *.green {
                    color: #65ad25;
                }

                body.checkin .modal-content table tr > *.red {
                    color: #bc2e2e;
                }

            body.checkin .modal-content table tr > th {
                border-bottom: 2px solid #dce0e0;
                color: #000;
                font-size: 16px;
                font-size: 1rem;
                font-weight: normal;
                line-height: 1.2;
                text-transform: none;
            }

                body.checkin .modal-content table tr > th[scope=row] {
                    border-bottom-width: 1px;
                    color: inherit;
                    font-size: inherit;
                }

            body.checkin .modal-content table sup {
                font-size: 70%;
            }

        body.checkin .modal-content.warning:before {
            background: #ffbe22;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            content: '';
            height: 68px;
            position: absolute;
            right: 30px;
            top: 40px;
            width: 68px;
            z-index: 0;
        }

        body.checkin .modal-content.warning:after {
            color: #fff;
            content: '\f071';
            font-family: FontAwesome;
            font-size: 46px;
            position: absolute;
            top: 49px;
            right: 41px;
            z-index: 1;
        }

        body.checkin .modal-content ul.big {
            border-top: 1px solid #e8e8e8;
            font-size: 16px;
            font-size: 1rem;
            font-weight: bold;
            list-style: square;
            margin: 0;
            padding: 15px 0 0 30px;
        }

        body.checkin .modal-content .data-entry {
            background: #eff6f8;
            padding: 20px 25px;
        }

        body.checkin .modal-content label {
            display: block;
            font-size: 13px;
            font-size: 0.8125rem;
            font-weight: 300;
            margin: 0 -5px 3px;
            padding: 5px;
        }

            body.checkin .modal-content label.error {
                margin-bottom: 3px;
            }

        body.checkin .modal-content .data-entry label {
            font-size: 13px;
            font-size: 0.8125rem;
        }

        body.checkin .modal-content label input[type=radio] {
            margin-right: 10px;
        }

        body.checkin .modal-content nav.quiz {
            border-bottom: 1px solid #dddddd;
            margin-bottom: 15px;
        }

            body.checkin .modal-content nav.quiz ul {
                margin: 0;
                padding: 0;
            }

            body.checkin .modal-content nav.quiz li {
                display: inline-block;
                list-style: none;
                margin: 0 25px 0 0;
                padding: 0;
                position: relative;
            }

                body.checkin .modal-content nav.quiz li.complete:after {
                    color: #4ac01b;
                    content: '\f058';
                    font-family: FontAwesome;
                    font-size: 14px;
                    position: absolute;
                    right: -12px;
                    top: 0;
                }

                body.checkin .modal-content nav.quiz li:last-of-type {
                    margin-right: 0;
                }

            body.checkin .modal-content nav.quiz a {
                border-bottom: 3px solid transparent;
                display: block;
                font-size: 16px;
                font-weight: 400;
            }

            body.checkin .modal-content nav.quiz li.active a {
                border-bottom-color: #eb5544;
                color: #eb5544;
            }

        body.checkin .modal-content div.submit {
            border-top: 1px solid #dce0e0;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin: 15px 0 0;
            padding: 15px 0 0;
        }

            body.checkin .modal-content div.submit.tight {
                padding-left: 25%;
                padding-right: 25%;
            }

            body.checkin .modal-content div.submit.center {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

            body.checkin .modal-content div.submit.right {
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
            }

                body.checkin .modal-content div.submit.right .button:not(:first-child) {
                    margin-left: 15px;
                }

        body.checkin .modal-content.alt div.submit {
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            border: 0;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            body.checkin .modal-content.alt div.submit a.button {
                background-color: #2bb673;
                border-radius: 5px;
                box-shadow: 0 4px 8px rgba(0,0,0,.1);
                font-size: 16px;
                font-size: 1rem;
                text-align: center;
                text-transform: uppercase;
            }

        body.checkin .modal-content.alt.error div.submit a.button {
            background-color: #f3482e;
        }

        body.checkin .modal-content.alt div.submit a:not(:last-child) {
            margin-bottom: 15px;
        }

        body.checkin .modal-content.alt div.submit a:not(.button) {
            color: #00abeb;
            text-align: center;
            text-decoration: underline;
        }

            body.checkin .modal-content.alt div.submit a:not(.button):hover {
                text-decoration: none;
            }

        body.checkin .modal-content .loader {
            -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite;
            border: 10px solid #f3f3f3;
            border-radius: 50%;
            border-top: 10px solid #3498db;
            height: 80px;
            margin: 0 auto;
            width: 80px;
        }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* --------------
   Forms Builder
-------------- */
#form-builder-top-control-bar {
    background: #7e91b8;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,.15);
    color: #fff;
    margin-bottom: 12px;
    overflow: hidden;
}

    #form-builder-top-control-bar a {
        color: #fff;
    }

    #form-builder-top-control-bar .button.white {
        color: #313b48;
    }

    #form-builder-top-control-bar .save-disabled {
        text-shadow: 1px 1px 0 rgba(255,255,255,1);
    }

    #form-builder-top-control-bar ul {
        align-items: stretch;
        display: flex;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        #form-builder-top-control-bar ul.controls li {
            padding: 6px;
        }

        #form-builder-top-control-bar ul.options li a {
            align-items: center;
            background: url('../images/ico-dashboard-settings.svg') 20px 50% / 20px 20px no-repeat;
            display: flex;
            height: 100%;
            line-height: 100%;
            min-height: 24px;
            padding: 0 26px 0 56px;
        }

            #form-builder-top-control-bar ul.options li a:hover {
                background-color: #6982b6;
            }

            #form-builder-top-control-bar ul.options li a.active {
                background-color: #4f6d95;
            }

            #form-builder-top-control-bar ul.options li a.submission-settings {
                background-image: url('../images/ico-paper-plane.svg');
            }

#asap-admin-interface #form-builder-pallet,
#asap-admin-interface .fb-module.active {
    border: 1px solid #7e91b8 !important;
    border-radius: 5px;
    box-shadow: inset 0 0 0 4px #dbe1ec;
    padding: 18px;
}

#asap-admin-interface #form-builder-canvas .fb-module {
    border: 1px solid transparent;
    padding: 8px 18px;
    position: relative;
    transition: background-color .2s ease;
}

    #asap-admin-interface #form-builder-canvas .fb-module:hover {
        background: #f4f6f9;
    }

    #asap-admin-interface #form-builder-canvas .fb-module ul.fb-toolbar {
        background: #7e91b8;
        border-radius: 5px;
        align-items: stretch;
        display: flex;
        left: 50%;
        list-style-type: none;
        margin: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        top: -22px;
        transform: translateX(-50%);
        transition: all .2s ease;
        visibility: hidden;
        z-index: 10;
    }

    #asap-admin-interface #form-builder-canvas .fb-module.active ul.fb-toolbar {
        opacity: 1;
        visibility: visible;
    }

    #asap-admin-interface #form-builder-canvas .fb-module ul.fb-toolbar a {
        background: url('../images/ico-cut.svg') 50% 5px / 20px 20px no-repeat;
        color: #fff;
        display: block;
        font-size: 11px;
        padding: 25px 0 3px;
        text-align: center;
        transition: background .2s ease;
        width: 46px;
    }

        #asap-admin-interface #form-builder-canvas .fb-module ul.fb-toolbar a:hover {
            background-color: #4f6d95;
        }

        #asap-admin-interface #form-builder-canvas .fb-module ul.fb-toolbar a.fb-t-copy {
            background-image: url('../images/ico-copy.svg');
        }

        #asap-admin-interface #form-builder-canvas .fb-module ul.fb-toolbar a.fb-t-paste {
            background-image: url('../images/ico-paste.svg');
        }

        #asap-admin-interface #form-builder-canvas .fb-module ul.fb-toolbar a.fb-t-delete {
            background-image: url('../images/ico-delete.svg');
        }

        #asap-admin-interface #form-builder-canvas .fb-module ul.fb-toolbar a.fb-t-insert {
            background-image: url('../images/ico-insert.svg');
            background-position: 50% 7px;
            background-size: 16px;
        }

        #asap-admin-interface #form-builder-canvas .fb-module ul.fb-toolbar a.fb-t-shorter {
            background-image: url('../images/ico-shorter.svg');
            background-position: 50% 10px;
            background-size: 12px;
        }

        #asap-admin-interface #form-builder-canvas .fb-module ul.fb-toolbar a.fb-t-longer {
            background-image: url('../images/ico-longer.svg');
            background-position: 50% 10px;
            background-size: 12px;
        }

#asap-admin-interface #form-builder-canvas .fb-add-module {
    cursor: pointer;
    display: block;
    height: 22px;
    margin-bottom: -9px;
    margin-top: -10px;
    opacity: 0;
    position: relative;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 8;
}

    #asap-admin-interface #form-builder-canvas .fb-add-module:hover {
        opacity: 1;
    }

    #asap-admin-interface #form-builder-canvas .fb-add-module:before {
        background: #7e91b8 url('../images/ico-insert.svg') 50% 50% / 16px 16px no-repeat;
        border-radius: 100%;
        content: '';
        height: 22px;
        left: 0px;
        position: absolute;
        top: 0;
        width: 22px;
        z-index: 9;
    }

    #asap-admin-interface #form-builder-canvas .fb-add-module:after {
        background: #7e91b8;
        content: '';
        height: 3px;
        left: 0;
        position: absolute;
        top: 10px;
        width: 100%;
    }

#form-builder-pallet h3 {
    border-bottom: 1px solid #f0f3f8;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#asap-admin-interface #form-builder-pallet h2 {
    display: block;
    font-size: 14px;
    margin: 10px 0 5px;
}

#asap-admin-interface #form-builder-canvas .k-editor h1,
#asap-admin-interface #form-builder-pallet .k-editor h1,
#asap-admin-interface #form-builder-canvas .fb h1,
#asap-admin-interface #form-builder-pallet .fb h1,
#asap-admin-interface #form-builder-canvas .k-editor h2,
#asap-admin-interface #form-builder-pallet .k-editor h2,
#asap-admin-interface #form-builder-canvas .fb h2,
#asap-admin-interface #form-builder-pallet .fbr h2,
#asap-admin-interface #form-builder-canvas .k-editor h3,
#asap-admin-interface #form-builder-pallet .k-editor h3,
#asap-admin-interface #form-builder-canvas .fb h3,
#asap-admin-interface #form-builder-pallet .fb h3,
#asap-admin-interface #form-builder-canvas .k-editor h4,
#asap-admin-interface #form-builder-pallet .k-editor h4,
#asap-admin-interface #form-builder-canvas .fb h4,
#asap-admin-interface #form-builder-pallet .fb h4,
#asap-admin-interface #form-builder-canvas .k-editor h5,
#asap-admin-interface #form-builder-pallet .k-editor h5,
#asap-admin-interface #form-builder-canvas .fb h5,
#asap-admin-interface #form-builder-pallet .fb h5,
#asap-admin-interface #form-builder-canvas .k-editor h6,
#asap-admin-interface #form-builder-pallet .k-editor h6,
#asap-admin-interface #form-builder-canvas .fb h6,
#asap-admin-interface #form-builder-pallet .fb h6 {
    border: 0;
    color: #000;
    display: block;
    font-size: 28px;
    margin: 0.67em 0;
    text-transform: none;
}

#asap-admin-interface #form-builder-canvas .k-editor h2,
#asap-admin-interface #form-builder-pallet .k-editor h2,
#asap-admin-interface #form-builder-canvas .fb h2,
#asap-admin-interface #form-builder-pallet .fbr h2 {
    font-size: 24px;
}

#asap-admin-interface #form-builder-canvas .k-editor h3,
#asap-admin-interface #form-builder-pallet .k-editor h3,
#asap-admin-interface #form-builder-canvas .fb h3,
#asap-admin-interface #form-builder-pallet .fb h3 {
    font-size: 20px;
}

#asap-admin-interface #form-builder-canvas .k-editor h4,
#asap-admin-interface #form-builder-pallet .k-editor h4,
#asap-admin-interface #form-builder-canvas .fb h4,
#asap-admin-interface #form-builder-pallet .fb h4 {
    font-size: 18px;
}

#asap-admin-interface #form-builder-canvas .k-editor h5,
#asap-admin-interface #form-builder-pallet .k-editor h5,
#asap-admin-interface #form-builder-canvas .fb h5,
#asap-admin-interface #form-builder-pallet .fb h5 {
    font-size: 16px;
}

#asap-admin-interface #form-builder-canvas .k-editor h6,
#asap-admin-interface #form-builder-pallet .k-editor h6,
#asap-admin-interface #form-builder-canvas .fb h6,
#asap-admin-interface #form-builder-pallet .fb h6 {
    font-size: 14px;
}

#form-builder-pallet ul.add-fields {
    font-size: 0;
    margin: 0;
    padding: 0;
}

    #form-builder-pallet ul.add-fields li {
        display: inline-block;
        font-size: 13px;
        margin-bottom: 7px !important;
        text-align: top;
        width: calc(50% - 5px);
    }

        #form-builder-pallet ul.add-fields li a {
            border: 1px solid #bcc0ca;
            border-radius: 5px;
            color: #484848;
            display: block;
            height: 36px;
            line-height: 36px;
            overflow: hidden;
            padding: 0 24px 0 10px;
            position: relative;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            #form-builder-pallet ul.add-fields li a:after {
                background: url('../images/bg-grip.gif') 0 0 repeat;
                bottom: 3px;
                content: '';
                display: block;
                position: absolute;
                right: 3px;
                top: 3px;
                transition: opacity .2s ease;
                width: 11px;
            }

            #form-builder-pallet ul.add-fields li a:hover:after {
                opacity: 0.5;
            }

        #form-builder-pallet ul.add-fields li:nth-child(2n + 1) {
            margin-right: 10px;
        }

    #form-builder-pallet ul.add-fields.one-col li {
        margin-right: 0;
        width: 100%;
    }

#asap-admin-interface #form-builder-canvas .fb-module h3 {
    font-weight: bold;
    margin: 0;
}

#asap-admin-interface #form-builder-canvas .fb-module p {
    margin: 0 0 8px;
}

    #asap-admin-interface #form-builder-canvas .fb-module p:last-child {
        margin-bottom: 0;
    }

#asap-admin-content input.fb,
#asap-admin-content textarea.fb,
#asap-admin-content select.fb {
    background: #fff;
    border: 1px solid #bcc0ca;
    box-shadow: none;
    display: block;
    margin: 0 0 4px;
    width: 100%;
}

#asap-admin-content textarea.fb {
    min-height: 60px;
}

    #asap-admin-content input.fb:last-child,
    #asap-admin-content textarea.fb:last-child,
    #asap-admin-content select.fb:last-child {
        margin-bottom: 4px !important;
    }

#asap-admin-content .col-wrapper > * > input.fb:last-child,
#asap-admin-content .col-wrapper > * > textarea.fb:last-child,
#asap-admin-content .col-wrapper > * > select.fb:last-child {
    margin-bottom: 0 !important;
}

select.fb {
    padding: 6px 10px !important;
}

label.fb {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
}

ul.fb-filters {
    font-size: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.fb-filters li {
        display: inline-block;
    }

        ul.fb-filters li:not(:last-child) {
            margin-right: 2px;
        }

.fb-filter {
    -webkit-appearance: none;
    clip: rect(0,0,0,0);
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
}

.fb-filter-label {
    border: 1px solid #00adee;
    border-radius: 3px;
    color: #00adee;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    padding: 5px;
}

.fb-filter:checked + .fb-filter-label {
    background: #00adee;
    color: #fff;
}

#form-builder-pallet label.fb:not(:first-of-type) {
    display: inline-block;
    margin-top: 10px;
}

label.fb .req {
    color: #7e91b8;
    vertical-align: 0%;
}

#asap-admin-interface #form-builder-canvas {
    padding: 15px;
}

    #asap-admin-interface #form-builder-canvas .form-submit {
        padding-left: 18px;
        padding-right: 18px;
        padding-top: 8px;
    }

#asap-admin-interface .custom-form-plus-drop-zone {
    border: 1px dashed #7e91b8;
    border-radius: 5px;
    min-height: 50px;
    position: relative;
}

    #asap-admin-interface .custom-form-plus-drop-zone:after {
        color: #7e92b6;
        content: '+';
        display: block;
        font-size: 20px;
        font-weight: bold;
        height: 20px;
        line-height: 20px;
        left: 50%;
        position: absolute;
        text-align: center;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 20px;
    }





/* ==========================================================================
	 Tools
	 ========================================================================== */

.no-margin {
    margin: 0;
}

.no-padding {
    padding: 0;
}

/* ==========================================================================
	 Media Queries
	 ========================================================================== */

/* -----------------------
	 Smartphones and tablets
	 ----------------------- */

@media only screen and (max-width: 1440px) {
    body {
        width: auto;
    }

    header#asap-admin-header {
        left: 0;
        margin-left: 0;
        width: 100%;
    }

    #asap-admin-search-form:after {
        display: block;
        right: -20px;
    }

    table.list.alt-body-headers tbody td .col-wrapper > *:not(:last-child) {
        margin-right: 3% !important;
    }

    table.list.alt-body-headers tbody td .col-wrapper label {
        white-space: nowrap;
    }

    table.list.alt-body-headers tbody td label {
        margin-left: 0;
        margin-right: 3%;
    }

    .k-dialog-wrapper.align-right .k-window-content .table-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

/* -----------
	 iPad Pro
	 ----------- */

@media only screen and (max-width: 1024px) {
    .k-dialog-wrapper.align-right .k-dialog {
        flex-basis: 100% !important;
        max-width: none;
    }
}

/* -----------
	 Smartphones
	 ----------- */

@media only screen and (max-width: 767px) {
    .mobile-only {
        display: block !important;
    }

    .desktop-only {
        display: none !important;
    }

    .margin-left-325 {
        margin-left: 0 !important;
    }

    .pos-f {
        position: static;
    }

    .width-300 {
        margin-bottom: 40px;
        margin-top: 40px;
        width: auto;
    }


    html {
        background-color: #fff;
    }

    body {
        padding-left: 0;
        padding-right: 0;
        transition: padding .2s ease-in-out;
    }

        body.search-open {
            padding-top: 85px;
        }

    .k-dialog-wrapper {
        z-index: 9999999;
    }

    .k-dialog {
        min-width: 0;
    }

    .k-dialog-content h4 {
        font-size: 15px;
    }

    .k-dialog-buttongroup {
        padding-left: 0;
        padding-right: 0;
    }

    .k-dialog-button-layout-right .k-button {
        flex: 1 1 auto !important;
    }

    #asap-admin-content .empty-message {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    header#asap-admin-header {
        transition: height .2s ease-in-out;
    }

    body.search-open header#asap-admin-header {
        height: 85px;
    }

    nav#asap-admin-main-nav ul li#asap-admin-user:after,
    nav#asap-admin-main-nav ul li#asap-admin-help-holder,
    nav#asap-admin-main-nav ul li#asap-admin-quick-links-holder,
    nav#asap-admin-main-nav ul li#asap-admin-org-holder,
    nav#asap-admin-main-nav ul li#asap-admin-switch-holder,
    nav#asap-admin-main-nav ul li#asap-admin-news-holder,
    body.not-found-404 nav#asap-admin-main-nav ul li#asap-admin-user /*,
	h1#asap-admin-header-logo*/ {
        display: none;
    }

    h1#asap-admin-header-logo a {
        background-position: 0 50%;
        left: 60px;
        opacity: 1;
        position: fixed;
        right: 85px;
        top: 0;
        transition: all .2s ease;
        visibility: visible;
    }

    #asap-admin-nav-ul li#asap-admin-user {
        position: fixed;
        top: 80px;
        width: 70%;
        left: -80%;
        margin: 0;
        transition: all .2s ease-in-out;
    }

        #asap-admin-nav-ul li#asap-admin-user #asap-admin-user-menu-trigger {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            display: none;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            line-height: 1;
            padding-left: 130px !important;
            text-align: left;
        }

    body.main-menu-open #asap-admin-nav-ul li#asap-admin-user {
        left: 0;
    }

    #asap-admin-nav-ul li#asap-admin-user .avatar {
        height: 73px;
        left: 20px;
        width: 73px;
    }

        #asap-admin-nav-ul li#asap-admin-user .avatar img {
            height: 73px;
            width: 73px;
        }

    li#asap-admin-user ul#asap-admin-user-menu {
        right: 10px;
        top: 85%;
    }

    ul#asap-admin-search-menu {
        left: 180px;
        transform-origin: 50% 0;
        top: 90px;
    }

    li#asap-admin-user ul#asap-admin-user-menu:before {
        right: 38px;
    }

    li#asap-admin-user ul#asap-admin-user-menu:after {
        right: 37px;
    }

    ul#asap-admin-search-menu:before {
        right: 160px;
    }

    ul#asap-admin-search-menu:after {
        right: 159px;
    }

    #asap-admin-search-menu a {
        font-size: 18px;
    }

    #asap-admin-search-form {
        left: 300px;
        min-width: 0;
        padding-right: 0;
        right: 20px;
        transition: all .2s ease-in-out;
    }

    body.search-open #asap-admin-search-form {
        left: 20px;
        right: 55px;
    }

    #asap-admin-search-form:after {
        right: -10px;
    }

    #asap-admin-search-form input[type=search] {
        opacity: 0;
        padding: 6px 10px;
        transition: all .2s ease-in-out;
        visibility: hidden;
    }

    body.search-open #asap-admin-search-form input[type=search] {
        opacity: 1;
        padding-left: 40px;
        visibility: visible;
    }

    #asap-admin-search-form button[type=submit] {
        right: -10px;
    }

    body.search-open #asap-admin-search-form button[type=submit] {
        left: 0;
    }

    body.search-open #asap-admin-search-close {
        background: url('../images/ico-close.svg') 50% 50% no-repeat;
        background-size: 18px 18px;
        height: 32px;
        position: absolute;
        right: -40px;
        text-indent: -1000em;
        top: 18px;
        width: 32px;
    }

    #asap-admin-search-form #asap-admin-search-menu-holder {
        left: 150px;
        opacity: 0;
        right: auto;
        top: 60px;
        transition: all .2s ease-in-out;
        visibility: hidden;
        z-index: 5;
    }

    body.search-open #asap-admin-search-form #asap-admin-search-menu-holder {
        opacity: 1;
        visibility: visible;
    }

    #asap-admin-search-advanced-holder {
        display: none;
    }

    #asap-admin-search-advanced-trigger {
        font-size: 0;
        height: 15px;
        width: 15px;
    }

    #asap-admin-search-advanced-options {
        position: fixed;
        right: 0;
    }

    #asap-admin-search-suggestions {
        right: 0;
        z-index: 10;
    }

    nav#asap-admin-nav {
        background: #fff;
        bottom: 0;
        box-shadow: 4px 0 4px rgba(0,0,0,.05);
        box-sizing: border-box;
        left: -80%;
        opacity: 1;
        overflow: visible !important;
        padding: 100px 20px 20px;
        top: 70px;
        visibility: visible;
        width: 70% !important;
        z-index: 9999999;
    }

    body.search-open nav#asap-admin-nav,
    body.filters-open nav#asap-admin-nav {
        opacity: 0;
        visibility: hidden;
    }

    nav#asap-admin-nav.active {
        left: 0;
    }

    nav#asap-admin-nav #asap-admin-nav-ul {
        bottom: 0;
        left: 0;
        padding: 20px;
        position: absolute;
        right: 0;
        top: 0;
    }

        nav#asap-admin-nav #asap-admin-nav-ul:before,
        nav#asap-admin-nav #asap-admin-nav-ul:after {
            content: '';
            height: 20px;
            left: -80%;
            position: fixed;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            width: 70%;
            z-index: 2;
        }

    body.main-menu-open nav#asap-admin-nav #asap-admin-nav-ul:before,
    body.main-menu-open nav#asap-admin-nav #asap-admin-nav-ul:after {
        left: 0;
    }

    nav#asap-admin-nav #asap-admin-nav-ul:before {
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        top: 70px;
    }

    nav#asap-admin-nav #asap-admin-nav-ul:after {
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        bottom: 0;
    }

    nav#asap-admin-nav h2 {
        bottom: 100%;
        cursor: pointer;
        display: block;
        height: 70px;
        left: 0;
        margin: 0;
        position: fixed;
        text-indent: -10000em;
        top: 0;
        width: 60px;
    }

        nav#asap-admin-nav h2:after {
            color: #7f93b5;
            content: '\e5d2';
            font: normal 30px 'Material Icons';
            height: 70px;
            left: 0;
            line-height: 70px;
            position: absolute;
            text-align: center;
            text-indent: 0;
            top: 0;
            width: 60px;
        }

    nav#asap-admin-nav.active h2 {
        display: block;
        transition: all .3s ease-in-out;
    }
    /* nav#asap-admin-nav.active h2:after {
		content: '\f00d';
	} */
    nav#asap-admin-nav ul li a {
        background-position: 18px 50% !important;
        color: #313b48 !important;
        font-size: 12px !important;
        padding-left: 45px !important;
        padding-right: 10px !important;
    }

    nav#asap-admin-nav ul.overflow li a .notification {
        margin-left: 5px !important;
        position: static !important;
    }

    nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-register a,
    nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-new-folder a,
    nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-logout a {
        color: #fff !important;
    }

    nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-logout a {
        background-color: #e15c53;
        background-image: url('../images/ico-logout-white.svg');
        box-shadow: 0 0 10px rgba(0,0,0,.3);
        margin-top: 10px;
        text-align: center;
    }

    nav#asap-admin-nav #asap-admin-nav-ul li a:before {
        font-size: 20px;
    }

    #asap-admin-nav-toggler {
        display: none;
    }

    #asap-admin-content-nav-primary ul li {
        display: block;
        margin: 0 0 8px;
    }

        #asap-admin-content-nav-primary ul li.complete:after {
            left: auto;
            right: 0;
        }

    .grey-panel {
        width: 100%;
    }

    #asap-admin-content .asap-admin-content-inner {
        background-color: transparent;
        box-shadow: none;
        padding: 0 !important;
    }

        #asap-admin-content .asap-admin-content-inner.relative {
            padding-bottom: 10px;
        }

    #asap-admin-content .content-header {
        /* -webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center; */
        background: transparent;
        display: block;
        /* -webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column; */
        height: auto !important;
        margin: 0 0 5px;
        padding: 0;
        position: static;
    }
        /* #asap-admin-content .content-header h2,
	#asap-admin-content .content-header .options .filters:before {
		left: 60px;
		line-height: 70px;
		margin-bottom: 0;
		opacity: 1;
		overflow: hidden;
		position: fixed;
		right: 85px;
		text-overflow: ellipsis;
		transition: all .2s ease-in-out;
		top: 0;
		visibility: visible;
		white-space: nowrap;
		z-index: 999999;
	} */
        #asap-admin-content .content-header h2 {
            font-size: 20px;
            font-size: 1.25rem;
            height: auto;
            overflow: visible;
            white-space: normal;
        }

        #asap-admin-content .content-header h3 {
            background-color: #fff;
            font-size: 16px;
            margin: 0 0 20px;
        }
    /* #asap-admin-content .content-header .options .filters:before {
		color: #313b48 ;
		content: 'Filters';
		font-size: 24px;
		font-weight: 400;
		left: 20px;
		opacity: 0;
		visibility: hidden;
	}
	.filters-open #asap-admin-content .content-header .options .filters:before {
		opacity: 1;
		visibility: visible;
	} */
    body.search-open h1#asap-admin-header-logo a,
    body.filters-open h1#asap-admin-header-logo a {
        opacity: 0;
        visibility: hidden;
    }

    body.not-found-404 section#asap-admin-interface {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    article#asap-admin-content {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom-width: 60px;
        margin-left: 0 !important;
        padding: 20px !important;
        width: 100%;
    }

        article#asap-admin-content:after {
            background: rgba(0,0,0,.5);
            content: '';
            display: block;
            height: 100%;
            left: 0;
            opacity: 0;
            position: fixed;
            top: 0;
            transition: opacity .2s ease, visibility .2s ease;
            visibility: hidden;
            width: 100%;
        }

    body.content-menu-open {
        overflow-y: hidden;
    }

        body.main-menu-open article#asap-admin-content:after,
        body.content-menu-open article#asap-admin-content:after {
            opacity: 1;
            visibility: visible;
        }

    #asap-admin-content .empty {
        min-height: 0;
    }

    #asap-admin-content .content-header.border:before,
    #asap-admin-content .content-header.border:after {
        display: none;
    }

    #asap-admin-content header .options {
        margin-bottom: 30px;
    }
    /* #asap-admin-content .content-header .options > *:not(.filters) {
		display: none;
	} */

    #asap-admin-content .content-header .options .filters {
        position: fixed;
        right: 45px;
        top: 18px;
        transition: all .2s ease-in-out;
        z-index: 1000000;
    }

    .filters-open #asap-admin-content .content-header .options .filters {
        right: 10px;
    }

    .search-open #asap-admin-content .content-header .options .filters {
        display: none;
    }

    #asap-admin-content .content-header .options .filters dt.filters-trigger a {
        height: 34px;
        margin: 0;
        width: 34px;
    }

    .filters-open #asap-admin-content .content-header .options .filters dt.filters-trigger a {
        background: #fff url(../images/ico-close.svg) 50% 50% no-repeat;
        background-size: 18px 18px;
    }


    #asap-admin-content .content-header .options .filters dd.filters-content {
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 4px 12px rgba(0,0,0,.05);
        bottom: 10px;
        display: block;
        left: 10px;
        overflow: auto;
        right: 10px;
        padding: 20px;
        position: fixed;
        top: 80px;
        z-index: 9999;
    }

        #asap-admin-content .content-header .options .filters dd.filters-content h3 {
            margin-bottom: 20px;
        }

        #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements {
            max-width: none;
        }

            #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements select,
            #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements .a-combomenu,
            #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements .a-combomenu dt a {
                margin-right: 0;
                width: 100%;
            }

                #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements .a-combomenu dt a {
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                }

                #asap-admin-content .content-header .options .filters dd.filters-content .filters-elements .a-combomenu.active dd.a-combomenu-content {
                    min-width: 0;
                    width: 100%;
                }

    /* Form elements */

    #asap-admin-content .form-submit {
        border-top: 1px solid #eaeef1;
        padding-top: 20px;
    }

        #asap-admin-content .form-submit .button,
        #asap-admin-content .form-submit dl.combo-button {
            display: block;
            margin: 0 0 10px !important;
            text-align: center;
        }


    .date-range-calendars {
        display: block;
        min-width: 0;
    }

        .date-range-calendars .col-1,
        .date-range-calendars .col-2,
        .date-range-calendars .col-3 {
            margin-right: 0;
            margin-bottom: 5px;
        }

        .date-range-calendars .col-3 {
            margin-top: 5px;
            margin-bottom: 0;
        }

    #asap-admin-content .date-range-selector input.date-range-input {
        min-width: 0 !important;
    }

    #asap-admin-content #hidden-search input {
        min-width: 0 !important;
    }

    .el-select-dropdown,
    .el-date-picker {
        z-index: 99999 !important;
    }

    .k-notification {
        margin-left: 22px;
    }

    .half-width {
        width: 100% !important;
    }

    /* Columns */

    .col-wrapper:not(.keep-on-mobile) {
        display: block;
    }

        .col-wrapper:not(.keep-on-mobile) > *:not(:last-child) {
            margin-bottom: 10px !important;
            margin-right: 0;
        }

    .col-wrapper.keep-on-mobile > *:not(:last-child) {
        margin-right: 10px !important;
    }

    .col-wrapper:not(.keep-on-mobile) > *:last-child {
        margin-bottom: 0 !important;
    }

    .col-wrapper:not(.keep-on-mobile) > * {
        box-sizing: border-box;
        -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
        margin-bottom: 10px;
        width: 100% !important;
    }

    /* Tabs */

    #asap-admin-content .tab-container.borders .tabs {
        background: #00adee;
        border-radius: 3px;
        color: #fff;
        margin-bottom: 60px;
        position: relative;
    }

        #asap-admin-content .tab-container.borders .tabs h2 {
            cursor: pointer;
            display: block;
            font-size: 0;
            height: 38px;
            position: absolute;
            top: 0;
            right: 0;
            width: 38px;
            z-index: 2;
        }

            #asap-admin-content .tab-container.borders .tabs h2:after {
                color: #fff;
                content: '\e5c5';
                display: inline-block;
                font: 20px 'Material Icons';
                height: 38px;
                line-height: 38px;
                text-align: center;
                transition: all .2s ease;
                width: 38px;
            }

        #asap-admin-content .tab-container.borders .tabs.mobile-active h2:after {
            transform: rotate(180deg);
        }

        #asap-admin-content .tab-container.borders .tabs ul li {
            display: block;
            margin: 0;
        }

            #asap-admin-content .tab-container.borders .tabs ul li a {
                border-bottom: none !important;
                color: #fff;
                display: block;
                height: 0;
                margin-bottom: 0 !important;
                opacity: 0;
                overflow: hidden;
                padding: 0 15px;
                transition: all .2s ease;
            }

    #asap-admin-content .tab-container .tab-container.borders .tabs ul li a {
        margin-bottom: 0 !important;
    }

    #asap-admin-content .tab-container.borders .tabs ul li.active a,
    #asap-admin-content .tab-container.borders .tabs.mobile-active ul li a {
        height: 38px;
        line-height: 38px;
        opacity: 1;
        overflow: visible;
    }

    #asap-admin-content .tab-container.borders .tabs ul li a:after {
        display: none;
    }

    /* Tables */

    .table-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
    }

        .table-wrapper table.list {
            position: relative;
        }

    table.list.half-width,
    header.section-details table {
        width: 100%;
    }

    table.list.mobile-block,
    table.list.mobile-block tbody,
    table.list.mobile-block tr,
    table.list.mobile-block th,
    table.list.mobile-block td {
        display: block;
        width: 100%;
    }

    table.list.alt-body-headers tbody th,
    table.list.alt-body-headers tbody td label:not(.k-checkbox-label):not(.k-radio-label) {
        font-size: 110%;
        margin: 15px 0 5px;
        padding: 0 !important;
    }

    table.list.alt-body-headers th,
    table.list.alt-body-headers td {
        padding-left: 0;
        padding-right: 0;
    }

    table.list.alt-body-headers.mobile-block th,
    table.list.alt-body-headers.mobile-block td {
        margin-bottom: 0;
        padding-top: 5px !important;
    }

    table.list.alt-body-headers.mobile-block th {
        line-height: 1.2;
    }

    header.section-details table.alt-body-headers th {
        width: 40%;
    }

    table.list th,
    table.list td {
        padding-left: 10px;
        padding-right: 10px;
    }

    table.list.minimize-first-cell th:first-child,
    table.list.minimize-first-cell td:first-child {
        width: auto;
    }

    table.list thead th a.sort:after {
        display: none;
    }

    table.list.mobile-card,
    table.k-grid-table,
    table.list.mobile-card tbody,
    table.k-grid-table tbody,
    table.list.mobile-card tr,
    table.k-grid-table tr {
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
    table.k-grid-table tr.k-detail-row {
        border-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-top: -10px;
    }
    

        table.list.mobile-card tr,
        table.k-grid-table tr {
            border: 1px solid #e2e2e4;
            border-radius: 5px;
            margin-bottom: 10px;
            padding: 10px 45px 10px 10px;
            position: relative;
            text-overflow: ellipsis;
        }

            table.list.mobile-card tr:after,
            table.k-grid-table tr:after {
                clear: both;
                content: '.';
                display: block;
                height: 0;
                visibility: hidden;
            }

        table.list.mobile-card thead,
        div.k-grid-header {
            display: none;
        }

        table.list.mobile-card th,
        table.list.mobile-card td,
        table.k-grid-table th,
        table.k-grid-table td {
            border: none;
            display: inline;
            padding: 0;
        }

        table.k-grid-table .title,
        table.list.mobile-card .title {
            color: #00adee;
            display: block;
            font-size: 120%;
            margin-bottom: 10px;
            padding: 0;
        }

        table.k-grid-table .avatar,
        table.list.mobile-card .avatar {
            float: left;
            height: 50px;
            margin: 0 10px 10px 0;
            width: 50px;
        }

    #asap-admin-content table.list.mobile-card dl.menu,
    #asap-admin-content table.k-grid-table dl.menu {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    #asap-admin-content tr dl.menu:not(.active) dt {
        opacity: 1;
        visibility: visible;
    }

    #asap-admin-content dl.menu dd,
    #asap-admin-content dl.menu.active dd {
        left: 50% !important;
        position: fixed !important;
        top: 50% !important;
        transform: translate(-50%,-50%) scaleY(1) scaleX(1) !important;
    }

        #asap-admin-content dl.menu dd ul li a {
            font-size: 15px !important;
        }

    body.content-menu-active:after {
        background: yellow;
        bottom: 0;
        content: '';
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 0;
    }

    /* Page options */

    #asap-admin-content .content-header .options .context dd {
        left: auto;
        right: 0;
    }

    /* Content section header w/ options */

    #asap-admin-content header.content-section {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        #asap-admin-content header.content-section h3,
        #asap-admin-content header.content-section h4,
        #asap-admin-content .accordion.headerlike dt strong {
            font-size: 16px;
            letter-spacing: -1px;
        }

        #asap-admin-content header.content-section div {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
            flex: 1 0 100%;
            margin: 10px 0 10px;
        }

            #asap-admin-content header.content-section div:nth-last-of-type(1) {
                -webkit-box-ordinal-group: 11;
                -ms-flex-order: 10;
                order: 10;
            }

            #asap-admin-content header.content-section div:nth-last-of-type(2) {
                -webkit-box-ordinal-group: 10;
                -ms-flex-order: 9;
                order: 9;
            }

            #asap-admin-content header.content-section div:nth-last-of-type(3) {
                -webkit-box-ordinal-group: 9;
                -ms-flex-order: 8;
                order: 8;
            }

            #asap-admin-content header.content-section div label.k-form-field {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

    /* Listings edit options */

    .listing-edit.negative-margin-bottom {
        margin-bottom: 0;
    }

    .listing-edit .fields {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        /* -ms-flex-direction: column;
		        flex-direction: column; */
        margin: 10px 0;
    }

    nav.tabs .fields {
        left: 50%;
        position: absolute;
        top: 100%;
        transform: translateX(-50%);
    }

    .listing-edit .fields.right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .listing-edit .fields * {
        vertical-align: middle;
    }

    .pos-f .listing-edit .fields .container {
        width: 100%;
    }

    .listing-edit.border-bottom h3 {
        display: block;
    }

    .listing-edit input {
        min-width: 0;
    }

    .listing-edit .submit {
        margin-top: 20px;
        width: auto;
    }

        .listing-edit .submit .button {
            padding-left: 10px;
            padding-right: 10px;
        }

    /* Search results (timed) */

    #asap-admin-content .timed-results .accordion a.all-present {
        margin-right: 90px;
    }

    #asap-admin-content .timed-results .accordion dt div {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    #asap-admin-content .timed-results .accordion dt span.tag {
        margin: 10px 0;
    }

    #asap-admin-content .timed-results .accordion dt span.ico {
        margin-left: 20px;
    }

    .listing-edit a.search {
        display: block;
        margin: 10px auto;
    }

    /* Fields List */

    ul.fields-list .field-item {
        display: block;
    }

    ul.fields-list ul {
        padding-left: 40px !important;
    }

    #asap-admin-content ul.fields-list .field-item {
        margin-bottom: 10px !important;
    }

        #asap-admin-content ul.fields-list .field-item h5 {
            margin-bottom: 10px !important;
        }

    ul.fields-list ul .field-item h5,
    ul.fields-list ul ul .field-item h5,
    ul.fields-list ul ul ul .field-item h5 {
        padding-left: 0 !important;
    }

    /* Icon links in the list table */

    table.list tr a.edit {
        opacity: 1;
        visibility: visible;
    }

    /* Section Details */

    header.section-details {
        display: block;
        padding-right: 0;
    }

        header.section-details.student,
        header.section-details.class {
            align-items: center;
            display: flex;
            flex-direction: column;
        }

        header.section-details.horizontal {
            display: block;
            margin-top: 0;
        }

        header.section-details *[class^='col'] {
            border: none;
            border-bottom: 1px solid #ececec;
            margin: 0 0 10px 0;
            padding: 0 0 10px 0;
        }

        header.section-details.student *[class^='col'],
        header.section-details.class *[class^='col'] {
            border-bottom: 0;
        }

        header.section-details .col-2 {
            border: none;
            margin-left: 130px;
        }

        header.section-details.student .col-2,
        header.section-details.class .col-1,
        header.section-details.class .col-4 {
            margin-left: 0;
            padding-bottom: 0;
            width: 100%;
        }

        header.section-details.class .col-1 {
            position: relative;
            text-align: center;
        }

        header.section-details.student .col-2 span.tag.person {
            display: none;
        }

        header.section-details.student .col-2 span.tag {
            background-position: 0 .4em;
            background-size: 15px;
            box-sizing: border-box;
            display: inline-block;
            padding-left: 20px;
            vertical-align: top;
            width: 49%;
        }

        header.section-details .col-2:first-child {
            margin-left: 0;
        }

        header.section-details .col-3 {
            clear: left;
            padding-top: 10px;
        }

        header.section-details.student .col-3 {
            padding-top: 0;
            width: 100%;
        }

        header.section-details .col-5 {
            display: none;
        }

        header.section-details.full-borders *[class^='col'] {
            border: 1px solid #ececec !important;
        }

            header.section-details.full-borders *[class^='col'] h3 {
                width: auto !important;
            }

        header.section-details.student table.list.alt-body-headers,
        header.section-details.class table.list.alt-body-headers,
        header.section-details.student table.list.alt-body-headers tbody,
        header.section-details.class table.list.alt-body-headers tbody,
        header.section-details.student table.list.alt-body-headers tbody tr,
        header.section-details.class table.list.alt-body-headers tbody tr,
        header.section-details.student table.list.alt-body-headers tbody tr th,
        header.section-details.class table.list.alt-body-headers tbody tr th,
        header.section-details.student table.list.alt-body-headers tbody tr td,
        header.section-details.class table.list.alt-body-headers tbody tr td {
            display: block;
            width: auto;
        }

            header.section-details.student table.list.alt-body-headers tbody th,
            header.section-details.class table.list.alt-body-headers tbody th {
                color: #7d7d7d;
                font-size: 14px;
                font-size: 0.875rem;
                margin: 0;
                text-transform: uppercase;
            }

            header.section-details.class table.list.alt-body-headers tbody td,
            header.section-details.student table.list.alt-body-headers tbody td {
                padding: 5px 0 20px;
            }

    #asap-admin-content header.section-details.class a.editable-thumbnail,
    #asap-admin-content header.section-details.student a.editable-thumbnail {
        display: block;
        margin: 0;
        padding: 20px 0 30px;
        position: static;
        text-align: center;
        width: auto;
    }

    #asap-admin-content header.section-details.class .tag,
    #asap-admin-content header.section-details.student .tag {
        display: block;
    }

    /* Calendar Controls */

    #asap-admin-content .tab-container.calendar-controls header {
        display: block;
    }

        #asap-admin-content .tab-container.calendar-controls header h3,
        #asap-admin-content .tab-container.calendar-controls header nav.prev-next {
            display: inline-block;
        }

        #asap-admin-content .tab-container.calendar-controls header .tabs {
            text-align: left;
        }

    /* Settings */

    #asap-admin-content .account-info {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        #asap-admin-content .account-info figure.thumbnail {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            margin: 0;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            width: 100%;
        }

            #asap-admin-content .account-info figure.thumbnail img {
                width: 100%;
            }

            #asap-admin-content .account-info figure.thumbnail a.upload {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                background: rgba(18,151,255,.8);
                border-radius: 5px;
                color: #fff;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                height: 100%;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                left: 0;
                margin: 0;
                position: absolute;
                top: 0;
                width: 100%;
            }

                #asap-admin-content .account-info figure.thumbnail a.upload span:after {
                    color: #fff;
                }

        #asap-admin-content .account-info .table-wrapper {
            order: 2;
            width: 100%;
        }

        #asap-admin-content .account-info .form-submit {
            margin-top: 20px;
        }

    /* Invoice */

    #asap-admin-content .item-information table.adjustment-table,
    #asap-admin-content .item-information table.ticket-details,
    #asap-admin-content .item-information table.conference-session-details {
        display: none;
        width: 100%;
    }

    /* Printed invoice */

    #asap-admin-content .asap-admin-content-inner.print {
        padding: 0;
    }

    #asap-admin-content .vcard.invoiced {
        margin: 20px 0 !important;
        padding: 0;
    }

    /* Student checkin */

    body.checkin main {
        margin: 0 -12px;
    }

        body.checkin main label {
            display: block;
            margin-bottom: 10px;
        }

    /* Forms Builder */

    #form-builder-top-control-bar ul {
        display: block;
    }

        #form-builder-top-control-bar ul.options li a {
            min-height: 48px;
        }

    #form-builder-top-control-bar .button {
        display: block;
        text-align: center;
    }

    #asap-admin-interface #form-builder-pallet {
        padding: 18px !important;
    }
}

/* --------------
	 iPad / tablets
	 -------------- */

@media only screen and (min-width: 768px) and (max-width: 1115px) {

    .width-66-percent {
        width: 100% !important;
    }

    nav#asap-admin-main-nav ul li#asap-admin-help-holder,
    nav#asap-admin-main-nav ul li#asap-admin-quick-links-holder,
    nav#asap-admin-main-nav ul li#asap-admin-switch-holder,
    nav#asap-admin-main-nav ul li#asap-admin-news-holder {
        padding-left: 9px;
        padding-right: 9px;
    }

    nav#asap-admin-main-nav ul li#asap-admin-user {
        padding-right: 12px;
    }

    #asap-admin-user-menu-trigger {
        padding-right: 55px;
    }

    li#asap-admin-user .avatar {
        right: 5px;
    }

    li#asap-admin-user ul#asap-admin-user-menu {
        right: 10px;
        top: 85%;
    }

    #asap-admin-search-form {
        left: 180px;
        right: 380px;
    }

    #asap-admin-search-advanced-options .col-wrapper {
        display: block;
    }

    #asap-admin-search-advanced-options .half {
        margin-bottom: 0 !important;
        margin-right: 0;
    }

    #asap-admin-help-menu,
    #asap-admin-quick-links-menu,
    #asap-admin-switch-menu {
        right: -2px;
        top: 85%;
    }

    #asap-admin-help-menu,
    #asap-admin-quick-links-menu {
        min-width: 800%;
    }

    #asap-admin-switch-menu {
        min-width: 1000%;
    }

    #asap-admin-news-menu {
        right: -55%;
        width: 45%;
    }

    nav#asap-admin-nav #asap-admin-nav-ul li a:after {
        color: transparent;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    nav#asap-admin-nav.active #asap-admin-nav-ul li a:after {
        color: #fff;
    }

    nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-folder a:after,
    nav#asap-admin-nav #asap-admin-nav-ul li.asap-admin-page a:after {
        color: #313b48;
    }

    header.section-details .col-1 {
        display: none;
    }
}


/* ==========================================================================
	 Print styles
	 ========================================================================== */

@media print {

    html {
        font-size: .75rem;
    }

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #313b48;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }


    header#asap-admin-header,
    nav#asap-admin-nav,
    #asap-admin-content .icon-options {
        display: none;
    }

    article#asap-admin-content {
        margin-left: 0 !important;
    }

    body,
    #asap-admin-content .asap-admin-content-inner.print {
        padding: 0;
    }

    article#asap-admin-content {
        margin-left: 0;
    }

    /* Printable invoice */

    #asap-admin-content table.invoice-status {
        font-size: 14px;
        font-size: 0.875rem;
    }

    #asap-admin-content .item-information span.tag {
        padding-left: 0;
    }

        #asap-admin-content .item-information span.tag:before {
            color: #000;
            content: url('../images/ico-calendar.svg');
            display: inline-block;
            height: 16px;
            margin-right: 10px;
            margin-top: -4px;
            transform: scale(.7);
            vertical-align: middle;
            width: 16px;
        }

        #asap-admin-content .item-information span.tag.place {
            margin-left: 3px;
        }

            #asap-admin-content .item-information span.tag.place:before {
                content: url('../images/ico-location.svg');
            }

        #asap-admin-content .item-information span.tag.instructor {
            margin-left: 3px;
        }

            #asap-admin-content .item-information span.tag.instructor:before {
                content: url('../images/ico-my_profile.svg');
            }

    #asap-admin-content table.invoice-status tbody tr th,
    #asap-admin-content table.invoice-status tbody tr td {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #asap-admin-content .asap-admin-content-inner.print img {
        height: 40px !important;
        width: auto !important;
    }

    #asap-admin-content .vcard.invoiced {
        font-size: 14px;
        font-size: 0.875em;
        margin: 20px 0 15px !important;
        padding-left: 0;
    }
}
                        /* Fix for Galaxy Fold's header  */
@media only screen and (max-width: 280px) {
    h1#asap-admin-header-logo, h1#asap-admin-header-logo a {
        margin-left: -65px !important;
    }
}