/**************************/
/** TRANSITIONS          **/
/**************************/
.bk-transition-all
{
    -webkit-transition: all 0.5s ease;  /* Chrome 1-25, Safari 3.2+ */
    -moz-transition:    all 0.5s ease;  /* Firefox 4-15 */
    -o-transition:      all 0.5s ease;  /* Opera 10.50–12.00 */
    transition:         all 0.5s ease;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */  
}

.bk-transition-background
{
    -webkit-transition: background-color 0.3s ease;  /* Chrome 1-25, Safari 3.2+ */
    -moz-transition:    background-color 0.3s ease;  /* Firefox 4-15 */
    -o-transition:      background-color 0.3s ease;  /* Opera 10.50–12.00 */
    transition:         background-color 0.3s ease;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */  
}

.bk-transition-height
{
    -webkit-transition: max-height 0.3s ease;  /* Chrome 1-25, Safari 3.2+ */
    -moz-transition:    max-height 0.3s ease;  /* Firefox 4-15 */
    -o-transition:      max-height 0.3s ease;  /* Opera 10.50–12.00 */
    transition:         max-height 0.3s ease;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */  
}


/* ANIMATIONS */
.animationSlideUp
{

    max-height:0px !important;
    min-height:0px !important;
    height:0px !important;
    padding-top:0px !important;
    padding-bottom:0px !important;
    border-bottom-width: 0px !important;
    margin-top:0px !important;
    margin-bottom:0px !important;   
    opacity:0;
}

.animationSlideLeft
{

    max-width:0px !important;
    min-width:0px !important;
    width:0px !important;
    padding-left:0px !important;
    padding-right:0px !important;
    border-right-width: 0px !important;
    margin-left:0px !important;
    margin-right:0px !important;    
    opacity:0;
    filter:alpha(opacity=0); 
}

.animationFadeOut
{
    opacity:0;
    filter:alpha(opacity=0); 
}

.animationFadeIn
{
    opacity:1;
    filter:alpha(opacity=100); 
}

/**************************/
/** COLORS               **/
/**************************/
/* BASE */
.bk-color-light-bkg
{
	background-color:#B46B9D !important;
}

/** STYLES **/
.bk-style-error
{
    color:red;
}    

.bk-style-success
{
    color:#306351;    
}

/** STATES & HOVER **/
.bk-state-inactive
{
    opacity: 0.5;    
}   
 
.bk-state-active
{
    background-color:#8CCEA7 !important;    
} 


.bk-editable.bk-editable-active
{
	border:2px solid #F45D5D !important;
	background-image: url(/_ext/gestione.farmaciaevoluta.it/skins/minisite/common/images/bk-editable-active-background.png);
	background-position: right bottom;
	background-repeat:no-repeat;
	background-size: 48px 48px;
	min-height:50px;
	box-sizing:border-box;
}

.bk-color-xlight.bk-transition-background:hover
{
    background-color: #71bb91;
} 

.bk-text-full-title
{
    text-align:center;
}

.bk-text-article-title
{
	text-transform: lowercase;	
}

.bk-text-article-title:first-letter
{
	text-transform: capitalize;	
}

.bk-text-article
{
    text-align:justify;
}

.bk-text-opposite
{
    text-align:right    
}

.bk-text-discount
{
    text-decoration: line-through;    
}

.bk-text-ellipsis
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;	
}

/**************************/
/** IMMAGINI             **/
/**************************/
.gallery-element
{
	border:5px solid white !important;
	box-sizing: border-box;	
}

.bk-image-round
{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 110%;
	height: 80px;
	margin: 0 auto;
	max-height: 200px;
	max-width: 200px;
	min-height: 80px;
	min-width: 80px;
	overflow: hidden;
	padding: 0;
	width: 150px;
    height: 150px;
}

.bk-image-round-large
{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 110%;
	height: 200px;
	margin: 0 auto;
	max-height: 200px;
	max-width: 200px;
	min-height: 200px;
	min-width: 200px;
	overflow: hidden;
	padding: 0;
	width: 200px;	
}

.bk-image-small-hr
{
    width:360px;
    min-width:360px;
    max-width:360px;
}

.bkr-image-small-hr
{
    width:25%;
}

.bk-image-small-vr
{
    height: 235px;
    max-height: 235px;
    min-height: 235px;
}

.bk-image-large-vr
{
    height: 360px;
    max-height: 360px;
    min-height: 360px;
}

.bk-image-xsmall-hr
{
    width:204px;
    min-width:204px;
    max-width:204px;
}

.bk-image-xsmall-vr
{
    height:204px;
    min-height:204px;
    max-height:204px;
}

.bk-image-xxsmall-hr
{
    width:80px;
    min-width:80px;
    max-width:80px;
}

.bk-image-xlarge-hr
{
    width:100%;
    min-width:100%;
    max-width:100%;
}

.bk-image-xlarge-vr
{
    height:450px;
    min-height:450px;
    max-height:450px;
}

.bk-image-square
{
    height: 270px;
    max-height: 270px;
    min-height: 270px;
    width: 270px;
    max-width: 270px;
    min-width: 270px;
}

