@font-face {
    font-family: 'Kodchasan';
    src: url('../fonts/My_Custom_Fonts/Kodchasan-Bold.ttf') format('ttf'),
         url('../fonts/My_Custom_Fonts/Kodchasan-BoldItalic.ttf') format('ttf'),
         url('../fonts/My_Custom_Fonts/Kodchasan-ExtraLight.ttf') format('ttf'),
         url('../fonts/My_Custom_Fonts/Kodchasan-ExtraLightItalic.ttf') format('ttf'),
         url('../fonts/My_Custom_Fonts/Kodchasan-Italic.ttf') format('ttf'),
         url('../fonts/My_Custom_Fonts/Kodchasan-Light.ttf') format('ttf'),
         url('../fonts/My_Custom_Fonts/Kodchasan-LightItalic.ttf') format('ttf'),
         url('../fonts/My_Custom_Fonts/Kodchasan-Medium.ttf') format('ttf'),
         url('../fonts/My_Custom_Fonts/Kodchasan-MediumItalic.ttf') format('ttf'),
         url('../fonts/My_Custom_Fonts/Kodchasan-Regular.ttf') format('ttf'),
         url('../fonts/My_Custom_Fonts/Kodchasan-SemiBold.ttf') format('ttf'),
         url('../fonts/My_Custom_Fonts/Kodchasan-SemiBoldItalic.ttf') format('ttf'),
         url('../fonts/My_Custom_Fonts/Inter-VariableFont_opsz,wght.ttf') format('ttf'),
         url('../fonts/My_Custom_Fonts/Inter-Italic-VariableFont_opsz,wght.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

.h1, h1.sppb-addon-title,
.h2, h2.sppb-addon-title,
.h3, h3.sppb-addon-title,
.h4, h4.sppb-addon-title,
.h5, h5.sppb-addon-title,
.h6, h6.sppb-addon-title {
    font-family: 'Kodchasan', sans-serif !important;
}
/*
p, b, strong, li, {
  font-family: 'Inter', sans-serif !important;
  font-weight: normal !important;
}
*/

#main-content input.btn.btn-primary {
    border-radius: 5px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}
/* zmena čierneho podfarbenia vnorenych položiek menu na hodnotu #616161 */
.secondary-menu .menu-child li a:after, .secondary-menu .sp-dropdown-inner li a:after, .sp-megamenu-parent .sp-dropdown .menu-child li a:after, .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner li a:after {
    background-color: #616161 !important;
}

/* deaktivácia zobrazenie vlnoviek v header bannery šablony salon */
html body .sp-page-title:after {
    content: none !important;
}

html body .offcanvas-inner ul.menu-child li a {
    text-transform: uppercase;
    font-size: 14px !important;
}

html body .btn-outline-danger {
  border-radius:5px;
}

span.menu-toggler::after {
    font-size: 14px;
    position: relative;
    top: -3px;
}

html body form#com-users-login__form span.icon-eye.icon-fw::before {
    content: "\f06e";
    font-family: 'FontAwesome';
}

html body form#com-users-login__form span.icon-fw.icon-eye-slash::before {
    content: "\f070";
    font-family: 'FontAwesome';
}

/* MODAL - START -->

html body div#simple-modal {
    border-radius: 0px;
}

html body div#simple-modal a.btn.primary {
    border-radius: 5px;
}

html body .alert-info{color: #938982; background-color: #ffefe4 !important; border-color: #f3e2d7;}

html body .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: black;
    border-color: black;
}

html body .page-item.active .page-link:hover {
    background-color: #616161;
    border-color: #616161;
}

html body #system-message-container {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2147483647 !important;
}

html body button.joomla-alert--close {
    color: white;
    font-weight: 100;
    opacity: 1;
    font-size: 25px;
}

html body joomla-alert {
  position: fixed; /+ Aby zostal na mieste pri scrollovaní +/
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /+ Presné vystredenie +/
  background: white; /+ Biele pozadie pre lepšiu čitateľnosť +/
  padding: 2rem; /+ Priestor okolo textu +/
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); /+ Tieň pre efekt popupu +/
  z-index: 10000; /+ Aby bolo nad všetkým ostatným obsahom +/
  border-radius: 8px; /+ Jemne zaoblené rohy +/
  max-width: 90%; /+ Na menších obrazovkách nech sa nezväčší mimo +/
  width: 400px; /+ Fixná šírka na bežných obrazovkách +/
  animation: fadeIn 0.3s ease-out; /+ Jemná animácia +/
  pointer-events: auto; /+ povolí kliky len na alert +/
  border-radius: 0;
  background-color: #706e6e !important;
  border-color: #706e6e !important;
  color: white !important;
}

/* MODAL - END */


span.if-loggedname.sp-menu-heading {
    background-color: #616161;
    color: white;
    font-size: 14px !important;
    font-weight: 500;
    letter-spacing: 1.07px;
    padding: 13px 20px !important;
}

span.if-loggedname.sp-menu-heading::before
 {
    content: "\f007";
    font-family: FontAwesome;
    margin-right: 10px;
}

/* ÚVOD */

.miestnosti-offset {
  /* Zabezpečí scroll stránky na kotvu #miestnosti ale s posunom o 270px do hora */
  scroll-margin-top: -270px;
}

html body .introslide a.sppb-btn.sppb-btn-default {
    border: 0px solid transparent;
    border-radius: 5px;
}

html body .card.jbf-hovereffect img {
    object-fit: cover;
    object-position: center;
}

.sppb-carousel-extended-team-name {
    font-family: 'Kodchasan';
}

.sppb-carousel-extended-team-designation {
    color: #4a4a4a;
    font-size: 14px;
    margin-bottom: 30px;
    /*font-family: 'Inter';*/
    font-weight: 300;
    margin-top: -3px;
}

/* O NÁS */

span.sppb-person-name {
    font-family: 'Kodchasan' !important;
}

/* SLUZBY */

input#keyword {
    font-size: 14px;
}

form[name="userForm"].form-horizontal .card.h-100.shadow-sm .card-body {
    display: block !important;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #ced4da;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(204, 204, 204, .35);
}

.form-control {
    border-radius: 0px;
}

html body div#cj-wrapper .card.bg-light.mb-3 form#cj-login-form button.btn.btn-primary {
    border-radius: 5px;
}

select#limit, select#id_categ, select#category {
    font-size: 14px;
    line-height: 1.2;
}

select#limit:focus, select#id_categ:focus, select#category:focus {
    color: #212529;
    border-color: #ced4da;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(204, 204, 204, .35);
}

html body form[name="userForm"] input.btn.btn-primary {
    border-radius: 5px !important;
    background-color: #616161 !important;
    border-color: #616161 !important;
}

html body form[name="userForm"] input.btn.btn-primary:hover {
    background-color: #545454 !important;
    border-color: #545454 !important;
}

html body a.btn.btn-danger {
   background-color: #ADDADD !important;
   border-color: #ADDADD !important;
   color: #252525;
}

html body a.btn.btn-danger:hover {
   background-color: #9bd0d4!important;
    border-color: #9bd0d4 !important;
}

.btn-danger {
    border-radius: 5px !important;
}



/* NAJDI POSKYTOVATEĽA */
select#ordering, select#id_location, select#id_category {
    font-size: 14px;
    line-height: 1;
}

select#ordering:focus, select#id_location:focus, select#id_category:focus {
    color: #212529;
    border-color: #ced4da;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(204, 204, 204, .35);
}

form.form-horizontal button.btn.btn-light.hasTooltip {
    border: 1px solid #ced4da !important;
    background-color: #dddddd !important;
}

form.form-horizontal a.btn.btn-light.hasTooltip {
    border-radius: 0px !important;
    border: 1px solid #ced4da !important;
    background-color: #dddddd !important;
}

form.form-horizontal button.btn.btn-light.hasTooltip i.icon-search::after {
    content: "\f002";
    font-family: FontAwesome;
    font-style: normal;
    color: #727272;
}


form.form-horizontal a.btn.btn-light.hasTooltip i.icon-remove:after {
    content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    color: #727272;
}

form.form-horizontal .form-switch .form-check-input {
    width: 4em;
    margin-left: 0em;
    margin-bottom: 1em;
    height: 2em;
}


form.form-horizontal .form-check-input:checked {
    background-color: #28A5AD;
    border-color: #28A5AD;
}

form.form-horizontal input[type="checkbox"] {
    border: 2px solid #b6b3b3;
}

form.form-horizontal input[type="checkbox"]:before {
    border-left: 0px;
    border-bottom: 0px;
}

/**/

form.form-horizontal span.irs-from, span.irs-to,
form.form-horizontal span.irs-single {
    background-color: #616161 !important;
}

form.form-horizontal span.irs-handle.from.type_last, form.form-horizontal span.irs-handle.to.type_last, form.form-horizontal span.irs-handle.from, form.form-horizontal span.irs-handle.to {
    border: 4px solid #616161;
}

form.form-horizontal .irs--round .irs-from:before, form.form-horizontal .irs--round .irs-to:before, form.form-horizontal .irs--round .irs-single:before {
    border-top-color: #616161;
}

form.form-horizontal span.irs-bar {
    /*background-color: black !important;*/
    background-color: #616161;
}

html body form.form-horizontal .d-flex .flex-grow-1.ms-3 .btn-outline-success {
    color: #28A5AD;
    border-color: #28A5AD;
    border-radius: 5px;
    margin: 0px 5px;
}

html body form.form-horizontal .d-flex .flex-grow-1.ms-3 .btn-outline-success:hover {
    color: white;
    border-color: #28A5AD;
    background-color: #28A5AD;
}

