/*! CSS Used from: Embedded ; media=all */
@media all {
    /*! @import https://www.soundsnap.com/misc/drupal.css */
    form {
        margin: 0;
        padding: 0;
    }

    .form-item {
        margin-top: 1em;
        margin-bottom: 1em;
    }

        .form-item label {
            display: block;
            font-weight: bold;
        }

    .form-required {
        color: #f00;
    }

    #user-login-form {
        text-align: center;
    }
    /*! end @import */
}
/*! CSS Used from: Embedded ; media=all */
@media all {
    /*! @import https://www.soundsnap.com/files/.cache/all.15969ce25b3b69b677c043ec1017d1be5298ffe0.css */
    * {
        outline: 0;
        margin: 0;
        padding: 0;
    }

    h1 {
        font-size: 1em;
        font-weight: 300;
        margin-bottom: .5em;
        text-align: center;
    }

    a, a:before, a:visited {
        color: #52d9a0;
        text-decoration: none;
        -webkit-transition: all 0 ease;
        transition: all 0 ease;
    }

        a:hover {
            color: #50BF90;
        }

        a:focus {
            color: #649989;
        }

    form {
        margin-bottom: 70px;
    }

    input.form-text {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    input.form-submit, input[type="submit"] {
        -webkit-appearance: button;
        -webkit-border-fit: lines;
    }

    input:focus {
        outline: 0;
    }

    .form-text {
        font-size: 1em;
        color: #343434;
        border: #030303 1px solid;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 24px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .form-text {
        line-height: 14px;
        width: 100%;
        padding: 16px 17px 16px 16px;
        background: none;
    }

    .form-submit, input[type="submit"] {
        margin: 24px 0;
        color: #333333;
        background-color: #fff;
        border: 1px solid #a72b37;
        padding: 13px 26px;
        line-height: 20px;
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
    }

        .form-submit:hover {
            background-color: #f5f5f5;
        }

        .form-submit:focus {
            background-color: #eeeeee;
        }

    .form-submit, input[type="submit"] {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 16px;
        cursor: pointer;
        -webkit-transition: all 0 ease;
        transition: all 0 ease;
    }

    .form-item {
        margin: 20px 0 0 0;
    }

        .form-item label {
            color: #232323;
            font-weight: normal;
            font-size: 12px;
            line-height: 1.43;
        }

    .ojoo-login-box .form-required {
        display: none;
    }

    #TB_window {
        background: #ffffff !important;
        border: none !important;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        overflow: hidden;
        min-width: 250px;
    }

    div#TB_ajaxContent {
        overflow: hidden;
        background: transparent;
        padding: 0 13%;
        width: 74% !important;
    }

    div#TB_closeAjaxWindow {
        padding: 0;
        font-size: 0;
        margin: 24px 24px 0px 0;
    }

        div#TB_closeAjaxWindow a:before {
            font-family: 'soundsnapico' !important;
            content: "\e900";
            font-size: 24px;
            color: #dfdfdf;
        }

        div#TB_closeAjaxWindow a:hover:before {
            color: rgba(223, 223, 223, 0.7);
        }

    @media only screen and (max-width:481px) {
        #TB_window {
            max-width: 94% !important;
            left: 3% !important;
            right: 3%;
            margin: 0 !important;
        }

        div#TB_ajaxContent {
            padding: 0 6%;
            width: 88% !important;
        }
    }

    @media (-webkit-min-device-pixel-ratio:2), (min-resolution:144dpi) {
        div#TB_closeAjaxWindow a {
            background-image: url('https://www.soundsnap.com/themes/soundsnap3/assets/close_button@2x.png');
            background-size: 18px;
        }
    }

    .ojoo-login-box {
        border: none;
    }

        .ojoo-login-box h1 {
            font-family: "HelveticaNeueLTPro-Th",Helvetica,sans-serif;
            font-size: 42px;
            font-style: normal;
            font-weight: normal;
            line-height: 1.24;
            color: #000000;
            margin: 20px 0 20px 0;
            text-transform: none;
            text-align: left;
        }

    .login_subtitle {
        color: #131313;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .ojoo-login-content {
        color: #212121;
    }

    #TB_window a:link, #TB_window a, #TB_window a:visited {
        color: #3E4095 !important;
        text-decoration: none;
    }

        #TB_window a:hover {
            color: #3E4095 !important;
        }

        #TB_window a:focus {
            color: #649989 !important;
        }

    #TB_window .ojoo-login-box h1 {
        color: #212121;
        font-size: 26px;
        line-height: 1.19;
        margin: 0 auto 27px auto;
        text-align: center;
        max-width: 300px;
        font-weight: bold;
    }

    .form-item {
        position: relative;
    }

    .login_template .form-submit {
        width: 145px;
        margin-left: auto;
        display: block;
        margin-right: auto;
        padding: 14px;
        background: #BF1E2E;
        color: white;
        font-size: 16px;
        text-transform: uppercase;
    }

    .mbtns.btn_add, .mbtns.btn_green {
        color: #FFF;
        background: #35a93a;
    }

    input.form-text + * + label, input.form-text + label {
        position: absolute;
        left: 16px;
        top: 19px;
        padding: 0;
        transition: transform 0s;
        font-size: 14px;
        pointer-events: none;
    }

    a.forgot_password {
        position: absolute;
        right: 120px;
        top: -7px;
    }

    input:placeholder, input:-webkit-input-placeholder, ::placeholder {
        color: rgba(51, 51, 51, 0.5);
    }

    :-ms-input-placeholder {
        color: #c1c1c1;
    }

    ::-ms-input-placeholder {
        color: #c1c1c1;
    }

    @media all and (max-width:768px) {
        .ojoo-login-box h1 {
            text-align: center;
            font-size: 34px;
        }

        .ojoo-login-box .login_subtitle {
            text-align: center;
        }
    }

    #TB_window {
        color: #333333;
    }

        #TB_window a:link {
            color: #666666;
        }

        #TB_window a:visited {
            color: #2a2a2a;
        }

        #TB_window a:hover {
            color: #000;
        }

        #TB_window a:active {
            color: #666666;
        }

        #TB_window a:focus {
            color: #666666;
        }

    #TB_window {
        position: fixed;
        background: #ffffff;
        z-index: 1000;
        color: #000000;
        display: none;
        border: 4px solid #525252;
        text-align: left;
        top: 0;
        left: 50%;
    }

    #TB_closeAjaxWindow {
        padding: 7px 10px 5px 0;
        margin-bottom: 1px;
        text-align: right;
        float: right;
    }

    #TB_ajaxContent {
        background-color: #e8e8e8;
        clear: both;
        padding: 2px 15px 15px 15px;
        overflow: auto;
        text-align: left;
        line-height: 1.4em;
    }
    /*! end @import */
}
/*! CSS Used fontfaces */
@font-face {
    font-family: 'soundsnapico';
    src: url('/Fonts/soundsnapico.eot') format('embedded-opentype'), url('/Fonts/soundsnapico.ttf') format('truetype'), url('/Fonts/soundsnapico.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTPro-Th';
    src: url('/Fonts/Roboto-Regular.ttf');
}

* {
    font-family: 'HelveticaNeueLTPro-Th';
}


#box_qmk {
    z-index: -1;
}

    #box_qmk::after {
        content: '';
        width: 0;
        height: 0;
        top: 76px;
        right: 12px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 15px solid transparent;
        border-top: 20px solid #616161;
    }


