/* Minification failed. Returning unminified contents.
(811,40): run-time error CSS1046: Expect comma, found '0'
(811,44): run-time error CSS1046: Expect comma, found '/'
(862,40): run-time error CSS1046: Expect comma, found '0'
(862,44): run-time error CSS1046: Expect comma, found '/'
(1510,44): run-time error CSS1046: Expect comma, found '0'
(1510,48): run-time error CSS1046: Expect comma, found '/'
(1760,44): run-time error CSS1046: Expect comma, found '0'
(1760,48): run-time error CSS1046: Expect comma, found '/'
 */
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Fira+Sans");

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

body, table, input {
    font-family: 'Fira Sans', Sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #3f3f58;
}

input {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

ol, ul, li {
    overflow: hidden;
}

a img {
    border: none;
}

p {
    line-height: 1.7em;
}

.p-like {
    line-height: 1.7em;
    margin-bottom: 10px;
}

a {
    text-decoration: none;
    color: #3f3f58;
}

.page-footer-menu-container a {
    color: #aaaaaa;
}

hr {
    border: solid 1px #ffffff;
    display: none;
}

a:active {
    text-decoration: none;
}

a:hover, .anchor-like:hover {
    text-decoration: underline;
}

a:visited {
    text-decoration: none;
}

body {
    background-color: #565656;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 24px;
    font-weight: 300;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 24px;
    font-weight: 300;
}

h4 {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 10px;
}

h5 {
    font-size:18px;
    font-weight: 100;
}

h6 {
}

td,th {
    text-align:left;
    vertical-align: top;
}

p {
    margin-bottom:10px;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background: #deb0af;
    border-radius: 3px;
}

::-webkit-scrollbar-track {
    background: #f2f2f2;
}

.page-main {
}

.page-header-identity {
    display: block;
    height: 15px;
    padding-top: 3px;
    padding-right: 3px;
    text-align: right;
    font-size: 12px;
}

.page-header {
    background-color: #ffffff;
}

.page-header, .page-body, .page-footer {
    margin: 0 auto;
}

@media screen {
    .page-header-right {
        float: left;
        padding-top: 42px;
    }
}


.text_information {
    background-color: #403f41;
    color: #ffffff !important;
    font-style: italic;
    font-size: 14px;
    text-align: center;
    padding: 10px;
}

.information_black a {
    color: #ffffff !important;
    text-decoration: underline;
}

    .page-header-logo-anchor {
    }

.page-header-logo {
    width: 350px;
}

.page-header-menu {
    float: left;
}

.top-menu-container, .page-footer-menu-container {
    list-style: none;
}

.page-body {
    background-color: #ff7979;
    width: 100%;
    min-height: 591px;
    height: 70vh;
/*    max-height: 760px;*/
    background-image: url('/resources/img/bg4.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/*div.page-body::before {
    content: "";
    background: url('/resources/img/bg3.png');
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}*/

/*div.page-body::after {
    content: "";
    background: url('/resources/img/bg3.png');
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}*/

.line {
    width: 50%;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 150px;
}

   .line-wide {
        width: 90%;
    }

.white {
    border-top: solid 2px #ffffff;
}

.black {
    border-top: solid 2px #3e3e3f;
}

.line-thin {
    border-top-width: 1px !important;
}

.btn {
    /*    display: inline-block;*/
    border-radius: 10px 10px 10px 10px;
    color: inherit;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    white-space: nowrap;
    display: inline-flex;
    margin-bottom: 10px;
}

.btn-white {
    border: solid 1px #ffffff !important;
}

.btn-black {
    border: solid 1px #3e3e3f !important;
    background-color: #3e3e3f !important;
    color: #ffffff;
    -webkit-box-shadow: 3px 3px 17px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 17px -7px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 17px -7px rgba(0,0,0,0.75);
}

.btn-hover-white:hover {
    background-color: #ffffff !important;
    color: #3e3e3f !important;
}

.btn-hover-black:hover {
    background-color: #3e3e3f;
    color: #ffffff;
    text-decoration:underline;
}

.input-text {
    border: none;
    padding: 10px;
}

.input-textbox {
    padding: 10px;
}

.input-button, .button_sand {
    border: none;
    padding: 7px 15px 7px 15px;
    background-color: #3e3e3f;
    color: #ffffff;
}

    .input-button:hover, .button_sand:hover {
        background-color: #f2f2f2;
        color: #000000;
    }



/* MENU */
.page-top-menu {
    position: relative;
    z-index: 1000;
}

    .page-top-menu ul.top-menu-container {
        list-style: none;
        position: relative;
        float: left;
        overflow: visible;
        z-index: 1001;
    }

    .page-top-menu ul a, .root-menu-item span {
        display: block;
        padding: 10px 10px 10px 10px;
        border: none;
    }

    .page-top-menu ul li {
        font-size: 14px;
    }

    .page-top-menu ul.top-menu-container ul.menu-panel-container {
        position: absolute;
        left: 0;
    }

.menu-panel-container {
    list-style: none;
    width: 100%;
    background-color: #333333;
    color: #ffffff;
    padding-bottom: 25px;
    visibility: hidden;
    transition-timing-function: ease-in-out;
    transition: opacity 0.5s;
    opacity: 0;
}

.page-top-menu ul ul.sub-menu-container li a:hover, .menu-panel-header a:hover, .account-settings-container .sub-menu-item a:hover, .page-top-menu ul ul.ddr-panel-container ddr-menu-item a:hover {
    color: #f4c6c4;
    font-weight: 600;
}

.account-settings-container .sub-menu-item a.active {
    color: #f4c6c4!important;
    font-weight: 600!important;
}

.sub-menu-container {
    top: 0px;
}

span.menu-panel-header {
    padding-top: 18px !important;
    padding-left: 0px;
    font-size: 16px;
    padding-bottom: 0px;
}

.menu-panel-header a {
    padding: 0px 0px 0px 0px !important;
    color: #ffffff;
}

.menu-panel-description {
    font-size: 12px;
    padding: 0px 0px 0px 0px !important;
    line-height: 1.7em;
    font-weight: lighter;
}

    .menu-panel-description a {
        display: inline !important;
        color: #ffffff;
        font-weight: 600;
        padding: 0px 0px 0px 5px !important;
    }

.menu-panel {
    padding-left: 30px;
    padding-top: 10px;
}

.sub-menu-item {
    width: 100%;
    margin-bottom: 5px;
}

.ddr-menu-item {
    width: 150px;
    padding: 10px 10px 10px 25px;
}

    .ddr-menu-item a, .ddr-menu-item a:visited, .ddr-menu-item a:link {
        color: #ffffff;
        font-size: 12px;
        padding: 5px 0px 5px 0px;
    }

        .ddr-menu-item a:hover {
            color: #f4c6c4;
            font-size: 12px;
            padding: 5px 0px 5px 0px;
        }

        .sub-menu-item a, .sub-menu-item a:visited, .sub-menu-item a:link, .sub-menu-item a:hover {
            color: #ffffff;
            font-size: 12px;
            padding: 5px 0px 5px 0px;
            font-weight: 600;
        }

.page-top-menu ul li:hover ul.menu-panel-container, .page-top-menu ul li ul li:hover ul {
    /*display: block;*/
    visibility: visible;
    opacity:1;
}

.page-top-menu ul ul li.menu-info-panel {
    line-height: 30px;
    width: 330px;
    color: #ffffff;
}

.menu-item-settings i {
    color: #3e3e3f;
}

#header-hamburger {
    display: none;
}

.popup-information-box {
    display:none;
}

.ratts-info-header-spacer {
    display:block;
    height: 14px;
}
/* END MENU */
.try-for-free-box {
    margin: 10px auto 0px;
    /*margin-bottom: 30px;*/
    width: 70%;
}


/* LOGIN BOX */
.login-box {
    margin: 30px auto 0px;
    /*margin-bottom: 30px;*/
    width: 70%;
}

    .login-box div.field-container, .try-for-free-box div.field-container {
        text-align: left;
        margin: 10px auto;
        border-bottom: solid 1px #3e3e3f;
    }

.login-dialog-container div.field-container {
    text-align: left;
    margin: 10px auto;
    border-bottom: solid 1px #ffffff;
}

.user-profile p {
    margin-top: 37px;
    margin-bottom: 20px;
}

.full-login {
    height: 130px !important;
}

.login-box div:last-child, .try-for-free-box div:last-child {
    text-align: center;
    border: none;
    padding-top: 10px;
    padding-bottom: 12px;
}

.login-box div .input-text, .try-for-free-box div .input-text {
    border: 0 none;
    width: 190px;
}

    .login-box div .input-text:focus, .try-for-free-box div .input-text:focus {
        outline: none;
    }

/* END LOGIN BOX */


/* PAGE */


/* START PAGE */


/* INFORMATION BOX */
.information-box-container {
    display:inline-grid;
}

.information-box-header {
    background-color: #3e3e3f;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
    color: #ffffff;
}

.information-box-body {
    padding-left: 50px;
    background-color: #f2f2f2;
    padding-top: 10px;
    padding-right: 50px;
    overflow: auto;
}

/* NEWS LAYOUT */
.information-news-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.information-news-header {
    line-height: 22px;
}

.information-news-body {
}

.information-news-footer {
    padding-top: 10px;
    color: #000000;
    font-weight: 600;
}

.header-search-inner-container {
    padding-top: 10px;
}

.header-search-field-wrapper {
    border: solid 1px #f4c6c4;
    border-radius: 15px;
    padding: 2px;
    width: 210px;
    margin: 0 auto;
    box-shadow: 3px 3px 9px -7px rgba(0,0,0,0.75);
}

    .header-search-field-wrapper i {
        font-size: 18px;
        color: #aaaaaa;
        margin-left: 10px;
    }

    .header-search-field-wrapper input {
        border: none;
        width: 150px;
        margin-left: 4px;
    }

    .header-search-field-wrapper .input-text:focus {
        outline: none;
    }

    .header-search-field-wrapper a {
        display: inline !important;
        padding: 0 !important;
    }

/*.start-page-search-box {
    margin-left: 50px;
    margin-top: 20px;
    width: 85%;
}*/

.search-box-inner {
    background-color: #f2f2f2;
    padding: 20px;
}

/*.start-page-search-fiel {
    width: 50%;
}*/





.article-container table tbody tr td:last-child {
    width: 50%;
}

.article-first {
    background-color: #ff807e;
}

.article-second {
    background-color: #cb8d8a;
}

.article-third {
    background-color: #9f6361;
}

.main-text-styles {
    line-height: 1.7;
}

/* ARTICLE */

.article-body {
    text-align: left;
    color: #000000;
    background-color: white;
    overflow: auto;
    padding-right: 10px;
}

    .article-body h1 {
        margin-bottom: 20px;
    }

    .text_subject {
        font-size: 16px;
        font-weight: 300;
    }

.article-footer {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

.article-table {
    width: 100%;
    border: solid 1px #000000;
    margin-bottom: 15px;
    border-collapse: collapse;
}

    .article-table tbody tr td {
        padding: 5px;
    }

    tr.article-top td {
        width: 50%;
    }

        tr.article-top td div.article-form-text {
            font-size: 14px;
        }

        .article-row td {
            border-top: solid 1px #000000;
        }
.article-form-header {
    font-weight: 600;
    margin-bottom: 5px;
}

.article-second-cell {
    border-left: solid 1px #000000;
}

.article-ingress {
    font-weight: 600;
    font-style: italic;
}

.article-main-layout-table {
    border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    padding: 15px;
}

    .article-main-layout-table .article-main-layout-tbody {
        background-color: #9f6361;
        color: #ffffff;
        opacity: 0.8;
    }

.article-container {
    padding: 15px;
    color: #000000;
}

    .article-container .text_information {
        margin-top: 20px;
    }

.article-disclaimer {
    font-size: 14px;
    margin-top: 15px;
    padding: 10px;
    background-color: #f0f0f0;
    font-style: italic;
}

.text-styles-center-info {
    font-style: italic;
    font-size: 14px;
    text-align: center;
}

.text_rubrik, .text_brod_fat_plain {
    font-weight: 600;
    font-size: 14px;
    color: #000000;
}

.text_brod, .text_information {
    color: #000000;
}

.article-main-layout-cell {
    vertical-align: top;
}

    .article-main-layout-cell h1 {
        margin-left: 15px;
        margin-top: 15px;
    }

.article-body a {
    color: #000000;
}

.article-right-options {
    padding-top: 15px;
    background-color: #f2f2f2;
    width: 200px;
}

.ReadContentRelationTable, div#ctl00_ContentPlaceHolder_article_ctl01_pnlTipsForm {
    width: 90%;
    background-color: none !important;
}

div#ctl00_ContentPlaceHolder_article_ctl01_pnlTipsForm {
    display: none;
}

    div#ctl00_ContentPlaceHolder_article_ctl01_pnlTipsForm table, div#ctl00_ContentPlaceHolder_article_ctl01_pnlTipsForm input {
        width: 90% !important;
    }