html body .btn-outline-info {
    color: #ffffff;
    /*border-color: #000000;
    background-color: black;*/
    border-color: #616161;
    background-color: #616161;
    border-radius: 5px;
    padding-left: 19px;
    padding-right: 19px;
}


html body .btn-outline-info:hover {
    color: #ffffff;
    /*border-color: #616161;
    background-color: #616161;*/
    border-color: #545454;
    background-color: #545454;

}

html body a.btn.btn-outline-danger {
    /*background-color: #dc3545;*/
    background-color: #ADDADD;
    border-color: #addadd;
    color: #252525;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;  
}

html body a.btn.btn-outline-danger:hover {
    /*background-color: #b02a37;*/
    background-color: #9bd0d4;
    border-color: #9bd0d4;
}

html body form.form-horizontal border-info {
    border-color: #b9b9b9 !important;
}

html body form.form-horizontal .border {
    border: 0px solid #b9b9b9 !important;
}

html body form.form-horizontal .bg-info, html body form#userFormProject .bg-info {
    background-color: #ebebeb !important;
    /* background-color: #565656 !important;*/
    padding: 10px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    border-radius: 5px;
    color: #252525;
}

html body form.form-horizontal img.img-thumbnail.mr-3 {
    border-radius: 100% !important;
}

html body form.form-horizontal .p-4.border.shadow-sm {
    background-color: #fcfcfc;
}

/* NAJDI POSKYTOVATEĽA - PROFIL SEKCIA */

.jbf-fieldset .col-md-5.text-center img {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
}

html body form fieldset.jbf-fieldset h2 {
    font-size: 32px;
}

html body form fieldset.jbf-fieldset .bg-success {
    --bs-bg-opacity: 1;
    background-color: #489e1d !important;
    border-radius: 5px;
    padding: 6px;
    font-weight: 400;
    font-size: 12px;
}

html body form fieldset.jbf-fieldset .btn-outline-success, html body form#userFormProject .btn-info {
    color: white;
    border-color: #28A5AD;
    background-color: #28A5AD;
    border-radius: 5px;
    padding-left: 30px;
    padding-right: 30px;
}

html body form fieldset.jbf-fieldset .btn-outline-success:hover, html body form#userFormProject .btn-info:hover {
    border-color: #27949c;
    background-color: #27949c;
}

html body form#userFormProject i.icon-cart::before {
    content: "\f07a";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body form#userFormProject .col-md-8 h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 18px;
}

html body form#userFormProject img.img-thumbnail.mr-3 {
    border-radius: 100%;
}

html body fieldset.jbf-fieldset.mt-3 legend {
    font-size: 14px;
}

html body form fieldset.jbf-fieldset label {
    font-weight: 600;
}

html body form fieldset.jbf-fieldset .bg-danger {
    border-radius: 0;
    font-weight: 400;
    font-size: 12px;
}

html body form fieldset.jbf-fieldset .bg-dark{
    border-radius: 0;
    font-weight: 400;
    font-size: 12px;
}
html body .bg-light .bg-warning {
    border-radius: 0;
    font-weight: 400;
    font-size: 12px;
}

html body form#userFormPortfolio i.icon-ok::before {
    content: "\f00c";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body form#userFormPortfolio .icon-remove:before {
    content: "\f00d";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body form#userFormMessage .btn-outline-primary {
    color: #252525;
    border-color: #ebebeb;
    background-color: #ebebeb;
    border-radius: 5px;
}

html body form#userFormMessage .btn-outline-primary:hover {
    border-color: #958e88;
    background-color: #958e88;
}

.card.h-100.shadow-sm, .jbf-image.card-img-top {
    border-radius: 0;
}

html body .card.h-100.shadow-sm img.img-thumbnail.mr-2 {
    border-radius: 100%;
}

joomla-tab>joomla-tab-element, joomla-tab[view=tabs]>div[role=tablist] {
    border-radius: 0;
}

html body form#userFormProject .service-seller-pic, html body form#userFormProject .service-seller-pic a img  {
    border-radius: 100%;
}

html body .service-seller-details {
    margin-top: 25px !important;
    margin-left: -65px !important;
    margin-bottom: 15px !important;
    position: relative !important;
    z-index: 1 !important;
}

html body .service-seller-details a {
    font-weight: 600;
}

html body .bg-light .form-check-input:checked {
    background-color: #28A5AD;
    border-color: #28A5AD;
}

form .card-footer.text-center a {
    border-radius: 5px;
    background-color: #616161;
    border-color: #616161;
    color: white;
    border-color: #616161;
    padding-left: 10px;
    padding-right: 10px;
}

html body form .card-footer.text-center a:hover {
    background-color: #545454;
    border-color: #545454;
}

html body form input.btn.btn-outline-secondary.float-end {
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

form.form-validate .control-group .controls label {
    margin: 5px 10px;
}

html body form[name="viewProfile"] fieldset.jbf-fieldset .btn-outline-success {
    display: none; /* deaktivacia zobrazenia tlacidla "Pozvat do projektu" */
} 

/* UPRAVIŤ PROFIL */
/*
#edit-profile i.icon-edit::after {
    content: "\f044";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 2px;
}
*/
html body form#frmEditProfile {
    margin-top: 30px;
}

html body .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #252525;
    background-color: #ebebeb;
    border-radius: 5px;
    border: 1px solid #ebebeb;
}

html body .nav-pills a.nav-link {
    color: #252525;
    border: 1px solid transparent !important;
}

html body .nav-pills a.nav-link:hover {
    border: 1px solid #ebebeb !important;
    border-radius: 5px !important;
    /* color: #7e7772; */
}

html body #div-hourly-rate span.input-group-text {
    border-radius: 0px;
}
html body .bid_project_left.float-start {
    border-radius: 0px;
}

fieldset.jbf-fieldset span.input-group-text {
    font-size: 14px;
}

html body .choice, html body .choices__inner.has-success {
    border-radius: 0px !important;
}

html body input.choices__input.choices__input--cloned.valid {
    font-size: 14px;
    background-color: transparent;
}

html body .choices__inner input.choices__input.choices__input--cloned {
    font-size: 14px;
    background-color: transparent;
}

html body fieldset.jbf-fieldset select#level1, html body fieldset.jbf-fieldset select#level2, html body fieldset.jbf-fieldset select#level3 {
    line-height: 1;
    font-size: 14px;
}

html body fieldset.jbf-fieldset select#level1:focus, html body fieldset.jbf-fieldset select#level2:focus, html body fieldset.jbf-fieldset select#level3:focus {
    color: #212529;
    border-color: #ced4da;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(204, 204, 204, .35);
}

html body form#frmEditProfile input.choices__input.choices__input--cloned {
    font-size: 16px;
}

/* upravy pre custom polia - start */
html body select#field_access_3, html body select#field_access_4 {
    font-size: 14px;
    line-height: 1;
}

html body select#field_access_3:focus, html body select#field_access_4:focus {
    color: #212529;
    border-color: #ced4da;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(204, 204, 204, .35);
}

/* upravy pre custom polia - end */

html body form#frmEditProfile input.btn.btn-primary {
    border-color: #616161 !important;
    background-color: #616161;
    border-radius: 5px !important;
}

html body form#frmEditProfile input.btn.btn-primary:hover {
    border-color: #545454 !important;
    background-color: #545454;
}

html body form#userFormProject input#submitbtn {
    background-color: #616161;
    border-radius: 5px !important;
    border-color: #616161;
}

html body form#userFormProject input#submitbtn:hover {
    background-color: #545454;
    border-color: #545454;
}

html body form#profilePicture button.btn.btn-primary.select-image-btn {
   border-radius: 5px;
   background-color: #ADDADD;
   border-color: #ADDADD;
   color: #252525;
}

html body form#profilePicture button.btn.btn-primary.select-image-btn:hover {
   background-color: #9bd0d4;
   border-color: #9bd0d4;
}

html body form#profilePicture button.btn.btn-success.crop-save {
    border-radius: 5px;
    border-color: #28A5AD;
    background-color: #28A5AD;
    color:#252525;
}

html body form#profilePicture button.btn.btn-success.crop-save:hover {
   background-color: #27949c;
   border-color: #27949c;
}

html body form#profilePicture button.btn.btn-danger.remove-picture {
    background-color: #ebebeb;
    border-color: #ebebeb;
    color: #252525;
}

html body form#profilePicture button.btn.btn-danger.remove-picture:hover {
    background-color: #dddddd;
    border-color: #dddddd;
}

html body .cropit-image-view .cropit-preview.cropit-image-loaded, html body .cropit-image-view .cropit-preview-image-container, html body .current-profile-picture .cropit-preview,
html body .cropit-preview-image-container {
    border-radius: 100%;
}

.jbf-fieldset .col-md-5.text-center img {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
}

html body .float-end a.btn.btn-primary {
    border-radius: 5px;
    padding-left: 30px;
    padding-right: 30px;
    background-color:#616161;
}

html body .float-end a.btn.btn-primary:hover {
    background-color:#545454;
}

html body form#userFormPortfolio .choices__inner, html body form#userFormPortfolio .choices {
    border-radius: 0px;
}

html body form#userFormPortfolio input.choices__input.choices__input--cloned {
    font-size: 16px;
}

html body form#userFormPortfolio input#published0, html body form#userFormPortfolio input#published1 {
    margin-right: 5px;
}

html body form#userFormPortfolio input#published1 {
    margin: 0px 5px;
}

form.form-validate .form-actions input.btn.btn-primary {
    background-color: #616161;
    border-color: #616161;
    border-radius: 5px !important;
}

