﻿/*
SKIN METRO

colore blu di tab e menu: #25A0DA sostituito con: #3E78B3
colore hovering grid row: #A5D7EF sostituito con: #C6D9EC
colore sfondo cella label del form: class formFieldLabel, aliceblue sostituito con #E7EEF8

aggiunta sezione per personalizzazione degli stili dei controlli Telerik
aggiunta sezione in fondo con stili specifici per la skin MetroTouch

aggiunte classi per lightweight rendering

*/


body 
{
    font-family:Verdana,arial;
    font-size:10px;
}


.smallText
{
    font: 10px verdana,sans-serif;
}

.labelAssistito
{
    font: 10px verdana,sans-serif;
    font-variant:small-caps;
}

.CustomPagerHolder
            {
                /*float:left;*/
            } 




 
 .errorPanel
 {
     margin-top:100px; 
     margin-left: 100px; 
     width: 70%; 
     height: 150px; 
     background-color:#E9F2FB;
     /*border: ouset 10px silver;*/
     text-align:center;
     font-size:11px;
    font-weight:bold;
     }
 
 TABLE.stileBordo 
 {
     border-width:thin;
     border-style:solid;
     border-color: #BFE1FF;
 }
 
  
 
 .stileLabel 
 {
     background-color:#E9F2FB;
 
     
 }
 
 .formtitle
{
                border-right: slategray 1px;
                border-top: silver 0px;
                font-weight: bold;
                font-size: 12px;
                border-left: silver 0px;
                color: #000066;
                border-bottom: silver 1px;
                font-family: Verdana;
                background-color:#DBE7F2; /*#E7EFFA;*/
                padding-left:5px;
                line-height:20px;
}


.formtitle TD
{
    padding-left:10px;
}


/*stile di sezioni presenti nei form: anagrafica paziente, farmaco.*/
 .formsubtitle
{
                border-right: 1px solid silver;
                border-top: 1px solid silver;
                font-weight: bold;               
                border-left: 1px solid silver;
				 font-size: 11px;
                color: #000066;
                border-bottom: 1px solid silver;
                font-family: Verdana;
                background-color: #E8E8E8;/*#DBE7F2;*/
                padding-left:10px;
                line-height:18px;
}


.formFieldLabel
{
                font-weight: normal;
                color: #000066;
                vertical-align: top;
                height:20px;
                background-color: #E7EEF8;
                text-decoration: none;
                white-space: nowrap;
                width:200px;
               
}

.formFieldValue
{
                font-weight: normal;
                color: #000066;
                text-decoration: none;
                border-color: #000066;
                border-width: 1;               
                vertical-align: top ;
                
               
}



IMG.img_hand { CURSOR: hand }

.formTextField
{
	border-right: #ABC1DE 1px solid;
	border-top: #ABC1DE 1px solid;
	font-size: 10px;
	border-left: #ABC1DE 1px solid;
	color: #000000;
	border-bottom: #ABC1DE 1px solid;
	/*font-family: Verdana;*/
	/*background-color: transparent;*/
	width:200px;
	height:16px;
}



/*stile nodo selezionato*/
DIV.rtSelected .rtIn
{
   color:Black !important; 
   background-color: transparent;
}

/*stile expand e collapse del nodo*/
 .rtPlus, 
 .rtMinus
{
	background-image: url('TreeView/PlusMinus.png') !important;
}


INPUT[type="text"], 
INPUT[type="password"]
{
	border-right: #B8CBDE 1px solid;
	border-top: #B8CBDE 1px solid;
	/*font-family: Verdana;	*/
	font: normal 11px Verdana;
	color: #000000;
	border-left: #B8CBDE 1px solid;
	border-bottom: #B8CBDE 1px solid;	
	/*width:400px;*/
	height:18px;
	line-height: 18px;
}

/*
.rspLoading {
 
    background-image: url("/Web/images/loading.png") !important;
 
}*/


/*stile per input del filtro nelle grid*/





/*stile per input radcalendar (impostato per filtro nelle grid)*/
.rcInputCell INPUT

