/* ==========================================================================
   Author's custom styles
   ========================================================================== */


.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

.vertical-center:before {    /* create a full-height inline block pseudo=element */
  content: " ";
  display: inline-block;
  vertical-align: middle;    /* vertical alignment of the inline element */
  height: 100%;
}

.vertical-center .row {
	flex: 1;
}

body {
	margin: 2rem 4rem;
}

@media (max-width: 768px) {
	body {
		margin: 0.25rem 1rem;
	}
}

body.login {
	background-color: #9B9DA2;
	/*font-family: Inter;*/
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	margin: 0px !important;
}


body.login form.user {
	flex: 1;
	margin: 60px;
	text-align: center;
	padding: 40px;
	border-radius: 12px;
	background-color: #fff;
}

body.login form.user .logo {
	width: 60px;
}
 

body.login form.user h1 {
	color: #366296;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 40px;

}

body.login form.user input {
	border: 1px solid #8694BB;
	box-sizing: border-box;
	border-radius: 6px;
	width: 100%;
	height: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 17px
}
 

body.login form.user input[type=submit] {
	background: #366296;
	box-sizing: border-box;
	border-radius: 6px;
	width: 100%;
	height: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*font-family: Inter;*/
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	color: #FFFFFF;
}

.btnLogin {
	background: #366296;
	box-sizing: border-box;
	border-radius: 6px;
	width: 100%;
	height: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*font-family: Inter;*/
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	color: #FFFFFF;
}
 
.navbar-brand img {
	width: 120px
}

.table thead th {
	border: none;
	color: #CECECE;
	/*font-family: Inter;*/
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	padding-bottom: 1.2rem
}

.table td {
	border-top: none;
	border-bottom: 1px solid #e3e6f0;
	/*font-family: Inter;*/
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	/* identical to box height */

	color: #727272;
}

.table td:first-child {
	color: #000;
}

.row-download:hover {
	color: #366296  !important;
	text-decoration: none;
}

.row-download {
	color: #bdcde1 !important;
}

.row-action:hover {
	color: #366296  !important;
	text-decoration: none;
}

.row-action {
	color: #bdcde1 !important;
}

.row-action i {
	transform: rotateY(0deg) rotate(-45deg);
}

.h3 {
	/*font-family: Inter;*/
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	/* identical to box height */

	text-align: right;

	color: #366296;
}

.table-border-round {
	/*border: 1px solid rgba(180, 188, 208, 0.25);*/
	box-sizing: border-box;
	/*border-radius: 6px;*/
	border-collapse: separate; 
	border-radius: 0.35rem !important;
	border: 1px solid #e3e6f0 !important;
	padding: 1.75rem;
}


.table-border-round td {
	padding: 0.25rem;	
	vertical-align: middle;
	border: none;

	/*font-family: Inter;*/
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;

	color: #727272;
}



.table-horizontal {
	/*border: 1px solid rgba(180, 188, 208, 0.25);*/
	box-sizing: border-box;
	/*border-radius: 6px;*/
	border-collapse: separate; 
}

.table-horizontal tbody {
	padding: 0.75rem;
}

.table-horizontal td {
	padding: 0.25rem;	
	vertical-align: middle;
	border: none;

	/*font-family: Inter;*/
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;

	color: #727272;
}

.table-horizontal th {
	width: 150px;
	padding: 0.25rem;	
	vertical-align: middle;
  	border: none;
	color: #fff;
	/*font-family: Inter;*/
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	/* identical to box height */

	color: rgb(255,255,255, 0.5);
	background-color: #30445C;

}


.table-horizontal.header-lg th {
	width: 300px !important
}


.table-horizontal.border-rounded tr:first-child th {
	border-top-left-radius: 0.35rem !important;
	padding-top: 1.75rem;
}

.table-horizontal.border-rounded tr:last-child th {
	border-bottom-left-radius: 0.35rem !important;
	padding-bottom: 1.75rem;
}

.table-horizontal.border-rounded th {
	padding-left: 1.75rem;
	padding-right: 1.75rem;
}


.table-horizontal.border-rounded tr:first-child td {
	border-top-right-radius: 0.35rem !important;
	border-top: 1px solid #e3e6f0 !important;
	padding-top: 1.75rem;
}

.table-horizontal.border-rounded td {
	border-right: 1px solid #e3e6f0 !important;
	padding-right: 1.75rem;
	padding-left: 1.75rem;
}

.table-horizontal.border-rounded tr:last-child td {
	border-bottom-right-radius: 0.35rem !important;
	border-bottom: 1px solid #e3e6f0 !important;
	padding-bottom: 1.75rem
}

td.usdot {
	/*font-family: Inter;*/
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	line-height: 27px;
	/* identical to box height */

	text-align: right;

	color: #366296;
}

.row.content-box-end {
	align-items: flex-end;
}

.row.content-box-start {
	align-items: flex-start;
}


.percentInput { position:relative; display: inline-block; }
.percentInput span { position: absolute; top:4px; right: 5px; line-height:100%; vertical-align: middle;}
.num_percent { width:100%; text-align: right; padding-right: 17px; }


table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 1.5em !important;
    display: block;
    opacity: 0.3;
}

.dt-body-right  {
	text-align: right !important;
}

td.dt-body-right  {
	padding-right: 1.9rem !important
}


form label.error {
	color: #c00;
	font-size: 100%;
	font-weight: bold;
	display: none;
	clear:both;
	text-align: left;
    width: 100%;
}


input.error {
	border: 1px solid #c00 !important;
}

input.error:focus {
  color: #6e707e;
  background-color: #fff;
  border-color: #c00;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(204, 0, 0, 0.25);
}

textarea.error {
	border: 1px solid #c00 !important;
	font-size: 1rem;
    font-weight: 400;
    width: 100%;
    line-height: 1.5;
}

textarea.error:focus {
  color: #6e707e;
  background-color: #fff;
  border-color: #c00;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(204, 0, 0, 0.25);
}