a { color: #104176;}
.float-left{float: left;}
.float-right{float: right;}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {background-color: #0e3b6c;}
.skin-blue .main-sidebar{background:#fff;}
.main-sidebar{padding-top:15px;}
.logo-lg {text-align:center;display: inline-block; width:100%;margin-bottom:15px;position: relative;z-index:99999;overflow: hidden; padding:0 20px;}
.logo-lg .logo {max-width: 100%;}
.content-wrapper {background-color: #fff;}
.skin-black-light .main-header {border-bottom: 0px solid #d2d6de;}
.skin-black-light .sidebar-menu > li:hover > a, .skin-black-light .sidebar-menu > li.active > a {color: #003D73;background: #edf1f8;border-left: 1px solid #003d73;}
.main-header {z-index: 99;}
.skin-black-light .main-header .navbar > .sidebar-toggle{float: right;border:0;font-size: 20px;}
.main-footer {color: #707070;font-size: 12px;}
.main-footer a{color: #707070;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Roboto', sans-serif;}
.login-box, .register-box{background:#FFF;padding:20px;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#login_submit,#forgot_submit, #reset_submit {border-radius: 5px; padding:10px 0;}
.btn-primary{border-color: #104176; padding:10px 15px;}
.btn{font-size: 12px;}
.form-control {border-radius: 3px;}
.login-box-body {text-align: center;padding-top:0; }
.login-box-body label {	font-weight: normal;color: #333;text-align: left;width: 100%;}
.login-box-body label span{color: #FF0000;}
.login-box-body .checkbox, .login-box-body .radio {text-align: center;}
.login-box-body .checkbox label, .login-box-body .radio label{text-align: center;width: 100%;}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {	color: #FFF;}
.btn-default {background-color: #104176;color: #FFF;border-color: #104176;border-radius:3px;}
.btn-default:hover, .btn-default:active, .btn-default.hover {background-color: #134a86;}
.btn-default:hover {border-color: #134a86;}
.sidebar-collapse .logo-lg {padding: 0 10px;}
.skin-black-light .content-header {background:#fff; padding:20px;box-shadow: 1px 0px 10px rgba(0,0,0,0.2); margin-bottom: 30px;}
.content-header > .breadcrumb {float: left;position: relative; width:58%;top:0; padding: 0 0 15px; color: #A8ACB2;left: 0;right: 0;font-size:11px;}
.content-header > .breadcrumb.wauto{width:auto;}
.content-header > .breadcrumb > li{color:#A8ACB2;text-transform: uppercase;}
.content-header > .breadcrumb > li > a{color:#A8ACB2;text-transform: uppercase; }
.content-header > h1 {width: 50%;clear: both; color: #333; font-size:22px;}
.form-control {height: 42px;padding: 5px 12px;}
.skin-black-light .main-header li.user-header {	background-color: #ccc;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {color: rgba(255, 255, 255, 1);}
.content{padding:20px;}
.box{background:transparent;border-top:0 solid #d2d6de;box-shadow: 0 0 0;border-radius: 0}
.box-body{border-radius:0; }
.box .table-bordered > thead > tr > th,
.box .table-bordered > tbody > tr > th{border:0px solid #e5e5e5;padding:12px;}
.box .table-bordered > tbody > tr > td{border:0;border-bottom:2px solid #d6d8d7; padding:12px;}
.table-striped > tbody > tr:nth-of-type(2n+1) {background-color:#FFF;}

.content-header .btn-primary {border-color: #2296F3;background: #2296F3;margin-top: 10px; margin-left:10px;}
.content-header .btn-primary:hover{background: #F2F2F2;border-color: #F2F2F2; color: #525A65;}
.content-header .btn-primary.exportcsv {background: #F2F2F2;border-color: #F2F2F2; color: #525A65;}
.content-header .btn-primary.exportcsv:hover{border-color: #2296F3;background: #2296F3;color: #FFF;}
.btn.filterbtn {border: 1px solid #707070;margin-bottom: 0;padding:10px 24px;}

.searchbox {float: left;margin-right: 15px;margin-bottom: 10px;}
.searchbox input {border-radius: 3px;border: 1px solid #999;padding: 8px;width: 300px;}

/*.filterbox{position: relative;display: inline-block;margin-bottom: 10px;}*/
.filterbox {
	position: absolute;
	display: inline-block;
	margin-bottom: 10px;
	right: 0;
	top: 0;
}
#filter {right:0; width: 250px;background:#525A65;padding:0;	position: absolute;	z-index: 99999;color: #fff;border-radius: 5px;
box-shadow: 1px 1px 6px rgba(0,0,0,0.5); top: 45px;}
#filter:after {content: "";position: absolute;top:-15px;right:12px;border-style: solid;border-width:0 15px 15px;border-color:#525A65 transparent;display: block;width: 0;z-index: 0;}
.btn.applybutton {border: 1px solid #2296F3; margin:0;background:#2296F3;color: #fff; width:100%;padding: 12px;
font-weight: bold;}
#filter label {padding: 5px 10px;font-weight: normal;}
.datebox {float: left;width: 100%;padding: 10px;}
.datebox .form-group {float: left;width: 50%;padding: 0 5px;}
.table-striped > tbody > tr th a,.table-striped > tbody > tr td a{color: #67BFE6; text-decoration: underline;}
.table-striped > tbody > tr:nth-of-type(2n+1):hover a{color: #67BFE6; text-decoration: underline;}
.paginationbox {float: right;width:auto;}
.paginleft {float: left;width: auto;padding: 24px;}
.paginationbox .pagination {float: left;margin: 0;}
.paginationbox .pagination li {list-style: none;padding: 5px 10px;}
.paginationbox .pagination li.active{background:#2296F3;color: #fff;}
.pageresults{float: left; width: auto;margin:20px 0; }
.pageresults label {float: left;font-weight: normal;padding: 7px 15px;color: #A8ACB2;}
.pageresults select{float: left; width: 80px;height: 30px;}
.twoarrowleft {float: left;width: 40px;text-align: center;}
.onearrowleft {float: left;width: 40px;text-align: center;}
.twoarrowright {float: left;width: 40px;text-align: center;}
.onearrowright {float: left;width: 40px;text-align: center;}
.login-logo, .register-logo {margin-top: 20px;}
.login-page, .register-page {background: #F1F1F1;}
.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-black-light .main-header .navbar .navbar-right > li > a {border-left:0;padding-top: 18px}
.formbox{margin-bottom: 20px;background: #fff;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);border-radius: 3px;float: left;width: 100%;padding-bottom: 15px;}
.rateofintrest{width:140px;display: inline-block;}
.rateofint{display: inline-block;}

.formtopbotton{margin-bottom:20px;background: #fff;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);border-radius: 3px;float: left;width: 100%; padding:10px 0}

.yeardate, .monthdate{float: left; width:30%; margin-right:10px; }

.un-detailbox {margin: 0 0 30px;padding: 0;display: inline-block;width: 100%;list-style: none;border-left: 1px solid #ccc;border-right: 1px solid #ccc;	border-top: 1px solid #ccc;}
.un-detailbox li {float: left;width: 50%;padding: 10px;border-bottom: 1px solid #ccc;}
.un-detailbox li:nth-child(even) {background:#ebf2f7;}
.un-detailbox li:nth-child(odd) {background:#fff;}
.un-detailbox li h4 {float: left;margin: 0 10px 0 0; }
.un-detailbox li p {margin:0;padding:0;font-size:16px;}

.green-text{color:#00c425;}
.red-text{color:#00FFFF;}

.investmentbox{}
.investmentbox .panel-default > .panel-heading{padding:0;}
.investmentbox .panel-default > .panel-heading .panel-title a{padding:10px 15px;display: block;font-size: 20px; background: url(../img/down-arrow.png);background-repeat: no-repeat;background-position: 99% 50%;}

select {height:40px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;	background-image: none;	border: 1px solid #ccc;	border-radius: 4px;	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.selectbox{position: relative;display: inline-block;margin-bottom:0;}
.selectbox .btn.selectbtn {border: 1px solid #d2d6de;margin-bottom: 0;	padding: 8px 15px;	background: #FFF;color: #999;}
#selectCustomer {width:198px;background:#eee;padding:0;	position: absolute;	z-index: 99999;color: #333;border-radius:0;box-shadow: 1px 1px 6px rgba(0,0,0,0.5); top: 45px;}
#selectCustomer:after {content: "";position: absolute;top:-15px;right:15px;border-style: solid;border-width:0 15px 15px;border-color:#eee transparent;display: block;width: 0;z-index: 0;}
#selectCustomer ul {padding:10px;margin:0; overflow-x: hidden;overflow-y:auto;height:165px;}
#selectCustomer ul li {float: left;width: 100%;list-style: none;padding: 5px;}
#selectCustomer .btn {
	margin: 0;
	display: inline-block;
	border-color: #2296F3;
	background: #2296F3;
	color: #fff;
	width: 100%;
	white-space: normal;
}
#rate_of_interest{float:left;display: inline-block;width:100px;}
.parsant {float: left;padding: 8px;	font-size: 16px;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {padding:10px 5px;	font-size: 13px;}
.whitebox {
	margin-bottom: 20px;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	float: left;
	width: 100%;
	padding-bottom: 15px;
}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {	padding-right: 19px;}
.table-responsive {display: inline-block;	width: 100%;}
.investmentbox .btn.btn-info{padding: 3px 12px;}
.tableresponsive{display: inline-block;	width: 100%;position: relative;}
/*Tatatable search*/
#example_customer_filter {float: left;}
#example_customer_info {float: left;}
#example_customer_length {float: right;padding:3px 0 0 20px;}
#example_customer_paginate {float: right;}

.dataTables_info{float: left;}
.dataTables_filter{ font-weight:700;}
.dataTables_length{float: right;padding:3px 0 0 20px;}
.dataTables_paginate{float: right;}
.form-horizontal{margin:0;}

.totaldiv {
	float: left;
	width: 29%;
	background: #fff;
	margin: 10px;
	padding: 15px;
	box-sizing: border-box;
	box-shadow: 1px 3px 5px rgba(0,0,0,0.2);
}
.totaldiv h3{color:#003D73;margin:0;font-size: 18px;}
.mapdivbox{float: left; width:96%;min-height:400px; }
.removefilter {
	float: right;
	margin-right: 115px;
}
.content-header > h1 .tooltip {
	word-break: break-all;
}

@media screen and (max-width:767px) {
.tableresponsive {overflow-x: auto;}	
.dataTables_info{width:100%;}
.dataTables_filter{width: auto;}
.dataTables_length{width:100%;}
.dataTables_paginate{width:100%;}
.filterbox {position: relative;	width: 100%;text-align: left;}
#filter::after {left: 9px;}
#filter{left: 0;}
.btn.filterbtn {width: 50%;}
.content-header > .breadcrumb {width: 100%;background: none;}
.content-header > h1 {width: 100%;}
.btn-primary {border-color: #104176;padding:8px 10px;display: block; width:100%; margin-bottom:10px; }
.skin-black-light .content-header .float-right {float: none;}
.content-header .btn-primary {margin:0 0 10px 0;}
.table-responsive {border:0;}
.totaldiv{width:94%;}
.un-detailbox li {padding: 5px;}
.un-detailbox li h4 {font-size: 13px;}
.un-detailbox li p {font-size: 13px;}
}