form.form-validate .form-actions input.btn.btn-primary:hover {
    background-color: #545454;
    border-color: #545454;
}

html body table.table.table-bordered.table-hover th {
    background-color: #616161;
    color: white;
}

html body form#UsersForm .table-responsive table.table.table-hover.table-bordered.table-striped td.hidden-phone a.thumbnail.no-margin-bottom img {
    border-radius: 100%;
}

html body form#userForm table.table.table-bordered.table-hover td a {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline;
}

html body form#userFormPortfolio span.btn.btn-outline-success.portfolio-image-fileinput-button.dz-clickable,
html body form#userForm span.btn.btn-outline-success.verify-attachment-fileinput-button.dz-clickable {
    border-radius: 5px;
/*    padding-left: 20px;
    padding-right: 20px;*/
    background-color: #ADDADD;
    border-color: #ADDADD;
    color: #252525;
}

html body form#userFormPortfolio span.btn.btn-outline-success.portfolio-image-fileinput-button.dz-clickable:hover,
html body form#userForm span.btn.btn-outline-success.verify-attachment-fileinput-button.dz-clickable:hover {
    background-color: #9bd0d4;
    border-color: #9bd0d4;
}

html body form#userFormPortfolio button.btn.btn-outline-primary.start,
html body form#userForm button.btn.btn-outline-primary.start {
    border-radius: 5px;
    border-color: #28A5AD;
    background-color: #28A5AD;
    color: #252525;
/*    padding-left: 20px;
    padding-right: 20px;*/
}

html body form#userFormPortfolio button.btn.btn-outline-primary.start:hover,
html body form#userForm button.btn.btn-outline-primary.start:hover {
    background-color: #27949c;
    border-color: #27949c;
}

html body div#portfolio-image-previews button.btn.btn-outline-danger.btn-sm.delete,
html body div#verify-attachment-previews button.btn.btn-outline-danger.btn-sm.delete{
    border-radius: 5px;
}

html body form#userFormPortfolio button.btn.btn-outline-warning.cancel,
html body form#userForm button.btn.btn-outline-warning.cancel {
    background-color: #ebebeb;
    border-color: #ebebeb;
    border-radius: 5px;
/*  padding-left: 20px;
    padding-right: 20px;*/
    color: #252525;
}

html body form#userFormPortfolio span.btn.btn-outline-success.portfolio-image-fileinput-button.dz-clickable i.icon-plus-circle::before {
    content: "\f055";
    font-family: 'FontAwesome';
    font-style: normal;
    margin-right: 2px;
}

html body form#userFormPortfolio button.btn.btn-outline-warning.cancel i.icon-minus-circle::before {
    content: "\f056";
    font-family: 'FontAwesome';
    font-style: normal;
    margin-right: 2px;
}

html body form#userFormPortfolio button.btn.btn-outline-warning.cancel:hover,
html body form#userForm button.btn.btn-outline-warning.cancel:hover {
    background-color: #dddddd;
    border-color: #dddddd;
}

html body form#userFormPortfolio button#portfolioattachment1, html body form#userFormPortfolio button#portfolioattachment2, html body form#userFormPortfolio button#portfolioattachment3, html body form#userFormPortfolio button#portfolioattachment4, html body form#userFormPortfolio button#portfolioattachment5 {
    color: #252525;
    border-color: #ebebeb;
    background-color: #ebebeb;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.choices__list.choices__list--multiple .choices__item.choices__item--selectable,
.choices__list.choices__list--multiple .choices__item.is-highlighted {
    background-color: #ebebeb;
    border-radius: 5px;
    color: #252525;
    border: 1px solid #ebebeb
}

.choices__list.choices__list--multiple .choices__item.choices__item--selectable button.choices__button_joomla,
.choices__list.choices__list--multiple .choices__item.is-highlighted button.choices__button_joomla{
    font-size: 0;
    border: 0px;
    background-color: transparent;
}

.choices__list.choices__list--multiple .choices__item.choices__item--selectable .choices__button_joomla::before {
    content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    color: #252525;
    font-size: 14px;
    top: -14px;
}

form#userFormPortfolio .form-actions {
    text-align: right;
}

form .row h4 {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 20px;
}

form #report-this i.icon-warning::before {
    content: "\f071";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 5px;
    color: #67696c;
}

form #send-message i.icon-comment::before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 5px;
    color: #67696c;
}

html body form#userFormProject input.btn.btn-primary {
    background-color: #616161;
    border-color: #616161;
    border-radius: 5px !important;
}

html body form#userFormProject input.btn.btn-primary:hover {
    background-color: #545454;
    border-color: #545454;
}

form#userForm .form-actions.mt-3 button.btn.btn-primary {
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 0;
}

iv#portfolio-image-previews .file-row.dz-processing.dz-image-preview.dz-success.dz-complete button.btn.btn-outline-danger.btn-sm.delete {
    border-radius: 0;
}

/* PREDPLATNÉ */

html body .card.shadow.h-100 .card-body,
html body .pricing.mt-3 .card-body {
    display: block !important;
}

form.jbf-form.form-validate fieldset.jbf-fieldset button.btn.btn-secondary.input-password-toggle {
    border-radius: 0;
}

form.jbf-form.form-validate fieldset.jbf-fieldset span.icon-eye.icon-fw::before {
    content: "\f06e";
    font-family: 'FontAwesome';
}

form.jbf-form.form-validate fieldset.jbf-fieldset span.icon-fw.icon-eye-slash::before {
    content: "\f070";
    font-family: 'FontAwesome';
}

form#form-login .btn-outline-success
 {
    border-color: #28A5AD;
    border-radius: 5px;
    color: white;
    background-color: #28A5AD;
}

form#form-login .btn-outline-success:hover
 {
    border-color: #27949c;
    background-color: #27949c;
}

html body .card-body form#form-login span.input-group-text {
    border-radius: 0px;
}

html body .card-body form#form-login i.icon-user::before {
    content: "\f007";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body .card-body form#form-login i.icon-lock::before {
    content: "\f084";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body .card-body form#form-login i.icon-question-sign::before {
    content: "\f09c";
    font-family: 'FontAwesome';
    font-style: normal;
}

form#form-login .btn-outline-success:hover
 {
    border-color: #27949c;
    border-radius: 5px;
    color: white;
    background-color: #27949c;
}

html body .progress-bar {
    background-color: #3e8d17;
}

.card.shadow.h-100 {
    border-radius: 0px;
}

.card.shadow .card-header h4 {
    font-family: 'KODCHASAN', sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin-top: 10px;
}

.card.shadow.h-100 .card-body .p-3 h4 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin-top: 10px;
}

.card.shadow.h-100 .card-body a#signup, .card-footer .text-center button#btn_ug_id1, .card-footer .text-center button#btn_ug_id2 {
    /*background-color: #4c4c4c;
    border-color: #4c4c4c;*/
    background-color: #ADDADD;
    border-color: #ADDADD;
    border-radius: 5px;
    color: black;
    font-size: 18px;
    margin: 20px 0px;
}

.card.shadow.h-100 .card-body a#signup:hover, .card-footer .text-center button#btn_ug_id1:hover, .card-footer .text-center button#btn_ug_id2:hover {
    /*background-color: #616161;
    border-color: #616161;*/
    background-color: #9bd0d4;
    border-color: #9bd0d4;
}

html body .card.shadow.h-100 .card-header.text-center.jbf-bg-primary {
    /*background-color: black !important;*/
    background-color: #EBEBEB !important;
    color: black;
    border-radius: 0px;
}

html body .card.shadow.h-100 .card-header.text-center.jbf-bg-primary h2 {
    font-family: 'KODCHASAN', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: black !important;
    text-transform: uppercase
}

.card.shadow.h-100 span.badge.bg-danger.float-end {
    position: absolute;
    right: 0;
    margin-right: 8px;
}

.card.shadow.h-100 .card-body h3 {
    font-family: 'KODCHASAN', sans-serif;
    /* font-weight: 700; */
    font-size: 26px;
    margin-top: 10px;
}

html body.pricing .card {
    border-radius: 0px;
}

html body .pricing.mt-3 .card-body {
    padding: 0px;
}

html body .pricing .card {
    border-radius: 0px;
}

html body .pricing.mt-3 .card-body h5.card-title.text-muted.text-uppercase.text-center {
    background-color: black;
    color: white !important;
    padding: 30px;
    margin-bottom: 30px;
    margin-top: 0px;
}

.if-subscriptionplans {
    padding: 40px;
    text-align: justify;
}

.if-membership-intro-text {
    text-align: center;
    padding: 50px 0px;
}

.if-membership-intro-text a {
    text-decoration: underline;
}

.pricing.mt-3 .card-body .fa-ul li {
  display: none;
}

.pricing.mt-3 .card-body ul.fa-ul {
    padding: 0px 25px;
}

.pricing.mt-3 .card-body .fa-ul li:nth-child(3), .pricing.mt-3 .card-body .fa-ul li:nth-child(4), .pricing.mt-3 .card-body .fa-ul li:nth-child(6) {
  display: list-item;
}

form .pricing hr {
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-top: 0px solid #eee;
}

html body .pricing.mt-3 .card-body .d-grid {
    padding: 30px;
}

html body .pricing.mt-3 label {
    border-radius: 5px;
    background-color: #4c4c4c;
    border-color: #4c4c4c;
    color: white;
    opacity: 1;
}

html body .pricing.mt-3 label:hover {
    background-color: #616161;
    border-color: #616161;
}

#div-gateway {
    text-align: center;
    margin-top: 30px;
}

#div-gateway h4.mb-4 {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 28px;
}

