/* ################################################################################################################## */
/* Custom font-face */
/* ################################################################################################################## */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

/*@font-face {
    font-family: 'pla_y';
    src: url('../fonts/play-regular.eot');
    src: url('../fonts/play-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/play-regular.woff2') format('woff2'),
    url('../fonts/play-regular.woff') format('woff'),
    url('../fonts/play-regular.ttf') format('truetype'),
    url('../fonts/play-regular.svg#playregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

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

/* ################################################################################################################## */
/* Reset CSS */
/* ################################################################################################################## */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, code, img, samp,
small, strong, b, form, label, table, tbody, tfoot, thead, tr, th, td, footer {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ################################################################################################################## */
/* CSS transition class */
/* ################################################################################################################## */
.transition, .transition > * {
    -webkit-transition: background 0.125s;
    -moz-transition: background 0.125s;
    -o-transition: background 0.125s;
    transition: background 0.125s;
}

.no-transition, .no-transition > * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

/* ################################################################################################################## */
/* Base body style */
/* ################################################################################################################## */
html, body {
    background: #F4F4F4;
    font-family: 'Roboto', 'Segoe UI', Ubuntu, Verdana, Kalimati, Geneva, Arial, Garuda, Helvetica, sans-serif;
    overflow: hidden;
    line-height: 1.3;
    color: #313131;
    font-size: 16px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
    line-height: 1;
}

/* Dialog version */
/* ================================================================================ */
html._DIALOG, html._DIALOG body {
    font-size: 15px;
    text-shadow: none;
}

/* ################################################################################################################## */
/* Links */
/* ################################################################################################################## */
a {
    color: #121212;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -ms-transition: all 0.15s;
    transition: all 0.15s;
}

a:link {
    text-decoration: underline;
}

a:hover {
    color: #2f6497;
}

/* ################################################################################################################## */
/* Base form styles */
/* ################################################################################################################## */
input, select, button, textarea,
input:active, select:active, button:active, textarea:active,
input:hover, select:hover, button:hover, textarea:hover,
input:focus, select:focus, button:focus, textarea:focus {
    outline: none !important;
}

input[type=text], input[type=password], textarea, select, .ajs-input {
    font-size: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 5px 10px;
    background: #fff;
    border: solid #C2C0C0 1px;
    box-sizing: border-box;
    border-radius: 0;
    margin: 0;
}

input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover, .ajs-input:hover {
    border: solid #A8C9E6 1px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, .ajs-input:focus {
    border: solid #5992C9 1px;
    background: #F5F8FB;
}

input[type=text][disabled], input[type=password][disabled], textarea, select[disabled], .ajs-input[disabled] {
    border-color: #c0c0c0;
    background-color: #e0e0e0;
}

input[type=submit], input[type=reset], input[type=button], button, input[type=file] {
    display: inline-block;
    margin: 0;
    padding: 8px 14px;
    font-size: 15px;
    font-family: 'Roboto', 'Segoe UI', Ubuntu, Verdana, Kalimati, Geneva, Arial, Garuda, Helvetica, sans-serif;
    box-sizing: border-box;
    min-width: 100px;
    cursor: pointer;
    border: 0;
    background: #3982bf;
    color: #fff;
}

input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover, input[type=file]:hover {
    background: #2f6497;
}

input[type=submit]:active, input[type=reset]:active, input[type=button]:active, button:active, input[type=file]:active {
    background: #3c83c4;
}

input.error {
    border-color: #ea6060;
}

input[type=submit].img-button img,
input[type=reset].img-button img,
input[type=button].img-button img,
button.img-button img {
    width: 16px;
    height: 16px;
    margin: 0 5px -3px -5px;
}

button[disabled] {
    opacity: 0.5;
    background-color: #494949;
    cursor: default;
}

/* ################################################################################################################## */
/* UI framework */
/* ################################################################################################################## */
#super_container {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: transparent;
}

#preloader_container {
    display: none;
    z-index: 9000;
}

#preloader_container #preloader_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .1);
}

#preloader_container #preloader_loader {
    background: #fff;
    position: fixed;
    width: 150px;
    height: 40px;
    line-height: -10px;
    padding: 10px;
    top: 50%;
    right: 50%;
    margin-top: -85px;
    margin-right: -85px;
}

#preloader_container #preloader_loader span.text {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    text-shadow: none;
    color: #737373;
    text-transform: capitalize;
    padding-top: 19px;
    padding-right: 10px;
}

