/* MAIN */

h1, h2, h3, h4, h5, h6, a, a.list-group-item .list-group-item-heading {
    color: #666;
}
.page-header h4,
.page-header h5 {
    color: #009ece;
}
a:hover {
   color: #39b3d7; 
    text-decoration:none;
}
a {
	text-decoration:none; 
}

td {
	vertical-align: middle!important;
    color: #666;
}

.copyText:hover {cursor: pointer;text-decoration: underline}
.labelcopy {margin-left:10px;}

.text-white {
    color: #fff;
}
.danger {
	color: #d2322d !important;
}

.danger:hover {
	color: #ac2925 !important;
}

.warning {
	color: #f0ad4e !important;
}

.warning:hover {
	color: #E8A546!important;
}
.label.warning {
    color: #fff !important;
    background: #f0ad4e !important;
}
.info {
	color: #39b3d7 !important;
}

.info:hover {
	color: #269abc!important;
}

input#title {
    font-size: 20px;
    height: 40px;
}
.nav-tabs .input-group-addon, .nav-tabs .input-group-btn {
    width: auto!important;
}
div > .page-header:first-child {
    margin-top: 0;
}
.row {
    margin: 0;
}
.break-word {
    word-wrap: break-word;
}
#mainContent .row {
    margin: 20px 0;
}
button.table {
    width: auto;
}
.light {
    color: #999;
}
a.ui-state-default.ui-state-active {
    background: #469cc9;
    color: #fff;
}
#tabs > ul {
    margin-bottom: 50px;
}
#tabs li.mainID {
    float: right;
    padding: 15px 0px 0px 20px;
    color: #999;
    font-size: 20px;
}
#tabs li.mainID span {
    color: #333;
}
#tabs li.language {
    float: right;
    padding: 12px 20px 0px;
}
#tabs ul li > a {
    font-size: 16px;
}
#tab > div,
#tabsBase > div,
#tabsOptions > div,
#tabsOptions2 > div {
    border: 1px solid #ddd;
    border-top-width: 0;
    padding: 30px 20px;
    border-radius: 0 0 5px 5px;
}
#tab ul li > a,
#tabsBase ul li > a,
#tabsOptions ul li > a,
#tabsOptions2 ul li > a {
    font-size: 14px;
}
.border1 {
    border: 1px solid #ddd;
    padding: 20px 20px;
    border-radius: 5px ;
    overflow: hidden;
}
.border1.noverflow {
    overflow: inherit;
}
.border2 {
    padding: 0 5px;
}
.border2 .modules{
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.border2 .modules > div {
    margin: 10px 0;
}
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 15px 8px;
}
.bigbox .CodeMirror {
    height: 900px;
}
.mediumbox .CodeMirror {
    height: 500px;
}
/* LOGO */

.navbar-brand, 
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
	background-color: #39b3d7;
	height: 100%;
}

.navbar-brand img {
  max-height: 33px;
}

.login .logo > a > img {
width: 85%;
}

.login .logo {
text-align: center;
}

.login .container {
  max-width: 400px;
}

/* LOGIN */

.login {
max-width: 420px;
margin: 100px auto;
}

.login #footer {
text-align: right;
padding: 20px;
margin-top: 30px;
border-top: 1px solid #eee;
}

.login #footer {
margin-left: 0;
width: 100%;
}

/* MENU */

#mainMenu {
  position: fixed; 
  z-index: 100;
  padding: 0;
  margin: 0;
    width: 100%;
}

#mainMenu .navbar {
margin-bottom: 0;
border-radius: 0;
border: 0px solid transparent;
background: #333!important;
}

.nav > li:hover {
  background: rgba(255, 255, 255, 0.1)!important;
}
.nav li > a {
padding: 21px 20px 20px;
}
#mainMenu .nav li > a {
padding: 21px 10px 20px;
}
#tab ul li > a,
#tabsBase ul li > a,
#tabsOptions ul li > a,
#tabsOptions2 ul li > a {
  padding: 10px 15px;  
}
.nav li a:hover {
color: #373737;
}

.nav li:hover {
background: #f2f2f2;
}

ul > li.menu1 {
    border-top: 1px solid #ddd;
}

#secondarynav .menuli {
text-transform: capitalize;
}

#primarynav .menuli {
text-transform: capitalize;
width: auto;
}


#primarynav .menuli.horizontal {
  width: 25%!important;
  float: left;
}

#primarynav .menuli.horizontal a {
   text-align: center; 
}

