/*

CSS CONNECTOR 

*/


#nav_conn
{
	margin-top: 40px;
	width: 100%;
}

#nav_conn ul
{
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#nav_conn li
{
	display: inline-block;
	zoom: 1;
	*display: inline;
	line-height: 37px;
	width: 132px;
	margin: 0px 1px 0px 0px;
}

#nav_conn a
{
	display: block;
	background-color: rgb(21, 172, 137);
	color: #fff;
	text-decoration: none;
	text-align: center;
}

#nav_conn a:hover
{
	color: #fff;
	background-color: #3f509b;
	border-color: #3f509b;
}

#nav_conn .current a
{
	color: #fff;
	background-color: #3f509b;
	border-color: #3f509b;
}

#nav_conn.right ul
{
	text-align: right;
}

#nav_conn.center ul
{
	text-align: center;
}

@media(max-width:768px)
{
	#nav_conn
	{
		margin-top: 0px;
		width: 100%;
		height: 100%;
	}

	#nav_conn ul
	{
		padding: 0px 0px 0px 0px;
		text-align: center;
	}

	#nav_conn li
	{
		display: block;
		zoom: 1;
		*display: inline;
		line-height: 22px;
		width: 132px;
		margin: 0px 1px 0px 0px;
	}

	#nav_conn a
	{
		display: block;
		background-color: rgb(21, 172, 137);
		color: #fff;
		text-decoration: none;
		text-align: center;
	}

	#nav_conn a:hover
	{
		color: #fff;
		background-color: #3f509b;
		border-color: #3f509b;
	}

	#nav_conn .current a
	{
		color: #fff;
		background-color: #3f509b;
		border-color: #3f509b;
	}

	#nav_conn.right ul
	{
		text-align: right;
	}

	#nav_conn.center ul
	{
		text-align: center;
	};
}


/* SCROLL CUSTOM  */


.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 10px;
	right: 0;

	width: 35px;
	height: 100%;
	background: #ffffff;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #ffffff; /* changed from #dde */
	position: relative;
	padding-right: 12px;
	padding-left: 10px;
}

.jspDrag
{
	background: #5bc5ab; /* changed from #bbd */
	position: relative;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #ffffff;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #ffffff;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #ffffff;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}






/* DIVURI MESAJE BODY  */ 
.panel {
    margin-bottom: 20px;
    border: 0px;
    border-radius: 0 0 0 0;
    box-shadow: 0 0 0 0;

}

.modal-body {


	padding: 20px 0px 20px 0px;
}

#modalShare {
    width: 100%;
    height: 300px;
 }



#modalShareBody {
    overflow:hidden;
}

#panelGuest{
    width: 60%;
    float:left;
    height: 460px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    border-top: 3px #fff solid;
    border-bottom: 3px #fff solid;
}

#panelDetail{
    float:right;
    width: 40%;
    height: 460px;
    background-color: #eeeeee;
    display: inline;
    border-top: 3px #fff solid;
    border-bottom: 3px #fff solid;
    overflow-y: auto;

}





/* TABELARE MESAJE */
.tableMsg {
	border: 0px;
	width: 100%; 
	background-color: #e4e4e4; 
	color: #686868;
	vertical-align: middle;
}

.tableMsgTrHead {
background-color: #eeeeee;

vertical-align: middle;
height: 27px;
}


.tableMsgTrBody {
cursor: pointer;
vertical-align: middle;
}

.tableMsgTrBody:hover {

vertical-align: middle;
background-color: #b8e6db;
}

.TrActiv {

vertical-align: middle;
background-color: #b8e6db;
}



.tableMsgTdHeadSender {

	border-right: 1px solid #fff;
	border-bottom: 2px solid #fff;
	width: 80%;
	vertical-align: middle;
	height: 27px;
	padding-left: 10px;
}

.sort_icon{

}

.sort_icon:after {
	width: 9px;
	height: 11px;
	content: url('img/messages_icons/arrow_down.png');
	text-decoration: none;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding-left: 2px;
	display: inline;
}

.tableMsgTdHeadTime{

	border-right: 1px solid #fff;
	border-bottom: 2px solid #fff;
	width: 15%;
	vertical-align: middle;
	height: 27px;
	text-align: center;
}

.tableMsgTdHeadFlag {
	border-bottom: 2px solid #fff;
	width: 5%;
	vertical-align: middle;
	height: 27px;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;

}

