/* your styles go here */

body{
    min-width: 300px;
}

.login-page::before {
    -webkit-filter: none;
    filter: none;
}


.login-page .form-holder .info {
    background: orange;
}

.login-page .btn-primary {
    background-color: orange;
    border-color: orange;
}
.login-page .form-holder .info, .login-page .form-holder .form{
    max-height:400px;
}

.seperator-title {
    color: rgb(104, 106, 118);
    font-size: 14px;
    text-align: center;
    background: #EEF5F9;
}

.unit-input-procentage {
    max-width: calc(95% - 36px);
}

.unit-input-area {
    max-width: calc(95% - 49px);
}

footer.main-footer {
    position: fixed;
    z-index: 10;
}

.content-inner {
    min-height: calc(100vh - 90px);
}

.ui-button{
    vertical-align: top;
}
.custom-combobox-input {
    margin: 3px 0;
    line-height: 29px;
}

.label-td {
    vertical-align: middle;
    margin-top: 8px;
}

.ui-menu {
    max-height: 280px;
    overflow-y: scroll;
    overflow-x: hidden;

}

.tree-children-div {
    margin-left: 20px;
}

.product-tree-item {
    margin: 8px 0;
}

.tree-item {
    width: 100%;
    border: 1px #8da38d solid;
    border-radius: 15px;
    text-decoration-color: #697d71;
    color: #697d71;
}

.tree-text {
    margin: 8px 8px 8px 12px;
    color: #697d71;
    width: 50%;
}

.tree-icon {
    margin-right: 8px;
}

.tree-search{
    max-width: 100%;
    margin-bottom: 8px;
}

.tree-add-button, .set-as-parent-radio-field {
    background-color: #697d71;
    float: right;
    border-radius: 0px 12px 12px 0px;
    height: 41px;
}

.tree-add-button i, .set-as-parent-radio-field label {
    color: #fff;
}

.set-as-parent-radio-field {
    padding: 8px 14px 8px 30px;
}

.tree-text :focus {
    color: #000 !important;
}

.tree-text :hover {
    color: #000 !important;
}

.choose-button {
    padding: 16px 0px 16px 16px;
    border: 1px #697d71 solid;
    color: #697d71;
    margin-bottom: 8px;
    width: 100%;
}

.is-current-item {
    background-color: cyan;
}

.navlink-preview {
    display: flex;
    gap: 30px;
}

.more-links {
    border-bottom: 1px black solid;
}

.order-input i{
    color: white;
}

.images-form-group {
    gap: 15px;
    padding: 12px;
}

.square-image-div {
    position: relative;
    width: 200px;
    height: 200px;
    display: inline-flex;
}

.square-image-div .image {
    object-fit: fill;
    width: 100%;
}

.delete-image-mark {
    position: absolute;
    color: black;
    background-color: red;
    border-color: red;
    border-radius: 1em;
    border-style: solid;
    width: 25px;
    height: 25px;
    text-align: center;
    right: -15px;
    top: -15px;
    z-index: 2;
}

.delete-image-mark i {
    color: white;
}

.selected {
    color: #28a745;
}

.open {
    color: blue;
}

.primary-image {
    border: 2px solid blue;
}

.set-as-primary-link {
    position: absolute;
    bottom: 0;
    background-color: #28a745;
    color: white;
    font-size: 12px;
    opacity: 0.9;
    padding: 5px;
    width: 100%;
}

.set-as-primary-link:hover {
    text-decoration: none;
    opacity: 1;
}


.markdown-paragraph {
    margin-bottom: 0;
}

.youtube-video-div {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.youtube-video {
    position: absolute;
    width: 100%;
    height: 100%;
}