@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&display=swap&subset=latin-ext');*/
@import url('https://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('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&display=swap&subset=latin-ext');*/
/*@import url('https://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('https://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');*/

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: #fc5513 !important;
}

ol,
ul {
    list-style: none;
}
caption,
th {
    text-align: center;
}

h1,
h2,
h3,
{
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
}

h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
}
p {
    margin: 10px !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300 !important;
    text-align: justify !important;
}
b,
strong {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

q:before,
q:after {
    content: '';
}
abbr,
acronym {
    border: 0;
}
body {
    background-color: #EEE;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300 !important;
    font-size: 12px;
    line-height: 140%;
    color: #000000;
}

.list-group {
    padding-top: 20px;
    padding-bottom: 20px;
}

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

.tooltip-inner {
    min-width: 150px;
}
.round_corner_read {
    position: absolute;
    bottom: 8px;
    left: 5px;
    border: 0.5px solid #ccc;
    border-radius: 20px;
    background: #fff;
    padding: 0px;
    width: 32px;
    height: 32px;
}

.round_corner_confirm {
    position: absolute;
    bottom: 8px;
    left: 40px;
    border: 0.5px solid #ccc;
    border-radius: 20px;
    background: #fff;
    padding: 0px;
    width: 32px;
    height: 32px;
}

.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;
}

.slider,.sss {
    border-radius: 5px !important;
}

.modal-content {
    border-radius: 5px !important;
}


.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: 180px;
    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: 180px;
    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: 180px;
    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: 180px;
    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: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #333;
}
.article_title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 32px;
    color: #333;
}

.article_date {
    display:flex;
    flex-direction:row;
    align-items: left;
    padding-bottom: 20px;
}
.article_date_text {
    flex-grow:0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    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:95%;
    min-height:200px;
    background:#FFF;
    margin:40px auto;
    margin-top: 0px;
    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*/
}