.hide {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.im-busy {
    cursor: wait !important;
}

/* ################################################################################################################## */
/* Alertify */
/* ################################################################################################################## */
.alertify .ajs-dimmer {
    position: fixed;
    z-index: 1981;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    background-color: #252525;
    opacity: .5
}

.alertify .ajs-modal {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    overflow-y: auto;
    z-index: 1981
}

.alertify .ajs-dialog {
    position: relative;
    margin: 5% auto;
    min-height: 110px;
    max-width: 500px;
    padding: 24px 24px 0;
    outline: 0
}

.alertify .ajs-reset {
    position: absolute !important;
    display: inline !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important
}

.alertify .ajs-commands {
    position: absolute;
    right: 4px;
    margin: -14px 24px 0 0;
    z-index: 1
}

.alertify .ajs-commands button {
    display: none;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    padding: 10px;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.alertify .ajs-commands button.ajs-close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC)
}

.alertify .ajs-commands button.ajs-maximize {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC)
}

.alertify .ajs-header {
    margin: -24px;
    margin-bottom: 0;
    padding: 16px 24px
}

.alertify .ajs-body {
    min-height: 56px
}

.alertify .ajs-body .ajs-content {
    padding: 16px 24px 16px 16px
}

.alertify .ajs-footer {
    padding: 4px;
    margin-left: -24px;
    margin-right: -24px;
    min-height: 43px
}

.alertify .ajs-footer .ajs-buttons.ajs-primary {
    text-align: right
}

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
    margin: 4px
}

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
    float: left;
    clear: none;
    text-align: left
}

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
    margin: 4px
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
    min-width: 88px;
    min-height: 35px
}

.alertify .ajs-handle {
    position: absolute;
    display: none;
    width: 10px;
    height: 10px;
    right: 0;
    bottom: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    cursor: se-resize
}

.alertify.ajs-no-overflow .ajs-body .ajs-content {
    overflow: hidden !important
}

.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
    left: 0;
    right: 0;
    padding: 0
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
    margin-left: -24px;
    margin-right: -24px
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
    padding: 0
}

.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
    left: 0;
    right: 0
}

.alertify.ajs-maximizable .ajs-commands button.ajs-maximize, .alertify.ajs-maximizable .ajs-commands button.ajs-restore {
    display: inline-block
}

.alertify.ajs-closable .ajs-commands button.ajs-close {
    display: inline-block
}

.alertify.ajs-maximized .ajs-dialog {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    top: 0 !important;
    left: 0 !important
}

.alertify.ajs-maximized.ajs-modeless .ajs-modal {
    position: fixed !important;
    min-height: 100% !important;
    max-height: none !important;
    margin: 0 !important
}

.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=)
}

.alertify.ajs-resizable .ajs-dialog, .alertify.ajs-maximized .ajs-dialog {
    padding: 0
}

.alertify.ajs-resizable .ajs-commands, .alertify.ajs-maximized .ajs-commands {
    margin: 14px 24px 0 0
}

.alertify.ajs-resizable .ajs-header, .alertify.ajs-maximized .ajs-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 16px 24px
}

.alertify.ajs-resizable .ajs-body, .alertify.ajs-maximized .ajs-body {
    min-height: 224px;
    display: inline-block
}

.alertify.ajs-resizable .ajs-body .ajs-content, .alertify.ajs-maximized .ajs-body .ajs-content {
    position: absolute;
    top: 50px;
    right: 24px;
    bottom: 50px;
    left: 24px;
    overflow: auto
}

.alertify.ajs-resizable .ajs-footer, .alertify.ajs-maximized .ajs-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
    min-width: 548px
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
    display: block
}

.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
    cursor: move
}

.alertify.ajs-modeless .ajs-dimmer, .alertify.ajs-modeless .ajs-reset {
    display: none
}

.alertify.ajs-modeless .ajs-modal {
    overflow: visible;
    max-width: none;
    max-height: 0
}

.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC)
}

.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
    position: absolute
}

.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=)
}

.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
    max-height: 500px;
    overflow: auto
}

.alertify.ajs-basic .ajs-header {
    opacity: 0
}

.alertify.ajs-basic .ajs-footer {
    visibility: hidden
}

.alertify.ajs-frameless .ajs-header, .alertify.ajs-frameless .ajs-footer {
    display: none
}

.alertify.ajs-frameless .ajs-body .ajs-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
    padding-top: 0
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
    margin-top: 0
}

.ajs-no-overflow {
    overflow: hidden !important;
    outline: none
}

.ajs-no-selection, .ajs-no-selection * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width: 568px) {
    .alertify .ajs-dialog {
        min-width: 150px
    }

    .alertify:not(.ajs-maximized) .ajs-modal {
        padding: 0 5%
    }

    .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
        min-width: initial;
        min-width: auto
    }
}

.alertify .ajs-dimmer, .alertify .ajs-modal {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms
}

.alertify.ajs-hidden .ajs-dimmer, .alertify.ajs-hidden .ajs-modal {
    visibility: hidden;
    opacity: 0
}

.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms
}

.alertify.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-duration: 250ms;
    animation-duration: 250ms
}

