body { font-family: Arial, sans-serif; /*background: url(../images/body-bg.png) repeat;*/ }

/*#header { height: 55px; background: url(../images/top_pat.jpg) repeat-x; margin: 0px; padding: 0px; box-shadow:0px 1px 2px rgba(0,0,0, 0.5); }*/
#header { height: 55px; margin: 0px; padding: 0px; background-color:#5e412e; }
#header .logo { margin: 0 0 0 10px; height: 45px; width: 100px; color: white; font-size: 45px; line-height: 45px; }

/*#appWrapper { margin-top: 55px; }*/
#appWrapper { margin-top: 105px; height: 100%}

#sidebar, .sidebar  {
    width: 220px;
    /*background: url(../images/sidebar_pat.jpg) repeat;*/
    background-color: white;
    font-size: 12px;
    color: #666666; 
    /*min-height: 100%;
    box-shadow: 0 0px 3px #bbb;*/
    /*position: absolute;*/
    position: fixed;
    height: 100%;
    bottom: 0px;
    top: 105px;
    z-index: 500;
    border-right: 1px solid #c3c3c3;
    -webkit-box-shadow: 4px 0 5px -1px #bdbfc1;
    -moz-box-shadow: 4px 0 5px -1px #bdbfc1;
    box-shadow: 4px 0 5px -1px #bdbfc1;
}
.disabled,.disabled:hover{ opacity:0.3!important;}

#content {
    padding-left: 220px;
    padding-bottom: 7px;
    z-index: 200;
           /*-webkit-box-shadow: -3px 0px 3px 0px rgba(122, 122, 122, 0.75);
    -moz-box-shadow:    -3px 0px 3px 0px rgba(122, 122, 122, 0.75);
    box-shadow:         -3px 0px 3px 0px rgba(122, 122, 122, 0.75);*/
    /*box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 15px -4px rgba(31, 73, 125, 0.8);*/
    /*box-shadow: 0 0px 0px 0px white, 0 -9px 0px 0px white, inset -4px 0 5px -1px #bdbfc1, -4px 0 5px -1px #bdbfc1;
    -webkit-box-shadow:  0 0px 0px 0px white, 0 -9px 0px 0px white, inset -4px 0 5px -1px #bdbfc1, -4px 0 5px -1px #bdbfc1;
    -moz-box-shadow:  0 0px 0px 0px white, 0 -9px 0px 0px white, inset -4px 0 5px -1px #bdbfc1, -4px 0 5px -1px #bdbfc1;
    background-color:white;
    height:100%;*/
    background-color:transparent;
}


@media (max-width: 480px) {
    #content { padding-left: 0px; }
}
@media (max-width: 767px) {
    #content { padding-left: 0px; }
}
@media (min-width: 768px) and (max-width: 979px) {
    #content { padding-left: 0px; }
}
@media (min-width: 1200px) {

}