#div-gateway label.form-check-label {
    background-color: transparent;
    color: #4c4c4c;
}

form .pricing .form-check.mb-3 {
    display: inline-block;
}

.pricing .form-actions {
    text-align: center;
}

html body .pricing .form-actions input.btn.btn-primary {
    margin-top: 30px;
    background-color: #28A5AD;
    border-color: #28A5AD;
    border-radius: 5px !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
    opacity: 1;
    font-size: 14px;
}

html body .pricing .form-actions input.btn.btn-primary:hover {
    background-color: #27949c;
    border-color: #27949c;
}

a.if-subsriptions-history {
    background-color: #616161;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
}

a.if-subsriptions-history i.icon-clock::before {
    content: "\f017";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 5px;
}

a.if-subsriptions-history:hover {
    background-color: #545454;
    color: white;
    padding: 10px 20px;
}

#no-more-tables table.table.table-bordered.table-hover>thead {
    vertical-align: middle;
}

html body #no-more-tables .bg-warning {
    border-radius: 0;
    font-weight: 400;
    font-size: 12px;
}

html body #no-more-tables .bg-success {
    background-color: #489e1d !important;
    border-radius: 0;
    font-weight: 400;
    font-size: 12px;
}

html body form .text-end a.btn.btn-outline-primary {
    background-color: #28A5AD;
    border-color: #28A5AD;
    border-radius: 5px;
    color: white;
    font-size: 14px;
}

html body form .text-end a.btn.btn-outline-primary:hover {
    background-color: #27949c;
    border-color: #27949c;
}

#no-more-tables a.btn.btn-light.btn-sm {
    background-color: transparent;
    border-color: transparent;
}

html body #no-more-tables td a {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline;
}

html body #no-more-tables td a.btn.btn-light.btn-sm {
    text-decoration: none;
}
/*
.jbf-fieldset dl.row dt.if-subsreview-details:nth-of-type(2), .jbf-fieldset dl.row dt.if-subsreview-details:nth-of-type(2) + dd,
.jbf-fieldset dl.row dt.if-subsreview-details:nth-of-type(3), .jbf-fieldset dl.row dt.if-subsreview-details:nth-of-type(3) + dd,
.jbf-fieldset dl.row dt.if-subsreview-details:nth-of-type(7), .jbf-fieldset dl.row dt.if-subsreview-details:nth-of-type(7) + dd {
    display: none; /*deaktivacia zobrazenia urcitych poloziek z projektov
}
*/

html body fieldset.jbf-fieldset h6.card-subtitle.text-muted {
    display: none;
}

html body #no-more-tables i.icon-cart::before {
    content: "\f09d";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 5px;
    color: #67696c;
    font-size: 20px;
    margin: 0px 5px 0px 10px;
}

html body #no-more-tables i.icon-minus-circle::before {
    content: "\f1f8";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 5px;
    color: #67696c;
    font-size: 20px;
    margin: 0px 10px 0px 5px;
}

form .w-100 td.text-end {
    text-align: left !important;
}

form .bg-light.mt-3.p-3.shadow.jbbox-gradient h4 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 10px;
}

html body form[name="userFormJob"] .bg-light.mt-3.p-3.shadow.jbbox-gradient th {
    background-color: #616161;
    color: white;
    padding: 5px;
}

html body form[name="userFormJob"] .bg-light.mt-3.p-3.shadow.jbbox-gradient table.w-100 {
    border: 1px solid #dddddd;
}

html body form[name="userFormJob"] .bg-light.mt-3.p-3.shadow.jbbox-gradient table.w-100 tr, html body form[name="userFormJob"] .bg-light.mt-3.p-3.shadow.jbbox-gradient table.w-100 td {
    border: 1px solid #dddd;
    padding: 5px;
}

html body form[name="userFormJob"] .bg-light.mt-3.p-3.shadow.jbbox-gradient table.w-100 input.btn.btn-primary {
    border-radius: 5px !important;
    border-color: #616161;
    background-color: #616161;
}

html body form[name="userFormJob"] .bg-light.mt-3.p-3.shadow.jbbox-gradient table.w-100 input.btn.btn-primary:hover {
    border-color: #545454;
    background-color: #545454;
}

html body h2.jbj_manual {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 10px;
}

.modal-dialog.modal-xl.jviewport-width80 .modal-content {
    height: 450px;
}

.modal-dialog.modal-xl.jviewport-width80 .modal-content iframe {
    height: 250px;
}

html body h3.modal-title {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 10px;
}

.modal-header h3.modal-title
font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 10px;



html body div#simple-modal {
    border-radius: 0px;
}

html body .bg-light.mt-3.p-3.shadow.jbbox-gradient {
    margin-top: 30px !important;
}

html body .row.mb-4 .card.shadow.h-100 .card-header {
    background-color: #ebebeb !important;
}

.regaddtext {
    font-size: 17px;
    /*background-color: #f7f7f7;*/
    background-color: #ADDADD;
    padding: 10px;
    font-weight: 700;
    /*border: 1px solid #e7e7e7;*/
    border: 1px solid #ADDADD;
    font-family: 'Kodchasan';
}

.choices__list {
    z-index: 999;
}

meter#progress-0 {
    width: 480px;
}

/* FORUM */

html body .card-body.topic-body {
    display: block !important;
}

html body small.text-muted {
    display: none;
}

html body #cj-wrapper nav.navbar.navbar-expand-lg.navbar-light.bg-light.mb-3 .container-fluid a.navbar-brand {
    font-family: 'Kodchasan', sans-serif;
}

html body #cj-wrapper .card.mb-4 .card-header {
    background-color: #ADDADD;
    border-radius: 0px !important;
}

html body form.pms-actions.inline.form-inline.mb-3 button.btn.btn-default.btn-outline-secondary {
    border-radius: 0px;
    border: 1px solid #ced4da !important;
    background-color: #dddddd !important;
    color: #727272;
  font-size: 14px;
}

html body form.pms-actions.inline.form-inline.mb-3 a.btn.btn-primary,
html body form.pms-actions.inline.form-inline.mb-3 a.btn.btn-secondary {
   border-radius: 5px;
   font-size: 14px;
   background-color: #6c757d !important;
}


html body form.pms-actions.inline.form-inline.mb-3 a.btn.btn-primary:hover,
html body form.pms-actions.inline.form-inline.mb-3 a.btn.btn-secondary:hover {
  background-color: #28A5AD !important;
  border-color: #28A5AD !important;
}

html body .chosen-container.chosen-container-single.chosen-container-single-nosearch,
html body form.pms-actions.inline.form-inline.mb-3 .chosen-container.chosen-container-single.chosen-container-single-nosearch.chosen-with-drop.chosen-container-active {
    margin-top: 10px;
}

html body .chosen-container.chosen-container-single.chosen-container-single-nosearch a.chosen-single {
    border-radius: 0px !important;
}

html body form.pms-actions.inline.form-inline.mb-3 .col {
    text-align: right;
}

html body form.pms-actions.inline.form-inline.mb-3 .chosen-container.chosen-container-single.chosen-container-single-nosearch {
    width: auto !important;
    margin: 0px !important;
}

html body form.pms-actions.inline.form-inline.mb-3 .chosen-container-single .chosen-single {
    height: 35px !important;
    line-height: 2.5;
    font-size: 15px;
    min-width: 180px;
  text-align: left;
}

html body form.pms-actions.inline.form-inline.mb-3 .chosen-drop {
    text-align: left;
}

html body .card.card-default.messages-list-wrap h3.card-title.p-0.m-0 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 20px;
}

html body .d-none.d-sm-block a.thumbnail.no-margin-bottom img.media-object {
    border-radius: 100%;
}

div#cj-wrapper .card.card-default.messages-list-wrap {
    border-radius: 0;
}

html body div#cj-wrapper.message-page a.btn.btn-sm.btn-info {
    background-color: #ebebeb !important;
    border-color: #ebebeb !important;
    border-radius: 5px;
    color: #252525;
}

html body div#cj-wrapper.message-page a.btn.btn-sm.btn-info:hover {
    background-color: #8b827c !important;
}

html body div#cj-wrapper.message-page .card-header h4,
html body form#adminForm h3.page-header.no-space-top {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 18px;
}

html body form#adminForm .js-editor-tinymce button.btn.btn-secondary.js-tiny-toggler-button {
    border-radius: 5px;
}

html body .card-footer.margin-top-10.center.text-center button.btn.btn-primary {
    border-radius: 5px;
    padding-left: 30px;
    padding-right: 30px;
}

form#PmsForm h3.page-header {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 20px;
    padding-top: 15px;
}

html body form#PmsForm button#jform_receiver_id_select {
    border-radius: 5px;
}

html body form#PmsForm button.btn.btn-secondary.js-tiny-toggler-button {
    border-radius: 5px;
    margin-bottom: 15px;
}

html body form#PmsForm button.btn.btn-primary {
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

html body .modal-dialog.jviewport-width80 {
    width: 60vw;
    top: 10%;
}

html body .modal-dialog.modal-xl.jviewport-width80 iframe.iframe {
    width: 100%;
}

html body form#UsersForm input#filter_search {
    border-radius: 0;
}

html body button.filter-search-bar__button.btn.btn-primary {
    border: 1px solid #ced4da !important;
    background-color: #dddddd !important;
    border-radius: 0;
}

html body button.filter-search-actions__button.btn.btn-primary.js-stools-btn-filter {
    border-radius: 5px !important;
    margin: 0 15px 0 5px;
}

html body button.filter-search-actions__button.btn.btn-primary.js-stools-btn-filter:hover {
    background-color: #28A5AD !important;
    border-color: #28A5AD !important;
}