/*==================================================
 * 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:95%;
    font-family: 'Montserrat',
    sans-serif; font-weight: 700;
    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: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: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -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: #fc5513 !important;
}

.btn-bec, .btn-default {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300 !important;
    color: #fff !important;
    background-color: #fc5513 !important;
    border-color: #454545 !important;
    border-radius: 5px !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: 'Montserrat', sans-serif;
    font-weight: 300 !important;
    color: #fff  !important;
    background-color: #454545 !important;
    border-color: #454545 !important;
    border-radius: 5px !important;
}

.btn-bec-active {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold !important;
    color: #ffffff   !important;
    background-color: #454545 !important;
    border-color: #454545 !important;
    border-radius: 5px !important;
}
.btn-bec-active:active, .btn-bec-active:hover, .btn-bec-active:focus {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold !important;
    color: #ffffff  !important;
    background-color: #fc5513 !important;
    border-color: #454545 !important;
    border-radius: 5px !important;
}

.btn {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300 !important;
    border-radius: 5px !important;
}
.btn-link {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300 !important;
    color: #000000 !important;
    border-radius: 5px !important;
}

.btn-warning, .btn-danger, .btn-success, .btn-default {
    color: #fff !important;
    border-radius: 5px !important;
}
.btn-warning:active, .btn-danger:active, .btn-success:active, .btn-default:active {
    color: #fff !important;
    border-radius: 5px !important;
}
.btn-warning:hover, .btn-danger:hover, .btn-success:hover, .btn-default:hover {
    color: #fff !important;
    border-radius: 5px !important;
}
.dropdown-menu {
    background-color: #fc5513 !important;
    overflow: auto !important;
    border-radius: 5px !important;

}
.dropdown-menu>li>a {
    color: #fff  !important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #454545 !important;
    border-color: #fc5513 !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: bold !important;
    line-height: 20px;
}

.tt-coursor, .tt-sugestion{
    font-weight: bold !important;
    line-height: 20px;
}
.twitter-typeahead {
    width: 100% !important;
}

.h4link {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    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: 'Montserrat', 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: #fc5513 !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: #454545 !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: #fc5513 !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: #454545 !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: 'Montserrat', sans-serif;
    font-weight: 300 !important;
    font-size: 12px;
    line-height: 140%;
    color: #000000;
}

.passremind {
    background-color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300 !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: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #000000;
}
#body_login {
    background-color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    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: #fc5513 !important;
    min-height: 290px;
    display: table;
    position: relative;
}
.tiles:active {
    background-color: #454545 !important;
    min-height: 290px;
    display: table;
    position: relative;
}
.tiles:hover {
    background-color: #454545 !important;
    min-height: 290px;
    display: table;
    position: relative;
}
.tiles-top {
    display: table-cell;
    float: left;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 28px !important;
    line-height: 35px !important;
    margin: 15px;
    width: 290px;
    height: 290px;
    text-transform: uppercase;
    overflow-wrap: break-word;
}
.tiles-bottom {
    display: table-cell;
    position: absolute;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    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: 85%;
    font-size: 1.0em !important;
    background-color: #fc5513 !important;
    color: #fff !important;
    border-radius: 5px !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: #fc5513 !important;
    text-decoration: none;
}
a:active, a:hover, a:focus {
    color: #666 !important;
    text-decoration: none !important;;

}

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

#content {
    width: 85%;
    max-width: 85%;
    min-height: 100%;
    text-align: center;
    background-color: #ffffff;
    margin: auto;
}
#content_clean {
    width: 85%;
    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: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px !important;
}
#footer_main {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    background-color: #fc5513 !important;
    color: #fff !important;

}
#footer_main_wide {
    background-color: #fc5513 !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: 85%;
    max-height: 16px;
    text-align: center;
    width: 85%;
    margin: auto;
}
#footer_text {
    max-width: 85%;
    width: 85%;
    margin: auto;
    height: 30px;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    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: 'Montserrat', sans-serif;
    font-weight: 400;
    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: 'Montserrat', sans-serif;
    font-weight: 400;
    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: 'Montserrat', sans-serif;
    font-weight: 300 !important;
}
#main_menu a.selected {
    background: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300 !important;
    color: #fff;
    height: 40px;
}

.search_bar {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300 !important;
    width: 85%;
    max-width: 1280px;
    height: 50px;
    min-height: 50px;
    margin: auto;
    margin-bottom: 40px;
    color: #fff;
    display: table;
    table-layout: 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: 85%;
    max-width: 85%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
    margin: 0 auto;
}
#top_bar {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    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: 85%;
}
span.info_pomoc {
    color: #000000;
}
.course_panel {
    background-color: #CAEAF0;
    margin-bottom: 10px;
    height: 200px;
    border-left: 30px solid #fc5513;
}
.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: #fc5513 !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: 180px;
    border-left: 30px solid #fc5513;
    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: 'Montserrat', sans-serif;
    font-weight: 300 !important;
}
input.light,
textarea.light {
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300 !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:hover {
    color: #fff  !important;
    background-color: #454545 !important;
    border-color: #454545 !important;
}
.pagination a,
.pagination a:link,
.pagination a:visited,
.pagination a:active {
    display: block;
    border: 0px none;
    margin: 0px;
    padding: 3px 8px 3px 8px;
    font-size: 12px;
    background-color: #fc5513 !important;
    border-color: #454545 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    text-decoration: none;
}
.zero {
    padding: 0px;
    margin: 0px;
}
.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;
}
.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 #fc5513;
    background: #bdbdbd url(../img_p/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 #fc5513;
    background: #bdbdbd url(../img_p/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: #fc5513;
    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: #fc5513;
    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: #f2f2f;
}
#course-list .cell1 {
    width: 232px;
    padding-left: 25px;
    background: #fc5513;
    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: 'Montserrat', sans-serif;
    font-weight: 300 !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: 'Montserrat', sans-serif;
    font-weight: 300 !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: 'Montserrat', sans-serif;
    font-weight: 400;
}
login_box_new {
    padding: 20px;
    width: 400px;
    max-width: 400px;
    height: 230px;
    max-height: 230px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300 !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 #fc5513;
    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: 'Montserrat', sans-serif;
    font-weight: 400;
    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: 'Montserrat', sans-serif;
    font-weight: 400;
    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: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13px;
    width: 212px;
}
.inputboxusrl,
.inputboxpwdl,
.inputboxemaill {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13px;    color: #000000;
}
.login-text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #000000;
}
.submit_new {
    min-width: 70px;
    border-radius: 0px 0px 0px 0px;
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    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: #000000;
    border-color: #000000;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    width: 170px;
    line-height: 30px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
&: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: 'Montserrat', sans-serif;
    font-weight: 400;
    border: 0px solid #000000;
    height: 220px;
    margin: 0;
    margin-bottom: 25px;
    text-align: center;
    width: 85%;
}
p.login_form_info {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;  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;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.bootstrap_form{
    text-align: initial;
    width: 80%;
    margin: inherit;
}

.shadow(@shadow){
    -webkit-box-shadow:@shadow;
    -mox-box-shadow:@shadow;
    box-shadow:@shadow;
}
.round(@radius:4px){
    -moz-border-radius:@radius;
    border-radius:@radius;
}
.transform(@transform){
    -webkit-transform:@transform;
    -moz-transform:@transform;
    -ms-transform:@transform;
    -o-transform:@transform;
    transform:@transform;
}
.origin(@origin){
    -webkit-transform-origin:@origin;
    -moz-transform-origin:@origin;
    -ms-transform-origin:@origin;
    -o-transform-origin:@origin;
    transform-origin:@origin;
}

.drop-shadow {
    position:relative;
    float:left;
    width:40%;
    padding:1em;
    margin:2em 10px 4em;
    background:#fff;
.shadow(0 1px 4px rgba(0, 0, 0, 0.3)e(',') 0 0 40px rgba(0, 0, 0, 0.1) inset);
&:before, &:after {
               content:"";
               position:absolute;
               z-index:-2;
           }
p {
    font-size:16px;
    font-weight:bold;
}
}

.lifted {
.round;
&:before, &:after {
               bottom:15px;
               left:10px;
               width:50%;
               height:20%;
               max-width:300px;
               max-height:100px;
           .shadow(0 15px 10px rgba(0, 0, 0, 0.7));
           .transform(rotate(-3deg));
           }
&:after {
     right:10px;
     left:auto;
 .transform(rotate(3deg));
 }
}

.curled {
    border:1px solid #efefef;
.round(0 0 120px 120px e('/') 0 0 6px 6px);
&:before, &:after {
               bottom:12px;
               left:10px;
               width:50%;
               height:55%;
               max-width:200px;
               max-height:100px;
           .shadow(0 8px 12px rgba(0, 0, 0, 0.5));
           .transform(skew(-8deg) rotate(-3deg));
           }
&:after {
     right:10px;
     left:auto;
 .transform(skew(8deg) rotate(3deg));
 }
}

.perspective {
&:before {
     left:80px;
     bottom:5px;
     width:50%;
     height:35%;
     max-width:200px;
     max-height:50px;
 .shadow(-80px 0 8px rgba(0, 0, 0, 0.4));
 .transform(skew(50deg));
 .origin(0 100%);
 }
&:after { display:none; }
}

.raised {
.shadow(0 15px 10px -10px rgba(0, 0, 0, 0.5)e(',') 0 1px 4px rgba(0, 0, 0, 0.3)e(',') 0 0 40px rgba(0, 0, 0, 0.1) inset);
}

.curved {
&:before {
     top:10px;
     bottom:10px;
     left:0;
     right:50%;
 .shadow(0 0 15px rgba(0,0,0,0.6));
 .round(10px e('/') 100px);
 }
&.v2:before { right:0; }
&.h1:before {
     top:50%;
     bottom:0;
     left:10px;
     right:10px;
 .round(100px e('/') 10px);
 }
&.h2:before {
     top:0;
     bottom:0;
     left:10px;
     right:10px;
 .round(100px e('/') 10px);
 }
}

.rotated {
.shadow(none);
.transform(rotate(-3deg));
> :first-child:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#fff;
.shadow(0 1px 4px rgba(0, 0, 0, 0.3)e(',') 0 0 40px rgba(0, 0, 0, 0.1) inset);
}
}

/*BOOTSTRAP 4 CARD*/

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

