a {
    -webkit-tap-highlight-color: transparent;
}

.admin-main-container {
    position: relative;
    margin-top: 1px;
    padding-top: 8vh;
    padding-bottom: 8vh;
    float: left;
    width: 1081px;
    max-width: 100vw;
    font-weight: 400;
    overflow: hidden;
}

.menu-stavki {
    margin-top: 2%;
    width: 80%;
    background: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.menu-stavka {
    display: flex;
    justify-content: center;
    width: -webkit-fill-available;
    max-width: 15em;
    min-width: 15em;
    height: 12em;
    margin: 0;
    margin-left: 2%;
    margin-bottom: 2%;
    border-radius: 10px;
    background: #ffffff11;
    align-items: center;
}

.menu-stavka i {
    display: flex;
    justify-content: center;
    font-size: 4em;
    color: #4597b1;
    padding-bottom: 0.2em;
}

.menu-stavka a  {
    display: block;
    color: white;
}

.menu-stavka:hover {
    background: #ffffff22;
}

.menu-stavka:active {
    background: #ffffff55;
}

.menu-naslov {
    font-size: 2em;
    font-weight: 100;
    margin-bottom: 15;
    max-width: 80%;
    background: none;
}


.paragraf-naslov {
    width: 80%;
    font-size: 1.3em;
    font-weight: 100;
    margin-top: .5em;
    margin-bottom: .3em;
    background: none;
    color: #79afc1;
}



.user-container {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin-bottom: 5;
    padding: 10;
    border-radius: 5px;
    background: #ffffff11;
    font-size: 0.8em;
}

.user-container i{
    color:#79afc1;
    margin-right: .5em;
}

.user-container:hover {
    background: #000000ff;
}

.user-field {
    flex-direction: row;
    float: left;
    background: none;
    min-width: 15em;
    margin-bottom: .3em;
}

.user-field-title {
    font-weight: 100;
    background: none;
}

.user-field-value {
    background: none;
}

.user-field-status-icon {
    width: 1em;
    height: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.25em;
    border-radius: 50%;
}


.user-izvori-container {
    background: none;
    width: 90%;
    margin-bottom: 1em;
    font-size: .8em;
    overflow: hidden;
    background: #ffffff11;
    padding: 0.8em;
    border-radius: 5px;
}

.user-izvori-container i {
    font-size: 1.1em;
    margin-right: .5em;
    color:#79afc1;
}

.user-izvor {
    margin: 0;
    background: none;
    margin-bottom: .3em;
    text-align: left;
}





.normal-weight {
    display: inline-block;
    font-weight: normal;
    background: inherit;
}





.video-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 80%;
    margin-bottom: 20;
    padding: 10;
    border-radius: 10px;
    background: none;
    font-size: 0.8em;
}

.button-filter {
    background: #ffffff50;
    padding: 5;
    margin: 2;
    border-radius: 30px;
    width: 9em;
}

.button-filter:hover {
    background: #ffffff40;  
}








.ad-container {
    padding:10;
    margin-bottom: 5vh;
    background: none;
    width: 80%;
    max-width: 100vw;
    font-weight: 400;
    background: #ffffff20;
    overflow: hidden;
    border-radius: 10px;
}

.ad-image {
    background: none;
    float: left; 
    width: 50%;f
}

.ad-image img {
    float: left;
    width: 100%;
}

.ad-right-panel {
    float: left;
    font-weight: 100;
    padding-left: 2vw;
    background: none;
}

.ad-right-value {
    font-size: 0.8em;
    width: 20vw;
    text-align: left;
    background: none;
}

