@font-face {
    font-family: 'Century Gothic';
    src: url("/Fonts/Century-Gothic.ttf") format("truetype");
}

body {

}



.DetailClass .rgCaption 
   { 
      color:   #000000  ; 
      background-color:  #b4c8d9; 
      font-size:12px;      
      font-family: 'Century Gothic', arial, verdana;
      letter-spacing: 1.2px;
     
   } 
.ComboBoxStyle
{
    border-style:none;
    font-family: 'Century Gothic', arial, verdana;
    font-size:10px;
    width:60px; 
}


.imgbtn[disabled]
{

opacity: 0.2;    
-moz-opacity: 0.20;
filter:alpha(Opacity=20);
background-color: #fff;
cursor: default;

}


.imgbtn:hover
{

opacity: 0.2;    
-moz-opacity: 0.20;
filter:alpha(Opacity=20);

}



div.RadComboBox .rcbInputCell,
div.RadComboBox .rcbInput,
div.RadComboBox .rcbArrowCell,
div.RadComboBox .rcbArrowCell a,
div.RadComboBox .rcbFocused
{
   
	height: 22px;
    font-size:12px;
    font-family:'Century Gothic', arial, verdana;
    border-color:rgb(221, 221, 221);
    border-radius:0 0;

    
}
    div.RadComboBox .rcbFocused .rcbInputCell,
    div.RadComboBox .rcbFocused .rcbArrowCell {
        box-shadow: none;
        
    }
.rcbItem
    {
        font-family: 'Century Gothic', arial, verdana !important;
        font-size:12px;
        color:#336699;
    }
.rcbHovered {
    font-family: 'Century Gothic', arial, verdana !important;
    font-size: 12px;
    color: #000;
    border: 0;
    border-radius: 0 0;
}


.rcbLabel
 {
      font: 13px "Century Gothic"  !important;
      color: #5DA8C2 !important;
   }

div.RadPanelBar_Bootstrap .rpRootGroup .rpLink,
div.RadPanelBar_Bootstrap .rpRootGroup .rpLink:visited,
div.RadPanelBar_Bootstrap .rpRootGroup .rpLink:focus
{	

font-family: 'Century Gothic', arial, verdana;	
color: rgb(0, 0, 0);	
background-color: #dce6f4 ;
font-size: 14px;
box-shadow:none;
border:none;
}

div.RadPanelBar_Bootstrap .rpRootGroup .rpLink:hover
{	
font-family: 'Century Gothic', arial, verdana;	
color: rgb(0, 0, 0);	
background-color:  ghostwhite;
font-size: 14px;
border-color:  #dce6f4;
box-shadow:none;
border:none;
}

div.RadTabStrip .rtsIn,
div.RadTabStrip .rtsLink
{
font-size: 12px;
font-family: Century Gothic;	
color: navy;
}

div.RadAjax .raDiv 
{
	background-image: url('../images/Bootstrap.gif');
}
.RadAjax .raTransp
{
    opacity:.7;
    filter:alpha(opacity=70)

}

.RadInput input.riTextBox
{
	padding-top: 2px !important;
	font-size: 13px !important;
	font-family: Century gothic !important;
    color:#000;
	line-height: 20px;
	height: 28px !important;
    border-radius:0 !important ;
}

.RadInput input.riTextBox:focus
{
	background-color:#EEFFFF;
}

.RadInput textarea.riTextBox 
{
	padding-top: 2px !important;
	font-size: 13px !important;
	font-family: Century gothic !important;
    color:#000;
	line-height: 20px;
	border-radius:0 !important ;
}

.RadInput textarea.riTextBox:focus
{
	background-color:#EEFFFF;
}



.riLabel
   {
      font: 13px "Century Gothic"  !important;
      color: #5DA8C2 !important;
   }

div.RadToolBar,
div.RadToolBar .rtbOuter,
div.RadToolBar .rtbMiddle,
div.RadToolBar .rtbInner
{ 
    padding: 2px 2px 2px 2px; /* rounded corner radius */ 
    margin: 0;
}

div.RadToolBar .rtbWrap
{
font-family: Century Gothic;	

}