/* END ARTICLE */

.pre-search-result-container {
    width: 200px;
    border: solid 1px #c0c0c0;
    background-color: #ffffff;
    position: absolute;
    text-align: left;
    padding: 10px;
    font-size: 14px;
    line-height: 26px;
    z-index: 10000;
}

.pre-search-result-container-next {
    border-top: solid 1px #c0c0c0;
    margin-top: 10px;
    padding-top: 10px;
}




/* GENERIC PAGE STYLES */

.generic-page-container, .generic-wide-page-container {
    margin: 0 auto;
}

    .generic-wide-page-container input.wide-width {
        max-width: 190px;
    }

    .generic-wide-page-container input.small-width {
        max-width: 130px;
    }

    .generic-wide-page-container input.mini-width {
        max-width: 40px;
    }

.left-gray-panel, .gray-settings-panel {
    background-color: #3e3e3f;
    color: #ffffff;
    box-shadow: 5px 5px 10px 2px rgb(0 0 0 / 20%);
}

.white-panel {

}

.search-service-select {
    max-width: 142px;
    min-width: 142px;
    width: 142px;
}
.search-service-select-wide {
    max-width: 169px;
    min-width: 169px;
    width: 169px;
}
    .search-word-specific {
        max-width: 126px;
        min-width: 126px;
        width: 126px;
    }

