/* :root {
    --green: green;
}

.titleRNHTML{
    font-size: 22px;
    color: var(--green);
} */

body {
    color: var(--bs-black);
    overflow-y: hidden;
}

/* mobile sidebar collapse logic ovverride */
@media(min-width: 1px)and (max-width:991.98px) {
    body:not([data-sidebar-position=right]) .sidebar {
        margin-left: 0px
    }
    body:not([data-sidebar-position=right]) .sidebar.collapsed {
        margin-left: -260px
    }
}

#sidebar {
    overflow-y: auto;
}

.h-150 {
    height: 150px
}

.h-18 {
    height: 18px
}

#cms_content {
    overflow: auto;
}

h1 {
    margin-bottom: 0rem;
}

p {
    margin-bottom: 0rem;
}

.navbar-nav.navbar-align {
    align-items: center !important;
}

.addNewAction {
    height: calc(100vh - 72px);
    top: 72px;
    z-index: 2;
}

.formaNoviKlijent {
    top: 72px;
}

.formaNoviKlijent input {
    padding: 5px;
}

.sidebar-link, a.sidebar-link {
    font-size: larger;
}

.main-home .main-box fieldset legend {
    margin-left: 0px;
}

.addNewAction fieldset legend {
    margin-left: 0px;
}

fieldset {
    border: 1px solid #999;
}

/* onhover timeline fix - work on first block (position: relative) */
.dataCell {
    z-index: 1;
}

/* GENERAL FILTER */
.filterController {
    background: #fff;
    border-bottom: 1px solid black;
}

.filterController input {
    background: #f3f6fb;
}

.filterController button {
    color: black;
}

.filterController #resetFilter {
    color: black;
}

.filterController #searchtext:focus {
    background: #f3f6fb;
}

.topbarshort {
    width: 50vw;
    display: flex;
    /* overflow-x: scroll; */
    height: 40px;
    overflow-y: hidden;
}

.nalogInfo {
    resize: both;
}

@media (max-width: 576px) {
    .d-sm-none-ss {
        display: none !important;
    }
}

#uploadCustomFile {
    width: 80%;
    background: aliceblue;
    border-radius: 10px;
}

/* #adminCommentSection {
    margin-top: 80px;
} */

/* timeline row height */
.timelineTableForServicers > tbody > tr {
    height: 35px;
}

.createGoBoFromTimeline {
    min-width: 20px;
}

.deviceSystemView ul {
    max-width: 200px;
}

#detailsPlaceholder p, #detailsPlaceholder span {
    margin: 0px 0;  
}

.flexspacebetw {
    justify-content: space-between;    
}

.svgFull {
    width: 100%;
    height: fit-content;
}

/* override light.css */
.btn .feather {
    height: 24px;
    width: fit-content;
}

/* fixed header in table - put on th row */
.fixedHeader {
    background: #912d61;
    color: #fff;
    position: sticky;
    top: 0px;
}

.noPadingTable th {
    padding: 0px;
}

/* timeline target ovverride */
.stat {
    background: #fff;
    height: auto;
    width: auto;
}

.form-control-ss {
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    color: #495057;
    font-weight: 400;
    line-height: 1.625;
    padding: 0.25rem 0.7rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control-select {
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    color: #495057;
    font-weight: 400;
    line-height: 1.625;
}

.hoverBoxHeader {
    padding: 3px;
    width: 50%;
    background: #7f1858;
    color: white;
}

.screenNote {
    right: 10px;
    position: fixed;
    bottom: 10px;
}

.screenNote svg {
    height: 50px;
    width: 50px;
}

.screenNotePanel {
    /* background: rgb(170, 170, 170, 0.5); */
    background: rgb(0, 0, 0, 0.5);
    position: fixed;
    z-index: 1;
    bottom: 70px;
    right: 60px; 
    width: 500px;
    height: 90%;
}

.sticker-area {
    color: #333;
    background: #fffa3a; 
    height: 100px;
    border-radius: 10px;
}

.noteStickerLoader {
    color: #7f1858;
    text-align: center;
    vertical-align: middle;
    line-height: 500px;
}

.lineThrough {
    text-decoration: line-through;
}

.greyColorLink {
    color: rgba(0,0,0,.55)
}

/* bootstrap admin/light.css overrirde */
.settings {
    display: block;
}