/* 
    Author     : Miroslav Murin
*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Barlow', sans-serif;
}

*{
    font-family: 'Barlow', sans-serif;
}

a:hover{
    text-decoration: none;
}

.hidden{
    display: none;
}

.logo-align{
    display: inline;
    vertical-align: middle;
}

.vertical-align-middle{
    vertical-align: middle;
}

.logo-text-size{
    font-weight: 500;
    font-size: 1.5rem;
}

.margin-left-xs{
    margin-left: 0.25rem;
}

.margin-left-s{
    margin-left: 0.5rem;
}

.margin-left-m{
    margin-left: 0.75rem;
}

.margin-left-l{
    margin-left: 1rem;
}

.margin-right-xs{
    margin-right: 0.25rem;
}

.margin-right-s{
    margin-right: 0.5rem;
}

.margin-right-m{
    margin-right: 1.5rem;
}

.margin-top-no{
    margin-top: 0px;
}

.margin-top-xs{
    margin-top: 0.25rem;
}

.margin-top-s{
    margin-top: 0.5rem;
}

.margin-top-m{
    margin-top: 1rem;
}

.margin-top-l{
    margin-top: 1.5rem;
}

.margin-top-xl{
    margin-top: 2rem;
}

.margin-top-xxl{
    margin-top: 3rem;
}

.margin-bottom-s{
    margin-bottom: 0.5rem;
}

.margin-bottom-m{
    margin-bottom: 1rem;
}

.full-width{
    width: 100%;
}

.width-big{
    width: 60%;
}

@media all and (max-width: 1400px) {
    .width-big{
        width: 80%;
    }
}

@media all and (max-width: 900px) {
    .width-big{
        width: 100%;
    }
}

.horizontal-line-custom{
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.horizontal-line-title{
    margin-top: 0rem;
    margin-bottom: 0.5rem;
}

.horizontal-line-margin{
    margin-left: 1.4rem;
    margin-right: 1.4rem;
}

.horizontal-line-custom-sbottom{
    margin-top: 1rem;
    margin-bottom: 0.25rem;
}

.fullscreen-height{
    min-height: 99vh;
}

.float-right{
    float: right;
}

.float-left{
    float: left;
}

.padding-s{
    padding: 0.25rem;
}

.padding-m{
    padding: 0.5rem;
}

.marginauto{
    margin: auto;
}

.big-icon{
    font-size: 6rem;
}

.medium-icon{
    font-size: 3rem;
}

.modal-size-xlg{
    max-width: 1200px !important;
}

.poster-img{
    height: 172px;
    object-fit: cover;
}

.big-poster-img{
    height: 350px;
    object-fit: cover;
}

.dropdown-item-menu {
    padding:.5rem .75rem !important;
}

.tag-box{
    color: #206bc4;
    background: rgba(32,107,196,.04);
    border-radius: 50px;
    border: 1px solid #90b5e2;
    padding: 5px 8px;
    margin-right: 5px;
    margin-top: 6px;
    white-space: nowrap;
    display: inline-block;
}

.status-dot{
    height: 12px;
    width: 12px;
    background-color: #bbb;
    border-radius: 50%;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.spinner-wait{
    font-size: 1.5rem;
    vertical-align: middle;

    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}

.max-input-l{
    max-width: 400px;
}

.light-orange-bg{
    background-color: #FEEFE6 !important;
}

.hr-sep{
    margin-top:0px;
    margin-bottom: 15px;
}

.bold-text{
    font-weight: bold;
}

.text-size-l{
    font-size: 16px;
}

.container-xxl{
    max-width: 1920px !important;
}

.no-link{
    color: black;
}

.no-link:hover{
    color: black;
}

.no-link:visited{
    color: black;
}

.gray-back-line{
    background-color: #f0f1f3;
    padding: 15px 10px;
}

.white-back-line{
    padding: 15px 10px;
}

.logo-signin{
    max-width: 100%;
    max-height: 130px;
}

.editable-cell input{
    min-width: 70px !important;
}

.editable-cell:hover{
    text-decoration: underline dashed #007bff;
}

.editing-cell{
    min-width: 300px;
    text-decoration: none !important;
}

.justify-text{
    text-align: justify;
}

.table-icon-btn{
    font-size: 20px;
}

.header-text{
    font-size: 18px;
}

.container-tight-lg{
    max-width: 60rem;
}

.form-inp-wx-l{
    max-width: 500px;
}

.multiselect-size{
    width: 100%;
    max-width: 500px;
}

.multiselect-size select{
    width: 100%;
    max-width: 500px;
}

.multiselect-size .dropdown-menu{
    width: 100%;
    max-width: 500px;
}

.big-button{
    font-size: 18px;
}

.floating-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

.big-warning-header{
    padding: 7px 15px;
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 10px;
    margin-top: 10px;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }