/*
EmojiSymbols Font (c)blockworks - Kenichi Kaneko
http://emojisymbols.com/
*/
@font-face {
    font-family: "EmojiSymbols";
    src: url('../font/EmojiSymbols-Regular.woff') format('woff');
    text-decoration: none;
    font-style: normal;
}

/* Begin reseted */
html, body {
    margin: 0;
    padding: 0;
    overflow: visible;

}

body, input, select, textarea, button {
    font-family: 'Noto Sans', arial, helvetica, sans-serif;

}

a, a:active, a:visited { color: #87318c; }
a:hover { color: #ab3eb2; }
.elink {
    cursor: pointer;
}
.link {
    cursor: pointer;
    border-bottom: 2px solid #dbc0dc;
    color: #87318c;
}
.link:hover {
    color: #ab3eb2;
    border-bottom-color: #ab3eb2;
}

h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 160%; margin: 12px 0px; }
h2 {  font-size: 150%; margin: 10px 0px; }
h3 { font-size: 140%; margin: 8px 0px; }
h4 { font-size: 130%; margin: 6px 0px; }
h5 { font-size: 120%; margin: 4px 0px; }
h6 { font-size: 110%; margin: 2px 0px; }

p { margin: 15px 0; }

ul, ol { margin-left: 0;  }
ul li { list-style-type: disc; list-style-position: inside; }
ul ul li { list-style-type: circle; }
ul ul ul li { list-style-type: square; }
ul ul ul ul li {list-style-type: circle; }
ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-alpha; }
ol ol ol li { list-style-type: decimal; }
ul, ol { margin: 1em 0; padding: 0 0 0 20px; }
ul li { list-style-type: square; }

