@charset "UTF-8";
/*@import url('//fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&display=swap&subset=latin-ext');*/
/*@import url('//fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;0,900;1,300;1,400&display=swap&subset=latin-ext');*/
/*@import url('//fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&display=swap&subset=latin-ext');*/
/*@import url('//fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&display=swap&subset=latin-ext');*/
/*@import url('//fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;0,900;1,300;1,400&display=swap&subset=latin-ext');*/
/*@import url('//fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@300,400,600,600i,700,800&display=swap&subset=latin-ext');*/
@import url('//fonts.googleapis.com/css2?family=Dosis:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap&subset=latin-ext');

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

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

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
th,
var {
    font-style: normal;
    font-weight: normal;
}

em {
    color: #44c9f6 !important;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: center;
}

h1{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 600;
    font-size: 34px;
}
h2{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 600;
    font-size: 30px;
}
h3{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 600;
    font-size: 26px;
}
h4{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 600;
    font-size: 22px;
}
h5{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 600;
    font-size: 18px;
}
h6{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 600;
    font-size: 14px;
}


.card-title-h1{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 600 !important;
    font-size: 34px !important;
}
.card-title-h2{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 600 !important;
    font-size: 30px !important;
}
.card-title-h3{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 600 !important;
    font-size: 26px !important;
}
.card-title-h4{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 600 !important;
    font-size: 22px !important;
}
.card-title-h5{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}
.card-title-h6{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}




.card-text-d1{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;
}
.card-text-d2{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
}
.card-text-d3{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
.card-text-d4{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}
.card-text-d5{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
}
.card-text-d6{
    font-family: 'Dosis', sans-serif !important;
    font-weight: 400 !important;
    font-size: 10px !important;
}



.uppercase {
    text-decoration: none;
    text-transform: uppercase;
}

.whitespace {
    white-space: pre;
    margin-top: 50px;
    margin-bottom: 50px;
}

p {
    margin: 10px !important;
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
}

b,
strong {
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
}

body {
    background-color: #EEE;
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
    font-size: 12px;
    line-height: 140%;
    color: #000000;
}



.list-group {
    padding-top: 5px !important;
    padding-bottom: 10px !important;
}

.list-group-item {
    position: relative !important;
    padding: 3px 3px !important;
    display: block !important;
    margin-bottom: -1px !important;
    background-color: rgba(0, 0, 0, 0) !important;
    border: 0px !important;
}

.modal-backdrop.in {
    opacity: 0.99 !important;
    background: #f5c944;
}

.modal-login {
    position: absolute;
    top: 42% !important;
    left: 50% !important;
    transform: translate(-45%, -45%);
}

.login-button {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 50px;
    margin-top: -25px;
    margin-left: -25px;
}

.section-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5c944;
    z-index: 999;
    height: 100vh;
}

.loader {
    position: relative;
    width: 80px;
    height: 80px;
    animation: animateBg;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes animateBg {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.element-confirm-success {
    margin-top: 7px;
    margin-left: 7px;
    font-size: 16px !important;
    color: rgb(40, 148, 63) !important;
}

.element-confirm-fail {
    margin-top: 7px;
    margin-left: 7px;
    font-size: 16px !important;
    color: rgb(252, 123, 3) !important;
}

.element-read-success {
    margin-top: 6px;
    margin-left: 6px;
    font-size: 16px !important;
    color: rgb(129, 129, 129) !important;
}

.element-read-fail {
    margin-top: 6px;
    margin-left: 6px;
    font-size: 16px !important;
    color: rgb(244, 209, 66) !important;
}


.tooltip-inner {
    min-width: 150px;
}

.tooltip {
    z-index: 999 !important;
}

.round_corner_read {
    position: absolute;
    top: 140px;
    left: 8.5px;
    border: 0.5px solid rgba(235, 239, 243, 0.53);
    border-left: 1.1px solid #555;
    border-radius: 0px 6px 6px 0px;
    background: #fff;
    padding: 0px;
    box-shadow: 0.5px 0.5px 1px;
    width: 31px;
    height: 31px;
}

.round_corner_confirm {
    position: absolute;
    top: 175px;
    left: 8.5px;
    border: 0.5px solid rgba(235, 239, 243, 0.53);
    border-left: 1.1px solid #555;
    border-radius: 0px 6px 6px 0px;
    background: #fff;
    padding: 0px;
    box-shadow: 0.5px 0.5px 1px;
    width: 31px;
    height: 31px;
}

.background-auto {
    min-height:95px;
    max-height: 400px;
    overflow:hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items :center;
    background-size: cover;
    position: relative;
    color: white;
}

.background-auto::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.55);
}

.background-auto-title {
    position: relative;
    color: #ffffff;
    line-height: 0.9;
    text-align: center;
}



.kb_image_box {
    position: relative;
    max-height: 100%;
    height: 250px;
    overflow: hidden;
    margin: auto;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
}

#feedback1 {
    height: 0px;
    width: 85px;
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 1000;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#feedback1 a {
    display: block;
    background: #153264;
    height: 52px;
    width: 155px;
    color: #fff !important;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;

}

#feedback1 a:hover {
    background: #153264;
}

#feedback {
    height: 0px;
    width: 85px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 1000;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#feedback a {
    display: inline-block;
    background: #153264;
    height: 52px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
    text-align: center;
    color: #fff !important;
    font-size: 17px;
    font-weight: bold;
    white-space: nowrap;
    text-decoration: none;
}

#feedback a:hover {
    background: #337ab7;
}

.scontent .row {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mzoom {
    margin: 10px 10px 10px 10px !important;
}

.scontent .mt-4 {
    margin-bottom: 20px;

}

input[type=checkbox].no-thumb {
    display: none;
}

input[type=checkbox].no-thumb + label {
    background-image: url('/img/flk/no-thumbnail.png');
    background-size: 180px 180px;
    background-repeat: no-repeat;
    margin-left: 80px; /* było 20px */
    height: 220px;
    width: 180px;
    display: inline-block;
    padding: 0 0 0 0px;
}

input[type=checkbox].no-thumb:checked + label {
    background-image: url('/img/flk/no-thumbnail_select.png');
    background-size: 180px 180px;
    background-repeat: no-repeat;
    margin-left: 80px; /* było 20px */
    height: 220px;
    width: 180px;
    display: inline-block;
    padding: 0 0 0 0px;
}

input[type=checkbox].no-img {
    display: none;
}

input[type=checkbox].no-img + label {
    background-image: url('/img/flk/no-image.png');
    background-size: 180px 180px;
    background-repeat: no-repeat;
    margin-left: 80px; /* było 20px */
    height: 220px;
    width: 180px;
    display: inline-block;
    padding: 0 0 0 0px;
}

input[type=checkbox].no-img:checked + label {
    background-image: url('/img/flk/no-image_select.png');
    background-size: 180px 180px;
    background-repeat: no-repeat;
    margin-left: 80px; /* było 20px */
    height: 220px;
    width: 180px;
    display: inline-block;
    padding: 0 0 0 0px;
}

.logo {
    width: 100%;
    height: 50px;
    padding-top: 10px;
    position: relative;
    left: 0px;
}

.caption {
    text-align: center;
}

.course_group {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #333;
}

.article_title {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 32px;
    color: #333;
}

.article_date {
    display: flex;
    flex-direction: row;
    align-items: normal;
    padding-bottom: 20px;
}

.article_date_text {
    flex-grow: 0;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #333;
}

#flashcontent {
    min-height: 500px;
    height: 80%;
    width: 95%;

}

.flashcontent {
    min-height: 500px;
    height: 80%;
    width: 95%;
}


.news_article {
    padding-bottom: 20px;
    padding-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.article_date_headline {
    margin-top: 12px;
    margin-left: 5px;
    flex-grow: 1;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(141, 141, 141, 0.75), rgba(141, 141, 141, 0.4), rgba(141, 141, 141, 0.1), rgba(141, 141, 141, 0.75));
    background-image: -moz-linear-gradient(left, rgba(141, 141, 141, 0.75), rgba(141, 141, 141, 0.4), rgba(141, 141, 141, 0.1), rgba(141, 141, 141, 0.75));
    background-image: -ms-linear-gradient(left, rgba(141, 141, 141, 0.75), rgba(141, 141, 141, 0.4), rgba(141, 141, 141, 0.1), rgba(141, 141, 141, 0.75));
    background-image: -o-linear-gradient(left, rgba(141, 141, 141, 0.75), rgba(141, 141, 141, 0.4), rgba(141, 141, 141, 0.1), rgba(141, 141, 141, 0.75));
    background-image: -ms-linear-gradient(left, rgba(141, 141, 141, 0.75), rgba(141, 141, 141, 0.4), rgba(141, 141, 141, 0.1), rgba(141, 141, 141, 0.75));
    background: linear-gradient(#8d8d8, #8d8d8d);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8d8d8d', endColorstr='#8d8d8d'); /*For IE7-8-9*/
}

.big-checkbox {
    width: 18px;
    height: 18px;
}

.btn-file {
    overflow: visible;
}

.formbox {
    width: 100%;
    min-height: 200px;
    background: #FFF;
    margin: 50px auto;
    padding: 20px;
    border: 0.5px solid rgba(0, 0, 0, 0.3);

}

.formbox_inside {
    width: 100%;
    min-height: 60px;
    background: #FFF;
    margin: 10px auto;
    padding-top: 15px;
    margin-left: -33.33%;
    margin-right: -33.33%;
}

.formbox_inside_bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 50px;
    background: #FFF;
    margin: 10px auto;
    margin-top: 0px;
    padding: -20px;
}

hr.horizontal_line {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(141, 141, 141, 0.75), rgba(141, 141, 141, 0.4), rgba(141, 141, 141, 0.1), rgba(141, 141, 141, 0.75));
    background-image: -moz-linear-gradient(left, rgba(141, 141, 141, 0.75), rgba(141, 141, 141, 0.4), rgba(141, 141, 141, 0.1), rgba(141, 141, 141, 0.75));
    background-image: -ms-linear-gradient(left, rgba(141, 141, 141, 0.75), rgba(141, 141, 141, 0.4), rgba(141, 141, 141, 0.1), rgba(141, 141, 141, 0.75));
    background-image: -o-linear-gradient(left, rgba(141, 141, 141, 0.75), rgba(141, 141, 141, 0.4), rgba(141, 141, 141, 0.1), rgba(141, 141, 141, 0.75));
    background-image: -ms-linear-gradient(left, rgba(141, 141, 141, 0.75), rgba(141, 141, 141, 0.4), rgba(141, 141, 141, 0.1), rgba(141, 141, 141, 0.75));
    background: linear-gradient(#8d8d8, #8d8d8d);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8d8d8d', endColorstr='#8d8d8d'); /*For IE7-8-9*/
}

.hr-text {
    line-height: 30px;
    margin: 0px 0px 30px 0px;
    font-size: 20px;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 30px;
    opacity: 0.8;
    text-transform: uppercase;
}

.hr-text:before {
    content: '';
    background: linear-gradient(to right, transparent, #818078, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
}

.hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;
    padding: 0 0.5em;
    line-height: 1.5em;
    color: #818078;
    background-color: #fcfcfa;
}

/*==================================================
 * formbox Effect
 * ===============================================*/
.formbox_effect {
    position: relative;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
}

.formbox_effect:before, .formbox_effect:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 0;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}

.formbox_header {
    width: 100%;
    font-family: 'Dosis',
    sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    min-height: 40px;
    text-transform: uppercase;
    text-align: center;
    background: #000000 !important;
    color: #fff;
    margin: auto;
    padding-top: 10px;
    border-radius: 8px 8px 0px 0px;
}

.formbox_effect:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}

/*==================================================
 * formbox Effect 2
 * ===============================================*/
/*==================================================
.formbox_effect2 {
    position: relative;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
* ===============================================*/

.formbox_effect2 {
    position: relative;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 3px 14px rgb(0 0 0 / 30%), 0px 0px 12px rgb(0 0 0 / 9%) inset;
}

.formbox_effect2:before, .formbox_effect2:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}

.formbox_effect2:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}

.formbox_header_effect {
    position: relative;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
}

.formbox_header_effect:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #f5c944;
    -webkit-box-shadow: 0 15px 10px #f5c944;
    -moz-box-shadow: 0 15px 10px #f5c944;
    box-shadow: 0 15px 10px #f5c944;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

/*==================================================
 * Effect INSIDE
 * ===============================================*/
.formbox_inside_effect {
    position: relative;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
}

.formbox_inside_effect:before, .formbox_inside_effect:after {
    content: "";
    position: absolute;
    z-index: 0;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}

.formbox_inside_effect:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}

.nlabel {
    display: grid;
    padding: 0px;
}

.material-switch {
    margin-right: 60px;
}

.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}

.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}


.select2-selection--multiple .select2-search--inline .select2-search__field {
    width: 100% !important;
}


.label-default {
    background-color: #44c9f6 !important;
}

.btn, .btn:active, .btn:hover {
    color: #fff !important;
}

.btn-bec, .btn-default {
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
    color: #fff !important;
    background-color: #44c9f6 !important;
    border-color: #44c9f6 !important;

}

.btn-bec:active, .btn-bec:hover, .btn-bec:focus, .btn-default:focus, .open > .dropdown-toggle.btn-bec.focus, .open > .dropdown-toggle.btn-bec:focus, .open > .dropdown-toggle.btn-bec:hover {
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
    color: #fff !important;
    background-color: #f5c944 !important;
    border-color: #f5c944 !important;
}

.btn-bec-active {
    font-family: 'Dosis', sans-serif;
    font-weight: 700 !important;
    color: #ffffff !important;
    background-color: #f5c944 !important;
    border-color: #f5c944 !important;
}

.btn-bec-active:active, .btn-bec-active:hover, .btn-bec-active:focus {
    font-family: 'Dosis', sans-serif;
    font-weight: 700 !important;
    color: #ffffff !important;
    background-color: #44c9f6 !important;
    border-color: #f5c944 !important;
}

.btn {
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
}

.btn-link {
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
    color: #000000 !important;
}

.btn-warning, .btn-danger, .btn-success, .btn-default {
    color: #fff !important;
}

.btn-warning:active, .btn-danger:active, .btn-success:active, .btn-default:active {
    color: #fff !important;
}

.btn-warning:hover, .btn-danger:hover, .btn-success:hover, .btn-default:hover {
    color: #fff !important;
}

.dropdown-menu {
    background-color: #44c9f6 !important;
    overflow: auto !important;

}

.bootstrap-datetimepicker-widget {
    background-color: #f1f1f1 !important;
    overflow: auto !important;
}

.dropdown-menu > li > a {
    color: #fff !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #000;
    text-decoration: none;
    background-color: #f5c944 !important;
    border-color: #000 !important;
}

.spancheckboxtext {
    margin-left: 60px;
}


.empty-message {
    padding: 5px 10px;
    background: #fff !important;
    width: 400px;
    height: 30px;
    font-size: 16px;
}

#search_query {
    width: 390px !important;
}

.tt-menu, .tt-dataset {
    width: 400px !important;
    background: #fff;
    font-weight: 700 !important;
    line-height: 20px;
    border: 0.3px solid #ccc !important;
}

.tt-suggestion {
    border-bottom: 0.3px solid #ccc !important;
    background: rgba(235, 239, 243, 0.1);
}
.tt-suggestion:hover {
    border-bottom: 0.3px solid #ccc !important;
    background: rgba(235, 239, 243, 0.53);
}

.tt-coursor, .tt-sugestion {
    font-weight: 700 !important;
    line-height: 20px;
}

.twitter-typeahead {
    width: 100% !important;
}

.h4link {
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    margin: auto;
    font-size: 1.2em;
    padding-top: 10px;
    padding-bottom: 10px;

}

.base_catalog {
    text-align: center;
    font-family: 'Dosis', sans-serif;
    font-weight: 100;

}