.mdialogs {
    opacity: 1;
    display: none;
    transform: translate(-50%,-50%);
    left: 50%;
    max-height: 90%;
    overflow-y: auto;
    min-width: 300px;
    top: 50%;
    position: fixed;
    background: #FFF;
    box-shadow: 1px 1px 8px #7d7d7d;
    border-radius: 4px;
    z-index: 1000;
    padding: 20px;
}

.mbtns {
    font-size: 15px;
    border-radius: 3px;
    z-index: 1;
    height: 38px;
    /* transition: 100ms ease-in-out all; */
    text-align: center;
    cursor: pointer;
    border: 1px solid #0000001f;
    text-shadow: 1px 1px 1px #00000047;
    padding: 7px 10px;
}

.field {
    height: 85px;
}

    .field input {
        border: 1px solid #9c9c9c;
        width: 100%;
        height: 40px;
        border-radius: 3px;
        padding-left: 5px;
    }

    .field label {
        display: block;
        height: 27px;
    }

.mbtns:hover {
    transform: scale(1.05,1.05);
}

.mbtns:active {
    transform: scale(1,1);
}

.mbtns.btn_del {
    color: #FFF;
    background: #d02716;
}

.mbtns.btn_update {
    color: #FFF;
    background: #FF9800;
}

.mbtns.btn_blue {
    color: #FFF;
    background: #35a93a;
}

.mbtns.btn_gray {
    color: #FFF;
    background: #2D2D30;
}