.search-court-select {
    width: 129px;
    max-width: 129px;
    min-width: 129px;
}

.search-type-select {
    width: 156px;
}

.search-sort-select {
    width:135px;
}

.search-sortorder-select {
    width: 128px;
    /*margin-left: 43px;*/
}

.search-option .btn, .generic-popup-panel .btn {
    background-color: #3e3e3f;
    font-weight: 300 !important;
}

.right-white-panel {
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    box-shadow: 5px 5px 10px 2px rgb(0 0 0 / 20%);
}

    .right-white-panel .line {
        margin: 10px auto 10px;
    }

.right-panel-inner-container .panel-text {
    padding-top: 20px;
    padding-bottom: 20px;
}

.panel-inner-container {
    padding: 40px;
    padding-bottom: 0px;
}

.start-page .panel-inner-container {
    padding-top:60px;
}

.panel-header {
    font-size: 18px;
}

.panel-product-name {
    font-weight: 600;
    color: #f4c6c4;
}

.panel-text {
    line-height: 1.7em;
    margin-top: 10px;
}

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

.panel-footer {
    margin-top: 10px;
}

    .panel-footer div {
        margin-bottom: 5px;
    }

.search-option {
    padding-top: 5px;
    padding-bottom:5px;
}

    .search-option select, .search-option input, .generic-popup-panel input {
        border: none;
        color: #ffffff;
        background-color: #3e3e3f;
        outline: none;
        font-family: 'Fira Sans', Sans-serif;
        font-weight: 600;
        font-size: 12px;
    }

    .search-option span {
        /*margin-bottom: 5px;
        display: inline-block;*/
    }

    .search-option a {
        color:#ffffff !important;
    }

        .search-option a.detailed-search {
            margin-top: 10px;
            display: inline-block;
        }

.search-button-row {
    /*margin-top:20px;*/
}

.search-result-header {
    padding-bottom: 10px;
}

.search-result-header-category {
    font-size: 15px;
    font-weight: 600;
}
    .search-result-header-category div {
        display: inline;
    }
    .search-result-header-left {
        font-weight: 600;
    }

.search-result-footer {
    padding-top: 10px;
}

.search-result-footer tr td:first-child {
    text-align:left;
}

    .search-result-footer tr td:last-child {
        text-align: right;
    }

.search-result-list, .company-search-result-list {
    width:100%;
}

.company-search-result-list {
    border-spacing: 1px;
    border-collapse: separate;
}

    .company-search-result-list tbody.search-result-body tr td.search-result-cell {
        padding: 10px;
        border-bottom: solid 5px #ffffff;
    }
        .company-search-result-list tbody.search-result-body tr td.search-result-cell:hover {
            -webkit-box-shadow: inset 0px 0px 0px 1px #a0a0a0;
            -moz-box-shadow: inset 0px 0px 0px 1px #a0a0a0;
            box-shadow: inset 0px 0px 0px 1px #a0a0a0;
        }

        .company-search-result-list tbody.search-result-body tr td.search-result-cell:first-child {
            border-right: solid 5px #ffffff;
        }

.bolag-link {
    font-size: 14px;
}