.base_catalog img {
    max-width: 100%;
    padding-bottom: 5px;
    padding-top: 10px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.base_catalog:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.base_catalog .h3link > a {
    margin-top: 10px !important;
    font-size: 0.8em !important;
    min-height: 2em !important;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    color: #44c9f6 !important;

}

.base_catalog .h3link > a:hover, .base_catalog .h3link > a:active {
    margin-top: 10px !important;
    font-size: 0.8em !important;
    min-height: 2em !important;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    color: #f5c944 !important;
}


.base_catalog_top {
    text-align: center;
}

.base_catalog_top img {
    max-width: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.base_catalog_top:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.base_catalog_top .h3link > a {
    margin-top: 10px !important;
    font-size: 0.8em !important;
    min-height: 2em !important;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    color: #44c9f6 !important;
}

.base_catalog_top .h3link > a:hover, .base_catalog .h3link > a:active {
    margin-top: 10px !important;
    font-size: 0.8em !important;
    min-height: 2em !important;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    color: #f5c944 !important;
}

#pinBoot {
    position: relative;
    max-width: 100%;
    width: 100%;
}

img {
    margin-left: auto;
    margin-right: auto;

}

.white-panel {
    position: absolute;
    background: white;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    padding: 10px;
}

/*
stylize any heading tags withing white-panel below
*/

.white-panel h1 {
    font-size: 1em;
}

.white-panel h1 a {
    color: #000000;
}

.white-panel:hover {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    margin-top: -5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


body_login {
    background-color: #ffffff;
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
    font-size: 12px;
    line-height: 140%;
    color: #000000;
}

.passremind {
    background-color: #ffffff;
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
    font-size: 9px;
    color: #000000;
}

.container {

}

.container_fullwidth {
    min-height: 50px;
    left: 0px;
    margin-left: 0px;
    padding-left: 0px;
    right: 0px;
    margin-right: 0px;
    padding-right: 0px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.body_login {
    background-color: #ffffff;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #000000;
}

#body_login {
    background-color: #ffffff;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #000000;
}

.big_title {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 4px solid #000000;
    text-transform: uppercase;
}

.counter {
    background-color: #eaecf0;
    text-align: center;
}

.employees, .customer, .design, .order {
    margin-top: 70px;
    margin-bottom: 70px;
}

.counter-count {
    font-size: 18px;
    background-color: #000000;
    border-radius: 50%;
    position: relative;
    color: #ffffff;
    text-align: center;
    line-height: 92px;
    width: 92px;
    height: 92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}


.tiles {
    background-color: #44c9f6 !important;
    height: 350px;
    width: 350px;
    margin: 0px 5px 0px 5px;
    display: table;
    position: relative;
    cursor: zoom-in;
}

.tiles:active {
    background-color: #f5c944 !important;
    height: 350px;
    width: 350px;
    margin: 0px 5px 0px 5px;
    display: table;
    position: relative;
    cursor: zoom-in;
}

.tiles:hover {
    background-color: #505569 !important;
    height: 350px;
    width: 350px;
    margin: 0px 5px 0px 5px;
    display: table;
    position: relative;
    cursor: zoom-in;
}

.tiles-top {
    display: table-cell;
    float: left;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 28px !important;
    line-height: 35px !important;
    margin: 15px;
    width: 320px;
    height: 320px;
    text-transform: uppercase;
    overflow-wrap: break-word;
}

.tiles-bottom {
    display: table-cell;
    position: absolute;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    float: right;
    text-align: right;
    color: #fff;
    bottom: 0px;
    font-size: 22px !important;
    line-height: 25px !important;
    margin: 15px;
    width: 90%;
    text-transform: lowercase;
    overflow-wrap: break-word;
}

.tiles-arrow {
    position: absolute;
    right: 0px;
    bottom: 45%;
    text-align: right;
    color: #fff;
    margin: 10px;
}

.breadcrumb {
    margin: auto;
    min-height: 40px;
    max-width: 1280px;
    width: 95%;
    font-size: 1.0em !important;
    background-color: #44c9f6 !important;
    color: #fff !important;
    border-radius: 0px !important;


}

.breadcrumb .h3link {
    color: #fff !important;
    text-transform: uppercase;
}

.breadcrumb .active {
    color: #fff !important;
    text-transform: uppercase;
}


.employee-p, .customer-p, .order-p, .design-p {
    font-size: 24px;
    color: #000000;
    line-height: 34px;
}

a {
    color: #44c9f6 !important;
    text-decoration: none;
}

a:active, a:hover, a:focus {
    color: #666 !important;
    text-decoration: none !important;

}

a .list_panel_info {
    color: #44c9f6 !important;
    text-decoration: none !important;
}

#content {
    width: 95%;
    max-width: 95%;
    min-height: 100%;
    text-align: center;
    background-color: #ffffff;
    margin: auto;
}

#content_clean {
    width: 95%;
    margin: auto;
}

#header {
    height: 20px;
    background-color: #000000;
    text-align: right;
}

#header a:hover {
    color: #ffffff;
}

#header a,
#header a:visited,
#header a:link,
#header a:hover,
#header a:active {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    height: 20px;
    line-height: 20px;
    float: right;
}

#footer_main,
#footer_main_wide {
    max-width: 100%;
    padding-top: 5px;
    vertical-align: middle;
    margin: auto;
    height: 40px;
    line-height: 34px;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

#footer_main {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    background-color: #44c9f6 !important;
    color: #fff !important;

}

#footer_main_wide {
    background-color: #44c9f6 !important;
    color: #fff !important;

    font-size: 13px;
    max-width: 100%;
    width: 100%;
}

#baner {
    text-align: center;
    margin: auto;
}

#baner div#company_banner {
    /* background-image: url("../img/braun_baner.png"); */
}

#whitespaces {
    max-width: 95%;
    max-height: 16px;
    text-align: center;
    width: 95%;
    margin: auto;
}

#footer_text {
    max-width: 95%;
    width: 95%;
    margin: auto;
    height: 30px;
    line-height: 30px;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #000000;
    text-align: center;
}

#main_menu {
    text-align: center;
    height: 38px;
    max-width: 1280px;
    background: #ffffff;
    border-bottom: 0px solid #000000;
    width: auto;
    display: inline-block;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    line-height: 38px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
}

#main_menu a,
#main_menu a:link,
#main_menu a:visited,
#main_menu a:active {
    display: inline-block;
    color: #000000;
    font-size: 15px;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    text-align: center;
    border-left: 1px solid #000000;
    padding-left: 33px;
    padding-right: 33px;
    text-decoration: none;
    line-height: 40px;
    float: left;
    overflow: hidden;
    position: relative;
}

#main_menu:last-child,
#main_menu a:last-child {
    border-right: 0px solid #000000;
    width: 58px;
    box-sizing: content-box;
}

#main_menu:first-child,
#main_menu a:first-child {
    border-left: 0px solid #000000;
}


#main_menu a:hover {
    background-color: #000000;
    color: #ffffff;
    height: 40px;
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
}

#main_menu a.selected {
    background: #000000;
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
    color: #fff;
    height: 40px;
}

.search_bar {
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
    width: 95%;
    max-width: 1280px;
    height: 50px;
    min-height: 50px;
    margin: auto;
    margin-bottom: 40px;
    color: #fff;
    display: table;
    table-layout: auto;
    flex-direction: column;
}

.search_bar_left {
    display: table-cell;
    width: 60%;
    height: 50px;
    background-color: #000000;
}

.search_bar_end {
    /*display: table-cell;*/
    width: 0;
    height: 0;
    border-left: 50px solid #000000;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
}

.search_bar_right {
    width: 30%;
    display: table-cell;
    height: 50px;
    background-color: #fff;
    padding-left: 50px;
}

#top_bar,
#top_bar_wide {
    height: 50px;
    width: 95%;
    max-width: 95%;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
    margin: 0 auto;
}

#top_bar {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    background-color: #ffffff;
    color: #000;
}

#top_bar_wide {
    background-color: #ffffff;
    color: #000;
    max-width: 100%;
    width: 100%;
}

#top_bar_left {
    float: left;
    padding-left: 5px;
    padding-top: 10px;
    margin: auto;
}

#top_bar_right {
    float: right;
    padding-top: 10px;
    padding-right: 5px;
    margin: auto;
}

.mid_pad {
    padding: 1px 1px 1px;
    min-height: 400px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#mid_cont {
    width: 95%;
}

span.info_pomoc {
    color: #000000;
}

.course_panel {
    background-color: #CAEAF0;
    margin-bottom: 10px;
    height: 200px;
    border-left: 30px solid #44c9f6;
}

.course_panel .image_cell {
    height: 200px;
    width: 170px;
    float: left;
}

.course_panel .info {
    width: 666px;
    float: left;
}

.course_panel .info .info_pad {
    padding: 24px 13px 13px 24px;
}

.course_panel .info .title {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 20px;
}

.course_panel .info .text {
    height: 100px;
    overflow-y: hidden;
}

a.button_right {
    display: block;
    float: right;
    padding: 4px 8px 4px 8px;
    background-color: #000000;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
}

a.button_left {
    display: block;
    float: left;
    padding: 4px 8px 4px 8px;
    background-color: #000000;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 5px;
}

a.button_left_big {
    display: block;
    float: left;
    padding: 20px 40px 20px 40px;
    background-color: #000000;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 5px;
}

a.button_left:hover,
a.button_left_big:hover,
a.button_right:hover {
    background-color: #000000;
}

.menu_marker {
    color: #000000;
}

a.menu_top {
    padding: 0px 5px 0px 5px;
    color: #44c9f6 !important;
    font-weight: 400;
    text-decoration: none;
}

a.menu_top:hover {
    color: #000000;
    text-decoration: none;
}

a.menu_top:active {
    color: #000000;
    text-decoration: none;
}

a.menu_top:focus {
    color: #000000;
    text-decoration: none;
}

.news_list {
    width: 100%;
    margin-bottom: 12px;
}

.news_list .sep {
    width: 16px;
}

.news_list .news_panel .news_pad {
    padding: 40px 13px 13px 13px;
}

.news_list .news_panel .news_pad .title {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 15px;
}

.news_list .news_panel .news_pad .text {
    height: 75px;
    overflow-y: hidden;
}

.news_list .news_panel .news_pad .news_link {
    color: #5c5c5c;
    font-size: 11px;
    float: right;
    display: block;
    text-decoration: underline;
}

.news_list .news_panel .news_pad .news_link:hover {
    color: #000000;
}

.news_panel {
    height: 220px;
    border-left: 30px solid #44c9f6;
    background-color: #CAEAF0;
    width: 170px;
    vertical-align: top;
}

.bottom_margin {
    clear: both;
}

.submit_button {
    display: block;
    border: 0px none;
    margin: 0px;
    cursor: pointer;
    padding: 4px 8px 3px 8px;
    font-size: 11px;
    background-color: #000000;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
}

.submit_button:hover {
    background-color: #000000;
}

.right {
    float: right;
}

input {
    background-color: #dedede;
    border: 1px solid #dedede;
    padding: 1px 8px;
    margin: 0px;
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
}

input.light,
textarea.light {
    text-align: left;
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
    font-size: 12px;
    background-color: #fefefe;
    border: 1px solid #fefefe;
    padding: 10px 8px 10px 8px;
    margin: 0px;
    margin-bottom: 5px;
}

.long {
    width: 211px;
}

.longer {
    width: 320px;
}

.v_long {
    width: 690px;
}

.pagination td {
    margin: 0px;
    padding: 0px 0px 0px 5px;
}

.pagination a
{
    display: block;
    border: 1px solid;
    margin: 0px;
    padding: 3px 8px 3px 8px;
    font-size: 12px;
    background-color: #44c9f6 !important;
    border-color: #44c9f6 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    text-decoration: none;
}
.pagination a:link,
.pagination a:visited,
.pagination a:active {
    display: block;
    border: 1px solid;
    margin: 0px;
    padding: 3px 8px 3px 8px;
    font-size: 12px;
    background-color: #6c7984 !important;
    border-color: #6c7984 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    text-decoration: none;
}
.pagination a:hover {
    display: block;
    border:  1px solid;
    margin: 0px;
    padding: 3px 8px 3px 8px;
    font-size: 12px;
    background-color: #ffffff !important;
    border-color: #44c9f6 !important;
    color: #44c9f6 !important;
    text-transform: uppercase;
    text-decoration: none;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    display: block;
    border:  1px solid;
    margin: 0px;
    padding: 3px 8px 3px 8px;
    font-size: 12px;
    background-color: #000000  !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    text-decoration: none;
}

.zero {
    padding: 0px !important;
    margin: 0px !important;
}



.newline {
    clear: both;
}

.pt10 {
    padding-top: 10px;
}

.pt20 {
    padding-top: 20px;
}

.news_panel2 {
    border: 1px solid #000000;
    margin-bottom: 10px;
    height: 150px;
    width: 100%;
    -moz-border-radius: 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

.news_panel2 .image_cell {
    border-right: 1px solid #000000;
    max-height: 150px;
    max-width: 175px;
    min-height: 150px;
    min-width: 175px;
    overflow: hidden;
    background-color: #dcdcdc;
}

.news_panel2 .image_cell img {
    max-height: 150px;
    max-width: 175px;
    min-height: 150px;
    min-width: 175px;
}

.news_panel2 .image_cell .image {
    max-height: 150px;
    max-width: 175px;
    min-height: 150px;
    min-width: 175px;
}

.news_panel2 .empty_image_cell {
    border-left: 30px solid #000000;
    max-height: 150px;
    max-width: 175px;
    min-height: 150px;
    min-width: 175px;
    overflow: hidden;
    background-color: #e3e3e3;
}

.news_panel2 .info {
    border-right: 1px solid #000000;
    width: 606px;
    vertical-align: top;
    background-color: #ffffff;
}

.news_panel2 .info .info_pad {
    padding: 12px 20px 20px 25px;
    vertical-align: middle;
}

.news_panel2 .info .info_pad2 {
    padding: 7px 20px 20px 10px;
    vertical-align: middle;
}

.news_panel2 .info .title {
    font-size: 14px;
    padding-bottom: 7px;
    text-transform: uppercase;
    vertical-align: middle;
}

.news_panel2 .info .title2 {
    font-size: 14px;
    padding-bottom: 4px;
    text-transform: uppercase;
    vertical-align: middle;
}

.news_panel2 .info .title3 {
    font-size: 13px;
    padding-bottom: 0px;
    text-transform: uppercase;
    vertical-align: middle;
}

.news_panel2 .info .text {
    height: 36px;
    overflow-y: hidden;
}

.news_panel2 .info .text2 {
    height: 40px;
    line-height: 14px;
    overflow-y: hidden;
}

.news_panel2 .info a .info_pad2 {

    color: #000000;
}

.news_panel2 .info .data {
    float: right;
    font-weight: bold;
}

.news_panel2 .more {
    width: 125px;
    text-align: center;
    font-weight: normal;
    background-color: #000000;
    color: #ffffff;
    vertical-align: middle;
}

.news_panel2 .more a:hover {
    color: #cc0000;
}

.news_panel2 .more2 {
    text-align: center;
    font-weight: normal;
    background-color: #000000;
    color: #ffffff;
    width: 180px;
    text-align: center;
    vertical-align: middle;
}

.news_panel2 .data2 {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    color: #000000;
    width: 125px;
    text-align: left;
    padding-left: 10px;
    background-color: #ffffff;
}

.dark_top_bar_ {
    background-color: #c0c0c0;
}

.light_top_bar_ {
    background-color: #000000;
}

.news_panel2 .more2 a,
.news_panel2 .more2 a:link,
.news_panel2 .more2 a:visited,
.news_panel2 .more2 a:active {
    display: block;
    padding: 20px 0px;
    text-align: center;
    font-weight: normal;
    background-color: #000000;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
}

.news_panel2 .more a,
.news_panel2 .more a:link,
.news_panel2 .more a:visited,
.news_panel2 .more a:active {
    text-decoration: underline;
    font-weight: normal;
    background-color: #000000;
    color: #ffffff;
}

.content_panel {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #DCDCDC;
}

.content_panel .left_col {
    border-right: 1px solid #DCDCDC;
    width: 157px;
    min-height: 550px;
    float: left;
    vertical-align: top;
}


.row ol {
    display: inline !important;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.content_panel .left_col .left_col_pad {
    padding: 11px;
}

.content_panel .left_col img {
    margin-bottom: 10px;
}

.content_panel .right_col {
    vertical-align: top;
    width: 735px;
    background-color: #eee;
    color: #000;
    float: right;
    text-align: justify;
}

.content_panel .right_col .right_col_pad {
    padding: 13px 33px 13px 13px;
}

.content_panel .right_col .right_col_pad2 {
    padding: 13px 13px 6px 13px;
}

.content_panel .right_col .title {
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
}

.content_panel .right_col .tags {
    padding-bottom: 10px;
}

.content_panel .right_col .tags a:hover {
    color: #cc0000;
}

.content_panel .right_col .author {
    float: right;
    padding: 10px 0px 10px 0px;
}

.content_panel .right_col .att {
    clear: both;
    bottom: -6px;
    border-top: 1px solid #DCDCDC;
    background-color: #000000;
    color: #fff;
    padding: 13px;
    text-align: left;
}

.content_panel .right_col .att .head {
    text-transform: uppercase;
    float: left;
    padding-right: 20px;
}

.content_panel .right_col .att a:hover {
    color: #000000;
}

.content_panel .right_col .att img {
    vertical-align: middle;
    margin-left: 20px;
}

.content_panel iframe {
    border-bottom: 2px solid #535353;
}

.content_panel.base_info {
    background-color: #ffffff;
    border: 1px solid #DCDCDC;
}

.content_panel .left_col a,
.content_panel .left_col a:link,
.content_panel .left_col a:active,
.content_panel .left_col a:visited {
    display: block;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #000000;
    margin-bottom: 10px;
    text-align: center;
    padding: 2px;
    font-size: 11px;
}

.content_panel .right_col .tags a,
.content_panel .right_col .tags a:link,
.content_panel .right_col .tags a:active,
.content_panel .right_col .tags a:visited {
    color: #000;
    text-decoration: underline;
}

.content_panel .right_col .att a,
.content_panel .right_col .att a:link,
.content_panel .right_col .att a:active,
.content_panel .right_col .att a:visited {
    color: #000;
    text-decoration: underline;
}

.zapisz_button {
    display: block;
    border: 0px none;
    margin: 0px;
    cursor: pointer;
    float: right;
    width: 190px;
    height: 21px;
    line-height: 21px;
    padding: 0px;
    text-align: center;
    font-size: 11px;
    background-color: #000000;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
}

.zapisz_button:hover {
    background-color: #000000;
}

.top_bar_button {
    display: block;
    border: 0px none;
    margin: 0px;
    cursor: pointer;
    float: left;
    width: 190px;
    height: 21px;
    line-height: 21px;
    padding: 0px;
    text-align: center;
    font-size: 11px;
    background-color: #000000;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 5px;
}

.top_bar_button:hover {
    background-color: #000000;
    color: #ffffff;
}

input.bold {
    font-weight: bold;
}

.p10 {
    padding: 10px;
}

.pad3 {
    clear: both;
    padding-top: 35px;
}

.pad4 {
    padding: 25px 20px 25px 20px;
}

.toupper {
    text-transform: uppercase;
}

.big {
    font-size: 22px;
}

.normal {
    font-weight: normal;
}

.pl30 {
    padding-left: 30px;
}

.w400 {
    width: 386px;
}

#user-info-table {
    border: 1px solid #000000;
    height: 146px;
    margin-bottom: 20px;
}

#user-info-table > div {
    height: 146px;
    float: left;
}

