@charset "utf-8";
/* CSS stil by Boris
   www.pakel.hr
   Pakel d.o.o.
   2008-2019.
   Zadar
*/
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,latin-ext');

body{
    background:url('../images/pozadina.jpg');    	        
    font-family: 'Open Sans','Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: 300;
    font-size: 12px;
    background-size: cover;
}

#kopiraj_form, #otkljucaj_form {
    display: inline;
}
h1, h2, h3, h4, p{
    font-weight: 300;
}
a:hover, a:focus {
    color: #4CA5FF;    
}
.text-pakel {
    color: #FEBD22;
}
.panel .panel-heading, .panel .panel-title {
    font-size: 24px;    
    font-weight: 300;
    text-transform: none;
    color: #333333;
}
.bijelo{
    background-color: white;
}
.sivo{
    background-color: #eeeeee;
}
.podloga_semi {
    background: url(../images/podloga_semi.png);
    background-repeat: repeat;
}
.drzac_sadrzaja{
	border: 4px solid white;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    	-webkit-box-shadow: 0px 0px 2px 1px silver;
	-moz-box-shadow: 0px 0px 2px 12px silver;
	box-shadow: 0px 0px 2px 1px silver;
    color: #333333;
    margin: 0 10px 50px 10px;    
}
.sjena_strong{
   -webkit-box-shadow: 0px 2px 20px 7px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 20px 7px rgba(0,0,0,0.2);
}

.form-control {
    font-size: 10px;
}


/* hyperlink za cijelu ćeliju tablice, sadržaj tablica je centriran */
.table a
{
    /*display:block;*/
    text-decoration:none;
}

/* Margine */
.margin-left10		{ margin-left:10px; }
.margin-left20		{ margin-left:20px; }
.margin-left30		{ margin-left:30px; }
.margin-left40		{ margin-left:40px; }
.margin-left50		{ margin-left:50px; }
.margin-left60		{ margin-left:60px; }
.margin-left80		{ margin-left:80px; }
.margin-left100		{ margin-left:100px; }
.margin-left130		{ margin-left:130px; }
.margin-left150		{ margin-left:150px; }
.margin-left180		{ margin-left:180px; }
.margin-left200		{ margin-left:200px; }

.margin-right10		{ margin-right:10px; }
.margin-right20		{ margin-right:20px; }
.margin-right30		{ margin-right:30px; }
.margin-right40		{ margin-right:40px; }
.margin-right50		{ margin-right:50px; }
.margin-right60		{ margin-right:60px; }
.margin-right80		{ margin-right:80px; }
.margin-right100		{ margin-right:100px; }
.margin-right130		{ margin-right:130px; }
.margin-right150		{ margin-right:150px; }
.margin-right180		{ margin-right:180px; }
.margin-right200		{ margin-right:200px; }

.margin-top10		{ margin-top:10px; }
.margin-top20		{ margin-top:20px; }
.margin-top30		{ margin-top:30px; }
.margin-top40		{ margin-top:40px; }
.margin-top50		{ margin-top:50px; }
.margin-top60		{ margin-top:60px; }
.margin-top80		{ margin-top:80px; }
.margin-top100		{ margin-top:100px; }
.margin-top130		{ margin-top:130px; }
.margin-top150		{ margin-top:150px; }
.margin-top180		{ margin-top:180px; }
.margin-top200		{ margin-top:200px; }


/* Padding */
.padding-left-right30         {padding: 0px 30px 0px 30px;}

/* dodatna klasa za vrlo široku modalnu formu 80% */
.modal.modal-wide .modal-dialog {
  width: 80%;
}
/* stil koji mijenja širinu Bootrap labela */
.label.label-wide {    
    display: block;
    margin: 0 0 2px 0;    
}
hr.crtkan {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
hr.gradient {
    border: 0;
    height: 1px;
    background-color: #FEBD22;

}

/* strikethrough */
tr.selected {
    text-decoration: line-through;
}

.text-error {
    color: red;
    font-size: medium;
}

.errorlist {
    color: #C9302C;
    font-size: 0.9em;
}

/* Data responsive tables */
@media only screen and (max-width: 800px){

    .panel-body {
        padding: 0px;
    }

    /* Force table to not be like tables anymore */
    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .no-more-tables tr { border: 1px solid #ccc; }

    .no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
        font-size: 0.8em;
    }

    .no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        font-size: 0.8em;
    }

    /*
    Label the data
    */
    .no-more-tables td:before { content: attr(data-title); }
}

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
    h2{
        font-size : 16px;
    }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
}