/* General Styles */
html{
   /*background:url(http://phutora.com/img/friends3.jpg) no-repeat;*/
   background-size: cover;
   height:100%;
   background-color: #000;
}
* {
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-font-smoothing:antialiased;
   -moz-font-smoothing:antialiased;
   -o-font-smoothing:antialiased;
   font-smoothing:antialiased;
   text-rendering:optimizeLegibility;
}
body {
   color: #C0C0C0;
   font-family: Arial, san-serif;
}


/* Contact Form Styles */
h1 {
  margin: 10px 0 12px 0;
  font-size: 22px;
  color: #eaefc3;
}
h4{
   margin: 0 0 20px 0;
}
#contact-form {
   background-color:rgba(72,72,72,0.7);
   padding: 10px 20px 30px 20px;
   max-width:100%;
   float: left;
   left: 50%;
   position: absolute;
   margin-top:30px;
   margin-left: -260px;
   border-radius:7px;
   -webkit-border-radius:7px;
   -moz-border-radius:7px;
}
#contact-form input,   
/* #contact-form select,    */
#contact-form textarea,   
#contact-form label { 
   font-size: 15px;  
   margin-bottom: 2px;
   font-family: Arial, Helvetica, sans-serif;
   width: 100% !important;
   display: inline-block;
}

.labfilter{
      /* margin: 0 auto; */
      text-align: center;
      float: inline-end;
}

#contact-form input,      
#contact-form textarea { 
   width:100%;
   background: #fff;
   border: 0; 
   -moz-border-radius: 4px;  
   -webkit-border-radius: 4px;  
   border-radius: 4px;
   margin-bottom: 25px;  
   padding: 5px;
   margin-top: 5px;  
}  

#contact-form select
{ 
   width:50%;
   background: #fff;
   border: 0; 
   -moz-border-radius: 4px;  
   -webkit-border-radius: 4px;  
   border-radius: 4px;
   margin-bottom: 25px;  
   padding: 5px;  
   display: block;
   margin-top: 5px;
}

.katselectopt{
  width: 30% !important;
  font-size: 10px !important;
}

/* #contact-form .rezijaselect
{ 
   width: 100% !important;
   background: #fff;
   border: 0; 
   -moz-border-radius: 4px;  
   -webkit-border-radius: 4px;  
   border-radius: 4px;
   margin-bottom: 25px;  
   padding: 5px;  
   display: block;
   margin-top: 5px;
}  

#contact-form .rezijaselect option
{ 
   width: 80% !important;
}  */

#contact-form input[type="checkbox"]
{
  float: left !important;
  text-align: left;
  width: 4% !important;
  margin-top: 2px;
  margin-right: 10px;

}

.rnstednjaspan{
  float: left;
  font-size: 12px;
  border: 1px solid #ddd6d6;
  border-radius: 2px;
  padding: 4px;
  /* margin-bottom: -1px; */
  margin-top: -6px;
  background-color: #ede7ac;
  color: #d55a5a !important;
}

.rnstednjaspan a:link, a:visited{
  color: #d55a5a !important;
}


.rnstednjaspan img{
  width: 32px;
  height: 36px;
}

.labodmak{
  clear: both;
  display: block;
}

.dropstr{
	
	    width: 20% !important;
    padding: 3px !important;
    text-align: center;
}


