body {
            margin: 0;
            padding: 0;
            background-color: #fbbb32; 
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
            -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
            font-family: 'Roboto', sans-serif !important;
        }
        body#Interna  { background-color: #fff;padding: 5px; }


        h1, h2 {
            text-align: center;
            color: #fff;
            font-weight: 100;
            margin-top: 200px;
            font-size: 60px;
            font-weight: 100;
        }

        h2 {
            font-size: 40px;
            margin-top: 0px;
        }
        
		#lblMenu 
		{
			font-weight: bold;
			padding-left:25px;
			}

        #tab {
            width: 50px;
            position: fixed;
            left: 0px;
            top: 100px;
            display: block;
            cursor: pointer;
            background-color: #00A8EC;
            color: #fbbb32;
            -webkit-border-top-right-radius: 15px;
            -webkit-border-bottom-right-radius: 15px;
            -moz-border-radius-topright: 15px;
            -moz-border-radius-bottomright: 15px;
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px;
            box-shadow: 0 0 5px #000;
            font-size: 25px;
            z-index:9;
        }
        #tab2 {
            width: 50px;
            position: fixed;
            left: 0px;
            top: 177px;
            display: block;
            cursor: pointer;
            background-color: #00A8EC;
            color: #fff;
            -webkit-border-top-right-radius: 15px;
            -webkit-border-bottom-right-radius: 15px;
            -moz-border-radius-topright: 15px;
            -moz-border-radius-bottomright: 15px;
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px;
            box-shadow: 0 0 5px #000;
            font-size: 25px;
            z-index:9;
        }

        .rotate {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
            padding-left:12px;
        }

        #panel {
            position: fixed;
            left: 0px;
            top: 90px;
            background-color: #00A8EC;
            height: 250px;
            padding-bottom:20px;
            width: 0;
            -webkit-border-top-right-radius: 15px;
            -webkit-border-bottom-right-radius: 15px;
            -moz-border-radius-topright: 15px;
            -moz-border-radius-bottomright: 15px;
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px;
            box-shadow: 0 0 5px #000;
            height:auto;
            min-height:200px;
            z-index:8;
            color: #fff;
        }
