body {
	background: #dae5eb;

}
* {
	outline: none !important;
}
.img-responsive {
	display: inline-block !important;
}
.no_padding {
	padding: 0 !important;
}
.no_margin {
	margin: 0 !important;
}
.padding_xs{
 padding: 0 2px 0 2px !important;
}
.padding_sm{
 padding: 0 5px 0 5px !important;
}
.ht5 {
	height: 5px;
}
.ht10 {
	height: 10px;
}
.pos_rel {
	position: relative;;
}
input[type="radio"]:focus {
	outline: none !important;
} 
@font-face {
    font-family: 'poppinsbold';
    src: url('fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'poppinslight';
    src: url('fonts/poppins-light-webfont.woff2') format('woff2'),
         url('fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'poppinsregular';
    src: url('fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html, body {
	min-height: 100%;
}
/*login style starts here*/

.login_wrapper {
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.login_box {
    background: #ebf0f4;
    border-radius: 10px;
    padding: 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 500px;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 20px #d8d8d8;
}
.login_box .logo {
    padding: 0 0 50px 0;
}
.login_title {
	color: #1eabb4;
	font-size: 22px;
	border-top: 2px solid #dae4ed;
	padding: 20px 0;
}
.login_input {
    border: 2px solid #dae5eb;
    border-radius: 6px;
    padding: 15px;
    background: none;
    box-shadow: none;
    height: 60px;
    margin-bottom: 15px;
    text-align: right;
}
.btn_login {
    border-radius: 6px;
    background: #1eabb5;
    color: #FFF !important;
    padding: 15px;
    height: 60px;
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: 700;
}
.login_bottom_link a {
	font-size: 14px;
	color: #acbfcd;
	text-decoration: underline;
}
.login_bottom_link a span{
	color: #4d4e86;
	color: 14px;
}
/*login style ends here*/



/*inner_login starts here*/
h3.logo_text_inner {
	color: #4c4e87;
	font-size: 22px;
	text-align: center
}
.inner_login_box {
    background: #ebf0f4;
    border-radius: 10px;
    padding: 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 950px;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 20px #d8d8d8;
}
.circle_btn_container {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	margin: 40px 0 0 0;
}
/*.flex_c_c {
	display: flex;
	align-items: center;
	justify-content: center;
}*/
.purple_bg, .purple_bg::after, .purple_bg::before {
    background: #4d4e87;
}
.cyan_bg, .cyan_bg::after, .cyan_bg::before {
    background: #1eabb5;
}
.circle_btn {
    width: 230px;
    height: 230px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
}
.circle_btn::after {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    border-radius: 100%;
    opacity: 0.4;
    z-index: -1;
    transform: scale(1.1);
}
.circle_btn::before {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    border-radius: 100%;
    opacity: 0.2;
    z-index: -2;
    transform: scale(1.2);
}

/*inner_login ends here*/

/*inner_detail_style starts here*/

.top_header_section {
	background: #dae5eb;
	display: flex;
	align-items: center;
}
.detail_body_bg {
	background: #ebf0f4;
}
.search_input_wrapper {
	background: #1eabb5;
	float: left;
	width: 100%;
	padding: 10px;
	display: flex;
	align-items: center;
	flex-direction: row;
	color: #FFF;
}
.calendar_col {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	flex: 1;
}
.or_text.calendar_col {
	flex: 0.5;
}
.cal_icon {
    background: #48bbc2;
    padding: 7px;
    border-radius: 6px;
    margin-right: 5px;
}
.cal_input {
    background: #48bbc2;
    padding: 7px;
    border: none;
    color: #FFF;
}
.calendar_col label{
    color: #FFF;
    margin: 0 5px;
    font-weight: normal;
}
.padding_lg {
    padding: 15px 50px;
}
.date_slide {
	position: relative;
}
.date_slide .right_arrow {
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 20px;
	color: #FFF;
	background: none;
	border: none;
	padding: 0;
}
.date_slide .left_arrow {
	position: absolute;
	left: 10px;
	top: 5px;
	font-size: 20px;
	color: #FFF;
	background: none;
	border: none;
	padding: 0;
}
.date_slide .cal_input {
    padding: 5px 30px;
}

.cyan_bg_box {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	background: #d6f2f6;
	padding: 20px;
}
.total_div {
	padding: 0 60px;
}
.total_div .total_val {
	font-size: 25px;
	color: #354052;
}
.total_div .total_val span{
	font-size: 50px;
	color: #354052;
}
.total_div label, .total_countdown label {
	font-size: 14px;
	color: #354052;
}
.total_countdown {
	padding: 0 60px;
	border-left: 1px solid #1eabb4;
}
.total_countdown .count {
	color: #1eabb5;
	font-size: 50px;
}
.white_bg_table_area {
	background: #FFF;
	padding: 20px 60px;
}
.finance_white_bg_table_area {
	background: #FFF;
	padding: 20px 50px;
}
.detail_table .fa-plus {
	background: #8b94a5;
	padding: 5px 6px;
	border-radius: 50%;
	color: #FFF;
	font-size: 10px;
	cursor: pointer;
}
.detail_table .fa-minus {
	background: #20aab4;
	padding: 5px;
	border-radius: 50%;
	color: #FFF;
	font-size: 10px;
	cursor: pointer;
}
.table_header_bg{
	background: #4d4e87;
	color: #FFF;
}
.borderless td, .borderless th {
    border: none !important;
}

img.down_arrow {
    position: absolute;
    top: 100%;
    margin: auto;
    left: 0;
    right: 0;
    display: none;
}


.top_header_container {
	display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 10px;
}
.date_picker_purple_container {
	background: #4d4e88;
	padding: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.total_count {
	margin: 10px 0 0 0;
	font-size: 35px;
	font-weight: 700;
	color: #1fabb5;
}
.date_picker_purple_container p {
	color: #FFF;
	font-size: 15px;
}



.date_picker_box {
	position: relative;
}
.date_picker_box .right_arrow {
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 20px;
	color: #FFF;
	background: none;
	border: none;
	padding: 0;
}
.date_picker_box .left_arrow {
	position: absolute;
	left: 10px;
	top: 5px;
	font-size: 20px;
	color: #FFF;
	background: none;
	border: none;
	padding: 0;
}

.date_picker_box .date_picker_input {
	padding: 5px 30px;
	background: #5f6094;
	border: none;
	color: #FFF;
}

.table_header_dark_cyan_bg th, .table_header_dark_cyan_bg td{
	background: #1fabb5;
	color: #FFF;
	padding: 10px 2px !important;
}
.table_header_grey_bg th, .table_header_grey_bg td{
	background: #d9e4eb;
	color: #354052;
	padding: 10px 2px !important;
}
.table_header_light_cyan_bg th, .table_header_light_cyan_bg td{
	background: #72cad0;
	color: #FFF;
}
.cyan_head_text td {
	color: #1fabb5;
}
.text-red td {
	color: #ff0000;
}
.table_partiion_border {
	border-left: 1px solid #CCC;
}
.detail_table {
	margin: 0 0 5px 0;
}
.parent_accord_btn {
	cursor: pointer;
}
.white_icon {
	display: none;
}

.table_sm th, .table_sm td {
	padding: 2px !important;
}
.accord_inner_table_area .col-xs-12 {
    min-height: 35px;
	max-height: 35px;
}
.accord_inner_table_area .col-xs-12:nth-child(2n+1) {
    border-left: 1px solid #CCC;
	clear: both;
}
.accord_inner_table_area table {
	font-size: 13px;
	white-space: normal;
}
/*inner_detail_style ends here*/

@media only screen and (max-width: 768px) {
	
	.top_header_container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.top_inner_left_text {
		order: 2;
	}
	.top_inner_logo {
		order: 1;
		margin: 0 0 15px 0;
	}
	.top_header_section h4 {
		margin:15px 0 !important;
	}
	.login_bottom_link {
		text-align: center;
		padding: 10px 0 !important;
	}
	.circle_btn_container, .search_input_wrapper {
		flex-direction: column;
	}
	.circle_btn_container .circle_btn {
		margin: 40px 0;
	}
	.login_wrapper {
		height: auto;
	}
	.top_header_section{
		flex-direction: column;
		padding: 20px !important;
	}
	.title_sec {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.date_slide{
		width: 100%;
	}
	.calendar_col{
		width: 100%;
		margin: 10px 0;
	}
	.white_bg_table_area {
		padding: 15px;
	}
	.finance_white_bg_table_area {
		padding: 15px;
	}
}
@media only screen and (max-width: 550px) {
	.cyan_bg_box {
		flex-direction: column;
	}
	.d-xs-none{
		display:none;
	}
	.total_div {
		padding: 20px;
		width: 100%;
		text-align: center;
	}
	.total_countdown {
		padding: 20px;
		border-left: none;
		border-top: 1px solid #1eabb4;
		width: 100%;
		text-align: center;
	}
	.accord_inner_table_area .col-xs-12:nth-child(2n+1) {
		border: none !important;
	}
	.detail_table {
		height: 80px !important;
		font-size: 16px !important;
	}
	.accordion_main_tr{
		height: 50px !important;
	}
}
.accord_inner_table_area .col-xs-12 table tr td {
    vertical-align: top;
}