h5 {
    font-size: 1.28571429em !important;
    font-weight: 500 !important;
    line-height: 1.2857em !important;
    margin: 0;
}
h5:active {
    font-size: 1.28571429em !important;
    font-weight: 500 !important;
    line-height: 1.2857em !important;
    margin: 0;
}
h5:hover {
    font-size: 1.28571429em !important;
    font-weight: 500 !important;
    line-height: 1.2857em !important;
    margin: 0;
}


.card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: 5px !important;
    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-title {
    text-transform: uppercase;
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.2857em;
    min-height: 100px;
    margin-top: 15px;
    overflow: hidden;
}

.card-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);
}

.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: 'Montserrat', sans-serif;
    color: #fff;
    left: 15%;
    top: 20%;
    margin: auto;
    font-size: medium;
    font-weight: 700;
}

.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: 700;
}

.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 #fc5513;
    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 #454545;
    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: 'Montserrat', sans-serif;
    font-weight: 100;
    font-weight: 300 !important;
    margin-bottom: 0px;
    color: #000000 !important;
    background-color: #ffffff !important;
    border-radius: 0px !important; */
}

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

.snavi .open {
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    font-weight: 300 !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: 85%;
    margin: auto;
}

.scontent {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

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

@media screen and (max-device-width: 640px){
    .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){
    .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;
    border-radius: 5px !important;


}
.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: 180px;
    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: 'Montserrat', sans-serif;
    font-weight: 400;
}
.ContentPosition {
    float: right;
    margin: 10px 20px 10px 20px;
    text-transform: uppercase;
    text-width: 500;
    font-size: 22px;
    color: gray;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}
