.wrapper{border:1px solid #ccc; width:700px; min-height:600px; margin:0 auto; font: 95% Arial, Helvetica, sans-serif; position:relative;}
.logo{width:100px; margin:0px auto; margin-bottom:10px; margin-top:10px; border:0px solid #FF0000; }
.title{margin:0px auto; font-size:40px; border:0px solid #ff0000; text-align:center;}
.error{color:#C50707;}
.clr{border:0px solid #ff0000; overflow:hidden; width:100%;}
.success{font-weight:bold; background-color:#C0FDDE; padding:30px 50px; width:50%; margin-left:25%; margin-top:50px; text-align:center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; line-height:22px;}
.prikaz{border:}
.prikaz th{border-bottom:1px double #444; border-top:1px double #444; padding:15px 3px;}
.prikaz td{border-bottom:0px solid #ff0000; padding:15px 3px;}
.vratiMe input[type="submit"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    border: 1px solid #ccc;
    color: #777;
	font-size:14px;
	position:absolute; 
	top:20px; 
	right:20px;
	padding:5px 15px;
}
.vratiMe input[type="submit"]:hover{
    background: #00A6FF;
    border: 1px solid #00A6FF;
	color:#fff;
	cursor:pointer;
}

.form-style-6{
    font: 95% Arial, Helvetica, sans-serif;
	width:100%;
    margin: 10px auto;
    padding: 16px;
	padding-top:0px;
	border:0px solid #ff0000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.form-style-6 input[type="text"],
.form-style-6 input[type="date"],
.form-style-6 input[type="datetime"],
.form-style-6 input[type="email"],
.form-style-6 input[type="number"],
.form-style-6 input[type="search"],
.form-style-6 input[type="time"],
.form-style-6 input[type="url"],
.form-style-6 textarea,
.form-style-6 select
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 50%;
    background: #fff;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    padding: 1.5%;
    color: #555;
	font-size:18px;
}

.form-style-6 input[type="number"]{
    width: 12%;
	padding: 1%;
}

.form-style-6 input[type="text"]:focus,
.form-style-6 input[type="date"]:focus,
.form-style-6 input[type="datetime"]:focus,
.form-style-6 input[type="email"]:focus,
.form-style-6 input[type="number"]:focus,
.form-style-6 input[type="search"]:focus,
.form-style-6 input[type="time"]:focus,
.form-style-6 input[type="url"]:focus,
.form-style-6 textarea:focus,
.form-style-6 select:focus
{
    box-shadow: 0 0 5px #00A6FF;
    border: 1px solid #00A6FF;
}

.form-style-6 input[type="submit"],
.form-style-6 input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 50%;
    padding: 2%;
    background: #166597;
    border-bottom: 0px solid #166597;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;   
    color: #fff;
	font-size:20px;
	margin-left:25%;
}
.form-style-6 input[type="submit"]:hover,
.form-style-6 input[type="button"]:hover{
    background: #00A6FF;
	cursor:pointer;
}


.tooltip {
    position: relative;
    display: inline-block;
	color:#888;
	font-weight:bold;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 0 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;

}

/*.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
		border:1px solid #ff0000;
}*/

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .wrapper{width:100%;}
	.title{ font-size:28px; }
	.form-style-6 input[type="text"],
	.form-style-6 input[type="date"],
	.form-style-6 input[type="datetime"],
	.form-style-6 input[type="email"],
	.form-style-6 input[type="search"],
	.form-style-6 input[type="time"],
	.form-style-6 input[type="url"],
	.form-style-6 textarea,
	.form-style-6 select
	{
  
    width: 85%;
    
	}

	.form-style-6 input[type="number"]{
    width: 24%;
	padding: 1%;
	}

}