.RadTreeView_Office2007, .RadTreeView_Office2007 a.rtIn, .RadTreeView_Office2007 .rtEdit .rtIn input {color:#fff !important}
.RadTreeView_Office2007 .rtSelected .rtIn {background-image:none !important; background-color:#00A8EC !important; border: none !important; color: #000 !important}
 .RadTreeView_Office2007 a.rtIn:hover {color:Black !important; background-image:none !important; background-color:#00A8EC !important; border: none !important; }
 
 div.delModal {
            position:absolute;
            border:solid 1px black;
            padding:8px;
            background-color:#fbbb32;
            width:230px;
            height:200px;
            right:15px;
            z-index:9;
            text-align:right;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
            box-shadow: 0 0 5px #000;
        }
 
 
 
        #panel .content {
            width: auto;
            padding-right:20px;
            margin-left: 50px;
            margin-top:20px;
            display: none;
        }
        
#wcTile1_lblMenu, #wcTile2_lblMenu,#wcTile3_lblMenu,#wcTile4_lblMenu,#wcTile5_lblMenu,#wcTile6_lblMenu,#wcTile7_lblMenu, #wcTile8_lblMenu, #wcTile9_lblMenu, #wcTile10_lblMenu {top:20px; text-align:right; width:90%; }
#pTile {margin:auto; width:480px;}
#wcTile1_pTile, #wcTile2_pTile, #wcTile3_pTile, #wcTile4_pTile, #wcTile5_pTile, #wcTile6_pTile, #wcTile7_pTile, #wcTile8_pTile , #wcTile9_pTile, #wcTile10_pTile { float: left; position: relative; margin: 0.5em; padding: 0.5em; background: #555; width: 15em; height: 12em; text-decoration: none; cursor: pointer; overflow: hidden; color: #fff; background: #00a8ec; z-index: 9; }
#wcTile1_pTile:hover, #wcTile2_pTile:hover, #wcTile3_pTile:hover, #wcTile4_pTile:hover, #wcTile5_pTile:hover, #wcTile6_pTile:hover, #wcTile7_pTile:hover, #wcTile8_pTile:hover, #wcTile9_pTile:hover, #wcTile10_pTile:hover { opacity: 0.85; filter: alpha(opacity=25); }
#wcTile1_pTile span, #wcTile2_pTile span, #wcTile3_pTile span, #wcTile4_pTile span, #wcTile5_pTile span, #wcTile6_pTile span, #wcTile7_pTile span, #wcTile8_pTile span, #wcTile9_pTile span, #wcTile10_pTile span { position: absolute; left: 0.5em; bottom: 0.5em; font-size: 1em; font-weight: bold; z-index: 8; }
#wcTile1_pTile img.icon, #wcTile2_pTile  img.icon, #wcTile3_pTile  img.icon, #wcTile4_pTile  img.icon, #wcTile5_pTile  img.icon, #wcTile6_pTile  img.icon, #wcTile7_pTile  img.icon, #wcTile8_pTile  img.icon, #wcTile9_pTile  img.icon, #wcTile10_pTile  img.icon{ position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; z-index: 7; }
#wcTile1_pTile img.big, #wcTile2_pTile img.big, #wcTile3_pTile img.big, #wcTile4_pTile img.big, #wcTile5_pTile img.big, #wcTile6_pTile img.big, #wcTile7_pTile img.big, #wcTile8_pTile img.big , #wcTile9_pTile img.big , #wcTile10_pTile img.big { margin-left: -64px; margin-top: -64px; }
#wcTile1_pTile img.cover, #wcTile2_pTile img.cover, #wcTile3_pTile img.cover, #wcTile4_pTile img.cover, #wcTile5_pTile img.cover, #wcTile6_pTile img.cover, #wcTile7_pTile img.cover, #wcTile8_pTile img.cover, #wcTile9_pTile img.cover, #wcTile10_pTile img.cover  { position: absolute; left: 0; top: 0; width: 100%; z-index: 6; }
#wcTile3_pTile {top:-14em;}
.width2 { width: 32em !important;  }
.width3 { width: 49em !important; }
.width4 { width: 66em !important; }
.height2 { height: 26em !important;}
.height3 { height: 28em !important; }
.height4 { height: 38em !important; }

#imHTMLObject_2{
height:auto !important;
min-height:550px;
    width: 100%;

    -webkit-border-radius: 15px;
    -moz-border-radius-: 15px;
     border-radius: 15px;
     background-color: #fff;}
     
div.delModal {
            position:absolute;
            border:solid 1px black;
            padding:8px;
            background-color:#fbbb32;
            width:180px;
            height:265px;
            right:15px;
            z-index:9;
            text-align:right;
        }

#form-main{
	width:100%;
	float:left;
	padding-top:0px;
    margin-bottom:10px;
}

#form-div {
	background-color:rgba(72,72,72,0.4);
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	padding-bottom:30px;
	width: 400px;
	margin:auto;
	-moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.feedback-input {
	color:#3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
	font-size: 18px;
	border-radius: 0;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 54px;
	margin-bottom: 10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  border: 3px solid rgba(0,0,0,0);
}

.feedback-input:focus{
	background: #fff;
	box-shadow: 0;
	border: 3px solid #3498db;
	color: #3498db;
	outline: none;
  padding: 13px 13px 13px 54px;
}

.focused{
	color:#30aed6;
	border:#30aed6 solid 3px;
}


/* FORM delle pagine al singolare ---------------------------------- */
.Singolare label, #lblSaldo {
    width:150px;
    margin-top: 3px;
    display:inline-block;
    float:left;
    padding:3px;
}
.Singolare input {
    height:15px; 
    width:220px; 
    padding:5px 8px;
}

.Multi { height:auto !important;
    min-height:80px; }
.Multi input {
   height:15px;
     width:auto; 
    padding:5px 8px;
}
.rlbGroupRight {border: 1px solid #aaa !important;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset !important;
    border-radius: 2px !important;
    padding: 5px 8px !important;}
.center input{text-align:center !important}

.Combo_Singolare {
    height:15px; 
    width:220px; 
    padding:5px 0px;
}

#bitAbilitato_0, #bitAbilitato_1, #bitAbilitatoCalcolo_0, #bitAbilitatoCalcolo_1
{
	width:60px !important;
	box-shadow: none !imprtant;
}

#bitAbilitato_0, #bitAbilitato_1, .Radio_Singolare label, #bitAbilitatoCalcolo_0, #bitAbilitatoCalcolo_1
{
	width:20px !important;
	box-shadow: 0px 0px 0px #fff, 0 0 0 #fff inset !important;
}

#bitOffset_0, #bitOffset_1, #bitOffset_0, #bitOffset_1, #bitLimiteTurniIdenticiConsecutivi_0, #bitLimiteTurniIdenticiConsecutivi_1, #bitLimiteTurniIdenticiSettimanali_0, #bitLimiteTurniIdenticiSettimanali_1, #bitLimiteSabatiConsecutivi_0, #bitLimiteSabatiConsecutivi_1, #bitLimiteDomenicheConsecutive_0, #bitLimiteDomenicheConsecutive_1
{
	width:60px !important;
	box-shadow: none !important;
}

