html {
    height: calc(100% - 10px);
    padding: 0;
    margin: 0;
    background-color: #3260A0;
    padding: 5px;
}

body
{
    background-attachment: fixed;
    background-repeat: no-repeat;
    // height: 100%;
    // width: 100%;
    font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 11px;
    padding:0;
    margin:0 auto;
    background-color: white;
    height: 100%;
}
.clear{
    clear:both;
}
a{
    color:#256c89;
}
h2{
    font-size:18px;
    color:#006400;
    font-weight:normal;
    padding:0px 0 15px 0;
    margin:0px;
    clear:both;
}
h3{
    font-size:18px;
    color:#256c89;
    font-weight:normal;
    padding:15px 0 5px 20px;
    margin:0px;
    float:left;
    clear:both;
}
a.forgot_pass{
    float:right;
    color:#256c89;
    text-decoration:none;
    background:url(../images/help.png) no-repeat left;
    padding:0 0 0 18px;
    display:block;
    margin:15px 20px 0 0;
}
#main_container{
    margin:0px;
    width:100%;
    padding:0px 0 0px 0;
    background-color: #3260A0;
}
.header{
    padding-top: 0px;    
    width:100%;
    height:30px;

}
.header_login{
    width:600px;
    margin:auto;
}
.logo{
    float:left;
    padding:10px 0 0 0px;
    height: 45px;
}

#clock_a{
    float:right;
    padding:15px 0 0 0;
}
.jclock{
    color:#FFFFFF;
    float:right;
    font-size:22px;
    font-weight:bold;
    padding:34px 25px 0 0;
}
.right_header{
    margin-top: 15px;
    width:60%;
    float:right;
    text-align:right;
    color: white;
    padding:12px 0 0 0;
    padding-right: 30px;
}
.right_header a{
    margin:0 5px 0 5px;
    text-decoration:underline;
    color: white;
}
.right_header a.messages{
    background:url(../images/comment.png) no-repeat right;
    padding-right:20px;
}
.right_header a.logout{
    background:url(../images/user_logout.png) no-repeat right;
    padding-right:20px;
}

.main_content{
    margin:0 auto;
    width:900px;
    height:auto;
    padding:0px 0 50px 0;
    background-color: #fff;
}
.footer{width:900px;height:87px;}
.footer_login{width:600px;margin:auto;}