html body form#UsersForm button.filter-search-actions__button.btn.btn-primary.js-stools-btn-clear {
    border-radius: 5px !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

html body form#UsersForm button.filter-search-actions__button.btn.btn-primary.js-stools-btn-clear:hover {
    background-color: #28A5AD !important;
    border-color: #28A5AD !important;
}

html body button.filter-search-actions__button.btn.btn-primary.js-stools-btn-clear {
    border-radius: 5px;
    background-color: #5c636a;
}

html body button.filter-search-actions__button.btn.btn-primary.js-stools-btn-clear:hover {
    background-color: #535a60;
}

html body form#UsersForm .ordering-select select#list_fullordering,
html body form#UsersForm .ordering-select select#list_limit {
    border-radius: 0px;
}

html body .card-body select.form-select,
html body .card-body select#catid {
    font-size: 14px;
    line-height: 1;
}

html body form#UsersForm .ordering-select select#list_fullordering:focus,
html body form#UsersForm .ordering-select select#list_limit:focus,
html body .card-body select.form-select:focus,
html body .card-body select.form-select:focus,
html body .card-body select.form-select:focus,
html body .card-body select.form-select:focus {
    color: #212529;
    border-color: #ced4da;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(204, 204, 204, .35);
}

html body form#UsersForm .panel.panel-default.card.bg-light {
    border-radius: 0px;
}

html body .modal-footer button.btn.btn-secondary {
    border-radius: 0;
    padding-left: 30px;
    padding-right: 30px;
}

html body form .row.mb-3 .card.card-default .card-body {
    display: block !important;
}

html body div#system-message-container .card.mb-3, .card.mb-4, .panel.panel-default.card.card-default, html body .card.topic-details.mb-3, html body .topic-details .card.my-3, html body .tox.tox-tinymce.tox-tinymce--toolbar-sticky-off, html body .card.card-default, html body .related-topics .card.bg-light {
    border-radius: 0px;
}

html body form#topicReplyForm .card-body
 {
    display: block !important;
}

html body form#topicReplyForm .card-body button.btn.btn-primary {
    background: #ADDADD !important;
    border-color: #ADDADD !important;
    border-radius: 5px !important;
}

html body form#topicReplyForm .card-body button.btn.btn-primary:hover {
    background: #ADDADD !important;
    border-color: #ADDADD !important;
    border-radius: 5px !important;
}

html body form#topicReplyForm .card-body button.btn.btn-primary:hover {
    background: #9bd0d4 !important;
    border-color: #9bd0d4 !important;
}

html body form#topicForm .panel-body.card-body {
    display: block !important;
}

html body form#topicForm button.btn.btn-outline-secondary, html body form#topicForm button.btn.btn-primary {
    border-radius: 5px !important;
} 

html body form#topicForm button.btn.btn-primary {
    background: #ADDADD !important;
    border-color: #ADDADD !important;
}

html body form#topicForm button.btn.btn-primary:hover {
    background: #9bd0d4 !important;
    border-color: #9bd0d4 !important;
}

html body div#cj-wrapper h4.card-title.p-0.m-0 {
    font-family: 'KODCHASAN', sans-serif;
    font-weight: 700;
    font-size: 20px;
}

html body .card-body img.media-object {
    border-radius: 100% !important;
    width: 100px !important;
}

html body .reply-details .avatar.d-none.d-sm-block.mb-4 img.media-object {
    width: 100px !important;
    border-radius: 100%;
}

html body h3.cjheader, html body div#cj-wrapper .topics-list-wrap h4, html body div#cj-wrapper h3.page-header{
    font-family: 'KODCHASAN', sans-serif;
    font-weight: 700;
    font-size: 20px;
}

.card.card-default.item-count-box {
    border-radius: 0;
}

html body form.search-form.row.row-cols-lg-auto.g-3.align-items-center button.btn.btn-outline-secondary {
    border-radius: 0;
    background-color: #616161;
    color: white;
    border-color: #616161;
}

html body form.search-form.row.row-cols-lg-auto.g-3.align-items-center button.btn.btn-outline-secondary:hover {
    background-color: #545454;
    border-color: #545454;
}

html body .jump-to-category-list a.btn.btn-secondary.dropdown-toggle {
    border-radius: 5px;
}

html body .jump-to-category-list a.btn.btn-secondary.dropdown-toggle:hover {
    background-color: #28A5AD !important;
    border-color: #28A5AD !importan;
}

.jump-to-category-list .dropdown-menu.show {
    border-radius: 0;
}

html body a.btn.btn-sm.btn-outline-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: white;
    margin: 1px;
    border-radius: 5px !important;
}

html body .card-footer.topic-footer a.btn.btn-sm.btn-outline-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: white;
    margin: 1px;
    border-radius: 5px;
}

html body .card-footer.topic-footer a.btn.btn-sm.btn-outline-secondary:hover {
    background-color: #28A5AD;
    border-color: #28A5AD;
}

html body a.btn.btn-sm.btn-outline-secondary:hover {
    background-color: #28A5AD;
    border-color: #28A5AD;
}

html body .toggle-editor.btn-toolbar.float-end.clearfix.mt-3 button.btn.btn-secondary.js-tiny-toggler-button {
    border-radius: 5px;
    margin-bottom: 15px;
}

html body .toggle-editor.btn-toolbar.float-end.clearfix.mt-3 button.btn.btn-secondary.js-tiny-toggler-button:hover {
    background-color: #28A5AD;
    border-color: #28A5AD;
}

html body .card.card-default .card-body button.btn.btn-primary {
    border-radius: 0;
    padding-left: 20px;
    padding-right: 30px;
    margin: 0 10px;
}

html body form#UsersForm select#list_fullordering, html body form#UsersForm select#list_limit {
    font-size: 14px;
    line-height: 1;
}

html body form#UsersForm button.filter-search-bar__button.btn.btn-primary::after {
    content: "\f002";
    font-family: FontAwesome;
    font-style: normal;
    color: #727272;
}

html body div#cj-wrapper ul.list-group {
    border-radius: 0px;
}

html body .card.card-default a.btn.btn-outline-secondary,
html body .panel-body.card-body button.btn.btn-outline-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: white;
    margin: 1px;
    border-radius: 0;
    padding-left: 40px;
    padding-right: 40px;
}

html body .card.card-default a.btn.btn-outline-secondary:hover,
html body .panel-body.card-body button.btn.btn-outline-secondary:hover {
    background-color: #616161;
    border-color: #616161;
}

.choices, .choices__inner, .field-calendar span.input-group-text {
    border-radius: 0px !important;
}

html body .list-group.replies-list,
html body .tox.tox-tinymce.tox-tinymce--toolbar-sticky-on {
    border-radius: 0;
}

html body div#cj-wrapper .profile-header h1 {
    font-family: 'KODCHASAN', sans-serif;
    font-weight: 700;
    font-size: 25px;
    margin: 10px 0px !important;
}

html body div#cj-wrapper .profile-avatar.mb-1 {
    width: 150px;
    margin: 0 auto;
}

html body div#profile-actions a.btn.btn-primary.btn-sm,
html body html body div#profile-actions a.btn.btn-danger.btn-sm {
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

html body div#profile-actions a.btn.btn-success.btn-sm {
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-color: #489e1d;
    background-color: #489e1d;
}

html body div#profile-actions a.btn.btn-success.btn-sm:hover {
    border-color: #3e8d17;
    background-color: #3e8d17;
}

div#profile-tabs a.nav-link {
    border-radius: 5px;
    color: #252525;
}

div#profile-tabs .nav-tabs .nav-link.active {
    background-color: #ebebeb;
    color: #252525;
    border: 1px solid #ebebeb;
}

div#profile-tabs .nav-tabs .nav-link:hover {
    border-color: #ebebeb #ebebeb #ebebeb;
    color: #252525 !important;
}

html body form#adminForm a.nav-link {
    border-radius: 0px !important;
}

html body form#adminForm a.nav-link {
    color: #898d92;
}

html body form#adminForm div#editorContent select#jform_state,
html body form#adminForm select#jform_featured,
html body form#adminForm select#jform_access {
    font-size: 14px;
    line-height: 1;
}

html body form#adminForm div#editorContent select#jform_state:focus,
html body form#adminForm select#jform_featured:focus,
html body form#adminForm select#jform_access:focus {
    color: #212529;
    border-color: #ced4da;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(204, 204, 204, .35);
}

html body div#cj-wrapper .topic-details .modal-dialog {
    top: 10%;
}

html body div#cj-wrapper .topic-details .modal-dialog .modal-content {
    border-radius: 0;
}

html body div#cj-wrapper .topic-details .modal-dialog .modal-content input#inputTitle {
    font-size: 14px;
}

html body div#cj-wrapper .topic-details .modal-dialog .modal-content select#catid {
    font-size: 14px;
    line-height: 1;
}

html body div#cj-wrapper .topic-details .modal-dialog .modal-content select#catid:focus {
    color: #212529;
    border-color: #ced4da;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(204, 204, 204, .35);
}

html body div#cj-wrapper .topic-details .modal-dialog .modal-content .modal-footer button.btn.btn-primary {
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
}

html body div#cj-wrapper .topic-details .modal-dialog .modal-content .btn-close {
    background: none;
}

html body div#cj-wrapper div#profile-tabs .dropdown-menu.show {
    border-radius: 0;
}

html body div#cj-wrapper .card.bg-light.mb-3 {
    border-radius: 0px;
}

html body div#cj-wrapper .topics-list-wrap .list-group.topics-list {
    border-radius: 0px;
}