.bk-image-small-square
{
    height: 235px;
    max-height: 235px;
    min-height: 235px;
    width: 235px;
    max-width: 235px;
    min-width: 235px;
}

.bk-image-xsmall-square
{
    height: 204px;
    max-height: 204px;
    min-height: 204px;
    width: 204px;
    max-width: 204px;
    min-width: 204px;
}

.bk-image-background-vr
{
    background-size: auto 100%;
    background-repeat:no-repeat;
}

.bk-image-background-hr,
.bk-image-background-head
{
    background-size: 100% auto;
    background-repeat:no-repeat;
}

.bk-image-background-head
{
	height: 400px;
	min-height:400px;
	max-height:400px;	
}

.bk-element-flow-canvas
{
    width:100%;
    display: table;
}

.bk-element-flow
{
    display:table-cell;
}

.bk-element-size-30
{
	width:30%;
	min-width:30%;
	max-width:30%;
}

.bk-element-size-20
{
	width:20%;
	min-width:20%;
	max-width:20%;
}


.bk-element
{
    display:inline-block;
}

.bk-content-canvas
{
    box-sizing: content-box;
}

/**************************/
/** DECORATIONS          **/
/**************************/
.bk-deco-border-small
{
    border-width: 1px;
    border-style: solid;
}


.bk-deco-round
{
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

/**************************************************/
/** 		ELEMENTI SPECIFICI (BY ID)			 **/
/**************************************************/
#m-userData-logo
{
	height:55px;
	min-height:55px;
	max-height:55px;
	margin-left:65px;
}

#m-mobileActions
{
	display:none;
	float:right;
}

#user-accountActions
{
	display:inline-block;
	float:right;
}

#user-searchActions
{
	display:inline-block;
	margin-top:18px;
	float:left;
}

/**************************************************/
/** 		ELEMENTS (BUTTONS, TEXT...)    		 **/
/**************************************************/
.bk-control-button
{
	display:inline-block;
	width:auto;
	background-color:#3dbfd9;
	padding:10px;
	border:none;
	font-family:inherit;
	cursor:pointer;
	color:white !important;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	margin:5px; 	
	text-transform:uppercase;
}


.bk-control-button a,
.bk-control-button a:link,
.bk-control-button a:hover,
.bk-control-button a:visited
{
	color:white !important;
	text-decoration: none;
}


/**************************************************/
/** RESPONSIVE SLIDES WIDGET (MODIFICA STILI)    **/
/**************************************************/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/**************************************/
/** KENDO WIDGET (MODIFICA STILI)    **/
/**************************************/
.k-widget, .k-block, .k-inline-block, .k-draghandle
{
    border:none;
}

.k-block, .k-widget
{
    background-color: transparent;  
}

.k-invalid-msg
{
    border:0px solid transparent;
    -webkit-box-shadow      :   none;
    -moz-box-shadow         :   none;
    box-shadow              :   none;
    margin:0px;
    padding:0px;
    background-color:transparent;
    vertical-align:middle;
}

.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg 
{
  background-color: transparent;
  border: medium none;
  box-shadow: none;
  margin-left: 0;
  padding-left: 0;
}
	
.k-widget.k-tooltip-validation,
.k-widget.k-tooltip-validation .k-warning
{
    background-color:transparent;
    vertical-align:middle;
    color:red;
}

.k-treeview .k-in.k-state-selected,
.k-treeview .k-in.k-state-selected.k-state-focused,
.k-treeview .k-in.k-state-focused,
.k-treeview .k-in.k-state-hover
{
}

.k-treeview .k-in.k-state-selected > h4
{
    color:#d4385c !important;
}

k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
  box-shadow: none;
}

.k-treeview .k-in
{
    cursor:pointer;
}

.k-treeview .k-item
{

}

.bk-editable.k-editor-inline 
{
    margin: 0;
    padding:0px;
    border-width: 0;
    box-shadow: none;
    background-color:none;
    border-radius:5px;
    /*width: 50%;
    float: right;*/
}

.bk-editable.k-editor-inline.k-state-active,
.bk-editable.k-editor-inline.k-state-active:hover
{
    border-width: 1px;
    background: none;
    border-radius:0px;
    /*width: 50%;
    float: right;*/
}

.bk-editable .k-table,
.bk-editable table 
{
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

.bk-editable .k-table
{
	width:99%;
}

.bk-editable-active .k-table,
.bk-editable-active .k-table td, 
.bk-editable .k-table th 
{
    border: 1px dashed #999;
}

/**************************************************/
/** MOBILE (OR LOW RES) STYLES    				 **/
/**************************************************/
@media (max-width:768px)
{
	#userData-logo
	{
		display:none;
	}
	
	#m-mobileActions
	{
		display:inline-block;
	}
	
	#user-Actions,
	#user-accountActions,
	#m-mobileActions,
	#user-searchActions
	{
		float:none;
		text-align:center;
	}
	
	.bk-image-background-head
	{
		height:200px;
		max-height:200px;
		min-height:200px;
	}
	
	.bk-element-flow-canvas,
	.bk-element-flow
	{
		display: block;
		width:100%;
		margin:0px;
		padding:0px;
		text-align:center;
	}
	
	.bk-element-size-30
	{
		width:100%;
		min-width:100%;
		max-width:100%;
	}
}