*{
	/*font-family: 'Fira Sans', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	/*font-family: Arial, sans-serif; */
	
	
}
body{
	background-color: #F0F0F0;
	
}

/*
	*{
		color: #5F6276;
	}
	a{
		color: #5F6276;
	}
*/
	h3, h4, b{
		color: #003D54;
	}



/* LOADER */
	@keyframes loading_content_animation {
		0% {
			content: "Loading.";
		}
		25% {
			content: "Loading.";
		}
		50% {
			content: "Loading..";
		}
		75% {
			content: "Loading...";
		}
		100% {
			content: "Loading...";
		}
	}
	#loader>div{
		margin: auto; 
		width: 60px;
		font-size: 18px;
	}
	#loader>div::after{
		animation: loading_content_animation 1s linear infinite;
		content: "Loading.";
		
	}
	#loader{
		display: none;
		
		position: fixed;
		height: 100vh;
		width: 100%;
		z-index: 21;
		left: 0;
		top: 50%;
		margin-top: -75px;
	}
	#shadow{
		display: none;

		width: 100vw;
		height: 135vh;
		z-index: 15;
		left: 0;
		background-color: #fff;
		position: fixed;
		opacity: 0.9;
		top: -33vh;
		margin-top: 0;
	}
/* LOADER END */


