/*T4P THEME v.2*/

html,body, form {
	background-color:#f3f5f9;
	color:#000;
	height:100%;
	font-family: 'Open Sans', sans-serif;

}


/*NAVBAR*/
.navbar{
    margin-bottom:0px;
    border:0;
    border-radius:0px;
    background-color: #1f2933;
    box-shadow:0px 0px 10px #000;
    color:#fff;
}

.navbar-inverse .navbar-text {
  color: #fff;
}

.dropdown-menu {
	border-radius:0px;
}

/*container*/
form > .container {
	background-color: #fff;

  box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
  padding-bottom:50px;
}

/*panels*/
.panel {
	background-color:transparent;
	border-radius:0px;
	box-shadow:none;
}

.panel-default {
	border:none;
}

.panel-default>.panel-heading {
	background-color:inherit;
	font-size:18px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border:none;
	padding-left: 0px;
  padding-bottom: 0px;
}

	.panel-default > .panel-heading h3 {
		margin-top:0;
		margin-bottom:0;
	}

.panel-info {
    border-color: #ddd;
}

.panel-info>.panel-heading {
  color: #696d73;
  background-color: #EDEDED;
  border-color: #eeeeee;
}

/*TABS*/

.nav-tabs > li > a {
	border-radius:0px;
	color:#696d73;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:active, .nav-tabs > li.active > a:hover{	
	color:#fe5e3c;
}

/*BUTTONS*/
.btn {
	border-radius:100px;
}

.btn-primary {
  color: #fff;
  background-color: #FE5E3C;
  border-color: #FE5E3C;
}

.btn-primary[disabled] {
    color: #fff;
    background-color: #FE5E3C;
    border-color: #FE5E3C;
}

	.btn-primary:hover {
		background-color:#FF2D00;
		border-color: #FF2D00;
	}

.btn-small-glyph-rouded-grey, .btn-small-glyph-rouded-grey:hover {
	background-color:#5E5E5E;
	color:#fff;
	border-radius:10px;
	padding:5px;
	text-decoration:none;
	font-size:10px;
}

.btn-glyph.btn-sm {
	padding:5px 7px;
	min-width:30px;
}

.btn-glyph.btn-xs {
	min-width:24px;
	padding:2px;
}

.btn-glyph.btn-xxs {	
  font-size: 8px;
  min-width:17px;
    padding: 2px;
}

.btn-link.primary {
    color: #fe5e3c !important;
}

/*rounded button*/
.btn-rounded-big {
	background-color:#fe5e3c;
	color:white;
	width:60px;
	height:60px;
}

	.btn-rounded-big:hover {
		color:white;
		background-color:#FF2D00;
		border-color: #FF2D00;
	}

	.btn-rounded-big span:first-child {
		margin-top:5px;
		display:block;
		font-size:19px;
	}


/*texts*/
.page-header,hr {
	border-color:#E5E5E5;
}

.page-header:after {
    content: " ";
    clear: both;
    display: table;
}

h1 {
	color:#fe5e3c;
}

h2 {
	font-size: 36px;
}

h3 {
	color:#696d73;
	font-style:italic;
	font-size:22px;
    display: inline-block;
    vertical-align: middle;
}

label {
	color:#696d73;
	font-weight:400;
	margin-bottom:2px;
}

.inline-h {
	display:inline;
	margin-right:10px;
	vertical-align:middle;
}
a {
	color:#fe5e3c;
}

.text-primary-orange {
    color: #fe5e3c;
}

/*FORMS*/
.form-control {
	border-radius:0px;
}

.input-daterange input:first-child, .input-daterange input:last-child {
    border-radius:0px !important;
}

.sm-input {
    width: 70px !important;
}

.sm-input2 {
   min-width: 42px;
}

label.inline {
    display: inline !important;
}

/*LIST GROUP*/
.list-group-item {
	border:none;
	border-bottom:1px solid #eee;
	margin-bottom:0px;
	background-color:inherit;
}

.list-group-item:hover{
    background-color:#f7f7f7;
}

	.list-group-item:first-child {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}

	.list-group-item:last-child {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	.list-group-item.list-group-item-small {
		border-bottom:none;
		padding-top:2px;
		padding-bottom:2px;
	}

	/*MODALNI OKNA*/
.modal-content {
	border-radius:0px;
}

/*INFO BUBBLE*/
.info-bubble {
	width:100px;
	height:100px;
	border-radius:150px;
	background-color:#5cb85c;
	color:#fff;
	display:inline-block;
	margin-top: 15px;
}

	.info-bubble:hover {
		background-color:#449d44;
		color:#fff;
	}

	.info-bubble div:first-child {
		padding-top:20px;
		font-size:12px;
		font-style:italic;
	}

	.info-bubble div:last-child {
		font-size:20px;
	}

/*TABLE*/
.table > tbody > tr > th {
	border-top:none;
}

.table-header {
	font-weight:bold;
	border-bottom:1px solid #E5E5E5;
	margin-left:0px;
	margin-right:0px;
	padding-bottom:8px;
}

/*PAGINATION*/
.pagination {
	margin:0;
}

.pagination > li > a, .pagination > li > span {
	border:none;
	padding:0px 5px;
	color:#696d73;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color:inherit;
	color:#fe5e3c;
}

/*COLAPSE*/
a[data-toggle="collapse"] {
	color:#000;
	text-decoration:none;
}

	a[data-toggle="collapse"][aria-expanded="false"][aria-controls]::after,
	a[data-toggle="collapse"][aria-expanded="true"][aria-controls]::after
	 {
		color:#696d73;
		font-size:16px;
		vertical-align:middle;
		margin-left:5px;
	}

	a[data-toggle="collapse"][aria-expanded="false"][aria-controls]::after {
		content:"˅";
	}

	a[data-toggle="collapse"][aria-expanded="true"][aria-controls]::after {
		content:"˄";
	}

.collapse, .collapsing {
	padding: 0 15px;
}

.panel-group > .panel > .panel-heading > a.full-row > h4.panel-title {
    margin: -10px -15px;
    padding: 10px 15px;
}



/* VERTICAL ALIGN */
.vertical-middle {
    vertical-align: middle
}

/* GLYPHICON */
.glyphicon.glyphicon-delete-top {
    top: 0;
}


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

.mar-btm {
    margin-bottom: 10px;
}

.pad-rgt {
    padding-right: 10px;
}

.pad-lft {
    padding-left: 10px;
}

.pad-top {
    padding-top: 10px;
}

.pad-btm {
    padding-bottom: 10px;
}

/* jQuery UI */

.ui-sortable-handle {
    cursor: move;
}

.ui-selectable-helper {
    position:absolute;
    z-index:10000;
    border:1px dotted black;
}

.ui-selected {
    background-color: #d9edf7;
}

.ui-selecting {
    background-color: #fcf8e3;
}

.ui-danger {
    background-color: #f2dede;
}