#secondarynav .menuli.horizontal {
  width: 100%!important;
  float: left;
}

#secondarynav .menuli.horizontal a {
   text-align: left; 
}


#primarynav .menuli.horizontal:not(:first-child) {
	border-left: 1px solid rgba(255,255,255, 0.3);
}

/* COMPONENT */
.container { 
    max-width: 1200px !important;
}
.container.wide {
  max-width: 100% !important;
}
#paramsPrivatearea .btn-group {
	width:100%;
}
/*
#paramsPrivatearea .btn-group button {
	width:100%;
}
*/
.column-list {
    position: absolute;
    right: 160px;
    width: 595px;
    z-index: 999;
    top:0;
    display: none;
}
.column-list a{
	width: 40px;
    height: 33px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #ccc;
}

.column-list a.column-layout-12 {
	background-image: url(../img/layout/12.png);
}
.column-list a.column-layout-3333 {
	background-image: url(../img/layout/3333.png);
}
.column-list a.column-layout-444 {
	background-image: url(../img/layout/444.png);
}
.column-list a.column-layout-66 {
	background-image: url(../img/layout/66.png);
}
.column-list a.column-layout-48 {
	background-image: url(../img/layout/48.png);
}
.column-list a.column-layout-39 {
	background-image: url(../img/layout/39.png);
}
.column-list a.column-layout-57 {
	background-image: url(../img/layout/57.png);
}
.column-list a.column-layout-363 {
	background-image: url(../img/layout/363.png);
}
.column-list a.column-layout-264 {
	background-image: url(../img/layout/264.png);
}
.column-list a.column-layout-210 {
	background-image: url(../img/layout/210.png);
}
.column-list a.column-layout-237{
	background-image: url(../img/layout/237.png);
}
.column-list a.column-layout-282{
	background-image: url(../img/layout/282.png);
}
.column-list a.column-layout-222222{
	background-image: url(../img/layout/222222.png);
}
.column-list a.column-layout-255{
	background-image: url(../img/layout/255.png);
}
.column-list a.column-layout-2442{
	background-image: url(../img/layout/2442.png);
}
.column-list a.column-layout-custom{
	background-image: url(../img/layout/custom.png);
}



/* CONTENT */
#mainContent {
  margin-top: 175px;
    margin-bottom: 150px;
}

#mainContent.horizontal {
    margin-left: 0%;
    margin-right: 0%;
}

input.checklang {
  margin: 0 10px 0 5px;
}

img.profile {
    max-width: 50px !important;
    width: 50px;
    height: auto;
}

.dropdown img.profile {
  max-width: 22px!important;
}

img.flag {
  max-width: 18px;
  margin-right: 2px;
}
.multipage-sorting li div.handle-no-drag,
.multipage-sorting li div.handleSubmenu,
.multipage-sorting li div.handle {
    position: absolute; 
    background: #eee; 
    width: 25px; 
    height: calc(100% - 2px); 
    top: 1px; 
    left: 0px; 
    vertical-align: middle; 
    text-align: center; 
    display: block;
}
.multipage-sorting td.handle {
    background: #eee!important;
    width: 20px;
    border-top-color: #fff;
}
.multipage-sorting li div.handleSubmenu .icon,
.multipage-sorting li div.handle .icon {
    top:50%; 
    top: calc(50% - 7px);
    position: relative;
}
.multipage-sorting  li div.elemList{
    padding-left: 25px;
}
table .fa.color,
table .glyphicon {
	font-size: 20px;
	line-height: 8px;
}

table th .glyphicon {
    font-size: 14px;
    line-height: 8px;
    margin-left: 5px;
}

table small > .glyphicon {
  font-size: 13px;
}

.imgItemQuiky {
position: relative;
background-size: cover!important;
background-position: center center!important;
margin: 0 0 10px 0!important;
padding: 0!important;
}

span.btn.cover {
margin-left: 10px;
}

.gallery-item textarea {
    max-width: 100%;
    min-width: 100%;
}

.imgmanager {
    margin-bottom: 5px;
}

div.multipage-pin {
    margin-top:0!important;
}

.form-group   > div.small > .form-control,
.form-control.small {
    width: auto;
    display: inline-block;
    margin-right: 5px;
}
.form-control.small.sort {
    width: 50px;
}
/* TOOLBAR */

#toolbar {
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 10;
    top: 63px;
    padding: 15px;
    margin: 0 -15px;
    border-bottom: 1px solid #d2d2d2;
}

