body {
	font-family:'Open Sans' ;
	background-color: #eeeeee;	
}
body p {
	color: #707070;
	font-size: 1.2em!important;
}
/******************************* LOGIN FORM STYLE - INDEX.HTML *************************************/
.logo{
	margin: 0 auto;
	width: 230px;
}
.logout {
   	width: auto;
	position: absolute;
	top: 10px;
	right: 17px;	
}
.logout a {
	color: #c4c4c4;
	transition: color 0.6s ease-in-out;
}
.logout a:hover {
	color: #990000;
	text-decoration: none;
}
.jumbotron {	
	max-width: 400px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 8px;
	margin-top: 20px;
	padding: 20px;
	border: 1px solid #d3d3d3; 
	position: relative;
}


.form-signin {
	margin: 0 auto;
    max-width: 330px;
    padding: 15px;
}
.btn-primary {
	background-color: #800009;
}

.form-signin .form-signin-heading, .form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    box-sizing: border-box;
    font-size: 14px;
    height: auto;
    padding: 10px;
    position: relative;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
}
.form-signin input[type="password"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 10px;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary
{
  color: #ffffff;
  background-color: #600008;
  border-top-color: #204d74;
  border-right-color-value: #204d74;
  border-bottom-color: #204d74;
  border-left-color-value: #204d74;
}

/******************************* STYLE - INDEX.TPL - ASEE ADMINISTRACIJA *************************************/

.jumb-wide {
	max-width: 980px;
	margin-bottom: 20px;
	/*height: 400px;*/
}
.logo-left {
	float: left;
}

/****************************** MENU STYLE *****************************************************************/

.row-menu-items {
	margin-top: 80px;
	background-color: #800009;
	/*height: 43px;*/
	max-width: 980px;
	border-radius: 0px;
	margin-left: -20px;
	margin-right: -20px;
}
.nav-es {
	margin-top: 95px;
}
.navbar-nav li {
	float: left;	
	padding: 0px 30px;	
	display: block;
	background-color: #800009;
	border-right: 1px solid #fde6b3; 
	transition: all 0.1s ease-in-out;
	color: #fff;	
}

.navbar-nav li:first-child {
	margin-left: -30px;	
}
.navbar-nav li:hover {
	background-color: #fde6b3;	
	color: #800009;	
}
.navbar-nav li:hover a {
	color: #800009!important;
}
.navbar-inverse{
	border: 0px;
	border-color: transparent;	
}
.navbar-inverse .navbar-nav > li > a{
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	transition: color 0.4s ease-in-out;	
	
}
.navbar-nav li a:hover {
	color: #800009;	
}
.icon-style {
	font-size: 20px;
	margin-right: 10px;
}

/**********************  TOOLTIP STYLE **********************************************************/

.infobox {
	/*display: inline;*/
    position: relative;
	font-size: 12px;	
}

.infobox:hover:after {
	 background: #000000;
	 background: rgba(0,0,0,0.9);
	 border-radius: 0px 0px 5px 5px;
	/* bottom: -55px;*/
	 top: 52px;
	 color: #fff;
	 content: attr(title);
     left: 0;
	 padding: 10px 15px;
	 position: absolute;
     z-index: 98;
	 width: 280px;
	 z-index: 1000;	 
}

/************* STYLE - INDEX.TPL - ASEE ADMINISTRACIJA comp_details.tpl ******************/
		
.company-about {
    margin-top: -20px; 
	padding-bottom: 10px;
	width: 40%;
	background-color: #fde6b3;
	padding-top: 20px;
	float: right;
	border: 2px solid #E2CDA3;
	border-radius: 0px 0px 0px 8px; 
	margin-right: -20px;
	min-width: 270px;
}
.row-wrapper {
	background-color: transparent;
	width:90%;
	height: 25px;
	margin: 0 auto;	
}
.label {
	font-family: 'Open Sans' ;
	letter-spacing: 1px;
	color: #800009;
	font-size: 12px;
	font-weight: normal;
	float: left;
	width: 40%;
	margin-bottom: 5px;
	text-align: left;
	margin-right: 20%;
}
.clear {
	clear: both;
}

/******************************** QUESTIONNAIRE PAEIG STYLE **************************************/

.title {
	font-size: 18px;
	margin-top: -180px;
}
.tiny-textbox {
	width: 40%;
	float: left;
	margin-bottom: 5px;
}
.asterix {
	float: left;
	color: #990000;
	margin-left: 10px;
}
.info-msg{
	color: #990000;
	margin-top: 30px;
	margin-left: 0px;
}
/*.info{
	margin-top: 80px;
	margin-bottom: 50px;
	color: #707070;
	font-size: 1.2em;
}*/

.question-table table tr:first-child td {
	font-size: 12px;
	font-weight: normal!important;
	letter-spacing: 1px;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #800009;
}
.question-table input[type="text"]{
	border-radius: 5px;
	border: 1px solid #d3d3d3;
	margin-bottom: 1px;	
}
.question-table table tr:nth-child(2) input[type="text"] {
	margin-top: 5px;
}
.question-table input[type="text"]:focus {
	border-top-color: #66afe9;
	border-right-color-value: #66afe9;
	border-bottom-color: #66afe9;
	border-left-color-value: #66afe9;
	border-left-color-value: #800009;
	outline-width: 0px;
	outline-style: none;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
}

.btn-default {
	margin-top: 15px;
	background-color: #800009;
	color: #fff;
	transition: all 0.1s ease-in-out;
	padding-left: 15px;
	padding-right: 15px;	
	border-color: #800009;	
}
.btn-default:hover {
	background-color: #fde6b3;	
	border-color: #800009;	
	color: #800009;	
}
	
/******************************** QUESTIONNAIRE PAEIM STYLE **************************************/

.question-table-mng-title tr:first-child td {
		color: #800009;
}
.title-rs tr td{
	padding-left: -50px!important;
	
}
.question-table-mng tr td:nth-child(2){
	width: 30%!important;	
}
.title-rs tr td:nth-child(2){
	width: 58%!important;	
}
.title-ru tr td:nth-child(2){
	width: 50%!important;	
}
.title-hr tr td:nth-child(2){
	width: 52%!important;	
}
.question-table-mng tr td {
	padding-top: 5px;
	padding-bottom: 5px;
}

.question-table-mng tr {
	background-color: #fff;
	transition: background-color 2 ease-in-out;
}
.question-table-mng tr:hover{
	background-color: #fde6b3;
}

.question-table-mng tr:hover {

}

/******************************** RESPONSIVE DESIGN *********************************************/

@media screen and (min-width: 320px) and (max-width: 480px) {
	.company-about {
		padding: 10px 0px;
	}
	.row-wrapper {
		width: 100%;
		padding: 5px 10px;	
		margin-bottom: 10px;
	}
	.description {
		width: 100%;
		float: left;
		font-size: 1.3em;
		border-bottom: 1px solid #800009;
		padding-bottom: 10px;
		padding-left: 6px;		
	}
	.row-wrapper .label {
		width: 100%;
		float: left;
		font-size: 1.3em;
		padding-top: 10px;
		/*padding-left: 12px;*/ 	 
	}
	.description-border {
		border-bottom: 0px;
	}	
	.tiny-textbox {
		width: 85%!important;
		margin-left: 0px;		
	}
	.asterix {
		width: 10%;
	}
		.title-rs tr td:nth-child(2){
		width: 20%!important;				
	}
}

@media screen and (max-width: 768px){

	.navbar-inverse .navbar-toggle  {
		border-color: #fde6b3;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fde6b3;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #fde6b3;
		border-color: #fde6b3;
		color: #fde6b3;
	}
	.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
		background-color: #800009;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		border-color: #fde6b3;
	}
	.navbar-inverse .navbar-nav > li > a {
		font-size: 1.3em;
	}
	.company-about {
		width: 100%;
		min-width: 100%;
		margin: 0 auto;
		border-radius: 8px;
	}
	.description {
		font-size: 1.3em;
	}
	.row-wrapper .label { 
		font-size: 1.3em;
	}
	.title {
		margin-top: 50px;
	}
	.navbar-nav li {
		width: 100%;
		border-right: 0px;		
	}
	.navbar-nav li:first-child {
		margin-left: 0px;	
	}
	.infobox:hover:after { 
		top: 44px;
		font-size: 1.3em;
	}
	.tiny-textbox {
		width: 95%;
	}	
	.question-table-mng tr td:nth-child(2){
		width: 10%!important;	
		font-size: 1.3em;
	}
	
	.question-table-mng-title tr:nth-child(1) {
		max-width: 320px!important;
	}
	.question-table-mng-title tr td:first-child {
		float: left;		
	}
	.question-table-mng-title tr:nth-child(1) td:first-child{
		width: 100%!important;	
		font-size: 1.3em;
	}
	.btn-default {
		margin-top: 25px;
		background-color: #800009;
		color: #fff;
		transition: all 0.1s ease-in-out;
		padding-left: 25px;
		padding-right: 25px;	
		border-color: #800009;	
		font-size: 1.5em;
	}


}

