@import url(datepicker/bootstrap-datepicker3.min.css);
@import url(select2/bootstrap-select.min.css);
@import url(timepicker/timepicker.css);
body {
	font-family: "open_sansregular";
	font-size: 14px;
	color: #555;
	line-height: 22px;
	letter-spacing: 0.02em;
	margin:0px 0px 60px 0px;
}
h1{
	color:#000;
	font-family:"robotoregular";
	font-size:28px;
	margin:0px 0px 25px 0px;
}
h2{
	color:#000;
	font-family:"robotoregular";
	font-size:25px;
	margin:0px 0px 22px 0px;
}
h3{
	color:#000;
	font-family:"robotoregular";
	font-size:22px;
	margin:0px 0px 20px 0px;
}
h4{
	color:#000;
	font-family:"robotoregular";
	font-size:20px;
	margin:0px 0px 18px 0px;
}
h5{
	color:#000;
	font-family:"robotoregular";
	font-size:18px;
	margin:0px 0px 15px 0px;
}
h6{
	color:#000;
	font-family:"robotoregular";
	font-size:16px;
	margin:0px 0px 10px 0px;
}
.mbot-5{margin-bottom:5px !important;}
.mbot-10{margin-bottom:10px !important;}
.mbot-15{margin-bottom:15px !important;}
.mbot-20{margin-bottom:20px !important;}
.mbot-25{margin-bottom:25px !important;}
.mbot-30{margin-bottom:30px !important;}
.mbot-35{margin-bottom:35px !important;}
.mbot-40{margin-bottom:40px !important;}
.mbot-45{margin-bottom:45px !important;}
.mbot-50{margin-bottom:50px !important;}

.mtop-5{margin-top:5px !important;}
.mtop-10{margin-top:10px !important;}
.mtop-15{margin-top:15px !important;}
.mtop-20{margin-top:20px !important;}
.mtop-25{margin-top:25px !important;}
.mtop-30{margin-top:30px !important;}
.mtop-35{margin-top:35px !important;}
.mtop-40{margin-top:40px !important;}
.mtop-45{margin-top:45px !important;}
.mtop-50{margin-top:50px !important;}

.mleft-5{margin-left:5px !important;}
.mleft-10{margin-left:10px !important;}
.mleft-15{margin-left:15px !important;}
.mleft-20{margin-left:20px !important;}
.mleft-25{margin-left:25px !important;}
.mleft-30{margin-left:30px !important;}
.mleft-35{margin-left:35px !important;}
.mleft-40{margin-left:40px !important;}
.mleft-45{margin-left:45px !important;}
.mleft-50{margin-left:50px !important;}

.mright-5{margin-right:5px !important;}
.mright-10{margin-right:10px !important;}
.mright-15{margin-right:15px !important;}
.mright-20{margin-right:20px !important;}
.mright-25{margin-right:25px !important;}
.mright-30{margin-right:30px !important;}
.mright-35{margin-right:35px !important;}
.mright-40{margin-right:40px !important;}
.mright-45{margin-right:45px !important;}
.mright-50{margin-right:50px !important;}


/* FORM ELEMENTS */
.button-animation {
}
.btn-info span {
	position: relative;
	z-index: 999;
}