.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: 400;
}
.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: 'Montserrat', sans-serif;
    font-weight: 400;
}
.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: 'Montserrat', sans-serif;
    font-weight: 300 !important;
    color: #fff !important;
    background-color: #fc5513 !important;
    border-color: #454545 !important;

}

.teacherMain .teacheContent .teacherDescription .btn:active, .teacherMain .teacheContent .teacherDescription .btn:hover, .teacherMain .teacheContent .teacherDescription .btn:focus {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300 !important;
    color: #fff  !important;
    background-color: #454545 !important;
    border-color: #454545 !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: 'Montserrat', sans-serif;
    font-weight: 400;
}
.webinarPosition {
    float: right;
    margin: 10px 20px 10px 20px;
    text-transform: uppercase;
    text-width: 500;
    font-size: 22px;
    color: gray;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}
.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: 'Montserrat', sans-serif;
    font-weight: 300 !important;
    color: #fff !important;
    background-color: #fc5513 !important;
    border-color: #454545 !important;

}

.webinarMain .webinaContent .webinarDescription .btn:active, .webinarMain .webinaContent .webinarDescription .btn:hover, .webinarMain .webinaContent .webinarDescription .btn:focus {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300 !important;
    color: #fff  !important;
    background-color: #454545 !important;
    border-color: #454545 !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;
    border-radius: 5px !important;
}
.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: 'Montserrat', sans-serif;
    font-weight: 100;
    font-weight: 300i;
    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: 'Montserrat', sans-serif;
    font-weight: 400;
}
.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: 'Montserrat', sans-serif;
    font-weight: 400;
    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: #fc5513 !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:#fc5513 !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(/emimg/loadimg.png) no-repeat center center; }


