html {
    position:relative;
    height:100%;
}

body {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 100%;
    margin: 0;
    padding: 0;
    line-height: 1.3;
    font-size: 12px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    background: #ebedf5;
    background: -webkit-linear-gradient(94deg, rgba(235, 237, 245, 1) 0%, rgba(223, 230, 242, 1) 100%);
    background: -moz-linear-gradient(94deg, rgba(235, 237, 245, 1) 0%, rgba(223, 230, 242, 1) 100%);
    background: linear-gradient(94deg, rgba(235, 237, 245, 1) 0%, rgba(223, 230, 242, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EBEDF5", endColorstr="#DFE6F2", GradientType=0);
}

footer {
    height: 67px; 
    width: 100%; 
    background-color: white;
    font-weight: 600; 
    font-size: 12px;
}

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

td {padding: 0px}
input {
    margin: 0px;
    font-family: "Urbanist", sans-serif !important;
}

button {
    font: inherit;
    cursor: pointer;
    border: none;
    outline: none;
    background: none;
    margin: 0px;
    padding: 0px;
}

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

.none-underline {
    text-decoration: none;
}
.hover-underline:hover {
    text-decoration: underline;
}
.hover-dotted-underline:hover {
    border-bottom: 1px dotted;
}
a.no-border-on-hover:hover {
    border: none !important;
}

a {
    text-decoration: none
}

textarea:focus,
input:focus {
    outline: 0 none;
}


input:-webkit-autofill {
    background-color: white !important;
}

::-webkit-input-placeholder {
    color: #999;
}
:-moz-placeholder {
    color: #999;
}
.placeholder {
    color: #999;
}

#new-hat {
    width: 100%;
    background-color: white;
    display: table;
    height: 50px;
}

.inset-shadow-1 {
    -moz-box-shadow:    inset 0px 1px 1px #D6D6D6;
    -webkit-box-shadow: inset 0px 1px 1px #D6D6D6;
    box-shadow:         inset 0px 1px 1px #D6D6D6;
}
.inset-shadow-2 {
    -moz-box-shadow:    inset 0px 2px 2px #D6D6D6;
    -webkit-box-shadow: inset 0px 2px 2px #D6D6D6;
    box-shadow:         inset 0px 2px 2px #D6D6D6;
}

.textarea-type-inset {
    border: 1px solid lightgrey; 
    padding: 1px; 
    border-top: 1px solid #BDBDBD; 
    vertical-align: middle; 
    line-height: 0px; 
    text-align: left;
}





.custom-select,

#payment-form .radio-but {
    margin: 10px
}

#payment-form #tel-number,
#payment-form input[type="tel"],
#post-form textarea,
#post-form input[type="text"] {
    background: white;
    
    border-top: 1px solid #D1D1D1;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    
    -moz-box-shadow: inset 0px 1px 1px #E6E6E6;
    -webkit-box-shadow: inset 0px 1px 1px #E6E6E6;
    box-shadow: inset 0px 1px 1px #E6E6E6;
}

.tel-number-focused {
    outline: 0 none;
    border: 1px solid #008ba4 !important;
}


.custom-select:focus,

.input-wrapper-store-focused,
.input-focused,

#payment-form #tel-number:focus,
#payment-form select:focus,
#payment-form input[type="tel"]:focus,
#post-form textarea:focus,
#post-form input[type="text"]:focus {
    //outline: 0 none;
    border: 1px solid #008ba4;
}
#tel-number {
    cursor: text;
}
#tel-number input {
    outline: none;
    
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#payment-form select {
    background: white;
    outline: none;
    border-top: 1px solid #D1D1D1;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    
    -moz-box-shadow: inset 0px 1px 1px #E6E6E6;
    -webkit-box-shadow: inset 0px 1px 1px #E6E6E6;
    box-shadow: inset 0px 1px 1px #E6E6E6;
}

input.big {
    font-size: large;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
input.big:focus {
    -moz-box-shadow: inset 0px 1px 2px #BFBFBF;
    -webkit-box-shadow: inset 0px 1px 2px #BFBFBF;
    box-shadow: inset 0px 1px 2px #BFBFBF;
}

#head-search:focus,
#globalSearch:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

iframe {
    position: relative;
    z-index: 1;
}


#log {
    font: 12px Tahoma, Helvetica, sans-serif;
    margin: 10px;
    width: 100%;
}
#log td {
    border: 1px solid #E2F6FA;
    font-size: smaller;
    padding: 3px;
}
#log .text-overflow {
    white-space: nowrap;       /* Перво-наперво, запретим перенос строк */
    overflow: hidden;          /* Скрываем текст, который не помещается в блок */
    text-overflow: ellipsis;   /* Уводим текст в многоточие */
    display: block;            /* Элемент обязательно должен быть блочным */
    
    max-width: 200px;
}
#log .text-overflow:hover {
    overflow: visible;
    max-width: none;
}

.page-numb {
    padding: 2px;
    color: #007282;
    text-decoration: none;
}
.page-numb:hover {
    color: white;
    background-color: #007282;
}




.sub-head {
    padding: 15px 30px; 
    background-color: #E0E0E0; 
    font: normal 100%'Urbanist', sans-serif; 
    color: white; 
    font-size: 20px;
}

.message {
    border: 1px solid #D4B715;
    background-color: #FFF5BF;
    padding: 1px;
    display: none;
}