.search-result-list thead, .orderlist_header {
    background-color: #6f6d6d;
    color: #ffffff;
    border-bottom: solid 2px #ffffff;
}

        .search-result-list thead tr th, .orderlist_header th {
            padding: 5px;
            border-right: solid 1px #000000;
            font-variant: all-small-caps;
            text-align: center;
            font-size: 12px;
            border-bottom: solid 2px #ffffff;
        }

            .search-result-list thead tr th.court-column {
                width:100px;
            }

            .search-result-list thead tr th.mnr-column {
                width:90px;
            }

            .search-result-list thead tr th.ingress-column {
            }

            .search-result-list thead tr th.date-column {
                width:50px;
            }

table.search-result-list tbody.search-result-body tr:first-child td.search-result-cell {
/*    border-top: solid 2px #000000;*/
}

.search-result-list tbody.search-result-body tr td.search-result-cell,
.orderlist_row td {
    border-right: solid 1px #6f6d6d;
    border-top: solid 1px #6f6d6d;
    padding: 5px;
    vertical-align: top;
    -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff;
    -moz-box-shadow: inset 0px 0px 0px 2px #ffffff;
    box-shadow: inset 0px 0px 0px 2px #ffffff;
}

    .search-result-list tbody.search-result-body tr td.search-result-cell.court-column {
    }

.search-result-list tbody.search-result-body .mnr-column {
    font-weight: 600;
    font-size: 14px;
}

.search-result-list tbody.search-result-body tr td.search-result-cell.ingress-column {
}

.search-result-list tbody.search-result-body tr td.search-result-cell.date-column {
}


.search-result-list tbody.search-result-body tr td.search-result-cell:first-child {
    border-left: solid 1px #6f6d6d;
}

.search-result-list tbody.search-result-body tr.standard td.search-result-cell {
    background-color: #f4e2e2;
}

.company-search-result-list tbody.search-result-body tr.standard td.search-result-cell {
    background-color: #f0f0f0;
}

.company-search-result-list tbody.search-result-body tr.alternate td.search-result-cell {
    background-color: #f0f0f0;
}

tr.company.member td.search-result-cell {
}

.search-result-list tbody.search-result-body tr.alternate td.search-result-cell {
    background-color: #f0f0f0;
}

.left-gray-panel a {
    color:#ffffff;
}

.search-result-container {
    border-top: solid 2px #000;
}

.with-margin {
    margin-top:30px;
}

.book-style-page {
    margin-left: 5px;
    margin-right: 5px;
    max-height: 550px;
}

    .book-style-container div {
        line-height: 2em;
        margin-bottom: 10px;
    }

.syna-container {
    margin-top: 10px !important;
}

/* SCREEN SPECIFIC */
@media (max-height: 980px) {
    .generic-page-container {
        height: 450px;
    }

    .book-style-container {
        overflow: auto;
        height: 280px;
    }
}

@media (min-height: 846px) {
    .information-box-body {
        height: calc(70vh - 80px);
    }
}

@media (max-height: 846px) {
    .information-box-body {
        height: 511px;
    }

    .generic-page-container {
        height: 450px;
    }

    .book-style-container {
        overflow: auto;
        height: 280px;
    }

    .generic-wide-page-container, .left-gray-panel, .right-white-panel {
        min-height: 463px;
    }

        .generic-wide-page-container .right-white-panel .right-panel-inner-container {
            min-height: 361px;
        }

        .generic-wide-page-container .search-result-container {
            min-height: 351px;
        }
}

@media (min-width: 1930px) {
    body {
        /*font-size: 0.6vw;*/
    }
    .page-header, .page-body, .page-footer {
        width: 80% !important;
    }
}
@media (max-width: 1929px) {
    .page-header, .page-body, .page-footer {
        max-width: 1667px;
    }
}

@media (max-width: 1367px) {
    .page-header {
        height: 164px;
    }

    .header-search-container {
        display: inline-block;
        width: 100%;
    }
    .header-search-adv-container {
        left: 160px;
        top: 130px;
        position: absolute;
    }

    .praxis-complete-order-list {
        max-height: 200px;
        overflow: auto;
    }
    .page-body {
        /*height: 589px;*/
        min-height: 590px;
    }
    .information-box-body {
  /*      height: 511px;*/
    }
    .generic-wide-page-container {
        width: 90%;
        /*height: 510px;*/
        height: calc(70vh - 100px);
    }
        .generic-wide-page-container .search-result-container {
            /*height: 390px;*/
            height: calc(70vh - 230px);
            overflow: auto;
        }
    .search-result-container-inner {
        height: 230px;
        overflow: auto;
    }
    .article-body {
        height: calc(70vh - 230px);
    }
    .generic-wide-page-container .right-white-panel .right-panel-inner-container {
        /*height: 320px;*/
        /*width: 70%;*/
        /*margin: 0 auto;*/
    }
    .inline-praxis-orders-container {
        max-height: 310px;
        overflow: auto;
    }
    .gray-settings-panel {
        min-height: 447px;
    }
    .selected-words-list, .praxis-order-list {
        max-height: 270px;
    }
    .customer-rights-list {
        max-height: calc(70vh - 450px);
    }
    .company-result-container {
        overflow: auto;
        max-height: 380px;
    }
}

@media (min-width: 1367px) {

    .page-header {
        height: 120px;
    }

    .header-search-container {
        float: right;
        margin-right: 40px;
        margin-top: 20px;
    }

    .praxis-complete-order-list {
        max-height: 330px;
        overflow:auto;
    }
    .search-result-container-inner {
        height: 290px;
        overflow: auto;
    }
    .company-result-container {
        overflow: auto;
        max-height: 430px;
    }
    .generic-wide-page-container {
        height: calc(70vh - 100px);
        width: 90%;
    }
        .generic-wide-page-container .search-result-container {
            height: calc(70vh - 230px);
            overflow: auto;
        }
    .article-body {
        height: calc(70vh - 230px);
    }
    .generic-wide-page-container .right-white-panel .right-panel-inner-container {
        height: calc(70vh - 200px);
    }
    .inline-praxis-orders-container {
        max-height: calc(67vh - 270px);        
        overflow: auto;
    }
    .gray-settings-panel {
        min-height: calc(70vh - 270px);
    }
    .selected-words-list, .praxis-order-list, .customer-rights-list {
        max-height: calc(70vh - 450px);
    }
}