.left_footer{float:left;padding:25px 0 0 10px;color:red;font-size:11px;}
.left_footer a{color:#FFFFFF;text-decoration:none;}
.right_footer{float:right;padding:25px 10px 0 0;}

.left_footer_login{float:left;padding:15px 0 0 10px;color:#a8549b;font-size:11px;}
.left_footer_login a{color:#FFFFFF;text-decoration:none;}
.right_footer_login{float:right;padding:15px 10px 0 0;}
/*---------------- menu----------------------*/
.menu {font-size:11px;padding:0px 10px 0 10px; float:left; width:880px; font-weight: bold;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
    padding:0;
    margin:0;
    list-style-type:none;
    height:34px;
}

/* style the sub-level lists */
.menu ul ul {width: auto;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:34px;line-height:34px;}

/* style the sub level list items */
.menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:11px;text-decoration:none;color:#fff;padding:0 21px 0 17px;}
.menu a.current{background:url(../images/menu_bg.gif) repeat-x center;}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#ff252a; border-bottom:1px #81dafc solid; color:#fff;width:12em;height:100%;line-height:1em;padding:1em 1em;}
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ff252a;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#ff252a;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:url(../images/arrow.gif) no-repeat right #bd1e21;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:url(../images/arrow.gif) no-repeat right #d90b0f;}

/* style the level hovers */
/* first */
.menu a:hover {color:#fff;background:url(../images/menu_bg.gif) repeat-x center;}
.menu :hover > a {color:#fff;background:url(../images/menu_bg.gif) repeat-x center;}
/* second */
.menu ul ul a:hover{color:#fff;background:url(../images/menu_bg_a.gif) repeat-x center;}
.menu ul ul :hover > a {color:#fff;background:url(../images/menu_bg_a.gif) repeat-x center;}
/* third */
.menu ul ul ul a:hover {background:url(../images/menu_bg_a.gif) repeat-x center;}
.menu ul ul ul :hover > a {background:url(../images/menu_bg_a.gif) repeat-x center;}
/* fourth */
.menu ul ul ul ul a:hover {background:url(../images/menu_bg_a.gif) repeat-x center;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0;width:14em; z-index:999;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(../images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}


.center_content{
    clear:both;
}

.left_content{
    width:195px;
    float:left;
    padding:10px 0 0 20px;
}
.right_content{
    width:100%;
    float:left;
    padding:0px 0 0 0px;
    margin-left: 14px;
    margin-top: 6px;
}

.sidebarmenu{
    margin:0px 0;
    padding:0;
    width:195px;
}
.sidebarmenu a.menuitem{background:url(../images/sidebar_menu_top.gif) no-repeat center top;
                        color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
}
.sidebarmenu a.menuitem_green{background:url(../images/green_bt.gif) no-repeat center top;
                              color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
}
.sidebarmenu a.menuitem_red{background:url(../images/red_bt.gif) no-repeat center top;
                            color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
}
.sidebarmenu a.menuitem:hover{background:url(../images/sidebar_menu_top_a.gif) no-repeat center top;}
.sidebarmenu a.menuitem_green:hover{background:url(../images/green_bt_a.gif) no-repeat center top;}
.sidebarmenu a.menuitem_red:hover{background:url(../images/red_bt_a.gif) no-repeat center top;}

.sidebarmenu a.menuitem:visited, .sidebarmenu .menuitem:active{
    color: white;
}
.sidebarmenu a.menuitem .statusicon{
    position: absolute;
    top:11px;
    right:7px;
    border: none;
}

.sidebarmenu div.submenu{
    background: white;
}
.sidebarmenu div.submenu ul{ 
    list-style-type: none;
    margin: 0;
    padding: 0 0 5px 0;
}
.sidebarmenu div.submenu ul li{
    border-bottom: 1px dotted #bfd1d9;
}
.sidebarmenu div.submenu ul li a{
    display: block;
    color: black;
    text-decoration: none;
    padding:5px 0;
    padding-left: 10px;
}
.sidebarmenu div.submenu ul li a:hover, .sidebarmenu div.submenu ul li a.current{
    background: #e2f0ff;
    color: #0e4354;
}



.sidebar_search{
    background:url(../images/sidebar_menu_top.gif) no-repeat center;
    width:195px;
    height:31px;
    margin:0 0 5px 0;
}
input.search_input{
    width:155px;
    height:16px;
    margin:5px 0 0 5px;
    border:1px #bdebfd solid;
    background:#ff252a;
    padding:4px 0 0 2px;
    float:left;
    color:#096184;
    font-size:11px;
}
input.search_submit{
    float:left;
    background:none;
    border:none;
    margin:7px 0 0 8px;
}



.question {
    position: absolute;
    display: inline;
    text-align: center;
    width: 174px;
    height: 78px;
    font-size: 13px;
    line-height: 1.5em;
    background: url('../images/bubble.png') left top no-repeat;
    padding: 10px 0 0 0;
    text-shadow: 0px 1px 0px #fff;
    margin-left: -7em;
    margin-top: -6em;
    opacity: 0;
}

.yes{
    margin-top: .5em;
    margin-right: .5em;
    cursor: pointer;
    display: inline-block;
    width: 63px;
    height: 21px;
    color: #434d17;
    text-shadow: 0px 1px 0px #fff;
    background: url('../images/buttony.png') left top no-repeat;
}
.cancel {
    margin-top: .5em;
    margin-right: .5em;
    cursor: pointer;
    display: inline-block;
    width: 63px;
    height: 21px;
    color: #fff;
    text-shadow: 0px 1px 0px #000;
    background: url('../images/buttonn.png') left top no-repeat;
}

a.bt_green{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #8fa42b;}
a.bt_green strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(../images/bt_green_center.gif) repeat-x center;}
a.bt_green span.bt_green_lft{width:10px;height:31px;display:block; float:left;background:url(../images/bt_green_left.gif) no-repeat center right;}
a.bt_green span.bt_green_r{width:10px;height:31px;display:block; float:left;background:url(../images/bt_green_r.gif) no-repeat center right;}
a:hover.bt_green{ text-decoration:underline;}

a.bt_blue{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #3597bf;}
a.bt_blue strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(../images/bt_blue_center.gif) repeat-x center;}
a.bt_blue span.bt_blue_lft{width:10px;height:31px;display:block; float:left;background:url(../images/bt_blue_left.gif) no-repeat center right;}
a.bt_blue span.bt_blue_r{width:10px;height:31px;display:block; float:left;background:url(../images/bt_blue_r.gif) no-repeat center right;}
a:hover.bt_blue{ text-decoration:underline;}

a.bt_red{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #c24739;}
a.bt_red strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(../images/bt_red_center.gif) repeat-x center;}
a.bt_red span.bt_red_lft{width:10px;height:31px;display:block; float:left;background:url(../images/bt_red_left.gif) no-repeat center right;}
a.bt_red span.bt_red_r{width:10px;height:31px;display:block; float:left;background:url(../images/bt_red_r.gif) no-repeat center right;}
a:hover.bt_red{ text-decoration:underline;}

.sidebar_box{
    width:195px;
    padding:15px 0 5px 0;
}
.sidebar_box_top{width:195px;height:8px;background:url(../images/sidebar_box_top.gif) no-repeat center bottom;}
.sidebar_box_bottom{width:195px;height:8px;background:url(../images/sidebar_box_bottom.gif) no-repeat center bottom;}
.sidebar_box_content{width:175px;height:auto;background-color:#ecf8fd; padding:0 10px 0 10px;}

.sidebar_box_content h3{ color:#49bae8; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content h4{ color:#f75744; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content h5{ color:#a4bf40; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content p{padding:5px 0 5px 0; margin:0px; clear:both; font-size:11px; text-align:left; line-height:17px;}
img.sidebar_icon_right{
    float:right; padding:0 0 0 0;
}
.sidebar_box_content ul{
    list-style:none;
    padding:10px 0 10px 0;
    margin:0px;
    clear:both;
}
.sidebar_box_content ul li{
    padding:5px 0 5px 10px;
    background:url(../images/list_bullet.gif) no-repeat left top;
    background-position:0px 10px;
}


.warning_box{width:540px;clear:both;background:url(../images/warning.png) no-repeat left #fcfae9;
             border:1px #e9e6c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;}

.valid_box{width:540px;clear:both;background:url(../images/valid.png) no-repeat left #edfce9;
           border:1px #cceac4 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;}

.error_box{width:540px;clear:both;background:url(../images/error.png) no-repeat left #fce9e9;
           border:1px #eac7c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;}

/*--------------*/
div.pagination {
    width:625px;
    clear:both;
    padding:10px 0 10px 0;
    margin:0px;
    text-align:center;
    float:left;
    clear:both;
    font-size:11px;
}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #52bfea;
    text-decoration: none; 
    color: #52bfea;
}
div.pagination a:hover, div.pagination a:active {
    border:1px solid #52bfea;
    color: #fff;
    background-color: #52bfea;
}
div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #52bfea;
    font-weight: bold;
    background-color: #52bfea;
    color: #FFF;
}
div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #f3f3f3;
    color: #ccc;
}

.ui-dialog-titlebar, .ui-widget-content td, .ui-dialog-buttonpane { padding: 10px; }

.ui-icon-closethick { float: right;}

div#calendar {
    margin: 10px;
}

div.esecuzionePrevista
{
    background-color: #006400;
    border-color: #006400;
    border-top-color: #006400;
}

div.esecuzionePrevista a
{
    background-color: #006400;
    border-color: #006400;
    border-top-color: #006400;
}


#draw ul#report-prestazioni, #reportfornitori ul.report2 {
    margin: 10px;
    padding: 0;
    list-style-type: none;
    display: table;
    width: 100%;
}

#draw ul#report-prestazioni li, #reportfornitori ul.report2 li {
    display: table-row;
    line-height: 2em;
}


#login {
    margin: 30px;
    margin-top: 100px;
    height: 300px;
}

#login table th {
    padding: 10px;
}

#login p {
    margin-top: 20px;
}

#scheda_pagina {
    padding: 20px;
}

ul.error_list li {
    border: 3px solid red;
    color: red;
    font-weight: bold;
    padding: 5px;
}

.ui-state-error ul.error_list li {
    border: 0;
}

.sf_admin_list table thead a {
    margin-right: 20px;
}

.sf_admin_list table thead a .ui-icon
{
    position: relative;
    left: 20px;
}

#totale {
    font-weight: bold;
    padding-left: 10px;
}


div#pagina {
    padding: 15px;
}

div#pagina p {
    padding: 5px 0;
}


