/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.datepicker-dropdown {
   z-index:10000 !important;
}

.navbar-custom {
   background-color:#39b54a;
   color:#ffffff;
   border-radius:0;
}

.navbar-custom .navbar-nav > li > a {
   color:#fff;
}

.navbar-custom .navbar-brand {
   color:#cccccc;
}

.nav > li > a:focus, .nav > li > a:hover {
   text-decoration: none;
   background-color: #39b54a;
   color:#cccccc;
}

.icon-bar
{
   display:block;
   width:22px;
   height:2px;
   border-radius:1px;
   border:1px solid #ccc;
}

.navbar-toggle
{
   position:relative;
   float:right;
   padding:9px 10px;
   margin-top:8px;
   margin-right:15px;
   margin-bottom:8px;
   background-color:transparent;
   background-image:none;
   border:1px solid #ccc;          /* added line */
   border-radius:4px
}

.profile-img
{
   width: 96px;
   height: 96px;
   margin: 0 auto 10px;
   display: block;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
}

.broker-studio_dashboard{ padding:0px; text-align:center;}
.broker-studio_dashboard ul{ display:inline-table; }
.broker-studio_dashboard li{background-color: white; margin:0 auto; display:inline-table; width:170px; list-style:none; margin:16px; padding:10px; border-radius:10px; border:1px solid #dadada; box-shadow:0px 0px 8px #999;}
.broker-studio_dashboard li a{	display:table-cell; color:#000000; text-decoration:none; text-shadow:0px 0px 5px #999; }
.broker-studio_dashboard li a:focus{outline:none!important;}

.broker-studio_dashboard li a i{font-size:70px; line-height:90px; clear:left;
   transition-property:color;
   transition-duration:0.5s;

   -moz-transition-property:color;
   -moz-transition-duration:0.5s;

   -webkit-transition-property:color;
   -webkit-transition-duration:0.5s;

   -o-transition-property:color;
   -o-transition-duration:0.5s;
}

.broker-studio_dashboard li a i:hover{color:#39b54a; }


.broker-studio_dashboard li a span{ display:block; font-size:15px;}

.row-new {
   margin-right: -15px;
   margin-left: -15px;
}

.well {
   padding:10px;
}

.border-dashed {
   border:2px dotted #DB504A;
   margin-top:10px;
   padding-top:10px;
   padding-bottom:10px;
   background-color:white;
}

.green {
   color: green;
}

.red {
   color: red;
}

.container-full {
   margin: 0 auto;
   width: 100%;
}

/* altezza del chosen container */
.chosen-container-single .chosen-single {
   height:34px;
   line-height:34px;
}

.nascosto {
   display:none;
}

/* http://bootsnipp.com/snippets/50me8 */
body {
   overflow: hidden;
   background-color:#FFFFFF;
}
/* preloader */
#preloader {
   position: fixed;
   top:0; left:0;
   right:0; bottom:0;
   background: #efefef;
   z-index: 100;
}
#loader {
   width: 100px;
   height: 100px;
   position: absolute;
   left:50%; top:50%;
   margin:-50px 0 0 -50px;
}




.trappole {
width: 10px;
    height: 10px;
    text-align: center;
    line-height: 10px;
    font-size: 4px;
    border-radius:50%;

}
.classe5 {
   background-color:blue;
   color:white;
   border-radius:50%;
}
.classe1 {
   background-color:yellow;
   color:black;
   border-radius:50%;
}
.classe2 {
   background-color:green;
   color:white;
   border-radius:50%;
}
.classe3 {
   background-color:red;
   color:white;
   border-radius:50%;
}

.classe4 {
   background-color:purple;
   color:white;
   border-radius:50%;
}

.classe6 {
   background-color:saddlebrown;
   color:white;
   border-radius:50%;
}

.classe9 {
   background-color:darkorange;
   color:white;
   border-radius:50%;
}

.legenda {
   width: 200px;
   height:200px;
}

/*https://www.ueppy.com/news/fogli-di-stile/figure-css-base-rettangolo-quadrato-cerchio-ovale-triangolo-e-poligoni.html*/

.triangoloEq {
   width:0;
   height:0;
   border-left: 50px solid transparent;
   border-right: 50px solid transparent;
   border-bottom: 86px solid orange;
   -moz-transform:rotate(0);
   -webkit-transform:rotate(0);
   -ms-transform:rotate(0);
   -o-transform:rotate(0);
   transform:rotate(0);
}

.rombo {
   width:100px;
   height:100px;
   -moz-transform:rotate(45deg) skew(10deg, 10deg);
   -webkit-transform:rotate(45deg) skew(10deg, 10deg);
   -ms-transform:rotate(45deg) skew(10deg, 10deg);
   -o-transform:rotate(45deg) skew(10deg, 10deg);
   transform:rotate(45deg) skew(10deg, 10deg);
   background:orange;
}


/* http://jsfiddle.net/robertc/kKuqH/30/ */
aside {
   position: absolute;
   left: 0;
   top: 0; /* set these so Chrome doesn't return 'auto' from getComputedStyle */
   width: 200px;
   height:200px;
   z-index:1000;
}

.img-fixed-320 {
   width: 320px;
   height: 320px;
}