@media (max-width: 1300px) {
    .search-result-cell.expand-when-narrow {
        display: block;
        width: 95%;
    }

    .board-member {
        width: 95%;
    }
}

@media (min-width: 1300px) {
    .board-member {
        width: 45%;
    }
}

@media (min-width:1078px) {
    .book-style-container {
        column-count: 2;
        column-gap: 30px;
        margin-top: 50px;
        margin-bottom: 30px;
        max-height: 450px;
        overflow: auto;
    }
    .page-header, .page-body, .page-footer {
        min-width: 1078px;
    }

    .generic-page-container {
        width: 70%;
        margin-top: 41px;
    }

    /* MENU */
    .page-top-menu ul li {
        position: relative;
        float: left;
        overflow: visible;
    }

        .page-top-menu ul li.ddr-menu-item {
            float:none;
        }

        .page-top-menu ul.top-menu-container ul.menu-panel-container {
            top: 100%;
        }

    .menu-panel-container {
        width: 560px;
    }

    .ddr-panel-container {
        width: 170px;
        padding-top: 14px;
    }
    .page-body-left {
        float: left;
    }

    .page-body-error {
        float: none !important;
        margin: 0 auto !important;
    }

    .page-body-right {
        float: right;
        background-color: #f2f2f2;
        height: 100%;
    }
    .page-body-left {
        width: 75%;
        padding-top: 34px;
    }

    .page-body-right {
        width: 25%;
    }
    .menu-item-settings-cog {
        display: initial;
    }

    .menu-item-settings-opt {
        display: none;
    }
    .page-top-menu ul li.root-menu-item {
        padding-right: 17px;
    }
}

@media (max-width:1078px) {
    .book-style-container {
        margin-bottom: 30px;
        max-height: 450px;
        overflow: auto;
    }
    .page-header, .page-body, .page-footer {
        max-width: 1367px;
    }

    .generic-page-container {
        width: 80%;
    }
    .article-body {
        height: 380px;
    }
    .generic-wide-page-container .search-result-container {
        height: 390px;
        overflow: auto;
    }

    .generic-wide-page-container {
        width: 81%;
        height: 510px;
    }
    .page-top-menu ul li.root-menu-item {
        padding-right: initial;
        width: fit-content;
    }
    .menu-item-settings-cog {
        
    }
    .menu-item-settings-opt {
        display: none;
    }
        .menu-item-settings-opt i.fas {
            margin-right:5px;
        }
        /* MENU */
        .page-header-menu {
            position: absolute;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            padding: 0;
            background: white;
            -webkit-transition: all .8s ease;
            -o-transition: all .8s ease;
            -moz-transition: all .8s ease;
            transition: all .8s ease;
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -o-transform: translateX(100%);
            transform: translateX(100%);
            z-index: 999;
        }

    #header-hamburger i {
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
    }

    .open-nav #header-hamburger i {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #header-hamburger {
        position: absolute;
        right: 0;
        top: 123px;
        font-size: 18px;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 20px;
        width: 40px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        z-index: 99999;
    }

    .open-nav .page-header-menu {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }

    .top-menu-container {
        width: 100%;
        padding: 20px;
        overflow: scroll;
    }
    /* END MENU */


    /* PAGE */
    /* END PAGE */


    /* START PAGE */
    .page-body-left {
        width: 100%;
        /*height: 350px;*/
        padding-top: 34px;
    }

    .page-body {
        height: unset;
    }

    .page-body-right {
        width: 81%;
        margin: 0 auto;
        border-bottom: solid 34px transparent;
    }
    /* END START PAGE */
    .information-box-container {
        box-shadow: 5px 5px 10px 2px rgb(0 0 0 / 20%);
    }
}

@media (min-width: 800px) {
    .generic-page-container, .generic-wide-page-container {
        /*margin: 0 auto;*/
        /*background-color: #ffffff;*/
        /*        display: flex;
        border-radius: 15px 15px 15px 15px;*/
        display: flex;
    }
    .generic-page-container {
        /*margin-top: 75px;*/
        /*margin-bottom: 34px;*/
        width: 81%;
    }

    .generic-wide-page-container {
        /*margin-top: 34px;*/
        /*margin-bottom: 34px;*/
    }

    .account-settings-container .sub-menu-item {
        padding-top:5px;
        padding-bottom: 5px;
    }

    .account-settings-container table {
        color: #ffffff;
    }

    .gray-settings-panel {
        width: 100%;
        float: left;
        overflow: hidden;
        background-color: #3e3e3f;
        color: #ffffff;
        border-radius: 15px 15px 15px 15px;
    }

    .left-settings-options-container {
        width: 20%;
        float: left;
        min-width: 135px;
    }

    .right-settings-container {
        float:left;    
        width: 65%;
    }

    .settings-panel {
        padding-top: 25px;
        padding-left: 20px;
        padding-right: 15px;
        padding-bottom: 20px;
    }
    
    .left-gray-panel {
        border-radius: 15px 0px 0px 15px;
        width: 50%;
        float: left;
        overflow: auto;
        max-height: 400px;
    }

    .generic-wide-page-container .left-gray-panel {
        max-height: calc(70vh - 100px);
        width: 260px;
        overflow: auto;
        min-width: 260px;
    }

    .right-white-panel {
        border-radius: 0px 15px 15px 0px;
        width: 50%;
        float: left;
        overflow: auto;
        max-height: 400px;
    }

    .generic-wide-page-container .right-white-panel {
        max-height: calc(70vh - 100px);
        width: 100%;
        overflow: hidden;
    }
}