#sf_admin_actions_button {
    /*display: none;*/

}

li.sf_admin_action_save {
    position: relative;
    right: 30px;

}

.sf_admin_actions_form .sf_admin_action_delete {
    position: relative;
    right: 60px;

}
.logo_login{
    float:left;
    padding: 71px 0 0 14px;
}

.subsubmenu li {
    margin-left:15px;
    border: 0;
}

.subsubmenu ul {
    border: 0;
}

.table td, .table th {
    padding-right: 8px;



}

.large {
    width: 100%;
}

.sf_admin_form_field_new_Checks li, .sf_admin_form_field_Checks li {
    list-style: none;
    display: inline;

}

.sf_admin_form_field_new_Rids li, .sf_admin_form_field_Rids li{
    list-style: none;
    display: inline;

}


.sf_admin_form_field_new_Phones li, .sf_admin_form_field_Phones li{
    list-style: none;
    display: inline;
}

.sf_admin_form_field_new_Phones input, .sf_admin_form_field_Phones input{
    width: 100px;
}

.sf_admin_form_field_new_Faxes li, .sf_admin_form_field_Faxes li{
    list-style: none;
    display: inline;
}

.sf_admin_form_field_new_Faxes input, .sf_admin_form_field_Faxes input{
    width: 100px;
}

.sf_admin_form_field_new_Emails li, .sf_admin_form_field_Emails li{
    list-style: none;
    display: inline;
}

.sf_admin_form_field_new_Emails input, .sf_admin_form_field_Emails input{
    width: 100px;
}

#crm-text {
    position: relative;
    top: -15px;
    left: 8px;
    font-size: 20px;
}

#sf_admin_container {
    margin:0;
	width: 98%;
}


div#comunicazioni_ingresso, div#comunicazioni_uscita {
  display: inline;
  float: left;
  width: 200px;
  background-color: #ffffb7;
  min-height: 650px;
  border: 1px solid blue;
}

div#comunicazioni_ingresso div.edit, div#comunicazioni_uscita div.edit {
  font-size: 13px;
  height: 650px;
  padding: 2px;
}

div#comunicazioni_ingresso div.title, div#comunicazioni_uscita div.title {
  font-size: 12px;
  padding: 3px;
  height: 20px;
  color: white;
  font-weight: bold;
  background-color: rgb(108, 150, 195);
}


div#stats {
    width: 98%;
}

div#dropdown {
    color: black;
}

table#stats_esercizi {
    width: 300px;
    padding: 10px;
}