/* Abbreviation */
abbr { border-bottom: 1px dotted #666; cursor: help; white-space: nowrap; }
dl { font-size: 1em; }
dt { padding: 7px 0; font-weight: bold; }
dd { padding: 0px 5px 10px 5px; }
pre, code {
  background-color: #efefef;
  display: block; padding: 5px; margin: 5px 0; border: 1px solid #aaa;
  font-family: "Ubuntu Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
}
form { margin: 10px 0; }
fieldset{ border: 1px solid #CCCCCC; margin-bottom: 10px; padding: 5px 10px; }
input, textarea, select{ border: 1px solid #B4B4B4; }
.form-checkbox {  margin-right: 5px;}

::selection {
    background: #0A2A75; /* Safari */
    color: #fff;
    }
::-moz-selection {
    background: #0A2A75; /* Firefox */
    color: #fff;
}


q {quotes: '“' '”' '‘' '’';}
 /* extra content definitions for pre-2011 WebKit */
q:before {content: '“'; content: open-quote;}
q:after {content: '”'; content: close-quote;}
q q:before {content: '‘'; content: open-quote;}
q q:after {content: '’'; content: close-quote;}


.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }

.clearfix:before,
.clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


.clearb { display: block; float: none; clear: both; }
span.clearb { font-size: 1px; font-family: arial; line-height: 0px;  }
/* Float classes for images */

.fleft { float: left; }
.fright { float: right; }
img.fleft { margin-right: 10px; }
img.fright { margin-left: 10px; }
img.centered { display: block; margin: 10px auto; }

body.drag { cursor: move; }

.error { color: #B60300; }
div.error { border: 1px solid #d77; }
div.error, tr.error { background: #fcc; color: #B60300; padding: 2px; }

.warning { color: #e09010; }

div.warning { border: 1px solid #f0c020; }
div.warning, tr.warning { background: #ffd; color: #220; padding: 2px; }

.ok,  .success  { color: #008000; }
div.success { border: 1px solid #00aa00; }
div.success, tr.success { background: #dfd; color: #008000; padding: 2px; }

.rad, div.error, div.success {
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

.cen {text-align: center;}


.on_screen_msgs { left: 100px; top: 65px; }
.on_screen_msgs .msg_area { width: 600px; }
.on_screen_msgs .msg_item .msg_cont{ max-height: 420px; }
.on_screen_msgs .msg_item .msg_cont h4 { color: #BFA35A; padding: 10px 0; }
.on_screen_msgs .msg_item .msg_cont .success h4 { color: #1B7E2D;}
.msg_item a.close_msg       { color: #FFFFFF; background-color: #E27A81; border: 1px solid #D41F30; }
.msg_item a.close_msg:hover { color: #FFFFFF; background-color: #49639B; border-color: #2E476C; }


#container {
    zoom:1;
}

.scrolled_down #header{
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.scrolled_down #footer{
    box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.2);
}
.page-editor #header {
    top: 0;
}
.page-editor #footer {
    bottom: 0;
}

.page-editor #container {
    margin-top: 91px;
    margin-bottom: 91px;
}

.page-editor #footer,
.page-editor #header {
    left: 0;
    z-index: 10;
    width: 100%;
    position: fixed;
    height: 90px;
    background-color: #28292A;
    border-top: 1px solid #3C3F41;
    border-bottom: 1px solid #3C3F41;
    /*
    background-image: url("../img/pat/classy_fabric.png");
    background-image: url("../img/pat/dvsup.png");
   /*/
    background-image: url("../img/pat/office.png");
    background-repeat: repeat;
}

.page-editor p.copyright {
    bottom: 12px;
    font-size: 0.769em;
    line-height: 1em;
    margin: 0;
    position: absolute;
    right: 12px;
    z-index: 2;
}
.page-editor p.copyright, .page-editor p.copyright a { color: #555; }
p.copyright a { text-decoration: none; }
p.copyright a:hover { color: #70B62F; }


#navigation .headlogo {
    width: 150px;
    height: auto;
    left: 10px;
    top: 10px;
    position: absolute;
}
@media screen and (max-width: 460px) {
    #navigation .headlogo {
        display: none;
    }
}
@media screen and (max-width: 640px) {
    #navigation .headlogo {
        top: 8px;
        width: 130px;
    }
    #footer p.copyright { display: none; }
}

.scrolled_down #navigation .headlogo {
        top: 8px;
        width: 100px;
}

#navigation span.sep,
#navigation a {
    font-size: 1em;
}

#navigation .menu {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 10;
}

#navigation .sticky_upload {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    background-color: #252525;
    position: absolute;
    display: block;
    top: 42px;
    overflow: hidden;
}
#navigation .sticky_upload label {
    cursor: pointer;
    display: block;
    padding: 4px 10px;
}
#navigation .sticky-left label {
    padding-left: 30px;
    padding-right: 10px;
}
#navigation .sticky-right label{
    padding-left: 10px;
    padding-right: 30px;
}

#navigation .sticky_upload input {
    position: fixed;
    top: -1000px;
}

#navigation .sticky_upload img {
    display: inline;
    height: 24px;
    width: 24px;
}


#navigation .sticky-left { left: -5px; border-radius: 0 6px 6px 0;  }
#navigation .sticky-left:hover { left: 0; background-color: #646464; }

#navigation .sticky-right { right: -5px; border-radius: 5px 5px 0; }
#navigation .sticky-right:hover { right: 0; background-color: #646464; }


#navigation a {
    color: #dbe8e9;
    cursor: pointer;
    display: block;
    float: right;
    padding: 5px 8px;
    z-index: 5;
    margin: 0px 5px;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
}
#navigation a:hover {
    background-color: #87318c;
    border-radius: 6px;
}

#navigation span.sepa {
    float: left;
    display: block;
    margin: 0;
    color: #888;
    padding: 9px 5px 0 5px;
}


.page-wrap {
    margin: 0;
    width: auto;
}
.page-inner {
    padding: 0;
    position: relative;
}
#container .page-inner {
    min-height: 600px;
}

html {
    background: transparent url('../img/pat/bgnoise_lg.png') repeat 0 0;
/*
    fake_luxury.png
    hixs_pattern_evolution.png
    hoffman.png
    purty_wood.png
    reticular_tissue.png
    soft_pad.png
*/
}




.pat-helper {
    opacity: 0.9;
    background-color: yellow;
    -webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 0px rgba(0,0,0,0.5);
    border: 1px solid #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    margin: 5px;
    position: absolute;
    right: 1px;
    bottom: 1px;
    z-index: 999;
}