@media screen and (min-width: 769px) and (max-width: 1024px) {

	.navbar-nav li {
		width: 50%;	  	
	}
	.navbar-nav li:first-child {
		margin-left: 0px;	
	}
	.navbar-nav li:nth-of-type(2n+2){
		margin-right: -30px;
		border-right: 0px;			
	}
	.navbar-inverse .navbar-nav > li > a , .infobox:hover:after{
		font-size: 1.3em;
		
	}
	.company-about {
		padding: 10px 0px;
		min-width: 53%;
	}
	.row-wrapper {
		width: 100%;
		padding: 5px 10px;	
		margin-bottom: 10px;
	}
	.description {
		width: 100%;
		float: left;
		font-size: 1.3em;
		border-bottom: 1px solid #800009;
		padding-bottom: 10px;
		padding-left: 6px;		
	}
	.row-wrapper .label {
		width: 100%;
		float: left;
		font-size: 1.3em;
		padding-top: 10px;
		/*padding-left: 12px;*/ 	 
	}
	.description-border {
		border-bottom: 0px;
	}	
	.title {
		margin-top:	-450px;
	}
	.personal-data {
		margin-bottom: 10px;		
	}
	.question-table-mng tr td:nth-child(2){
		width: 15%!important;	
		font-size: 1.3em;
	}
	.btn-default {
		margin-top: 25px;
		background-color: #800009;
		color: #fff;
		transition: all 0.1s ease-in-out;
		padding-left: 25px;
		padding-right: 25px;	
		border-color: #800009;	
		font-size: 1.5em;
	}
	.title-rs tr td:nth-child(2){
		width: 40%!important;	
	}
}
@media screen and (min-width : 1024px) and (max-width : 1080px) {
	.navbar-inverse .navbar-nav > li > a, .infobox:hover:after  {
		font-size: 1.3em;
	}
	.company-about {
		padding: 10px 0px;
		min-width: 53%;
	}
	.row-wrapper {
		width: 100%;
		padding: 5px 10px;	
		margin-bottom: 10px;
	}
	.description {
		width: 100%;
		float: left;
		font-size: 1.3em;
		border-bottom: 1px solid #800009;
		padding-bottom: 10px;
		padding-left: 6px;		
	}
	.row-wrapper .label {
		width: 100%;
		float: left;
		font-size: 1.3em;
		padding-top: 10px;
		/*padding-left: 12px;*/ 	 
	}
	.description-border {
		border-bottom: 0px;
	}	
	.title {
		margin-top:	-450px;
	}
	.personal-data {
		margin-bottom: 10px;		
	}
	.question-table-mng tr td:nth-child(2){
		width: 30%!important;	
		font-size: 1.3em;
	}
	.btn-default {
		margin-top: 25px;
		background-color: #800009;
		color: #fff;
		transition: all 0.1s ease-in-out;
		padding-left: 25px;
		padding-right: 25px;	
		border-color: #800009;	
		font-size: 1.5em;
	}
}


.fixed{
  top:0;
  position:fixed;
  display:none;
  border:none;
  background: white;
}