table#stats_esercizi tr td {
    border-bottom: 1px solid black;
}

table#stats_esercizi td {
    text-align: center;
}

table#stats_esercizi td.totale {
    font-weight: bold;
}

table#stats_esercizi tr.totale td {
    border-bottom: 0px;
}

table#stats_esercizi td.totale2 {
    font-weight: bold;
    font-size: 16px;
}



p#titolo {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

table#stats_sessione, table.stats {
    width: 220px;
    padding: 10px;
}

div#odm_run_statistiche  #stats_sessione {
        border-bottom: 5px solid rgba(255, 255, 255, .5);
	width: 100%;
        padding: 10px 0;
	height: 30%;
}

div#odm_run_statistiche  #stats_sessione.pf {
        border-bottom: 5px solid rgba(255, 255, 255, .5);
	width: 100%;
        padding: 10px 0;
	height: 10%;
}

div#odm_run_statistiche  #stats_sessione th {
	font-weight: bold;
}


table#stats_sessione tr td, table#stats_sessione tr th {
    border-bottom: 1px solid black;
}

div#odm_run_statistiche table#stats_sessione tr td, div#odm_run_statistiche table#stats_sessione tr th {
        border-bottom: 1px solid rgba(255, 255, 255, .5);
	padding: 10px;
        font-size: 20px;
}

div#odm_run_statistiche table#stats_sessione tr:last-child td, div#odm_run_statistiche table#stats_sessione tr:last-child th {
	border-bottom: 0;
}

table#stats_sessione td, table#stats_sessione th {
    text-align: center;
}

table#stats_sessione td.totale, table#stats_sessione th.totale {
    font-weight: bold;
}

div#odm_run_statistiche  table#stats_sessione td.totale:last-child, div#odm_run_statistiche  table#stats_sessione th.totale:last-child,
div#odm_run_statistiche  table#stats_sessione td.totale2:last-child, div#odm_run_statistiche  table#stats_sessione th.totale2:last-child
 {
	text-align: right;
	color: #FFBE01;
}

table#stats_sessione tr.totale td, table#stats_sessione tr.totale th {
    border-bottom: 0px;
}

table#stats_sessione td.totale2, table#stats_sessione th.totale2 {
    font-weight: bold;
    font-size: 16px;
}

table#stats_programmazione {
    width: 240px;
    padding: 10px;
}

table#stats_programmazione tr td {
    border-bottom: 1px solid black;
}

table#stats_programmazione td {
    text-align: center;
}

table#stats_programmazione td.totale {
    font-weight: bold;
}

table#stats_programmazione tr.totale td {
    border-bottom: 0px;
}

table#stats_programmazione td.totale2 {
    font-weight: bold;
    font-size: 16px;
}

.percentage_warning {
    color: orange;
    font-weight: bold;
}

/* statistiche */

table#stats_sessione tr td, table#stats_sessione tr th {
    border-bottom: 1px solid black;
}

/* statistiche funzioni complesse */


table#stats_sessione_fc {
    width: 240px;
    padding: 10px;
}

table#stats_sessione_fc tr td {
    border-bottom: 1px solid black;
}


table#stats_sessione_fc td.label {
    text-align: left;
}

table#stats_sessione_fc td.perc {
    text-align: center;
}


/* statistiche assetti */


table#stats_sessione_as {
    width: 240px;
    padding: 10px;
}

table#stats_sessione_as tr td {
    border-bottom: 1px solid black;
}



table#stats_sessione_as td.label {
    text-align: left;
}

table#stats_sessione_as td.perc {
    text-align: center;
}




/* statistiche attrezzi */


table#stats_sessione_at {
    width: 240px;
    padding: 10px;
}

table#stats_sessione_at tr td {
    border-bottom: 1px solid black;
}



table#stats_sessione_at td.label {
    text-align: left;
}

table#stats_sessione_at td.perc {
    text-align: center;
}


h3.titolo {
font-size: 16px;
color: #256c89;
font-weight: normal;
padding: 5px 0 5px 0px;
margin: 0px;
}


/* tabelle run */

div#odm_run_statistiche table#stats_sessione_fc,
div#odm_run_statistiche table#stats_sessione_as,
div#odm_run_statistiche table#stats_sessione_at,
div#odm_run_statistiche table.stats
 {
        width: 98%;
	margin: 10px;
	font-size: 17px;
}

div#odm_run_statistiche table#stats_sessione_fc tr td, 
div#odm_run_statistiche table#stats_sessione_as tr td,
div#odm_run_statistiche table#stats_sessione_at tr td,
div#odm_run_statistiche table.stats tr td
 {
	border: 0;
	padding: 3px;
	vertical-align: top;
}

div#odm_run_statistiche table#stats_sessione_fc tr td:first-child,
div#odm_run_statistiche table#stats_sessione_as tr td:first-child,
div#odm_run_statistiche table#stats_sessione_at tr td:first-child,
div#odm_run_statistiche table.stats tr td:first-child {
	text-align: right;
	text-transform: uppercase;
	width: 50%;
}

div#odm_run_statistiche table.stats tr td:first-child {
	text-transform: uppercase;
}