#user-info-table > div.table {
    display: table;
}

#user-info-table > div.table p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#user-info-table .cell1 {
    background: #000000;
    color: #ffffff;
    width: 179px;
}

#user-info-table .cell3 {
    background: #000000;
    color: #ffffff;
    width: 138px;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;
}

#user-info-table .cell4 {
    width: 215px;
    color: #000000;
    background: #ffffff;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;
}

#user-info-table .cell5 {
    background: #000000;
    color: #ffffff;
    width: 139px;
}

#user-info-table .cell5 p a {
    padding: 50px 0px;
    color: #ffffff;
}

#user-info-table .cell1,
#user-info-table .cell5 {
    font-weight: bold;
    font-size: 11pt;
    text-transform: uppercase;
}

#user-info-table .cell2,
#user-info-table .cell2 img {
    display: block;
    width: 220px;
    height: 146px;
    background-color: #000000;
}

#user-info-table .cell3 span,
#user-info-table .cell4 span {
    display: block;
    padding-left: 16px;
}

#user-info-table .cell3 span.margin-bottom,
#user-info-table .cell4 span.margin-bottom {
    margin-bottom: 1em;
}

#user-info-table .cell3 > :first-child,
#user-info-table .cell4 > :first-child {
    margin-top: 7px;
}

#user-info-table .cell3,
#user-info-table .cell4 {
    font-size: 9pt;
}

#result-list {
    height: 140px;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;
}

#result-list li {
    display: table;
    float: left;
    margin-right: 5px;
    text-transform: uppercase;
}

#result-list a {
    width: 179px;
    height: 140px;
    display: table-cell;
    vertical-align: middle;
    color: #000000;
    text-align: center;
}

#result-list .cell1 {
    background: #ffffff;
    border: 1px solid #000000;
    color: #000000;
    font-size: 11pt;
    font-weight: bold;
    text-transform: uppercase;
}

#result-list .cell2 {
    background: #ffffff;
    border: 1px solid #000000;
    color: #000000;
    font-size: 11pt;
    font-weight: bold;
    text-transform: uppercase;
}

#result-list .cell3 {
    background: #f3f3f3;
}

#average-score {
    float: left;
    display: block;
    height: 100px;
    width: 394px;
    text-transform: uppercase;
}

#average-score > div {
    height: 100px;
    display: table;
    float: left;
}

#average-score > div p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#average-score .cell1 {
    padding-left: 134px;
    width: 160px;
    border-left: 30px solid #44c9f6;
    background: #bdbdbd url(../img/sys/average-score.jpg) left no-repeat;
}

#average-score .cell2 {
    width: 70px;
    background: #ccc;
}

#count-level {
    float: right;
    width: 458px;
    height: 100px;
    text-transform: uppercase;
}

#count-level > div {
    height: 100px;
    display: table;
    float: left;
}

#count-level > div > div {
    display: table-cell;
    vertical-align: middle;
}

#count-level .cell1 {
    padding-left: 122px;
    width: 116px;
    border-left: 30px solid #44c9f6;
    background: #bdbdbd url(../img/sys/count-level.jpg) left no-repeat;
    text-align: center;
}

#count-level .cell2 {
    background: #ccc;
    width: 127px;
}

#count-level .cell3 {
    background: #CAEAF0;
    width: 63px;
}

#count-level p {
    padding-left: 15px;
}

#search-course {
    clear: both;
    padding-top: 75px;
}

#search-course button[type=submit],
#search-certificate button[type=submit] {
    background: #44c9f6;
    color: #ffffff;
    border: none;
    height: 22px;
    line-height: 22px;
    display: block;
    float: left;
    padding: 0 3px;
    font-size: 8pt;
    cursor: pointer;
    margin: 0;
}

#search-course input[type=text],
#search-certificate input[type=text] {
    display: block;
    float: left;
    height: 16px;
    line-height: 16px;
    padding: 3px;
    color: #d5d5d5;
    width: 211px;
    text-align: center;
}

#search-course input[type=text].clicked,
#search-certificate input[type=text].clicked {
    color: #000000;
}

#search-course input:focus,
#search-certificate input:focus {
    outline: 0;
}

#search-course ul,
#search-certificate ul {
    float: right;
}

#search-course li,
#search-certificate li {
    display: inline;
}

#search-course ul li a,
#search-certificate ul li a {
    background: #44c9f6;
    float: left;
    display: block;
    color: #ffffff;
    height: 22px;
    line-height: 22px;
    margin-right: 3px;
    padding: 0 5px;
}

#search-course ul li:last-child a,
#search-certificate ul li:last-child a {
    background: #ffffff;
    color: #000000;
    padding: 0;
}

#course-list {
    clear: both;
    padding-top: 5px;
}

#course-list .header {
    font-weight: bold;
}

#course-list .row {
    margin-top: 8px;
    height: 47px;
}

#course-list .row > div {
    float: left;
    display: table;
    height: 47px;
    text-align: center;
    table-layout: fixed;
}

#course-list .row > div p {
    display: table-cell;
    vertical-align: middle;
}

#course-list .row > div.cell2 {
    background: #f2f2f2;
}

#course-list .cell1 {
    width: 232px;
    padding-left: 25px;
    background: #44c9f6;
    width: 332px;
}

#course-list .cell1 p {
    text-align: left;
}

#new_course_results_table {
    margin-top: 20px;
    border: 1px solid lightgray;
    max-width: 100%;
}

#new_course_results_table td {
    padding: 14px;
    border: 1px solid lightgray;
    min-width: 100px;
    border-left: none;
    border-right: none;
}

#new_course_results_table thead td {
    text-align: center;
    background-color: #EEEEEE;
}

#new_course_results_table tr:hover {
    background-color: #efefef;
}

.try p {
    margin: 5px;
    margin-bottom: 15px;
}

.button_submitt {
    width: 150px;
    height: 31px;
    margin: 0 0 1em 0;
    border: 0px none #333333;
    font-size: 11px;
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
    color: #ffffff;
    background: #000000;
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: middle;
}

.login_box_new {
    padding: 20px;
    margin-bottom: 40px;
    width: 400px;
    max-width: 400px;
    height: 230px;
    max-height: 230px;
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
    border-radius: 8px 8px 8px 8px;
    -moz-shadow-radius: 8px 8px 8px 8px;
    -webkit-shadow-radius: 8px 8px 8px 8px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    border: 0px solid #000000;
    background: #ffffff;
}

.bottom_text {
    margin-bottom: 40px;
    color: #000000;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
}

login_box_new {
    padding: 20px;
    width: 400px;
    max-width: 400px;
    height: 230px;
    max-height: 230px;
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
    border-radius: 8px 8px 8px 8px;
    -moz-shadow-radius: 8px 8px 8px 8px;
    -webkit-shadow-radius: 8px 8px 8px 8px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    border: 0px solid #000000;
    background: #ffffff;
}

.info_box_new {
    width: 420px;
    max-width: 420px;
    height: 30px;
    max-height: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 34px;
    border: 0px solid #44c9f6;
    background: #ffffff;
    border-radius: 8px 8px 8px 8px;
    -moz-shadow-radius: 8px 8px 8px 8px;
    -webkit-shadow-radius: 8px 8px 8px 8px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.6;
    margin: 0 auto;
}

::-webkit-input-placeholder {
    color: #000000;
    opacity: 0.4;
}

:-moz-placeholder {
    color: #000000;
    opacity: 0.4;
}

::-moz-placeholder {
    color: #000000;
    opacity: 0.4;
}

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

.logerror {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: red;
    font-weight: normal;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
    height: 100%;
    width: 40px;
    overflow: auto;
}

.infoerror {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: green;
    font-weight: normal;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
    height: 100%;
    width: 40px;
    overflow: auto;


}

/*
input#old_pass,
input#new_pass,
input#re_pass {
  background-color: #ffffff;
  width: 150px;
  float: right;
}
*/
div#content div.mid_pad div#mid_cont h1,
div#content div.mid_pad div#mid_cont h2 {
    background-color: #ffffff;
    border-bottom: 2px solid;
    color: #000000;
    border-color: #000000;
    font-size: 18px;
    /*  font-weight: bold; */
    margin-bottom: 20px;
    padding: 5px;
    padding-bottom: 8px;
    text-transform: uppercase;
}

div#content div.mid_pad div#mid_cont div#img {
    display: inline-block;
    width: 300px;
}

div#content div.mid_pad div#mid_cont div#img img {
    border: 1px solid #B8B8B8;
    margin-top: 0px;
}

div#content div.mid_pad div#mid_cont div#cont {
    display: inline-block;
    vertical-align: top;
    width: 585px;
}

div#content div.mid_pad div#mid_cont div#cont h2 {
    font-size: 16px;
    margin-bottom: 0px;
}

div#content div.mid_pad div#mid_cont div#cont p {
    color: #000000;
    font-size: 14px;
    line-height: 22px;
    padding: 10px 0px;
}

div#content div.mid_pad div#mid_cont label.search_label {
    display: inline;
    padding: 5px 8px 3px 8px;
    background-color: #000000;
    color: #ffffff;
}

div#content div.mid_pad div#mid_cont input.search_label {
    background-color: #ffffff;
}

div#content div.mid_pad div#mid_cont .list_panel_left {
    border: 1px solid #000000;
    float: left;
}

div#content div.mid_pad div#mid_cont .list_panel_right {
    border: 1px solid #000000;
    float: right;
}

div#content div.mid_pad div#mid_cont .list_panel_left,
div#content div.mid_pad div#mid_cont .list_panel_right {
    #background-color: #f4f5f5;
    font-weight: normal;
    border: 1px solid #000000;
    margin-bottom: 20px;
    height: 95px;
    width: 420px;
    overflow: hidden;
}

div#content div.mid_pad div#mid_cont .list_panel_left .img_cell,
div#content div.mid_pad div#mid_cont .list_panel_right .img_cell {
    height: 95px;
    width: 95px;
    background-color: #000000;
    overflow: hidden;
    float: left;
    filter: alpha(opacity=100);
    opacity: 1.0;
    -moz-opacity: 1;
}

div#content div.mid_pad div#mid_cont .list_panel_left .img_cell img,
div#content div.mid_pad div#mid_cont .list_panel_right .img_cell img {
    min-height: 95px;
    min-width: 95px;
}

div#content div.mid_pad div#mid_cont .list_panel_left .list_panel_info,
div#content div.mid_pad div#mid_cont .list_panel_right .list_panel_info {
    float: right;
    width: 290px;
    height: 95px;
    overflow: hidden;
    filter: alpha(opacity=100);
    opacity: 1.0;
    -moz-opacity: 1.0;
}

div#content div.mid_pad div#mid_cont .list_panel_left span.big,
div#content div.mid_pad div#mid_cont .list_panel_right span.big {
    color: #000000;
    font-size: 17px;
    vertical-align: middle;
}

.inputboxusrl {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 13px;
    width: 212px;
}

.inputboxusrl,
.inputboxpwdl,
.inputboxemaill {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #000000;
}

.login-text {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    color: #000000;
}

.submit_new {
    min-width: 70px;
    border-radius: 0px 0px 0px 0px;
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 16px;
    width: 170px;
    line-height: 30px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.submit_new:hover {
    min-width: 70px;
    border-radius: 0px 0px 0px 0px;
    background-color: #000;
    border-color: #000;
    color: #fff;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 16px;
    width: 170px;
    line-height: 30px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.submit_new:hover :after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}


div.login_form_banner {
    background-image: url("../img/flk/banner.png");
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    border: 0px solid #000000;
    height: 220px;
    margin: 0;
    margin-bottom: 25px;
    text-align: center;
    width: 95%;
}

p.login_form_info {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    text-align: center;
    color: #000000;
}

html body div#content div.mid_pad div#mid_cont a img.bigstar_kursy {
    margin-right: 8px;
}

div.top_margin {
    margin: 16px 0 0 0;
    padding: 0;
}

/**
* FALE LOKI I KOKI
* używam !important, żeby nie mieszać w oryginalnym zapisie
*/
div#content div.mid_pad div#mid_cont .list_panel_left .img_cell,
div#content div.mid_pad div#mid_cont .list_panel_right .img_cell {
    height: 95px !important;
    width: 95px !important;
    border-right: solid 1px;
    border-color: #000000;
}

div#content div.mid_pad div#mid_cont .list_panel_left,
div#content div.mid_pad div#mid_cont .list_panel_right {
    height: 95px !important;
}

.list_panel_left strong,
.list_panel_right strong {
    font-weight: normal !important;
}

div#content div.mid_pad div#mid_cont .list_panel_left span.big,
div#content div.mid_pad div#mid_cont .list_panel_right span.big {
    font-size: 14 !important;
}