@media (max-width: 800px) {
    .praxis-complete-order-list {
        max-height: 100px;
        overflow: auto;
    }
    .inline-praxis-orders-container {
        max-height: 210px;
        overflow: auto;
    }
    .search-result-container-inner {
        height: 130px;
        overflow: auto;
    }
    .generic-wide-page-container .search-result-container {
        height: 280px;
    }
    .article-body {
        height: 280px;
    }
    .left-gray-panel {
        border-radius: 15px 15px 15px 15px;
        width: 100%;
        float: left;
        margin-bottom: 34px;
        /*margin-top: 34px;*/
    }
    .gray-settings-panel {
        margin-bottom: 34px;
    }
    .settings-panel {
        padding-bottom: 34px;
        padding-top: 25px;
        padding-bottom: 20px;
    }
    .input-rounded, .selected-words-list, .praxis-order-list, .customer-rights-list {
        margin: 0 auto;
        float: none !important;
    }
    .selected-words-list, .praxis-order-list, .customer-rights-list {
        margin-left: 10px;
        margin-right: 10px;
    }
        .settings-option a {
            float: none !important;
            display: inline-block;
            margin-left: 0px !important;
        }
    .centered-buttons a {
        margin-left: 0 auto;
    }
    .left-gray-panel .line, .gray-settings-panel .line {
        margin: 10px auto 10px;
    }
    .account-settings-container .sub-menu-item {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .right-white-panel {
        border-radius: 15px 15px 15px 15px;
        width: 100%;
        float: left;
        margin-bottom: 34px;
    }

    .page-body-left {
        display: inline-block;
        height: initial;
        padding-left: 0px;
        text-align: center;
    }
    .align-center .relatedArticlesContainerList, .relatedArticlesContainerList li {
        width: 70%;
        margin: 0 auto;
    }
    .customer-info-container {
        padding:10px;
    }
}

@media (min-width:700px) {
    /* START PAGE */
    .start-page-box {
        width: 600px;
        margin: 0 auto;
    }

    .start-page-box-left {
        width: 280px;
        border-radius: 15px 0px 0px 15px;
    }

    .start-page-box-right {
        width: 300px;
        border-radius: 0px 15px 15px 0px;
    }

    .start-page-box-left {
        padding-left: 20px;
    }
    /* END START PAGE */
}

@media (max-width:700px) {
    /* START PAGE */
    .start-page-box-left, .start-page-box-right {
        margin-bottom: 34px;
    }

    .start-page-box {
        width: 80%;
        margin: 0 auto;
    }

        .start-page-box .line {
            margin: 10px auto 10px;
        }

        .start-page-box p {
            margin: 10px auto 10px;
        }


    .start-page-box-left {
        width: 100%;
        border-radius: 15px 15px 15px 15px;
        padding-left: 0px;
    }

    .start-page-box-right {
        width: 100%;
        border-radius: 15px 15px 15px 15px;
    }
    /* END START PAGE */
}

@media (min-width:500px) {
    .page-header-left {
        width: 400px;
        float: left;
        padding-left: 60px;
    }
}

@media (max-width:500px) {
    .page-header-left {
        width: 95%;
        padding-left: 10px;
    }
    .header-search-adv-container {
        display:none;
    }
}

@media (min-width:200px) {
    .generic-page-container, .generic-wide-page-container {
        /*background-color: #ffffff;*/        
        border-radius: 15px 15px 15px 15px;
    }

    .info-page {
        background-color: #ffffff;
        box-shadow: 5px 5px 10px 2px rgb(0 0 0 / 20%);
    }
    .generic-wide-page-container {
        /*margin-top: 34px;*/
        margin-bottom: 34px;
    }
    .generic-page-container {
        /*margin-top: 75px;*/
        margin-bottom: 34px;
    }
}


/*.page-body-left::after {
    content: "";
    background-color: #ea817e !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    position: absolute;
    opacity: .5;
}*/
/* PAGE FOOTER */
.page-footer {
    background-color: #403f41;
    width: 100%;
    height: 100px;
}

.page-footer-left {
    width: 20%;
}

.page-footer-right {
    width: 80%;
}

.page-footer-left {
    float: left;
}

.page-footer-right {
    float: right;
    padding-top: 27px;
    padding-right: 30px;
}

.page-footer-menu-container {
    font-size: 44px;
    color: #aaaaaa;
    float: right;
}


.page-footer-menu-item {
    float: left;
    padding-right: 30px;
}
/* END PAGE FOOTER */

.settings-option {
    padding-top: 10px;
    width: 100%;
    display: inline-block;
}

.settings-option a {
    color: #ffffff;
}

    .settings-option i.fas {
        font-size: 20px;
        margin-bottom: 5px;
    }

.input-rounded {
    border: solid 1px #ffffff;
    border-radius: 20px 20px 20px 20px;
    padding-left: 15px;
    width: 50%;
    padding-right: 5px;
    padding-top: 5px;
}

    .input-rounded span {
        padding-top: 10px;
        padding-left: 10px;
        display: inline-block;
        font-size: 12px;
    }

    .input-rounded .line {
        margin-top: 2px !important;
    }

.settings-option input.input-text {
    color: #ffffff;
    background-color: #3e3e3f;
    padding-bottom: unset;
    padding-right: unset;
    width: 85%;
}

.settings-option.centered-buttons {
    margin-top: 10px;
}
.centered-buttons a {
    display: inline-grid;
    text-align: center;
    font-style: italic;
}
    .centered-buttons a:hover {
        text-decoration: none;
        cursor: pointer;
        font-weight: 600;
    }
    .chk-list {
        width: 100%;
    }

.chk-list td {
    padding-right: 20px;
    padding-bottom: 10px;
}
    .chk-list td input {
        margin-right: 10px;
    }


.generic-popup-panel {
    background-color: #3e3e3f;
    color: #ffffff;
    padding: 25px;
    border-radius: 5px 5px 5px 5px;
}

.generic-popup-panel-header {

}

.generic-popup-panel-body {
}

.generic-popup-panel p {
    width:85%;
}

.popup-overlay {
    background: #333333;
    height: 100%;
    left: 0;
    opacity: .35;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    width: 100%;
}

.cartDescription {
    width:85%;
    float:left;
}

.cartIcon {
    float:right;
    font-size: 18px;
    cursor: pointer;
}

#shoppingCartContainer {
    display: block;
}