#contact-form input:focus,   
#contact-form select:focus,   
#contact-form textarea:focus {  
   background-color: #E5E6E7; 
}  
#contact-form textarea {
   width:100%;
   height: 150px;
}
#contact-form button[type="submit"],button[type="reset"] {
   cursor:pointer;
   width:100%;
   border:none;
   background:#991D57;
   background-image:linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
   background-image:-moz-linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
   background-image:-webkit-linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
   color:#FFF;
   margin:0 0 5px;
   padding:10px;
   border-radius:5px;
}
#contact-form button[type="submit"]:hover {
   background-image:linear-gradient(bottom, #9C215A 0%, #A82767 52%);
   background-image:-moz-linear-gradient(bottom, #9C215A 0%, #A82767 52%);
   background-image:-webkit-linear-gradient(bottom, #9C215A 0%, #A82767 52%);
   -webkit-transition:background 0.3s ease-in-out;
   -moz-transition:background 0.3s ease-in-out;
   transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
   box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
input:required, textarea:required {  
   box-shadow: none;
   -moz-box-shadow: none;  
   -webkit-box-shadow: none;  
   -o-box-shadow: none;  
} 
#contact-form .required {  
   font-weight:bold;  
   color: #E5E6E7;      
}

#contact-form .datumplan {  
  font-weight:bold;  
  color: #5f6163;      
}

/* Hide success/failure message
   (especially since the php is missing) */
#failure, #success {
   color: #6EA070; 
   display:none;  
}


/* Make form look nice on smaller screens */
@media only screen and (max-width: 580px) {
   #contact-form{
      left: 3%;
      margin-right: 3%;
      width: 88%;
      margin-left: 0;
      padding-left: 3%;
      padding-right: 3%;
   }

   #contact-form select{ 
      width: 100%;
   }
}


/*novi css*/	
	/* css tablica */
	
		/* info (hed, dek, source, credit) */
.rg-container {
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
  padding: 1em 0.5em;
  color: #222;
      background-color: white;
}
.rg-header {
  margin-bottom: 1em;
  text-align: left;
}

.rg-header > * {
  display: block;
}
.rg-hed {
  font-weight: bold;
    font-size: 1.4em;
    color: #494040;
    margin-left: 5px;
}
.rg-dek {
  font-size: 1em;
  line-height: 1.8;
  margin-top: 5px;
  margin-left: 5px;
  /* text-decoration: underline; */
  color: #241443;
}