.Singolare textarea {padding:8px; width:300px;}
.Singolare button {margin-left:156px;}
.Singolare input, .Singolare textarea { 
    border:1px solid #aaa !important;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset !important;
    border-radius:2px !important;
    padding:5px 8px !important;
}
#lngFKIDSede, #intTipoContratto, #TurniCompensazione, #BancaTurni, #lngFKIDContratto {margin-left:-2px; height:22px;margin-top:-5px;}
.Singolare input:focus, .Singolare textarea:focus {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
}
.Singolare ul {
    width:100%;
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
}
.Singolare li{
    padding:4px; 
    border-bottom:1px solid #eee;
    position:relative;
}
.RadComboBox_Default .rcbInputCellLeft, .RadComboBox_Default .rcbInputCellRight, .RadComboBox_Default .rcbArrowCellLeft, .RadComboBox_Default .rcbArrowCellRight {background-image:none !important}
.RadComboBox table td.rcbInputCell, .RadComboBox .rcbInputCell .rcbInput {padding-left: 2 !important;}

#rcTable {width:220px !important}
/* Icons ---------------------------------- */
#strUsername{
	background-image: url(../Images/user.png);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#strUsername:focus{
	background-image: url(../Images/user.png);
	background-size: 30px 30px;
	background-position: 8px 5px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#strPassword, #strPassword1,  #strPassword2{
	background-image: url(../Images/key.png);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#strPassword:focus{
	background-image: url(../Images/key.png);
	background-size: 30px 30px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}


textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background-color:white;
}

#btnAccedi{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 100%;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #00A8EC;
	color:white;
	font-size:24px;
	padding-top:12px;
	padding-bottom:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}

#btnAccedi:hover{
	background-color: rgba(0,0,0,0);
	color: #0493bd;
}

.button-piccolo{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 80px;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #00A8EC;
	color:white;
	font-size:12px;
	padding:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:4px;
}

.button-piccolo:hover{
	background-color: #fbbb32;
	color: #0493bd;
}

.button-popup{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 80px;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #00A8EC  !important;
	color:white;
	font-size:12px;
	padding:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:4px;
}

.button-popup:hover, .btnIndietro:hover, .btnAvanti:hover, .button-popup:active{
	background-color: #fbbb32 !important;
	color: #0493bd;
}

.button-active{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 80px;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #fbbb32;
	color:white;
	font-size:12px;
	padding:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:4px;
}
.button-active:hover{
	background-color: #4FB007;
	color: #fff;
}

.button-popup-anomalie{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 80px;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #00A8EC  !important;
	color:white;
	font-size:12px;
	padding:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:4px;
    text-decoration:underline;
}

.button-popup-anomalie:hover, .button-popup-anomalie:active{
	background-color: #fbbb32 !important;
	color: #0493bd;
    text-decoration:underline;
}
	
.button-active-anomalie{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 80px;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #fbbb32;
	color:white;
	font-size:12px;
	padding:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:4px;
    text-decoration:underline;
}
.button-active-anomalie:hover{
	background-color: #4FB007;
	color: #fff;
    text-decoration:underline;
}

.submit:hover {
	color: #3498db;
}
	
.ease {
	width: 0px;
	height: 55px;
	background-color: #fbfbfb;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.submit:hover .ease{
  width:100%;
  background-color:white;
}



.RadGrid_Windows7, .RadGrid_Windows7 .rgMasterTable, .RadGrid_Windows7 .rgDetailTable, .RadGrid_Windows7 .rgGroupPanel table, .RadGrid_Windows7 .rgCommandRow table, .RadGrid_Windows7 .rgEditForm table, .RadGrid_Windows7 .rgPager table, .GridToolTip_Windows7, .RadComboBox_Default, .RadComboBox_Default .rcbInput, .RadComboBoxDropDown_Default { font-weight:bold !important; font: 12px/13px "Helvetica",arial,sans-serif !important;}