.RadToolBar .rtbItemHovered .rtbWrap,
.RadToolBar .rtbItem .rtbWrap:hover { 
    
    border-radius:0 0;
    
}

.RadToolBar .rtbWrap,
.RadToolBar .rtbItem .rtbWrap{ 
    
    border-radius:0 0;
    
}

.RadToolBarDropDown .rtbGroup 
{ 
    font-family: Century Gothic;	
} 
.RadToolBarDropDown .rtbGroup .rtbItem 
{ 
    font-family: Century Gothic;	
}

div.RadWindow .rwTitleRow .rwTitlebar,
div.RadWindow .rwTitleRow .rwCorner
{
line-height: 24px;	
font-family: Century Gothic;	
color: rgb(0, 0, 0);	
background-color:  #b4c8d9;
font-size: 14px;
box-shadow:none;
border: none;
border-color :  #b4c8d9;
}
div.RadWindow .rwTitleRow .rwTopLeft,
div.RadWindow .rwTitleRow .rwTopRight,
div.RadWindow .rwTitleRow .rwBottomLeft,
div.RadWindow .rwTitleRow .rwBottomRight
{
border-radius:0 0 0;
border-color: #b4c8d9; 
}

 div.RadMenu .rmItem .rmLink {

	padding-top: 5px;

	padding-bottom: 5px;

	font-family: Century gothic;

	background-color: rgb(255, 255, 255);

}

 div.RadMenu .rmItem .rmLink .rmText {

	background-color: rgb(255, 255, 255);

}

 div.RadMenu .rmItem .rmLink:hover {

	background-color: rgb(221, 221, 221);

}

 div.RadMenu .rmItem .rmLink:hover .rmText {

	background-color: rgb(221, 221, 221);

}

 div.RadMenu .rmGroup .rmItem .rmLink:hover {

	color: rgb(102, 153, 204);

	background-color: rgb(255, 255, 255);

}

 div.RadMenu .rmGroup .rmItem .rmLink:hover .rmText {

	background-color: rgb(255, 255, 255);

}

.RadMenu_Bootstrap .rmGroup .rmSeparator {
    border-top: 1px solid #dee2e6; /* colore simile al divider di Bootstrap */
    margin: 0.25rem 0; /* spaziatura sopra e sotto */
    height: 0;
}


.normalcell
{
    font-family: Century Gothic;
    font-size: 11px;
    color:  midnightblue ;
    
}

.specialcell
{
    font-family: Century Gothic;
    font-size: 11px;
    color: #ff6600 ;
}    
.specialcell2
{
    font-family: Century Gothic;
    font-size: 10.5px;
    color: #0094ff;
}    
.label
{
    font-family: Century Gothic;
    font-size: 12px;
    color: #5DA8C2 !important;
    
}
.labelTitle
{
    font-family: Century Gothic;
    font-size: 20px;
    color: #FFFFFF !important;
    
}

.labeloff
{
    font-family: Century Gothic;
    font-size: 12px;
    color: #FF6600 !important;
    
}

.tooltip {
	position: relative;
	text-decoration: none;
	color: blue;
}

.tooltip span {
	display: none;
}

.tooltip:hover span {
	position: absolute;
	top: 40px;
	left: 0px;
	display: block;
	width: 250px;
	color: black;
	background-color: #FFFF40;
	border: 1px solid black;
	padding: 5px;
}



.val
{
    font-family: Century Gothic;
    font-size: 12px;
    color: #000 !important;
    
}

.valWhite
{
    font-family: Century Gothic;
    font-size: 14px;
    color: #fff !important;
    
}

.specialval
{
    font-family: Century Gothic;
    font-size: 14px !important;
    color: #FF6600 !important;
    
}
.subTitle
{
    font-family: Century Gothic;
    font-size: 20px !important;
    color: #FF6600 !important;
    font-weight: bold;
    letter-spacing: 3px;
}


.RadGrid, 
.RadGrid .rgMasterTable ,   
.RadGrid .rgHeader,
.RadGrid .rgHeader a,
.RadGrid .rgDetailTable,  
.RadGrid .rgGroupPanel table,  
.RadGrid .rgCommandRow table,  
.RadGrid .rgEditForm table,  
.RadGrid .rgPager div,
.RadGrid .GridToolTip

