/*
###############################################################################
splošne nastavitve
###############################################################################
*/
body {
        color: black;
        font-size: 12pt;
        font-family: "trebuchet ms";
        background-color: white;
}

a:link {
        color: black;
        font-weight: bold;
        text-decoration: none;
}

a:visited {
        color: black;
        font-weight: bold;
        text-decoration: none;
}

a:hover {
        color: black;
        font-weight: bold;
        text-decoration: underline;
}

a:active {
        color: black;
        font-weight: bold;
        text-decoration: underline;
}

h1 {
        font-size: 20pt;
        font-family: "trebuchet ms";
        font-weight: bold;
        margin: 0.83em 0;
}

h2 {
        font-size: 14pt;
        font-family: "trebuchet ms";
        font-weight: bold;
        margin: 0.83em 0;
}
td {
  padding: 3px;
}
/*
###############################################################################
login
###############################################################################
*/

.ars-login-napaka {
  background: red;
  width: 260px;
  margin: 0 auto;
  font-size: 0.8em;
  padding: 5px 0;
  border-radius: 5px;
}

.loginokno {
   background-color: #FFFFFF;
   text-align: center;
   vertical-align: middle;
   width: 500px;
   min-height: 500px;
   border: 2px #000000;
   padding-top: 20px;
   margin-top:20px;
}
.loginokno img {
   width: 207px;
   padding: 0px;
   margin: 0 0 0 0px;
}
.loginokno h3 {
   color: #ec1c23;
   font-size: 2em;
   text-align: center;
   padding: 10px 0;
   margin: 25px 25px 0 0;
   display: block;
}

.loginform ul {
        display: inline-block;
        list-style: none;
}

.loginform li {
  margin: 10px 0;
}

.loginform button {
   font-size: 1.5em;
        display: block;
        margin: 10px auto;
  width: 100%;
  min-height: 2em;
}

.loginform label {
        display: inline-block;
        text-align: right;
        width: 90px;
}
/*
###############################################################################
PRIPOMBAR
###############################################################################
*/
.pripombar-pesemcontainer {
  margin: 5px;
  background: #E3E3E3;
  padding: 5px;
  display: none;
}
.naslovprojekta {
   color: #EC1C23;
}
.naslovpesmi {
   cursor: pointer;
   color: black;
}

.naslovpesmi small {
   font-size: 0.8em;
   color: #9ABC36;
}
.pripombar-txcaskoda {
   text-align: center;
   width: 4.5em;
}

.pripombar-txpripomba {
   text-align: left;
   width: 500px;
}

.frmcaskoda {
   text-align: center;
   margin: 5px 0;
   width: 50px;
}

.frmpripomba {
        width: 467px;
        height: 18px;
}

.btpripombaOK {
    background: #9ABC36;
    color: #FFFFFF;
    font-weight: bold;
    width: 34px;
    height: 25px;
    margin: 5px 0;
    cursor: pointer;
}
.btpripombaCheck {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 6.2pt;
    width: 70px;
    height: 15px;
    cursor: pointer;
}
.zeleno_ozadje {
   background: #9ABC36;
}

.rdeco_ozadje {
   background: #EC1C23;
}

.pripombar-tabela {
        display: table;
        border-collapse: collapse;
        width: 600px;
}

div.tr {
        display: table-row;
}

div.td {
        display: table-cell;
        border-color: #8E8E8E;
        border-style: solid;
        border-width: 1px;
        padding: 5px;
}
.avtordatum {
    float: right;
    font-size: 0.6em;
    font-style: italic;
    color: #000000;
}
/*
###############################################################################
PESMI ADMIN
###############################################################################
*/
.killtriggerkos {
   height: .8em;
   margin: 0 5px;
   cursor: pointer;
   vertical-align: center;
}
/*
###############################################################################
PROJEKTI ADMIN
###############################################################################
*/
.ars-tabela-obstojeci-projekti {
    width: 920px;
}

.ars-podtabela-pripombe {
    background: #99CCFF; 
    width: 100%;
    font-size: 0.6em;
}

.ars-vnos-projekti {
    width: 920px;
}

.ars-vnos-projekti td {
    font-size:1.3em;
}

.ars-vnos-projekti td input[type=text],
.ars-vnos-projekti td select {
    width: calc(100% - 12px);
    font-size: 1em;
}

.ars-admin-glava {
    border: 1px dotted black;
    width: 920px;
    padding: 10px 0;
    background: #FFFFCC;
}

.ars-admin-podnaslov {
    background: #FFC;
    color: #006DF7;
    width: 920px;
    padding: 5px 0;
}
.ars-admin-OK {
    width: 80%;
    height: 2.5em;
    margin: 5px auto;
    background: #006DF7;
    color: #FFF;
    font-weight: bold;
    font-size: 0.8em;
    border-radius: 10px;
}
/*
Responsive elementi
*/
@media screen and (max-width: 930px) {
/* admin */
.ars-tabela-obstojeci-projekti, 
.ars-vnos-projekti,
.ars-admin-podnaslov,
.ars-admin-glava {
    width: 95%;
}
.ars-admin-glava {
    font-size: 14px;
}
    
.loginokno {
   width: 90%;
   margin: 10px auto;   
}

.pripombar-pesemcontainer {
    width: calc(100% - 20px);
}

.pripombar-tabela {
    width: 100%;
}

.pripombar-txcaskoda {
    width: 2.5em;
}

.pripombar-txpripomba {
    width: auto;
}

.ars-tabela-obstojeci-projekti,
.ars-vnos-projekti {
    font-size: 0.7em;
}

}