/**
 * @copyright 		(C) 2017 Università degli Studi di Parma
 * @description 	Personalizzazioni a Bootstrap
 * @author 			Matteo Rossi <matteo.rossi@unipr.it>
 **/

.left	{ float: left; }
.right	{ float: right; }
.clear	{ clear: both; margin: 0; padding: 0; }

.text_left		{ text-align: left; }
.text_center	{ text-align: center; }
.text_right		{ text-align: right; }

a.a-none:link 		{color: #000; text-decoration: none;}
a.a-none:visited 	{color: #000; text-decoration: none;}
a.a-none:hover		{color: #000; text-decoration: none;}
a.a-none:active 	{color: #000; text-decoration: none;}

.limit-form select { background-color: #FFF; }
.panel-header.info, .iud-bootstrap-wrapper .form-group.info { padding: 5px; text-align: center; margin-bottom: 10px; color: #337ab7; background-color: #d9edf7; font-weight: bold; font-size: 1.1em; text-transform: uppercase; }

.input-group .form-control { z-index: 1; }
.form-control, .form-control[disabled], input[type="text"], input[type="search"], input[type="password"], textarea, select, button {
 color: #555;
 background-color: #FFF;
 background-image: none;
 /*background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);*/
 border: 1px solid #939EA1;
 border-radius: 3px;
 -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
 -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
 transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
 font-family: "Open Sans",Helvetica,Arial,sans-serif,"FontAwesome" !important;
 /*height: 31px;
 line-height: 1.42857;
 padding: 4px 8px;
 font-size: 12px;*/
}
/*.input-group-addon { border-color: #939EA1; }*/
.navigator input[type="text"], 
.navigator input[type="search"], 
.navigator input[type="password"], 
.navigator textarea, 
.navigator select, 
.navigator button,
.panel-collapse .form-control { border-color: #CCC; background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%); }

.panel-footer { margin-top: 10px; border-top: 1px solid #ddd; }

/*.alert .fa { font-size: 28px; }*/

.table-responsive td, .table-responsive th { vertical-align: middle !important; }
.table-responsive th { text-align: center; color: #337ab7; }

body { padding: 45px 5px 5px 5px; }

.hide { display: none; }
.r_th_head { text-transform: uppercase; }
.r_rw_title { font-weight: bold; text-align: right; }
.red { color: red; }
.green { color: green; }
.blue { color: #337ab7; }
.b0 { border: 0 !important; }
.p0 { padding: 0 !important; }
.p10 { padding: 10px !important; }
.pt7 { padding-top: 7px !important; }
.pt10 { padding-top: 10px !important; }
.m0 { margin: 0 !important; }
.m10 { margin: 10px !important; }
.mb0 { margin-bottom: 0 !important; }
.mt0 { margin-top: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mt10 { margin-top: 10px !important; }
.ovh { overflow: hidden; white-space: nowrap; }
.iud-bootstrap-wrapper .panel-body { padding: 0; }
.iud-bootstrap-wrapper .panel-header { min-height: 10px; }
div[id^="custom-field"].row { margin-bottom: 5px !important; }
.ui-tabs .ui-tabs-panel { padding: 10px 0 !important; }
.ui-widget-content { background-color: #FFF !important; background-image: none !important; }
.iud-bootstrap-wrapper .form-group { padding: 10px 0; border-top: 1px solid #ddd; margin: 0; /*margin: 0 0 15px 0;*/ }
.iud-bootstrap-wrapper .form-group .form-group { padding: 0; border-top: 0; }
.iud-bootstrap-wrapper .form-group:last-child { border-bottom: 1px solid #ddd; }
.iud-bootstrap-wrapper .form-group .form-group:last-child { border-bottom: 0; }
.iud-bootstrap-wrapper .form-group:first-child { border-top-width: 0; }
.iud-bootstrap-wrapper .form-group:nth-of-type(even) { background-color: #f1f1f1; }
.navigator { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; background-color: #F9F9F9; margin: 0 0 10px 0; }
.navigator input, .navigator select { cursor: initial !important; width: 200px !important;  }
.navigator .input-group { margin: 5px; }
#page-content { min-height: 350px; }
.bold { font-weight: bold; }
.l_tr_over 	{ background-color: #D98B1C !important; color: #FFF; }
.l_tr_click { background-color: #4FA84F !important; color: #FFF; }
/*.l_tr_over a, .l_tr_click a { color: #FFF !important; }*/
.file-delete:hover { cursor: pointer; }
.file-name { background-color: #FFF !important; }
.ui-widget { font-size: inherit !important; }
.fa-venus { color: #FF69B4 !important; }
.fa-mars { color: #0000CD !important; }
.filter-options .alert { padding: 5px !important; margin-bottom: 0 !important; }
.sel-per { padding: 3px; font-size: 13px; }
.dropdown-header { font-size: 15px; font-weight: bold; }
.fa-percent:before { content: '\f295'; }

/* PAGE */
.navbar, .jumbotron, .table { margin-bottom: 10px !important; }
.navbar { border-color: grey !important; }
.table-tabs-bootstrap { margin-bottom: 0 !important	; overflow: hidden; }
.navbar-collapse, .navbar-header { padding: 0 !important; }
.navbar-brand { padding: 8px 10px 0 15px; height: auto; }
.navbar .fa { color: rgba(29, 112, 183, 0.70); }
.dropdown-menu .active .fa { color: #fff !important; }


.page-nav td { border-bottom: 1px solid rgb(221, 221, 221); }
.page-nav i { color: #59c03f; }
.page-nav ul.pagination { margin: 0px; margin-bottom: -5px; }
.page-nav .pagination a { padding: 6px; }
.page-nav ul.pagination:first-child a { background-color: #fff; border: 1px solid #ddd; color: #337ab7; }

#page-header {
 background: #FFF;
 height: 100px;
 margin-bottom: 10px;
 padding: 0;
 border-bottom: 1px solid #808080;
}
#page-header .logo-img a {
 display: flex;
 align-content: left;
 justify-content: left;
}

#page-header img { height: 92px; width: auto; }

.footer { background-color: #f5f5f5; border-top: 1px solid #808080; }
.footer .container { padding-top: 10px; }

.tab-pane {
 border: 1px solid #DCDCDC !important;
 border-top: 0 !important;
 padding: 10px;
 margin-bottom: 20px;
 border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px;
}

#page-opening h2 { font-size: 25px; margin: 0; color: #1D70B7; }
#page-opening .row { margin: 0 !important; }

.page-filter .input-group-addon, .page-filter .input-group-btn { width: auto; }
.page-filter .input-group { padding: 5px; }
#page-filter .panel-group { margin-bottom: 10px; }
#page-filter .input-group-addon { max-width: 43px; width: 43px; }
.list-cms-bootstrap { margin-bottom: 10px; }
.list-cms-bootstrap .panel-body { padding: 0; }
.list-check-document .panel-body { padding-top: 0; padding-bottom: 0; }
/*.list-cms-bootstrap .fa, .list-check-document .fa { font-size: 1.2em; }*/
.list-cms-bootstrap .row:nth-of-type(even), .list-check-document .row:nth-of-type(even) { background-color: #f1f1f1; }
.list-cms-bootstrap .row, .list-check-document .row { border-top: 1px solid #ddd; }
.list-cms-bootstrap .row:nth-child(2), .list-check-document .row:nth-child(2) { border-top-width: 0; }
.list-cms-bootstrap .row { margin: 0 !important; }
.list-cms-bootstrap .row div { margin: 5px 0; line-height: 28px; white-space: normal; }
.list-check-document .row div { margin: 5px 0; line-height: 28px; white-space: normal; }
/*.list-cms-bootstrap .list-hash-actions i { margin: 0; margin-left: 15%; }*/
.list-cms-bootstrap-header { border-top: 0 !important; border-bottom: 1px solid #ddd;  }
.list-cms-bootstrap-header div { font-weight: bold; text-align: center; color: #337ab7; }
.list-cms-bootstrap .row div .tooltip-inner { font-weight: normal !important; color: #FFF !important; margin: 4px 0 !important; padding: 3px 8px !important; }
.cursor-auto { cursor: auto !important; }
.list-hash-actions .action-icon { padding: 6px 12px 6px 8px !important; font-size: 12px !important; }
.list-hash-actions a { color: #000; background-image: none; text-align: left; }
.list-hash-actions .dropdown-menu { padding: 0; }
.list-hash-actions .dropdown-menu a { border: 0; }
.list-hash-actions .dropdown-toggle { line-height: 17px; }

/* LOGIN */
#login-body { background-color: #EFF1F2; }
#login-panel { margin: 0 auto; width: 550px; }
#login-panel h4 { font-size: 20px; text-align: center; margin-top: 0; }
#login-panel #logo-img { background-color: #FFF; border-radius: 5px; padding: 5px; height: 100px; margin-bottom: 10px; margin-top: 10px; border: 0px solid #005EB8; }
#login-panel #logo-img img { max-height: 100%; }
#login-panel .btn { margin: 0 !important; padding: 8px !important; }
#login-panel .flip-container { height: 420px; margin-top: 115px; }
#login-panel .front { padding: 40px 40px 20px 40px; }
#login-panel .input-group { margin: 3px 0; padding: 3px 0; }

/* DEBUG */
#page-debug { margin-top: 22px; padding: 20px !important; }

#page-debug h3 { margin-top: 0; }

#page-debug .debug-wrapper {
 background-color: #FFF;
 border: 1px solid red;
 border-radius: 6px;
 margin-bottom: 10px;
}

#page-debug .debug-name {
 background-color: orange;
 text-align: center;
 padding: 3px;
}

#page-debug .debug-value { max-height: 200px; overflow: auto; margin: 6px 0; }

/* USER */
#page-user {
 overflow: hidden;
 margin: 25px 0;
 width: auto;
 padding: 5px;
 background-color: #fff;
 border-radius: 6px;
 border-color: #E7E7E7;
 text-align: center;
 line-height: 25px;
 white-space: nowrap;
}

#page-user p { font-size: 13px !important; display: inline; white-space: nowrap; }	
#page-user img { width: 70px; height: auto; display: block; margin: 0 auto; padding: 0; }

#page-user div {
 white-space: nowrap;
 margin: 0;
 text-align: right;
 font-weight: 400;
 padding: 2px;
}

#page-change_user {
 position: absolute; top: 60px; right: 20px;
 border: 1px solid #6A6A6A;
 border-radius: 6px;
 background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
 padding: 5px;
 font-weight: 500;
 font-size: 10pt;
 line-height: 20px;
 margin: 0;
 z-index: 1000;
}

/* SCROLL TOP */
div#scrollTop {
 display: none;
}

div#scrollTop a {
 background: url('../img/scroll_top.png');
 width: 40px;
 height: 40px;
 position: fixed;
 bottom: 90px;
 right: 20px;
 border-radius: 10px;
 opacity: 0.2;
 z-index: 100;
}

/* BREADCRUMB (http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows) */

.btn-breadcrumb .btn-default { background-image: inherit; }

/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn { padding:6px 12px 6px 24px; }
.btn-breadcrumb .btn:first-child { padding:6px 6px 6px 10px; }
.btn-breadcrumb .btn:last-child { padding:6px 18px 6px 24px; }

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after { border-left: 10px solid #fff; }
.btn-breadcrumb .btn.btn-default:not(:last-child):before { border-left: 10px solid #ccc; }
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after { border-left: 10px solid #E0E0E0; }
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before { border-left: 10px solid #E0E0E0; }

/* ICONS */

[class^="icon-"] {
 display: inline-block;
 /*margin: 2px;*/
 background: transparent;
 background-size: 26px;
 background-position: center;
 font: normal normal normal 14px/1 FontAwesome;
 font-size: 1.2em;
}

.icon-login:before{content:"\f090"}
.icon-password:before{content:"\f003"}
.icon-back:before{content:"\f048"}
.icon-save:before{content:"\f0c7"}
.icon-insert:before{content:"\f196"}
.icon-update:before{content:"\f1c0"}
.icon-copy:before{content:"\f0c5"}
.icon-delete:before{content:"\f014"}
.icon-user:after{content:"\f007"}
.icon-group:after{content:"\f0c0"}
.icon-change-user:before{content:"\f0ec"}
.icon-prev:before{content:"\f060"}
.icon-file:before{content:"\f15b"}
.icon-folder-open:before{content:"\f07c"}
.icon-analyze:before{content:"\f085"}

[class^="icon-right"] {
 display: inline-block;
 margin: 2px;
 background: transparent;
 background-size: 26px;
 background-position: center;
 font: normal normal normal 14px/1 FontAwesome;
 font-size: 1.2em;
}

.icon-right-next:after{content:"\f061"}
.icon-right-user:after{content:"\f007"}
.icon-right-group:after{content:"\f0c0"}

/* FILE UPLOAD */

.dummyfile { position: relative; }

.dummyfile .hide-file-upload {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 opacity: 0;
 filter: alpha(opacity=0);
}

.dummyfile .form-control { overflow: hidden; }

.dummyfile input[type="text"] {
 cursor: not-allowed;
}

label.control-label span[data-toggle="tooltip"] { background-color: yellow; }

/* MEDIA */
@media (min-width: 768px) { 
	.navbar-nav > li > a { padding-top: 7px; padding-bottom: 7px; }
	.navbar { min-height: inherit; }
	.form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; }
	.table-responsive.page-nav { overflow: visible; }
	.navbar-right { margin-right: 0; }
	/*.list-cms-bootstrap .list-hash-actions i { margin-left: 5%; }*/
}
@media (min-width: 768px) and (max-width: 1199px) {
	.navbar-right a { width: 15px; overflow: hidden; white-space: nowrap; }
	.navbar-brand { display: none; }
	.btn-group button.dropdown-toggle { padding: 6px 5px !important; }
	.list-hash-actions .action-icon { padding: 6px 3px !important; }
	.tooltip { display: none; }
	.list-cms-bootstrap-header div { overflow: hidden; }
}
@media (max-width: 767px) {
	.table-responsive.page-nav .dropdown-menu { position: static !important; } 
	#page-opening div, .navigator div { text-align: left !important; }
	.navigator input, .navigator select { width: 100% !important; }
	.list-cms-bootstrap .row div, .list-check-document .row div { text-align: left !important; }
	/*.list-cms-bootstrap .list-hash-actions i { margin-left: 15%; }*/
	#page-header { height: 70px; }
	.logo-img img { height: 63px; }
	body { padding-top: 60px; }
	.navbar-brand { padding: 15px; }
	.tooltip { display: none; }
	.list-cms-bootstrap-header div { overflow: hidden; }
}
@media (max-width: 1199px) { 
	.hidden-sm, #page-change_user { display: none !important; } 
	#navbar .dropdown-toggle, .navbar-right a { padding: 10px 20px !important; }
}
@media (min-width: 1200px) { 
	.dropdown-menu a { padding: 3px 10px !important; }
}

/* LOADING */

.content-wait {
 margin: 0 !important;
 background: url('../img/loader-space.png');
 min-height: 100px;
 padding: 85px 0;
 width: 100%;
}

.loading-wrapper {
 height: 128px;
 width: 128px;
 background: url('../img/loader.gif');
 display: block;
 margin: 0 auto !important;	
}