.form-group label {
	width: auto;
	display: block;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-family: "robotoregular";
	color: #000;
	font-weight: normal;
}
.form-group .bar {
	position: relative;
	border-bottom: 1px solid #efefef;
	display: block;
}
.form-group .bar::before {
	content: '';
	height: 0.2rem;
	width: 0;
	left: 50%;
	bottom: -1px;
	position: absolute;
	background: #084aae;
	-webkit-transition: left 0.28s ease, width 0.28s ease;
	transition: left 0.28s ease, width 0.28s ease;
	z-index: 2;
}
.form-group .form-control, .form-group textarea.form-control {
	display: block;
	background: none;
	padding: 0px 0px;
	border: none !important;
	line-height: 1.9;
	width: 100%;
	box-shadow: none;
	color: #556972;
	height: 28px;
	font-family: "robotoregular";
	font-size: 14px;
}
.form-group textarea.form-control {
	resize: none;
	height: 50px;
}
.form-group input[type="file"] {
	line-height: 1;
}
.form-group input[type="file"] ~ .bar {
	display: none;
}
.form-group input:focus ~ .bar::before, .form-group textarea:focus ~ .bar::before, 
.form-group .btn:focus ~ .bar::before  {
	width: 100%;
	left: 0;
}
/* CHECKBOX */
.check_box label, .radio_box label,  .form-radio label {
	position: relative;
	cursor: pointer;
	padding-left: 25px;
	text-align: left;
	color: #333;
	display: inline-block;
	font-weight: normal;
	font-family: "robotoregular";
	font-size: 14px;
}
.radio_box label{
	position: relative;
	cursor: pointer;
	padding-left: 25px;
	text-align: left;
	color: #333;
	display: inline-block;
	font-weight: normal;
	font-family: "robotoregular";
	font-size: 14px;
	margin: 0px 10px 0px 0px;
}
.check_box input, .form-radio input, .radio_box input {
	width: auto;
	opacity: 0.00000001;
	position: absolute;
	left: 0;
}
.form-radio input, .radio_box input {
	width: auto;
	opacity: 0.00000001;
	position: absolute;
	left: 0;
}
.radio_box {
	margin-bottom: 0px;
}
.radio_box .helper {
	position: absolute;
	top: -0.25rem;
	left: -0.25rem;
	cursor: pointer;
	display: block;
	font-size: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #999;
}
.radio_box .helper::before, .radio_box .helper::after {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	margin: 0px;
	width: 20px;
	height: 20px;
	-webkit-transition: -webkit-transform 0.28s ease;
	transition: -webkit-transform 0.28s ease;
	transition: transform 0.28s ease;
	transition: transform 0.28s ease, -webkit-transform 0.28s ease;
	border-radius: 50%;
	border: 0.125rem solid currentColor;
}
.radio_box .helper::after {
	-webkit-transform: scale(0);
	transform: scale(0);
	background-color: #337ab7;
	border-color: #337ab7;
}
.radio_box label:hover .helper {
	color: #337ab7;
}
.radio_box input:checked ~ .helper::after {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
}
.radio_box input:checked ~ .helper::before {
	color: #337ab7;
}
.check_box {
}
.check_box .helper {
	color: #999;
	position: absolute;
	top: 3px;
	left: 0;
	width: 16px;
	height: 16px;
	z-index: 0;
	border: 2px solid #569aff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: border-color 0.28s ease;
	transition: border-color 0.28s ease;
}
.check_box .helper::before, .check_box .helper::after {
	position: absolute;
	height: 0;
	width: 3px;
	background-color: #0849ad;
	display: block;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	border-radius: 4px;
	content: '';
	-webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
	transition: opacity 0.28s ease, height 0s linear 0.28s;
	opacity: 0;
}
.check_box .helper::before {
	top: 10px;
	left: 6px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	box-shadow: 0 0 0 0.0625rem #fff;
}
.check_box .helper::after {
	top: 4px;
	left: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.check_box label:hover .helper {
	color: #337ab7;
}
.check_box input:checked ~ .helper {
	color: #337ab7;
}
.check_box input:checked ~ .helper::after, .check_box input:checked ~ .helper::before {
	opacity: 1;
	-webkit-transition: height 0.28s ease;
	transition: height 0.28s ease;
}
.check_box input:checked ~ .helper::after {
	height: 8px;
}
.check_box input:checked ~ .helper::before {
	height: 18px;
	-webkit-transition-delay: 0.28s;
	transition-delay: 0.28s;
}
.radio + .radio, .check_box + .checkbox {
	margin-top: 1rem;
}
.has-error .legend.legend, .has-error.form-group .control-label.control-label {
	color: #d9534f;
}
.has-error.form-group .form-help, .has-error.form-group .helper, .has-error.checkbox .form-help, .has-error.check_box .helper, .has-error.radio .form-help, .has-error.radio .helper, .has-error.form-radio .form-help, .has-error.form-radio .helper {
	color: #d9534f;
}
.has-error .bar::before {
	background: #d9534f;
	left: 0;
	width: 100%;
}
.button_animation {
	position: relative;
}
.button_animation:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 0px;
	height: 100%;
	background: #569aff;
	z-index: 99;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.button_animation:hover:before {
	width: 100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.bootstrap-select{margin:0px !important; width:100% !important}
.bootstrap-select > .btn{padding:4px 25px 4px 0px !important}
.bootstrap-select .btn-default:hover, .bootstrap-select .btn-default:focus, .bootstrap-select .btn-default:active, .bootstrap-select .btn-default.active, .bootstrap-select > .dropdown-toggle.btn-default{background:#fff !important;}
.bootstrap-select .dropdown-toggle{box-shadow:none !important }

/*=================================== TYPE HEAD AUTO COMPLETE ========================================*/
.twitter-typeahead{
	width:100%;
	float:left;
	margin:0px 0px 5px 0px;
}
.bs-example {
	font-family: sans-serif;
	position: relative;
	margin: 100px;
}
.tt-query{
	width:100%;
}
.typeahead, .tt-query, .tt-hint {
	font-family: "robotoregular";
	font-size: 15px;
	color: #828282;
	outline: medium none;
	padding: 4px 12px;
	width: 100%;
}
.typeahead {
	background-color: #FFFFFF;
}
.tt-query {
}
.tt-hint {
	color: #999999;
}
.tt-dropdown-menu {
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	margin-top: 0px;
	padding: 0px 0;
	width: 100%;
	min-width: 280px;
	left:0px !important;
	
}
.tt-suggestion {
	font-family: "robotoregular";
	font-size: 15px;
	color: #828282;
	line-height: 24px;
	padding: 2px 20px 5px;
}
.tt-suggestion.tt-is-under-cursor {
	background-color: #569aff;
	color: #FFFFFF;
}
.tt-suggestion p {
	margin: 0;
}