.alertify .ajs-dialog.ajs-shake {
    -webkit-animation-name: ajs-shake;
    animation-name: ajs-shake;
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes ajs-shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes ajs-shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-slideIn;
    animation-name: ajs-slideIn;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-slideOut;
    animation-name: ajs-slideOut;
    -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-zoomIn;
    animation-name: ajs-zoomIn
}

.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-zoomOut;
    animation-name: ajs-zoomOut
}

.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-fadeIn;
    animation-name: ajs-fadeIn
}

.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-fadeOut;
    animation-name: ajs-fadeOut
}

.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-pulseIn;
    animation-name: ajs-pulseIn
}

.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-pulseOut;
    animation-name: ajs-pulseOut
}

.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-flipInX;
    animation-name: ajs-flipInX
}

.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-flipOutX;
    animation-name: ajs-flipOutX
}

.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-flipInY;
    animation-name: ajs-flipInY
}

.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-flipOutY;
    animation-name: ajs-flipOutY
}

@-webkit-keyframes ajs-pulseIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes ajs-pulseIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes ajs-pulseOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes ajs-pulseOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@-webkit-keyframes ajs-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.25, 0.25, 0.25);
        transform: scale3d(0.25, 0.25, 0.25)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes ajs-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.25, 0.25, 0.25);
        transform: scale3d(0.25, 0.25, 0.25)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes ajs-zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.25, 0.25, 0.25);
        transform: scale3d(0.25, 0.25, 0.25)
    }
}

@keyframes ajs-zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.25, 0.25, 0.25);
        transform: scale3d(0.25, 0.25, 0.25)
    }
}

@-webkit-keyframes ajs-fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes ajs-fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes ajs-fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes ajs-fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes ajs-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes ajs-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes ajs-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes ajs-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@-webkit-keyframes ajs-flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes ajs-flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes ajs-flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes ajs-flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@-webkit-keyframes ajs-slideIn {
    0% {
        margin-top: -100%
    }
    100% {
        margin-top: 5%
    }
}

@keyframes ajs-slideIn {
    0% {
        margin-top: -100%
    }
    100% {
        margin-top: 5%
    }
}

@-webkit-keyframes ajs-slideOut {
    0% {
        margin-top: 5%
    }
    100% {
        margin-top: -100%
    }
}

@keyframes ajs-slideOut {
    0% {
        margin-top: 5%
    }
    100% {
        margin-top: -100%
    }
}