div#odm_run_statistiche table#stats_sessione_fc tr td:last-child,
div#odm_run_statistiche table#stats_sessione_as tr td:last-child,
div#odm_run_statistiche table#stats_sessione_at tr td:last-child,
div#odm_run_statistiche table.stats tr td:last-child {
        text-align: right;
	color:  #FFBE01;
	width: 20%;
	padding-left: 10px;
} 


/* RUN */





div#odm_run {

 /* background-color: #2d5076; */
 position: absolute;
 display: none;
 width:100%;
 height: 100%;
 top: 0px;
 left:0px;     
 
 z-index: 10;
/*
 background: -webkit-linear-gradient( rgba(30,64,110,1),  rgba(13,36,61,1) );
 background: -o-linear-gradient(rgba(30,64,110,1),  rgba(13,36,61,1));
 background: -moz-linear-gradient(rgba(30,64,110,1),  rgba(13,36,61,1));
 background: linear-gradient(rgba(30,64,110,1),  rgba(13,36,61,1));
*/
 background-image: url('/images/run-background.png');
 background-size: cover;
}


p#odm_run_title {
   font-size: 20px;
   color: white;
   text-align: center;
   text-transform: uppercase;
}


p#clockbox {
  height: 170px;
  padding-top: 54px;
   font-size: 30px;
   color: white;
   text-align: center;
}

p#clockbox span {
   font-size: 50px;
}

div#odm_run_left { 
    width: 26%;
    height: 100%;
    float: left;
    text-align: center;
}




div#run_content {
    width: 48%;
    height: 94%;
    padding: 0px;
    padding-top: 3%;
    margin: 0 auto;
    float: left;
    position: relative;
}


div#run_main {
    /* border: 1px solid black;  */  
    float: left;
    margin: 5px 0;
    height: 59.3%;
    text-align:  center;
    width: 100%;
    
}

img#run_image {
    width: 100%;
}

div#run_sidebar {  

    /* height: 100%; */
    overflow: hidden;
    border: 5px solid rgba(255, 255, 255, .5);
    border-radius: 2em;
    margin: 0 auto;
    position: relative;
    
    position: absolute;
    width: 20%;
    top: 200px;
    bottom: 40px;
    left: 3%;
}


p#odm_left_title,
div#odm_run_statistiche p#titolo {
    font-size: 30px;
    /* color: #ffbe01; */
    color: white;
    text-transform: uppercase;
    display: block;
    clear: both;
    text-align: center;
    padding: 0px;
    margin: 0px;
    width: 100%;
    border-bottom: 5px solid rgba(255, 255, 255, .5);
}

div#odm_run_statistiche p#titolo {
	text-transform: none;
}

div#run_list {
    height: 80%;
    overflow: auto;      
}

div#run_stats {
	height: 80%;
	border-bottom: 5px solid rgba(255, 255, 255, .5);
	font-size: 17px;
}

div#run_tempi {
	border-bottom: 5px solid rgba(255, 255, 255, .5);
	height: 18%;
}


div#run_percentuali {
	overflow: auto;
	max-height: 40%;
}

div#run_sidebar ul {
    width: 90%;
    display: block;
    list-style-type: none;
    margin: 0 auto;

}

div#run_sidebar ul li {
    line-height: 1.5em;
    padding: 5px;
    cursor: pointer;
    color: white;
    font-size: 24px;
    text-align: left;
}

div#plodm div#run_sidebar ul li {
    line-height: 1.5em;
    padding: 5px;
    cursor: pointer;
    color: black;
    font-size: 20px;
    text-align: left;
}


div#run_buttons {
    min-height: 40px;
    width: 100%;
    border-top: 5px solid rgba(255, 255, 255, .5);
    height: 15px;
    padding-top: 30px;
}

div#run_buttons img {
    width: 40px;
    height: 40px;
    margin-left: 5px;
    margin-right: 5px;
}


div#run_footer {
    width: 100%;
    height: 30%;
    padding-top: 3%;
    margin: 5px 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 40px;
}


div.run_livello {
    float:left;
    width: 15%;
    padding: 5px 1%;
    height: 94%;
    margin-top: 1%;
    margin-left: 1.2%;
    margin-right: 1.2%;
    border: 5px solid rgb(255, 255, 255);
    border-radius: 1em;
    position: relative;
}

div.run_livello:first-child {
	margin-left: 0;
}

div.run_livello:last-child {
	margin-right: 0;
}

div.run_livello.run5 {
	float: right;
}
p.run_attivo {
  color: #ffc000;
  font-size: 40px;
  text-align: right;
  font-weight: bold;
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  padding-right: 0.5em;
  background-repeat: no-repeat;
  background-position: bottom right;
  height: 135px;
  line-height: 180px;
}

p.run_recupero {
  color: grey;
  font-size: 40px;
  text-align: right;
  font-weight: bold;
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  padding-right: 0.5em;
  background-repeat: no-repeat;
  background-position: bottom right;
  height: 135px;
  line-height: 180px;
}

p.ingranaggio_bianco {
    background-image: url(/images/ingranaggio-bianco.png);
}

p.ingranaggio_giallo {
    background-image: url(/images/ingranaggio-giallo.png);
}