.rg-dek-small {
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.rg-success {
      font-size: 1em;
    color: #99d240;
    font-weight: bolder;
}

.rg-source {
  margin: 0;
  font-size: 0.75em;
  text-align: right;
}.rg-source .naslov {  font-size: 14px;    float: left;    margin-left: 7px;    margin-top: -25px;    text-transform: uppercase;    font-weight: bold;}
.rg-source .pre-colon {
  font-size: 14px;
}

.rg-source .post-colon {
  font-weight: bold;  font-size: 15px;
}

.iznosporuka{
  color: #e91717;
  margin-bottom: 15px;
  font-style: italic;
}

.limitok{
  color: #4CAF50;
  font-weight: bold;
}

.limitfalse{
  color: #FF0000;
  font-weight: bold;
}

/* table */
table.rg-table {
  width: 100%;
  margin-bottom: 0.5em;
  font-size: 1em;
  border-collapse: collapse;
  border-spacing: 0;
}
table.rg-table tr {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-align: left;
  color: #333;
}
table.rg-table thead {
  border-bottom: 3px solid #ddd;
}
table.rg-table tr {
  border-bottom: 1px solid #ddd;
  color: #222;
}
table.rg-table tr.highlight {
  background-color: #dcf1f0 !important;
}
table.rg-table.zebra tr:nth-child(even) {
  background-color: #f6f6f6;
}
table.rg-table th {
  font-weight: bold;
  padding: 0.35em;
  font-size: 0.8em;
}
table.rg-table td {
  padding: 0.35em;
  font-size: 0.72em;
}table.rg-table a:link, a:visited {  color: #60bef5 !important;  font-size: 0.9em;    font-weight: bold;}
table.rg-table .highlight td {
  font-weight: bold;
}
table.rg-table th.number,
td.number {
  text-align: right;
}

/* media queries */
@media screen and (max-width: 600px) {
  .rg-container {
    max-width: 600px;
    margin: 0 auto;
	    background-color: white;
  }      
  .rg-container form{    
    max-width: 300px;    
    margin: 0 auto;	
    background-color: white;		  
  }
  
  .rg-container label{
    margin-top: 10px;
    font-size: 1em !important;
  }

  .rg-container form .zavrseno 
  {     
    font-weight:bold;     	
  }  
  .rg-container form select {    
     border: 1px solid black !important; 	
     padding: 5px;
     width: 100% !important;
    	}	
   
   .rg-container .katselect{
    width: 35% !important;
    /* position: relative;
    right: -91px; */
   }
  
  .rg-container form input {     
    border: 1px solid black !important; 	padding: 5px !important;	width: 70px;	/*float: right;	*/ margin-right: 80px;	background-color: #8cc9ed !important;	
  }
  .rg-container form .datumski{     
    border: 1px solid black !important; 	padding: 5px !important;	width: 70px;	float: left;	margin-right: 80px;	background-color: #8cc9ed !important;	
  }

  .rg-container form .tekstualni{     
    border: 1px solid black !important; 	padding: 5px !important;	width: 70px;	float: left;	margin-right: 80px;	background-color: #FFF !important;	
  }

  table.rg-table {
    width: 100%;
  }
  table.rg-table tr.hide-mobile,
  table.rg-table th.hide-mobile,
  table.rg-table td.hide-mobile {
    display: none;
  }
  table.rg-table thead {
    display: none;
  }
  table.rg-table tbody {
    width: 100%;
  }
  table.rg-table tr,
  table.rg-table th,
  table.rg-table td {
    display: block;
    padding: 0;
  }
  table.rg-table tr {
    border-bottom: none;
    margin: 0 0 1em 0;
    padding: 0.5em;
  }

  .prevrigthbutton{
    padding: 6px;
    font-family: Arial, san-serif;
    font-size: 12px;
    text-decoration: none;
    width: 65px;
    border: 1px solid rgb(14, 114, 185);
    border-radius: 5px;
    background-color: #ffb478;
    margin-left: 7px;
    font-weight: bold;
    float: right;
    margin-top: -23px;
    margin-right: 7px;
    text-align: center;
  }

  .prevrigthbutton a:link{
    text-decoration: none;
  }

  .linesumthinner{
    border-bottom: 1px solid rgb(219, 81, 81) !important;
  }

  .linesum{
    border-bottom: 3px solid rgb(14, 114, 185) !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  .linedefault{
    border-bottom: 1px solid #ccc !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  .linetop{
    border-top: 3px solid rgb(14, 114, 185) !important;
  }

  .headfill{
    background-color: #f5f3da;
  }

  .poviznos{
    color: #105e8b;
    font-weight: bold;
  }

  .kreditzatvoren{
    color: #55ce59;
    font-weight: bold;
  }

  .kreditaktivan{
    color: #e91717;
    font-weight: bold;
  }


  table.rg-table tr.highlight {
    background-color: inherit !important;
  }
  table.rg-table.zebra tr:nth-child(even) {
    background-color: transparent;
  }
  table.rg-table.zebra td:nth-child(even) {
    background-color: #f6f6f6;
  }
  table.rg-table tr:nth-child(even) {
    background-color: transparent;
  }
  table.rg-table td {
    padding: 0.5em 0.5em 0.25em 0.5em;
    border-bottom: 1px dotted #ccc;
    text-align: right;
  }

  .zbrojniprikaz{
    font-size: 11px;
  }

  table.rg-table td[data-title]:before {
    content: attr(data-title);
    font-weight: bold;
    display: inline-block;
    content: attr(data-title);
    float: left;
    margin-right: 0.5em;
    font-size: 0.95em;
  }
  table.rg-table td:last-child {
    padding-right: 0.5em;
    border-bottom: 2px solid #ccc;
  }
  table.rg-table td:empty {
    display: none;
  }
  table.rg-table .highlight td {
    background-color: inherit;
    font-weight: normal;
  }

  #Rezija{
    width: 150px;
  }

  #Rezija option{
    width: 150px;
  }

}

.datumpretraga{
	width: 120px !important;
}

.sortiznos{
  width: 40%;
    font-size: 12px;
    /* float: right; */
    margin-right: 0px !important;
}

.sortiznos select{
  width: 30% !important;
  font-size: 12px !important;
  background: #991D57 !important;
    color: white;
}

.pomak{
  margin-left: 10px;
  font-family: Arial, san-serif;
  font-size: 14px;
  text-decoration: none;
}

.pomakback{
  padding: 6px;
  font-family: Arial, san-serif;
  font-size: 12px;
  text-decoration: none;
  width: 65px;
  border: 1px solid rgb(14, 114, 185);
  border-radius: 5px;
  background-color: #ffb478;
  margin-left: 7px;
  font-weight: bold;
}

.usluganova {
    padding: 6px;
    font-family: Arial, san-serif;
    font-size: 12px;
    text-decoration: none;
    width: 90px;
    border: 1px solid rgb(14, 114, 185);
    border-radius: 5px;
    background-color: #ffb478;
    margin-left: 7px;
    font-weight: bold;
    text-align: center;
}



.pomakback a:link, a:visited{
  color: rgb(14, 114, 185);
  margin-left: 6px;
}


.pomaklink{
  padding: 6px;
  font-family: Arial, san-serif;
  font-size: 12px;
  text-decoration: none;
  width: 65px;
  border: 1px solid rgb(14, 114, 185);
  border-radius: 5px;
  background-color: #ffb478;
  margin-left: 238px;
  font-weight: bold;
}

.pomaklink a:link, a:visited{
  color: rgb(14, 114, 185);
  margin-left: 6px;
}


.pomaklinkkredit{
  padding: 6px;
  font-family: Arial, san-serif;
  font-size: 12px;
  text-decoration: none;
  /* width: 65px; */
  border: 1px solid rgb(14, 114, 185);
  border-radius: 5px;
  background-color: #ffb478;
  margin-left: 296px;
  font-weight: bold;
  display: block;
  margin-top: 4px;
  text-align: center;
}

.pomaklinkkredit a:link, a:visited{
  color: rgb(14, 114, 185);
  margin-left: 6px;
}

.natraggumb {
  padding: 6px;
  font-family: Arial, san-serif;
  font-size: 12px;
  text-decoration: none;
  /* width: 65px; */
  border: 1px solid rgb(14, 114, 185);
  border-radius: 5px;
  background-color: #ffb478;
  /* margin-left: 296px; */
  font-weight: bold;
  /* display: block; */
  margin-top: 4px;
  text-align: center;
  /* float: right; */
}

.detalji{
  padding: 5px !important;
  background-color: #ffb478;
  border: 1px solid black;
  text-decoration: none !important;
}

.detalji a:link, a:visited {
  color: #0a0a0a !important;
  font-size: 0.9em;
  
}

.obicni a:link, a:visited {
  /* background-color: #991D57; */
  color: white;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 5px;
}

.obicni a:hover, a:active {
  background-color: #991D57;
}

.izvrsen{
  text-decoration: line-through;
}

.odbici{
  color: red;
}

.utrosenodosadeur{
  color: red;
  border-top: 1px solid black;
}

.utrosenodosadkn{
  color: red;
  border-bottom: 1px solid black !important;
}

.dodaci{
  color: green;
}

.treniznos{
  font-weight: bold;
  color: #393535;
}

.kune{
  border-radius: 3px;
  background-color: coral;
}

.pagination {
  display: inline-block;
}

.pagination a {
  color: #0e72b9 !important;
  float: left;
  padding: 8px 13px;
  text-decoration: none;
}

.pagination a.active {
  background-color: #0e72b9;
  color: white !important;
}

.pagination a:hover:not(.active) {background-color: #ddd;}