/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Oct 27, 2014, 8:30:22 AM
    Author     : Matija
*/

.input-group-addon-sm {
  padding: 3px 6px !important;
}

.navbar-brand
{
	color: white !important;
	font-size: 2.8em;
	height: 45px;
	padding: 0px !important;
	padding-right: 25px !important;
}
	.navbar-brand img
	{
	  height: 42px;
	  margin-top: 0px;
	  padding-top: 0px;
	  position: relative;
	  top: 4px;
	}
	.navbar-brand span
	{
		position: relative;
		top: 8px;
	}
.margin-top-30
{
  margin-top: 30px;
}

footer
{
  position: fixed;
  bottom: 0px;
  width:100%;
  background-color: #f8f8f8;
  border: 1px solid #e7e7e7;
  background-repeat: repeat-x;
  /*border-radius: 4px;*/
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 5px rgba(0, 0, 0, 0.075);

  background-image: linear-gradient(to bottom, #fff 0px, #f8f8f8 100%);
  padding-top: 7px;
  padding-bottom: 7px;
}

body, html{
  /*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;*/
  height: 100%;
}
body
{
	position: relative;
}

#fPage_show
{
	position: relative;
	background-image: url("../slike/image_naslovna.png");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    min-height: 330px;
    max-height: 400px;
}
	#fPage_show h1
	{
		right: 0px;
		position: absolute;
		width: auto;
		background:rgba(36,131,197,0.6);
		padding: 15px;
		border-radius: 10px;
		color: white;
		text-align: center;
	}
	#fPage_show a
	{
		position: absolute;
		bottom: 0px;
		right: 0px;
	}
#fPage_content > div
{

}
#fPage_content > div
{
	margin: 0px !important;
	padding: 3px !important;
}
#fPage_content > div > div
{
	margin: 0px;
	padding: 0px;
	position: relative;
	height: 200px;
}
#fPage_content > div > div#pWorkers { background-image: url("../slike/business53_blue.png"); }
#fPage_content > div > div#pShifts { background-image: url("../slike/shifts.png"); }
#fPage_content > div > div#pAuto { background-image: url("../slike/automatization.png"); }
#fPage_content > div > div#pWorkers, #fPage_content > div > div#pShifts, #fPage_content > div > div#pAuto
{

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
/* background-position: center 20px, 20% 80%, top left, bottom right; */
	background-repeat: no-repeat;
    max-height: 200px;
}
#fPage_content > div > div > h2
{
	left: 0px;
	width: 100%;
	top: 0px;
	margin-top: 0px;
	position: relative;
	width: auto;
/* 	background:rgba(36,131,197,0.6); */
	background:rgba(255,255,255,0.6);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	text-align: center;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
}

#fPage_content > div > div > h2 > span
{
	color: #2483c5;
/* 	color: white; */
}
#fPage_content > div > div > p
{
	background:rgba(36,131,197,0.6);
	colo: #FFF !important;
	position: absolute;
/* 	width: 100%; */
	padding: 5px;
	display: block;
	color: white;
	bottom: 0px;
	border-radius: 4px;
}
#fPage_content > div > div > img
{
	width: 100%;
	max-height: 150px;
}
#fPage_content > div > div > p
{
	margin: 8px;
}
.box-shadow
{
	padding: 10x !important;
	border-radius: 10px;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
	height: 100%;
	background-color: rgba(47,186,252,0.1);
}
.box-shadow > h1
{
	color: white;
	position: relative;
	width: 100%;
	text-align: center;
	background-color: rgba(47,186,252,1);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.box-login
{
 	height: 30%;
	padding-left: 30px;
}
.bStrapForm label:not(.checkbox)
{
	display: none;
}
.bStrapForm input:not(#auth_user_remember)
{
	display: block;
	width: calc(100% - 20px);
	margin: 10px;
}
.bStrapForm #auth_user_remember
{
	margin-left: 20px !important;
}

.padding-10 { padding: 10px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-60 { margin-bottom: 60px; }


.margin-top-10 { margin-top: 10px; }
.margin-top-40 { margin-top: 40px; }

 .btn-tooltip
 {
 	padding: 4px 5px !important;
 	width: 25px !important;
 	margin: 0px!important;
 }


 .bs-tabs-script {
  background-color: #fff;
  border: 1px solid #ddd;
  border-color: #ddd;
  border-radius: 4px 4px 0 0;
  border-width: 1px;
  box-shadow: none;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
}


.navbar-xs .navbar .navbar-brand{ padding: 0px 12px;font-size: 16px;line-height: 28px; }
.navbar-xs .navbar .navbar-nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 28px; }
.navbar-xs .navbar .container .navbar-brand span{ top: 0px !important; color: #2483c5; font-variant: small-caps; }
.navbar-sm .navbar { min-height:40px; height: 40px; }
.navbar-sm .navbar .navbar-brand{ padding: 0px 12px;font-size: 16px;line-height: 40px; }
.navbar-sm .navbar .navbar-brand > span{ top: 0px !important; }
.navbar-sm .navbar .navbar-nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 40px; }

.jumbotron-mini
{
	padding: 18px !important;
}
	.jumbotron-mini p
	{
		font-size: 16px;
	}


.sectionHeader h5
{
	font-weight: bold;
}

.btn-new
{
	color: black;
	background-image: -webkit-linear-gradient(top, #DEF1DE 0%, #B3D5B3 100%);
	  background-image: linear-gradient(to bottom, #DEF1DE 0%, #B3D5B3 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffDEF1DE', endColorstr='#ffB3D5B3', GradientType=0);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	  background-repeat: repeat-x;
	  border-color: #3e8f3e;
}

/*Form warning so tist kar manjka pa NI kriti�no , recimo comment al pa kej podobnga*/
.form-warning {
	background-color: #FFFF99 !important;

}
/*Form warning so tist kar manjka pa je kriti�no oz neki ne �tima, recimo vrednosti min max*/
.form-alert {
    background-color: #FFE8E8 !important;
    border-color: #FFB2B2 !important;
}

/*Form alert za knofe */
.button-alert {
	background: #cfaeb6;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFB2B2), to(#FFB2B2));
    /*background-color: #FFE8E8 !important;*/
    border-color: #FFB2B2 !important;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
}

/*Form warning za knofe */
.button-warning {
    background: #FFFF99;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFFF99), to(#FFFFCC));
    /*background-color: #FFE8E8 !important;*/
    border-color: #FFFF99 !important;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
}


select.form-control.input-sm:not(.no-auto)
{
	width: auto;
}
/* input:-moz-read-only */
/* { */
/* 	background-color: blue; */
/* } */
/* .date input:read-only, .input-group input:read-only  */
/* { */
/* 	cursor: pointer; */
/* 	background-color: white; */
/*}*/

#savingErrorText {
	visibility:hidden;
    padding: 10px 10px;
    border-bottom:1px solid #eee;
    background-color: #FFE8E8;
    font-size: 16px;
    text-align: center;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }

.modal-body-success {
    padding: 10px 10px;
    border-bottom:1px solid #eee;
    background-color: #98FB98;
    font-size: 16px;
    text-align: center;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }
 .glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}


@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
.multifalse ul li:nth-child(2)
{
	display: none;
}
.modal-body-error{
    padding: 10px 10px;
    border-bottom:1px solid #eee;
    background-color: #FFE8E8;
    font-size: 16px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}


.buttonBox {
    position: absolute;
    bottom:0;
    right:0;
}

.rowSettings {
    position: relative;
}

.well1 {
  background-image: -webkit-linear-gradient(top, #FFFFF0 0%, #FFFFFA 100%);
  background-image:         linear-gradient(to bottom, #FFFFF0 0%, #FFFFFA 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
}
.newScriptName2
{
	display: none;
	margin-top: 60px !important;
	font-size: 1.5em;
	color: #2483c5;
	font-variant: small-caps;
}
.newScriptName
{
	display: inline-block;
/* 	width: 35%; */
  text-overflow: ellipsis;
}

@media (min-width: 992px) {
	.myspynav{
		width: 900px !important;
	}
	.newScriptName
	{
		width: calc(100% - 900px);
		color: red !important;
	}
}
@media (max-width: 992px) {
	.newScriptName {display: none;}
	.newScriptName2 {display: block;}
}
@media (min-width: 767px)
{
	.navbar-xs .navbar { min-height:28px; height: 28px; }
}
@media (max-width: 767px) {
	.margin-top-40{ margin-top: 70px;}
	.newScriptName {
		display: block;
/* 		margin-top: 12px; */
		text-align: center;
		width: calc(100% - 50px);
	}
	.newScriptName span {
		margin-top: 12px;
	}
	.newScriptName2 {display: none;}
}
.newScriptName span
{

	display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; // This is where the magic happens
}

.noPadding
{
	padding: 0px !important;
}

.well
{
/* 	overflow: auto; */
}

.panel-heading
{
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.userType
{
    border-radius: 1.25em;
}



/** LOADER ***/

.bubblingG {
text-align: center;
width:80px;
height:50px;
}

.bubblingG span {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
margin: 25px auto;
background: #000000;
-moz-border-radius: 50px;
-moz-animation: bubblingG 1.3s infinite alternate;
-webkit-border-radius: 50px;
-webkit-animation: bubblingG 1.3s infinite alternate;
-ms-border-radius: 50px;
-ms-animation: bubblingG 1.3s infinite alternate;
-o-border-radius: 50px;
-o-animation: bubblingG 1.3s infinite alternate;
border-radius: 50px;
animation: bubblingG 1.3s infinite alternate;
}

#bubblingG_1 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}

#bubblingG_2 {
-moz-animation-delay: 0.39s;
-webkit-animation-delay: 0.39s;
-ms-animation-delay: 0.39s;
-o-animation-delay: 0.39s;
animation-delay: 0.39s;
}

#bubblingG_3 {
-moz-animation-delay: 0.78s;
-webkit-animation-delay: 0.78s;
-ms-animation-delay: 0.78s;
-o-animation-delay: 0.78s;
animation-delay: 0.78s;
}

@-moz-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#000000;
-moz-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#FFFFFF;
-moz-transform: translateY(-21px);
}

}

@-webkit-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#000000;
-webkit-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#FFFFFF;
-webkit-transform: translateY(-21px);
}

}

@-ms-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#000000;
-ms-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#FFFFFF;
-ms-transform: translateY(-21px);
}

}

@-o-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#000000;
-o-transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#FFFFFF;
-o-transform: translateY(-21px);
}

}

@keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#000000;
transform: translateY(0);
}

100% {
width: 24px;
height: 24px;
background-color:#FFFFFF;
transform: translateY(-21px);
}

}