{
    font-family: Century Gothic !important ;
    font-size: 12px !important;
    color: #5DA8C2 !important;
    
}

.RadGrid .rgSelectedRow td
{
   background-color: aliceblue  !important ;
}



.RadGrid .rgPager a
{
    font-family: Century Gothic !important ;
    font-size: 14px !important;
    color: #c0c0c0 !important;
}

.RadGrid_Material .rgEditRow {
    background-color: lightyellow !important;
    
}
.RadGrid_Material .rgEditRow input[type="text"],
.RadGrid_Material .rgEditForm input[type="text"] {
    background-color: #fff !important;
    
}


.checkbox /*da eliminare*/
{
    font-family: arial;
    font-size: 10px;
    color: #586481;
    background-color: #ffffff;
    
}


.labelalert
{
    font-family: 'Century Gothic', arial, verdana;
    font-size: 13px;
    color: red;
    
}

.radinputfocusedstyle
{
    
    background-color: #CCFFFF;
    
    
}

div.RadNotification_Bootstrap
{
    font-family: 'Century Gothic', arial, verdana !important;
    font-size: 16px;
    background-color : #b4c8d9 !important;
    color:#fff;
}
div.RadNotification_Office2010Black
{
    font-family: 'Century Gothic', arial, verdana !important;
    font-size: 14px;
    background-color : rgb(102, 153, 204) !important;
    color:#fff;
}
.RadNotification_Material .rnTitleBar {
    background-color:  lightsteelblue !important; /* blu Material */
    color: white !important; 
}
.validationmessage
{
    font-family: 'Century Gothic', arial, verdana !important;
    font-size: 12px;
    color: #FF6600 !important;
    
}


.linkbutton
{
    font-family: 'Century Gothic', arial, verdana;
    font-size: 10px;
    border-style: none;
    text-decoration: none;
    color: #336699;
}

.button
{
    background-color : #ffffff;
    border-color: #336699 ;
    border-style: Solid;
    border-width: 1px;
    font-family: Arial;
    color: #336699;
}

.button:hover
{
    background-color : #ffffff;
    border-color: #336699 ;
    border-style: Solid;
    border-width: 1px;
    font-family: Arial;
    color: #336699;
    cursor:pointer ;    
}
.button:active
{
    background-color : #ffffff;
    border-color: #336699 ;
    border-style: Solid;
    border-width: 1px;
    font-family: Arial;
    color: black;
}

.button:disabled
{
    background-color : #ffffff;
    border-color: #336699 ;
    border-style: Solid;
    border-width: 1px;
    font-family: Arial;
    color: #c0c0c0;
    cursor: default;
}


.radalert 
{ 
    background:none !important; 
} 

div.RadDataPager div.rdpWrap 
{
    float:none;
    width:280px;
    margin:0 auto;
}

 
.demo-container .RadScheduler .appointmentHeader {
    padding-bottom: 3px;
    border-bottom: 1px solid #777;

}

    .RadScheduler .rsMonthView .rsWrap,
    .RadScheduler .rsMonthView .rsApt,
    .RadScheduler .rsMonthView .rsAptOut,
    .RadScheduler .rsMonthView .rsAptIn,
    .RadScheduler .rsMonthView .rsAptMid,
    .RadScheduler .rsMonthView .rsAptContent
    {
            position: static !important;
            height: auto !important;
    }
    .RadScheduler .rsMonthView .rsWrap
    {
            overflow: hidden;
            font-size: 0;
            line-height: 0;
    }
    .RadScheduler .rsMonthView .rsLastWrap 
    {
            height: 16px !important;
    }
    
  
    .RadScheduler .rsMonthView .rsAptContent
    {
            position: relative !important;
            border-top: 0;
            border-bottom: 0;
            left: 0;
            top: 0;
    }
    * html .RadScheduler .rsMonthView .rsAptIn
    {
            border-width: 0 1px;
            top: 0;
        margin-left: -1px;
        margin-right: -1px;
    }
    * html .RadScheduler .rsMonthView .rsAptMid
    {
            top: 0;
            left: 1px;
            margin: 0 1px;
            border-width: 1px 0;
    }
    dropdownposition {
        position:center;
    }