.param1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size:16px;
    color:#990000;
    font-weight:bold;
    letter-spacing:1px;
}
.param2 { font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color:#990000;
    font-weight:bold;
}
.smfont {
    font-size:11px;
}

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: 'Montserrat', sans-serif; font-size:13px; width:264px; }
.frame2 { padding-left:15px; font-family: 'Montserrat', sans-serif; font-size:13px; width:630px; }
hr.stop { width:264px; color:#ffffff; }

INPUT.butt1 { background: url(/emimg/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(/emimg/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(/emimg/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(/emimg/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(/emimg/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(/emimg/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(/emimg/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(/emimg/bgbutt2bw.png) no-repeat; width:127px; height:37px; font-size:12px; padding-bottom:3px; padding-right:3px; color: #707070; border: 0; cursor: stop; margin-top: 3px; margin-bottom: 3px; }
INPUT.NovButton, INPUT.butt { background: url(/emimg/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(/emimg/header_main.gif); }

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

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

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


.subheader { font-family: 'Montserrat', sans-serif;
    font-weight: 400; 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(/emimg/new-topframe-2.gif) repeat-x; font-size:13px; padding-bottom:1px; line-height:20px; color:#000000; font-family: 'Montserrat', sans-serif;
    font-weight: 400; font-weight:bold; }
TD.persframe { height:22px; background: url(/emimg/new-topframe-2.gif) repeat-x; font-size:13px; padding-bottom:1px; line-height:20px; color:#000000; font-family: 'Montserrat', sans-serif;
    font-weight: 400; font-weight:bold; }

A.buttonPoprzednie { background: url(/emimg/button-poprzednie-0.png) no-repeat; width:99px; height:32px; display:block; }
A.buttonPoprzednie:hover { background: url(/emimg/button-poprzednie-1.png) no-repeat; width:99px; height:32px; display:block; }
A.buttonPoprzednie:active { background: url(/emimg/button-poprzednie-2.png) no-repeat; width:99px; height:32px; display:block; }
TD.spanPoprzednie { background: url(/emimg/button-poprzednie-3.png) no-repeat; width:99px; height:32px; }

A.buttonNastepne { background: url(/emimg/button-nastepne-0.png) no-repeat; width:87px; height:32px; display:block; }
A.buttonNastepne:hover { background: url(/emimg/button-nastepne-1.png) no-repeat; width:87px; height:32px; display:block; }
A.buttonNastepne:active { background: url(/emimg/button-nastepne-2.png) no-repeat; width:87px; height:32px; display:block; }
TD.spanNastepne { background: url(/emimg/button-nastepne-3.png) no-repeat; width:87px; height:32px; margin-right:50px; }

A.buttonZakoncz { background: url(/emimg/button-zakoncz-0.png) no-repeat; width:94px; height:32px; display:block; }
A.buttonZakoncz:hover { background: url(/emimg/button-zakoncz-1.png) no-repeat; width:94px; height:32px; display:block; }
A.buttonZakoncz:active { background: url(/emimg/button-zakoncz-2.png) no-repeat; width:94px; height:32px; display:block; }
TD.spanZakoncz { background: url(/emimg/button-zakoncz-3.png) no-repeat; width:94px; height:32px; }

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

A.buttonBegin { background: url(/emimg/button-poczatek-0.png) no-repeat; width:48px; height:33px; display:block; }
A.buttonBegin:hover { background: url(/emimg/button-poczatek-1.png) no-repeat; width:48px; height:33px; display:block; }
A.buttonBegin:active { background: url(/emimg/button-poczatek-2.png) no-repeat; width:48px; height:33px; display:block; }
TD.buttonBegin { background: url(/emimg/button-poczatek-3.png) no-repeat; width:48px; height:33px; }
#buttonBegin { display:none; }

A.buttonPrev { background: url(/emimg/button-wstecz-0.png) no-repeat top; width:46px; height:33px; display:block; }
A.buttonPrev:hover { background: url(/emimg/button-wstecz-1.png) no-repeat top; width:46px; height:33px; display:block; }
A.buttonPrev:active { background: url(/emimg/button-wstecz-2.png) no-repeat top; width:46px; height:33px; display:block; }
TD.buttonPrev { background: url(/emimg/button-wstecz-3.png) no-repeat; width:46px; height:33px; }
#buttonPrev { display:none; }

A.buttonNext { background: url(/emimg/button-dalej-0.png) no-repeat; width:46px; height:33px; display:block; }
A.buttonNext:hover { background: url(/emimg/button-dalej-1.png) no-repeat; width:46px; height:33px; display:block; }
A.buttonNext:active { background: url(/emimg/button-dalej-2.png) no-repeat; width:46px; height:33px; display:block; }
TD.buttonNext { background: url(/emimg/button-dalej-3.png) no-repeat; width:46px; height:33px; }
#buttonNext { display:none; }

A.buttonSkip { background: url(/emimg/button-pomin-0.png) no-repeat; width:48px; height:33px; display:block; }
A.buttonSkip:hover { background: url(/emimg/button-pomin-1.png) no-repeat; width:48px; height:33px; display:block; }
A.buttonSkip:active { background: url(/emimg/button-pomin-2.png) no-repeat; width:48px; height:33px; display:block; }
TD.buttonSkip { background: url(/emimg/button-pomin-3.png) no-repeat; width:48px; height:33px; margin-right:50px; }
#buttonSkip { display:none; }

A.buttonTest { background: url(/emimg/button-test-0.png) no-repeat; width:48px; height:33px; display:block; }
A.buttonTest:hover { background: url(/emimg/button-test-1.png) no-repeat; width:48px; height:33px; display:block; }
A.buttonTest:active { background: url(/emimg/button-test-2.png) no-repeat; width:48px; height:33px; display:block; }
TD.buttonTest { background: url(/emimg/button-test-3.png) no-repeat; width:48px; height:33px; }
#buttonTest { display:none; }

A.buttonPrint { background: url(/emimg/button-print-0.png) no-repeat; width:46px; height:33px; display:block; }
A.buttonPrint:hover { background: url(/emimg/button-print-1.png) no-repeat; width:46px; height:33px; display:block; }
A.buttonPrint:active { background: url(/emimg/button-print-2.png) no-repeat; width:46px; height:33px; display:block; }
TD.buttonPrint { background: url(/emimg/button-print-3.png) no-repeat; width:46px; height:33px; }
#buttonPrint { display:none; }

A.buttonGloss { background: url(/emimg/button-glossary-0.png) no-repeat; width:46px; height:33px; display:block; }
A.buttonGloss:hover { background: url(/emimg/button-glossary-1.png) no-repeat; width:46px; height:33px; display:block; }
A.buttonGloss:active { background: url(/emimg/button-glossary-2.png) no-repeat; width:46px; height:33px; display:block; }
TD.buttonGloss { background: url(/emimg/button-glossary-3.png) no-repeat; width:46px; height:33px; }
#buttonGloss { display:none; }

A.buttonSpeak { background: url(/emimg/button-lektor-0.png) no-repeat; width:48px; height:33px; display:block; }
A.buttonSpeak:hover { background: url(/emimg/button-lektor-1.png) no-repeat; width:48px; height:33px; display:block; }
A.buttonSpeak:active { background: url(/emimg/button-lektor-2.png) no-repeat; width:48px; height:33px; display:block; }
TD.buttonSpeak { background: url(/emimg/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(/emimg/bgbutt4-50-0.gif) no-repeat; width:50px; height:23px; display:block; margin-right:2px; }
A.buttsub50:hover { background: url(/emimg/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(/emimg/bgbutt4-70-0.gif) no-repeat; width:70px; height:23px; display:block; margin-right:2px; }
A.buttsub70:hover { background: url(/emimg/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(/emimg/bgbutt4-100-0.gif) no-repeat; width:100px; height:23px; display:block; margin-right:2px; }
A.buttsub100:hover { background: url(/emimg/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(/emimg/bgbutt4-140-0.gif) no-repeat; width:140px; height:23px; display:block; margin-right:2px; }
A.buttsub180:hover { background: url(/emimg/bgbutt4-140-1.gif) no-repeat; }


#buttonPlane1 { position: absolute; left:3px; top:36px; z-index:16; width:107px; height:28px; background: url(/emimg/button-plan-3.png) no-repeat; }
#buttonPlane2 { position: absolute; left:203px; top:36px; z-index:16; width:107px; height:28px; background: url(/emimg/button-plan-3.png) no-repeat; }
A.buttonPlane { background: url(/emimg/button-plan-0.gif) no-repeat; width:107px; height:28px; }
A.buttonPlane:hover { background: url(/emimg/button-plan-1.gif) no-repeat; width:107px; height:28px; }
A.buttonPlane:active { background: url(/emimg/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(/emimg/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(/emimg/arrow2.gif); }
LI.arrow2d { list-style-image: url(/emimg/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(/emimg/arrow3.gif); list-style-position: inside; }

A.topnavi { font-family: 'Montserrat', sans-serif;
    font-weight: 400; 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(/emimg/arrow2.gif); margin-top: 4px; }

A.lamlink { font-size:14px; text-decoration:none; letter-spacing:1px; font-weight:bold; color:#003399; font-family: 'Montserrat', sans-serif;
    font-weight: 400; }
A.lamlink:hover { color:#FF9C00; }
LI.lamlink { list-style-image: url(/emimg/lamli.gif); }

TABLE.standard { background-color:#FFFFFF; border:1px solid #C9CACB; width:90%; }
TABLE.standard TH { height:36px; background:url(/emimg/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: 'Montserrat', sans-serif;
    font-weight: 400; font-size: 10px; line-height: 10px; padding-right:10px; }
.style4 { font-size: 12px }
.style5 { font-family: 'Montserrat', sans-serif;
    font-weight: 400; 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: 'Montserrat', sans-serif;
    font-weight: 400; font-size:12pt; }

TABLE.editorhtml { border: 1 outset; background-color: #E0E8F0; font-family: 'Montserrat', sans-serif;
    font-weight: 400; font-size:12pt; }
TD.editorhtml { background:white url(/emimg/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: 'Montserrat', sans-serif;
    font-weight: 400; 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(/emimg/fontface.gif); }
INPUT.fontsize { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/fontsize.gif); }
INPUT.fgcolor { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/fgcolor.gif); }
INPUT.bgcolor { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/bgcolor.gif); }
INPUT.weightbold { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/weightbold.gif); }
INPUT.styleitalic { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/styleitalic.gif); }
INPUT.underline { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/underline.gif); }
INPUT.alignleft { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/alignleft.gif); }
INPUT.aligncenter { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/aligncenter.gif); }
INPUT.alignjustify { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/alignjustify.gif); }
INPUT.alignright { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/alignright.gif); }
INPUT.indent { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/indent.gif); }
INPUT.outdent { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/outdent.gif); }
INPUT.orderlist { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/orderlist.gif); }
INPUT.unorderlist { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/unorderlist.gif); }
INPUT.anchor { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/anchor.gif); }
INPUT.insertimage { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/insertimage.gif); }
INPUT.newcol { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/newcol.gif); }
INPUT.delcol { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/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(/emimg/strike.gif); }
INPUT.sub { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/sub.gif); }
INPUT.sup { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/sup.gif); }
INPUT.attach { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/attach.gif); }
INPUT.hr { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/hr.gif); }
INPUT.table { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/table.gif); }
INPUT.tableinsrowab { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/table_ins_row_ab.gif); }
INPUT.tableinsrowbe { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/table_ins_row_be.gif); }
INPUT.tabledelrow { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/table_del_row.gif); }
INPUT.tableinscolle { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/table_ins_col_le.gif); }
INPUT.tableinscolri { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/table_ins_col_ri.gif); }
INPUT.tabledelcol { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/table_del_col.gif); }
INPUT.insertflash { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/flash.gif); }
INPUT.insertcapti { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/capti.gif); }
INPUT.copy { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/copy.gif); }
INPUT.paste { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/paste.gif); }
INPUT.cut { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/cut.gif); }
INPUT.undo { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/undo.gif); }
INPUT.redo { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/redo.gif); }
INPUT.remove { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/remove.gif); }