html body div#cj-wrapper .panel.panel-default.card.mb-3 {
    border-radius: 0px;
}

html body div#cj-wrapper .card-header .d-flex.flex-row .w-100 a.forum-title {
    font-size: 20px;
    font-weight: 600;
    font-family: 'KODCHASAN';
}

html body div#cj-wrapper .card-header .d-flex.flex-row .w-100 a.forum-title .fa-folder-open::before {
    content: "\f07c";
    font-size: 20px;
}

html body .child-category.list-group-item .d-none.d-sm-block.me-3.category-icon a.media-object .fa-folder-open:before {
    content: "\f07c";
    font-size: 18px;
}

html body .child-category.list-group-item .d-none.d-sm-block.me-3.category-icon {
    margin: auto 5px 18px 0px !important;
}

html body .child-category.list-group-item .w-100 {
    width: 100% !important;
    margin: auto 0;
}

.fa-rss-square::before, html body .fa-square-rss::before {
    content: "\f143";
    font-size: 11px;
}

html body .fa.fa-envelope-o:before {
    content: "\f0e0";
    font-size: 11px;
}

html body .card-header .align-bottom a.btn-subscribe .fa-envelope:before {
    content: "\f0e0";
    margin-left: 8px;
}

html body #cj-wrapper .item-count-box .item-count-num {
    display: block !important;
}

/* deaktivacia zobrazenia znaciek pri vytvarani noveho prispevku*/
/*label#jform_tags-lbl, .choices__inner.has-success {
    display: none;*/
}

html body #cj-wrapper .activities h2.border-bottom.py-2 {
    font-size: 22px;
}

/* BLOG */

.view-article .article-details .blog-details-img-wrapper.active:after {
  content:none !important;
}

/* DASHBOARD */

html body .form-actions input.btn.btn-primary {
    border-radius: 5px !important;
    background-color: #616161;
    border-color: #616161;
}

html body.form-actions input.btn.btn-primary:hover {
    background-color: #545454;
    border-color: #545454;
}



html body nav.navbar.navbar-expand-lg.navbar-dark.jbf-bg-primary {
    background-color: #616161 !important;
}

html body .card.shadow-sm.mb-3,
html body .col-md-9 .card.shadow-sm {
    border-radius: 0;
}

html body .col-md-9 .card.shadow-sm.mb-3 .card-body,
html body .col-md-9 .card.shadow-sm .card-body {
    display: block !important;
}

html body a.list-group-item.disabled.active.jbf-bg-primary.p-2 {
    background-color: #616161 !important;
    border-radius: 0px;
    border-color: #616161;
}

html body i.icon-notification-circle::before {
    content: "\f06a";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body i.icon-envelope::before {
    content: "\f0e0";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body i.icon-switch::before {
    content: "\f011";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body i.icon-edit::before {
    content: "\f044";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body i.icon-picture::before {
    content: "\f03e";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body i.icon-book::before {
    content: "\f02d";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body i.icon-list::before {
    content: "\f03a";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body i.icon-search::before {
/*    content: "\f002";*/
    font-family: 'FontAwesome';
    font-style: normal;
}

html body i.icon-tags::before {
    content: "\f02c";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body i.icon-basket::before {
    content: "\f291";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body i.icon-list-2::before {
    content: "\f0ca";
    font-family: 'FontAwesome';
    font-style: normal;
}
html body i.icon-download::before {
    content: "\f019";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body i.icon-upload::before {
    content: "\f093";
    font-family: 'FontAwesome';
    font-style: normal;
    margin-right: 2px;
}

html body i.icon-refresh::before {
    content: "\f021";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body i.icon-menu::before {
    content: "\f0c9";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body i.icon-credit::before {
    content: "\f09d";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body i.icon-asterisk::before {
    content: "\f005";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body .card-body i.icon-search:before {
    content: "\f002";
}

html body .card-body i.icon-warning::before {
    content: "\f071";
    font-family: FontAwesome;
    font-style: normal;
}

html body form a.btn.btn-outline-primary.mt-3.float-end {
    border-radius: 5px;
    background-color: #616161;
    border-color: #616161;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}

html body form a.btn.btn-outline-primary.mt-3.float-end:hover {
    background-color: #545454;
    border-color: #545454;
    color: white;

}

html body form .table-condensed i.icon-remove::before {
    content: "\f00d";
    font-family: 'FontAwesome';
    font-style: normal;
}

html body div#messageList img.img-thumbnail {
    border-radius: 100%;
}

html body form#userFormMessage button#btnsend {
    border-radius: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

html body form#userForm a.btn.btn-outline-primary {
    border-radius: 5px;
    background-color: #616161;
    border-color: #616161;
    color: white;
    padding-left: 30px;
    padding-right: 30px;
}

html body form#userForm a.btn.btn-outline-primary:hover {
    background-color: #545454;
    border-color: #545454;
}

html body form#userForm select#available {
    font-size: 14px;
    line-height: 1;
}

html body form#userForm .h4.py-2.mb-3.border-bottom {
    margin-top: 30px;
}

html body form#userForm select#available:focus {
    color: #212529;
    border-color: #ced4da;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(204, 204, 204, .35);
}

html body fieldset.jbf-fieldset span.input-group-text {
    border-radius: 0px;
}

html body form#userFormProject span.btn.btn-outline-success.service-image-fileinput-button.dz-clickable {
    border-radius: 5px;
/*    padding-left: 20px;
    padding-right: 20px;*/
    background-color: #ADDADD;
    border-color: #ADDADD;
    color: #252525;
}

html body form#userFormProject span.btn.btn-outline-success.service-image-fileinput-button.dz-clickable:hover {
    background-color: #9bd0d4;
    border-color: #9bd0d4;
}

html body form#userFormProject button.btn.btn-outline-primary.start {
    border-radius: 5px;
    border-color: #28A5AD;
    background-color: #28A5AD;
    color: #252525;
/*    padding-left: 20px;
    padding-right: 20px;*/
}

html body form#userFormProject button.btn.btn-outline-primary.start:hover {
    background-color: #27949c;
    border-color: #27949c;
}

html body form#userFormProject button.btn.btn-outline-warning.cancel {
    background-color: #ebebeb;
    border-color: #ebebeb;
    border-radius: 5px;
/*    padding-left: 20px;
    padding-right: 20px;*/
    color: #252525;
}

html body form#userFormProject button.btn.btn-outline-warning.cancel:hover {
    background-color: #dddddd;
    border-color: #dddddd;
}

html body form#userFormProject span.btn.btn-outline-success.service-image-fileinput-button.dz-clickable i.icon-plus-circle::before {
    content: "\f055";
    font-family: 'FontAwesome';
    font-style: normal;
    margin-right: 2px;
}

html body form#userFormProject button.btn.btn-outline-warning.cancel i.icon-minus-circle::before {
    content: "\f056";
    font-family: 'FontAwesome';
    font-style: normal;
    margin-right: 2px;
}

form#userFormProject .alert.alert-block h4 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 25px;
}

form#userFormProject input#submitbtn {
    background-color: #616161;
    border-radius: 5px !important;
    border-color: #616161;
}

form#userFormProject input#submitbtn:hover {
    background-color: #545454;
    border-color: #545454;
}


form#userFormProject .form-actions input.btn.btn-light {
    background-color: #616161;
    border-radius: 5px;
    border-color: #616161;
    padding-left: 40px;
    padding-right: 40px;
    color: white;
}

form#userFormProject .form-actions input.btn.btn-light:hover {
    background-color: #545454;
    border-color: #545454;
}

html body form#userForm span.input-group-text,
html body form#userFormProject span.input-group-text {
    border-radius: 0px;
}

html body joomla-tab-element#escrowout .pagination select#eoutlimit,
html body joomla-tab-element#deposits .pagination select#depositlimit,
html body joomla-tab-element#withdrawals .pagination select#withdrawlimit,
html body joomla-tab-element#escrowin .pagination select#einlimit {
    font-size: 14px;
    line-height: 1;
}

html body joomla-tab-element#escrowout .pagination select#eoutlimit:focus,
html body joomla-tab-element#deposits .pagination select#depositlimit:focus,
html body joomla-tab-element#withdrawals .pagination select#withdrawlimit:focus,
html body joomla-tab-element#escrowin .pagination select#einlimit:focus {
    color: #212529;
    border-color: #ced4da;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(204, 204, 204, .35);
}

html body form a.btn.btn-outline-primary.btn-sm {
    background-color: #28A5AD;
    border-color: #28A5AD;
    border-radius: 5px;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}

html body form a.btn.btn-outline-primary.btn-sm:hover {
    background-color: #27949c;
    border-color: #27949c;
}

html body form[name="userForm"] .d-flex .flex-grow-1.ms-3 .row .col-md-8 button#modal-8 {
    border-color: #616161;
    color: #616161;
}

html body form[name="userForm"] .d-flex .flex-grow-1.ms-3 .row .col-md-8 button#modal-8:hover {
    border-color: #545454;
    color: white;
    background-color: #545454;
}

html body form[name="userForm"] .d-flex .flex-grow-1.ms-3 button#modal-3 {
    border-color: #616161;
    color: #616161;
}

html body form[name="userForm"] .d-flex .flex-grow-1.ms-3 button#modal-3:hover {
    background-color: #616161;
    color: white;
}

html body form#progress-message .float-start button#uploadmessage {
    color: #252525;
    border-color: #ebebeb;
    background-color: #ebebeb;
    border-radius: 5px;
}

html body form#progress-message .float-start button#uploadmessage:hover {
    border-color: #dddddd;
    background-color: #dddddd;
}

