.trademark-5e34w {
    position:fixed;
    right:0;
    bottom:0;
    height:268px;
    width:180px;
    display:block;
    color:white;
    margin:28px;
    z-index:900;
    text-align: center;
    background-image: url('/wp-content/plugins/trademarks/assets/img/Ekspozycja.png');
    background-size: 180px 268px;
    cursor: pointer;
}


.trademark-5e34w .trademark-gfd213 {
    color:#fff;
    font-size:12px;
    font-weight: bold;
    margin: 5px auto;
}

.trademark-542s1 {
    font-size:14px;
    color:#19322e;
    font-weight: bold;
    margin-top:10px;
}
.trademark-t3123 {
    margin-top:8px;
    position:relative;

}
.trademark-gfd213 a.trademark-rw21s {
    color:#5186ec!important;
    font-size:13px;
    text-decoration: underline;

}

.trademark-gd254s button {
    position:absolute;
    right: 5px;
    top:-3px;
    margin:0;
    border:0;
    color:#a4afb4;
    background: transparent;
    font-size:22px;
    cursor: pointer;

}

.trademark-modal-m3123 {
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */

}

.trademark-modal-content {
    background-color: #fefefe;
    margin: 100px auto;
    border: 1px solid #888;
    border-radius:0;
    max-width: 700px;
    box-shadow:0 0 1em #19322e;
    position: relative;
    padding:15px;
}

.trademark-tabs {
    width:100%;

}

.trademark-tabs ul {
    margin: 0;
    padding:0;
    display: flex;
    height:35px;
}

.trademark-tabs ul li {
    display: inline-block;
    width:auto;
    list-style-type: none;
    text-align: center;
    background-color:#f5f5f5;
    border-top: 2px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    padding-left:20px;
    background-position-x: 8px;
    background-position-y: 5px;
    background-image: url('/wp-content/plugins/trademarks/assets/img/paragraf.png');
    background-repeat: no-repeat;
}

.trademark-tabs ul li:first-child {
    border-left:1px solid #e7e7e7;
}


.trademark-tabs ul li:last-child {
    position: absolute;
    top:8px;
    right:10px;
    border:0;
    background-color: transparent;
    background-image: none;
    width:350px;
}
.trademark-tabs ul li:last-child a {
     display: inline-block;
}
.trademark-tabs ul li span {
    font-size:11px;
    display: inline-block;
    text-align: left;
}


.trademark-tabs a {
    text-align: center;
    text-decoration: none;
    color:#868686;
    padding:5px 10px;
    display: block;
    font-size:12px;
    font-family: 'Arial';

}
.trademark-tabs li:hover{
    border-top: 2px solid #3797d4;
    background-image: url('/wp-content/plugins/trademarks/assets/img/paragraf_hover.png');
    background-repeat: no-repeat;

}
.trademark-tabs li:last-child:hover{
    border-bottom:0;
    background-image: none;
}

.trademark-tabs li:hover  a {
    color:#0f1939;
}


.trademark-tabs li.active {
    border: 1px solid #e7e7e7;
    border-bottom: 0;
    font-weight: bold;
    margin-bottom: -1px;
    background-color: #fff;
    z-index: 999;
    border-top:2px solid #3797d4;
    background-image: url('/wp-content/plugins/trademarks/assets/img/paragraf_hover.png');
    background-repeat: no-repeat;
}

.trademark-tabs a img {
    max-height: 30px;
}

.trademark-footer-d411s {
    background-color: #0f1939;
    color: #ffffff;
    font-size:22px;
    border-radius: 0 0 10px 10px;
    margin-bottom: -1px;
    margin-left: -1px;
    width:100%;
    text-align: center;
    border: 1px solid #0f1939;
    font-family: 'Aleo';
    display:none;
}

.trademark-footer-d411s button {
    background-color: #62d598;
    border-radius: 5px;
    border: 1px solid #62d598;
    padding: 10px 20px;
    color: #fff;
    font-size: 22px;
    font-family: 'Aleo';
    margin-left:20px;
    cursor: pointer;
    font-weight: bold;

}


.trademark-tab-1,.trademark-tab-2,.trademark-tab-3,.trademark-tab-4 {
    border:1px solid #e7e7e7;

}

.trademark-tab-1 {
    width:100%;
    position: relative
}

.trademark-tab-2, .trademark-tab-3,.trademark-tab-4 {
    display: none;
    padding: 15px;
    font-size: 16px;
   font-family: 'Arial';

}

.trademark-company-name {
    position: absolute;
    top: 55%;
    left:0;
    right:0;
    margin:0 auto;
    text-align: center;
    font-size: 25px;
    font-family:ui-serif;
}

.trademark-number {
    position: absolute;
    top: 81%;
    left:0;
    right:0;
    margin:0 auto;
    text-align: center;
    font-family: ui-serif;

}
.trademark-image {
    text-align: center;
    padding-top:8px;
    margin-bottom: -7px;
}
.trademark-image img {
    max-width: 100%;
}