#toolbar li {
display: inline;
list-style: none;
float: right;
padding: 0px 0px 0px 20px;
}

#toolbar a {font-size: 15px}

#toolbar h3 {
    margin: 5px 0 0 0;
}

/* MESSAGE */ 

div#message {
  position: relative;
  width: 100%;
  z-index: 3;
  top: -45px;
  font-size: 14px;
}

#messageBox2 .alert {
    width: 50%;
    margin: 10px auto 0;
}

#message p {
margin: 5px 0;
color: white;
max-width: 95%;
    float: left;
}

.closemsg {
    margin: 5px 0;
color: white;
    float: right;
    cursor: pointer;
}

.table-responsive > div#message {
  position: inherit;
  display: inline-block;
 }

.table-responsive > #message p {
	padding: 5px 0;
}

.error {
background: #f95755;
}

.success {
background: rgba(57,179,215, 0.8);
}

/* PANEL */

.panel-group .panel {
  list-style-type: none;
}

/* PAGINATION */

#pagination {
padding-left: 0;
}

#pagination li {
display: inline;
list-style: none;
}

/* PROFILES */

.panel-body.collapse.in {
	height:auto;
	overflow: auto;
}

.newProfileImage {
width: 34px;
max-height: 34px;
margin: 0 auto;
border-radius: 4px;
}

.newProfileImage img {
width: 34px;
max-height: 34px;
height: auto;
}

.inputProfiles .panel-body {
   overflow: scroll; 
}

/* COLOR 
	
	Funziona in questo modo: quando un elemento ci serve nella colorazione nera, basta mettere il selettore.
	Se invece ci serve la colorazione convenzionale (es: un delete di solito è rosso), aggiungere la classe color.
	*/
	
.fa-check.color,
.fa-check-circle.color,
.glyphicon-ok-sign.color {
color: #39b3d7;
}

.fa-exclamation-triangle.color,
.fa-minus-circle.color,
.glyphicon-minus-sign.color {
color: #e5983e;
}

.glyphicon-ban-circle.color {
color: #bbb;
}

.fa-times.color,
.glyphicon-remove.color {
color: #f95755;
}

.btnlarge .fa.color {
    font-size: 20px;
    padding-top: 5px;
}

.popimg {
	max-width:150px;
	
}
.setoption {
    margin-left:20px;
}
.tooltipTableManager .popimg,
.tooltipTableManager .popimg img,
.tooltipTableManager .popimg div {
	max-width: 180px!important;
	word-wrap: break-word;
}

.tooltipTableManager .popimg {
	margin-top:10px;
}

.tooltipTableManager .popimg .poptxt {
	margin:10px 0;
}

.thumbnail.logover {
	background-color: #dcf3f8;
}
.thumbnail.logover:hover {
	background-color: #333;
}

/* TOOLS */

.spinner{
	padding-top:4px;
	display:none;
}

.boxcell .well {
	text-align: center;
}

.boxcell span.fa,
.boxcell span.glyphicon {
	font-size: 400%;
	margin-top: 10px;
	color: #2a6496;
}

.boxcell a:hover span,
.boxcell a:hover h3{
	/*opacity:0.6;*/
}

.boxcell a:hover .well{
	background-color: #ebebeb;
}

.qrimage {
	text-align: center;
	padding: 20px;
}

div.imgMan {
	display: inline-table;
	padding: 7px;
	margin: 5px;
	border: 1px solid #ddd;
	text-align: center;
}

.imgmanager .imgItemQuiky:hover {
background-color: #333!important;
}

/* GALLERY */
.galleryimages .multipage-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius:4px;
}

.galleryimages.block-view img {
    height:150px; width:auto;
}

.galleryimages.list-view img {
    height: 70px;
    width: auto;
    max-width: 100px;
}

.galleryimages.block-view .multipage-img {
    width: 100%; height:250px; margin:0 auto; overflow: hidden;
}

.galleryimages.list-view .multipage-img {
   width: 81px; height: 81px; margin:0 auto; overflow: hidden;
}

/*
.galleryimages.list-view input[type="text"] {
    height:23px!important;
}
*/

.galleryimages.list-view textarea {
    margin-top:6px;
    height:72px!important;
}

.galleryimages.list-view .imginfo {
    text-align: left;
}

.galleryimages.list-view .imgmanager {
    padding-right: 0;
    padding-left: 30px;
}

/* HELPER */

html, body {height: 100%;}
.100h {height: 100%;}
.50p {width: 50%;}
.full {width: 100%;}
.txtcenter {text-align: center;}
.txtcap {text-transform: capitalize;}