.sticky_upload {
  transition:           all 0.15s ease;
  -o-transition:        all 0.15s ease;
  -moz-transition:      all 0.15s ease;
  -webkit-transition:   all 0.15s ease;
}

#navigation .headlogo,
.download_btn,
.search-wrapper .search-inner,
.search-wrapper,
.divided-bg .side.drophover,
.upload-container .side,
.upload-container .side .svg,
.link {
  transition:           all 0.3s ease-in-out;
  -o-transition:        all 0.3s ease-in-out;
  -moz-transition:      all 0.3s ease-in-out;
  -webkit-transition:   all 0.3s ease-in-out;
}



.download-cont {}
.download-cont ul {
    margin: 0;
    padding: 10px 0 10px 20px;
}
.exportout .dwnlnk {
    font-size: 1.385em;
}






.page-editor #footer {
    background-color: ccc;
}


.download_btn {
    background-color: #87318c;
    border: 1px solid #87318c;
    color: #f0f0f0;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    font-size: 1.385em;
    margin: 0px auto 0 auto;
    padding: 0px;
    line-height: 2em;
    text-align: center;
    text-transform: uppercase;
    width: 320px;
}
.download_btn:focus {
    outline: 0px none;
}
.download_btn:hover {
    background-color: #f0f0f0;
    border-color: #fff;
    color: #87318c;
    font-weight: 700;
}

.download_btn.loading, .download_btn.loading:hover {
    font-weight: 500;
    background-color: #252525;
    border-color: #252525;
    color: #f0f0f0;
    font-style: italic;
    text-transform: none;
    cursor: progress;
}

/*p.download_desc {
    color: #93938e;
    font-size: 0.846em;
    text-align: center;
    margin: 8px 0 0;
}*/
p.download_desc {
    background-color: #252525;
    border-radius: 5px;
    color: #93938e;
    font-size: 12px;
    margin: 0 auto 5px;
    padding: 5px 0;
    text-align: center;
    width: 320px;
}
.download_wrp {
/* margin: 15px auto 0 auto;*/
    margin: 10px auto 0 auto;
}
.download_wrp span.file_format {

}
.download_wrp span.sepa {
    padding-left: 1px;
    padding-right: 3px;
}
.download_wrp span.link {
    border-bottom: 2px solid #87318C;
    color: #c5c5be;
    padding: 0 2px;

}
.download_wrp span.link.tipp-open,
.download_wrp span.link.editable-open,
.download_wrp span.link:hover {
    border-radius: 5px;
    border-bottom-color: #F0F0F0;
    background-color: #F0F0F0;
    color: #87318C;
}

.editable-checklist { padding-bottom: 5px; line-height: 1.538em; }

.editable-checklist label {
    padding: 0px 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.editable-checklist label span em {
    color: #ccc;
    display: block;
    font-size: 0.846em;
    line-height: 1;
    padding-bottom: 5px;
    padding-left: 24px;
}
.editable-checklist label input {}

.editable-error-block {
    background-color: #eee;
    border-radius: 5px;
    margin: 5px auto 0 auto;
    text-align: center;
    white-space: normal;
}
.checkstyler-handle.disabled {
    opacity: 0.5;
}
.checkstyler-handle {
    background-color: #e8e8db;
    border: 1px solid #f0f0e2;
    border-radius: 5px;
    color: #87318c !important;
    display: block;
    float: left;
    font-weight: 600;
    height: 14px;
    line-height: 14px;
    margin-right: 8px;
    opacity: 1;
    overflow: hidden;
    position: relative;
    text-align: center;
    top: 3px;
    width: 14px;
}
label.checkstyler .checkstyler-handle:hover, label.checkstyler:hover .checkstyler-handle {
    border: 1px solid #fff;
    color: #2F1124 !important
}

.editable-checklist label.checkstyler input[type="checkbox"],
.editable-checklist label.checkstyler span {
    margin: 0;
    vertical-align: text-top;
}

.editable-checklist label.checkstyler {
    border-bottom: 4px solid #913b96;
    clear: both;
    display: block;
    margin-bottom: 3px;
    padding: 0;
}







.editable-buttons button {
    background-color: #f2ebf1;
    border: 2px solid #f2ebf1;
    color: #87318c;
    text-transform: uppercase;
    font-weight: 600;
    padding: 2px 15px;
}
.editable-buttons button:hover {
    background-color: #fff;
    border-color: #fff;
}

.autoclose .editable-buttons button.closebtn.emoji {
    background-color: transparent;
    border: 0 none;
    margin: 0;
    right: 10px;
    top: 10px;
    padding: 0;
}



.editable-input select,
.editable-input input {
    border: 0 none;
    padding: 1px 0;
    border: 2px solid #fff;
}


.tipp-main label {
    font-weight: 600;
    padding: 2px 15px;
    display: block;
    text-align: center;
    text-transform: uppercase;
}
.tipp-main div div label {
    font-weight: normal;
    text-align: left;
    text-transform: none;
}

.editableform {
    margin-top: 10px;
}


.tip-yellowsimple {
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.15);
    opacity: 1;
}