.tableMsgTdSender {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 80%;
	vertical-align: middle;
	height: 60px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.tableMsgTdTime {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 15%;
	vertical-align: middle;
	text-align: center;
}

.tableMsgTdFlag {
	border-bottom: 1px solid #fff;
	width: 5%;
	vertical-align: middle;
	text-align: center;

}



/*  TABELE CONTINUT MESAJ */



.tableMsgContent {
	border: 0px;
	width: 100%; 
	background-color: #e4e4e4; 
	color: #686868;
	vertical-align: middle;
}


.tableMsgContentTrHead {
	background-color: #eeeeee;
	vertical-align: middle;
	height: 27px;
}



.tableMsgContentTdHead_one {

	border-right: 1px solid #fff;
	border-bottom: 2px solid #fff;
	width: 10%;
	vertical-align: middle;
	height: 27px;
	padding-left: 10px;
}

.tableMsgContentTdHead_two{

	border-right: 1px solid #fff;
	border-bottom: 2px solid #fff;
	width: 30%;
	vertical-align: middle;
	height: 27px;
	padding-left: 10px;
}


.tableMsgContentTdDetails {

	border-right: 1px solid #fff;
	border-bottom: 2px solid #fff;
	width: 80%;
	vertical-align: middle;
	height: 27px;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #e4e4e4;
}


.tableMsgContentTrBody {
	background-color: #eeeeee;
}

.tableMsgContentTdMessageBody {
	width: 80%;
	vertical-align: middle;
	height: 100%;
	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 3px;
	padding-right: 30px;
}





@media(max-width:768px) {
		/* DIVURI MESAJE BODY  */ 
		.panel {
		    margin-bottom: 20px;
		    border: 0px;
		    border-radius: 0 0 0 0;
		    box-shadow: 0 0 0 0;

		}

		.modal-body {


			padding: 20px 0px 0px 0px;
		}

		#modalShare {
		    width: 100%;
		    height: 300px;
		 }



		#modalShareBody {
		    overflow:hidden;
		}

		#panelGuest{
		    width: 100%;
		    float:right;
		    height: 460px;
		    overflow-y: auto;
		    overflow-x: hidden;
		    background-color: #fff;
		    border-top: 3px #fff solid;
		    border-bottom: 3px #fff solid;
		}

		#panelDetail{
		    float:left;
		    width: 100%;
		    height: 460px;
		    background-color: #eeeeee;
		    display: inline;
		    border-top: 3px #fff solid;
		    border-bottom: 3px #fff solid;

		}




		/* TABELARE MESAJE */
		.tableMsg {
			border: 0px;
			width: 100%; 
			background-color: #e4e4e4; 
			color: #686868;
			vertical-align: middle;
		}

		.tableMsgTrHead {
		background-color: #eeeeee;

		vertical-align: middle;
		height: 27px;
		}


		.tableMsgTrBody {
		cursor: pointer;
		vertical-align: middle;
		}

		.tableMsgTrBody:hover {

		vertical-align: middle;
		background-color: #b8e6db;
		}

		.TrActiv {

		vertical-align: middle;
		background-color: #b8e6db;
		}



		.tableMsgTdHeadSender {

			border-right: 1px solid #fff;
			border-bottom: 2px solid #fff;
			width: 80%;
			vertical-align: middle;
			height: 27px;
			padding-left: 10px;
		}

		.tableMsgTdHeadSender:after {
			width: 9px;
			height: 11px;
			content: url('img/messages_icons/arrow_down.png');
			text-decoration: none;
			display: inline;
			margin: 0px 0px 0px 0px;
			padding-left: 5px;
		}

		.tableMsgTdHeadTime{

			border-right: 1px solid #fff;
			border-bottom: 2px solid #fff;
			width: 15%;
			vertical-align: middle;
			height: 27px;
			text-align: center;
		}

		.tableMsgTdHeadFlag {
			border-bottom: 2px solid #fff;
			width: 5%;
			vertical-align: middle;
			height: 27px;
			text-align: center;
			padding-left: 2px;
			padding-right: 2px;

		}

		.tableMsgTdSender {
			border-bottom: 1px solid #fff;
			border-right: 1px solid #fff;
			width: 80%;
			vertical-align: middle;
			height: 60px;
			padding-left: 10px;
			padding-bottom: 10px;
		}

		.tableMsgTdTime {
			border-bottom: 1px solid #fff;
			border-right: 1px solid #fff;
			width: 15%;
			vertical-align: middle;
			text-align: center;
		}

		.tableMsgTdFlag {
			border-bottom: 1px solid #fff;
			width: 5%;
			vertical-align: middle;
			text-align: center;

		}



		/*  TABELE CONTINUT MESAJ */



		.tableMsgContent {
			border: 0px;
			width: 100%; 
			background-color: #e4e4e4; 
			color: #686868;
			vertical-align: middle;
		}


		.tableMsgContentTrHead {
			background-color: #eeeeee;
			vertical-align: middle;
			height: 27px;
		}



		.tableMsgContentTdHead_one {

			border-right: 1px solid #fff;
			border-bottom: 2px solid #fff;
			width: 10%;
			vertical-align: middle;
			height: 27px;
			padding-left: 10px;
		}

		.tableMsgContentTdHead_two{

			border-right: 1px solid #fff;
			border-bottom: 2px solid #fff;
			width: 30%;
			vertical-align: middle;
			height: 27px;
			padding-left: 10px;
		}


		.tableMsgContentTdDetails {

			border-right: 1px solid #fff;
			border-bottom: 2px solid #fff;
			width: 80%;
			vertical-align: middle;
			height: 27px;
			padding-left: 20px;
			padding-top: 3px;
			padding-bottom: 3px;
			background-color: #e4e4e4;
		}


		.tableMsgContentTrBody {
			background-color: #eeeeee;
		}

		.tableMsgContentTdMessageBody {
			width: 80%;
			vertical-align: middle;
			height: 100%;
			padding-left: 30px;
			padding-top: 40px;
			padding-bottom: 3px;
			padding-right: 30px;
		}


		.jspVerticalBar
		{
			display: none;

		}
}