.pad4 {
    padding: 34px 20px 25px 0px !important;
}

div#content div.mid_pad div#mid_cont .list_panel_left,
div#content div.mid_pad div#mid_cont .list_panel_right {
    border: 1px solid #000000;
    overflow: visible !important;
}

div#content div.mid_pad div#mid_cont .list_panel_left .img_cell img,
div#content div.mid_pad div#mid_cont .list_panel_right .img_cell img {
    min-height: 95px !important;
    min-width: 95px !important;
}


.course_front_panel {
    width: 100%;
    height: 94px;
    border: solid 1px;
    border-color: #000000;
}

.course_front_panel .image_cell {
    height: 94px;
    /*width: 110px;*/
    /*min-width: 110px;*/
    overflow: hidden;
    background-color: #e3e3e3;
    border-left: solid 1px;
    border-color: #000000;
}

.course_front_panel .empty_image_cell {
    border-left: 30px solid #c3c3c3;
    height: 94px;
    width: 110px;
    min-width: 110px;
    overflow: hidden;
    background-color: #e3e3e3;
}


.course_front_panel .image_cell .image {
    max-height: 94px;
    max-width: 110px;
}

.course_front_panel .info {
    width: 606px;
    vertical-align: top;
    background-color: #FFFFFF;
    filter: alpha(opacity=50);
    opacity: 0.9;
    -moz-opacity: 0.9;
    border-left: solid 1px;
    border-right: solid 1px;
    border-color: #000000;
}

.course_front_panel .info .info_pad {
    padding: 12px 20px 20px 25px;
}


.course_front_panel .info .info_pad2 {
    padding: 7px 20px 20px 10px;
}

.course_front_panel .info .title {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 7px;
    text-transform: uppercase;
}

.course_front_panel .info .title2 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.course_front_panel .info .title3 {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 0px;
    text-transform: uppercase;
}


.course_front_panel .info .text {
    height: 36px;
    overflow-y: hidden;
}

.course_front_panel .info .text2 {
    height: 40px;
    line-height: 14px;
    overflow-y: hidden;
}

.course_front_panel .info a .info_pad2 {
    color: #fff;
}

.course_front_panel .info .data {
    float: right;
    font-weight: bold;
    filter: alpha(opacity=50);
    opacity: 0.9;
    -moz-opacity: 0.9;
    border-left: solid 1px;
    border-right: solid 1px;
    border-color: #000000;
}

.course_front_panel .data2 {
    /*float: right;*/
    padding-left: 10px;
    width: 120px;
    font-weight: bold;
    filter: alpha(opacity=50);
    opacity: 0.9;
    -moz-opacity: 0.9;
    border-color: #000000;
}

.course_front_panel .more {
    width: 125px;
    text-align: center;
    background-color: #cccccc;
    filter: alpha(opacity=50);
    opacity: 0.9;
    -moz-opacity: 0.9;
}

.course_front_panel .more2 {
    width: 180px;
    background-color: #000000;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    /*font-weight: bold;*/
    vertical-align: middle;
    filter: alpha(opacity=50);
    opacity: 0.9;
    -moz-opacity: 0.9;
    border-left: solid 1px;
    border-color: #000000;
}

.course_front_panel .more2 a {
    color: #fff;
}


/*---------------------------------------------------------------------*/

.onboard_description {
    width: 100%;
    margin: 0px auto;
}

.onboard_image {
    margin: 15px auto;
    max-width: 893px;
    max-height: 504px;
}

.onboard_image > img {
    display: block;
    max-width: 893px;
    max-height: 504px;
    margin: 0px auto;
    /*    border-radius: 20px;*/
}

.onboard_image_2 {
    margin: 15px auto;
    max-width: 520px;
    /*    max-height: 504px;*/
}

.onboard_image_2 > img {
    display: block;
    max-width: 520px;
    /*    max-height: 504px;*/
    margin: 0px auto;
    /*    border-radius: 20px;*/
}

.onboard_edit_title {
    font-size: 18px;
    margin: 20px 0px;
    border-bottom: 2px solid;
    padding-bottom: 10px;
}

.onboard_work_road {
    width: 100%;
}

.onboard_button {
    width: 100%;
    height: 30px;
    background-color: #000000;

    text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 2px;
}

.onboard_button:hover {
    background-color: #000000;
}

.list_work_road {
    width: 28%;
    float: left;
    overflow: auto;
    white-space: normal;
    max-height: 300px;
}

.list_work_road::-webkit-scrollbar {
    width: 0px; /* remove scrollbar space */
    background: transparent; /* optional: just make scrollbar invisible */
}

/* optional: show position indicator in red */
.list_work_road::-webkit-scrollbar-thumb {
    background: #FF0000;
}

#show_work_road {
    margin-left: 12px;
    width: 70%;
    height: 300px;
    border: 2px solid black;
    float: left;
    overflow: auto;
    white-space: normal;
    /*    border-radius: 20px;*/
    border-color: #606060;
}

#show_work_road > div {
    text-align: justify;
}

#show_work_road h3 {
    border-bottom: 2px solid;
    color: #000000;
    border-color: #000000;
    font-size: 18px;
    /* font-weight: bold; */
    margin: 20px auto 20px auto;
    padding: 5px;
    padding-bottom: 8px;
    text-transform: uppercase;
    width: 95%;
}

#show_work_road button {
    margin: 10px;
}

#show_work_road::-webkit-scrollbar {
    width: 0px; /* remove scrollbar space */
    background: transparent; /* optional: just make scrollbar invisible */
}

#show_work_road::-webkit-scrollbar-thumb {
    background: #FF0000;
}

.work_road_content {
    width: 90%;
    margin: 0px auto;
}

.button_work_road {
    background-color: #000000;
    text-transform: uppercase;
    width: 300px;
}

.button_work_road:hover {
    background-color: #000000;
}

.button_work_road:active {
    background-color: #000000;
    border-style: inset;
}

.red_border {
    min-height: 20px;
    width: 90%;
    border: 2px solid;
    padding: 20px 20px;
    margin-bottom: 5px;
    border-radius: 20px;
    vertical-align: middle;
    text-align: center;
    border-color: red;
    background-color: rgba(207, 119, 106, 0.4);
    margin: auto;

}

.green_border {
    background-color: #43ff3444;
    min-height: 20px;
    width: 90%;
    border: 2px solid;
    padding: 20px 20px;
    margin-bottom: 5px;
    border-radius: 20px;
    vertical-align: middle;
    text-align: center;
    border-color: green;
    background-color: rgba(118, 183, 106, 0.4);
    margin: auto;
}

.button_work_road_canddel {
    font-size: 14px;
    background-color: red;
    border-radius: 15px;
    text-align: center;
    text-decoration: none;
    padding: 5px;
    cursor: pointer;
    width: 120px;
    color: #ffffff;
    text-transform: uppercase;
    border: solid 1px;
    margin: 2px;
}

.button_work_road_candsign {
    font-size: 14px;
    background-color: green;
    border-radius: 15px;
    text-align: center;
    text-decoration: none;
    padding: 5px;
    cursor: pointer;
    width: 120px;
    color: #ffffff;
    text-transform: uppercase;
    border: solid 1px;
    margin: 2px;
}

html {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 14px;
}



.card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}

.card a:hover {
    text-decoration: none;
}

.card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}

.card-img-top {
    display: block;
    height: auto;
}



.card-footer {
    font-size: 1em;
    position: static;
    text-align: center;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: .75em 1em;
    color: rgb(255, 255, 255);
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
}

.card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, .05);
}

.profile {
    position: absolute;
    top: 5px;
    display: inline-block;
    box-sizing: border-box;
    width: 29px;
    height: 29px;
    margin: 0px;
}

.profile-avatar {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.profile-inline {
    position: relative;
    top: 0;
    display: inline-block;
}

.profile-inline ~ .card-title {
    display: inline-block;
    margin-left: 4px;
    vertical-align: top;
}


.new-kb {
    position: absolute;
    display: inline-block;
    top: 5px;
    left: 9px;
    overflow: hidden;
    box-sizing: border-box;
    width: 30%;
    margin: 0;
}

.new-kb-avatar {
    display: block;
    width: 100%;
    height: auto;
}

.new-kb-text {
    position: absolute;
    font-family: 'Dosis', sans-serif;
    color: #fff;
    left: 15%;
    top: 20%;
    margin: auto;
    font-size: medium;
    font-weight: 600;
}

.new-kb-inline {
    position: relative;
    top: 0;
    display: inline-block;
}

.new-kb-inline ~ .card-title {
    display: inline-block;
    margin-left: 4px;
    vertical-align: top;
}

.text-bold {
    font-weight: 600;
}

.snavi .nav {
    margin-bottom: -2px !important;
}

.dropdown ul.dropdown-menu {

    box-shadow: none;
    top: 52px;
    right: 0px;
    width: auto;
}

.dropdown ul.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #44c9f6;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 16px;
    z-index: 10;
}

.dropdown ul.dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #f5c944;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    right: 14px;
    z-index: 9;
}

.meta {
    font-size: 1em;
    color: rgba(0, 0, 0, .4);
}

.meta a {
    text-decoration: none;
    color: rgba(0, 0, 0, .4);
}

.meta a:hover {
    color: rgba(0, 0, 0, .87);
}

.label-info {
    background-color: #4ba819 !important;
}

.snavi .navbar {
    font-family: 'Dosis', sans-serif;
    font-weight: 100;
    font-weight: 400 !important;
    margin-bottom: 0px;
    color: #000000 !important;
    background-color: #ffffff !important;
    border-radius: 0px !important;

}

.navbar-default .navbar-nav > li > a {
    font-family: 'Dosis', sans-serif;
    font-weight: 100;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    color: #44c9f6 !important;
    background-color: #ffffff !important;
}

.navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:hover {
    font-family: 'Dosis', sans-serif;
    font-weight: 100;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    color: #f5c944 !important;
    background-color: #ffffff !important;
}

.snavi .open {
    font-family: 'Dosis', sans-serif;
    font-weight: 100;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    font-size: 1em;
    line-height: 15px;
}

.snavi .navbar-brand {
    font-size: 1em;
    line-height: 15px;
    text-transform: none !important;
    color: #000000 !important;
    background-color: #ffffff !important;
}


.snavi .dropdown-menu {
    min-width: 200px;
    max-width: 600px;
    left: 110px;
    top: 60%;
}

.navbar-brand {
    position: relative;
    z-index: 2;
}

.navbar-nav.navbar-right .btn {
    position: relative;
    z-index: 2;
    padding: 4px 20px;
    margin: 10px auto;
    transition: transform 0.3s;
}

.navbar .navbar-collapse {
    position: relative;
    overflow: hidden !important;
}

.navbar .navbar-collapse .navbar-right > li:last-child {
    padding-left: 1px;
}

.navbar .nav-collapse {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding-right: 120px;
    padding-left: 80px;
    width: 100%;
}

.navbar.navbar-default .nav-collapse {
    background-color: #f8f8f8;
}

.navbar.navbar-inverse .nav-collapse {
    background-color: #222;
}

.navbar .nav-collapse .navbar-form {
    border-width: 0;
    box-shadow: none;
}

.nav-collapse > li {
    float: right;
}

.btn.btn-circle {
    border-radius: 50px;
}

.btn.btn-outline {
    background-color: transparent;
}

.navbar-nav.navbar-right .btn:not(.collapsed) {
    background-color: #333;
    border-color: #333;
    color: rgb(255, 255, 255);
}

.navbar.navbar-default .nav-collapse,
.navbar.navbar-inverse .nav-collapse {
    height: auto !important;
    transition: transform 0.3s;
    transform: translate(0px, -50px);
}

.navbar.navbar-default .nav-collapse.in,
.navbar.navbar-inverse .nav-collapse.in {
    transform: translate(0px, 0px);
}

@media screen and (max-width: 760px) {
    .mzoom {
        margin: 10px 10px 10px 10px !important;
    }

    .mobile_hide {
        display: none !important;
    }

    .navbar .navbar-collapse .navbar-right > li:last-child {
        padding-left: 15px;
        padding-right: 15px;
    }

    .navbar .nav-collapse {
        margin: 7.5px auto;
        padding: 0;
    }

    .navbar .nav-collapse .navbar-form {
        margin: 0;
    }

    .nav-collapse > li {
        float: none;
    }

    .navbar.navbar-default .nav-collapse,
    .navbar.navbar-inverse .nav-collapse {
        transform: translate(-100%, 0px);
    }

    .navbar.navbar-default .nav-collapse.in,
    .navbar.navbar-inverse .nav-collapse.in {
        transform: translate(0px, 0px);
    }

    .navbar.navbar-default .nav-collapse.slide-down,
    .navbar.navbar-inverse .nav-collapse.slide-down {
        transform: translate(0px, -100%);
    }

    .navbar.navbar-default .nav-collapse.in.slide-down,
    .navbar.navbar-inverse .nav-collapse.in.slide-down {
        transform: translate(0px, 0px);
    }
}

.section, .scontent, .sfooter, .sheader, .snavi {
    max-width: 1280px;
    width: 95%;
    margin: auto;
}

