[data-tip] {
	position:relative;

}
[data-tip]:before {
	content:'';
	/* hides the tooltip when not hovered */
	display:none;
	content:'';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #1a1a1a;	
	position:absolute;
	top:30px;
	left:35px;
	z-index:8;
	font-size:0;
	line-height:0;
	width:0;
	height:0;
}
[data-tip]:after {
	display:none;
	content:attr(data-tip);
	position:absolute;
	top:35px;
	left:0px;
	padding:0 8px;
	background:#1a1a1a;
	color:#fff;
	z-index:9;
	font-size: 0.85em;
	height:18px;
	line-height:18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space:nowrap;
	word-wrap:normal;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
	display:block;
}
@media screen and (min-width:702px) {
    .container {
        margin-left: 27%;
        margin-right: 27%;
        width:100%;
    }

    label {
        margin-bottom: 0;
        font-weight: 600;
        font-size: 12px;
    }

    .form-control {
        width: 250px;
        height: 25px;
        margin-right: 0;
         padding: 0;
    }

    .form-group {
        margin-bottom: 7px;
    }

    select.input-sm {
        height: 25px;
    }

    .input-sm {
        padding: 5px 0;
    }
    .btn{
        padding:4px 11px;
    }
}
@media screen and (max-width:701px) {
.container{
    margin-left:5px;
     margin-right:5px;
}
 .form-control {     
        height: 25px;
        margin-right: 0;
    }
   .input-sm {
        padding: 5px 0;
    }
  div #mar .form-group{
      margin-bottom:30px;   }
}
hr{
    margin-top: 10px;
    margin-bottom: 10px;
}
.mytext{
    width:250px;
    border-radius:2px;
}