p.ingranaggio_verde {
    background-image: url(/images/ingranaggio-verde.png);
}

p.ingranaggio_blu {
    background-image: url(/images/ingranaggio-blu.png);
}

p.ingranaggio_arancio {
    background-image: url(/images/ingranaggio-arancio.png);
}

p.ingranaggio_rosso {
    background-image: url(/images/ingranaggio-rosso.png);
}

.run_ex_active { 
    color: #ffbe01 !important;
    font-weight: bold !important;
}

div.run_utenti {
    width: 100%;
    color: white;
    font-size: 18px;
}

p.run_box_title {
    color: white;
    font-weight: bold;
    font-size: 25px;
    text-transform: uppercase;
}

div#odm_run_right {
    width:25%;
    height:100%;
    float: left;
    color: white;
    padding-left: 5px;
}

div#odm_run_statistiche {
    overflow: hidden;
    border: 5px solid rgba(255, 255, 255, 0.5);
    border-radius: 2em;
    margin: 0px auto;
    position: absolute;
    width: 20%;
    top: 200px;
    bottom: 40px;
    right: 3%;
}


#grad {
  background: -webkit-linear-gradient( rgba(255,45,80,120),  rgba(255,33,62,94) ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(rgba(255,45,80,120),  rgba(255,33,62,94)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(rgba(255,45,80,120),  rgba(255,33,62,94)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(rgba(255,45,80,120),  rgba(255,33,62,94)); /* Standard syntax */
}




/* SIMPLE MODAL */

#simplemodal-container a.modalCloseImg {
	background:url(/images/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}


/* Overlay */

#simplemodal-overlay {background-color:#000;}

/* Container */

#simplemodal-container  {height:450px; width:825px; color:#fff; background-color:#243b5e; padding:12px;}
#simplemodal-container  .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #DDD; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container  a {color:#fff;     background-color: transparent;}
#simplemodal-container  h3 {color:#84b8d9;}

#simplemodal-container ul .first_tab a {
    border-bottom: 1px solid #fff;
    border-top: 0;
    position: relative;
    top: 1px;
}


#simplemodal-container ul .last_tab a
{
    border-bottom: 1px solid #fff;
    width: 505px;
    border-top: 0;
    border-right: 0;
    position: relative;
    top: 1px;
}

#simplemodal-container  ul a
{
    color: #5a79ac;
    border: 0;
    border-top: 1px solid #5a79ac;
    border-right: 1px solid #5a79ac;
    border-bottom: 1px solid white;
    margin: 0px;
}

#simplemodal-container ul .active a
{
    color: white;
    border-bottom: 0;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
}


ul.nav-tabs {
    border: 0;
}
.ulnav {
    margin-top: 10px;
}






/* Sorting images */


body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}


ol.sortable li.placeholder {
  position: relative;
  /** More li styles **/
}

ol.sortable li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}




		.sortable {
			width: 800px;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		.sortable.grid {
			overflow: hidden;
		}
		.sortable li {
			list-style: none;
			border: 1px solid #CCC;
			background: #F6F6F6;
			color: #1C94C4;
			margin: 5px;
			padding: 5px;
			height: 22px;
		}
		.sortable.grid li {
			// line-height: 150px;
			float: left;
			width: 125px;
			height: 150px;
			text-align: center;
		}
		.handle {
			cursor: move;
		}
		.sortable.connected {
			width: 200px;
			min-height: 100px;
			float: left;
		}
		li.disabled {
			opacity: 0.5;
		}
		li.highlight {
			background: #FEE25F;
		}
		li.sortable-placeholder {
			border: 1px dashed #CCC;
			background: none;
		}

                
           
    .tabs li {
            list-style:none;
            display:inline;
    }

    .tabs a {
            padding:5px 10px;
            display:inline-block;
            background:#666;
            color:#fff;
            text-decoration:none;
    }

    .tabs a.active {
            background:#fff;
            color:#000;
    }     
             
        
    table.report_esercizi_utente {      
        border: 1px solid white;
        width: 100%; 
        padding: 5px;
    }
    
    table.report_esercizi_utente td {      
        border: 1px solid white;
        padding: 5px;
    }
    
    
    
    #menu-container {
        margin-left: 400px;
    }
    

    .dhxcombolist_dhx_skyblue
{
   z-index:23000; /* z-index of combo-list */
}

.dhx_combo_list{
   z-index:23000; /* z-index of combo-list */
}




div#run_list::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #000;
}

div#run_list::-webkit-scrollbar-thumb {
    background: #393812;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

div#run_list::-webkit-scrollbar-corner {
    background: #000;
}

div#run_percentuali::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #000;
}

div#run_percentuali::-webkit-scrollbar-thumb {
    background: #393812;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

div#run_percentuali::-webkit-scrollbar-corner {
    background: #000;
}




p#session_cart_buttons {
    text-align: center;
    margin-top: 25px;
}

p#session_cart_buttons a {
    margin: 5px;
}


td#exProgress {
    color: #FFBE01;
    font-size: 25px;
    text-align: center;
    width: 25%;
}



table#sessioni_today  { 
    width: 600px;
}

table#sessioni_today th { 
    font-weight: bold;
    border-bottom: 1px solid black;
    padding: 15px;
    text-align: center;
}