.middle-size {
    width: 350px;
}
.praxisOrderTblList-container {
    overflow: auto;
    max-height: 300px;
}
.praxisOrderTblList {
    color: #ffffff;
    width: 150px;
    font-size: 14px;
    margin-top: 10px;
}

    .praxisOrderTblList a {
        color: #ffffff;
        cursor: pointer;
    }

    .praxisOrderTblList tbody tr td {
        padding-bottom: 5px;
    }

.shoppingcart {
    margin: 0 auto 20px;    
}

table.shoppingcart tr td {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

.shoppingcart_footer_item_leftcol {
    border-top: solid 1px #808080;
    font-weight: 600;
}

#ctl00_ContentPlaceHolder_praxis_order_cbAccept {
    margin-right: 5px;    
}

.orderlist {
    width: 100%;
}

.orderrowlist tr td {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    vertical-align: top;
}

.orderrowlist {
    width: 100%;
    /*border-right: solid 1px #6f6d6d;
    border-top: solid 1px #6f6d6d;*/
    padding: 5px;
    -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff;
    -moz-box-shadow: inset 0px 0px 0px 2px #ffffff;
    box-shadow: inset 0px 0px 0px 2px #ffffff;
    background-color: #f4e2e2;
}

.orderlist_item {
    background-color: #f0f0f0;
}

.orderrowlist_item td a {
    font-weight: 600;
}

    .orderlist_row td {
        border-right: none !important;
    }

.article-function {
    margin-bottom: 20px;
}
.article-function a {
    color: #ffffff;
    display: block;
    width: 50%;
    text-align: center;
    cursor: pointer;
}
    .article-function a:hover {
        text-decoration: none;
    }
    .article-function i {
        font-size: 20px;
        display: block;
        margin-bottom: 10px;
    }

.relatedArticlesContainer a, .relatedArticlesContainer {
    color: #ffffff;
}

.relatedArticlesContainerList, .relatedArticlesContainerList li {
    overflow: visible;
    text-align:left;
}

.company-info-container {
    text-align: left;
    display: inline-block;
    width: 100%;
}
.company-info-header {
    border-bottom: solid 1px #3e3e3f;
    padding-bottom: 5px;
    font-size: 14px;
    margin-bottom: 5px;
}

.member-container {
    
}

.board-member {
    float: left;
    min-width: 200px;
    min-height: 70px;
    padding: 5px;
    border: solid 1px #8e8e8e;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #f0f0f0;
}

.head-member {
    background-color: #f4e2e2;
}

.member-info {

}

.member-name {
    font-size: 14px;
    margin-bottom: 3px;
}

.panel-text i.fas {
    padding-right: 5px;
}

.addLegalWordsContainer {
    list-style: none;
}
    .addLegalWordsContainer li {
        float: left;
        height: fit-content;
        margin-right: 5px;
    }

        .addLegalWordsContainer li a.btn {
            margin-top: 32px;
            display: inline-block;
        }

.selected-words-list, .praxis-order-list, .customer-rights-list {
    float: left;
    overflow: auto;
    padding-right: 5px;
}

.selected-words-list {
    min-width: 54%;
}

.praxis-order-list, .customer-rights-list {
    min-width: 70%;
}

.my-words-list, .my-praxis-order-list {
    border: solid #ffffff;
    border-radius: 5px;
    width: 100%;
}
    .my-words-list tr td, .my-praxis-order-list tr td {
        border-bottom: solid 1px #ffffff;
        padding: 3px;
        background-color: #616161;
        color: #ffffff;
    }
        .my-words-list tr td:last-child {
            width: 13px;
        }

    .my-praxis-order-list i.fas {
        font-size: 10px;
        margin-left: 10px;
    }

    .settings-option.praxis-button-row a {
        display: inline-block;
        margin-left: 0px !important;
    }

.settings-option .orderrowlist {
    padding: 0px !important;
}

.highlight-gray-btn {
    background-color: #f4c6c4;
    border: solid 1px #c69896 !important;
    color: #000000 !important;
}

.search-result-container a:visited, .search-result-container-inner a:visited {
    color: #aaaaaa !important;
}

.align-center {
    text-align: center;
    margin-right: 10px;
}

    .align-center .line {
        margin: 10px auto 10px;
    }

    .align-center .article-function a {
        margin: 0 auto;
    }

.back-button {
    font-size: 22px;
    text-align: right;
    cursor: pointer;
}
div.back-button {
    margin-bottom: 20px;
}

.about-top-container {
    float: none;
    display: inline-block;
    width: 100%;
}
.about-top-header {
    float:left;
}
.about-top-container .back-button {
    margin-bottom: 0px;
}

.add-favorite-button {
    font-size: 22px;
    text-align: left;
    cursor: pointer;
}

div.add-favorite-button {
    margin-bottom: 20px;
}

#ctl00_ContentPlaceHolder_company_company_search_lblPages {
    padding-top: 3px;
    display: inline-block;
}