.ad-button {
    margin: 5;
    margin-left: 0;
    padding: 2;
    border-radius: 25px;
    font-size: 0.8em;
    font-weight: 400;
    width: 7em;
    background: linear-gradient(#c1b7b7,white);
    color: #050505;
    cursor: pointer;
    user-select: none;
}

.ad-button:active {
    -webkit-tap-highlight-color: transparent;
    background: linear-gradient(#9b9999,#565454);
    
}






.admin-kanal-container {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin-bottom: 5;
    padding: 10;
    border-radius: 10px;
    background: #ffffff11;
    font-size: 0.8em;
    font-weight: 100;
}


.admin-kanal-logo {
    display: flex;
    background: radial-gradient(#038292,#0e1231);
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 10%;
    padding-bottom: 10%;    
    width: 30%;
    margin: 0;
}

.admin-kanal-container:hover {
     background: #ffffff22;   
}

.admin-kanal-logo img{
    width: 100%;
    height: contain;
}

.admin-kanal-podatoci-container {
    background: none;
    width: 60%;
    margin: 0;
    
}

.admin-kanal-podatoci-value {
    background: none;
    padding: 1%;
    padding-left: 3%;
    text-align: left;
    
}

.admin-kanal-podatoci-value a {
    color: green;
    animation: trepkac 1s linear infinite;
}

.trepkaj {
  animation: trepkac 1s linear infinite;
}

@keyframes trepkac {
  50% {
    opacity: 0;
  }
}



.admin-channel-edit-container {
    background: none;
    margin-top: 2em;
}

.taster1:active {
    background-color: green;
}

.admin-channel-edit-logo {
    max-width: 10cm;
    padding: 1em;
    border-radius: 10px;
    margin-bottom: 1em;
}

.admin-channel-edit-logo img {
    width: 90%;
}

.admin-channel-edit-blok {
    display: flex;
    flex-wrap: wrap;
    background: none;
    max-width: 20cm;
    width: 80%;
}

.admin-channel-edit-value {
    display: flex;
    flex-wrap: wrap;
    min-width: 100%;
    background: none;
    font-size: 0.8em;
    margin-bottom: 5px;
}

.admin-channel-edit-value-title {
    margin: 0;
    text-align: left;
    width: 45%;
    max-width: 48%;
    background: #ffffff09;
    padding: 5px;
    border: 1px solid #ffffff00;
}

.admin-channel-edit-value-data {
    margin: 0;
    text-align: left;
    width: 45%;
    max-width: 48%;
    background: none;
    padding: 5px;
    border: 1px solid #ffffff22;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-channel-edit-value-data input {
    border: none;
    color: white;
    width: 100%;
    outline: none;
    background: none;
}


.admin-channel-edit-reklama-slajd {
    display: flex;
    position: relative;
    width: 500px;
    max-width: 80vw;
    background: none;
}

.admin-channel-edit-reklama-slajd img {
    width: 100%;
}

.admin-channel-edit-reklama-brisi {
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    min-width: 1.5em;
    min-height: 1.5em;
    border-radius: 4px;
    right: 2px;
    top: 2px;
    background: linear-gradient(red,#610707);

}

.admin-channel-edit-reklama-brisi:active {
    background: linear-gradient(#a30202,#2a0000);
}


.admin-channel-edit-reklama-brisi i {
    color: #ffffffff;
    line-height: 1.5em;
}


.admin-channel-edit-reklama-dodaj {
    color: darkgray;
    border-radius: 4px;
    width: 1.5em;
    height: 1.5em;
    min-width: 1.5em;
    min-height: 1.5em;
    max-width: 1.5em;
    max-height: 1.5em;
    background: linear-gradient(white,#a2a2a2);  
}


.admin-channel-edit-reklami-kombo {
    display: inline-flex;
    margin-top: 1.5em;
    margin-bottom: 1em;
    background: none;
}

.admin-channel-edit-reklami-kombo-box {
    background: none;
    margin-right: 2px;
}

.admin-channel-edit-reklami-kombo-box select {
    background: linear-gradient(white,#a2a2a2);  
    height: 1.8em;
    border-radius: 3px;
    border: none;
    border-color: #ffffff22;
    outline: none;
}


.admin-channel-edit-reklama-dodaj:active {
    background: linear-gradient(#818181,#474747);
}

.admin-channel-edit-reklama-dodaj i {
    color: #000000cc;
    line-height: 1.5em;
}

.admin-channel-edit-reklama-kod {
    background: none;
    font-size: 0.8em;
    margin: 3;
    color: gray;
}


.admin-logged-user-container {
    right: 10;
    top: 1vh;
    display: flex;
    position: absolute;
    background: none;
    color: gray;
    font-size: 0.8em;
}

.admin-logged-user-container a {
    color: #034e66;
    border: 1px solid #022a3b;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-radius: 5px;
}

.admin-logged-user-container i {
    font-size: 1.1em;
    color: #034e66;
    margin-top: 2px;
    margin-right: 0.1em
}

.admin-logged-user-username {
    background: none;
    color: white;
    padding-left: 0.2em;
    padding-right: 0.9em;
}

.admin-logged-user-level {
    color: white;
    background: none;
    padding-left: 0.2em;
    padding-right: 0.9em;
}

.admin-logout-container {
    background: none;

}

.admin-logout-container a {
    color: #034e66;
}






.admin-ipsegmenti-container {
    background: none;
    width: 90%;
    overflow: hidden
}

.admin-ipsegmenti-naslov {
    background: none;
    display: flex;
    margin: 0;
    width: max-content;
    font-size: 0.8em;
    margin-top: 1.5em;
    margin-bottom: 1em;
    border-bottom: 1px dashed #79afc1;
}

.admin-ipsegmenti-stavka {
    background: none;
    color: #79afc1;
    margin-right: 0.3em
}

.admin-ipsegmenti-stavka .fa-circle-check {
    color: #2b9231;
    margin-right: 1em;
}

.admin-ipsegmenti-stavka .fa-circle-xmark {
    color: #928d8d;
    margin-right: 0.5em;
        display: none;
}


.admin-ipsegmenti-vrednost {
    background: none;
    color: white;
    margin-right: 1em;
}

.admin-ipsegmenti-linii {
    margin: 0;
    width: max-content;
    background: none;
    flex-wrap: wrap;
    display: flex;
    font-size: 0.8em;
    line-height: 1.5;
}

.admin-ipsegmenti-linii input {
    background: none;
    border: none;
    color: white;
    font-size: 0.9em;
    outline: none;
}

.admin-ipsegmenti-linii .ipseg-ipsub {
    width: 9em;
}

.admin-ipsegmenti-linii .ipseg-vkupn {
    width: 3.5em;
    text-align: right;
}

.admin-ipsegmenti-linii .ipseg-sopst {
    width: 40em;
}




.admin-ipsegmenti-linii .ipseg-grad {
    width: 9em;
}

.admin-ipsegmenti-linii .ipseg-broad {
    width: 4em;
}

.admin-ipsegmenti-linii .ipseg-mobil {
    width: 4em;
}










.sodrzini-container {
    display: flex;
    width: 90%;
    background: #223f4352;
    white-space: nowrap;
    flex-wrap: wrap;
    overflow: hidden;
    margin-bottom: 1em;
    justify-content: left;
    padding: 10px;
    font-size: 0.8em;
    border-radius: 5px;
    font-weight: 100;
}

.sodrzini-container:hover {
    background: #566a6d52;  
}

.sodrzini-container i {
    margin: 2;
    margin-right: 10;
    color: #79afc1;
}

.sodrzini-field {
    display: flex;
    background: none;
    margin: 0;
    overflow: hidden;
}

.sodrzini-field-value {
    margin: 0;
    display: flex;
    background: none;
    overflow: hidden;
}

.sodrzini-field-status-icon {
    margin: 0;
    background: none;
}


.sodrzini-field#sodrzina-user {
    width: 10%;
    min-width: 8em;
    font-weight: 500;
    margin-right: 1em
}

.sodrzini-field#sodrzina-naslov {
    width: 40%;
    min-width: 15em;
    padding-right: 1em;
}


.sodrzini-field#sodrzina-url {
    min-width: 24em;
    width: 30%;
}


.sodrzini-field#sodrzina-status {
    font-weight: 500;
    min-width: 8em;
    width: 5%;
    justify-content: left;
}


.sodrzini-field-status-icon#sodrzini-video-status-0 i {
    color: orange;
}

.sodrzini-field-status-icon#sodrzini-video-status-1 i {
    color: red;
}

.sodrzini-field-status-icon#sodrzini-video-status-2 i {
    color: green;
}




.admin-operatori-forma {
    background: none;
    font-size: .8em
}

.admin-operatori-polinja {
     background: none   
}

.admin-operatori-pole {
    background: none;
    color: #79afc1;
}

.admin-operatori-pole i {
    width: 2em;
    margin-bottom: .5em
}

.admin-operatori-pole input {
    background: none;
    color: white;
    border: none;
    outline: none;
    width: 20em;
    background: #ffffff11;
    border-radius: 4px
}

.admin-operatori-checkbox {
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 80%;
    flex-wrap: wrap;
}

.admin-operatori-checkbox input {
    margin-right: 1em;
}

.admin-operatori-submit {
    background: none;
}


.admin-operatori-status {
    background: none;
    display: flex;
    justify-content: center;
    margin-top: 2em;
    width: fit-content;
}

.admin-operatori-tekst {
    margin-left: .2em;
    margin-right: 1em;
}

.admin-operatori-tekst i {
    color: green;
}

.admin-operatori-bandwidth i {
    color: #79afc1;
    margin-right: .2em;
}




.reklama-dodaj-container {
    background: none;
    width: 80%;
    font-size: 0.8em
}

.reklama-dodaj-forma {
    background: none;
}

.reklama-dodaj-image {
    max-width: 500px;
    margin-bottom: 1em;
    overflow: hidden
}

.reklama-dodaj-image i {
    font-size: 10em;
    padding-top: .5em;
    padding-bottom: .5em;
}


#preview {
    display: none;
    width: 100%;
}