.scontent {
    background-color: white !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

.section .container, .scontent .container, .sfooter .container, .sheader .container, .snavi .container {
    background-color: white !important;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-device-width: 640px) {
    .tiles {
        background-color: #44c9f6 !important;
        height: 320px;
        width: 320px;
        margin: 0px 5px 0px 5px;
        display: table;
        position: relative;
        cursor: zoom-in;
    }

    .tiles:active {
        background-color: #f5c944 !important;
        height: 320px;
        width: 320px;
        margin: 0px 5px 0px 5px;
        display: table;
        position: relative;
        cursor: zoom-in;
    }

    .tiles:hover {
        background-color: #505569 !important;
        height: 320px;
        width: 320px;
        margin: 0px 5px 0px 5px;
        display: table;
        position: relative;
        cursor: zoom-in;
    }

    .tiles-top {
        display: table-cell;
        float: left;
        font-family: 'Dosis', sans-serif;
        font-weight: 500;
        color: #fff;
        font-size: 28px !important;
        line-height: 35px !important;
        margin: 10px;
        width: 300px;
        height: 300px;
        text-transform: uppercase;
        overflow-wrap: break-word;
    }

    .mzoom {
        margin: 10px 10px 10px 10px !important;
    }

    .breadcrumb {
        margin: auto;
        min-height: 40px;
        float: left;
        width: 100%;
    }

    .mobile_hide {
        display: none !important;
    }

    .snavi .dropdown-menu {
        min-width: 200px;
        width: 99%;
        left: 0px;
        top: 5.3em;
    }

    .section, .scontent, .sfooter, .sheader, .snavi {
        width: 100%;
        max-width: 1280px;
        margin: 1px 1px 1px 1px;
    }

    .section .container, .scontent .container, .sfooter .container, .sheader .container, .snavi .container {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    .navbar .navbar-collapse .navbar-right > li:last-child {
        padding-left: 15px;
        padding-right: 15px;
    }

    .navbar .nav-collapse {
        margin: 7.5px auto;
        padding: 0;
    }

    .navbar .nav-collapse .navbar-form {
        margin: 0;
    }

    .nav-collapse > li {
        float: none;
    }

    .navbar.navbar-default .nav-collapse,
    .navbar.navbar-inverse .nav-collapse {
        transform: translate(-100%, 0px);
    }

    .navbar.navbar-default .nav-collapse.in,
    .navbar.navbar-inverse .nav-collapse.in {
        transform: translate(0px, 0px);
    }

    .navbar.navbar-default .nav-collapse.slide-down,
    .navbar.navbar-inverse .nav-collapse.slide-down {
        transform: translate(0px, -100%);
    }

    .navbar.navbar-default .nav-collapse.in.slide-down,
    .navbar.navbar-inverse .nav-collapse.in.slide-down {
        transform: translate(0px, 0px);
    }
}

/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {

    .tiles {
        background-color: #44c9f6 !important;
        height: 300px;
        width: 300px;
        margin: 0px 5px 0px 5px;
        display: table;
        position: relative;
        cursor: zoom-in;
    }

    .tiles:active {
        background-color: #f5c944 !important;
        height: 300px;
        width: 300px;
        margin: 0px 5px 0px 5px;
        display: table;
        position: relative;
        cursor: zoom-in;
    }

    .tiles:hover {
        background-color: #505569 !important;
        height: 300px;
        width: 300px;
        margin: 0px 5px 0px 5px;
        display: table;
        position: relative;
        cursor: zoom-in;
    }

    .tiles-top {
        display: table-cell;
        float: left;
        font-family: 'Dosis', sans-serif;
        font-weight: 500;
        color: #fff;
        font-size: 28px !important;
        line-height: 35px !important;
        margin: 10px;
        width: 280px;
        height: 280px;
        text-transform: uppercase;
        overflow-wrap: break-word;
    }

    .mzoom {
        margin: 10px 10px 10px 10px !important;
    }

    .breadcrumb {
        margin: auto;
        min-height: 40px;
        float: left;
        width: 100%;
    }


    .mobile_hide {
        display: none !important;
    }

    .snavi .dropdown-menu {
        min-width: 200px;
        width: 99%;
        left: 0px;
        top: 5.3em;
    }

    .section, .scontent, .sfooter, .sheader, .snavi {
        width: 100%;
        max-width: 1280px;
        margin: 1px 1px 1px 1px;
    }

    .section .container, .scontent .container, .sfooter .container, .sheader .container, .snavi .container {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    .navbar .navbar-collapse .navbar-right > li:last-child {
        padding-left: 15px;
        padding-right: 15px;
    }

    .navbar .nav-collapse {
        margin: 7.5px auto;
        padding: 0;
    }

    .navbar .nav-collapse .navbar-form {
        margin: 0;
    }

    .nav-collapse > li {
        float: none;
    }

    .navbar.navbar-default .nav-collapse,
    .navbar.navbar-inverse .nav-collapse {
        transform: translate(-100%, 0px);
    }

    .navbar.navbar-default .nav-collapse.in,
    .navbar.navbar-inverse .nav-collapse.in {
        transform: translate(0px, 0px);
    }

    .navbar.navbar-default .nav-collapse.slide-down,
    .navbar.navbar-inverse .nav-collapse.slide-down {
        transform: translate(0px, -100%);
    }

    .navbar.navbar-default .nav-collapse.in.slide-down,
    .navbar.navbar-inverse .nav-collapse.in.slide-down {
        transform: translate(0px, 0px);
    }
}

/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3) {
    .mzoom {
        margin: 10px 10px 10px 10px !important;
    }

    .breadcrumb {
        margin: auto;
        min-height: 40px;
        float: left;
        width: 100%;
    }


    .mobile_hide {
        display: none !important;
    }

    .snavi .dropdown-menu {
        min-width: 200px;
        width: 99%;
        left: 0px;
        top: 5.3em;
    }

    .section, .scontent, .sfooter, .sheader, .snavi {
        width: 100%;
        max-width: 1280px;
        margin: 1px 1px 1px 1px;
    }

    .section .container, .scontent .container, .sfooter .container, .sheader .container, .snavi .container {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    .navbar .navbar-collapse .navbar-right > li:last-child {
        padding-left: 15px;
        padding-right: 15px;
    }

    .navbar .nav-collapse {
        margin: 7.5px auto;
        padding: 0;
    }

    .navbar .nav-collapse .navbar-form {
        margin: 0;
    }

    .nav-collapse > li {
        float: none;
    }

    .navbar.navbar-default .nav-collapse,
    .navbar.navbar-inverse .nav-collapse {
        transform: translate(-100%, 0px);
    }

    .navbar.navbar-default .nav-collapse.in,
    .navbar.navbar-inverse .nav-collapse.in {
        transform: translate(0px, 0px);
    }

    .navbar.navbar-default .nav-collapse.slide-down,
    .navbar.navbar-inverse .nav-collapse.slide-down {
        transform: translate(0px, -100%);
    }

    .navbar.navbar-default .nav-collapse.in.slide-down,
    .navbar.navbar-inverse .nav-collapse.in.slide-down {
        transform: translate(0px, 0px);
    }
}

/* START BLOK UNIWERSALNY */
.ContentMain .ContentBlock {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 23px -3px #ccc;
    padding-bottom: 12px;
    margin-bottom: 30px;
    overflow: hidden;
    background: #fff;


}

.ContentMain .ContentBlock .backgrounImg {
    float: left;
    height: 100px;
}

.ContentMain .ContentBlock .backgrounImg img {
    width: auto;
}

.ContentMain .ContentBlock .backgrounImgFull {
    float: left;
    width: 98%;
    margin: auto;
    height: 15em;
}

.ContentMain .ContentBlock .backgrounImgFull img {
    width: 100%;
    height: 250px;
    z-index: -99;
    margin-top: -60px;
}

.ContentMain .ContentBlock .userImg {
    text-align: center;
    height: auto;
    width: auto;
    overflow: hidden;
}

.ContentMain .ContentBlock .userImgFull {
    text-align: center;
    height: 220px;
    width: 100%;
    overflow: hidden;
}

.ContentMain .ContentBlock .userImg img {
    width: 100%;
    margin-top: -49px;
    border: 1px solid #fff;
}

.ContentMain .ContentBlock .userImgFull img {
    margin: auto;
    width: auto;
    height: auto;
    overflow: hidden;
}


.ContentName {
    float: right;
    margin: 50px 20px 50px 20px;
    text-transform: uppercase;
    text-width: 700;
    font-size: 25px;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
}

.ContentPosition {
    float: right;
    margin: 10px 20px 10px 20px;
    text-transform: uppercase;
    text-width: 500;
    font-size: 22px;
    color: gray;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
}

.ContentMain .ContentBlock .ContentDescription {
    text-align: center;
    position: relative;
    margin: 2em 5px 5px 5px;
    min-height: 150px;

}

.ContentDescription {
    text-transform: uppercase;
    line-height: 1.2em;
}

.ContentDescriptionFull {
    margin: 20px 20px 20px 20px;
}

.ContentMain .ContentBlock .ContentDescription h5 {
    margin-bottom: 2px;
    font-weight: 500;
}

.ContentMain .ContentBlock .ContentDescription p {
    text-transform: uppercase;
    color: gray;
    text-align: left;
    margin: 10px;
    font-size: 13px;
}

.ContentMain .ContentBlock .ContentDescription .btn:hover {
    opacity: 0.7;
}

.ContentMain .ContentBlock .followrs {
    display: inline-flex;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

.ContentMain .ContentBlock .followrs .number {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -1px;
}

/* KONIEC BLOK UNIWERSALNY */

/* START WYKLADOWCY */
.teacherMain .teacheContent {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 23px -3px #ccc;
    padding-bottom: 12px;
    margin-bottom: 30px;
    overflow: hidden;
    background: #fff;


}

.teacherMain .teacheContent .backgrounImg {
    float: left;
    height: 100px;
}

.teacherMain .teacheContent .backgrounImg img {
    width: auto;
}

.teacherMain .teacheContent .userImg {
    text-align: center;
}

.teacherMain .teacheContent .userImg img {
    width: 200px;
    height: 200px;
    margin-top: -49px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.teacherMain .teacheContent .userImgFull img {
    width: 270px;
    height: 270px;
    margin-left: -130px;
    margin-top: -8px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.teacherName {
    float: right;
    margin: 50px 20px 0px 0px;
    text-transform: uppercase;
    text-weight: 700;
    font-size: 25px;
}

.teacherPosition {
    float: right;
    margin: 90px -170px 0px 50px;
    text-transform: uppercase;
    text-weight: 500;
    font-size: 22px;
    color: gray;
    font-family: 'Foundry Sterling Book', sans-serif !important;
}

.teacherMain .teacheContent .teacherDescription {
    text-align: center;

}

.teacherDescription {
    text-transform: uppercase;
}

.teacherDescriptionFull {
    margin: 20px 20px 20px 20px;
}

.teacherMain .teacheContent .teacherDescription h5 {
    margin-bottom: 2px;
    font-weight: 600;
}

.teacherMain .teacheContent .teacherDescription p {
    margin-bottom: 5px;
}

.teacherMain .teacheContent .teacherDescription .btn {
    padding: 0px 23px 0px 23px;
    height: 32px;
    border-radius: 0;
    font-size: 14px;
    background: #00aeef !important;
    color: #fff;
}

.teacherMain .teacheContent .teacherDescription .btn:hover {

    opacity: 0.7;
}

.teacherMain .teacheContent .followrs {
    display: inline-flex;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

.teacherMain .teacheContent .followrs .number {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -1px;
}

/* KONIEC WYKLADOWCY */

/* START WYKLADOWCY */
.teacherMain .teacherBlock {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 23px -3px #ccc;
    padding-bottom: 12px;
    margin-bottom: 30px;
    overflow: hidden;
    background: #fff;


}

.teacherMain .teacherBlock .backgrounImg {
    float: left;
    height: 100px;
}

.teacherMain .teacherBlock .backgrounImg img {
    width: auto;
}

.teacherMain .teacherBlock .userImg {
    text-align: center;
}

.teacherMain .teacherBlock .userImg img {
    width: 200px;
    height: 200px;
    margin-top: -49px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.teacherMain .teacherBlock .userImgFull img {
    width: 270px;
    height: 270px;
    margin-left: -130px;
    margin-top: -8px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.teacherName {
    float: right;
    margin: 50px 20px 0px 0px;
    text-transform: uppercase;
    text-weight: 700;
    font-size: 25px;
}

.teacherPosition {
    float: right;
    margin: 90px -170px 0px 50px;
    text-transform: uppercase;
    text-weight: 500;
    font-size: 22px;
    color: gray;
    font-family: 'Oswald';
}

.teacherMain .teacherBlock .teacherDescription {
    text-align: center;

}

.teacherDescription {
    text-transform: uppercase;
}

.teacherDescriptionFull {
    margin: 20px 20px 20px 20px;
}

.teacherMain .teacherBlock .teacherDescription h5 {
    margin-bottom: 2px;
    font-weight: 600;
}

.teacherMain .teacherBlock .teacherDescription p {
    margin-bottom: 5px;
}

.teacherMain .teacherBlock .teacherDescription .btn {
    padding: 0px 23px 0px 23px;
    height: 32px;
    border-radius: 0;
    font-size: 14px;
    background: #005CAB !important;
    color: #fff;
}

.teacherMain .teacherBlock .teacherDescription .btn:hover {

    opacity: 0.7;
}

.teacherMain .teacherBlock .followrs {
    display: inline-flex;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

.teacherMain .teacherBlock .followrs .number {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -1px;
}

/* KONIEC WYKLADOWCY */


.roomsMain .teacheContent {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 23px -3px #ccc;
    padding-bottom: 12px;
    margin-bottom: 30px;
    overflow: hidden;
    background: #fff;


}

.roomsMain .teacheContent .backgrounImg {
    float: left;
    height: 100px;
}

.roomsMain .teacheContent .backgrounImg img {
    width: auto;
}

.roomsMain .teacheContent .userImg {
    text-align: center;
}

.roomsMain .teacheContent .userImg img {
    width: 200px;
    height: 200px;
    margin-top: -49px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.roomsMain .teacheContent .userImgFull img {
    width: 270px;
    height: 270px;
    margin-left: -130px;
    margin-top: -8px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.roomsName {
    float: right;
    margin: 50px 20px 0px 0px;
    text-transform: uppercase;
    text-weight: 700;
    font-size: 25px;
}

.roomsPosition {
    float: right;
    margin: 90px -170px 0px 50px;
    text-transform: uppercase;
    text-weight: 500;
    font-size: 22px;
    color: gray;
    font-family: 'Foundry Sterling Book', sans-serif !important;
}

.roomsMain .teacheContent .roomsDescription {
    text-align: center;

}

.roomsDescription {
    text-transform: uppercase;
}

.roomsDescriptionFull {
    margin: 20px 20px 20px 20px;
}

.roomsMain .teacheContent .roomsDescription h5 {
    margin-bottom: 2px;
    font-weight: 600;
}

.roomsMain .teacheContent .roomsDescription p {
    margin-bottom: 5px;
}

.roomsMain .teacheContent .roomsDescription .btn {
    padding: 0px 23px 0px 23px;
    height: 32px;
    border-radius: 0;
    font-size: 14px;
    background: #00aeef !important;
    color: #fff;
}

.roomsMain .teacheContent .roomsDescription .btn:hover {

    opacity: 0.7;
}

.roomsMain .teacheContent .followrs {
    display: inline-flex;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

.roomsMain .teacheContent .followrs .number {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -1px;
}

/* KONIEC WYKLADOWCY */

/* START WYKLADOWCY */
.roomsMain .roomsBlock {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 23px -3px #ccc;
    padding-bottom: 12px;
    margin-bottom: 30px;
    overflow: hidden;
    background: #fff;


}

.roomsMain .roomsBlock .backgrounImg {
    float: left;
    height: 100px;
}

.roomsMain .roomsBlock .backgrounImg img {
    width: auto;
}

.roomsMain .roomsBlock .userImg {
    text-align: center;
}

.roomsMain .roomsBlock .userImg img {
    width: 200px;
    height: 200px;
    margin-top: -49px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.roomsMain .roomsBlock .userImgFull img {
    width: 270px;
    height: 270px;
    margin-left: -130px;
    margin-top: -8px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.roomsName {
    float: right;
    margin: 50px 20px 0px 0px;
    text-transform: uppercase;
    text-weight: 700;
    font-size: 25px;
}

.roomsPosition {
    float: right;
    margin: 90px -170px 0px 50px;
    text-transform: uppercase;
    text-weight: 500;
    font-size: 22px;
    color: gray;
    font-family: 'Oswald';
}

.roomsMain .roomsBlock .roomsDescription {
    text-align: center;

}

.roomsDescription {
    text-transform: uppercase;
}

.roomsDescriptionFull {
    margin: 20px 20px 20px 20px;
}

.roomsMain .roomsBlock .roomsDescription h5 {
    margin-bottom: 2px;
    font-weight: 600;
}

.roomsMain .roomsBlock .roomsDescription p {
    margin-bottom: 5px;
}

.roomsMain .roomsBlock .roomsDescription .btn {
    padding: 0px 23px 0px 23px;
    height: 32px;
    border-radius: 0;
    font-size: 14px;
    background: #005CAB !important;
    color: #fff;
}

.roomsMain .roomsBlock .roomsDescription .btn:hover {

    opacity: 0.7;
}

.roomsMain .roomsBlock .followrs {
    display: inline-flex;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

.roomsMain .roomsBlock .followrs .number {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -1px;
}


/* START WYKLADY */
.webinarMain .webinarBlock {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 23px -3px #ccc;
    padding-bottom: 12px;
    margin-bottom: 30px;
    overflow: hidden;
    background: #fff;


}

.webinarMain .webinarBlock .backgrounImg {
    float: left;
    height: 100px;
}

.webinarMain .webinarBlock .backgrounImg img {
    width: auto;
}

.webinarMain .webinarBlock .backgrounImgFull {
    float: left;
    width: 98%;
    margin: auto;
    height: 15em;
}

.webinarMain .webinarBlock .backgrounImgFull img {
    width: 100%;
    height: 250px;
    z-index: -99;
    margin-top: -60px;
}

.webinarMain .webinarBlock .userImg {
    text-align: center;
    min-height: 130px;
}

.webinarMain .webinarBlock .userImg img {
    width: 100%;
    margin-top: -49px;
    border: 1px solid #fff;

}

.webinarMain .webinarBlock .userImgFull img {
    width: 270px;
    height: 270px;
    margin-left: -130px;
    margin-top: -8px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.webinarName {
    float: right;
    margin: 50px 20px 50px 20px;
    text-transform: uppercase;
    text-width: 700;
    font-size: 25px;
    font-family: 'PT Sans';
}

.webinarPosition {
    float: right;
    margin: 10px 20px 10px 20px;
    text-transform: uppercase;
    text-width: 500;
    font-size: 22px;
    color: gray;
    font-family: 'PT Sans';
}

.webinarMain .webinarBlock .webinarDescription {
    text-align: center;
    position: relative;
    margin: 2em 5px 5px 5px;
    min-height: 150px;

}

.webinarDescription {
    text-transform: uppercase;
}

.webinarDescriptionFull {
    margin: 20px 20px 20px 20px;
}

.webinarMain .webinarBlock .webinarDescription h5 {
    margin-bottom: 2px;
    font-weight: 600;
}

.webinarMain .webinarBlock .webinarDescription p {
    margin-bottom: 5px;
}

.webinarMain .webinarBlock .webinarDescription .btn {
    padding: 0px 23px 0px 23px;
    margin-top: 50px;
    height: 32px;
    border-radius: 0;
    font-size: 14px;
    background: #005CAB !important;
    color: #fff;
}

.webinarMain .webinarBlock .webinarDescription .btn:hover {

    opacity: 0.7;
}

.webinarMain .webinarBlock .followrs {
    display: inline-flex;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

.webinarMain .webinarBlock .followrs .number {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -1px;
}

/* KONIEC WYKLADY */
/* START WYKLADY */
.webinarMain .webinaContent {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 23px -3px #ccc;
    padding-bottom: 12px;
    margin-bottom: 30px;
    overflow: hidden;
    background: #fff;


}

.webinarMain .webinaContent .backgrounImg {
    float: left;
    height: 100px;
}

.webinarMain .webinaContent .backgrounImg img {
    width: auto;
}

.webinarMain .webinaContent .backgrounImgFull {
    float: left;
    width: 98%;
    margin: auto;
    height: 15em;
}

.webinarMain .webinaContent .backgrounImgFull img {
    width: 100%;
    height: 250px;
    z-index: -99;
    margin-top: -60px;
}

.webinarMain .webinaContent .userImg {
    text-align: center;
    min-height: 130px;
}

.webinarMain .webinaContent .userImg img {
    width: 100%;
    margin-top: -49px;
    border: 1px solid #fff;

}

.webinarMain .webinaContent .userImgFull img {
    width: 270px;
    height: 270px;
    margin-left: -130px;
    margin-top: -8px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.webinarName {
    float: right;
    margin: 50px 20px 50px 20px;
    text-transform: uppercase;
    text-width: 700;
    font-size: 25px;
    font-family: 'Foundry Sterling Book', sans-serif !important;
}

.webinarPosition {
    float: right;
    margin: 10px 20px 10px 20px;
    text-transform: uppercase;
    text-width: 500;
    font-size: 22px;
    color: gray;
    font-family: 'Foundry Sterling Book', sans-serif !important;
}

.webinarMain .webinaContent .webinarDescription {
    text-align: center;
    position: relative;
    margin: 2em 5px 5px 5px;
    min-height: 150px;

}

.webinarDescription {
    text-transform: uppercase;
}

.webinarDescriptionFull {
    margin: 20px 20px 20px 20px;
}

.webinarMain .webinaContent .webinarDescription h5 {
    margin-bottom: 2px;
    font-weight: 600;
}

.webinarMain .webinaContent .webinarDescription p {
    margin-bottom: 5px;
}

.webinarMain .webinaContent .webinarDescription .btn {
    padding: 0px 23px 0px 23px;
    margin-top: 50px;
    height: 32px;
    border-radius: 0;
    font-size: 14px;
    background: #00aeef !important;
    color: #fff;
}

.webinarMain .webinaContent .webinarDescription .btn:hover {

    opacity: 0.7;
}

.webinarMain .webinaContent .followrs {
    display: inline-flex;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

.webinarMain .webinaContent .followrs .number {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -1px;
}

/* KONIEC WYKLADY */

/* START WYKLADOWCY */
.teacherMain .teacherBlock {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 23px -3px #ccc;
    padding-bottom: 12px;
    margin-bottom: 30px;
    overflow: hidden;
    background: #fff;


}

.teacherMain .teacherBlock .backgrounImg {
    float: left;
    height: 100px;
}

.teacherMain .teacherBlock .backgrounImg img {
    width: auto;
}

.teacherMain .teacherBlock .userImg {
    text-align: center;
}

.teacherMain .teacherBlock .userImg img {
    width: 200px;
    height: 200px;
    margin-top: -49px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.teacherMain .teacherBlock .userImgFull img {
    width: 270px;
    height: 270px;
    margin-left: -130px;
    margin-top: -8px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.teacherName {
    float: right;
    margin: 50px 20px 0px 0px;
    text-transform: uppercase;
    text-weight: 700;
    font-size: 25px;
}

.teacherPosition {
    float: right;
    margin: 90px -170px 0px 50px;
    text-transform: uppercase;
    text-weight: 500;
    font-size: 22px;
    color: gray;
    font-family: 'Oswald';
}

.teacherMain .teacherBlock .teacherDescription {
    text-align: center;

}

.teacherDescription {
    text-transform: uppercase;
}

.teacherDescriptionFull {
    margin: 20px 20px 20px 20px;
}

.teacherMain .teacherBlock .teacherDescription h5 {
    margin-bottom: 2px;
    font-weight: 600;
}

.teacherMain .teacherBlock .teacherDescription p {
    margin-bottom: 5px;
}

.teacherMain .teacherBlock .teacherDescription .btn {
    padding: 0px 23px 0px 23px;
    height: 32px;
    border-radius: 0;
    font-size: 14px;
    background: #005CAB !important;
    color: #fff;
}

.teacherMain .teacherBlock .teacherDescription .btn:hover {

    opacity: 0.7;
}

.teacherMain .teacherBlock .followrs {
    display: inline-flex;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

.teacherMain .teacherBlock .followrs .number {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -1px;
}

/* KONIEC WYKLADOWCY */

/* START WYKLADY */
.webinarMain .webinarBlock {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 23px -3px #ccc;
    padding-bottom: 12px;
    margin-bottom: 30px;
    overflow: hidden;
    background: #fff;


}

.webinarMain .webinarBlock .backgrounImg {
    float: left;
    height: 100px;
}

.webinarMain .webinarBlock .backgrounImg img {
    width: auto;
}

.webinarMain .webinarBlock .backgrounImgFull {
    float: left;
    width: 98%;
    margin: auto;
    height: 15em;
}

.webinarMain .webinarBlock .backgrounImgFull img {
    width: 100%;
    height: 250px;
    z-index: -99;
    margin-top: -60px;
}

.webinarMain .webinarBlock .userImg {
    text-align: center;
    min-height: 130px;
}

.webinarMain .webinarBlock .userImg img {
    width: 100%;
    margin-top: -49px;
    border: 1px solid #fff;

}

.webinarMain .webinarBlock .userImgFull img {
    width: 270px;
    height: 270px;
    margin-left: -130px;
    margin-top: -8px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.webinarName {
    float: right;
    margin: 50px 20px 50px 20px;
    text-transform: uppercase;
    text-width: 700;
    font-size: 25px;
    font-family: 'PT Sans';
}

.webinarPosition {
    float: right;
    margin: 10px 20px 10px 20px;
    text-transform: uppercase;
    text-width: 500;
    font-size: 22px;
    color: gray;
    font-family: 'PT Sans';
}

.webinarMain .webinarBlock .webinarDescription {
    text-align: center;
    position: relative;
    margin: 2em 5px 5px 5px;
    min-height: 150px;

}

.webinarDescription {
    text-transform: uppercase;
}

.webinarDescriptionFull {
    margin: 20px 20px 20px 20px;
}

.webinarMain .webinarBlock .webinarDescription h5 {
    margin-bottom: 2px;
    font-weight: 600;
}

.webinarMain .webinarBlock .webinarDescription p {
    margin-bottom: 5px;
}

.webinarMain .webinarBlock .webinarDescription .btn {
    padding: 0px 23px 0px 23px;
    margin-top: 50px;
    height: 32px;
    border-radius: 0;
    font-size: 14px;
    background: #005CAB !important;
    color: #fff;
}

.webinarMain .webinarBlock .webinarDescription .btn:hover {

    opacity: 0.7;
}

.webinarMain .webinarBlock .followrs {
    display: inline-flex;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

.webinarMain .webinarBlock .followrs .number {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -1px;
}

/* KONIEC WYKLADY */

/* START NEWS */
.newsMain .newsBlock {
    float: left;
    width: 98%;
    box-shadow: 0px 0px 23px -3px #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background: #fff;
}

.newsMain .newsBlock .backgrounImg {
    float: right;
}

.newsMain .newsBlock .backgrounImg img {
    width: auto;
    margin: -15px;
}

.newsMain .newsBlock .backgrounImgFull {
    float: left;
    width: 98%;
    margin: auto;
    height: 15em;
}

.newsMain .newsBlock .backgrounImgFull img {
    width: 100%;
    height: 250px;
    z-index: -99;
    margin-top: -60px;
}

.newsMain .newsBlock .userImg {
    text-align: center;
    max-height: 290px;
    overflow: hidden;
}

.newsMain .newsBlock .userImgFull {
    text-align: center;
    max-height: 290px;
    overflow: hidden;
}

.newsMain .newsBlock .userImg img {
    margin-top: 10px !important;
    width: 90%;
    text-align: center !important;
    margin: auto;
    border: 1px solid #fff;

}

.newsMain .newsBlock .userImgFull img {
    width: 270px;
    height: 270px;
    margin-left: -130px;
    margin-top: -8px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.newsName {
    color: #000 !important;
    text-align: center !important;
    font-size: 30px !important;
    z-index: 99 !important;
    position: relative;
    margin: 0;
}

.newsName span {
    background-color: #fff !important;
    padding: 0 0.3em !important;
}

.newsName:before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: -1 !important;
    top: 50% !important;
    width: 100% !important;
    border-bottom: 2px solid #000 !important;
}

.newsBottom {
    color: #000;
    text-align: left;
    padding-top: 7em;
    z-index: 99 !important;
    font-size: 14px;
    position: relative;
    margin: 20px 20px -10px 20px;
}

.newsBottom span {
    background-color: #fff;
    padding: 0 0.3em;
}

.newsBottom:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1 !important;
    top: 50%;
    width: 100%;
}

.newsPosition {
    float: right;
    margin: 10px 20px 10px 20px;
    text-transform: uppercase;
    text-width: 500;
    font-size: 22px;
    color: gray;
    font-family: 'Foundry Sterling Book', sans-serif !important;
}

.newsMain .newsBlock .newsDescription {
    text-align: center;
    position: relative;
    margin: 2em 5px 5px 5px;
}

.newsDescription {
    text-transform: uppercase;
}

.newsDescriptionFull {
    margin: 20px 20px 20px 20px;
}

.newsMain .newsBlock .newsDescription h5 {
    margin-bottom: 2px;
    font-weight: 600;
}

.newsMain .newsBlock .newsDescription p {
    margin-bottom: 5px;
}

.newsMain .newsBlock .newsDescription .btn {
    padding: 0px 23px 0px 23px;
    margin-top: 20px;
    height: 32px;
    border-radius: 0;
    font-size: 14px;
    background: #00aeef !important;
    color: #fff;
}

.newsMain .newsBlock .newsDescription .btn:hover {

    opacity: 0.7;
}

.newsMain .newsBlock .followrs {
    display: inline-flex;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

.newsMain .newsBlock .followrs .number {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -1px;
}

/* KONIEC NEWS */


/* START WYKLADOWCY */
.teacherMain .teacheContent {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 23px -3px #ccc;
    padding-bottom: 12px;
    margin-bottom: 30px;
    overflow: hidden;
    background: #fff;


}

.teacherMain .teacheContent .backgrounImg {
    float: left;
    height: 100px;
}

.teacherMain .teacheContent .backgrounImg img {
    width: auto;
}

.teacherMain .teacheContent .userImg {
    text-align: center;
}

.teacherMain .teacheContent .userImg img {
    width: 200px;
    height: 200px;
    margin-top: -49px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.teacherMain .teacheContent .userImgFull img {
    width: 270px;
    height: 270px;
    margin-left: -130px;
    margin-top: -8px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.teacherName {
    float: right;
    margin: 50px 20px 0px 0px;
    text-transform: uppercase;
    text-weight: 700;
    font-size: 25px;
}

.teacherPosition {
    float: right;
    margin: 90px -170px 0px 50px;
    text-transform: uppercase;
    text-weight: 500;
    font-size: 22px;
    color: gray;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
}

.teacherMain .teacheContent .teacherDescription {
    text-align: center;

}

.teacherDescription {
    text-transform: uppercase;
}

.teacherDescriptionFull {
    margin: 20px 20px 20px 20px;
}

.teacherMain .teacheContent .teacherDescription h5 {
    margin-bottom: 2px;
    font-weight: 600;
}

.teacherMain .teacheContent .teacherDescription p {
    margin-bottom: 5px;
}


.teacherMain .teacheContent .teacherDescription .btn {
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
    color: #fff !important;
    background-color: #44c9f6 !important;
    border-color: #44c9f6 !important;

}

.teacherMain .teacheContent .teacherDescription .btn:active, .teacherMain .teacheContent .teacherDescription .btn:hover, .teacherMain .teacheContent .teacherDescription .btn:focus {
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
    color: #fff !important;
    background-color: #f5c944 !important;
    border-color: #f5c944 !important;

}

.teacherMain .teacheContent .teacherDescription .btn:hover {

    opacity: 0.7;
}

.teacherMain .teacheContent .followrs {
    display: inline-flex;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

.teacherMain .teacheContent .followrs .number {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -1px;
}

/* KONIEC WYKLADOWCY */

/* START WYKLADY */
.webinarMain .webinaContent {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 23px -3px #ccc;
    padding-bottom: 12px;
    margin-bottom: 30px;
    overflow: hidden;
    background: #fff;


}

.webinarMain .webinaContent .backgrounImg {
    float: left;
    height: 100px;
}

.webinarMain .webinaContent .backgrounImg img {
    width: auto;
}

.webinarMain .webinaContent .backgrounImgFull {
    float: left;
    width: 98%;
    margin: auto;
    height: 15em;
}

.webinarMain .webinaContent .backgrounImgFull img {
    width: 100%;
    height: 250px;
    z-index: -99;
    margin-top: -60px;
}

.webinarMain .webinaContent .userImg {
    text-align: center;
    min-height: 130px;
}

.webinarMain .webinaContent .userImg img {
    width: 100%;
    margin-top: -49px;
    border: 1px solid #fff;

}

.webinarMain .webinaContent .userImgFull img {
    width: 270px;
    height: 270px;
    margin-left: -130px;
    margin-top: -8px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.webinarName {
    float: right;
    margin: 50px 20px 50px 20px;
    text-transform: uppercase;
    text-width: 700;
    font-size: 25px;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
}

.webinarPosition {
    float: right;
    margin: 10px 20px 10px 20px;
    text-transform: uppercase;
    text-width: 500;
    font-size: 22px;
    color: gray;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
}

.webinarMain .webinaContent .webinarDescription {
    text-align: center;
    position: relative;
    margin: 2em 5px 5px 5px;
    min-height: 150px;

}

.webinarDescription {
    text-transform: uppercase;
}

.webinarDescriptionFull {
    margin: 20px 20px 20px 20px;
}

.webinarMain .webinaContent .webinarDescription h5 {
    margin-bottom: 2px;
    font-weight: 600;
}

.webinarMain .webinaContent .webinarDescription p {
    margin-bottom: 5px;
}

.webinarMain .webinaContent .webinarDescription .btn {
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
    color: #fff !important;
    background-color: #44c9f6 !important;
    border-color: #44c9f6 !important;

}

.webinarMain .webinaContent .webinarDescription .btn:active, .webinarMain .webinaContent .webinarDescription .btn:hover, .webinarMain .webinaContent .webinarDescription .btn:focus {
    font-family: 'Dosis', sans-serif;
    font-weight: 400 !important;
    color: #fff !important;
    background-color: #f5c944 !important;
    border-color: #f5c944 !important;

}

.webinarMain .webinaContent .webinarDescription .btn:hover {

    opacity: 0.7;
}

.webinarMain .webinaContent .followrs {
    display: inline-flex;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

.webinarMain .webinaContent .followrs .number {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -1px;
}

/* KONIEC WYKLADY */

/* START NEWS */
.newsMain .newsBlock {
    float: left;
    min-height: 350px !important;
    width: 98%;
    box-shadow: 0px 0px 23px -3px #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background: #fff;
}

.newsMain .newsBlock .userImg {
    text-align: center;
    height: 300px;
    overflow: hidden;
    position: relative;
}


.newsMain .newsBlock .userImg img {
    width: auto;
    height: auto;
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.newsMain .newsBlock .backgrounImg {
    float: right;
}

.newsMain .newsBlock .backgrounImg img {
    width: auto;
    margin: -15px;
}

.newsMain .newsBlock .backgrounImgFull {
    float: left;
    width: 98%;
    margin: auto;
    height: 15em;
}

.newsMain .newsBlock .backgrounImgFull img {
    width: 100%;
    height: 250px;
    z-index: -99;
    margin-top: -60px;
}

.newsMain .newsBlock .userImgFull {
    text-align: center;
    max-height: 290px;
    overflow: hidden;
}


.newsMain .newsBlock .userImgFull img {
    width: 270px;
    height: 270px;
    margin-left: -130px;
    margin-top: -8px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.newsName {
    color: #000 !important;

    text-align: center !important;
    font-family: 'Dosis', sans-serif;
    font-weight: 400;
    fonnt-style: italic;
    font-size: 30px !important;
    z-index: 99 !important;
    position: relative;
    margin: 0;
}

.newsName span {
    background-color: #fff !important;
    padding: 0 0.3em !important;
}

.newsName:before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: -1 !important;
    top: 50% !important;
    width: 100% !important;
    border-bottom: 2px solid #000 !important;
}

.newsBottom {
    color: #000;
    text-align: left;
    padding-top: 7em;
    z-index: 99 !important;
    font-size: 14px;
    position: relative;
    margin: 20px 20px -10px 20px;
}

.newsBottom span {
    background-color: #fff;
    padding: 0 0.3em;
}

.newsBottom:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1 !important;
    top: 50%;
    width: 100%;
}

.newsPosition {
    float: right;
    margin: 10px 20px 10px 20px;
    text-transform: uppercase;
    text-width: 500;
    font-size: 22px;
    color: gray;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
}

.newsMain .newsBlock .newsDescription {
    text-align: center;
    position: relative;
    margin: 2em 5px 5px 5px;
}

.newsDescription {
    text-transform: uppercase;
}

.newsDescriptionFull {
    margin: 30px 30px 30px 30px;
}

.newsMain .newsBlock .newsDescription h5 {
    margin-bottom: 2px;
    font-weight: 600;
}

.newsMain .newsBlock .newsDescription p {
    margin-bottom: 5px;
}

.newsMain .newsBlock .followrs {
    display: inline-flex;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

.newsMain .newsBlock .followrs .number {
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -1px;
}

/* KONIEC NEWS */

/* OBSLUGA TESTÓW */
.test-top-count-question {
    text-transform: uppercase;
    line-height: 40px;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
}

.test-top-time-question {
    text-transform: uppercase;
    line-height: 40px;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
}

.test-top-end-question {
    text-transform: uppercase;
    line-height: 40px;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
}

.question-line-format {
    line-height: 40px;
    vertical-align: middle;
    color: #000000;
    font-size: 17px !important;
}

.answer-line-format {
    line-height: 40px;
    padding-left: 10px;
    vertical-align: middle;
    color: #000000;
    font-size: 17px !important;
}

.answer-table {
    padding-right: 5px;
    vertical-align: middle;
    color: #000000;
    font-size: 17px !important;
}

.answer-line-format input[type=checkbox], input[type=radio] {
    margin: auto;
}

.test-body {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 16px;
    margin: 0px;
    line-height: 24px;
}

.test-page-body {
    background-color: #ffffff !important;
    /*background-image: url("/img/wakacyjny-bg.png") !important;*/
    background-position: right bottom !important;
    background-size: 1000px auto;
    background-repeat: no-repeat !important;
}

.test-middle_feedback {
    height: 80%;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    margin: 20%;
    font-weight: bolder;
    font-size: 1.05em;
    color: #000000;
    background: #ffffff;
}


.test-footer {
    height: 45px;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    color: #ffffff;
    background: #000000 !important;
}

.test-title {
    line-height: 40px;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #FFFFFF !important;
    background: #44c9f6 !important;
    padding-left: 10px;
    border-bottom: 2px solid #000000 !important;
}

.question-title {
    line-height: 40px;
    font-size: 17px !important;
    color: #000000;
    padding-left: 10px;
    margin-bottom: 20px;
}

.gl-color {
    color: #44c9f6 !important;
}

.gl-ok {
    color: #008800;
    font-size: 20px;
    margin-right: 10px;
    line-height: 24px;
}

.gl-uncheck {
    color: #000000;
    font-size: 20px;
    margin-right: 10px;
    line-height: 24px;
}

.gl-bad {
    color: #f44245;
    font-size: 20px;
    margin-right: 10px;
    line-height: 24px;
}


IMG.load {
    background: #FAFAFE url(/img/sys/loadimg.png) no-repeat center center;
}


.param1 {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #990000;
    font-weight: bold;
    letter-spacing: 1px;
}

.param2 {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    color: #990000;
    font-weight: bold;
}

.smfont {
    font-size: 11px;
}

.card-text-default-info {
    margin-top: 10px !important;
    font-size: 11px;
    min-height: 70px !important;
    line-height: 11px;
    color: #000;
    overflow: hidden;
}

.card-text-course-info {
    font-size: 11px;
    height: 100px !important;
    line-height: 11px;
    color: #000;
    overflow: scroll;
}

.admin-icon-size {
    font-size: 17px;
    margin: 10px 5px 0px 10px;
}


td.bprev {
    text-align: right;
    width: 46px;
    line-height: 18px;
}

td.bprev a {
    text-decoration: none;
    font-size: 10px;
}

td.bnext {
    text-align: left;
    width: 46px;
    line-height: 18px;
}

td.bnext a {
    text-decoration: none;
    font-size: 10px;
}

td.bskip {
    text-align: center;
    line-height: 18px;
}

td.bskip a {
    text-decoration: none;
    font-size: 10px;
}

.frame1 {
    border: 1px solid #6699CC;
    padding: 8px;
    font-family: 'Dosis', sans-serif;
    font-size: 13px;
    width: 264px;
}

.frame2 {
    padding-left: 15px;
    font-family: 'Dosis', sans-serif;
    font-size: 13px;
    width: 630px;
}

hr.stop {
    width: 264px;
    color: #ffffff;
}

INPUT.butt1 {
    background: url(/img/sys/bgbutt1.gif) no-repeat;
    width: 50px;
    height: 27px;
    font-size: 11px;
    padding-bottom: 3px;
    padding-right: 3px;
    color: #FFFFFF;
    border: 0;
    cursor: hand;
    margin-top: 3px;
    margin-bottom: 3px;
}

INPUT.butt2 {
    background: url(/img/sys/bgbutt2.png) no-repeat;
    width: 127px;
    height: 37px;
    font-size: 12px;
    padding-bottom: 3px;
    padding-right: 3px;
    color: #464646;
    border: 0;
    cursor: hand;
    margin-top: 3px;
    margin-bottom: 3px;
}

INPUT.butt2:hover {
    background: url(/img/sys/bgbutt2_ov.png) no-repeat;
    width: 127px;
    height: 37px;
    font-size: 12px;
    padding-bottom: 3px;
    padding-right: 3px;
    color: #FFFFFF;
    border: 0;
    cursor: hand;
    margin-top: 3px;
    margin-bottom: 3px;
}

INPUT.butt3 {
    background: url(/img/sys/bgbutt3.gif) no-repeat;
    width: 110px;
    height: 27px;
    font-size: 11px;
    padding-bottom: 3px;
    padding-right: 3px;
    color: #FFFFFF;
    border: 0;
    cursor: hand;
    margin-top: 3px;
    margin-bottom: 3px;
}

INPUT.butt1gr {
    background: url(/img/sys/bgbutt1gr.gif) no-repeat;
    width: 50px;
    height: 27px;
    font-size: 11px;
    padding-bottom: 3px;
    padding-right: 3px;
    color: #FFFFFF;
    border: 0;
    cursor: hand;
    margin-top: 3px;
    margin-bottom: 3px;
}

INPUT.butt2gr {
    background: url(/img/sys/bgbutt2gr.gif) no-repeat;
    width: 74px;
    height: 27px;
    font-size: 11px;
    padding-bottom: 3px;
    padding-right: 3px;
    color: #FFFFFF;
    border: 0;
    cursor: hand;
    margin-top: 3px;
    margin-bottom: 3px;
}

INPUT.butt3gr {
    background: url(/img/sys/bgbutt3gr.gif) no-repeat;
    width: 110px;
    height: 27px;
    font-size: 11px;
    padding-bottom: 3px;
    padding-right: 3px;
    color: #FFFFFF;
    border: 0;
    cursor: hand;
    margin-top: 3px;
    margin-bottom: 3px;
}

INPUT.butt2bw {
    background: url(/img/sys/bgbutt2bw.png) no-repeat;
    width: 127px;
    height: 37px;
    font-size: 12px;
    padding-bottom: 3px;
    padding-right: 3px;
    color: #707070;
    border: 0;
    cursor: auto;
    margin-top: 3px;
    margin-bottom: 3px;
}

INPUT.NovButton, INPUT.butt {
    background: url(/img/sys/bgbutt.gif) top repeat-x;
    height: 27px;
    color: #FFFFFF;
    border-left: 0;
    border-top: 0;
    border-right: 2px solid #F2DBDB;
    border-bottom: 2px solid #F2DBDB;
    cursor: hand;
    margin-top: 3px;
}

INPUT.buttD {
    background-color: #888888;
    color: #FFFFFF;
    font-weight: bold;
    border: 1 outset #A0A0A0;
    cursor: hand;
    margin-top: 3px;
    margin-bottom: 3px;
}

INPUT.buttsub100 {
    color: #636363;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    padding-top: 3px;
    font-weight: bold;
}

INPUT.buttsub180 {
    color: #636363;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    padding-top: 3px;
    font-weight: bold;
}

TD.NovHeaderMain {
    width: 460px;
    height: 50px;
    background-image: url(/img/sys/header_main.gif);
}

.NovHeadl, .caption {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

.NovHeadlBlack {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.NovTitle, .header {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    background: url(/img/sys/seperator.gif) bottom repeat-x;
    padding-bottom: 6px;
    margin-bottom: 4px;
}


.subheader {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    padding-bottom: 6px;
}

INPUT.NovEdit1, TEXTAREA.NovEdit1 {
    border-left: 1 solid #314247;
    border-top: 1 solid #314247;
    border-bottom: 1 solid #AAEEFF;
    border-right: 1 solid #AAEEFF;
}

INPUT.EleEdit, TEXTAREA.EleEdit {
    border: 1 solid #50585F;
    background-color: #E0E8F0;
}

INPUT.smbutt {
    background-color: #F0AF63;
    color: #663300;
    font-size: 11px;
    height: 15px;
    line-height: 11px;
    border: 1 outset #FFD2B7;
    cursor: hand;
}

A.smbutt {
    background-color: #FFC0C0;
    color: #660000;
    font-size: 11px;
    line-height: 13px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1 outset #FFD2B7;
    text-decoration: none;
}

A.smbutt3 {
    background-color: #FFC0C0;
    color: #660000;
    font-size: 11px;
    line-height: 13px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1 outset #FFD2B7;
    text-decoration: none;
}

A.smbutt2 {
    background-color: #FFC0C0;
    color: #660000;
    font-size: 11px;
    line-height: 13px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1 outset #FFD2B7;
    text-decoration: none;
}

A.smbutt1 {
    background-color: #FEFFD3;
    color: #585838;
    font-size: 11px;
    line-height: 13px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1 outset #FEFFD3;
    text-decoration: none;
}

A.smbutt0 {
    background-color: #EDEDED;
    color: #333333;
    font-size: 11px;
    line-height: 13px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1 outset #EDEDED;
    text-decoration: none;
}

TD.topframe1 {
    height: 35px;
    border-left: 1px solid #B6B6B6;
    background: #000000 !important;
    color: #ffffff;
    padding: 2px;
    padding-left: 10px;
}

TD.topframe2 {
    height: 35px;
    border-right: 1px solid #C7C7C8;
    background: #000000 !important;
    padding: 2px;
    padding-right: 25px;
}

TD.topframe3 {
    height: 35px;
    background: #000000 !important;
    color: #ffffff;
}

TD.bottomframe {
    height: 49px;
    border-left: 1px soild #A2A1A3;
    border-right: 1px solid #B2B2B1;
    background: #000000 !important;
    color: #ffffff;
}

TD.timerframe {
    width: 70px;
    height: 22px;
    text-align: center;
    background: url(/img/sys/new-topframe-2.gif) repeat-x;
    font-size: 13px;
    padding-bottom: 1px;
    line-height: 20px;
    color: #000000;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-weight: bold;
}

TD.persframe {
    height: 22px;
    background: url(/img/sys/new-topframe-2.gif) repeat-x;
    font-size: 13px;
    padding-bottom: 1px;
    line-height: 20px;
    color: #000000;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-weight: bold;
}

A.buttonPoprzednie {
    background: url(/img/sys/button-poprzednie-0.png) no-repeat;
    width: 99px;
    height: 32px;
    display: block;
}

A.buttonPoprzednie:hover {
    background: url(/img/sys/button-poprzednie-1.png) no-repeat;
    width: 99px;
    height: 32px;
    display: block;
}

A.buttonPoprzednie:active {
    background: url(/img/sys/button-poprzednie-2.png) no-repeat;
    width: 99px;
    height: 32px;
    display: block;
}

TD.spanPoprzednie {
    background: url(/img/sys/button-poprzednie-3.png) no-repeat;
    width: 99px;
    height: 32px;
}

A.buttonNastepne {
    background: url(/img/sys/button-nastepne-0.png) no-repeat;
    width: 87px;
    height: 32px;
    display: block;
}

A.buttonNastepne:hover {
    background: url(/img/sys/button-nastepne-1.png) no-repeat;
    width: 87px;
    height: 32px;
    display: block;
}

A.buttonNastepne:active {
    background: url(/img/sys/button-nastepne-2.png) no-repeat;
    width: 87px;
    height: 32px;
    display: block;
}

TD.spanNastepne {
    background: url(/img/sys/button-nastepne-3.png) no-repeat;
    width: 87px;
    height: 32px;
    margin-right: 50px;
}

A.buttonZakoncz {
    background: url(/img/sys/button-zakoncz-0.png) no-repeat;
    width: 94px;
    height: 32px;
    display: block;
}

A.buttonZakoncz:hover {
    background: url(/img/sys/button-zakoncz-1.png) no-repeat;
    width: 94px;
    height: 32px;
    display: block;
}

A.buttonZakoncz:active {
    background: url(/img/sys/button-zakoncz-2.png) no-repeat;
    width: 94px;
    height: 32px;
    display: block;
}

TD.spanZakoncz {
    background: url(/img/sys/button-zakoncz-3.png) no-repeat;
    width: 94px;
    height: 32px;
}

A.buttonGlowna {
    background: url(/img/sys/button-glowna-0.png) no-repeat;
    width: 116px;
    height: 27px;
    display: block;
}

A.buttonGlowna:hover {
    background: url(/img/sys/button-glowna-1.png) no-repeat;
    width: 116px;
    height: 27px;
    display: block;
}

A.buttonGlowna:active {
    background: url(/img/sys/button-glowna-2.png) no-repeat;
    width: 116px;
    height: 27px;
    display: block;
}

A.buttonBegin {
    background: url(/img/sys/button-poczatek-0.png) no-repeat;
    width: 48px;
    height: 33px;
    display: block;
}

A.buttonBegin:hover {
    background: url(/img/sys/button-poczatek-1.png) no-repeat;
    width: 48px;
    height: 33px;
    display: block;
}

A.buttonBegin:active {
    background: url(/img/sys/button-poczatek-2.png) no-repeat;
    width: 48px;
    height: 33px;
    display: block;
}

TD.buttonBegin {
    background: url(/img/sys/button-poczatek-3.png) no-repeat;
    width: 48px;
    height: 33px;
}

#buttonBegin {
    display: none;
}

A.buttonPrev {
    background: url(/img/sys/button-wstecz-0.png) no-repeat top;
    width: 46px;
    height: 33px;
    display: block;
}

A.buttonPrev:hover {
    background: url(/img/sys/button-wstecz-1.png) no-repeat top;
    width: 46px;
    height: 33px;
    display: block;
}

A.buttonPrev:active {
    background: url(/img/sys/button-wstecz-2.png) no-repeat top;
    width: 46px;
    height: 33px;
    display: block;
}

TD.buttonPrev {
    background: url(/img/sys/button-wstecz-3.png) no-repeat;
    width: 46px;
    height: 33px;
}

#buttonPrev {
    display: none;
}

A.buttonNext {
    background: url(/img/sys/button-dalej-0.png) no-repeat;
    width: 46px;
    height: 33px;
    display: block;
}

A.buttonNext:hover {
    background: url(/img/sys/button-dalej-1.png) no-repeat;
    width: 46px;
    height: 33px;
    display: block;
}

A.buttonNext:active {
    background: url(/img/sys/button-dalej-2.png) no-repeat;
    width: 46px;
    height: 33px;
    display: block;
}

TD.buttonNext {
    background: url(/img/sys/button-dalej-3.png) no-repeat;
    width: 46px;
    height: 33px;
}

#buttonNext {
    display: none;
}

A.buttonSkip {
    background: url(/img/sys/button-pomin-0.png) no-repeat;
    width: 48px;
    height: 33px;
    display: block;
}

A.buttonSkip:hover {
    background: url(/img/sys/button-pomin-1.png) no-repeat;
    width: 48px;
    height: 33px;
    display: block;
}

A.buttonSkip:active {
    background: url(/img/sys/button-pomin-2.png) no-repeat;
    width: 48px;
    height: 33px;
    display: block;
}

TD.buttonSkip {
    background: url(/img/sys/button-pomin-3.png) no-repeat;
    width: 48px;
    height: 33px;
    margin-right: 50px;
}

#buttonSkip {
    display: none;
}

A.buttonTest {
    background: url(/img/sys/button-test-0.png) no-repeat;
    width: 48px;
    height: 33px;
    display: block;
}

A.buttonTest:hover {
    background: url(/img/sys/button-test-1.png) no-repeat;
    width: 48px;
    height: 33px;
    display: block;
}

A.buttonTest:active {
    background: url(/img/sys/button-test-2.png) no-repeat;
    width: 48px;
    height: 33px;
    display: block;
}

TD.buttonTest {
    background: url(/img/sys/button-test-3.png) no-repeat;
    width: 48px;
    height: 33px;
}

#buttonTest {
    display: none;
}

A.buttonPrint {
    background: url(/img/sys/button-print-0.png) no-repeat;
    width: 46px;
    height: 33px;
    display: block;
}

A.buttonPrint:hover {
    background: url(/img/sys/button-print-1.png) no-repeat;
    width: 46px;
    height: 33px;
    display: block;
}

A.buttonPrint:active {
    background: url(/img/sys/button-print-2.png) no-repeat;
    width: 46px;
    height: 33px;
    display: block;
}

TD.buttonPrint {
    background: url(/img/sys/button-print-3.png) no-repeat;
    width: 46px;
    height: 33px;
}

#buttonPrint {
    display: none;
}

A.buttonGloss {
    background: url(/img/sys/button-glossary-0.png) no-repeat;
    width: 46px;
    height: 33px;
    display: block;
}

A.buttonGloss:hover {
    background: url(/img/sys/button-glossary-1.png) no-repeat;
    width: 46px;
    height: 33px;
    display: block;
}

A.buttonGloss:active {
    background: url(/img/sys/button-glossary-2.png) no-repeat;
    width: 46px;
    height: 33px;
    display: block;
}

TD.buttonGloss {
    background: url(/img/sys/button-glossary-3.png) no-repeat;
    width: 46px;
    height: 33px;
}

#buttonGloss {
    display: none;
}

A.buttonSpeak {
    background: url(/img/sys/button-lektor-0.png) no-repeat;
    width: 48px;
    height: 33px;
    display: block;
}

A.buttonSpeak:hover {
    background: url(/img/sys/button-lektor-1.png) no-repeat;
    width: 48px;
    height: 33px;
    display: block;
}

A.buttonSpeak:active {
    background: url(/img/sys/button-lektor-2.png) no-repeat;
    width: 48px;
    height: 33px;
    display: block;
}

TD.buttonSpeak {
    background: url(/img/sys/button-lektor-3.png) no-repeat;
    width: 48px;
    height: 33px;
}

#buttonSpeak {
    display: inline;
}

A.buttsub50 {
    color: #636363;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    padding-top: 3px;
    font-weight: bold;
    background: url(/img/sys/bgbutt4-50-0.gif) no-repeat;
    width: 50px;
    height: 23px;
    display: block;
    margin-right: 2px;
}

A.buttsub50:hover {
    background: url(/img/sys/bgbutt4-50-1.gif) no-repeat;
}

A.buttsub70 {
    color: #636363;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    padding-top: 3px;
    font-weight: bold;
    background: url(/img/sys/bgbutt4-70-0.gif) no-repeat;
    width: 70px;
    height: 23px;
    display: block;
    margin-right: 2px;
}

A.buttsub70:hover {
    background: url(/img/sys/bgbutt4-70-1.gif) no-repeat;
}

A.buttsub100 {
    color: #636363;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    padding-top: 3px;
    font-weight: bold;
    background: url(/img/sys/bgbutt4-100-0.gif) no-repeat;
    width: 100px;
    height: 23px;
    display: block;
    margin-right: 2px;
}

A.buttsub100:hover {
    background: url(/img/sys/bgbutt4-100-1.gif) no-repeat;
}

A.buttsub180 {
    color: #636363;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    padding-top: 3px;
    font-weight: bold;
    background: url(/img/sys/bgbutt4-140-0.gif) no-repeat;
    width: 140px;
    height: 23px;
    display: block;
    margin-right: 2px;
}

A.buttsub180:hover {
    background: url(/img/sys/bgbutt4-140-1.gif) no-repeat;
}


#buttonPlane1 {
    position: absolute;
    left: 3px;
    top: 36px;
    z-index: 16;
    width: 107px;
    height: 28px;
    background: url(/img/sys/button-plan-3.png) no-repeat;
}

#buttonPlane2 {
    position: absolute;
    left: 203px;
    top: 36px;
    z-index: 16;
    width: 107px;
    height: 28px;
    background: url(/img/sys/button-plan-3.png) no-repeat;
}

A.buttonPlane {
    background: url(/img/sys/button-plan-0.gif) no-repeat;
    width: 107px;
    height: 28px;
}

A.buttonPlane:hover {
    background: url(/img/sys/button-plan-1.gif) no-repeat;
    width: 107px;
    height: 28px;
}

A.buttonPlane:active {
    background: url(/img/sys/button-plan-2.gif) no-repeat;
    width: 107px;
    height: 28px;
}

#boxPlane {
    position: absolute;
    left: 3px;
    top: 36px;
    z-index: 15;
    width: 202px;
    padding: 4px;
    padding-right: 8px;
    color: #888888;
    border-bottom: 2px solid #D0CFCF;
    background: #FFFFFF url(/img/sys/new-frame-pk-1.png) repeat-y right;
}

#boxPlane li {
    padding-left: 16px;
    text-indent: -16px;
}

#boxPlane a {
    text-decoration: none;
}

.smtdbutt {
    text-align: right;
    padding-top: 4px;
}

.smtdpers {
    color: #660000;
}

.smtdcell {
    background-color: #FFFFF0;
    color: #444400;
}

.smtdcellA {
    background-color: #FFE0E0;
}

.smtdcellB {
    background-color: #E0E0E0;
}

TD.reslineG {
    color: #008800;
    border: 1px solid #008800;
    padding: 4px;
    background-color: #FFFFAA;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

TD.reslineR {
    color: #FF0000;
    border: 1px solid #FF0000;
    padding: 4px;
    background-color: #FFFFAA;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

INPUT.NovEdit2, TEXTAREA.NovEdit2 {
    border-left: 1 solid #804020;
    border-top: 1 solid #804020;
    border-bottom: 1 solid #FFDD99;
    border-right: 1 solid #FFDD99;
}

INPUT.NovTextButton {
    border: 0;
    background: transparent;
    text-decoration: underline;
    cursor: hand;
    color: #314247;
    font-size: 11px;
    line-height: 13px;
}

A.arrow2 {
    font-size: 11px;
    line-height: 13px;
    color: #314247;
    text-decoration: none;
    margin-bottom: 4px;
    vertical-align: bottom;
    margin-left: 0px;
    margin-right: 2px;
}

A.arrow2:hover {
    margin-left: 2px;
    margin-right: 0px;
}

LI.arrow2 {
    list-style-image: url(/img/sys/arrow2.gif);
}

LI.arrow2d {
    list-style-image: url(/img/sys/arrow2d.gif);
}

TD.arrow2 {
    font-size: 11px;
    color: #314247;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 2px;
}

.red {
    color: #aa0000;
}

A.arrow1 {
    font-size: 11px;
    line-height: 13px;
    color: #314247;
    text-decoration: none;
    margin-bottom: 4px;
    vertical-align: bottom;
    margin-left: 0px;
    margin-right: 2px;
    font-weight: bold;
}

A.arrow1:hover {
    margin-left: 2px;
    margin-right: 0px;
}

TD.arrow1 {
    font-size: 11px;
    color: #314247;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 2px;
}

TD.arrow1b {
    font-size: 11px;
    color: #314247;
    padding-left: 26px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
}

A.arrow3 {
    font-size: 11px;
    line-height: 13px;
    color: #e93c3a;
    text-decoration: none;
    margin-bottom: 4px;
    vertical-align: bottom;
    margin-left: 0px;
    margin-right: 2px;
}

A.arrow3:hover {
    margin-left: 2px;
    margin-right: 0px;
}

LI.arrow3 {
    list-style-image: url(/img/sys/arrow3.gif);
    list-style-position: inside;
}

A.topnavi {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

A.link {
    font-size: 12px;
    line-height: 14px;
    color: #314247;
    text-decoration: underline;
    vertical-align: bottom;
    margin-left: 0px;
    margin-right: 2px;
}

LI.link {
    list-style-image: url(/img/sys/arrow2.gif);
    margin-top: 4px;
}

A.lamlink {
    font-size: 14px;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: bold;
    color: #003399;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
}

A.lamlink:hover {
    color: #FF9C00;
}

LI.lamlink {
    list-style-image: url(/img/sys/lamli.gif);
}

TABLE.standard {
    background-color: #FFFFFF;
    border: 1px solid #C9CACB;
    width: 90%;
}

TABLE.standard TH {
    height: 36px;
    background: url(/img/sys/tabbg.png) repeat-x top;
    color: #58595B;
    border-right: 1px solid #BCBDC0;
    font-weight: bold;
    font-size: 12px;
}

TABLE.standard TD {
    border-right: 1px solid #BCBDC0;
    border-bottom: 1px solid #BCBDC0;
}

IMG.help {
    margin-left: 4px;
    margin-top: 2px;
}

#helpbox {
    background-color: #FFFF99;
    border: 1px solid #990000;
    padding: 3px;
    color: #990000;
    position: absolute;
    visibility: hidden;
    width: 200px;
    height: 50px;
    left: 0px;
    top: 400px;
    z-index: 4;
}


.style3 {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px;
    padding-right: 10px;
}

.style4 {
    font-size: 12px
}

.style5 {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 12px;
}


INPUT.emedit {
    height: 21px;
    font-size: 12px;
    border: #003399 solid 1;
}

INPUT.embutt {
    height: 21px;
    font-size: 11px;
    font-weight: bold;
    background-color: #B0B0D0;
    border: #003399 solid 1;
    cursor: hand;
}

DIV.editorhtml {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 12pt;
}

TABLE.editorhtml {
    border: 1 outset;
    background-color: #E0E8F0;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 12pt;
}

TD.editorhtml {
    background: white url(/img/sys/bg-editor.png) repeat-x top;
    text-align: justify;
    height: 300px;
    padding: 4px;
}

TEXTAREA.editorhtml {
    border: 1 inset;
    width: 100%;
    height: 100px;
    padding: 4px;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: black;
    background-color: white;
    text-align: justify;
}

INPUT.fontface {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/fontface.gif);
}

INPUT.fontsize {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/fontsize.gif);
}

INPUT.fgcolor {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/fgcolor.gif);
}

INPUT.bgcolor {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/bgcolor.gif);
}

INPUT.weightbold {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/weightbold.gif);
}

INPUT.styleitalic {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/styleitalic.gif);
}

INPUT.underline {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/underline.gif);
}

INPUT.alignleft {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/alignleft.gif);
}

INPUT.aligncenter {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/aligncenter.gif);
}

INPUT.alignjustify {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/alignjustify.gif);
}

INPUT.alignright {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/alignright.gif);
}

INPUT.indent {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/indent.gif);
}

INPUT.outdent {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/outdent.gif);
}

INPUT.orderlist {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/orderlist.gif);
}

INPUT.unorderlist {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/unorderlist.gif);
}

INPUT.anchor {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/anchor.gif);
}

INPUT.insertimage {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/insertimage.gif);
}

INPUT.newcol {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/newcol.gif);
}

INPUT.delcol {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/delcol.gif);
}

INPUT.box {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    text-align: center;
}

INPUT.edbutt {
    border: 1 outset;
    height: 24px;
    margin: 1px;
    text-align: center;
    background: #ECE9D8;
    padding: 2px;
}

INPUT.addnew {
    width: 20;
    height: 21px;
    font-size: 18px;
    line-height: 17px;
    font-weight: bold;
    background-color: #B0B0D0;
    border: #003399 solid 1;
    cursor: hand;
}

INPUT.strike {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/strike.gif);
}

INPUT.sub {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/sub.gif);
}

INPUT.sup {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/sup.gif);
}

INPUT.attach {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/attach.gif);
}

INPUT.hr {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/hr.gif);
}

INPUT.table {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/table.gif);
}

INPUT.tableinsrowab {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/table_ins_row_ab.gif);
}

INPUT.tableinsrowbe {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/table_ins_row_be.gif);
}

INPUT.tabledelrow {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/table_del_row.gif);
}

INPUT.tableinscolle {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/table_ins_col_le.gif);
}

INPUT.tableinscolri {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/table_ins_col_ri.gif);
}

INPUT.tabledelcol {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/table_del_col.gif);
}

INPUT.insertflash {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/flash.gif);
}

INPUT.insertcapti {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/capti.gif);
}

INPUT.copy {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/copy.gif);
}

INPUT.paste {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/paste.gif);
}

INPUT.cut {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/cut.gif);
}

INPUT.undo {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/undo.gif);
}

INPUT.redo {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/redo.gif);
}

INPUT.remove {
    border: 1 outset;
    width: 25px;
    height: 24px;
    margin: 1px;
    background-image: url(/img/sys/remove.gif);
}


.modal-header-success {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-warning {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-danger {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-info {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-primary {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #f5c944;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.modal-footer-success {
    color: #fff;
    padding: 9px 15px;
    border-top: 1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.modal-footer-warning {
    color: #fff;
    padding: 9px 15px;
    border-top: 1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.modal-footer-danger {
    color: #fff;
    padding: 9px 15px;
    border-top: 1px solid #eee;
    background-color: #d9534f;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.modal-footer-info {
    color: #fff;
    padding: 9px 15px;
    border-top: 1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.modal-footer-primary {
    color: #fff;
    padding: 9px 15px;
    border-top: 1px solid #eee;
    background-color: #f5c944;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}