{
   
	/*padding:0 !important;*/
	border:1px solid #abc1de;
	padding: 2px 1px 3px !important;
	/*
border-right: #B8CBDE 1px solid;
	border-top: #B8CBDE 1px solid;
    border-left: #B8CBDE 1px solid;
	border-bottom: #B8CBDE 1px solid;	
    */	
	font:  11px "segoe ui",arial,sans-serif !important;
	color: #000 !important;
	vertical-align: middle!important;
	width:60px !important;
	height: 18px !important;
	line-height: 18px !important;
}

INPUT.rgFilterBox,
INPUT.riTextBox
{
	border:1px solid #abc1de;
	padding: 2px 1px 3px !important;
	font: 11px "segoe ui",arial,sans-serif !important;
	color: #000 !important;
	vertical-align: middle;
	height:18px !important;
	line-height: 18px !important;
}

.imageButton
{
    cursor:hand;
}


.formFilterField
{
	
	font: normal 11px Verdana;	
	font-weight: normal;
    color: #000066;	
}

/*TEST*/

/* Allows radComboBox dropdowns to expand horizontally
    rather than use a scrollbar */
 /*
.rcbSlide {
     width: 400px; 
}
 
  
.rcbScroll .rcbWidth {
 
    min-width: 150px;
 
    width: auto;
 
}
   
.RadComboBoxDropDown {
 
    width: auto !important;
 
}
   
.rcbList {
 

    position: relative;
 
    width: auto;
 
}*/

/*TEST*/




/*TELERIK CONTROLS*/

/*TABSTRIP*/

.multiPage
{
    margin: 0 14px;
}

.tabStrip
{
    margin: 0 15px 0 14px !important;
}

.tabStrip .rtsLevel1
{
    padding:0 !important;
	background-color: #3E78B3 !important;
}

.rtsLevel1 .rtsUL {
  background-color: #3E78B3 !important; 
  }