a.row {
    text-decoration: none;
    color: black;
}
a.row:hover {
    background-color: #e2f6fa;
}

.blockTitle {
    background-color: #f2f2f2;
    display: block;
    padding: 4px 5px;
    
    vertical-align: middle;
    border-top: 1px solid #dadada;
    color: #8a8a8a;
    font-size: small;
}
.active-block-title {
    background-color: #f2f2f2;
    display: block;
    padding: 4px 5px;
    
    vertical-align: middle;
    border-top: 1px dashed #B5B5B5;

    color: #8a8a8a;
    font-size: small;
}
.active-block-title:hover {
    background-color: #E3E3E3;
    cursor: pointer;
}

.description {
    padding: 5px;
    background-color: #F7F7F7;
}
.description .pointer {
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px solid #D6D6D6;
    margin-bottom: 5px;
}
.description .pointer:hover {
    background: #EDEDED;
    outline: 5px solid #EDEDED;
}
.description .source {
    margin-top: 5px;
    color: #B5B5B5;
    font-size: smaller;
}
.description .source a {
    color: #B5B5B5;
}

a:hover {
    text-decoration: none;
}

a.menu {
    text-decoration: none;
    color: #919191;
}
a.menu:hover {
    text-decoration: underline;
}

.submit {
    display: inline-block;
    background-color: #dedede; 
    text-decoration: none; 
    color: white;
    padding: 3px;
    cursor: pointer;
}
.submit:hover {
    background-color: #b0b0b0; 
}

.menu-horiz {
    display: block;
    font-size: 15px;
    padding: 10px 17px;
    margin-bottom: 1px;
    cursor: pointer;
    text-decoration: none;
    border-right: 3px solid #C9C9C9;
    /*background-color: #EDEDED;*/
    display: block;
    color: #7D7D7D;
    transition: 0.2s;
}
.menu-horiz:hover {
    transition: 0.2s;
    background-color: #E3E3E3;
    border-right: 3px solid #89D7E8;
}
.menu-horiz-active {
    transition: 0.2s;
    border-right: 3px solid #89D7E8;
}

img {
    border: 0px;
}




.flat-node-min {
    text-decoration: none;
    color: white;
    display: table;
    border-spacing: 0px;
    border-collapse: separate;
    //max-width: 230px;
    height: 38px;
    min-height: 38px;
    max-height: 38px;
    white-space: normal;
    line-height: normal;
}

.entity {
    text-decoration: none;
    display: table;
    border-spacing: 0px;
    border-collapse: separate;
    //max-width: 180px;
    height: 38px;
    min-height: 38px;
    max-height: 38px;
    white-space: normal;
    line-height: normal;
}
.entity .title-l {
    font-size: 15px;
    padding-right: 2px; 
    overflow: hidden; 
    text-overflow: ellipsis;
    max-width: 130px; 
    display: table-cell !important;
    white-space: nowrap;
    vertical-align: middle !important;
    text-align: left;
}
/* Fix for Node-item title width */

.resultsList .node {
    display: flex;
}