.trademark-tab-2 .company {
    display: flex;
    border: 1px solid #e7e7e7;
}

.trademark-tab-2 .companyDetails {
    padding: 10px;
    background-image: url('/wp-content/plugins/trademarks/assets/img/img1.png');
    background-repeat: no-repeat;
    width: 50%;
    border-right: 1px solid #e7e7e7;
    background-position-x: calc(100% - 10px);
    background-position-y:0;
    color: #888888;
    font-family: 'Arial';
    font-size:14px;
    padding-bottom: 15px;


}

.trademark-tab-2 .companyDetails p {
    margin:0;
    padding:0;
    display: none;
}

.trademark-tab-2 .companyName,.trademark-tab-2 .contactHeader {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
    border-bottom: 1px solid #cdcdcd;
    width:50%;
    color:#555555;
    line-height: 30px;
    margin-left: 5px;
}


.trademark-tab-2 .contactDetails {
    padding: 10px;
    background-image: url('/wp-content/plugins/trademarks/assets/img/img1.png');
    background-repeat: no-repeat;
    width: 50%;
    background-position-x: calc(100% - 10px);
    background-position-y:0;
    color: #888888;
    font-family: 'Arial';
    font-size:14px;
    line-height: 18px;
    padding-bottom: 15px;
}
.trademark-tab-2 table {
    margin-left:15px;
    width:100%!important;

}
.trademark-modal-content .tab-content {
    border: 1px solid #e7e7e7;
    max-height: 300px;
    overflow: auto;
    color:#595959;
    font-size:15px;
    font-family: 'Arial';
    padding: 5px;
    margin-top: 10px;
    background-image: url('/wp-content/plugins/trademarks/assets/img/paragraf_big.png');
    background-repeat: no-repeat;
    background-position-x: 15px;
    background-position-y:0;
}

.trademark-modal-content .tab-content h4 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #cdcdcd;
    max-width: 300px;
    color:#555555;
    line-height: 36px;
    margin:0px 0 15px 15px;
    font-family: 'Arial';
}

.trademark-modal-content .rules-content {
    padding: 0 20px 5px 30px;
}

.trademark-modal-content .rules-content h2 {
    margin:0;
    color:#fff;
    font-size: 18px;
    background-color: #0d193b;
    border-radius: 0 15px 15px 0;
    font-weight: bold;
    padding: 10px 0 10px 20px;
    margin-left:-35px;
    width:150px;
}

.trademark-modal-content .rules-content h2 font {
    color:#fff!important;
}

.trademark-modal-content .update-time {
    text-align: center;
    margin-top:8px;
}
.trademark-modal-content .update-time span {
    display: block;
    font-size:11px;
    color:#9f9f9f;
    font-family: 'Arial';
    margin-bottom: -3px;
}

.trademark-modal-content .update-time a {
    font-family: 'Arial';
    color:#c12d00;
    font-size:12px;
    text-decoration: underline;
}

.trademark-modal-content .close {
    cursor: pointer;
    position: absolute;
    right: -15px;
    border-radius: 20px;
    top: -15px;
    width: 32px;
    height: 32px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 20px;
    text-align:center;
}


@media only screen and (max-width: 600px) {
    .trademark-tabs li:last-child{
        top:13px!important;

    }
    .trademark-tabs a {
        font-size:16px;
    }
    .trademark-company-name {
        font-size: 1.2em;
        top:50%;
    }
    .trademark-tabs a img {
        margin-left: -10px;
        max-height: 25px;

    }

    .trademark-number  {
        font-size:13px;
    }

    .trademark-tabs ul,.trademark-tabs ul li {
        display: block!important;
        width:auto;
        height: auto!important;
    }


    .trademark-modal-content .company {
        display: block;
    }


    .trademark-modal-content .company .companyDetails,.trademark-modal-content .company .contactDetails {
        width:auto;
        border-bottom:0;
        border-right: 0;
    }
    .trademark-modal-content .company .companyDetails {
        border-bottom:1px solid #e7e7e7;
    }
    .trademark-tab-2 table  {
        margin-left:0;
    }
    
    .trademark-tabs ul li:last-child {
        position: inherit;
        width: auto;
        border-top: 1px solid #e7e7e7;
        border-left: 1px solid #e7e7e7;
        border-right: 1px solid #e7e7e7;
    }
    
    .trademark-tabs ul li:last-child a {
        margin-left: 10px;
    }
    
}

@media only screen and (max-width: 400px) {
    .trademark-company-name {
        font-size: 15px;
        top:60%;
    }

    .trademark-tabs a {
        font-size:13px;
    }
    .trademark-number {
        font-size:12px;
        bottom:40px;
    }
}