/* GENERAL */
	.no_breaks{
		white-space: nowrap;
	}
	.fixed_bottom{
		position: fixed;
		bottom: 0;
	}
	.block{
		display: block;
	}
	.side_margin_auto{
		margin-left: auto;
		margin-right: auto;
	}
	.padding_bottom{
		margin-bottom: 10px;	
	}
	.margin_top{
		margin-top: 15px;	
		display: block;
	}
	.margin_bottom{
		margin-bottom: 15px;	
		display: block;
	}
	.bordered{
		border: 1px solid lightgrey;
	}
	/* MD+ */
	@media (max-width:991px){
		.md_no_border{
			border: 0px;
		}
	}
	.striped:nth-child(odd){
		background-color: white; 
	}
	.no_padding{
		padding: 0;
	}
	.no_margin{
		margin: 0;
	}
	.text_center{
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	.vertical_center{
		vertical-align: middle;
	}
	.border_left{
		border-left: 1px solid lightgray;
	}
	.border_right{
		border-right: 1px solid lightgray;
	}
	.border_bottom{
		border-bottom: 1px solid lightgray;
	}
	.border_top{
		border-top: 1px solid lightgray;
	}
	.small_padding{
		padding: 3px !important;
	}
	.mid_padding{
		padding: 5px !important;
	}
	.big_margin{
		margin: 7px !important;
	}
	.big_padding{
		padding: 7px !important;
	}
	.huge_padding{
		padding: 15px !important;
	}
	.no-padding-left {
		padding-left: 0;
	}
	.no-padding-right {
		padding-right: 0;
	}
	.no-padding {
		padding: 0;
	}
	.padding-top-sm {
		padding-top: 10px;
	}
	.padding-top-lg {
		padding-top: 40px;
	}
	.padding-bottom-sm {
		padding-bottom: 20px;
	}
	.padding-bottom-tiny {
		padding-bottom: 2px;
	}
	.padding-sm {
		padding: 10px;
	}
	.padding-xs {
		padding: 5px;
	}
	.margin-top-xs {
		margin-top: 5px;
	}
	.margin-top-sm {
		margin-top: 10px;
	}
	.margin-top-md {
		margin-top: 20px;
	}
	.margin-top-lg {
		margin-top: 40px;
	}
	.no-margin-vert {
		margin-top: 0;
		margin-bottom: 0;
	}
	.no-margin-horiz {
		margin-left: 0;
		margin-right: 0;
	}
	.margin-bottom-sm {
		margin-bottom: 5px;
	}
	.margin-bottom-md {
		margin-bottom: 15px;
	}
	.margin-bottom-lg {
		margin-bottom: 50px;
	}
	.margin-left-sm {
		margin-left: 5px;
	}
	.shadow_box{
		box-shadow: 0px 2px 2px #ADADAD;
	}
	.inline {
		display: inline;
	}
	.inline-block {
		display: inline-block;
	}
	.flex_center{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.flex {
		display: flex;
	}
	.ml-auto {
		margin-left: auto;
	}
	.full_width{
		width: 100%;
	}
	.checkbox{
		height: 15px;
		width: 15px;
		background-color: white;
		border: 1px solid lightgrey;
	}
	
	.calendar_icon{
		float: right;
		margin-right: 3px;
		margin-top: -33px;
		position: relative;
	}
	.bottom-bar-ad {
		height: auto;
		width: 100%;
		max-width: 375px;
		transform-origin: bottom left;
		z-index: 9999;
	}
	
	.fixed-bottom-row {
		position: fixed;
		left:0px;
		bottom:0px;
		height: 75px;
		width:100%;
		background-color: black;
		text-align: center;
		margin-left: 0;
	}
	@media (max-width:700px){
		.developed_by {
			background-color: black;
		}
		.fixed-bottom-row{
			bottom: 24px;
		}
	}
	.fixed-bottom-row .col{
		height: 100%;
	}
	.above-label {
		padding-bottom: 5px;
		font-weight: bold;
	}
	.bold-text {
		font-weight: bold;
	}
	.developed_by{
		position: fixed;
		bottom: 0;
		width: 100%;
		text-align: right;
		padding-bottom: 5px;
		padding-right: 10px;
		color: white;
	}
	.developed_by_dark{
		position: fixed;
		bottom: 0;
		width: 100%;
		text-align: right;
		padding-bottom: 5px;
		padding-right: 10px;
		color: black;
	}
	.developed_by a{
		color: #00ccff;
	}
	.white {
		color: white;
	}
	.black {
		color: black;
	}
	.common-btn {
		background-color: white;
		border: 1px solid #00778d;
		color: #006172;
		padding: 2px 4px;
		border-radius: 4px;
	}
	.common-btn:hover {
		text-decoration: none;
		background-color: #d2f7ff;
		color: #004b58;
	}
/* GENERAL END */


/* TOP_MENU */
@media (max-width:542px){
	.hidden_tiny{
		display: none;
	}
}
	.menu{
		background-color: #00778d;
    color: white;
    padding-bottom: 0px;
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
	}
	.menu h1{
		font-size: 19px;
    text-align: left;
    width: calc(100vw - 250px);
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 0;
    overflow: hidden;
    height: 24px;
    white-space: nowrap;
	}
	.logout{
		height: 69px;
		float: left;
		color: white;
		font-size: 24px;
		cursor: pointer;
		padding: 21px;
		left: 100%;
		margin-left: -66px;
		position: absolute;
		top: 0px;
	}
	.logout:hover{
		color: lightgrey;
	}
	.line{
		background-color: #005A7C;
		border: 0px;
		border-radius: 20px;
		width: 80%;
		margin-left: 10%;
		height: 2px;
		margin-top: 10px;
	}
	.menu .logo {
		height: 50px;
		float: left;
		color: white;
		font-size: 24px;
		cursor: pointer;
		padding: 13px;
		/* top: 0px; */
		margin-top: 10px;
	}
	.menu .go_back {
		float: left;
		color: white;
		font-size: 36px;
		cursor: pointer;
		padding: 21px;
		top: 0;
		height: 75px;
	}
	.menu .go_back:hover{
		background-color: #003D54;
	}
	.menu .glyphicon-chevron-left {
		/* position: absolute; 
		top: 5px;
		left: 0;
		height: 55%;
		width: auto; 
		overflow: hidden; */
	}
	.menu .glyphicon-chevron-left:before {
		content: '';
		display: block;
		width: 30px;
		height: 100%;
		background-size: auto 100%;
		background: url('../img/chevron-left.svg') no-repeat;
	}
/* TOP_MENU END*/



/* ICONS */
	.medicine-icon		{ background: url(../img/menu/medicine-icon.png); }
	.vaccine-icon			{ background: url(../img/menu/vaccine-icon.png); }
	.lab-icon					{ background: url(../img/menu/lab-icon.png); }
	.certificate-icon	{ background: url(../img/menu/certificate-icon.png); }
	.share-icon				{ background: url(../img/menu/spread-icon.png); }
	.information-icon	{ background: url(../img/menu/information-icon.png); }
	
	.medicine-icon-white		{ background: url(../img/menu/medicine-icon-white.png); }
	.vaccine-icon-white			{ background: url(../img/menu/vaccine-icon-white.png); }
	.lab-icon-white					{ background: url(../img/menu/lab-icon-white.png); }
	.certificate-icon-white	{ background: url(../img/menu/certificate-icon-white.png); }
	.share-icon-white				{ background: url(../img/menu/spread-icon-white.png); }
	
	.warning-sign-icon{ background: url(../img/warning-sign-no-padding-icon.png); }
	
	.icon{
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	.icon_desc{
		text-align: center;
	}
/* ICONS END*/


/* DESKTOP LINE MENU */
	.desktop_line_menu{
		width: 80%;
		margin: 15px 10%;
	}
	.desktop_line_menu .menu_point{
		width: calc(100% / 5);
		float: left;
		padding-top: 10px;
	}
	.desktop_line_menu .menu_point:hover{
		background-color: lightgrey;
		cursor: pointer;
	}
	.desktop_line_menu .menu_point .icon{
		height: 40px;
	}
	.desktop_line_menu .menu_point .icon_desc{
		color: #5F6276;
		margin-top: 5px;
		font-size: 17px;
	}
/* DESKTOP LINE MENU END */


/* PHONE_MENU */
	.phone-bottom-menu{
		position: fixed;
    height: 88px;
    width: 100%;
    background-color: #5F6276;
    bottom: 0;
	}
	.phone-bottom-menu div{
		padding: 0;
		cursor: pointer;
		
		width: calc(100% / 5);
	}
	.phone-bottom-menu div:hover{
		/* background-color: lightgrey; */
		background-color: grey;
	}
	.phone-bottom-menu .icon{ 
		height: 40px;
		margin-top: 10px;
		margin-bottom: 5px;
		width: 100%;
	}
	.phone-bottom-menu .icon_desc{
		color: white;
		width: 100%;
		margin-bottom: 5px;
	}
/* PHONE_MENU END*/



	.menu_point{
		border: 4px solid transparent;
	}
	.menu_point_active{
		/* border: 4px solid #005A7C; */
		background-color: grey;
	}
	.desktop_line_menu .menu_point_active .icon_desc{
		/* border: 4px solid #005A7C; */
		color: white;
	}
	
	
/* PC_MENU */
	.pc_side_menu{
		margin-top: 30px;
		width: 30%;
		float: left;
		padding: 0 15px;
	}
	.pc_side_menu .icon{
		height: 100px;
		width: 100%;
	}
	.pc_side_menu .icon_desc{
		width: 100%;
		color: black;
		margin-top: 10px;
	}
	.pc_side_menu div{
		width: calc(100% / 3);
		margin-bottom: 10px;
		padding-top: 20px;
		cursor: pointer;
	}
	.pc_side_menu empty{
		width: calc(100% / 3);
	}
	.pc_side_menu div:hover{
		background-color: lightgrey;
	}
	.pc_side_menu .menu_point_active .icon_desc{
		/* border: 4px solid #005A7C; */
		color: white;
	}
/* PC_MENU END */



/* PET_INFO */
	.pet_info{
		width: 100%;
		padding:  0;
		display: inline-block;
	}
	.pet_photo{
		height: 280px;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
		
	}
	.pet_photo .btn{
		float: right;
		margin-top: -36px;
		margin-right: 2px;
	}
	.pet_photo img{
		margin: auto;
		display: block;
		max-width: 100%;
		max-height: 250px;
	}
	.pet_info .photo_upload{
		margin: 10px 0px 0;
    float: left;
	}
	.pet_info .photo_upload .btn{
		margin: auto;
    width: 240px;
    display: block;
    padding: 7px 15px;
	}
	.pet_info .photo_upload .btn span{
		font-size: 40px;
    float: left;
	}
	.pet_info .photo_upload .btn p{
		font-size: 18px;
    line-height: 40px;
    margin: 0;
    margin-left: 48px;
    position: relative;
	}
	.pet_info .photo_upload input{
		width: 100%;
	}
	.pet_description{}
	.pet_description .save_btn{
		width: 80%;
		margin-left: 10%;
		margin-top: 15px;
	}
	.pet_description .field{
		width: 100%;
		display: inline-block;
		margin-top: 10px;
	}
	.pet_description .field .field_name{
		width: 100%;
		float: left;
		font-weight: 600;
		color: #003D54;
	}
	.pet_description .field .field_val{
		width: 100%;
		float: left;
		color: #5F6276;
	}
	.pet_description .field .field_val input{
		width: 100%;
		padding: 7px;
		border: 1px solid lightgrey;
		border-radius: 0;
	}	
	.pet_description .field .field_val textarea{
		width: 100%;
		padding: 7px;
	}	
	.pet_description .field .field_val select{
		width: 100%;
		height: 40px;
		padding: 0;
		border-radius: 0;
		padding: 7px;
		border: 1px solid lightgrey;
	}	
/* PET_INFO END*/




/* CUSTOM_TABLE */
	
	.custom_table{
		display: table;
		border-collapse: collapse; 
		width: 100%;
	}
	.custom_table > .row{
		display: table-row;
		border-bottom: 1px solid lightgray;
	}
	.custom_table > div{
		border-bottom: none;
	}
	.custom_table > .row > .cell{
		display: table-cell;
		word-wrap: break-word;
		word-break: break-all;
	}
	.custom_table > .row > .no_break_cell{
		display: table-cell;
	}

/* CUSTOM_TABLE END*/


/* SIMPLE_LIST_TABLE */
	.simple_list_table{
		color: #5F6276;
	}
	.simple_list_table a{
		color: #5F6276;
	}
	.simple_list_table h4, .simple_list_table b{
		color: #003D54;
	}
	.bordered_table{
		border: 1px solid lightgrey;
	}
	.simple_list_table .warning-sign-icon {
    height: 20px;
    width: 20px;
    margin-right: 7px;
    margin-left: -8px;
	}
	.simple_list_table{
		float: left;
		border-width: 0px 1px 1px 1px;
		border-style: solid;
		border-color: lightgrey;
		width: 100%;
	}
	.simple_list_table>div{
		margin: 0;
		border-bottom: 1px solid lightgrey;
		display: block;
	}
	.simple_list_table>div:first-of-type{
		border-top: 1px solid lightgrey;
	}
	.simple_list_table>div:last-of-type{
		border-bottom: none;
	}
	.simple_list_table>div>.top_border{
		border-top: 1px solid lightgray;
	}
	.simple_list_table>div .right_border{
		border-right: 1px solid lightgray;
		min-height: 26px;
	}
	.simple_list_table h4{
		text-align: center;
	}
	.simple_list_table .date{
		padding-top: 0;
		padding-bottom: 0;
		text-align: center;
		
	}
	.simple_list_table .text_center{
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		
	}
	.simple_list_table .no_side_padding{
		padding-left: 0;
		padding-right: 0;
	}
	.simple_list_table .number{
		padding: 2px 0;
		text-align: center;
	}
	.simple_list_table .date{
		padding: 2px 0;
	}
	.simple_list_table .text{
		padding: 2px 15px;
		border-left: 1px solid lightgrey;
	}
	.simple_list_table .no_padding{
		padding: 0;
	}
	.simple_list_table .text .name{
		
	}
	.simple_list_table .text p {
    margin-bottom: 2px;
    border-top: 1px solid lightgray;
    width: calc(100% + 30px);
    margin-left: -15px;
    padding-left: 15px;
	}
	.simple_list_table .striped_row{
		float: left;
    width: 100%;
	}
	.simple_list_table .striped_row:nth-child(odd){
		background-color: white; 
	}
/* SIMPLE_LIST_TABLE END */



/* HAMBURGER */
	.hamburger_switch:hover{
		background-color: #003D54;
	}
	.hamburger_switch{
		padding: 22px 22px 10px 22px;
    font-size: 30px;
    position: fixed;
    left: 100%;
    margin-left: -74px;
    top: 0px;
    cursor: pointer;
	}
	/*
	.hamburger_switch{
		padding: 10px;
		font-size: 27px;
		border: 1px solid white;
		border-radius: 5px;
		margin-right: 5px;
		position: fixed;
		left: 100%;
		margin-left: -55px;
		top: 10px;
		cursor: pointer;
	}
	*/
	.hamburger_menu{
		/* BG #005A7C */
		background-color: white;
		position: fixed;
		width: 300px;
		text-align: center;
		font-size: 18px;
		margin-left: calc(100% - 300px);
		margin-top: 0px;
		
		overflow: hidden;
		height: 0;
	}
	.hamburger_switch {
		padding: 37px;
	}
	.hamburger_switch .glyphicon-menu-hamburger {
		position: absolute; 
		top: 23px;
		left: 23px;
		height: 40%;
		width: auto; 
		overflow: hidden;
	}
	.hamburger_switch .glyphicon-menu-hamburger:before {
		content: '';
		display: block;
		width: 50px;
		height: 100%;
		background-size: auto 100%;
		background: url('../img/align-justify.svg') no-repeat;
	}

	.hamburger_menu_inner .point{
		position: relative;
	}
	.hamburger_menu_inner .glyphicon {
		position: absolute; 
		top: 5px;
		left: 0;
		height: 55%;
		width: auto; 
		overflow: hidden;
	}
	.hamburger_menu_inner .glyphicon-home {
		left: -2px;
	}
	.hamburger_menu_inner .glyphicon-log-out {
		left: -2px;
	}
	.hamburger_menu_inner .glyphicon:before {
		content: '';
		display: block;
		width: 50px; /* Generic width */
		height: 100%;
		background-size: auto 100%;
	}
	.hamburger_menu_inner .glyphicon-home:before {
		background: url('../img/home.svg') no-repeat;
	}
	.hamburger_menu_inner .glyphicon-file:before {
		background: url('../img/file.svg') no-repeat;
	}
	.hamburger_menu_inner .glyphicon-wrench:before {
		background: url('../img/wrench.svg') no-repeat;
	}
	.hamburger_menu_inner .glyphicon-log-out:before {
		background: url('../img/log-out.svg') no-repeat;
	}
	.hamburger_menu_opened{
		transition: all .5s linear;
		height: calc(44px * 6);
		border-width: 0 0 1px 1px;
    border-color: #007FAD;
    border-style: solid;
	}
	.hamburger_menu_closed{
		transition: all .5s linear;
		height: 0;
	}
	.hamburger_menu span{
		float: left;
		margin-left: 15px;
		margin-top: 3px;
	}
	.hamburger_menu a{
		/*color: black;*/
		color: #5F6276;
		display: block;
		border-bottom: 1px solid #007FAD;
		cursor: pointer;
		height: 44px;
	}
	.hamburger_menu a:last-of-type{
		border: 0;
	}
	.hamburger_menu a:hover{
		background-color: #F0F0F0;
		color: #002E3F;
	}
	.hamburger_menu .point{
		padding: 9px 0;
	}
	@media (max-width:768px){
		.hamburger_menu{
			width: 100%;
			left: 0;
			margin-left: 0;
		}
	}
	.search_input{
		background-image: url(../img/search_input_icon_30.png);
		background-position: right;
		background-repeat: no-repeat;
		
	}
/* HAMBURGER END*/



/* POPUP */
	.popup .content_center{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
	}
	.popup_bg{
		display: none;
	
		width: 100vw;
		height: 135vh;
		z-index: 15;
		left: 0;
		background-color: #fff;
		position: fixed;
		opacity: 0.9;
		top: -33vh;
		margin-top: 0;
		
	}
	.popup{
		display: none;
	
		text-align: center;
		position: fixed;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 20;
	}
	.popup .main{
		font-size: 24px;
	}
	.popup .secondary{
		font-size: 20px;
		border-top: 1px solid lightgrey;
		padding-top: 9px;
	}
	.popup_close{
		font-size: 20px;
		position: absolute;
		left: 80%;
		margin-left: -85px;
		height: 50px;
		top: 20%;
		cursor: pointer;
		display: block;
		width: 50px;
		background-image: url(../img/remove_dark.svg);
		background-repeat: no-repeat;
		background-position: center;
	}
	@media (max-width:768px){
		.popup_close{
			top: 5%;
			left: 100%;
			/* margin-left: 0; */
		}
	}
	.popup_close > div{
		position: absolute;
		
	}
	.popup_close .line1{
		width: 50px;
		transform: rotate(45deg);
		border: 2px solid #5F6276;
		height: 12px;
		background-color: white;
		display: none;
	}
	.popup_close .line2{
		width: 50px;
		transform: rotate(-45deg);
		border: 2px solid #5F6276;
		height: 12px;
		background-color: white;
		display: none;
	}
	.popup_hidden {
		animation: hide 0.5s;
		opacity: 0;
	}
	@keyframes hide {
		from {
			opacity: 0.9;
		}
		to{
			opacity: 0;
		}
	}
	.popup_visible {
		animation: show 0.5s;
		opacity: 0.9;
	}
	@keyframes show {
		from {
			opacity: 0;
		}
		to{
			opacity: 0.9;
		}
	}
/* POPUP END*/



/* BOOTSTRAP */
	/* .btn-primary{
		background-color: #5F6276;
		border: none;
		border-radius: 0;
	}
	.btn-primary:hover{
		background-color: #003D54;
	}
	
	.btn{
		border-radius: 0px;
		padding: 6px 10px;
		font-size: 15px;
	}
	.btn-xs {
    padding: 1px 5px;
	}
	.btn:hover{
		
	} */
	.form-group {
		margin-bottom: 0;
	}
	.input-group .form-control {
		z-index: 0;
	}
	.btn-sm {
		padding: 5px;
		/* background-color: #888; */
		color: black;
		border: 1px solid black;
		font-size: 14px;
	}
	.btn-sm:hover {
		background-color: rgb(202, 202, 202);
	}
	
	input{
		border-radius: 4px;
		border: 1px solid #32DFE5;
		padding: 6px 10px;
		font-size: 15px;
	}
	select{
		border-radius: 4px;
		border: 1px solid #32DFE5;
		padding: 6px 10px;
		font-size: 15px;
	}
	input:focus{
		outline: none;
		border: 1px solid #3288E5;
	}
	.content_center{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.float-left{
		float: left;
	}
	.float-right{
		float: right;
	}
	.small-width {
		width: 100px;
	}
	.relative {
		position: relative;
	}
	.text-right {
		text-align: right;
	}
	.auto-height {
		height: auto;
	}
/* BOOTSTRAP END */


/* DATEPICKER FROM JS */
/* OLD BROWSER CSS interception FIX */
	.rtl {
		direction: rtl;
	}
	.vdp-datepicker {
		position: relative;
		text-align: left;
	}
	.vdp-datepicker * {
		box-sizing: border-box;
	}
	.vdp-datepicker__calendar {
		position: absolute;
		z-index: 100;
		background: #fff;
		width: 300px;
		border: 1px solid #ccc;
	}
	.vdp-datepicker__calendar header {
		display: block;
		line-height: 40px;
	}
	.vdp-datepicker__calendar header span {
		display: inline-block;
		text-align: center;
		width: 71.42857142857143%;
		float: left;
	}
	.vdp-datepicker__calendar header .prev,
	.vdp-datepicker__calendar header .next {
		width: 14.285714285714286%;
		float: left;
		text-indent: -10000px;
		position: relative;
	}
	.vdp-datepicker__calendar header .prev:after,
	.vdp-datepicker__calendar header .next:after {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		border: 6px solid transparent;
	}
	.vdp-datepicker__calendar header .prev:after {
		border-right: 10px solid #000;
		margin-left: -5px;
	}
	.vdp-datepicker__calendar header .prev.disabled:after {
		border-right: 10px solid #ddd;
	}
	.vdp-datepicker__calendar header .next:after {
		border-left: 10px solid #000;
		margin-left: 5px;
	}
	.vdp-datepicker__calendar header .next.disabled:after {
		border-left: 10px solid #ddd;
	}
	.vdp-datepicker__calendar header .prev:not(.disabled),
	.vdp-datepicker__calendar header .next:not(.disabled),
	.vdp-datepicker__calendar header .up:not(.disabled) {
		cursor: pointer;
	}
	.vdp-datepicker__calendar header .prev:not(.disabled):hover,
	.vdp-datepicker__calendar header .next:not(.disabled):hover,
	.vdp-datepicker__calendar header .up:not(.disabled):hover {
		background: #eee;
	}
	.vdp-datepicker__calendar .disabled {
		color: #ddd;
		cursor: default;
	}
	.vdp-datepicker__calendar .flex-rtl {
		display: flex;
		width: inherit;
		flex-wrap: wrap;
	}
	.vdp-datepicker__calendar .cell {
		display: inline-block;
		padding: 0 5px;
		width: 14.285714285714286%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		vertical-align: middle;
		border: 1px solid transparent;
	}
	.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day,
	.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month,
	.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year {
		cursor: pointer;
	}
	.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
	.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
	.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
		border: 1px solid #4bd;
	}
	.vdp-datepicker__calendar .cell.selected {
		background: #4bd;
	}
	.vdp-datepicker__calendar .cell.selected:hover {
		background: #4bd;
	}
	.vdp-datepicker__calendar .cell.selected.highlighted {
		background: #4bd;
	}
	.vdp-datepicker__calendar .cell.highlighted {
		background: #cae5ed;
	}
	.vdp-datepicker__calendar .cell.highlighted.disabled {
		color: #a3a3a3;
	}
	.vdp-datepicker__calendar .cell.grey {
		color: #888;
	}
	.vdp-datepicker__calendar .cell.grey:hover {
		background: inherit;
	}
	.vdp-datepicker__calendar .cell.day-header {
		font-size: 75%;
		white-space: nowrap;
		cursor: inherit;
	}
	.vdp-datepicker__calendar .cell.day-header:hover {
		background: inherit;
	}
	.vdp-datepicker__calendar .month,
	.vdp-datepicker__calendar .year {
		width: 33.333%;
	}
	.vdp-datepicker__clear-button,
	.vdp-datepicker__calendar-button {
		cursor: pointer;
		font-style: normal;
	}
	.vdp-datepicker__clear-button.disabled,
	.vdp-datepicker__calendar-button.disabled {
		color: #999;
		cursor: default;
	}
/* DATEPICKER FROM JS  END*/


/* DATEPICKER */
	/* under SM */
	@media (max-width:1200px){
		.vdp-datepicker__calendar{
			width: calc( 100% + 100px)  !important;
			left: -100px;
			
		}
	}
	/* SM+ */
	@media (min-width:1200px){
		.vdp-datepicker__calendar{
			width: calc( 100% + 10px);
			left: -10px;
		}
	}
	
	.vdp-datepicker > div > input {
		background-image: url(../img/calendar.png);
		background-position: right;
		background-repeat: no-repeat;
		width: 100%;
		border-radius: 0;
	}
/* DATEPICKER END */

/* PAGE CONTENT */
	.content_wrapper{
		width: 100%;
		margin-top: 20px;
		float: left;
	}
	@media (min-width:768px){
		.content_wrapper{
			width: 50%;
			margin-top: 20px;
			float: left;
			margin-left: 10%;
		}
	}
	.accordion_list_item{
		float: left;
		width: 100%;
		margin-top: -2px;
	}
	.accordion_list_item .js-Accordion-title{
		color: #5F6276;
		/*color: #003D54;*/
	}
	.accordion_list_item .read_more{
		width: 200px;
		margin: 7px auto;
		display: block;
	}
	.accordion_list_item a:hover{
		text-decoration: none;
	}
	
	.data_missing{
		font-size: 20px;
		float: left;
		text-align: center;
		width: 100%;
		margin-top: 10px;
	}

/* PAGE CONTENT END*/


/* ACCORDION */
	.js-Accordion-content{}
/* ACCORDION END*/