.pageTitle { background: url(../images/bar_pat.jpg) repeat; width: 100%; min-height: 33px; line-height: 33px; color: #9dbf5c; padding-left: 15px; margin-bottom: 10px; }
.topTitle { color: #666; }

.dataForm .col { margin-bottom: 5px; }

.actionButtons .btn { height: 55px; border-radius: 0px; margin: 0px; }
.actionButtons .btn:active, .actionButtons .btn:hover { background-color: #222; }

.btnBrown
{
    height: 45px;
    width: 45px;
    
    display:block;
    float: left;
    margin-top: 2px;
    margin-left: 10px;
    background-color: transparent;
    background-repeat: no-repeat;
}
.fumettoButton:active,.fumettoButton:visited,.fumettoButton:link {
    background-image: url('../images/grafica_new/bottoni/brown/fumetto.png');
}
.fumettoButton:hover {
    background-image: url('../images/grafica_new/bottoni/brown/fumetto_hover.png');
}
.userButton:active,.userButton:visited,.userButton:link {
    background-image: url('../images/grafica_new/bottoni/brown/user.png');
    width: 50px !important;
}
.userButton:hover {
    background-image: url('../images/grafica_new/bottoni/brown/user_hover.png');
    width: 50px !important;
}
.salvagenteButton:active,.salvagenteButton:visited,.salvagenteButton:link {
    background-image: url('../images/grafica_new/bottoni/brown/salvagente.png');
}
.salvagenteButton:hover {
    background-image: url('../images/grafica_new/bottoni/brown/salvagente_hover.png');
}
.mailButton:active,.mailButton:visited,.mailButton:link {
    background-image: url('../images/grafica_new/bottoni/brown/mail.png');
}
.mailButton:hover {
    background-image: url('../images/grafica_new/bottoni/brown/mail_hover.png');
}


.fumettoButton_dis:active,.fumettoButton_dis:visited,.fumettoButton_dis:link, .fumettoButton_dis:hover {
    background-image: url('../images/grafica_new/bottoni/brown/fumetto_disabled.png');
}
.salvagenteButton_dis:active,.salvagenteButton_dis:visited,.salvagenteButton_dis:link,.salvagenteButton_dis:hover {
    background-image: url('../images/grafica_new/bottoni/brown/salvagente_disabled.png');
}

.logoutButton:active,.logoutButton:visited,.logoutButton:link {
    background-image: url('../images/grafica_new/bottoni/brown/esci.png');
}
.logoutButton:hover {
    background-image: url('../images/grafica_new/bottoni/brown/esci_hover.png');
}

.homeButton:active,.homeButton:visited,.homeButton:link {
    background-image: url('../images/grafica_new/bottoni/brown/home.png');
}
.homeButton:hover,.homeButtonAc:active,.homeButtonAc:visited,.homeButtonAc:link,.homeButtonAc:hover {
    background-image: url('../images/grafica_new/bottoni/brown/home_hover.png');
}

#userBar { height: 55px; color: #FFF; border-right: 1px solid #000; }
#userBar img { width: 45px; height: 45px; margin: 5px 0px 0px 0px; }
#userBar img.img-rounded { border-radius: 2px;  }
#userBar .userImage {  }
#userBar .col { height: 55px; line-height: 15px; }
#userBar .username { }
#userBar #userLinks { height: 45px; padding-top: 10px; padding-left: 20px; }
#userBar #userLinks a { font-size: 11px; color: #CCC; text-decoration: underline; }
#userBar #userLinks a:hover { text-decoration: none; }


#loginForm {
    max-width: 350px;
    margin: 150px auto 0px auto;
    background: #e3e3e3;
    box-shadow: 1px 0 1px #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    padding: 20px;
    /*border: 1px solid #666666;*/
}

.widget {
    background: #fff;
    clear: both;
    margin-bottom: 20px;
    margin-top: 0;
    -webkit-box-shadow: 0 0px 5px #ddd;
    -moz-box-shadow: 0 0px 5px #ddd;
    box-shadow: 0 0px 5px #ddd;
    padding: 10px 0px 0px 10px;
}

.formRow input[type=text], .formRow input[type=password], textarea, input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
 {
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
    color: #858585;
    box-shadow: 0 1px 0 #fff;
    padding: 7px;
    border: 1px solid #d7d7d7;
    display: inline-block;
    background: #fdfdfd;
    height: 35px;
    border-radius: 2px;
    margin-bottom: 10px;
}
.appliaceFilter
 {
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
    color: #858585;
    box-shadow: 0 1px 0 #fff;
    padding: 7px;
    border: 1px solid #d7d7d7;
    display: inline-block;
    background: #fdfdfd;
    height: 35px;
    border-radius: 2px;
    margin-bottom: 0px;
}

.formFields .col-12{margin-bottom:15px;}
.formTitle { display: inline-block; margin: 15px 0px;  border-bottom: 1px solid #CCC; padding: 0px 0px 5px 0px; color: #333; }
.form-group label{color:#545454; font-size:12px;}
.parameter_box{ min-height:60px}
/*.form-group span input[type=radio] {margin-right:20px;}*/
.sliderValue, .sliderUnit{font-size:12px; font-weight:bold; margin-top:10px; color:#3192c9;}

.activity {
    /*background: #f0eeef;
    margin-bottom: 25px;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0, 0.2);*/
    padding: 20px 0;
    height: 246px;
    border-bottom: 1px solid #76787a;
}

.activity .hotel { background: url(../images/ico-activityHotel.png) no-repeat top left; }
.activity h5 { color: #5ca3ca; margin: 0px; }
.activity .address { font-size: 12px; margin-top: 3px; }

.bb { border-bottom: 1px solid #CCC; margin-bottom: 10px; padding-left: 40px; }

.loginWrapper {
    background-color: #f0eeef;
    /*margin: 150px auto 150px auto;*/
    margin-top: 150px; margin-bottom: 150px;
    box-shadow:0px 0px 10px rgba(0,0,0, 0.3);
    padding: 30px 20px 10px 20px;
}

.loginWrapper .loginImage {
    width: 200px;
    height: auto;
	margin-bottom:30px;
}

.loginWrapper .username { background: url(../images/ico-user.png) center right no-repeat #FFF !important; }
.loginWrapper .password { background: url(../images/ico-lock.png) center right no-repeat #FFF !important; }

@media (max-width: 480px) {
    .loginWrapper { margin-top: 60px; }
}
@media (max-width: 767px) {
    .loginWrapper { margin-top: 80px; }
}
@media (min-width: 768px) and (max-width: 979px) {
    .loginWrapper {  }
}
@media (min-width: 1200px) {
    .loginWrapper {}
}

div.checker input {
    width: 16px;
    height: 16px;
    opacity: 0;
    filter: alpha(opacity:0);
    display: inline-block;
    background: none;
}

.checker input, .radio input, .selector select {
    cursor: pointer;
}

.logControl input[type=submit] {
    float: right;
}

button, input[type=submit], input[type=image], input[type=reset] {
    cursor: pointer;
}

/* === Buttons === */

.buttonS, .buttonM, .buttonL, .buttonH, [class*="tablectrl"] {  font-size: 11px; color: #fff; font-weight: bold; text-shadow: 0 -1px #6f6f6f; display: inline-block; line-height: 14px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.buttonS span, .buttonM span, .buttonL span, .buttonH span { text-shadow: 0 1px 0 #6f6f6f; margin-left: 10px; }
.buttonS { padding: 6px 14px; }
.buttonM { padding: 2px 5px; }
.buttonL { padding: 8px 18px; }
.buttonH { float: right; padding: 4px 12px 4px 12px; color: #fff!important; margin: 7px 10px 6px 10px; }

.buttonImmense { padding: 10px 20px; margin-right: 0px; }

.bGreen:hover, .bRed:hover, .bBlue:hover, .bGreyish:hover, .bBlack:hover, .bLightBlue:hover, .bGold:hover, .bSea:hover, .bBrown:hover { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

.buttonS:hover, .buttonM:hover, .buttonL:hover, .buttonH:hover { color: white; text-decoration: none; }

.bDefault, .dualBtn, .searchLine button { border: 1px solid #c3c3c3; box-shadow: inset 0 1px 2px #fff; -webkit-box-shadow: inset 0 1px 2px #fff; -moz-box-shadow: inset 0 1px 2px #fff; color: #686868; text-shadow: none;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
    background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}

.bDefault:hover, .dualBtn:hover, .searchLine button:hover { -webkit-transition: box-shadow 0.05s ease-in-out; -moz-transition: box-shadow 0.05s ease-in-out; transition: box-shadow 0.05s ease-in-out;
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);
    background: linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
}
.bDefault:active, .dualBtn:active, .titleToolbar > li > a:active, .titleOpt > a:active, .searchLine button:active { background: #eee; color: #505050; border-color: #c0c0c0; box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff; -webkit-box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff; -moz-box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff; text-shadow: 0 -1px 1px #f1f1f1; }
.bDefault span { text-shadow: none; }

.bGreen { border: 1px solid #68a341; box-shadow: 0 1px 2px 0 #a4ca6c inset; -webkit-box-shadow: 0 1px 2px 0 #a4ca6c inset; -moz-box-shadow: 0 1px 2px 0 #a4ca6c inset;
    background: #96c161;
    background: -moz-linear-gradient(top,  #96c161 0%, #609c3d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c161), color-stop(100%,#609c3d));
    background: -webkit-linear-gradient(top, #96c161 0%,#609c3d 100%);
    background: -o-linear-gradient(top, #96c161 0%,#609c3d 100%);
    background: -ms-linear-gradient(top, #96c161 0%,#609c3d 100%);
    background: linear-gradient(top, #96c161 0%,#609c3d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c161', endColorstr='#609c3d',GradientType=0 );
}
.bGreen:active { background: #74aa49; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bRed {  border: 1px solid #a95151; box-shadow: 0 1px 2px 0 #cd8787 inset; -webkit-box-shadow: 0 1px 2px 0 #cd8787 inset; -moz-box-shadow: 0 1px 2px 0 #cd8787 inset;
    background: #c57979;
    background: -moz-linear-gradient(top,  #c57979 0%, #a34c4c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c57979), color-stop(100%,#a34c4c));
    background: -webkit-linear-gradient(top,  #c57979 0%,#a34c4c 100%);
    background: -o-linear-gradient(top,  #c57979 0%,#a34c4c 100%);
    background: -ms-linear-gradient(top,  #c57979 0%,#a34c4c 100%);
    background: linear-gradient(top,  #c57979 0%,#a34c4c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c57979', endColorstr='#a34c4c',GradientType=0 );
}
.bRed:hover { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.bRed:active { background: #b15e5e; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bBlue {  border: 1px solid #3e76af; box-shadow: 0 1px 2px 0 #66b2d2 inset; -webkit-box-shadow: 0 1px 2px 0 #66b2d2 inset; -moz-box-shadow: 0 1px 2px 0 #66b2d2 inset;
    background: #5ba5cb;
    background: -moz-linear-gradient(top,  #5ba5cb 0%, #3a70ab 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba5cb), color-stop(100%,#3a70ab));
    background: -webkit-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
    background: -o-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
    background: -ms-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
    background: linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba5cb', endColorstr='#3a70ab',GradientType=0 );
}
.bBlue:hover { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.bBlue:active { background: #4786b8; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bGreyish { border: 1px solid #5e6779; box-shadow: 0 1px 2px 0 #9ca6b3 inset; -webkit-box-shadow: 0 1px 2px 0 #9ca6b3 inset; -moz-box-shadow: 0 1px 2px 0 #9ca6b3 inset;
    background: #8c97a6;
    background: -moz-linear-gradient(top,  #8c97a6 0%, #596171 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c97a6), color-stop(100%,#596171));
    background: -webkit-linear-gradient(top,  #8c97a6 0%,#596171 100%);
    background: -o-linear-gradient(top,  #8c97a6 0%,#596171 100%);
    background: -ms-linear-gradient(top,  #8c97a6 0%,#596171 100%);
    background: linear-gradient(top,  #8c97a6 0%,#596171 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c97a6', endColorstr='#596171',GradientType=0 );
}
.bGreyish:active { background: #6d7787; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bBlack {  border: 1px solid #4e4e4e; box-shadow: 0 1px 2px 0 #959595 inset; -webkit-box-shadow: 0 1px 2px 0 #959595 inset; -moz-box-shadow: 0 1px 2px 0 #959595 inset;
    background: #838383;
    background: -moz-linear-gradient(top,  #838383 0%, #444444 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#838383), color-stop(100%,#444444));
    background: -webkit-linear-gradient(top,  #838383 0%,#444444 100%);
    background: -o-linear-gradient(top,  #838383 0%,#444444 100%);
    background: -ms-linear-gradient(top,  #838383 0%,#444444 100%);
    background: linear-gradient(top,  #838383 0%,#444444 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838383', endColorstr='#444444',GradientType=0 );
}
.bBlack:active { background: #5d5d5d; box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff; }

.bLightBlue { border: 1px solid #5897c3; box-shadow: 0 1px 2px 0 #84c4dd inset; -webkit-box-shadow: 0 1px 2px 0 #84c4dd inset; -moz-box-shadow: 0 1px 2px 0 #84c4dd inset;
    background: #6db5d5;
    background: -moz-linear-gradient(top,  #6db5d5 0%, #4a91c0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db5d5), color-stop(100%,#4a91c0));
    background: -webkit-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
    background: -o-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
    background: -ms-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
    background: linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db5d5', endColorstr='#4a91c0',GradientType=0 );
}
.bLightBlue:active { background: #559cc7; box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff; }

.bGold { border: 1px solid #c4853e; box-shadow: 0 1px 2px 0 #ddb65b inset; -webkit-box-shadow: 0 1px 2px 0 #ddb65b inset; -moz-box-shadow: 0 1px 2px 0 #ddb65b inset;
    background: #d5a44c;
    background: -moz-linear-gradient(top,  #d5a44c 0%, #c07833 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5a44c), color-stop(100%,#c07833));
    background: -webkit-linear-gradient(top,  #d5a44c 0%,#c07833 100%);
    background: -o-linear-gradient(top,  #d5a44c 0%,#c07833 100%);
    background: -ms-linear-gradient(top,  #d5a44c 0%,#c07833 100%);
    background: linear-gradient(top,  #d5a44c 0%,#c07833 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5a44c', endColorstr='#c07833',GradientType=0 );
}
.bGold:active { background: #ca8e40; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bSea {  border: 1px solid #5a837e; box-shadow: 0 1px 2px 0 #95b8b6 inset; -webkit-box-shadow: 0 1px 2px 0 #95b8b6 inset; -moz-box-shadow: 0 1px 2px 0 #95b8b6 inset;
    background: #7ca6a3;
    background: -moz-linear-gradient(top,  #7ca6a3 0%, #547b76 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ca6a3), color-stop(100%,#547b76));
    background: -webkit-linear-gradient(top,  #7ca6a3 0%,#547b76 100%);
    background: -o-linear-gradient(top,  #7ca6a3 0%,#547b76 100%);
    background: -ms-linear-gradient(top,  #7ca6a3 0%,#547b76 100%);
    background: linear-gradient(top,  #7ca6a3 0%,#547b76 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ca6a3', endColorstr='#547b76',GradientType=0 );
}
.bSea:active { background: #68918d; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bBrown {  border: 1px solid #9c6b3c; box-shadow: 0 1px 2px 0 #c8a85f inset; -webkit-box-shadow: 0 1px 2px 0 #c8a85f inset; -moz-box-shadow: 0 1px 2px 0 #c8a85f inset;
    background: #bb934f;
    background: -moz-linear-gradient(top,  #bb934f 0%, #996336 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb934f), color-stop(100%,#996336));
    background: -webkit-linear-gradient(top,  #bb934f 0%,#996336 100%);
    background: -o-linear-gradient(top,  #bb934f 0%,#996336 100%);
    background: -ms-linear-gradient(top,  #bb934f 0%,#996336 100%);
    background: linear-gradient(top,  #bb934f 0%,#996336 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb934f', endColorstr='#996336',GradientType=0 );
}
.bBrown:active { background: #ad7f45; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }


.selector {
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
    background: linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f1f1f1',GradientType=0 );
    border: 1px solid #D2D2D2;
    line-height: 28px;
    height: 28px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
    -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
    -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    margin: 0;
    padding: 0 0 0 8px;
    cursor: pointer;
    min-width: 150px;
    max-width: 280px;
    font-size: 12px;
    position: relative;
    overflow: hidden;
}

div.selector select {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity:0);
    height: 28px;
    border: none;
    background: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: solid 1px white;
    width: 100%;
    top: 0px;
    left: 0px;
}

.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }

.mb5 { margin-bottom: 5px; }
.mt5 { margin-top: 5px; }
.mb10 { margin-bottom: 10px; }
.mt10 { margin-top: 10px; }

input.ng-invalid { border: 1px solid #c43030; }
input.ng-valid { border: 1px solid #9dbf5c; }

input[disabled=disabled] {
    opacity: 0.5;
}

.popover {
    min-width: 800px;
}

.pageSpinner {
    position: absolute;
    width: 100%; height: 100%;
    background-color: #FFF;
    z-index: 100000;
    top: 0px; left: 0px;
    opacity: 0.5;
}

.pageSpinner .spinner {
    width: 50px; height: 50px;
    margin: 150px auto 0px auto;
    background: url(../images/spinner.gif) no-repeat center center;
    opacity: 1;
}

/*.activityForm {
    display: none;
    top: 0px;
    left: 0px;

    z-index: 1000;
    margin-bottom: 50px;
}

.activityForm .mainForm {
    background: #EFEDEE;
    -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5); 
    -moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.5);
}*/

.extraInfo {
    display: none;
    position: absolute;
 
    z-index: 1000;
    margin-bottom: 50px;
}

.extraInfo .extraInfoInner {
    background: #EFEDEE;
    /*border-radius: 5px;*/
    -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.5);
}

.extraInfoInline{ margin:10px; padding:0!important;}

.applianceRow .device-circle{ zoom:1;}

@media (max-width: 480px) {
}
@media (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 979px) {
}
@media (min-width: 1200px) {
}

.tallTA {
    height: 70px;
}

.slider {
    margin-top: 5px;
}

.listOfAppliances {
    list-style-type: none;
    padding: 0px;
    background-color: #f0eeef;
    margin: 30px 0px 0px 0px;
}

.listOfAppliances  ul.items li {
    border-top: 1px solid #fffdfe;
    border-bottom: 1px solid #dedede;
	line-height:30px;
	padding-left:10px;
}


.listOfAppliances .typeTitle{   
color: #3192c9;
	border-bottom: 1px solid #dedede;
border-top: 1px solid #fff;
    /*height: 50px;
    line-height: 50px;*/    padding: 10px; 
}
.listOfAppliances.sidebarActivities .typeTitle{ border-bottom:none;}
.listOfAppliances.sidebarActivities .typeTitle a
{  
    color: #3192c9;
	font-size:13px;
	text-decoration:none;
} 
.listOfAppliances.sidebarActivities .typeIcon.albergo{background-position:0 -45px;}
.listOfAppliances.sidebarActivities .typeIcon.ristorante{background-position:-22px -45px;}
.listOfAppliances.sidebarActivities .typeIcon.abitazione{background-position:-45px -45px;}
.listOfAppliances.sidebarActivities .typeIcon.ufficio{background-position:-63px -45px;} 

.listOfAppliances.sidebarActivities .typeTitle a:hover{cursor:pointer; text-decoration:underline;}

.listOfAppliances.sidebarActivities .typeTitle .subType{
	color: #777;
	text-decoration: none;
	font-size: 11px;
	line-height:10px;
}
.listOfAppliances.sidebarActivities ul li{ background:#dfdfdf; border-top:none; font-size:11px; padding:0 5px 0 30px;}

.listOfAppliances li ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.listOfAppliances .qty {
    border: 1px solid #CCC;
    background-color: #fefefe;
	float: left;
    
    /*width: 20px;*/
    padding-left: 3px;
    padding-right: 3px;
    min-width: 20px;

    height: 20px;
    line-height: 20px;
    text-align: center;
    margin: 5px 10px 0 0;
}
.listOfAppliances .title{float:left;}
.listOfAppliances .glyphicon-remove{margin-right:5px;}

.listOfAppliances a, .listOfAppliances a:hover {
    color: #777;
    text-decoration: none;
	font-size:11px;
}

.sidebarAppliace.listOfAppliances, .sidebarAnalysis .listOfAppliances{margin-top:0;}
.appliaceFilter.ng-valid{border:none;}

.closeForm {
    position: absolute;
    width: 30px; height: 30px;
    background: url(../images/close.png);
    top: 0px; right: 15px;
    z-index: 2000;
    cursor: pointer;
}
#sidebar .sidebarTitle{margin-bottom:20px;}
#sidebar .listBlockSeparator {height:56px; background:url(../images/listBlockSeparator.png) no-repeat center center;}

#sidebar .listBlock{clear:both; list-style:none; padding:0;} 
#sidebar .listBlock ul, #sidebar .listBlock ul li{
	margin:0;
	list-style:none;
	padding:0;
	}
#sidebar .listBlock ul li{
	color: #777;
	border-bottom: 1px solid #dedede;
	border-top: 1px solid #fff;
	padding-top: 5px;
    padding-bottom: 5px;
}
#sidebar .listBlock h5{ color: #3192c9; border-bottom: 1px solid #dedede;
	border-top: 1px solid #fff; line-height:40px; padding:0 10px; margin:0;}
 
/*.listOfAppliances li ul li { border: none; }*/

/*.listOfAppliances li ul { display: none; }*/
/*.listOfAppliances li ul:nth-child(0) { display: block; }*/

.listOfAppliances .items .title {
    cursor: pointer;
}

 
/*.device-circle{ position:absolute;}
.device-cloud-0{ top:20px; left:20px;} 
.device-cloud-1{ top:50px; left:100px;}
.device-cloud-1{ top:200px; left:50px;}*/ 

 
.cloudiconcontainer:hover .device-cloud-5,.cloudiconcontainer:hover .device-cloud-4,.cloudiconcontainer:hover .device-cloud-3,.cloudiconcontainer:hover .device-cloud-2,.cloudiconcontainer:hover .device-cloud-1,.cloudiconcontainer:hover .device-cloud-0{ z-index:1000000;}
.cloudiconcontainer .gkktooltip{border-radius: 5px;
	position: absolute;
	top:0; 
	left:0;
	text-align: center;
	background: rgba(255,255,255,0.7) ;
	border:1px solid rgba(0,0,0,0.3) ;
	padding: 2px 10px;
	z-index: 10000; 
	margin: -15px 0 0 0;
	opacity:0; 
	display:none;
	white-space:nowrap;
   -moz-transition: all 0.1 ease-out;  /* FF4+ */
    -o-transition: all 0.1s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.1s ease-out;  /* IE10 */
    transition: all 0.1s ease-out;  
	zoom:1;
 
} 
.cloudiconcontainer:hover .gkktooltip{   
	zoom:1; 
	display:inherit; 
	opacity:1;
	margin:-25px 0 0 0;
   -moz-transition: all 0.1 ease-out;  /* FF4+ */
    -o-transition: all 0.1s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.1s ease-out;  /* IE10 */
    transition: all 0.1s ease-out;  
}

.iconcloud .device-circle{ margin-bottom:0px;}

.listBlock.small ul li{
	padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.listBlock.small h3 {
    border-bottom: 0px !important;
    border-top: 0px !important;
    line-height: 1.1!important;
    padding: 0px !important;
    margin-bottom: 10px !important;
    margin-top: 20px !important;
}