@media print {
    .page-header-right, .header-search-container, .left-gray-panel, .left-panel-inner-container, .article-function, .page-body-right, #header-hamburger, .page-footer, .page-header-identity, .back-button, .cc-window {
        display: none !important;
        visibility: hidden !important;
    }
    .panel-inner-container {
        padding: 10px !important;
    }
    .page-body {
        background-image: none !important;
        background-color: #ffffff !important;
        height: unset;
        min-height: unset;
    }
    .page-body-left {
        padding-top: 0px !important;
    }
    body {
        background-color: #ffffff !important;
    }
    .generic-wide-page-container .right-white-panel .right-panel-inner-container, .article-body {
        overflow: unset !important;
        height: 100% !important;
    }
    .article-footer {
        margin-top: 0px !important;
    }
    .article-disclaimer {
        padding: 0px !important;
        padding-bottom: 15px !important;
        background-color: #ffffff !important;
        color: #000000;
    }
    .text_information {
        background-color: #ffffff !important;
        color: #000000 !important;
        padding: 0px !important;
    }
    .company-result-container {
        height: fit-content !important;
        max-height: fit-content;
    }
    .generic-wide-page-container .right-white-panel {
        max-height: 100vh;
    }
    .generic-wide-page-container {
        height: unset;
        max-height: 100vh;
    }
        .generic-wide-page-container .search-result-container {
            height: unset;
            overflow: hidden;
        }
}

.article-top-container {
    float: none;
    display: inline-block;
    width: 100%;
}
    .article-top-container .back-button {
        float:right;
        width: 30px;
    }
    .article-top-container .add-favorite-button {
        float: left;
        width: 30px;
    }

.remove-favorites-icon {
    float: right;
    font-size: 28px;
    margin-top: -10px;
    cursor: pointer;
}

.customer-info-container {
    color: #ffffff !important;
}

.customer-info-list {
}

.customer-info-list li {
    margin-bottom: 20px;
}

    .customer-info-list li span {
        font-weight: 300;
    }

.contact-cell a {
    margin-top: 10px;
}

.header-search-adv-container {
    width: 100%;
    margin-top: 5px;
    text-align: center;
}

.contact-page {
    width: 70% !important;
}

a[href^="mailto:"] {
    text-decoration:underline !important;
}

.book-style-container a {
    text-decoration: underline !important;
}
.notify{
	position: fixed;
	width: 400px;
	padding: 15px;
	z-index: 9999;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.notify > button.close{
	position: absolute;
	top: 8px;
	right: 12px;
	-webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
	float: right;
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
	outline: none;
}
.notify > button.close:hover{
	filter: alpha(opacity=50);
    opacity: .5;
}
.notify-dismissible .message{
	padding-right: 25px;
}

/** animation type **/
.notify.scale{
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}
.notify.left.drop{
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
}
.notify.center.drop{
	-webkit-transform: translateY(-120%);
	-moz-transform: translateY(-120%);
	-o-transform: translateY(-120%);
	transform: translateY(-120%);
	opacity: 0;
}
.notify.right.drop{
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
	opacity: 0;
}
.notify.middle.center.drop{
	-webkit-transform: translateY(-20%);
	-moz-transform: translateY(-20%);
	-o-transform: translateY(-20%);
	transform: translateY(-20%);
	opacity: 0;
}
.notify.bottom.center.drop{
	-webkit-transform: translateY(120%);
	-moz-transform: translateY(120%);
	-o-transform: translateY(120%);
	transform: translateY(120%);
	opacity: 0;
}
.notify.fade{
	opacity: 0;
}
.notify.out{
	opacity: 0;
}

/** notify type **/
.notify-default {
	font-size: 14px;
	background-color: #4e4e4e;
	color: #ffffff;
	box-shadow: 0 3px 10px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.2);
}
.notify-info {
	font-size: 14px;
	color: #31708f;
	background-color: #d9edf7;
}
.notify-toast {
	font-size: 14px;
	color: #fff;
	background-color: rgba(0,0,0,0.75);
}
.notify-danger {
	font-size: 14px;
	color: #ffffff;
	background-color: #f56c6c;
}
.notify-warning {
	color: #8a6d3b;
	font-size: 14px;
	background-color: #fcf8e3;
}
.notify-success {
	font-size: 14px;
	color: #3c763d;
	background-color: #ceffba;
}

/** position **/
.notify.top{
	top: 15px;
}
.notify.middle{
	top: 50%;
}
.notify.bottom{
	bottom: 15px;
}
.notify.left{
	left: 15px;
}
.notify.center{
	left: 50%;
	margin-left: -200px;
}
.notify.right{
	right: 15px;
}

/** buttons **/
.notify-buttons{
	width: 100%;
	margin-top: 10px;
}
.notify-buttons.left{
	text-align: left;
}
.notify-buttons.center{
	text-align: center;
}
.notify-buttons.right{
	text-align: right;
}
.notify-buttons > button{
	border: 1px solid #ddd;
	padding: 4px 10px;
	background: #fff;
	color: #333;
	cursor: pointer;
	outline: none;
}
.notify-buttons > button:hover{
	background: #eee;
}
.notify-buttons > button:first-child{
	margin-right: 5px;
}

/** util **/
.notify-backdrop{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9998;
	background-color: #000;
	opacity: 0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}
body.notify-open{
	overflow: hidden;
}
body.notify-open-drop{
	overflow-x: hidden;
}

@media all and (max-width:768px){
	.notify{
		width: 100%;
		left: 0!important;
		margin: 0!important;
		border-radius: 0;
		-webkit-border-radius: 0;
	}
	.notify.top{
		top: 0!important;
	}
	.notify.bottom{
		bottom: 0!important;
	}
	.notify.middle{
		width: 80%!important;
		margin-left: 10%!important;
		border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	.notify.left.drop, .notify.right.drop{
		-webkit-transform: translateY(-120%);
		-moz-transform: translateY(-120%);
		-o-transform: translateY(-120%);
		transform: translateY(-120%);
	}
	.notify.bottom.drop{
		-webkit-transform: translateY(120%);
		-moz-transform: translateY(120%);
		-o-transform: translateY(120%);
		transform: translateY(120%);
		opacity: 0;
	}
}