/* GLOBAL STYLES */
/* Sergio */
html, body {width: 100%; height: 100%;}
html{overflow:hidden;}
body{overflow:auto;}
/*
div[ui-view]{height:calc(100% - 81px);}
div[ui-view] section.content{height:calc(100% - 30px); }
*/
div[ui-view]{height:calc(100% - 50px);}
div[ui-view] section.content{height:calc(100% - 50px);}

.navbar > h1{display:inline-block; color:white; margin:0; font-size: 28px; line-height:50px;}
.alerts-container{position: absolute; width:100%; z-index:1041;}
#toast-container > div{opacity:1;}

.loading-mask{position:absolute; top:0; width:100%; height:100%; background:rgba(255,255,255,0.7); z-index:1050;}
.loading-mask > div{display:table; width:100%; height:100%;}
.loading-mask > div > div{display:table-cell; vertical-align:middle; text-align:center;}

#account-selector{width:95%; margin:10px auto;}
#account-selector > div.ui-select-match.ng-scope > span{background-color:#374850; color:#eee; border:1px solid transparent;}

.sidebar-menu .treeview{border-top:1px solid #333;}


/*
.main-footer{padding:0 15px; color:#bbb; line-height:30px; height:30px;}
.main-footer a{color:#bbb; font-weight: normal;}
*/
.main-footer{display:none;}

/* Content2Col layout */
.content .content{padding:0;}
div[ui-view=content-left]{padding-right:5px;}
div[ui-view=content-right]{padding-left:5px;}
.content .content .data-grid{margin-top:5px;}

.padding-0{padding-left:0; padding-right:0;}
.padding-2{padding-left:2px; padding-right:2px;}

/* grid DEPRECATED */
.data-grid{height:100%;}
.ui-grid-render-container{background-color:white;}
.data-grid div:focus{outline:0;}
.ui-grid-canvas{box-shadow:0px 2px #ddd; }
.grid-nr{text-align:right;}
.grid-check{text-align:center;}
.grid-action{text-align:center; cursor:pointer;}
.grid-align-right{text-align: right;}
.ui-grid-row:hover .ui-grid-cell {background-color: beige;}


body.login > .wrapper{background-color:#d2d6de; }

.btn.btn-block > .glyphicon{top:3px;}

/* forms */
.checkbox label{margin-right:10px;}

/**
 * Smart Table
 */
div[st-table]{height:100%;}
table{background-color:white; border-collapse:initial; border:1px solid #ccc; height:100%; margin:0 0 5px 0 !important; table-layout: fixed;}
table {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
table * {
	box-sizing: inherit;
	-moz-box-sizing: inherit;
}
thead {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
/* changed from scroll to auto */
tbody {
	overflow-y: scroll;
	display: inline-block;
	height:100%;
}



thead > tr, tbody > tr, tfoot > tr {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
thead, tfoot {
	flex-shrink: 0;
}
th, tbody td {
	overflow-x: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}
tfoot {
	display: inline-block;
}
tfoot td {
	width: 100%;
	display: inline-block;
}

/* grid ticket status color */
td span.open {font-weight: bold; color: #0099ff}
td span.accepted {font-weight: bold; color: #33cc33}
td span.blocked {font-weight: bold; color: #ff0066}
td span.rejected {font-weight: bold; color: #808080}
td span.finished {font-weight: bold; color: #000000}
td span.resolved {font-weight: bold; color: #808080}
td span.deleted {font-weight: bold; color: #808080}

/* header sorting */
thead > tr > th[st-sort]{cursor:pointer;}
thead > tr > th[st-sort]:hover{background-color:#fafafa;}
thead > tr > th[st-sort]:active{background-color:#f6f6f6;}
/* header sort icon */
thead > tr > th[st-sort]:after{content:"\e150"; float:right; font-family: 'Glyphicons Halflings'; opacity: 0.1; padding-right:5px; cursor:pointer;}
thead > tr > th[st-sort]:hover:after{opacity:0.3;}
thead > tr > th.st-sort-ascent:after{content:"\e155"; opacity: 0.5;}
thead > tr > th.st-sort-descent:after{content:"\e156"; opacity: 0.5;}
thead > tr > th.st-sort-ascent:hover:after, thead > tr > th.st-sort-descent:hover:after{opacity:0.7;}
tfoot ul.pagination{margin:0;}
/* paging */
div[st-pagination]{overflow:auto;}
div[st-pagination] nav{overflow:auto;}
div[st-pagination] ul.pagination{float:left; margin:0;}
div[st-pagination] .select-page{vertical-align: middle; height:30px; text-align: center; width:50px;}
div[st-pagination] ul.pagination > li > span{float:none; margin:0; padding:0 5px; display:inline-block; vertical-align: middle; line-height: 30px; border: none;}
div[st-pagination] ul.pagination > li > span:hover{background-color: transparent;}
div[st-pagination] ul.pagination > li:nth-of-type(3) > span:nth-of-type(2){min-width:20px;}
div[st-pagination] .page-size{float:left; line-height: 30px;}
div[st-pagination] .page-size select{margin:0 3px 3px 10px; height:30px; min-width: 50px; vertical-align: middle;}
div[st-pagination] .record-count{line-height:30px; float:right;}
.btn[disabled] > i{cursor:not-allowed;}
/* row highlight */
tbody > tr.st-selected{background-color:#ffd !important;}
tbody > tr:hover{background-color:#ffd !important;}
/* table loading spinner */
tbody.table-loading tr{height:100%;}
tbody.table-loading tr td{width:100%;}
tbody.table-loading tr td i{margin-top:20%;}
tbody.table-loading > tr, tbody.table-loading > tr:hover{background-color:inherit !important;}
/* Column styling */
th.numberer, td.numberer{min-width:35px; overflow-x:initial;}
th.action, td.action{width:40px; text-align:center; cursor:pointer;}
td.center{text-align:center;}
td.right{text-align:right;}

/* Language selector link */
a[disabled]{cursor: not-allowed; pointer-events: none; opacity:0.5;}






/* ---------- REVIEW AND DELETE ------------ */

a {
	transition: all 400ms ease-in-out;
	cursor: pointer;
}
/*
input[type=checkbox] {
	display: block;
	margin: 0 auto;
}
*/

.fa:hover {
	cursor: pointer;
}

/* ADMIN-LTE STYLES */

.wrapper {
	width: 100%;
	height: 100%;
}

.btn {
	transition: all 400ms ease-in-out;
}

.btn-info {
	background: #3C8DBC;
	border: 2px solid #3C8DBC;
}

/* LOGIN COMPONENT */

#login-box {
	max-width: 400px;
	margin: 100px auto;
}

#login-box .box-header .container {
	max-width: 350px;
	text-align: center;
}

#login-box .box-body .col-sm-12 {
	margin-bottom: 20px;
}

#login-box .form-horizontal .box-body input {
	width: 100%;
	border-radius: 5px;
}

#login-box .btn.btn-info {
	width: 100%;
	max-width: 350px;
}

#login-box .glyphicon {
	margin-top: 10px;
	color: #777777;
}

#login-box .has-error .glyphicon {
	color: #AE4442;
}

#login-failed {
	max-width: 350px;
	background: #AE4442;
	margin: 15px;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
}

/* HOME */

/* HOME - NAVIGATION */

.user-panel {
	min-height: 80px;
	margin-left: 10px;
	color: #fff;
}

.user-panel .image {
	margin-top: 2px;
}

.user-panel .select2,
#from-group-select.form-control.select2 {
   border-radius: 3px;
}

.user-panel .select2 option,
#from-group-select.form-control.select2 option {
   padding: 5px 0 5px 14px;
}

ul.select-language {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.select-language li {
	margin: 10px 0 10px 10px;
}

ul.select-language li img {
	margin: -4px 8px 0 0;
}

/* FORM ELEMENTS */

.search-field {
	width: 250px !important;
	margin: 20px 0 5px 0;
	border-radius: 5px;
	transition: all 400ms ease-in-out;
}

.search-field:focus {
	width: 300px !important;
}

.form-group button.btn.btn-info {
	margin: 20px 0 5px 0;
	padding: 5px;
}

table.table.table-bordered.table-hover {
	min-height: 400px;
}

.table th i.fa {
	margin-top: 4px;
}

.form-inline .form-search .form-group .has-feedback i.form-control-feedback {
	top: 50px !important;
}

/* CONTENT */

.wrapper {
	height: 100%;
	overflow: auto;
}

.content-wrapper {
	height: 100%;
}

/* ANIMATIONS */



/* MOBILE FIX */

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

	/* FORM ELEMENTS */

	.search-field {
		width: 250px !important;
		margin-left: -10px;
	}

	.search-field:focus {
		width: 250px !important;
	}

	.form-group button.btn.btn-info {
		width: 250px;
	}

}

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

	/* LOGIN COMPONENT */
	#login-box {
		margin: 30px auto;
	}

}



/* changed custom style colors */

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    color: #333;
    color: rgba(50, 50, 50, 0.8);
}

.glyphicon-user:before {
    color: #929292;
}

.skin-blue .main-header li.user-header {
    background-color: #fff;
}

.user-header .glyphicon.glyphicon-user {
	color: #333;
	margin-top: 40px;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #f2f3f8;
}

.skin-blue .main-header .navbar {
    background-color: #282a3c;
}

.skin-blue .main-header .logo:hover {
    background-color: #282a3c;
}

.skin-blue .main-header .logo {
    background-color: #282a3c;
	position: fixed;
}

.main-sidebar.ng-scope {
    background-color: #282a3c;
}

.skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover {
    background-color: #2c2e3e;
}

.sidebar-menu .treeview-menu > li > a {
    padding: 10px 5px 10px 15px;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    background: #282a3c;
    border-left-color: #282a3c;
}

.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion {
    margin-top: -17px;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    background: #2c2e3e;
}

.content-wrapper, .right-side {
    background-color: #f2f3f8;
}

.btn-success {
    background-color: #34bfa3;
    border-color: #34bfa3;
}

.btn-success:hover, .btn-success:active, .btn-success.hover {
    background-color: #299781;
}

.main-header .navbar {
    min-height: 70px;
}

.main-sidebar, .left-side {
    padding-top: 70px;
	position: fixed;	
}

.navbar > h1 {
    line-height: 70px;
}

.navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
}

.main-header .sidebar-toggle {
    padding: 25px 25px;
}

.main-header .logo .logo-lg {
    padding: 10px;
}

tbody > tr:hover {
    background-color: #f7f8fa !important;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #fff;
}

tbody > tr.st-selected {
    background-color: #f7f8fa !important;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 0px solid #f4f5f8;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

a {
    color: #36a3f7;
}

a:hover, a:active, a:focus {
    text-decoration: underline;
    color: #36a3f7;	
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    line-height: 2;
}

.btn-primary {
    background-color: #36a3f7;
    border-color: #36a3f7;	
}

.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: #1192f6;
}

.box.box-info {
    border-top-color: #fff;
	box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);	
}

.box.box-primary {
    border-top-color: #fff;
	box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);	
}

.box-header.with-border {
    border-bottom: 1px solid #ebedf2;
}

.nav-tabs > li > a {
    line-height: 2;
    border-radius: 0;
	font-size: 16px;
	color:#676767
}

.box.box-info.ng-scope .nav-tabs-custom > .nav-tabs > li > a {
    color: #888;
}

.box.box-info.ng-scope .nav-tabs-custom > .nav-tabs > li.active > a {
    border-top: 3px solid #36a3f7;
    background: #fff;
	border-bottom: 0px;
    color: #333;
}

.box.box-info.ng-scope .nav-tabs-custom > .nav-tabs > li.active > a:hover {
    background: #fff;
}

.box.box-info.ng-scope .nav-tabs-custom > .nav-tabs > li > a:hover {
    color: #333;
}

.box.box-info.ng-scope .nav-tabs-custom > .nav-tabs > li {
    border-top: 3px solid #fff;
	color: #676767;
    margin-bottom: 0px;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    margin-bottom: 10px;
}

div[ui-view] {
    height: calc(100% - 145px);
}

.content-wrapper.filter-dva-reda {
    height: calc(100% - 150px);
}

.content-wrapper.filter-dva-reda .content.ng-scope {
    height: calc(100% - 150px);
}


div[ui-view] section.content {
    height: calc(100% - 80px);
}

.box-body .alert-info {
    background-color: #FFF !important;
}

.box-body .alert-info {
    border-color: #FFF;
}

.box-body .alert-info {
	color:#333 !important;
}

.box-body .alert h4 {
    line-height: 32px;
    border-bottom: 1px solid #eee;
}

.content-header.ng-scope .col-md-2 {
    width: 14.22%;
	padding-right: 10px;
	padding-left: 10px;
}

.col-sm-2 {
    width: 14.22%;
	padding-left:0;
	padding-right:0;
}

.content-header.ng-scope .col-md-4 {
    width: 28.44%;
	padding-right: 10px;
	padding-left: 10px;
}

.col-sm-4 {
	padding-left:0;
	padding-right:0;
}

.col-sm-6 {
	padding-left:0;
	padding-right:0;
}

.col-sm-10 {
	padding-left:0;
	padding-right:0;
}

.col-sm-12 {
	padding-left:0;
	padding-right:0;
}

#sendConnectionRequestTypeConnect .col-md-12 .col-sm-2.control-label {width:17.3%;}
#sendConnectionRequestTypeConnect .col-md-12 .col-sm-10 {width:81.7%;}
#sendHubRequestTypeConnect .col-md-12 .col-sm-2.control-label {width:17.3%;}
#sendHubRequestTypeConnect .col-md-12 .col-sm-10 {width:81.7%;}

#sendConnectionRequestTypeQuery .col-md-12 .col-sm-2.control-label {width:17.3%;}
#sendConnectionRequestTypeQuery .col-md-12 .col-sm-10 {width:81.7%;}
#sendHubRequestTypeQuery .col-md-12 .col-sm-2.control-label {width:17.3%;}
#sendHubRequestTypeQuery .col-md-12 .col-sm-10 {width:81.7%;}




#sendConnectionRequestTypeConnect .box-footer {padding-right:25px; border-top:0px;}
#sendHubRequestTypeConnect .box-footer {padding-right:25px; border-top:0px;}

#sendConnectionRequestTypeQuery .box-footer {padding-right:25px; border-top:0px;}
#sendHubRequestTypeQuery .box-footer {padding-right:25px; border-top:0px;}


.box.box-info .box-body .row label {padding-left:15px;}


.content-header.ng-scope .col-md-4 .col-md-6 {
	margin-bottom: 0px;
}


.row .table.table-bordered.table-striped.table-condensed.ng-scope.ng-isolate-scope thead > tr > th[st-sort]::after {
    display: none;

} 

.row .table.table-bordered.table-striped.table-condensed.ng-scope.ng-isolate-scope tbody {
	overflow-y: hidden;
}

.row .table.table-bordered.table-striped.table-condensed.ng-scope.ng-isolate-scope tfoot {
	display: none;
}

.has-feedback .form-control {
    padding-right: 10px;
}

@media only screen and (max-width: 1366px) {
	.remove-small-screen {
		display: none;
	}
	
	.change-width-small-screen-head {
		width:calc((100% - 775px) / 100 * 50) !important;
	}
	
	.change-width-small-screen-body {
		width:calc((100% - 758px) / 100 * 50) !important;
	}

}

.alert.alert-info.alert-dismissible .close {display:none;}

.small-box .inner {
	padding: 5px;
}

.small-box h3, .small-box p {
    text-align: center;
	margin: 0;
}

.small-box h3 {
    text-align: center;
	margin: 0;
}

.col-lg-dash {
    width: 25%;
	padding-right: 0px;
    padding-left: 0px;	
}

.col-md-6.dash {padding:0 5px; margin-bottom: 0;}
.col-md-6.dash .box-body {padding:0px;}
.col-md-6.dash .box-body .row {margin:0px;}
.col-md-6.dash .small-box {margin-bottom:0px;}

.col-md-6.dash .box.box-info{padding:0; margin-bottom: 10px;}
.col-md-6.dash .box-header.with-border {border-bottom:0px; padding: 5px; text-align: center;}


.bg-p1 {background-color: #00b8e6 !important; color:#FFF;}
.bg-p2 {background-color: #00c0ef !important; color:#FFF;}
.bg-p3 {background-color: #00ccff !important; color:#FFF;}
.bg-p4 {background-color: #1ad1ff !important; color:#FFF;}
.bg-d1 {background-color: #3783ae !important; color:#FFF;}
.bg-d2 {background-color: #3c8dbc !important; color:#FFF;}
.bg-d3 {background-color: #3d91c2 !important; color:#FFF;}
.bg-d4 {background-color: #519cc8 !important; color:#FFF;}

.bg-b1 {background-color: #E55400 !important; color:#FFF;}
.bg-b2 {background-color: #ED5600 !important; color:#FFF;}
.bg-b3 {background-color: #FF5D00 !important; color:#FFF;}
.bg-b4 {background-color: #FF6F1C !important; color:#FFF;}
.bg-i1 {background-color: #AD6237 !important; color:#FFF;}
.bg-i2 {background-color: #BA693B !important; color:#FFF;}
.bg-i3 {background-color: #C16E3E !important; color:#FFF;}
.bg-i4 {background-color: #C67C51 !important; color:#FFF;}





.col-md-2.export {float:right; margin-right:0.5%;}

/* Ispravak bug full width comment and comment spacing */
.col-md-12.ng-scope div.box-body div span > div > div > span > div.ng-binding.ng-scope {white-space: pre-line !important;}
.col-md-12.ng-scope div.box-body div span > div > div.ng-scope {Padding-bottom: 30px !important;}


/* V2 Bitsream usluga izmjene */
.nav-tabs-custom.nav-tabs-custom-selection {box-shadow:none;}
.nav-tabs-custom.nav-tabs-custom-selection > .nav-tabs.nav-tabs-selection {border-bottom:none; border: none;}
.box.box-info.ng-scope .nav-tabs-custom > .nav-tabs.nav-tabs-selection > li {width: 50%; text-align: center; margin-right: 0; background-color: #eee; border: none;}
.box.box-info.ng-scope .nav-tabs-custom > .nav-tabs.nav-tabs-selection > li a {padding: 15px 0;}
.box.box-info.ng-scope .nav-tabs-custom > .nav-tabs.nav-tabs-selection > li > a:hover {background-color: #F4F4F4;}
.box.box-info.ng-scope .nav-tabs-custom > .nav-tabs.nav-tabs-selection > li.active > a {background-color: #FFF;}