table#sessioni_today td { 
    text-align: center;
    border-bottom: 1px solid black;
    padding: 15px;
}



table#report  { 
    /* width: 95%; */
    border: 1px solid black;
    border-collapse: collapse;
}

table#report th { 
    font-weight: bold;
    border-bottom: 1px solid black;
    padding: 5px;
    text-align: center;
    width: 30px;
}


table#report td { 
    text-align: center;
    border: 1px solid black;
    padding: 0px;
    /* height: 10px; */
    margin: 0;
    font-size: 13px;
    width: 30px;
    
}

table#report td.left { 
    text-align: left;
    border-bottom: 1px solid black;
    padding: 5px;
    font-size: 13px;
    width: 200px;
}

table#report thead th.left { 
    text-align: left;
    border-bottom: 1px solid black;
    padding: 5px;
    font-size: 13px;
    width: 200px;
}



    /*multi-day event in month view*/
   .dhx_cal_event_clear {
        color: #FFFFFF !important;
        font-size: 12px;
    }
    
    /* icona presenze */
    .dhx_menu_icon.icon_persone {
      background-image: url('/images/persone.png');  
    }

    /* icona eccezioni */
    .dhx_menu_icon.icon_eccezioni {
      background-image: url('/images/move.png');  
    }

    /* icona imprevisti */
    .dhx_menu_icon.icon_imprevisti {
      background-image: url('/images/movein.png');  
    }

    /* icona pagamento */
    .dhx_menu_icon.icon_euro {
      background-image: url('/images/euro.png');  
    }
    
    #report tr:hover {
        background-color: #DDDDDD;
    }
    
    #report td:hover {
       cursor: pointer;
    }
    
    #my_popup {
        width: 450px;
        height: 400px;
        overflow:auto;
        border: 1px solid grey;
        background-color: white;
    }

    
    #my_popup li {
        font-size: 15px;
        margin-bottom: 3px;
        list-style-type: none;
        padding-left: 10px;
    }
    
    
     #my_popup2 {
        width: 400px;
        height: 480px;
        overflow:auto;
        border: 1px solid grey;
        background-color: white;
    }

    
    #my_popup2 li {
        font-size: 15px;
        margin-bottom: 3px;
        list-style-type: none;
        padding-left: 10px;
    }
    
    #my_popup2 input {
        margin-top: 30px;
        margin-left: 180px;
    }

    #my_popup3 {
        width: 400px;
        height: 480px;
        overflow:auto;
        border: 1px solid grey;
        background-color: white;
    }

    #my_popup3 select,input {
      margin-left: 20px;
    }
    
    #my_popup3 input[type=button] {
       display: inline;
       margin-left: 10px;
    }

    #imprevisti_list {
        margin-left: 20px;
    }
    
    #imprevisti_list li {
        list-style-type: none;
        font-size: 15px;
        margin-bottom: 5px;
    }
    
    
    div.presenzaOk {
        border: 2px solid white;
        background-color: green;
        width: 8px;
        height: 8px;
        display: inline-block;
        margin-right: 5px;
    }

    div.pagatoOk {
        border: 2px solid white;
        background-color: yellow;
        width: 8px;
        height: 8px;
        display: inline-block;
        margin-right: 5px;
    }
    
    
    #my_popup4 {
        width: 300px;
        height: 300px;
        overflow:auto;
        border: 1px solid grey;
        background-color: white;
    }

    #my_popup4 select,input {
       margin-left: 20px;
    }
    
    #my_popup4 input[type=button] {
       display: inline;
       margin-left: 10px;
    }
    
    
    
    
    
div#odm_compare {

        background-color: white;
        position: absolute;
        display: none;
        width:100%;
        height: 100%;
        top: 0px;
        left:0px;     
        overflow: scroll;
        resize:both;
}


div.compare_sessione {
    width: 380px;
    height: 300px;
    float: left;
    overflow: scroll;
    border: 2px solid black;
    padding: 10px;
}

div.compare_sessione li {
    border-bottom: 1px solid grey;
}

div.compare_sessione h4 {
    font-weight: bold;
    margin-bottom: 10px;
}

div.model3d
{
    width: 400px;
    float: left;

}

div.points {
    width: 200px;
    float: left;

}

table.login_form td {
    padding: 10px;
}

.andamento-generale
{
    width: 200px;
    height: 20px;
    padding-left: 16px;
    border-radius: 14px;
}

.andamento-soggettivo
{
    float: right;
    width: 14px;
    height: 14px;
    margin-top: 2.5px;
    border-radius: 7px;
    margin-right: 7px;
}

.meglio {
    background-color: #479d3f;
}

.peggio {
    background-color: #b83e3e;
}

.uguale {
    background-color: #e0c441;
}