.editable-popup .no-label form  {
    margin: 0;
}
.editable-popup .no-label label { display: none; }

.editable-popup .autoclose .editable-submit { display: none; }

.tipp-type-select select,
.editable-popup .autoclose select {
    min-width: 260px;
    max-width: 440px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.editable-popup .editable-input { display: block; }
.editable-popup .editable-buttons { display: block; position: static; }


#file_options .tipp-label {
    min-width: 250px;
}


.upload-fallback {
    color: #eee;
    float: right;
    margin: 3px 20px 0 0;
    text-align: center;
}

.upload-fallback input {
    background-color: #fff;
    border-radius: 6px;
}

.upload-fallback label {
    margin-right: 10px;
}


.download_button p.uploadInfo {
    font-size: 1em;
    margin: 0 auto;
    text-align: center;
    max-width: 280px;
}
.download_button p.uploadInfo strong {
    font-weight: 600;
}


.divided-bg {
    height: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}


.divided-bg .side {
    position: relative;
    min-height: 100%;
    height: 100%;
    width: 50%;
}


.divided-bg .left-side { float: left; }
.divided-bg .right-side { float: right; }


.divided-bg.mainbgs .left-side {
    color: #6f2643;
    background: #E6E6E6 url("../img/s_leftsidebg.png") repeat 0 0;

}
.divided-bg.mainbgs .right-side {
    color: #cfcfcf;
    background: #260D1D url("../img/s_rightsidebg.png") repeat 0 0;
    /* 260D1D */
}

.divided-bg.dndupload .side.drophover {
    box-shadow: 0 0 100px #87318c inset;
/*
    z-index: 50;
    position: relative;
    opacity: .7;
*/
}
.divided-bg.dndupload.ontop {
    z-index: 100;
}

.divided-bg.mainbgs .side svg {
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 65%;
    height: 65%;
}

.upload-container {
    position: relative;
    z-index: 3;
}


.upload-container .right-side:hover { background-color: rgba(255, 255, 255, 0.1); }
.upload-container .left-side:hover { background-color: rgba(255, 255, 255, 0.3); }
.upload-container .side { width: 50%; padding: 20px 0; cursor: pointer;}