html body form#progress-message button#btnsend
 {
    border-radius: 5px;
    padding-right: 40px;
    padding-left: 40px;
    background-color: black;
    border-color: black;
    color: white;
}

html body form#progress-message button#btnsend:hover
 {
    background-color: #616161;
    border-color: #616161;

}

html body joomla-tab-element#progress button#submitbtn {
    border-radius: 0;
}

html body joomla-tab-element#progress span.irs-single {
    background-color: #489e1d !important;
}

html body joomla-tab-element#progress .irs--round .irs-single:before {
    border-top-color: #489e1d;
}

html body joomla-tab-element#progress .irs--round .irs-handle {
    border: 4px solid #489e1d;
}

html body joomla-tab-element#progress .irs--round .irs-bar {
    background-color: #489e1d;
}

html body div#notify-menu img.img-thumbnail.mr-3 {
    border-radius: 100%;
}

html body div#feedlist img {
    border-radius: 100%;
}

div#feedlist a.btn.btn-outline-dark.btn-sm {
    border-radius: 5px;
    border-color: #616161;
    color: #616161;
}

div#feedlist a.btn.btn-outline-dark.btn-sm:hover {
    color: white;
    background-color: #616161 !important;
}

div#feedlist span#feed_hide_1 a.btn.btn-outline-dark.btn-sm:hover {
    border-color: #6c757d;
    background-color: #6c757d;
    color:white;
}

html body form#userFormProject .controls.fs-6 {
    font-weight: 600;
}

html body form#userForm .btn-outline-info.dropdown-toggle.show, html body form#userForm .btn-outline-info:active {
    color: white;
    background-color: #6c757d;
    border-color: #6c757d;
}

html body a#bootstrap_a_menu_item_303,
html body a#bootstrap_a_menu_item_304,
html body a#bootstrap_a_menu_item_305,
html body a#bootstrap_a_menu_item_306,
html body a#bootstrap_a_menu_item_307,
html body a#bootstrap_a_menu_item_305 {
    display:none;
}


/* LOGIN */

html body form#com-users-login__form .btn.btn-dark.w-100.akeeba-sociallogin-link-button-j4 {
    border: 0 !important;
    border-radius: 5px !important;
}

html body form#com-users-login__form button.btn.btn-primary.btn-lg.w-100 {
    border-radius: 5px;
    background-color: #616161 !important;
    border-color: #616161 !important;
}

html body form#com-users-login__form button.btn.btn-primary.btn-lg.w-100:hover {
    border-radius: 5px;
    background-color: #545454 !important;
    border-color: #545454 !important;
}


html body form#com-users-login__form input#username,
html body form#com-users-login__form input#password,
html body form#com-users-login__form span.input-group-text,
html body form#com-users-login__form button.btn.btn-secondary.input-password-toggle {
    height: 50px;
}

html body form#com-users-login__form button.btn.btn-secondary.input-password-toggle {
    height: 50px;
    padding: 0px 15px;
}

html body form#com-users-login__form button.btn.btn-primary.btn-lg.w-100:hover {
    background-color: #616161;
    color: white;
    border-color: #616161;
}






/* status štítky farebné */
/*
html body .bg-danger, html body span.badge.bg-dark, html body .bg-info, html body span.badge.bg-success,
.com_jblance.com-jblance.view-membership.layout-invoice .bg-warning, 
.com_jblance.com-jblance.view-membership.layout-invoice .bg-danger,
.com_jblance.com-jblance.view-membership.layout-invoice .bg-dark.
.com_jblance.com-jblance.view-membership.layout-invoice .bg-info,
.com_jblance.com-jblance.view-membership.layout-invoice .bg-succes {
    border-radius: 0 !important;
    font-weight: 400;
    font-size: 12px;
}
.com_jblance.com-jblance.view-membership.layout-invoice .bg-succes {
    background-color: #489e1d !important;
} 
*/

html body .bg-danger,
html body .bg-dark,
html body .bg-info,
html body .bg-secondary,
html body .bg-success,
html body .bg-warning,
html body .badge.bg-primary {
    border-radius: 5px !important;
    font-weight: 400;
    font-size: 12px;
}

html body .bg-success {
    background-color: #489e1d !important;
}




/* ========== RESPONZIVITA ============= */

@media only screen and (max-width: 768px) {

 img.logo-image-phone.d-inline-block.d-lg-none {
    width: 100px;
 }
  
/* UVOD - resp. */

 .miestnosti-offset {
  /* Zabezpečí scroll stránky na kotvu #miestnosti ale s posunom o 340px do hora */
  scroll-margin-top: -340px;
 }
  
 html body .card.jbf-hovereffect .overlay {
    visibility: hidden !important;
 }

 html body .card.jbf-hovereffect .overlay h2 {
    visibility: visible !important;
 } 
  
/* SLUZBY - resp. */
 html body form#userFormProject .float-end {
    float: none !important;
 }

 html body form#userFormProject h6 {
    margin-top: 10px;
 }

 html body joomla-field-fancy-select .choices__inner.has-success input.choices__input.choices__input--cloned.valid.form-control-success {
    display: none;
 }

 html body form#userFormProject span.btn.btn-outline-success.service-image-fileinput-button.dz-clickable {
    width: 100%;
    margin: 5px;
 }

 html body form#userFormProject button.btn.btn-outline-primary.start {
    width: 100%;
    margin: 0px 5px 5px 5px;
 }

 html body form#userFormProject button.btn.btn-outline-warning.cancel {
    width: 100%;
    margin: 0 5px;
 }

 html body .choices__inner input.choices__input.choices__input--cloned {
    display: none;
 }

 html body div#service-image-previews button.btn.btn-outline-danger.btn-sm.delete {
    border-radius: 5px;
 }

 div#service-image-previews fieldset.jbf-fieldset textarea#instruction {
    margin-top: 10px;
 }

 html body form#userFormProject fieldset.jbf-fieldset textarea#instruction {
    margin-top: 10px;
 }

 html body form#userFormProject .bg-light.p-3.mb-3 label.form-check-label {
    display: grid;
 }

 html body form#userFormProject .bg-light.p-3.mb-3 input#service-extra-0 {
    margin-top: 10px;
 }

 html body form#userFormProject .form-actions {
    text-align: center;
 }

 html body form.form-horizontal select#limit {
    width: 80px;
    float: right;
 }  

 html body form.form-horizontal .row.row-cols-lg-auto.g-3.mb-3.justify-content-end input.btn.btn-primary {
    width: 100%;
    margin-bottom: 10px;
 }

 html body form.form-horizontal .row.row-cols-lg-auto.g-3.mb-3.justify-content-end a.btn.btn-danger {
    width: 100%;
 }

 html body form.form-horizontal .pagination-wrap .display-limit.float-end select#limit {
    width: 80px;
    float: right;
 }

 html body form.form-horizontal .pagination-wrap .display-limit.float-end select#limit {
    width: 80px;
    float: right;
 } 
  
/* NÁJDI POSKYTOVATEĽA - resp. */
 html body .form-horizontal .controls {
    margin-left: 0px;
 }

 html body form.form-horizontal .form-switch .form-check-input {
    margin-left: -2.5em;
 } 

  html body form#frmEditProfile joomla-field-fancy-select input.choices__input.choices__input--cloned {
    display: none;
}

 html body form#frmEditProfile div#location_info select#level1,
 html body form#frmEditProfile div#location_info select#level2,
 html body form#frmEditProfile div#location_info select#level3  {
    width: 100% !important;
    margin: 0px 0px 10px 0px;
 }

 html body form#frmEditProfile .form-actions {
    text-align: center;
 }

 html body form#frmEditProfile joomla-field-fancy-select input.choices__input.choices__input--cloned {
    display: none;
 }

 html body form#frmEditProfile div#location_info select#level1,
 html body form#frmEditProfile div#location_info select#level2,
 html body form#frmEditProfile div#location_info select#level3  {
    width: 100% !important;
    margin: 0px 0px 10px 0px;
 }

 html body li.nav-item {
    width: 100%;
 }

 html body form#frmEditProfile .form-actions {
    text-align: center;
 }

 .if-profile-picture-preview {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
 }

 html body .float-end {
    float: none !important;
 }

 html body .float-end a.btn.btn-primary {
    width: 100%;
 }

 html body form#userFormPortfolio joomla-field-fancy-select .choices {
    width: 100%;
 }

 html body form#userFormPortfolio joomla-field-fancy-select input.choices__input.choices__input--cloned {
    display: none;
 }

 html body form#userFormPortfolio span.btn.btn-outline-success.portfolio-image-fileinput-button.dz-clickable,
 html body form#userFormPortfolio button.btn.btn-outline-primary.start,
 html body form#userFormPortfolio button.btn.btn-outline-warning.cancel {
    width: 100%;
    margin: 0px 0px 10px 0px;
 }

 html body form#userFormPortfolio div#portfolio-image-previews p.name {
    display: none;
 }

 html body form#userFormPortfolio button#portfolioattachment1, html body form#userFormPortfolio button#portfolioattachment2, html body form#userFormPortfolio button#portfolioattachment3, html body form#userFormPortfolio button#portfolioattachment4, html body form#userFormPortfolio button#portfolioattachment5 {
    width: 100%;
 }

 html body form#userFormPortfolio .form-actions {
    text-align: center;
 }

 .if-file-attachment-name a {
    display: block;
 }
  
 html body .form-horizontal .control-label {
    float: none;
 }

 html body form.form-validate .form-actions {
    text-align: center;
 }

 html body form .page-actions div#st-1 {
    margin-bottom: 10px;
 }

 html body form.form-horizontal .d-flex .flex-grow-1.ms-3 .btn-outline-success {
    margin: 10px 0px 8px 0px;
    width: 100%;
 }

 html body a.btn.btn-outline-danger {
    margin: 10px 0px 8px 0px;
 }
  
 html body form#userFormMessage .controls.has-success {
    text-align: center;
 }

 html body form.form-horizontal .p-4.border.shadow-sm {
    padding: 0px !important;
}

 html body .btn-outline-info {
    width: 100%;
    margin-bottom: 10px;
 }

 html body a.btn.btn-outline-danger {
    width: 100%;
    margin-bottom: 10px;
}

 div#feedlist a.btn.btn-outline-dark.btn-sm {
    width: 100%;
 }
  
 html body form fieldset.jbf-fieldset .btn-outline-success, html body form#userFormProject .btn-info {
    width: 100%;
    margin-bottom: 20px;
 }

 form .card-footer.text-center a {
    width: 100%;
 }

 html body form#userFormPortfolio .form-actions input.btn.btn-primary,
 html body form.form-validate .form-actions input.btn.btn-primary,
 html body form#userFormProject .form-actions input.btn.btn-primary,
 html body form#userFormMessage .form-actions input#submit,
 html body form#userFormMessage .form-actions input.btn.btn-primary {
    width: 100%;
    margin-bottom: 10px;
 }

 html body form#userFormProject .form-actions input.btn.btn-light {
    width: 100%;
 }  
  
 html body joomla-tab[view=accordion] button {
    border: 1px solid #dddddd
 }
  