/* SPECIFIC */
.inputProfiles { /*, .inputComponent*/
	display: none;
}
.form-horizontal .control-label {
    text-align: right;
    font-weight: normal;
    color: #666;
}
.form-horizontal .control-label.text-left {
    text-align: left;
}
.form-horizontal label  {
    line-height: 1;
}
.form-horizontal label.btn {
    line-height: unset;
}
.page-header {
    padding-bottom: 0;
}
ul.alterna {
    padding: 0;
}
ul.alterna > li {
    padding: 10px 0 !important;
}
ul.alterna > li:nth-child(2n+1) {
    background-color: #f9f9f9;
}
ul.alternastrong > li.haswarning,
ul.alterna > li.haswarning {
    background: #fff7b7!important;
}
ul.alternastrong > li.haserror,
ul.alterna > li.haserror {
    background: #ffe4e4!important;
}
div.alterna > div {
    margin: 0px;
    padding: 10px 0 !important;
    border-bottom:1px solid  #eee;
}
div.alterna > div:last-child {
    border-bottom: 0px solid  #eee;
}
.none {
	display: none;
}
.block{
	display:block;
}

/*
.form-horizontal .control-label {
    padding-top: 0!important; 
}
*/

#itemForm > div.uTable td small {
color: #999;
font-size: 90%;
}

div.thumbnail p {
margin: 0;
text-align: center;
}
/* SWITCHER */
.multi.switcher .btn.checked {
    background-color: #ddd;
    border-color: #adadad;
    color: #333;
}
.btn.checked.actived {
    background-color: #009ece;
    border-color: #009ece;
    color: #fff;
}
.btn.checked.suspended {
    background-color: #666;
    color: #fff;
}
.btn-toolbar > .btn-group {
    margin-right: 10px;
}


/* FOOTER */
#footer {
    text-align: right;
    padding: 10px;
    margin-top: 30px;
    border-top: 1px solid #eee;
    position: fixed;
    bottom: 0;
    background: #fff;
    z-index: 9;
    font-size: 12px;
        width: 100%;
}


/* JQUERY UI */
/*
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
	color: #333333;
}

.ui-widget-content a {
	color: #333333;
}

.ui-widget-header {
	border: 1px solid #39b3d7;
	background: #39b3d7 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}

.ui-widget-header a {
	color: #ffffff;
}
*/
.nav-tabs > li > a {
    background-color: #eee;
}
.nav-tabs > li.ui-state-active > a, 
.nav-tabs > li.ui-state-active > a:hover, 
.nav-tabs > li.ui-state-active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
}


.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 10px;
}


.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* profili */
.preset {
    padding: 4px;
    margin: 10px 10px 0 0;
    display: inline-block;
}

.preset > div {
    width: 20px;
    height: 30px;
    display: block;
    float: left;
}

.preset.active {
    border: 3px solid #004255;
    width: 66px;
}

.preset2:hover {
    opacity: 0.7;
    cursor: pointer;
}

/* tablet */
@media (max-width: 1024px) {
/*
.container.home .row > .coldx,
.container.home .row > .colsx {
    width: 100%;
}
.colsx .form-group {
    width: 50%;
    display: inline-block;
}
*/
img.profile {
    max-width: 40px !important;
}    
    
    
}

@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

@media (max-width: 768px) {
.container.wide {
    padding: 0;
}
}


@media (max-width: 414px) {
    #toolbar > div {
        width: 100%;
        text-align: center;
    }
#toolbar {
    padding: 5px;
    }
#toolbar ul {
    overflow: hidden;
    margin: 0!important;
    padding: 10px 0 0 0;
    display: inline-block;
}
#toolbar h3 {
    margin: 5px 0 0 0;
    font-size: 20px;
}
    #toolbar a {
    font-size: 12px;
}
    #footer {
    text-align: center;
        font-size: 10px;
    }

    #tabs ul li > a {
    font-size: 13px;
}
.nav li > a {
    padding: 10px;
}    
#tab ul li > a, #tabsBase ul li > a, #tabsOptions ul li > a, #tabsOptions2 ul li > a{
    font-size: 12px;
}    
#primarynav .menuli.horizontal {
    width: 100%!important;
    z-index: 9999999;
}    
 #mainMenu .nav li > a {
    padding: 10px;
     overflow: hidden;
}   
    #primarynav .menuli.horizontal a {
    text-align: left;
}
}