.rtsLevel1 .rtsLink {
  color: #ffffff;
  border: 1px solid #3E78B3 !important; }

  .rtsLevel1 .rtsLink:hover {	
	color: #DBE7F2 !important;
    border-color: #3E78B3 !important; }


 .rtsLevel1 .rtsSelected {  
  color: #00156E !important;
 }

.rtsLevel1 .rtsSelected:hover {
  color: #3E78B3 !important; }



/*MENU*/

/*lightweight rendering*/
.rmRootGroup .rmItem {
    border-color: #3E78B3 !important; }


ul.rmRootGroup {
    padding: 1px;	 
    background-color: #3E78B3 !important; }


.rmRootLink:hover,
.rmFocused,
.rmFocused:hover {
    border-color: #ffffff !important; 
	 color: #DBE7F2 !important;}

.rmSelected,
.rmSelected:hover,
.rmExpanded,
.rmExpanded:hover {
    border-color: #ffffff !important; 
	color: #ffffff !important;	
	}


.rmGroup .rmLink:hover, .rmGroup .rmLink.rmFocused, .rmGroup .rmLink.rmExpanded  {
     border-color: #ffffff !important;
      color: black !important;
      background-color: #DBE7F2 !important;}


/*sub item selected*/
.rmGroup .rmLink.rmSelected {
    border-color: #DBE7F2 !important;
    color: black !important;
    background-color: #DBE7F2 !important; }




/*TREEVIEW*/

/*effetto hover sul nodo dell'albero*/
.rtHover .rtIn
{
    background-image:none !important;
    cursor:hand;

	
}




/*GRID*/

/*
.rgRow TD,
.rgAltRow TD
{
    border:1px solid;
	border-top:0;
	border-right:0;
	padding-top:4px;
	padding-bottom:3px;	
}
*/

.rgHeader {
  color: #00156E !important; } /*#31608E*/
.rgHeader a {
    color: #00156E !important; }

.rgAltRow TD
{
    background-color: #EFF4FC;/*#E7EFFA;*/
    color:#000;
}

.rgHoveredRow TD {
  background:#C6D9EC; /*#B6CEE7;*//*#e5e5e5*/ }

 .rgSelectedRow TD {
  color: #000;
  background: #C6D9EC; }


/*sfondo cella della header su cui viene effettuato l'ordinamento*/
  th.rgSorted {
  background-color: #e5e5e5 !important; }


 .rgNumPart a.rgCurrentPage {
    border-color: #3E78B3 !important;
    background: transparent; }

 .rgNumPart a.rgCurrentPage:hover {
      border-color: #3E78B3 !important;
      background: transparent; }

	

/*WINDOW*/


/*lightweight rendering*/
 .rwTitleBar {
    background-color: #3E78B3 !important; }

.rwDialogButtons input:active {
    background-color: #3E78B3 !important;
    border-color: #3E78B3 !important;
    color: white; }
/*lightweight rendering*/

 .rwTopLeft,
 .rwTopRight,
 .rwTitlebar,
 .rwTopResize {
    background: #3E78B3 !important; }


.rwTopResize {
    background: #3E78B3 !important; }

.rwControlButtons a {
    background-color: #3E78B3 !important; 
    border: 1px solid #3E78B3 !important; }


/*TOOLTIP*/
/*background: grigio chiaro (#e5e5e5) o azzurrino (#d7e3f2)*/

 .rtCallout {   
    background-image: none !important;
   }

  .rtWrapper .rtWrapperTopCenter,
  .rtWrapper .rtWrapperBottomCenter,
  .rtWrapper .rtWrapperTopLeft,
  .rtWrapper .rtWrapperTopRight,
  .rtWrapper .rtWrapperBottomLeft,
  .rtWrapper .rtWrapperBottomRight,
  .rtWrapper .rtWrapperTopCenter,
  .rtWrapper .rtWrapperBottomCenter,
  .rtWrapper .rtWrapperLeftMiddle,
  .rtWrapper .rtWrapperRightMiddle {
    background-color: #d7e3f2 !important;  }

 .rtWrapper .rtWrapperContent {   
    background-color: #d7e3f2 !important;   
    color: black !important; }


  .rtWrapper .rtWrapperBottomCenter,
  .rtWrapper .rtWrapperBottomRight,
  .rtWrapper .rtWrapperBottomLeft 
  {
     border: 1px solid #d7e3f2 !important; }

  .rtWrapper .rtWrapperBottomRight,
  .rtWrapper .rtWrapperRightMiddle,
  .rtWrapper .rtWrapperTopRight 
  {
     border: 1px solid #d7e3f2 !important; }

  .rtWrapper .rtWrapperTopRight,
  .rtWrapper .rtWrapperTopCenter,
  .rtWrapper .rtWrapperTopLeft 
  {
    border: 1px solid #d7e3f2 !important; }

.rtWrapper .rtWrapperTopLeft,
.rtWrapper .rtWrapperLeftMiddle,
.rtWrapper .rtWrapperBottomLeft  {
    border: 1px solid #d7e3f2 !important; }

/*light rendering*/
.rtContent {
    background-color: #d7e3f2 !important;
    color: black !important;  }


/*COMBOBOX*/

.rcbItem {
	min-height:10px !important;
}


.rcbHovered {
	min-height:10px !important;
}

 .rcbFocused .rcbArrowCell {
    border-color: #e5e5e5 !important;
    color: black !important;
    background-color: #e5e5e5 !important; }

.rcbFocused .rcbReadOnly .rcbInputCell {
    border-color: #e5e5e5 !important;
    color: black !important;
    background-color: #e5e5e5 !important; }

.rcbFocused .rcbReadOnly .rcbInput {
    color: black !important;
	background-color: #e5e5e5 !important;
	}

.rcbSelected {
    color: black !important;
    background-color: #e5e5e5 !important; 
	min-height:10px !important;}


/*light rendering*/

.rcbActionButton {
      border-color: #25a0da;
      color: black !important;
      background-color: #e5e5e5 !important; }

 .rcbReadOnly.rcbFocused {
    border-color: silver !important;
     color: black !important;
    background-color: #e5e5e5 !important;
	min-height:10px !important;}

.rcbReadOnly.rcbFocused .rcbInput {
      color: black !important;
	  min-height:10px !important;}
/*light rendering*/





/*CALENDAR*/

.rcRow .rcToday {
  border-color: #3E78B3 !important; }

.rcRow .rcSelected {
  border-color: #fff;
  background: #3E78B3 !important; }

/*
 .rcTitlebar {
  border: 0 none;
  background: #e5e5e5 !important;
  color: black !important; }
*/

.rcSelected a {
  border-color: #3E78B3 !important;
  background: #3E78B3 !important;
  color: #fff; }
/*
 .rcCalPopup:hover { 
  background-position: 0 0 !important;   
  }

  a.rcCalPopup:hover,  a.rcCalPopup:focus, a.rcCalPopup:active {
  background-position: 0 0 !important; 
  }
*/
/*lightweight rendering*/
/*
.rcCalPopup:hover,  .rcCalPopup:focus,  .rcCalPopup:active,
 .rcTimePopup:hover,
 .rcTimePopup:focus,
 .rcTimePopup:active {
  background-color: transparent !important; }
*/

/*SCHEDULER*/

.rsHeader {
    border: 1px solid #3E78B3 !important;
    color: #ffffff;
    background-color: #3E78B3 !important; }

.rsHeader ul a {
	border-color: #3E78B3 !important; 
}

.rsHeader ul a:hover {
      color: #3E78B3 !important; }


.rsAptCreate.rsSelectedSlot {
    border-color: #3E78B3 !important;
    background: #3E78B3 !important; }

 .rsMonthView .rsSelectedSlot {
    border-color: #3E78B3 !important;
    background: #3E78B3 !important; }

div.rsAdvancedEdit .rsAdvTitle {
    color: #ffffff;
    background: #3E78B3 !important; }

.rsAgendaTable .rsAgendaRowHovered 
{
    border-color: #3E78B3 !important;   
    }

 .rsAgendaTable .rsAgendaRowSelected {
    color: white;
    background-color: #3E78B3 !important; }


/*BUTTON*/

input[type="submit"] ,input[type="button"]
{
    padding:0 3px 0 3px !important;
}


.rfdButton a.rfdSkinnedButton, .rfdButton input[type="button"].rfdDecorated, .rfdButton input[type="reset"].rfdDecorated, .rfdButton input[type="submit"].rfdDecorated, .rfdButton .rfdSkinnedButton button,
 a.rfdSkinnedButton,
 .rfdSkinnedButton button,
 .rfdSkinnedButton input.rfdDecorated, .rfdButton a.rfdSkinnedButton, .rfdButton a.rfdSkinnedButton * {
   
     /*font-size: 10px !important;*/     
     color: #31608E !important;     
     /*padding: top right bottom left*/
    /* padding: 0 0px 0 0px !important; */
     }


/*hover: #EFEFEF (grigio + chiaro)??*/

/*LOADING PANEL*/
.raColor {
  background-color: #C6D9EC !important;
 }


 /*FORM DECORATOR*/

 /*textbox*/

.rfdTextbox .rfdDecorated:focus, .rfdTextbox .rfdDecorated:focus, .rfdTextarea textarea:focus, 
.rfdTextbox .rfdDecorated:active, .rfdTextbox .rfdDecorated:active, .rfdTextarea textarea:active {
    border: 1px solid #C6D9EC !important; }


/*select*/

.rfdSelect_selected {
      background-color: #C6D9EC !important;
      color: white; }

.rfdButton a.rfdClickedButton, .rfdButton a.rfdClickedButton * {
    background-color: #e8e8e8 !important;
    color: black !important; }


/* SKIN METROTOUCH SPECIFICHE */


/*tabstrip*/

html .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected,
html .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #3E78B3 !important;
    color: white !important;
    background-color: #3E78B3 !important; }

.RadTabStripBottom_MetroTouch .rtsLevel1 {
  border-top: 3px solid #3E78B3 !important; }

.RadTabStripBottom_MetroTouch .rtsLevel1 {
  border-top: 3px solid #3E78B3 !important;}


 html .RadTabStrip_MetroTouch .rtsLevel2 .rtsLink {
      margin: 0 0 0 1px;
      border: 1px solid #3E78B3 !important;
      color: white; }

 html .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover {
    background-color: #e8e8e8; 
	color: black !important; 
	}



/*grid*/

  
 .RadGrid_MetroTouch td.rgSorted {
    background-color: transparent !important;
    border-color: #f0f0f0; }

  .RadGrid_MetroTouch .rgAltRow td.rgSorted {
    background-color: transparent !important;
    border-color: #e9e9e9; }

.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
 .RadGrid_MetroTouch .rgSelectedRow td.rgSorted

 {
    color: white;
    background: #3E78B3 !important;
    border-color: #3E78B3 !important; }


.RadGrid_MetroTouch .rgPagePrev:active,	
.RadGrid_MetroTouch .rgPageNext:active,
.RadGrid_MetroTouch .rgPageFirst:active,
.RadGrid_MetroTouch .rgPageLast:active {
      border-color: #3E78B3 !important;
      color: black;
      background-color: #3E78B3 !important; }

.RadGrid_MetroTouch .rgPager .rgPagerButton {
    border-color: #3E78B3 !important;
    background: #3E78B3 !important;
	}

  
.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage,
.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover {
	background-color: #3E78B3 !important;
    border: 1px solid #3E78B3 !important;
    color: white; }



/*menu*/

.RadMenu_MetroTouch .rmRootLink {
    padding: 0 15px;
    border: 1px solid #3E78B3 !important;
    color: white;
    text-decoration: none; }


.RadMenu_MetroTouch .rmRootLink:hover, .RadMenu_MetroTouch .rmRootLink.rmFocused {
      border-color: #3E78B3 !important;
	   color: black !important;}

.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected {
      background-color: #3E78B3 !important;  
	  color: black !important;}



/*tooltip*/

/*background: girgio chiaro (#e5e5e5) o azzurrino (#d7e3f2)*/
.RadToolTip_MetroTouch {
  border: 1px solid #d7e3f2 !important;
  background-color: #ffffff !important;
  }



/*calendar*/

/*
original
.RadPicker_MetroTouch .rcCalPopup 
 {
     border: 1px solid #cdcdcd;
  background-color: #f9f9f9;
  background-image: url('Common/radActionsSprite.png');  
  width: 34px;
  height: 34px; }
 .RadPicker_MetroTouch .rcCalPopup:hover,
  .RadPicker_MetroTouch .rcTimePopup:hover {
    background-color: #f9f9f9; }

.RadPicker_MetroTouch .rcCalPopup {
  background-position: -9px -4209px; }
*/

.RadCalendar_MetroTouch .rcRow .rcToday a {
    border-color: #3E78B3 !important; }

.RadCalendarMonthView_MetroTouch #rcMView_Today {
  margin: 0;
  background: #3E78B3 !important;
  border-color: #3E78B3 !important;
  width: 100px;
  text-transform: lowercase; }

/*date picker*/

.RadPicker_MetroTouch .rcCalPopup 
 {
     border: 1px solid #cdcdcd;
  background-color: #f9f9f9;
  background-image: url('Common/radActionsSprite.png');  
  width: 34px;
  height: 34px; }

.RadPicker_MetroTouch .rcCalPopup {
  background-position: -9px -4209px; }

 .RadPicker_MetroTouch .rcCalPopup:hover,
  .RadPicker_MetroTouch .rcTimePopup:hover {
    background-color: #f9f9f9;
	background-position: -9px -4209px !important;
	}

.RadPicker_MetroTouch a.rcCalPopup:hover, .RadPicker_MetroTouch a.rcCalPopup:focus, .RadPicker_MetroTouch a.rcCalPopup:active {
	background-color: #f9f9f9;
	background-position: -9px -4209px !important;}


/*scheduler*/

 .RadScheduler_MetroTouch .rsHeader ul a {
       font: 100 14px "Segoe UI", Arial, Helvetica, sans-serif !important;}

  .RadScheduler_MetroTouch .rsHeader ul a:hover {
  font: 100 14px "Segoe UI", Arial, Helvetica, sans-serif !important;
        background-color: transparent !important; 
		color: black !important;}

      .RadScheduler_MetroTouch .rsHeader ul .rsSelected em {
	  font: 100 14px "Segoe UI", Arial, Helvetica, sans-serif !important;
        background-color: transparent !important;		
		 border: 1px solid #ffffff !important;}

 .RadScheduler_MetroTouch .rsAptEditFormWrapper .rsAptEditFormOuter,
    .RadScheduler_MetroTouch .rsAptEditFormWrapper .rsAptEditFormMiddle,
    .RadScheduler_MetroTouch .rsAptEditFormWrapper .rsAptEditFormMiddle2,
    .RadScheduler_MetroTouch .rsAptEditFormWrapper .rsAptEditFormInner {
      margin: 0;
      padding: 0;
      background: none; 
	  background-color: #ffffff !important;
	  }





/* SKIN METROTOUCH SPECIFICHE */