/* REGISTRÁCIA - resp. */

  meter#progress-0 {
    width: 100%;
 }
 
  html body form[name="userFormJob"] {
    margin-top: -50px;
 }
  
  html body form[name="userFormJob"] a.if-subsriptions-history {
   position: relative;
   top: 15px;
   text-align: center !important;
   display: block;
 }

 html body .if-membership-intro-text {
    padding: 30px 0px 1px 0px;
 }
  
 html body form .text-end a.btn.btn-outline-primary {
    width: 100%;
 }

 html body form table.table.table-bordered.table-hover tr {
    margin: 10px 0px;
 }

 html body #no-more-tables td {
    text-align: right !important;
 }

 html body form[name="userFormJob"] joomla-tab-element#deposits div#no-more-tables table.table.table-bordered.table-hover button#modal-1 {
    border: none;
 } 

 html body form[name="userFormJob"] div#no-more-tables table.table.table-bordered.table-hover.mt-4 .pagination-wrap {
    margin: 0px 0px 0px 6px;
 } 

 html body form .text-end a.btn.btn-outline-primary {
    width: 100%;
 }

 html body .modal-dialog.jviewport-width80 {
    width: 95%;
 }

 html body form[name="userFormJob"] table.table.table-bordered.table-hover .pagination .pagination.pagination-toolbar.clearfix {
    margin: 0px 0px 0px 6px;
 }
  
html body form[name="userFormJob"] .bg-light.mt-3.p-3.shadow.jbbox-gradient {
    width: 100%;
    overflow-x: auto;
 }

 html body form[name="userFormJob"] .bg-light.mt-3.p-3.shadow.jbbox-gradient table.w-100 {
    min-width: 600px;
 }
  
/* FORUM - resp. */

 html body div#cj-wrapper #cj-login-form {
    display: block;
 }

 html body div#cj-wrapper #cj-login-form .row {
    display: block;
    width: 100%;
 }
 
 html body div#cj-wrapper small.text-muted {
    display: none;
 }

 html body .card.card-default .card-body button.btn.btn-primary  {
    margin: 0px;
 }

 html body form.pms-actions.inline.form-inline.mb-3 .col-4, form.pms-actions.inline.form-inline.mb-3 .col {
    flex: 0 0 auto;
    width: 100%;
 }

 html body form.pms-actions.inline.form-inline.mb-3 a.btn.btn-primary, html body form.pms-actions.inline.form-inline.mb-3 a.btn.btn-secondary {
    border-radius: 5px;
    width: 100%;
    margin: 10px 0px 0px 0px;
 }

 html body form.pms-actions.inline.form-inline.mb-3 select.input-small {
    font-size: 14px;
    margin-top: 10px;
 }

 html body .tox.tox-tinymce.tox-platform-touch {
    border-radius: 0px;
 }

 html body #cj-wrapper .margin-top-10 {
    border-radius: 0;
 }

 html body .panel.panel-default.card.bg-light.center.clearfix {
    border-radius: 0px;
 }

 html body div#profile-actions a.btn.btn-primary.btn-sm {
    width: 100%;
    margin-bottom: 5px;
 }

 html body div#profile-actions a.btn.btn-success.btn-sm {
    width: 100%;
    margin-bottom: 5px;
 }

 html body div#cj-wrapper div#profile-actions a.btn.btn-danger.btn-sm {
    width: 100%;
    margin-bottom: 5px;
 }

 html body div#cj-wrapper .topic-details .d-flex {
    display: block !important;
 }

 html body div#cj-wrapper .topic-details .jump-to-category-list a.btn.btn-secondary.dropdown-toggle {
    width: 100%;
    margin: 10px 0px;
 }

 html body .topic-details .card.topic-details.mb-3 .dropdown.ms-2 {
    margin: 0px !important;
 }

 html body div#cj-wrapper .topic-details .card.topic-details.mb-3 .card-footer.topic-footer {
    text-align: center;
 }
  
 html body .topic-details .card.topic-details.mb-3 a#dropdownMenuButtonActions {
    width: 291.81px;
 }

 html body .card.card-default a.btn.btn-outline-secondary {
    width: 100%;
 }
  
 html body .card.card-default .card-body button.btn.btn-primary {
    margin: 10px 0px;
    width: 100%;
 }

 html body form#topicForm joomla-tab#com-cjforum-form joomla-tab-element#editor select#jform_language,
 html body joomla-tab#com-cjforum-form joomla-tab-element#publishing select#jform_state,
 html body joomla-tab#com-cjforum-form joomla-tab-element#publishing select#jform_featured,
 html body joomla-tab#com-cjforum-form joomla-tab-element#publishing select#jform_access  {
    width: 100%;
 }

 html body div#cj-wrapper .topic-details .card.topic-details.mb-3 .btn-toolbar.me-auto {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
 }

 html body form#topicForm .panel-body.card-body .btn-group {
    display: block;
}


 html body .panel-body.card-body button.btn.btn-outline-secondary {
	width: 100%;
}

 html body form#topicForm .panel-body.card-body button.btn.btn-primary {
    width: 100%;
 }

 html body div#cj-wrapper .card-footer.topic-footer .reply-actions.d-flex .btn-group.mb-0,
 html body div#cj-wrapper .card-footer.topic-footer .reply-actions.d-flex .dropdown.ms-2 {
    display: block;
 }

 html body .card-footer.topic-footer a.btn.btn-sm.btn-outline-secondary {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
 }

 html body .topic-details .card-footer.topic-footer .reply-actions.d-flex .btn-toolbar {
    display: block;
 }
  
 html body form#topicForm joomla-tab#com-cjforum-form .choices__inner input.choices__input.choices__input--cloned {
    display: none;
 }

 html body div#cj-wrapper form#UsersForm .filter-search-actions.btn-group {
    display: block;
 }

 html body div#cj-wrapper form#UsersForm button.filter-search-actions__button.btn.btn-primary.js-stools-btn-filter {
    width: 100%;
    margin: 10px 0px !important;
 }

 html body div#cj-wrapper form#UsersForm button.filter-search-actions__button.btn.btn-primary.js-stools-btn-clear {
    width: 100%;
    margin-bottom: 5px;
 }

  
/* Dashboard */

 html body nav.navbar.navbar-expand-lg.navbar-dark.jbf-bg-primary.shadow.mb-3 {
    margin-top: -50px;
 }
  
 html body table.table.table-hover.table-condensed .pagination-wrap .display-limit.float-end select#limit {
    width: 100px;
    float: right;
 }

 html body form a.btn.btn-outline-primary.mt-3.float-end {
    width: 100%;
    margin-bottom: 20px;
 }

 html body form#userFormMessage .btn-outline-primary {
    width: 100%;
 }

 html body form#userFormMessage .mt-2 .float-start {
    float: none !important;
    margin: 20px 0px 10px 0px;
 }

 html body form#userFormMessage button#btnsend {
    width: 100%;
 }

html body form#userForm a.btn.btn-outline-primary {
    width: 100%;
    margin: 15px 0px;
}

 html body form#userForm .d-flex {
    display: block !important;
 }

 html body form#userForm .d-flex .flex-grow-1.ms-3 {
    margin: 20px 0px 0px 0px !important;
 }

 html body form#userForm .d-flex .flex-grow-1.ms-3 .col-md-4.text-md-center .btn-group {
    width: 100%;
 }

 html body form#userForm .d-flex .flex-grow-1.ms-3 .col-md-4.text-md-center a.btn.btn-outline-info {
    width: 80%;
 }

 html body form#userForm .d-flex .flex-grow-1.ms-3 button.btn.btn-outline-info.dropdown-toggle {
    width: 20%;
 }

 html body form#userForm .pagination-wrap .display-limit.float-end {
    width: 20%;
    float: right !important;
 }




  
  
  

  
}

/* oprava zobrazenie vsetkych poloziek menu v SP-menu pri rozliseniach mensich ako 1315px*/
@media screen and (max-width: 1315px) and (min-width: 768px) {

  div#sp-menu1, div#sp-menu2 {
    width: 30%;
 }

 div#sp-logo {
    width: auto;
 }
  
}