.resultsList .entity .title-l {
    max-width: 182px;
}
div.predicate {
    background-color: #bdd683;
    color: white;
}
div.literal {
    background-color: #49d394;
    color: white;
}
div.concept,
div.concept-a,
div.individual,
div.user {
    display: table;
    background-color: white;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
div.user-xl img, div.individual-xl img, div.concept-xl img {
    -webkit-border-radius: 2px 0px 0px 2px;
    -moz-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
}

.entity-remove {
    display: flex;
    align-self: flex-start;
    width: 13px;
    height: 13px;    
    margin: 2px;
    background-image: url(/images/icons.png);
    background-repeat: no-repeat;
    background-position: -207px -165px;
}
.entity-remove:hover {
    background-position: -221px -165px
}

div.concept:hover,
div.concept-a:hover,
div.individual:hover,
div.user:hover {
    border-color: #dbdbdb;
    background-color: #dbdbdb;
    
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(white), to(#EDEDED));
    background: -webkit-linear-gradient(white, #EDEDED);
    background: -moz-linear-gradient(white, #EDEDED);
    background: -ms-linear-gradient(white, #EDEDED);
    background: -o-linear-gradient(white, #EDEDED);
    background: linear-gradient(white, #EDEDED);
    -pie-background: linear-gradient(white, #EDEDED);
}

div.concept-a {
    border: 1px solid #c3c6ff;
    border-bottom: 1px solid #A2A6F2;
    border-right: 1px solid #A2A6F2;
    
    background-color: #F2F3FF;
}
div.concept {
    border: 1px solid #E2BFFF;
    border-bottom: 1px solid #CBA1ED;
    border-right: 1px solid #CBA1ED;
    
    background-color: #FBF5FF;
}
div.individual {
    border: 1px solid #ffc0c0;
    border-bottom: 1px solid #E39D9D;
    border-right: 1px solid #E39D9D;
    
    background-color: #FFF5F5;
}
div.user {
    border: 1px solid #ffecbf;
    border-bottom: 1px solid #E6CE95;
    border-right: 1px solid #E6CE95;
    
    background-color: #FFFBF2;
}

a.concept-tab:hover,
.concept-tab a:hover {
    background: #F2F2F2;
}

.grey-red {
    cursor: pointer;
    display: inline-block;
    text-decoration: none !important;
    color: #919191 !important;
}
.grey-red:hover {
    color: red !important;
}

.panel {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.panel a {
    font-weight: bold;
    padding: 7px 10px;
    text-decoration: none;
    color: #5aaaba;
    background-color: #F0F0F0;
    display: table-cell;
    padding: 7px 10px;
    font-weight: bold;
}
.panel a:hover {
    background-color: #51D2ED;
    color: white;
}
.panel a.selected {
    background-color: #34B6D1;
    color: white;
}













#entity-header .concepts-list a {
    color: black;
}
#entity-header .concepts-list a:hover {
    color: #22AEC7;
}
div.head2 {
    height: 40px;
    vertical-align:middle;
}
span.head2 {
    font-size: small;
    margin: 10px;
}
/*td.head2 {
    height: 40px;
}
.head2 a {
    text-decoration: none;
    color: #666666;
}*/
.head2 a {
    color: black;
}
.head2 a:hover {
    color: #22AEC7;
}

#entity-header3 .concepts-list a {
    color: white;
}
#entity-header3 .concepts-list a:hover {
    color: lightgray;
}
.name {
    text-decoration: none;
    color: white;
}
.name:hover {
    color: lightgray;
}

a.page-title {
    color: #545253;
}
a.page-title:hover {
    color: #22AEC7;
}

a.head-new {
    text-decoration: none;
    font-weight:bold;
    border-top: 1px solid #FFB3B3; 
    border-left: 1px solid #FFB3B3;
    border-bottom: 1px solid #A32121; 
    border-right: 1px solid #A32121;
    color:white; 
    background: red; 
    padding: 1px
}
a.head-new:hover {
    border: 1px solid red;
}   

#mask {
    position:fixed;
    left:0;
    top:0;
    z-index:9999;
    background-color:/*#ffffff*/black;
    display:none;
    width: 100%;
    height: 100%;
}

.dialog {
    width:auto;
    height:auto;
    padding:50px;
    background-color:#ffffff;
    border-top: 5px solid #C9C9C9;
    position:fixed;
    display:none;
    z-index:9999;
    box-shadow: 0px 3px 5px rgba(92,92,92,0.7);
}
.dialog .dialog-title {
    font-size: 18px;
    margin-bottom: 40px; 
    font-weight: bold; 
    color: #007282;
}
.dialog .dialog-descr {
    margin-bottom: 30px; 
    color: #007282;
    font-size: 15px;
}

.dialog .close-dialog {
    cursor: pointer;
    line-height: 0px;
    position: absolute;
    top:0px; 
    right:0px;
    padding: 15px;
    //opacity: 0.6;
}
.dialog .close-dialog:hover {
    background-color: #EBEBEB
}

#setThumbnail {
    overflow-y: auto;
}

.borderTable td {
     border: 1px solid #b3e5ec;
     padding: 5px;
}

.tabs a{
    text-decoration: none;
    color: white;
    font-size: 15px;
}

.gray-block {
    background-color: white;
    border: 1px solid #dbdbdb;
    
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;

    -moz-box-shadow: 0px 1px 0px #EBEBEB;
    -webkit-box-shadow: 0px 1px 0px #EBEBEB;
    box-shadow: 0px 1px 0px #EBEBEB;
}
.grey-block {
    border: 1px solid #DBDBDB;
    border-bottom: 1px solid #C9C9C9;
    background-color: white;

    -moz-box-shadow:    0px 1px 0px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, .05);
    box-shadow:         0px 1px 0px rgba(0, 0, 0, .05);   
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}






#timeline {
    background-color: white;
    
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;

    -moz-box-shadow: 0px 1px 0px #BCEBF5;
    -webkit-box-shadow: 0px 1px 0px #BCEBF5;
    box-shadow: 0px 1px 0px #BCEBF5;
}

div#ancestors {
    background-color: white;
    outline: 5px solid white;
}
div#ancestors:hover {
    cursor: pointer;
    background: #e2f6fa;
    outline: 5px solid #e2f6fa;
}

.pred-title a {
    text-decoration: none;
    color: #007282;
}
.pred-title a:hover {
    text-decoration: underline;
}

.post {
    position: relative;
}
.post .triples div {
    display: inline-block;
    vertical-align: top;
}
.post-body .delete {
    visibility: hidden;
}
.post-body:hover .delete {
    visibility: visible;
}

.triples2 {
    font-weight: bold;
    text-shadow: 
        0 0 10px #fff, 
        0 0 20px #fff, 
        0 0 30px #fff, 
        0 0 40px #fff, 
        0 0 70px #fff, 
        0 0 80px #fff, 
        0 0 120px #fff, 
        0 0 150px #fff;
/*    text-shadow: 0px 0px 10px rgba(255, 255, 255, 1.0);*/
}
.triples2 a {

}
.triples2 a:hover {
    text-decoration: none
}




.post-actions {
    color: #A8A8A8;
    font-size: 10px;
}
.post-actions .clickable,
.post-actions a {
    cursor: pointer;
    text-decoration: none;
    color: #A8A8A8;
}
.post-actions .clickable:hover {
    text-decoration: underline;
}
.show-likes span:hover {
    cursor: pointer;
    border-bottom: 1px dotted grey;
}
.new-like, .new-do-like, .new-liked {
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;

    background-image: url(/images/icons.png); 
    background-position: 0px -80px;
    background-repeat:no-repeat;
    
    line-height:0px; 
    display:table-cell; 
    vertical-align:middle; 
}
.new-liked {
    background-position: -112px -80px;
}
.new-liked:hover {
    background-position: -168px -80px;
}