.reklama-text-inputs {
    background: none;
    margin-bottom: .5em;
}

.reklama-text-inputs input {
    width: 500px; 
    min-width: 50%;
    max-width: 100%;
    margin-bottom: .3em;
    background: #ffffff11;
    color: white;
    border: none;
    outline: none;
}

.reklama-other-inputs {
    background: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 500px; 
    min-width: 50%;
    max-width: 100%;
}

.reklama-other-inputs input{
    margin-bottom: .5em;
}

.reklama-data-input {
    
}

.reklama-file-input {
    width: 500px;
    max-width: 100%;
    background: #ffffff11;

}

.reklama-submit-button {
    margin-top: 1em;
}


.channel-ad-zones-container {
    background: none;
    display: flex;
    width: fit-content;
    max-width: 80%;
    justify-content: center;
    margin-top: 0.5em;
    font-size: 0.8em
}

.channel-ad-zones-row {
    background: none;
    margin-right: 0.5em;
}


.channel-ad-zones-row label {
    color: #6c828b
}



.khors-iframe iframe {
    width: 100%;
}





.admin-grupi-container {
    display: flex;
    flex-wrap: wrap;
    background: none;
    width: 100%;
}

.admin-grupi-permissions-item {
    font-size: 0.8em;
    background: #36474c;
    width: fit-content;
    justify-content: center;
    margin: 0.2em;
    padding: 0.2em;
    padding-left: .7em;
    padding-right: .7em;
    border-radius: 5px;
}

