@media only screen and (max-width: 575px) {
    .fixed-card-header{
        margin-bottom: 0px;
        position: fixed;
        top: 70px;
        right: 20px;
        z-index: 2;
        border-radius: 0px;
    }
    .fixed-card-header-table-margin{
        margin-top: 195px;
    }
}

@media only screen and (max-width: 767px) {
    .tipke-margin-row-2{
        margin-left: 0px;
        margin-top: 10px;
    }
    #page_content, #container_fluid{
        padding-left: 0px;
        padding-right: 0px;
    }
    .forms-slika{
        width: 100px;
        height: auto;
    }
    .forms-pen{
        position: absolute;
        margin-left: -26px;
        bottom: 0;
        font-size: 160%;
        background-color: gainsboro;
        padding: 3px;
        border-radius: 0px 0px 4px 0px;
        opacity: 0.6;
    }
    #donje_sucelje_card{
        min-height: 477px;
    }
}

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

    .tipke-margin-row-2 {
        margin-left: 10px;
        margin-top: 0px;
    }

    .forms-slika {
        width: 100px;
        height: auto;
    }

    .forms-pen {
        position: absolute;
        right: 0;
        bottom: 0;
        margin-right: -8px;
        font-size: 160%;
        background-color: gainsboro;
        padding: 3px;
        border-radius: 0px 0px 4px 0px;
        opacity: 0.6;
    }

    #donje_sucelje_card {
        min-height: 444px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 991px){
    .fixed-card-header-table-margin{
        margin-top: 101px;
    }
}

@media only screen and (min-width: 992px) {
    #table_responsive_prostorije, #table_responsive_radnomjesto, #table_responsive_oprema,
    #table_responsive_aparati, #table_responsive_vatrodojava {
        height:417px;
    }
    /*#table_responsive_gradilista, #table_responsive_gradilista_zatvorena, #table_responsive_radnici, #table_responsive_radnici_neaktivni {
        height: 362px;
    }*/
    #table_responsive_instalacije_plinska, #table_responsive_instalacije_stabilna, #table_responsive_instalacije_elektricitet {
        height:298px;
    }
    #table_responsive_instalacije_elektricna{
        height:298px;
    }
    #table_responsive_instalacije_gromobrani{
        height:347px;
    }
    #zaposlenik_unos_broj_osigurane_input, #zaposlenik_unos_oib_input, #zaposlenik_unos_jmbg_input, #zaposlenik_unos_osobna_input, #zaposlenik_unos_rodjenu_input{
        /*width: 80%;*/
        /*float: right;*/
    }
    .zaposlenik-unos-desna-pl{
        padding-left: 6%;
    }
    .fixed-card-header{
        margin-bottom: 0px;
        position: fixed;
        top: 123px;
        right: 20px;
        z-index: 2;
        border-radius: 0px;
    }
    .fixed-card-header-table-margin{
        margin-top: 105px;
    }
}

@media only screen and (min-width: 1200px) {
    #table_responsive_instalacije_elektricna{
        height:279px;
    }
}

@media only screen and (max-width: 991px) {
    .fixed-card-header{
        margin-bottom: 0px;
        position: fixed;
        top: 70px;
        right: 20px;
        z-index: 2;
        border-radius: 0px;
    }
}

@media only screen and (max-width: 1127px) {
    #table_responsive_instalacije_elektricna{
        height:279px;
    }
}

@media only screen and (min-width: 1322px) {
    #table_responsive_instalacije_elektricna{
        height:298px;
    }
}

@media only screen and (min-width: 1407px) {

    #table_responsive_prostorije, #table_responsive_radnomjesto, #table_responsive_oprema,
    #table_responsive_aparati, #table_responsive_vatrodojava {
        height:417px;
    }
    /*#table_responsive_gradilista, #table_responsive_gradilista_zatvorena, #table_responsive_radnici, #table_responsive_radnici_neaktivni{
        height:362px
    }*/
    #table_responsive_instalacije_plinska, #table_responsive_instalacije_stabilna, #table_responsive_instalacije_elektricitet, #table_responsive_instalacije_elektricna {
        height:331px;
    }
    #table_responsive_instalacije_gromobrani{
        height:331px;
    }
}

@media only screen and (max-width: 1450px) {
    #armor_novi_modal_tipke_row_wrapper_top{
        margin-top: 20px;
        margin-bottom: 48px;
    }
}

@media only screen and (min-width: 1451px) {
    #armor_novi_modal_tipke_row_wrapper_top{
        margin-top: 20px;
        margin-bottom: 4px;
    }
}

.hide-scrollbar-custom{
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll;
}

.hide-scrollbar-custom::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

.pointer{
    cursor: pointer !important;
}
.center-xy{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.text-black-30{
    color:rgba(0,0,0,0.3)!important
}
.text-bold{
    font-weight: bold !important;
}

.text-right{
    text-align: right !important;
}

.x-small{
    font-size: 9px !important;
}
.text-light-gray{
    color: #888888 !important;
}

.color-pdf-red{
    color: #ec0f01;
}

.sidebar-briefcase{
    float: left !important;
    margin: 2px 9px 0px 0px;
    color: #f1b44c !important;
}

.sidebar-chevron{
    margin-left: -6px !important;
}

.sidebar-firma-font{
    font-size: 13px;
    font-weight: 500;
    margin-right:5px;
}

.sidebar-djelatnost-font{
    font-size: 13px;
}

.tablica-selektirano{
    background-color: #c6e0f3 !important; /*#50a5f1*/
    /*color: white !important;*/
    font-weight: 500 !important;
}

.kontakt-wraper {
    width: 100%;
    height: 18px;
    margin: 0px auto 0px auto;
    padding: 6px 12px 27px 12px !important;
}

.kontakt-naziv {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kontakt-podaci {
    width: 100%;
    height: 30px;
    margin-top: 3px;
    padding-left: 25px;
    padding-top: 6px;
}

.bo{
    border: solid 1px black;
}

.sidebar-boxes{
    float: left;
    margin: 4px 8px -1px 0px;
    color: #50a5f1;
}

sidebar-row-margin{
    margin-bottom: 5px !important;
}

.sidebar-row-hover:hover{
    background-color: red;
}

.table-uredi-hover:hover{
    color: black;
}

.table-red-hover:hover{
    background-color: #c6e0f3;
}

.sidebar-podaci-wrapper-margin{
    margin-top: 0px !important;
    margin-bottom: 8px !important;
}

.table-word-wrap {
    word-wrap: break-word;
    min-width: 160px;
    max-width: 160px;
}

.table-row-height{
    height: 44.5px !important;
}

.margin-left-10{
    margin-left: 10px;
}

.glavno-sucelje-forme{
    min-height: 50px;
    background-color: #556ee6;
    border-radius: 5px 5px 0px 0px;
    color: white;
    font-size: 23px;
    font-weight: 500;
    justify-content: center;
    display: flex;
    align-items: center;
    position: relative;
}

.glavno-sucelje-forme-narrow{
    min-height: 32px;
    background-color: #556ee6;
    border-radius: 5px 5px 0px 0px;
    color: white;
    font-size: 23px;
    font-weight: 500;
    justify-content: center;
    display: flex;
    align-items: center;
}
/*.glavno-sucelje-forme {
    height: 36px;
    background-color: #556ee6;
    border-radius: 5px 5px 0px 0px;
    color: white;
    font-size: 19px;
    font-weight: 500;
    justify-content: center;
    display: flex;
    align-items: center;
    padding-left: 9px;
}*/

.glavno-sucelje-forme2{
    height: 40px;
    background-color: #efefef;
    border-radius: 5px 5px 0px 0px;
    color: black;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.alice-blue{
    background-color: aliceblue;
}
.ef-gray{
    background-color:#efefef;
}
.text-black{
    color: black;
    font-weight: normal !important;
}
.text-black-500{
    color: black !important;
    font-weight: 500 !important;
}
.text-black-600{
    color: black !important;
    font-weight: 600 !important;
}
.text-black-700{
    color: black !important;
    font-weight: 700 !important;
}
.text-black-bold{
    color: black;
    font-weight: bold !important;
}
.obavezna-polja-boja-pozadina, .obavezna-polja-boja-pozadina:focus{
    background-color: #fdfde2;
}
.card-margin-top{
    margin-top: 32px !important;
}
.element-donji-desni-absolute{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 160%;
    background-color: gainsboro;
    padding: 3px;
    border-radius: 0px 0px 4px 0px;
    opacity: 0.6;
}
.override-size{
    flex: none !important;
    margin-left: 13% !important;
}
.zaposlenik-unos-input-100{
    width: 100% !important;
}
.prevent-col-shrink{
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
}
.zaposlenik_unos_podaci_radni_staz_polja{
    margin-bottom: 10px;
    margin-right: 10px;
}
.table-heads-gray{
    background-color: #efefef;
}
.button-gray{
    background-color:gray;
}
.font-color{
    color:black;
}
.px-12-pxls{
    padding-left:12px;
    padding-right:12px;
}
.btn-close-white{
    color:white !important;
}
.modal-footer-color{
    background-color: #2a3042;
}
.table-fixed-head{
    overflow: auto;
}
.table-fixed-head thead{
   position: sticky;
    top: 0;
    z-index: 1;
}

.position-fixed{
    position: fixed;
    left: 0px;
    right: 0px;
    z-index: 80;
}

.card-header-no-padding{
    margin-bottom: 24px;
    background-color: #0b0b0e;
    margin-left: -20px;
    margin-right: -20px;
    height: 47px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.card-header-no-padding-lightgray{
    margin-bottom: 17px;
    background-color: #d9dbe4;
    margin-left: -20px;
    margin-right: -20px;
    height: 47px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.button-style-34{
    width: 34px;
    height: 34px;
    margin-right: 4px;
    border-color: #bcbaba;
}
.button-style-34-border-0{
    width: 34px;
    height: 34px;
    margin-right: 3px;
    border:none;
}
.color-white{
    color: white;
}
.color-black{
    color: black;
}
.p-center-text{
    position: relative;
    padding: 1em 0;
    margin: 0;
    text-align:center;
    color: red;
}
.float-right{
    float: right;
}
.trash-color-gold{
    color: #c09a7a;
}
.color-gray{
    color: gray;
}
.color-light-blue{
     color: #4d8bc2;
}
.td-brisi-uredi{
    width: 80px;
    /*background-color: #efefef !important;*/
    padding-right: 1px !important;
}

th{
    color:#333333 !important;
}
tr {
    color:black !important;
    height: 44.5px !important;
}
.background-color-e4e4e4{
    background-color: #e4e4e4 !important;
}
.sidebar-item-active{
    border-radius: 0.25rem 0rem 0rem 0.25rem !important;
    background-color: #efefef !important;
    color: black !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.py-custom-10{
    padding-top: 15px;
    padding-bottom: 15px;
}
.font-weight-custom{
    font-weight: normal !important;
}
.font-color-custom{
    color: black !important;
}
.nav-tabs-custom-2 .nav-item{
    border-right: 2px solid #f6f6f6;
}
.nav-tabs-custom-2 .nav-item .nav-link{
    position: relative;
    color: #343a40;
}
.nav-tabs-custom-2 .nav-item .nav-link {
    border: none;
}
.nav-tabs-custom-2 .nav-item .nav-link::after {
    content: "";
    background: #556ee6;
    height: 100%;
    position: absolute;
    width: 2px;
    right: -1px;
    bottom: 0px;
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.nav-tabs-custom-2 .nav-item .nav-link.active {
    color: #556ee6;
}
.nav-tabs-custom-2 .nav-item .nav-link.active:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.multiheaders thead tr th{
    background-color: black !important;
}

.disable-selection-custom {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.gornje-sucelje-tipke-row-1{
    margin-top: 7px;
    margin-bottom: 0px;
}
.gornje-sucelje-tipke-row-2{

}
.donje-sucelje-tipke-row-1{
    margin-top: 7px;
    margin-bottom: 0px;
}
.donje-sucelje-tipke-row-2{

}
.footer-custom {
    bottom: 0;
    padding: 6px calc(15px / 2);
    position: absolute;
    left: 0;
    color: #74788d;
    right: 0px;
    height: 30px;
    background-color: #f2f2f5;
    margin-top: -20px;
}
@media (max-width: 991.98px) {
    .footer-custom {
        right: 0; } }

/* prostorije, radno mjesto...*/
.gornje-sucelje-table-responsive-type-1{
    /*height: 331px;*/
    margin-bottom: 12px;
    border-bottom: 2px solid #f6f6f6;
}
/*gradilista, radnici*/
.gornje-sucelje-table-responsive-type-2{
    height: 356px;
    margin-bottom: 18px;
    /*border-bottom: 2px solid #f6f6f6;*/
}

.gornje-sucelje-table-responsive-type-3{
    /*height: 331px;*/
    margin-bottom: 12px;
    border-bottom: 2px solid #f6f6f6;
}

.donje-sucelje-table-responsive-type-1{
    height: 328px;
    margin-bottom: 12px;
    border-bottom: 2px solid #f6f6f6;
}
.donje-sucelje-table-responsive-type-2{
    height: 418px;
    /*margin-bottom: 12px;*/
    border-bottom: 2px solid #f6f6f6;
}
.donje-sucelje-table-responsive-type-3{
    height: 357px;
    margin-bottom: 22px;
}
/*subtabovi zastita na radu i ostala osposobljavanja*/
.donje-sucelje-table-responsive-type-4{
    height: 263px;
}
.forme-table-type-1{
    height: 272px;
    margin-bottom: 12px;
    /*border-bottom: 2px solid #f6f6f6;*/
}
.subtab-table ul{
    margin-top:-6px !important;
}
.btn-group-instalacije{
    min-height: 35px;
    margin-bottom: -4px;
    margin-top: 8px;
}
#gornje_sucelje_instalacije_tab_ul .nav-link.active {
    color:#556ee6 !important;
}
.table-opis{
    min-width: 280px !important;
}
.highlight{
    color: #556ee6;
}
.forme-spinner-naslov{
    color: whitesmoke;
    position: absolute;
    left: 13px;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    border-width:2px;
}
.table-responsive-spinner{
    color: #9b9eae;
    width: 130px;
    height: 130px;
    border-width:2px;
}

/*select2 boja fonta*/
.select2-selection__rendered{
    color:black !important;
}

.color-icon-default{
    color: #74788d;
}

.select2-text-color .select2-selection__rendered{
    color: gray !important;
    font-style: italic !important;
}

.odabrani-poslovi-element{
    margin-left: 11px;
    margin-right: 11px;
    margin-top: 4px;
    height: 50px;
    border: 1px solid #c6c6c6;
    border-radius: 4px;
    background-color: #fbfbfb !important;
    font-style: normal;
}

.inner-modal-form{
    padding-top: 30px;
    padding-bottom: 26px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0px;
    border: 1px solid #c6c6c6;
    border-radius: 4px;
    background-color: #fbfbfb !important;
    font-style: normal;
}

.e-test-pitanje-element{
    margin-left: 11px;
    margin-right: 11px;
    margin-top: 4px;
    min-height: 50px;
    border: 1px solid #c6c6c6;
    border-radius: 4px;
    background-color: #fbfbfb !important;
    font-style: normal;
}

.programi-odabrani-obrazovni-element{
    margin-left: 11px;
    margin-right: 11px;
    margin-top: 4px;
    /*padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 0px;*/
    min-height: 50px;
    border: 1px solid #c6c6c6;
    border-radius: 4px;
    background-color: #fbfbfb !important;
    font-style: normal;
}

.armor-boja-pozadina-parent{
    background-color: #fdfde2 !important;
}
.armor-masa-w-h-radio{
    width: 11px;
    height: 11px;
}

.disabled-link{
    pointer-events:none;
    opacity:0.6;
}

page {
    background: white;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
page[size="A4"] {
    width: 21cm;
    height: 29.7cm;
}
@media print {
    page {
        margin: 0;
        box-shadow: 0;
    }
}
.uputnica-naslov{
    font-size: 27px;
    font-style: italic;
    color: black;
    letter-spacing: 9px;
    font-weight: 600;
    margin-bottom: 0px;
    padding-top: 6px;
    transform: scale(1, 1.35);
}

.uputnica-podnaslov{
    font-size: 15px;
    font-weight: 500;
    color: black;
    font-style: italic;
    margin-bottom: 0px;
}

.text-nowrap-custom{
    white-space: nowrap;
    overflow: hidden;
}

.uputnica-red-visina{
    height: 18px !important;
}

.uputnica-red-razmak{
    margin-bottom: 2px;
}

.uputnica-red-checkbox-razmak{
    margin-bottom: 6px;
}
.uputnica-velicina-fonta{
    font-size: 12px !important;
}
.uputnica-line-height{
    line-height:12px !important;
}

.uputnica-velicina-fonta-oznaceno{
    font-size: 14px !important;
}
.form-control{
    color: black !important;
}
.datepicker-width{
    width: 262px !important;
}
.select2-dropdown .select2-results{
    color: black !important;
}
.spojeni-input-elementi-prvi{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.spojeni-input-elementi-drugi{
    border-left: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.oib-input{
    display: inline-flex;
}
.oib-input:nth-child(3){
    display: block;
    width: 100%;
}
.toast {
     opacity: 1 !important;
 }

.partner-sidebar-red{
    border: solid 3px #f6f6f6;
    border-top: none;
    height: 37px;
    padding-top: 8px;
    border-color: white;
}
.fa-disabled {
    opacity: 0.4 !important;
    pointer-events: none !important;
}

/********************* IKONA ZA BRISANJE INPUT POLJA *******************/

.cross-icon-font-size{
    font-size : 18px;
}
.cross-icon-position{
    position: absolute;
    right: 15px;
    top: 5px;
}
.cross-icon-textarea-position{
    position: absolute;
    right: -1px;
    top: 0px;
}
.cross-icon-transform{
    transform: scale(0.75);
    opacity: 0.5 !important;
}

/*************************************************************************/

.copy-icon-textarea-position-1{
    position: absolute;
    right: 34px;
    top: 19px;
}

.copy-icon-datepicker-position-1{
    position: absolute;
    right: -10px;
    top: 10px;
}

.copy-icon-select-button-add-1{
    position: absolute;
    right: -22px;
    top: 10px;
}

.modal-header-spinner-tip-1{
    color: ghostwhite;
    width: 22px;
    height: 22px;
    border-width: 2px;
    position: absolute;
    left: 14px;
    top: -11px;
}

.modal-header-spinner-tip-2{
    color: #909090;
    width: 18px;
    height: 18px;
    border-width: 2px;
    position: absolute;
    left: 11px;
    top: 0px;
}

.custom-file-upload {
    position: relative;
    display: inline-block;
}

.custom-file-upload label {
    display: block;
    background-color: #74788d;
    color: white;
    padding: 8px 20px;
    cursor: pointer;
    border-radius: 3px;
}

.custom-file-upload input[type="file"] {
    display: none;
}

.e-test-pitanje-trash{
    position: absolute;
    right: 6px;
    top: 5px;
    color: gray;
}

.e-test-pitanje-flex-fixed{
    flex-basis: 40px;
    flex-grow: 0;
    flex-shrink: 0;
}

.e-test-pitanje-flex-grow{
    flex-grow: 1;
}
.modal-card-border-radius{
    border-radius: 4px;
}
.e-obr-upute-video{
    position: relative;
    background-color: #fbfbfb;
    margin-bottom: 15px;
    border-radius: 3px;
    border: 1px solid #c6c6c6;
    min-height: 65px;
    overflow: hidden;
    padding-top: 39px !important;
}
.e-obr-upute-video-header{
    position: absolute;
    top: 0px;
    left:0px;
    background-color: #74788d;
    height: 28px;
    color: white;
    padding: 5px 5px 5px 10px;
}
.table-custom-mb{
    margin-bottom: 40px !important;
}
.fixed-bottom-left {
    position: fixed;
    bottom: 30px;
    left: 20px;
    width: 226px;
    height: 50px;
    background-color: #eff2f7;
    border-radius: 4px;
    border: 1px solid;
    border-color: #a3a3a3;
    z-index: 100;
}
.element-wrapper-tip-1{
    padding: 1.5rem !important;
    border: 1px solid #c6c6c6;
    background-color: #fbfbfb !important;
    border-radius: 4px;
}

/* klase za screen block */
.full-screen-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35);
    z-index: 10000;
}

.full-screen-spinner, .overlay-spinner-text {
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Spinner specific styles */
.full-screen-spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #556ee6;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Loading text specific styles */
.overlay-spinner-text {
    top: calc(44% + 89px);
    left: calc(50% + 30px);
    text-align: center;
    color: white;
    font-size: 22px;
    font-weight: 600;
}

/* ********************* DRAGGABLE **************************** */

.draggable-item-custom {
    cursor: move; /* Cursor indicates draggable item */
    z-index: 1000;
}

.placeholder-draggable-test-pitanje {
    border: 1px dashed #999;
    margin: 10px 0;
    height: 55px;
    border-radius: 4px;
}


/* ************************************************************ */

.nedostaju-podaci-border{
    border: 1px solid red !important;
    border-radius: 3px !important;
}

.tipka-posalji-mail{
    margin-left: 5px;
    margin-bottom: 2px;
    font-size: 12px;
    height: 20px;
    padding: 0px 4px 0px 6px;
}

.status-element-1{
    width: 60px;
    height: 17px;
    color: white;
    font-size: 10px;
    text-align: center;
    border-radius: 3px;
    padding: 0px 3px 0px 3px;
    margin: 3px 0px 0px 0px;
}