button.like2 {
    display: table;
}
button.like2:hover {
   
}
button.like2 .total-likes {
    height: 32px; 
    min-height: 32px; 
    padding: 0px 0px 0px 5px;
    
    line-height: 0px;
    vertical-align: middle;
    display: table-cell;
}
button.like2 .heart-ico {
    
    width: 29px; min-width: 29px; 
    height: 32px; min-height: 32px;

    background-image: url(/images/icons.png); 
    background-position: -135px -242px;
    background-repeat:no-repeat;

    line-height: 0px;
    vertical-align: middle;
    display: table-cell;
}
button.liked2 .heart-ico {
    background-position: -172px -242px;
}

.sharebox-holder,
.likes-list-holder {
    padding-bottom: 20px; 
    width: 220px; 
    display: none;
    position: absolute; 
    bottom: 22px; 
    right: 7px;
    z-index: 2; 
}
.likes-list-holder {
    bottom: 22px; 
    right: 7px;
}
.sharebox-holder {
    bottom: 22px; 
    right: -27px;
}
.likes-list {
    overflow: hidden; 
    background-color: #DEDEDE; 
    border: 10px solid #DEDEDE; 
    max-height: 110px;
}
.sharebox {
    background-color: #DEDEDE; 
    border: 10px solid #DEDEDE; 
}

.arrtl {
    width: 15px; 
    height: 15px; 
    background-color: #DEDEDE; 
    transform: rotate(45deg); 
    position: absolute;
    z-index: 2; 
}
.likes-list-holder .arrtl {
    bottom: 12px; 
    right: 8px;
}
.sharebox-holder .arrtl {
    bottom: 12px; 
    right: 45px;
}







.share-bar {
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;

    background-image: url(/images/icons.png); 
    background-position: 0px -136px;
    background-repeat:no-repeat;
    
    line-height:0px; 
    display:table-cell; 
    vertical-align:middle;
}
.share-bar:hover {
    background-position: -56px -136px;
}

.comment-bar {
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;

    background-image: url(/images/icons.png); 
    background-position: -112px -136px;
    background-repeat:no-repeat;
    
    line-height:0px; 
    display:table-cell; 
    vertical-align:middle;
}



.liked:hover {
    background-position: -36px 0px;
}

.liked {
    background-position: -24px 0px;
}

.post-text {
    margin: 20px 20px 20px 20px; 
    color: #525252;
    font: normal 100%'Open Sans', sans-serif; 
    font-size: 15px;
    line-height: 1.65; 
    overflow: hidden;
}

.link,
.post-text a, 
.comment a {
    color: #0A5C78;
    text-decoration: none;
    cursor: pointer
}
.link {
    display: inline-block
}
.link:hover, 
.post-text a:hover, 
.comment a:hover {
    text-decoration: underline;
}
.comment {
    display: table; 
    color: #303030; 
    background-color: #FAFAFA; 
    width: 100%; 
    font: normal 100%'Open Sans', sans-serif; 
}
.comment .remove-comment {
    visibility: hidden
}
.comment:hover .remove-comment {
    visibility: visible
}

.read-more {
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
    color: #46A2C2;
}
.read-more:hover {
    color: #0A5C78
}
.post-text .read-more {
    color: #46A2C2;
}
.post-text .read-more:hover {
    color: #0A5C78
}


a.widget {
    color: #7D7D7D;
    padding: 10px; 
    display: inline-block;
}
a.sales:hover,
a.by-order:hover,
a.widget:hover {
    background-color: #E6E6E6;
    color: #09C3ED !important;
}


a.widget-selected {
    background-color: #E6E6E6;
}


.minTag {
    font-size: 11px;
    color: #7D7D7D;
    display: block; 
    width: 70px; 
    height: 113px; 
    margin: 0px 8px 10px 0px; 
    overflow: hidden;
    padding: 0px !important; 
    white-space: normal !important;
    
}
.minTag:hover {
    color: #09C3ED;
}

.minTag-flat {
    font: normal 100%'Open Sans', sans-serif;
    font-size: 14px;
    color: white;
    display: inline-block; 
    width: 90px; 
    height: 158px; 
    overflow: hidden;
    padding: 0px !important; 
    white-space: normal !important;
    opacity: 0.8;
    transition: 0.1s;
}
.minTag-flat:hover {
    opacity: 1;
    transition: 0.1s;
}
.minTag-flat a {
    height: 100%;
    display: block;
    color: white;
}

a.copy-invc {
    text-decoration: none;
    color: gray;
    border-bottom: 1px dotted #007282;
}
a.copy-invc:hover {
    color: green;
    border-bottom: 1px dotted green;
}

a.triple-obj-url {
    color: #949494;
    font-size: large;
    display: table-cell;
    height: 38px;
    padding: 0px 2px;
    background-color: #EDEDED;
    vertical-align: middle;
    
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    
}
a.triple-obj-url:hover {
    color: white;
    background-color: #97D8E6;
}