/* ICONITE MESAJE */


.icon_mesaj
{
	width: 27px;
	height: 21px;
	background: url('img/messages_icons/icon_message.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;
	margin-left: 3px;
	margin-top: 20px;
	margin-right: 13px;
}

.icon_mesaj_small
{
	width: 27px;
	height: 21px;
	background: url('img/messages_icons/icon_message.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;
	margin-left: 3px;
	margin-right: 13px;
	cursor: default;
}

.icon_calendar
{
	width: 22px;
	height: 23px;
	background: url('img/messages_icons/icon_callendar.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	margin-left: 6px;
	margin-right: 13px;
	margin-top: 20px;
}

.icon_calendar_small
{
	width: 22px;
	height: 23px;
	background: url('img/messages_icons/icon_callendar.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	margin-left: 6px;
	margin-right: 13px;
}

.icon_flag_activ
{
	width: 16px;
	height: 15px;
	background: url('img/messages_icons/flag_active.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;
	margin: 0px 0px 0px 9px;
}


.icon_flag_inactiv
{
	width: 16px;
	height: 15px;
	background: url('img/messages_icons/flag_inactive.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;
	margin: 0px 0px 0px 9px;
}

.icon_arrow_down {
	width: 9px;
	height: 11px;
	background: url('img/messages_icons/arrow_down.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;
	margin: 0px 0px 0px 0px;
}

.icon_new_message {

	width: 63px;
	height: 39px;
	background: url('img/messages_icons/icon_new_message.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;
	margin: 0px 10px 0px 0px;

}

.icon_new_appointment {

	width: 63px;
	height: 39px;
	background: url('img/messages_icons/icon_new_appointment.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;
	margin: 0px 10px 0px 0px;

}

.icon_reply_activ {

	width: 63px;
	height: 39px;
	background: url('img/messages_icons/icon_reply_active.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;
	margin: 0px 10px 0px 0px;

}


.icon_reply_inactiv {

	width: 63px;
	height: 39px;
	background: url('img/messages_icons/icon_reply_inactive.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;
	margin: 0px 10px 0px 0px;

}

.icon_delete {

	width: 63px;
	height: 39px;
	background: url('img/messages_icons/icon_delete.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;
	margin: 0px 10px 0px 0px;

}


.icon_delete_inactiv {

	width: 63px;
	height: 39px;
	background: url('img/messages_icons/icon_delete_inactive.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;
	margin: 0px 10px 0px 0px;

}

.icon_send_message {

	width: 63px;
	height: 39px;
	background: url('img/messages_icons/icon_send_message.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;
	margin: 0px 10px 0px 0px;

}


.icon_attach {

	width: 63px;
	height: 39px;
	background: url('img/messages_icons/icon_attach.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;
	margin: 0px 10px 0px 0px;

}

.icon_confirm {

	width: 87px;
	height: 25px;
	background: url('img/messages_icons/icon_confirm.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;
	margin: 0px 10px 0px 0px;

}


.icon_decline {

	width: 87px;
	height: 25px;
	background: url('img/messages_icons/icon_decline.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;
	margin: 0px 10px 0px 0px;

}

.icon_close {

	width: 21px;
	height: 21px;
	background: url('img/messages_icons/icon_close.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;

}


/* MENIU STANGA */



.imww {
    position: relative;
}

.imww .imww-sidebar {
    z-index: 2;
    margin-top: 50px;
    width: 100%;
    position: static;
    font-weight: 600;
    text-align: center;
}

.imww .imww-sidebar li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 0;
    margin: 0;
    background: #16ad89;
}

.imww .imww-sidebar .headline {
    text-transform: uppercase;
    color: #15ac89;
    padding: 10px 0;
    font-size: 18px;
}


.imww .imww-sidebar a {
    color: #fff;
}

.imww .imww-sidebar .active a,.imww .imww-sidebar a:hover, .imww .imww-sidebar a:visited {
    background: #3f509b;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #fff;
}

@media(min-width:768px) and (max-width:991px) {

    .imww .imww-sidebar {
        width: 150px;
        position: fixed;
/*top:400px;*/
        margin-top: 0;
    }

    .imww .imww-sidebar .decoration {
        display: block;
        background-size: auto;
    };
}


@media(min-width:992px) {
    .imww .imww-sidebar {
        width: 100px;
        position: fixed;
/*top:400px;*/
        margin-left: -120px;
    	margin-top: 218px;
    }

    .imww .imww-sidebar .decoration {
        display: block;
        background-size: auto;
    };
}

@media(min-width:768px) and (max-width:1200px) {

    .imww .imww-sidebar {
        width: 90px;
        position: fixed;
        top: 491px;
        margin-left: -110px;
    };
}

@media(min-width:990px) and (max-width:1237px) {

    .imww .imww-sidebar {
        width: 100px;
        position: fixed;
        top: 130px;
        margin-left: -110px;
    };
}



/* ANULARE BORDER SI SHADOW MENIU CONT PE REZOLUTII MOBILE */


.navbar-collapse {
    border-top: 0;
    box-shadow: none;
}

/* LOADER */

.img_loader
{
	position: absolute;
	top: 100px;
	left: 70%;
	z-index: 999;
	height: 100px;
	width: 100px;
	background: url('img/icons/loader.gif');
	background-repeat: no-repeat;
}


/* POPUP STYLE */

/* Add these styles once per website */
	  .popup_background {
	    z-index: 2000; /* any number */
	  }
	  .popup_wrapper {
	    z-index: 2001; /* any number + 1 */
	  }
	  /* Add inline-block support for IE7 */
	  .popup_align,
	  .popup_content {
	    *display: inline;
	    *zoom: 1;
	  }

.well_2 {
    min-height: 20px;
    padding: 0px 0px 5px 0px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    text-align: center;
    width: 815px;
    height: 500px;
    background-color: #eeeeee;
}

.well_2 blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,0.15);
}

.well_2-lg {
    padding: 24px;
    border-radius: 6px;
}

.well_2-sm {
    padding: 9px;
    border-radius: 3px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

.close:hover,.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}


/* file upload */



#upload{

}

#drop{

}

#drop a{
    width: 63px;
	height: 39px;
	background: url('img/messages_icons/icon_attach.png');
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;
	margin: 0px 10px 0px 0px;
}

#drop a:hover{
}

#drop input{
    display:none;
}

#upload ul{
	 list-style-type: none;
}

#upload ul li{
}


#upload ul li input{
    display: none;
}

#upload ul li p{

}

#upload ul li i{

}

#upload ul li canvas{

}

#upload ul li span{

}

#upload ul li.working span{

}

#upload ul li.error p{

}


.label_popup {
	float: left; 
	padding: 6px 13px 0px 5px; 
	vertical-align: middle; 
	text-align: right; 
	width: 15%; 
	color: #7b7b7b;
}

.new_message_input {

	width: 70%; 
	margin-bottom: 10px;
}

.new_appointment_input {
	width: 70%; 
	margin-bottom: 6px;
	height: 25px;
	padding: 0 12px;
}

.new_appointment_input_date {
	width: 59%; 
	margin-bottom: 6px;
	height: 25px;
	padding: 0 25px 0px 12px;
	
	background: url("img/messages_icons/icon_callendar.png") no-repeat;
	background-color: #ffffff;
	background-position: 455px;

	display: inline;
}

.new_appointment_input_time {
	width: 10%; 
	margin-bottom: 6px;
	height: 25px;
	padding: 0 25px 0px 12px;
	margin-left: 5px;
	background-color: #ffffff;

	display: inline;
}


/*  DATEPICKER */ 
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/

}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}