.admin-grupi-permissions-item:hover {
    background: #5b6f75;
    cursor: pointer;
}

.admin-grupi-permissions-item i {
    padding-right: .5em;
}



.admin-grupi-grupa-item {
    font-size: 0.8em;
    background: #36474c;
    width: fit-content;
    justify-content: center;
    margin: 0.2em;
    padding: 0.2em;
    padding-left: .7em;
    padding-right: .7em;
    border-radius: 5px;
}

.admin-grupi-grupa-item:hover {
    background: #5b6f75;
    cursor: pointer;
}

.admin-grupi-grupa-item i {
    padding-right: .5em;
}




#admin-grupi-forma {
    display: flex;
    flex-wrap: wrap;
    width: 1000%
}

#admin-grupi-form-buttons-container {
    width: 100%;
    margin-top: .5em;
    margin-bottom: .5em;
    background: none;
}

#admin-grupi-form-input-container {
    width: 100%;
    margin-top: .5em;
    margin-bottom: .5em;
    background: none;
}

#admin-grupi-users-inactive, #admin-grupi-users-active,
#admin-grupi-aktivni-container,#admin-grupi-permissions-inactive,
#admin-grupi-permissions-active {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: none;
    width: 80%;
}


#admin-grupi-delimiter {
    font-size: 3em;
}

#admin-grupi-editiraj-delimiter {
    font-size: 3em;
    margin-top: 2em;
}

#admin-grupi-grupa-naziv {
    background: #36474c;
    border: none;
    text-align: center;
    border-radius: 10px;
    font-size: 1.5em;
    color: white;
    width: 10em;
    padding: .2em;
    max-width: 90vw;
}

#admin-grupi-grupa-naziv::placeholder {
    color:#65757a;
}