.upload-container  .left-side   { float: left; color: #6f2643; }
.upload-container  .right-side  { float:right; color: #cfcfcf; }

.upload-container .side .ulabel {
    font-size: 1.077em;
    font-weight: 300;
    max-width: 310px;
    text-transform: uppercase;
    display: block;
    width: 85%;
    display:table;
}

.upload-container .side .ulabel strong {
    font-weight: 600;
}
.upload-container .side .ulabel span {
    display: table-cell;
    vertical-align: middle;
}
.upload-container .left-side .ulabel {
    text-align: right;
    float: right;
    margin-right: 5%;
}
.upload-container .right-side .ulabel {
    text-align: left;
    float: left;
    margin-left: 5%;
}

.upload-container .side .svg {
    display: block;
    height: 50px;
    padding: 0;
    position: relative;
    width: 50px;
    pointer-events: none;
    overflow: visible;
    cursor: pointer;
}
.upload-container .side .svg img {
    display: block;
    margin: 0 auto;
}

/*
.upload-container .left-side  svg  { fill:#6f2643; stroke: #6f2643; }
.upload-container .right-side svg { fill:#cfcfcf; stroke: #cfcfcf; }

.upload-container .side svg {
    stroke-width: 0; stroke-linejoin: round; stroke-opacity: 0.75;
}
.upload-container .side svg:hover  {
    stroke-width: 40;
}
*/

.upload-container .left-side .svg {
    float: right;
    margin-left: 10px;
}
.upload-container .right-side .svg {
    float: left;
    margin-right: 10px;
}
.uploadbtn-wrp { overflow: hidden; }
.uploadbtn-wrp input,
.uploadbtn-wrp label.ulabel {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.uploadbtn-wrp label.ulabel {

}
.uploadbtn-wrp input {
    position: fixed;
    top: -1000px;
}

.filelist-wrp {
    z-index: 3;
    width: 100%;
    padding: 5px 0;
    position: relative;
}

.filelist ul {
    margin: 0; padding: 0;
    list-style: none outside none;
    float: left;
    width: 100%
}

.filelist li {
    list-style: none outside none;
    margin: 0 0 1px 0;
    padding: 4px 0;
    float: left;
    width: 100%;
    position: relative;
}

.filelist li.ontipp___off {
    background-color: rgba(0, 0, 0, 0.15);
}


.filelist li.pseudo .handle,
.filelist li.waiting .handle {
    opacity: .3;
    color: #ccc;
}

.filelist li.pseudo .switchbox {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.filelist li.pseudo .progressbar {
    position: absolute;
    top: 0; right: 0; width: 100%;
    min-height: 20px;
    height: 20px;
    margin: 0 auto;
    background-color: #87318C;
}
.filelist li.pseudo span.prc {
    color: #fff;
    z-index: 3;
    position: relative;
}


.filelist li.waiting .switchbox  {

}
.disabled .switchbox .handle span {
    background: url("../img/ajax-loading.gif") no-repeat scroll center center transparent;
    text-indent: -50px;
}
.disabled .switchbox.noresult .handle span {
    background-color: transparent;
    background-image: none;
    text-indent: inherit;
}

.filelist li .editbox,
.filelist li .switchbox,
.filelist li .addition,
.filelist li .subtraction {
    float: left;
    min-height: 20px;
    height: 20px;
}

.filelist span cite { cursor:  pointer; line-height: 18px; border-radius: 0 0 5px 5px; padding: 0 3px; }
.filelist .addition span cite { border-bottom: 2px solid #E1E1D5; }
.filelist .subtraction span cite { border-bottom: 2px solid #301124; }

.filelist  li.ontipp.type-addition .addition  span cite,
.filelist .addition span cite:hover { border-bottom-color: #87318C; }

.filelist  li.ontipp.type-subtraction .subtraction  span cite,
.filelist .subtraction span cite:hover { border-bottom-color: #E8E8DB; }

.filelist  li.ontipp {
    background-color: rgba(135,49,140,0.2);
}

.filelist  li.ontipp.type-addition .addition  span cite,
.filelist  li.ontipp.type-subtraction .subtraction  span cite {
    /*
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #87318c;
    padding: 1px 2px;
    */
}

.filelist .type-addition .subtraction cite,
.filelist .type-subtraction .addition cite { visibility: hidden; }

.filelist li .addition span,
.filelist li .subtraction span {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Ubuntu Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
}

.filelist li .addition    { text-align: right; }
.filelist li .subtraction { text-align: left; color: #eee; }

.filelist li .addition span     { margin-right: 35px; }
.filelist li .subtraction span  { margin-left: 35px;  }


.filelist li .addition,
.filelist li .subtraction {
    width: 50%;
}


.filelist .switchbox  { width: 50px; margin: 0 -25px; }
.filelist .editbox   { width: 50px; margin: 0 -25px; }
.filelist .editbox {
    position: relative;
    text-align: center;
}
.filelist .editbox .btn {
    text-indent: 1px;
    border-radius: 10px;
    box-shadow: 0 6px 7px rgba(255, 255, 255, 0.3) inset, 0 0px 10px rgba(0, 0, 0, 0.3) inset;
    display: block;
    font-size: 0.846em;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 0;
    width: 50px;
    cursor: pointer;
    text-transform: uppercase;
}
.filelist .editbox .btn.add {
    background-color: #42ba56;
    color: #fff;
}
.filelist .editbox .btn.add:hover {
    background-color: #fff;
    color: #42ba56;
}
.filelist .editbox .btn.remove {
    background-color: #d01424;
    color: #fff;
}
.filelist .editbox .btn.remove:hover {
    background-color: #fff;
    color: #d01424;
}


.filelist .type-addition .switchbox { background-color: #4DD865; }
.filelist .type-subtraction .switchbox { background-color: #D01424; }
.filelist .type-subtraction .switchbox .handle { left: 50%; }


.tipp-main  {
    position: relative;
    overflow: visible;
}
.tipp-main {
    position: relative;
    overflow: visible;
}

.tipp-form-inline { margin-top: 10px; }

.tipp-main .tipp-title {
    font-weight: 500;
    padding: 2px 10px 2px;
    text-align: center;
    text-transform: uppercase;
}
.editable-buttons button.closebtn.emoji, .tipp-main .tipp-close {
    cursor: pointer;
    color: #fff;
    display: block;
    font-weight: 700;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    position: absolute;
    right: -5px;
    text-align: center;
    top: -5px;
    width: 16px;
    z-index: 5;
    text-indent: -1px;
}
.editable-buttons button.closebtn.emoji:hover,
.tipp-main .tipp-close:hover {
    border-bottom: 2px solid #cdcdc1;
    color: #f2f2f2;
    border-radius: 5px;
}

.tipp-main ul {
    margin:  10px 0 10px 0;
    padding: 0;
}
.tipp-main ul li {
    border-bottom: 4px solid #913b96;
    clear: both;
    list-style: none outside none;
    margin-bottom: 1px;
    padding: 0 1px 3px;
    float: left;
    width: 100%;
}


.tipp-main li b {
    color: #f3d0f3;
    float: left;
    font-size: 0.846em;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 1.636em;
    text-transform: uppercase;
}

.tipp-main li span {
    color: #fff;
    float: right;
    text-align: right;
    font-weight: 600;
}

.tipp-main .buttons {
    clear: both;
    float: left;
    text-align: center;
    padding-bottom: 4px;
    padding-top: 6px;
    width: 100%;
}

.tipp-main.readonly .buttons {
    opacity: 0.5;
    font-style: italic;
}
.tipp-main.readonly .label em {
    color: #bbb;
    font-size: 0.846em;
    font-style: normal;
}
.tipp-main a.btn {
    background-color: #f2ebf1;
    border: 2px solid #f2ebf1;
    border-radius: 5px;
    text-decoration: none;
    color: #87318c;
    cursor: pointer;
    font-weight: 600;
    padding: 2px 5px;
    margin: 0 4px;
    font-size: 0.846em;
    display: inline;
    text-transform: uppercase;
}
.tipp-main a.btn:hover {
    background-color: #fff;
    border-color: #fff;
}

.tipp-main a.btn.downbtn {
    margin-left: 0;
}
.tipp-main a.btn.removebtn {
    background-color: #4d0f12;
    border-color: #4d0f12;
    color: #F2EBF1;
    margin-right: 0;
}
.tipp-main a.btn.removebtn:hover {
    background-color: #62181c;
    border-color: #62181c;
}
.tipp-error {
    padding: 3px 10px;
    color: red;
    background-color: #eee;
    border-radius: 5px;
    margin: 5px auto 0;
    text-align: center;
    white-space: normal;
    max-width: 300px;
}


.finditems-wrp {
    color: #fff;
    margin: 0 50px;
    position: relative;
    padding-top: 37px;
}

.search-wrapper {
    width: 320px;
    min-width: 320px;
    max-width: 480px;
    margin: 0 auto;
    padding: 5px 0;
    position: relative;
}

.search-wrapper.resultexists {
    width: 90%;
}
.search-wrapper .search-inner {
    background-image: url("../img/icon/search06.png");
    background-position: 5px center;
    background-repeat: no-repeat;
}
.search-wrapper.loading .search-inner {
    background-image: url("../img/ajax-loading.gif");
    background-position: 5px center;
}


.search-wrapper .search-inner {
    background-color: #252525;
    border: 1px solid #252525;
    border-radius: 5px;
    padding: 0 30px;
    position: relative;
}
.search-wrapper.hasquery .search-inner,
.search-wrapper.focused .search-inner {
    background-color: #fff;
    border-color: #fff;
    border-bottom-color: #f4f4f4;

}
.search-inner input.query {
    color: #999;
}
.hasquery .search-inner input.query,
.focused .search-inner input.query {
    color: #222;
}

.search-wrapper.resultexists .search-inner {
    border-radius: 5px 5px 0 0;
    /*
    box-shadow: 0 0 16px #d5d5d5 inset;
    */
}
.search-wrapper.invalid_email .search-inner input.query {

}
.search-wrapper.valid_email .search-inner input.query{
    color: #31883F;
}

.search-inner span.clear {
    display: none;
    color: #87318C;
    font-size: 1.615em;
    position: absolute;
    right: 7px;
    top: 1px;
    z-index: 2;
}

.hasquery .search-inner span.clear { display: block; }

.search-inner span.clear:hover {
    color: #222;
    cursor: pointer;
}

.search-wrapper input {
    width: 99%;
    background-color: transparent;
    border: 0px none;
    padding: 4px 0;
    outline: 0;
    text-align: left;
    font-size: 1.154em;
}
.search-wrapper input.hint {
    color: #ccc;
}
.search-wrapper input.query:focus { outline: 0; }

.search-wrapper .result {
    background-color: #fff;
    border-top: 1px solid #DADADA;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
    color: #222;
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
    top: 37px;
    width: 100%;
    z-index: 10;
}
.search-wrapper .result .head:empty, .search-wrapper .result .foot:empty { display: none; }

.search-wrapper .result .head {}

.search-wrapper .result .body {
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
}

.search-wrapper .result .foot {
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #dadada;
}

.search-wrapper .result .foot .resultstats {
    border-radius: 0 0 6px 6px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #f8f8f8;
    color: #888;
    font-size: 0.846em;
    padding: 3px 0;
    text-align: center;
}

.search-wrapper .result .foot .resultstats.overthelimit b,
.search-wrapper .result .foot .resultstats.inthelimit strong{
    color: #87318c;
}

.search-wrapper .result ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.search-wrapper .result ul li {
    list-style: none outside none;
    padding: 0;
    margin: 0 1px;
}
.search-wrapper .result li .resitem {
    padding: 4px 5px 4px 30px;
}
.search-wrapper .result li.hover .resitem {
    background-color: #F1F1E3;
}
.search-wrapper .result li.selected .resitem {
    background-color: #EAEADE;
}

.search-wrapper .result .cont {
    display: block;
    white-space: nowrap;
    font-size: 1.077em;
}
.search-wrapper .result .cont b {
    font-weight: inherit;
    text-decoration: underline;
    color: #87318C;
}


.search-wrapper .result li.selected .cont b,
.search-wrapper .result li.selected .cont {
    color: #87318C;
}


.search-wrapper .result .where {
    display: block;
}

.search-wrapper .result .where small,
.search-wrapper .result .where i  {
    font-family: "Ubuntu Mono","Bitstream Vera Sans Mono","Courier New",monospace;
    font-size: 0.846em;
    font-size: 0.846em;
    line-height: 1.462em;
    font-style: normal;
    float: left;
}

.search-wrapper .result .where i { color: #ccc; margin: 0 5px; }
.search-wrapper .result .where small { color: #aeaeae; }


.search-wrapper .result li.hover .where small,
.search-wrapper .result li.selected .where small { color: #888; }

.search-wrapper .result li.hover .where small.addition,
.search-wrapper .result li.selected .where small.addition { color: #3BA54D; }


.search-wrapper .result li.hover .where small.subtraction,
.search-wrapper .result li.selected .where small.subtraction { color: #CD2433; }


.search-wrapper .result .where small em {
    background-color: #ddd;
    border-radius: 7px;
    color: #676767;
    float: right;
    font-style: normal;
    height: 13px;
    line-height: 12px;
    margin-left: 3px;
    margin-top: 2px;
    padding: 0 4px;
    text-align: center;
}

.search-wrapper .result li.selected .where em {
    color: #333;
}
.alertify-log b { color: #222; text-shadow: none; }

body .alertify-logs {
    max-width: 393px;
    width: auto;
}


.emoji, .emoji span {
    font-family: "EmojiSymbols", "AppleColorEmoji", "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", Symbola, "lucida grande",tahoma,verdana,arial,sans-serif;
}


.fluidmodal-wrapper {
    background: transparent url("../img/fluidmodal_wrp.png") repeat 0 0;
    position: fixed;
    margin: auto;
    top: 0;  bottom: 0; right: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 9999;
}

.fluidmodal-inner {
    height: 90%;
    left: 0;
    margin: auto;
    max-width: 960px;
    position: absolute;
    right: 0;
    top: 5%;
    width: 95%;
    overflow: visible;
}
.fluidmodal-scroll {
    max-height: 100%;
    max-height: calc(100% - 40px);
    top: 0;
    top: calc(40px - 0px);
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    width: 100%;
    border-bottom: 2px solid #eee;
    border-radius: 5px;
    border-radius: calc(0px - 0px) calc(0px - 0px) 5px 5px;
    box-shadow: 0 10px 100px rgba(0, 0, 0, 0.6);
    background-color: #fff;
}
.fluidmodal-article {
    border-left: 3px solid #eee;
    border-right: 3px solid #eee;
    margin-top: 40px;
    margin-top: calc(0px - 0px);
    padding: 0 2%;
}
.fluidmodal-header {
    background-color: #eee;
    border-bottom: 2px solid #ddd;
    height: 40px;
    position: relative;
    border-radius: 5px 5px 0 0;
    z-index: 10;
}
.fluidmodal-label {
    color: #87318c;
    font-size: 1.538em;
    line-height: 40px;
    margin: 0;
    overflow: hidden;
    padding: 0 35px 0 15px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
.fluidmodal-close {
    color: #87318c;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-indent: -1px;
    top: 8px; right: 8px;
    width: 20px;
    z-index: 5;
}
.fluidmodal-close:hover {
    border-bottom: 2px solid #cdcdc1;
    border-radius: 5px;
    color: #250D1C;
}


.fluidmodal-article img {
    display: block;
    border-radius: 5px;
    overflow: hidden;
}

.fluidmodal-article h2 {
    border-bottom: 2px solid #eee;
    color: #777;
    font-size: 1.538em;
    margin-bottom: 20px;
    margin-top: 25px;
    text-align: center;
}
.fluidmodal-article h3 {
    font-size: 1.385em;
}
.fluidmodal-article .block ul { padding-left: 1%; }
.fluidmodal-article .block ul li { list-style: outside none none; }
.fluidmodal-article p.lead {
    font-size: 0.923em;
    font-weight: 700;
}

.fluidmodal-article p.prelead {
    font-size: 1.154em;
}

.fluidmodal-article .block ul li p {
    border-bottom: 1px solid #eee;
    border-left: 16px solid #eee;
    border-radius: 5px;
    border-top: 1px solid #eee;
    margin: 0 0 10px;
    padding: 5px 7px;
}
.fluidmodal-article .block {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    clear: both;
    margin: 0 0 50px;
    padding: 10px 1.5%;
}

.fluidmodal-article ol.law,
.fluidmodal-article ul.law {
    margin-bottom: 2em;
}

.fluidmodal-article ol.law li,
.fluidmodal-article ul.law li{
    list-style-position: outside;
    list-style-type: circle;
    margin-bottom: 15px;
}

/*

9px        0.692em
10px    0.769em
11px    0.846em
12px    0.923em
13px    1.000em
14px    1.077em
15px    1.154em
16px    1.231em
17px    1.308em
18px    1.385em
19px    1.462em
20px    1.538em
21px    1.615em
22px    1.692em
23px    1.769em
24px    1.846em

*/