.alertify-notifier {
    position: fixed;
    width: 0;
    overflow: visible;
    z-index: 1982;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.alertify-notifier .ajs-message {
    position: relative;
    width: 260px;
    max-height: 0;
    padding: 0;
    opacity: 0;
    margin: 0;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.alertify-notifier .ajs-message.ajs-visible {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    opacity: 1;
    max-height: 100%;
    padding: 15px;
    margin-top: 10px
}

.alertify-notifier.ajs-top {
    top: 10px
}

.alertify-notifier.ajs-bottom {
    bottom: 10px
}

.alertify-notifier.ajs-right {
    right: 10px
}

.alertify-notifier.ajs-right .ajs-message {
    right: -320px
}

.alertify-notifier.ajs-right .ajs-message.ajs-visible {
    right: 290px
}

.alertify-notifier.ajs-left {
    left: 10px
}

.alertify-notifier.ajs-left .ajs-message {
    left: -300px
}

.alertify-notifier.ajs-left .ajs-message.ajs-visible {
    left: 0
}

.alertify, .alertify-notifier {
    z-index: 10000;
}

.alertify .ajs-dialog {
    background-color: white;
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
}

.alertify .ajs-header {
    color: black;
    font-weight: bold;
    background: #fafafa;
    border-bottom: #eee 1px solid;
    border-radius: 2px 2px 0 0;
}

.alertify .ajs-body {
    color: black;
}

.alertify .ajs-body .ajs-content .ajs-input {
    display: block;
    width: 100%;
    padding: 8px;
    margin: 10px 0 0 0;
    border-radius: 2px;
    border: 1px solid #CCC;
}

.alertify .ajs-body .ajs-content p {
    margin: 0;
}

.alertify .ajs-footer {
    background: #fbfbfb;
    border-top: #eee 1px solid;
    border-radius: 0 0 2px 2px;
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
    background-color: transparent;
    color: #000;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
    color: #3593D2;
}

.alertify-notifier .ajs-message {
    background: rgba(10, 10, 10, 0.8);
    color: #f8f8f8;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
}

.alertify-notifier .ajs-message.ajs-success {
    color: #fff;
    background: rgba(91, 189, 114, 0.95);
}

.alertify-notifier .ajs-message.ajs-error {
    color: #fff;
    background: rgba(217, 92, 92, 0.95);
}

.alertify-notifier .ajs-message.ajs-warning {
    background: rgba(255, 255, 0, 0.5);
    color: #df9e00;
}

.alertify .ajs-close {
    margin-right: -50px;
}

.ajs-input {
    font-size: 15px !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    padding: 5px 10px !important;
    background: #fff !important;
    border: solid #C2C0C0 1px !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    margin: 10px 0 0 0 !important;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -ms-transition: all 0.15s;
    transition: all 0.15s;
}

.ajs-input:hover {
    border: solid #A8C9E6 1px !important;
}

.ajs-input:focus {
    border: solid #5992C9 1px;
    background: #F5F8FB;
}

.ajs-input[disabled] {
    border-color: #c0c0c0;
}

/* ################################################################################################################## */
/* Dialog pages - Toolbar */
/* ################################################################################################################## */
html._DIALOG div.dialog-toolbar {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    height: 35px;
    background: #282828;
}

html._DIALOG div.dialog-toolbar a {
    display: inline-block;
    float: right;
    height: 100%;
    line-height: 36px;
    padding: 0 10px 0 10px;
    text-decoration: none;
    color: #999;
    border-left: solid #232323 1px;
    min-width: 100px;
    text-transform: capitalize;
    cursor: pointer;
}

html._DIALOG div.dialog-toolbar a:hover {
    background-color: #0d0d0d;
    color: #3982bf;
}

html._DIALOG div.dialog-toolbar a img {
    width: 20px;
    height: 20px;
    margin-bottom: -5px;
    margin-right: 5px;
}

/* ################################################################################################################## */
/* Dialog pages - Page container */
/* ################################################################################################################## */
html._DIALOG div.dialog-page-container {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 35px;
    overflow-x: auto;
    padding: 5px;
}

/* ################################################################################################################## */
/* Dialog pages - Forms */
/* ################################################################################################################## */
._DIALOG._ALT {
    background-color: #363636 !important;
}

._DIALOG div.form {
    margin-right: 15px;
    margin-left: 15px;
}

._DIALOG._ALT div.form {
    background-color: #363636;
}

._DIALOG div.form label {
    display: block;
    margin: 5px 0 10px 0;
    font-size: 18px;
    text-transform: capitalize;
}

._DIALOG._ALT div.form label[for] {
    color: #999999;
}

._DIALOG div.form div.note {
    font-size: 16px;
    font-style: italic;
    color: #4e4e4e;
    text-transform: none;
    margin: 5px 0 10px 0;
}

._DIALOG._ALT div.form div.note {
    color: #999999;
}

._DIALOG div.form span.freq {
    color: #e60000;
}

._DIALOG._ALT div.form span.freq {
    color: #da5252;
}

._DIALOG div.form div.ihold {
    width: 100%;
    margin-bottom: 10px;
}

._DIALOG div.form input[type=text],
._DIALOG div.form input[type=file],
._DIALOG div.form input[type=password],
._DIALOG div.form textarea,
._DIALOG div.form select {
    width: 100%;
    resize: none;
}

._DIALOG._ALT div.form input[type=text],
._DIALOG._ALT div.form input[type=file],
._DIALOG._ALT div.form input[type=password],
._DIALOG._ALT div.form textarea,
._DIALOG._ALT div.form select {
    background-color: #191919;
    border-color: #050505;
    color: #a8a8a8;
}

._DIALOG._ALT div.form input[type=text]:hover,
._DIALOG._ALT div.form input[type=file]:hover,
._DIALOG._ALT div.form input[type=password]:hover,
._DIALOG._ALT div.form textarea:hover,
._DIALOG._ALT div.form select:hover {
    background-color: #252525;
}

._DIALOG._ALT div.form input[type=text]:focus,
._DIALOG._ALT div.form input[type=file]:focus,
._DIALOG._ALT div.form input[type=password]:focus,
._DIALOG._ALT div.form textarea:focus,
._DIALOG._ALT div.form select:focus {
    background-color: #2d2d2d;
    border-color: #1b1b1b;
}

._DIALOG div.form .title {
    text-transform: uppercase;
    font-size: 20px;
    padding: 5px 0;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #3982bf;
    border-bottom: solid #3982bf 1px;
}

._DIALOG._ALT div.form .title {
    color: #3982bf;
    border-color: #494949;
}

._DIALOG div.spc {
    width: 100%;
    height: 15px;
}

._DIALOG div.spc.double {
    height: 30px;
}

._DIALOG._ALT a {
    color: #3982bf;
}

._DIALOG._ALT button {
    background-color: #1e1e1e;
    color: #c7c7c7;
}

._DIALOG._ALT button:hover {
    background-color: #464646;
    color: #fff;
}

._DIALOG._ALT button:active {
    background-color: #2d2d2d;
}