.RadComboBox_Windows7, .RadComboBox_Windows7 .rcbInput, .RadComboBoxDropDown_Windows7 {font:14px 'Roboto', sans-serif !important}

 .slider_right {width:170px; float:left}
 .slider_left{min-width:870px; float:left; }
 .slider_left_down {width:900px; float:left; margin-top:8px}
 .vuoto {height:13px; border-bottom:1px solid #ddd; width:100%; clear:both; margin-bottom:13px}

 table.orari { font-size:10px;table-layout: fixed; width:964px }
 .orari td {width:17px; border-left:1px solid #ddd; text-align:center}
 .orariGrande {width:250px !important}

.orariB  {  
  text-align:center !important;
  cursor: pointer;
  color: buttontext;
  width:18px;
  font-size:11px;
  padding-left:2px;
  padding-right:2px;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-color: buttonface;
  box-sizing: border-box;}
  
  
  fieldset {display:inline;border:1px solid #ddd}
  .fieldset_over {background-color:White;}
  .fieldset_over:hover {background-color:#fbbb32; opacity: 0.95; filter: alpha(opacity=35); cursor:pointer}
  
  .fieldset_over a,   .fieldset_over a:hover {color:Black;}
  
  .RadGrid_Windows7 .rgHeader {padding-left:2px !important; padding-right:2px !important; font-size:11px !important}
  .rgHeader a {font-size:11px !important}
  #wcCalendario1Panel {max-width:1750; }
  
  
  .btnIndietro 
  {
  	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 90px;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #00A8EC;
	color:white;
	font-size:12px;
	padding:12px;
	padding-left:30px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:4px;
	background-image:url(../images/left.png);
	background-repeat:no-repeat;
	background-position:left;
	}
	 .btnAvanti, #btnAvvia, #btnEsclusioni, #btnAssenze, #btnPresenze, #btnDistribuzioni, #btnTurni
  {
  	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:right;
	width: 90px;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #00A8EC;
	color:white;
	font-size:12px;
	padding:12px;
	padding-right:30px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:4px;
	background-image:url(../images/right.png);
	background-repeat:no-repeat;
	background-position:right;
	}

     	 #btnProcedi
  {
  	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:right;
	width: 90px;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #4B986C !important;
	color:white;
	font-size:12px;
	padding:12px;
	padding-right:30px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:4px;
	background-image:url(../images/right.png);
	background-repeat:no-repeat;
	background-position:right;
	}
	
	.cont_bottoni {height:60px;  margin-top:10px}
	
	.avvio {height:50px; padding-top:10px; float:left; clear:both}
	.avvio span {height:25px;padding-bottom:15px; margin-left:50px;}
	
	
	#UpdatePanel1 img {margin-left:10px; float:left}
	#btnAvvia, #btnEsclusioni, #btnAssenze, #btnPresenze, #btnDistribuzioni, #btnTurni
	{
		background-image:none !important;
		clear:both;
		width:530px;
		float:left;
		 }
    #btnProcedi
	{
		background-image:none !important;
		clear:both;
		width:530px;
		float:left;
		 }
#pPP {height:100px;}
	#btnVisualizza {width:170px !important;  }
	
	
	
	.layoutFieldset, .groupFieldset {border:0; margin:0; padding:0;}

 #Utente {  padding: 0 2em;
		  -webkit-font-smoothing: antialiased;
		  text-rendering: optimizeLegibility;
		  color: #444;
		  text-align:center;
  }




.rwd-table {
  width:500px;
}
.rwd-table {
  margin: 1em 0;
}
.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.rwd-table th {
  display: none;
}
.rwd-table td {
  display: block;
}
.rwd-table td:first-child {
  padding-top: .5em;
}
.rwd-table td:last-child {
  padding-bottom: .5em;
}

.rwd-table th, .rwd-table td {
  text-align: left;
  display: table-cell;
}

h1 {
  font-weight: normal;
  letter-spacing: -1px;
  color: #34495E;
}

.rwd-table {
  background: #34495E;
  color: #fff;
  border-radius: .4em;
  overflow: hidden;
}
.rwd-table tr {
  border-color: #46627f;
}
.rwd-table th, .rwd-table td {
  margin: .5em 1em;
}
  .rwd-table th, .rwd-table td {
    padding: 1em !important;
  }
.rwd-table th, .rwd-table td:before {
  color: #dd5;}

#RAD_SPLITTER_PANE_CONTENT_wcCalendario1_MiddlePane {height:auto !important}
.richieste {font-family:Helvetica; }
.picc {width:60px !important; padding:2px; }
.picc2 {width:60px !important; padding:4px; }
.picc3 {clear:both; float:none; width:100px; padding:6px;}
.picc4 {clear:both;  width:100px; padding:6px;}

.rspSlideContent {padding-left:5px}
#RadCalendar1_wrapper {margin:auto; width:220px}

#btnSalvaSaldoPanel, #btnSalvaSaldo {width:24px; float:right; padding:1px !important;}
.ClsTotOre {width:40px !important;}
#pAll {height:500px; overflow:auto}

input#bitForzaCopertura, #bitForzaCopertura {box-shadow:none !important; width:30px !important}

.rhOrario {
-webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    font-weight: normal;
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 11px !important;
    color:#fff;
}
.Orario {
width:15px !important;
}
th.rgHeader {
    height: 35px !important;
}

.RadScheduler .rsHeader h2 {
color:#000 !important}