.server-message {
    font-size: 15px;
    max-width: 400px;
    /*border-left: 5px solid #063342;*/
    display: none;
    position: fixed;
    top: 75px;
    left: 0px;
    padding: 20px 50px;
    z-index: 9999;
    background-color: #FF5C5C;
    font-weight: bold;
    color: white;
    
    opacity:0.8;
    filter:alpha(opacity=80);
    
    border-radius: 0px 10px 10px 0px;
}

.out-t, .in-t {
    padding: 5px 10px 10px 10px;
    border-top: 1px solid #e2f6fa;
}




img.delete {
    cursor: pointer;
}

a.from-to-ent {
    text-decoration: none;
    color: #1C89AD;
}
a.from-to-ent:hover {
    text-decoration: underline;
}

.easy-time {
    cursor: default;
    display: inline-block;
    color: grey;
}
.easy-time:hover {
    text-decoration: underline
}
a.easy-time {
    cursor: pointer;
    font-weight: bold; 
    font-size: smaller; 
    color: grey;
}

.search-wrapper {
    max-height: 55px;
    text-decoration: none;
    border-collapse: separate !important;
    
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    
    border: 1px solid #70c6d6;
    border-bottom: 1px solid #1f899d;
    
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a5eefc), to(#5cc1d4));
    background: -webkit-linear-gradient(#a5eefc, #5cc1d4);
    background: -moz-linear-gradient(#a5eefc, #5cc1d4);
    background: -ms-linear-gradient(#a5eefc, #5cc1d4);
    background: -o-linear-gradient(#a5eefc, #5cc1d4);
    background: linear-gradient(#a5eefc, #5cc1d4);
    -pie-background: linear-gradient(#a5eefc, #5cc1d4);
}
.search-wrapper-inside {
    border-top: 1px solid #CFF7FF;
    vertical-align: middle;
    border-collapse: separate !important;
    line-height: normal;
    
    -webkit-border-radius:inherit;
    -moz-border-radius:inherit;
    border-radius:inherit;
}
.input-wrapper {
    border-top: 1px solid #8AC4CF;
    border-bottom: 1px solid #ACE7F2;
    padding: 1px;
    
    -webkit-border-radius:inherit;
    -moz-border-radius:inherit;
    border-radius:inherit;
}
.input-wrapper-store {
    padding: 1px;
    /*background-color: #EBEBEB;*/
    background-color: #F7F7F7;
    
    -webkit-border-radius:inherit;
    -moz-border-radius:inherit;
    border-radius:inherit;
}
.input-wrapper-store:hover,
.input-wrapper-store-hovered {
    background-color: #EBEBEB;
}

.headerSearcherFocused {
    background-color: #EBEBEB;
}

button.head-search-but,
div.head-search-but,
div.glob-search {
    height: 23px;
    width: 20px;
    background-image: url(/images/gsearch.svg);
    background-size: cover;
}

#scroll-up {
    z-index: 10;
    position: fixed; 
    left: 0px; 
    width: 50px; 
    height: 100%; 
    background: #E4F4F5;
    cursor: pointer;
    
    opacity:0.7;
    filter:alpha(opacity=70);
}
#scroll-up:hover {
    opacity:1.0;
    filter:alpha(opacity=100);
}




.new-hidden {
    display: none;
}

.comments-loader {
    display: none;
}

.hidden-comments {
    display: none;
}
.show-hidden-comments {
    font-weight: bold;
    color: #737373;
    background: #F5F5F5;
    text-align: center;
    cursor: pointer;
    padding: 6px;
}
.show-hidden-comments:hover {
    background: #E8E8E8;
}

.activity a {
    padding:4px 6px;
    font-weight: bold;
    text-decoration: none;
    color: black;
}
.activity a:hover {
    background: #D6D6D6 !important;
    color: white;
}

.anc {
    line-height: 0px
}
.anc:hover {
    background-color: #BAE9F5;
    line-height: 0px
}

.share-box a {
    margin-left: 3px
}
.share-box a:hover {
    color: #0A5C78;
    text-decoration: underline
}

table.restrs {
}
table.restrs tr.restrs-pred:hover {
    background-color: #fff9eb
}
table.restrs td {
    border: 1px solid #adadad; 
    padding: 2px;
    text-align: center;
}
table.restrs table.metadata-setter td {
    border: none;
    text-align: left;
}

.title-result-item,
.tag-result-item,
.head-result-item {
    display: block;
    line-height: normal;
    border-bottom: 1px solid #DCF1F7;
    color: #05C6ED;
    font-weight: bold
}

.title-result-item:hover,
.title-result-item-hovered,
.title-result-item-hovered .flat-node-min, 
.title-result-item-hovered .flat-node-min:hover,

.tag-result-item:hover,
.tag-result-item-hovered,
.tag-result-item-hovered .flat-node-min, 
.tag-result-item-hovered .flat-node-min:hover,

.head-result-item:hover,
.head-result-item-hovered,
.head-result-item-hovered .flat-node-min, 
.head-result-item-hovered .flat-node-min:hover {
    cursor: pointer;
    background-color: #E0E0E0 !important;
}


.widget, .indi-header {
    border: 1px solid #E6E6E6;
    border-bottom: 1px solid #DEDEDE;
    background-color: white;
    margin-bottom: 10px;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
a.by-order {
    color: #fea920 !important;
}
a.sales {
    color: red !important;
}

.white-cube-title {
    padding: 20px;
    margin: 0px;
    font-weight: normal;
    line-height: 0px;
    font-weight: 300;
    font-size: 22px;
    color: #8F8F8F;
    background-color: #FAFAFA;
}
.white-cube-title a {
    color: #3FBDD4;
    //border-bottom: 2px solid #8F8F8F;
}
.white-cube-title a:hover {
    color: #0F778A;
}
.descr-source {
    color: #A6A6A6;
}
.descr-source:hover {
    color: black;
}

.indi-header a,
.generic-list-title a {
    font-weight: bold;
    color: #007282;
}
.indi-header a:hover,
.generic-list-title a:hover {
    text-decoration: underline
}

.rated-ancs:hover {
    color:red
}

.generic-list-title {
    padding: 10px; 
    line-height: normal; 
    font-weight: bold; 
    color: #6B6B6B
}

.blog-list a {
    color: #7D7D7D;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 2px solid #FAFAFA;
}
a.current-blog,
.blog-list a:hover {
    color: black;
    text-decoration: none;
    border-bottom: 2px solid #BABABA;
}

.stream-label { 
    color: white;
    opacity: 0.8;
    vertical-align: middle; 
    display: table-cell; 
    padding: 10px; 
    font: normal 100%'Open Sans', sans-serif; 
    font-size: 20px;
    transition: 0.1s;
}
.stream-label:hover {
    opacity: 1.0;
    transition: 0.1s;
}
.stream-label-selected {
    opacity: 1.0;
    background-color: #F2F2F2;
    color: #8C8C8C;
    transition: 0.1s;
}
.stream-label-selected:hover {
    color: black;
    transition: 0.1s;
}

.dp-header {
    display: flex !important; 
    align-items: center; 
    justify-content: space-between; 
    border-bottom: 1px solid #E8E8E8;
    /* border-bottom: 1px solid #EBEBEB; */
}

.dp-header-col {
    display: flex;
    align-self: stretch;
    align-items: center;
}

@media(max-width: 1100px) {
    .dp-header-col {
        display: none;
    }
    
    .dp-header-mobile {
        display: flex;
    }
}

@media(min-width: 1100px) {
    .dp-header-mobile {
        display: none;
    }
}

.dp-header-mobile {
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    width: 100%;
    padding-right: 20px;
}

.dp-header-mobile-layout {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    overflow: auto;
    background: #f7f7f7;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
}

.dp-header-mobile-link-list {
    text-align: center;
    font-size: 16px;
    user-select: none;
}

.dp-header-mobile-list-item {
    margin-bottom: 10px;
}

.dp-header-mobile-link {
    color: black;
}

.header-toggle-layout {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 28px;
    height: 19px;
    position: relative;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
}

.header-toggle-layout span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #ccc;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

.header-mobile-layout-flex {
    display: flex;
}

.header-scroll .header-toggle-layout span {
    background: #ccc;
}

.header-toggle-layout span:nth-child(1) {
    top: 0px;
}

.header-toggle-layout span:nth-child(2),.header-toggle-layout span:nth-child(3) {
    top: 8px;
}

.header-toggle-layout span:nth-child(4) {
    top: 16px;
}

.header-toggle-layout.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.header-toggle-layout.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header-toggle-layout.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header-toggle-layout.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.dp-header-logo {
    display: flex;
    align-self: stretch;
    align-items: center;
    padding: 0px 20px; 
    font-weight: 300; 
    font-size: 22px;
}

a.store-title-link { 
    display: flex;
    align-items: center;
    align-self: stretch;
    padding: 0 10px;
    cursor: pointer; 
    color: #A8A8A8;
    font: 300 100% 'Urbanist', sans-serif;
    font-size: 17px;
}

a.current-blog {
    border-bottom: 2px solid #23A9DE;
}
.entity-title {
    font-weight: 300;
    font-size: 33px; 
    color: #2E2E2E;
}
a.entity-title:hover {
    text-decoration: none;
    color: #23A9DE;
}

.triple-but {
    cursor: pointer;
}

ul, li {
    padding: 0px;
    margin: 0px;
    zoom: 1;
    list-style-type: none;
}


.price {
    font: 500 100%'Urbanist', sans-serif;
    background-color: #80e0f1;//#2fdab8; 
    vertical-align: middle;
    display: table-cell; 
    height: 50px; 
    right: 0px; 
    padding: 0px 10px; 
    color: white; 
    line-height: 0px;
}

.white-cube {
    background-color: white;
    margin: 20px;
    
    -moz-box-shadow:    1px 2px 2px #E8E8E8;
    -webkit-box-shadow: 1px 2px 2px #E8E8E8;
    box-shadow:         1px 2px 2px #E8E8E8;
}
.product {
    display: inline-block;
}


.red-border {
    border: 1px solid red !important;
}

.ancestor-tag {
    font: 300 100%'Open Sans', sans-serif; 
    font-size: 16px; 
    background-color: #C4C4C4; 
    padding: 5px 10px; 
    color: white;
    display: inline-block;
    white-space: nowrap;
    opacity: 0.8;
}
.ancestor-tag:hover {
    opacity: 1
}

.opac-08 {
    opacity: 0.8
}
.opac-08:hover {
    opacity: 1
}

.opac-05 {
    opacity: 0.5
}
.opac-05:hover {
    opacity: 1
}


.custom-input {
    cursor: text;
    line-height: 0px;
    text-align: left;
}
.custom-input textarea,
.custom-input input {
    background-color: inherit;
    border: none;
    width: 98%; 
    resize: none; 
    margin: 3px;
    box-shadow: none;
}
.custom-input textarea,
.custom-input input[type="text"] {
    font-size: 16px;
    box-shadow: none;
}

#head-search-wrapper:hover {
    background-color: #EBEBEB
}

input.input1 {
    width: 97%; 
    padding: 5px; 
    border: none; 
    background-color: #F5F5F5; 
    font-size: 18px;
    border: 1px solid white;
}

.input-focus-border1,
.input-focus-border1:focus {
    border: 1px solid #5BA3EB
}

.input-focus-inset-shadow-2:focus {
    -moz-box-shadow:    inset 0px 2px 2px #D6D6D6;
    -webkit-box-shadow: inset 0px 2px 2px #D6D6D6;
    box-shadow:         inset 0px 2px 2px #D6D6D6;
}

.custom-images .img-wrapper {
    position: relative;
    cursor: pointer;
    display: inline-block;
    background-color: black;
    transition: 0.2s;
}
.custom-images .img-wrapper:hover img {
    opacity: 0.6;
    transition: 0.2s;
}


.post-actions button {
    color: black;
    opacity: 0.6;
}
.post-actions button:hover {
    opacity: 1;
    text-decoration: none !important;
    /*background-color: #C9C9C9;
    color: white;*/
}

.input-grey-inset {
    border: 1px solid lightgrey;
    border-top: 1px solid #BDBDBD; 
    vertical-align: middle; 
    background-color: #FAFAFA;
    padding: 1px; 
    line-height: 0px; 
    width: 100%;
}
textarea.input-grey-inset {
    line-height: normal !important
}

.padding-5,
table.td-padding-5 td {
    padding: 5px
}
.padding-10 {
    padding: 10px
}

.td {
    display: table-cell;
    vertical-align: middle;
    /*height: 70px;
    display: inline-block;*/
}
/*div.td:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
div.td span {
    vertical-align: middle;
    line-height: 1;
}*/

.edit-labels-tag input[type=text] {
    width: 250px
}

.node {
    display: inline-flex;
    position: relative;
    align-items: center;
    align-self: flex-start;
}

.node-link {
    display: flex;
    align-items: center;
    color: #fff !important;
}

.node-img {
    margin: 2px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
}

.node-hashtag {
    width: 32px; 
    padding: 2px; 
    text-align: center; 
    font-size: 20px;
}

.node-striped {
    background-image: linear-gradient(135deg, transparent 25%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2) 100%);
    background-size: 31.43px 31.43px;
}

.hidden-trpl-section {
    display: none
}
.hidden-trpl-section-opener {
    cursor: pointer;
    min-width: 150px;
    font-size: 20px;
}
.hidden-trpl-section-opener:hover {
    background-color: #66DDE3
}

.trpl-realizator {
    min-width: 400px;
    width: 100%;
}
.trpl-realizator tr td:nth-child(1) {
    width: 50px;
}

.trpl-setter-nesting {
    font-size: 14px;
    cursor: pointer;
}
.trpl-setter-nesting:hover {
    color: white;
    background-color: black;
}


div.orders-jsp,
div.talks-jsp {
    margin: 70px auto;
    width: 60%;
}

.orders-search {
    display: flex;
    align-items: center;
}

.orders-search input {
    width: 300px; 
    padding: 10px;
}

.orders-search button {
    margin-left: 10px;
}

.orders-by-date {
    display: flex; 
    align-items: center; 
    font-size: 14px; 
    margin-bottom: 10px;
}

.orders-by-date-month {
    border-bottom: 3px solid black; 
    margin-left: 15px; 
    color: black;
}

.talks-item-header {
    display: flex;
    justify-content: space-between;
}

.talks-item-imgs {
    display: flex;
    margin-bottom: 10px;
    width: 48%;
    overflow: hidden;
    flex-direction: row;
}

.talks-item-info {
    display: flex;
    justify-content: flex-end;
    width: 50%;
    margin-bottom: 10px;
}

.talks-item-message {
    line-height: 1.5; 
    color: grey; 
    font-size: 13px;
    padding: 1px 5px;
}

.talks-item-statuses,
.talks-item-payments {
    margin-top: 10px;
    padding: 1px 5px;
}
.talks-item-payments span {
    margin-right: 10px;
    color: green;
}

.talks-item-imgs img {
    border-radius: 100%;
    margin-right: 10px;
}

.order-item-max {
    display: flex;
    margin-bottom: 20px;
}

.orders-jsp .cart-item-row,
.order-item-max .cart-item-row {
    flex-direction: column;
}

.orders-jsp .cart-item-row .cart-item-param,
.order-item-max .cart-item-row .cart-item-param {
    line-height: normal;
}
   
.orders-jsp .cart-item-row .cart-item-param-amount,
.order-item-max .cart-item-row .cart-item-param-amount,
.orders-jsp .cart-item-row .cart-item-param-price,
.order-item-max .cart-item-row .cart-item-param-price {
    margin-top: 10px;
}

.order-left-col {
    display: flex;
    flex-direction: column;
    width: 40%;
}

.order-right-col {
    width: 60%;
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-left: 20px;
}

.order-item-white-box {
    background-color: #fff;
    padding: 10px;
}

.order-item-meta-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.order-item-meta-and-basket {
    margin-bottom: 20px;
    padding: 10px 10px 0 10px;
    background-color: #fff;
}

.order-item-meta-and-basket .basket-item-title {
    white-space: normal;
}

.order-item-meta-info-content {
    margin-right: 5px;
}

.order-item-info {
    display: flex;
}

.order-item-box-shadow {
    -moz-box-shadow:    1px 2px 2px #E8E8E8;
    -webkit-box-shadow: 1px 2px 2px #E8E8E8;
    box-shadow:         1px 2px 2px #E8E8E8;
}

.order-item-payments-block,
.order-item-user-info-block {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 20px;
}

.order-item-user-info {
    display: flex;
}
.order-item-user-info input {
    width: 250px;
    border: none;
    color: #128AB3;
}
.order-item-user-info input:hover,
.order-item-user-info input:focus {
    background-color: #F0F0F0
}

.order-item-user-info-left-col {
    width: 160px;
    margin-bottom: 10px;
    flex-shrink: 0;
}

.order-item-block-box {
    border-bottom: 1px solid #E0E0E0;
}

.order-item {
    background-color: #FAFAFA;
    margin: 0 auto;
    margin-bottom: 20px;
}

.order-item .order-email-title,
.order-item-max .order-email-title,
.order-item .order-email-body {
    padding: 0 0 10px 0px;
}
.order-item .order-email-title b,
.order-item-max .order-email-title b {
    margin-right: 10px;
}
/*.order-item .order-email-body .quote-title,*/
.order-item .order-email-body .quote,
.order-item-max .order-email-body .quote,
.talks-email .quote {
    color: #B5B5B5
}
/*.order-item .order-email-body .quote-title {
    font-weight: bold
}*/

.send-email {
    padding: 10px;
    border: 1px solid lightgray; 
    background-color: white;
}

.order-item-max .send-email {
    margin: 0 10px 10px 10px;
    border: 1px solid lightgray; 
    background-color: white;
}

.emails-form {
    background-color: #FAFAFA; 
    width: 100%;
}

.order-item-max .emails-form {
    background-color: #fff; 
    display: flex;
    flex-direction: column;
}

.email {
    width: 80%;
    display: flex;
    flex-direction: column;
    margin: 5px 0;
    padding: 10px;
    border-radius: 5px;
    flex-shrink: 0;
}

.email-income {
    background-color: #E1F4FA;
}

.email-attached-file-container {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid white;
}

.email-attached-file-container a {
    display: inline-block;
    margin-right: 10px;
}

.email-income-first {
    margin: 10px;
}

.email-outcome {
    background-color: #F7F7F7;
    align-self: flex-end;
    margin-right: 10px;
}

.order-item-max .email-container {
    padding: 0 0 0 10px;
    border-top: 1px solid #EDEDED;
    background-color: #FCFCFC;
    margin-bottom: 10px;
    box-shadow: inset 0px 10px 8px -10px rgba(214, 214, 214, 0.7), 
                inset 0px -10px 8px -10px rgba(214, 214, 214, 0.7);
}

.order-item-max .email-container-inner {
    display: flex;
    flex-direction: column;
    max-height: 400px;
    overflow: auto;
}

.talks-jsp a {
    border-left: 5px solid #EB6C91;
    display:block;
    color:black;
    padding:15px 15px 15px 10px;
    margin-bottom:20px;
    background-color:white;
}
.talks-jsp a:hover {
    background-color:#F7F7F7;
    color:#25B5E6 !important;
    border-left: 5px solid #F7F7F7 !important;
}

.status-COMPLETED,
.status-CANCELED {
    opacity: 0.5;
}
.status-COMPLETED:hover,
.status-CANCELED:hover {
    opacity: 1 !important;
    border-left: 5px solid #F7F7F7 !important;
}
.status-SEEN {
    border-left: 5px solid white !important
}

.table-rows tr {
    background: #fff;
    border-bottom: 5px solid #F2F2F2;
}
.table-rows tr .drag-icon {
    width: 25px;
    height: 25px;
    background-image: url(/images/drag-icon.png);
    background-size: cover;
    cursor: move;
}

.flex {
    display: flex;
}

.trpl-form ::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background: rgba(0,0,0, 0.2);
}

.trpl-form ::-webkit-scrollbar-track {
    border-radius: 0px;
}

.trpl-form ::-webkit-scrollbar-thumb {
    background: rgba(0,0,0, 0.4); 
    border-radius: 0px;
}

#sign-in-dialog {
    width: 450px; 
    border-top: 5px solid #38E051;
}

@media(max-width: 768px) {
    #sign-in-dialog {    
        width: 80%;
        padding: 10px;
    }
}

.responsive-container {
    margin: 40px;
}

@media(max-width: 768px) {
    .responsive-container {
        margin: 10px;
        overflow-x: auto;
    }
}

/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

#search-results-popover {
    z-index: 9999;
    background: #fff;
}

.Toastify__toast--info {
    background: #0047FF !important;
}

.Toastify__toast--error {
    background: #E74C3C !important;
}

.Toastify__toast--success {
    background: #1EB923 !important;
}

.Toastify__toast {
    cursor: auto !important;
}