.sconosciuto {
    background-color: #ccc;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
{
    border-top: 0;
    border-bottom: 1px solid white;
}

.relative {
    position: relative;
}

.overlay-pp-severity
{
    position: absolute;
    left: 23px;
    top: 18px;
}

.overlay-pp-icon {
    float: left;
}

.overlay-pp-sintomo {
    float: left;
    position: relative;
    top: 9px;
    left: 11px;
}
.overlay-pm-ga
{
    width: 100%;
    height: 54px;
    padding-left: 16px;
    border-radius: 54px;
    font-size: 26px;
    line-height: 51px;
    text-align: center;
    max-width: 400px;

}

.overlay-andamento-generale-container {
    text-align: center;
}

.overlay-andamento-generale-container .andamento-generale{
    text-align: center;
    width: 100%;
    margin-top:10px;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
    max-width: 400px;
}

.bottone-rounded{
    margin-right: 6px;
    width: 330px;
    height: 54px;

    border-radius: 54px;
    font-size: 26px;
    line-height: 51px;
    text-align: center;

}
.grey {
    background-color: #ccc;
}

.grey:hover {
    background-color: #aaa;
}

.floatleft {
    float: left;
}

table#credentials input[type=text] {
    color: black;
    height: 35px;
    width: 240px;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
}

table#credentials input[type=checkbox] {
    color: black;
    height: 20px;
    width: 20px;
    padding: 5px;
    margin: 5px;
    margin-top: 10px;
    border-radius: 5px;
}

#log_utilizzo_app {
    width: 97vw;
    overflow: hidden;
    overflow-y:auto;
    position: relative;
    /*height: 70vh;*/
}

#log_utilizzo_app img.hide {
    display: none;
}

#log_utilizzo_app img.hide.show {
    display: inline;
}

#log_utilizzo_app ul li {
    float: left;
    list-style: none;

}

#log_utilizzo_app .day {
   font-size: 1em;

}

#log_utilizzo_app .esercizi {
    box-shadow: 10px 10px 5px #888888;
    width: 80vw;

    right: -200vw;
    overflow: auto;
    position: absolute;
    transition-duration: 0.4s;
    background-color: #ddd;
    border-radius: 5px;
    margin-right: 40px;
    padding: 20px;
    z-index: 1;
}

#log_utilizzo_app .esercizi.show {
    right: 0vw;
}
#log_utilizzo_app span.show {
    font-weight: bold;
    font-size: larger;
}

#log_utilizzo_app table tbody.body tr:nth-child(odd) > td:nth-child(odd){
   background-color: #fff;
}

#log_utilizzo_app table tbody.body tr:nth-child(odd) > td:nth-child(even){
   background-color: #ececec;
}


#log_utilizzo_app table tbody.body tr:nth-child(even)> td:nth-child(odd) {
    background-color: #eee;
}

#log_utilizzo_app table tbody.body tr:nth-child(even)> td:nth-child(even) {
    background-color: #dedede;
}






.arrows .right-button {
    float: right;

    margin-right: 40px;
}

.medium {
    font-size: 1.4em !important;
}
.green {
    color: #00AF00;
}

.red {
    color: #FF0000;
}

.yellow {
    color: #FFFF00;
}

.grey {
    color: #4d4d4d;
}

.icons {
    display: inline-block;
    width: 80px;
}

table#videotable {
    border: 1px solid black;
    background-color: white;
}

table#videotable td.esercizio_codice {
    width:100px;
    font-weight: bold;
}

table#videotable td.esercizio_name {
    width:20%;
}


table#videotable td.esercizio_short {
    width:10%;
}

table#videotable td.esercizio_vocal {
    width:10%;
}


table#videotable td {
    border-bottom: 1px solid black;
    padding: 5px;
    height: 200px;
}

div.videocontainer {
    display: inline-block;
    width: 260px;
    height: 200px;
    margin: 5px;
    border: 1px solid blue;
    position: relative;
}

div.videocontainer img {
    width: 260px;
}

div.uploader {
    width: 260px;
    height: 200px;
    margin: 5px;
    border: 2px dashed green;
    text-align: center;
    padding:10px;
}

td[contenteditable] {
  background-color: #eeeeee;
}

a.delete_video {
    position:absolute;
    top: 5;
    right: 0;
}

a.delete_video img {
    width: 40px;
    cursor: pointer;
}



span#add_ex {
  cursor:pointer;
}

div#ex_form {
  display: none;
  position: absolute;
  z-index: 10;
  width: 830px;
  height: 640px;
  border: 1px solid black; 
  background-color: white;
  -webkit-box-shadow: 0 0 5px rgba(40,40,1,1);
  -moz-box-shadow: 0 0 5px rgba(40,40,1,1);
  box-shadow: 0 0 5px rgba(40,40,1,1);
  flex-direction: row;
  padding: 10px;
}

div#ex_form div.col_n1 {
    width: 100%;
    height: 100vh;
}

div#ex_form div.col_n2 {
    width: 20%;
    height: 100vh;
}

div#ex_form img.close {
 position: absolute;
 right: 8px;
 top: 8px; 
 cursor: pointer;
}

div#ex_form input[type="text"] {
  width: 90%;
  margin-left: 14px;
}
div#ex_form textarea {
  width: 95%;
  height: 140px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 14px;
}
div#ex_form p {
  margin-left: 14px;
  margin-bottom: 0px;
  margin-top: 14px;
  font-size: 14px;
  font-weight: bold;
}
div#ex_form select {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 14px;
  font-size: 14px;
}

div.dblock {
 display: inline;
 float: left;
}