/* custom css */
/*@import "https://fonts.googleapis.com/css?family=Helvetica&subset=latin-ext";*/
/*https://fonts.googleapis.com/css?family=Helvetica&subset=latin-ext*/

/* cyrillic */
@font-face {
  font-family: 'Helvetica';
  font-style: normal;
  font-weight: 400;
  src: local('Helvetica LT Pro'), local('HelveticaLTPro-Roman'), url(/resources/fonts/font.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Helvetica';
  font-style: normal;
  font-weight: 400;
  src: local('Helvetica LT Pro'), local('HelveticaLTPro-Roman'), url(/resources/fonts/font.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Helvetica';
  font-style: normal;
  font-weight: 400;
  src: local('Helvetica LT Pro'), local('HelveticaLTPro-Roman'), url(/resources/fonts/font.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
font-family: PaymentRM;
	src: url("/resources/fonts/Helvetica400.ttf");
}

.custom-control-label::before{
	content: none !important;
}
body{
	background-color: #FAFAFA;
	color: #4d4d4d;
}
*{
	/*font-family: PaymentRM !important;*/
	font-family: Helvetica !important;
}

a {
	color: rgb(64, 148, 216) !important;
	text-decoration: none !important;
}

a:hover {
	color: rgb(29, 91, 141) !important;
	text-decoration: underline !important;
}

hr{
	border: none;
}
.card{
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	box-shadow: 0px 3px 6px #00000029 !important;
	border-radius: 3px !important;
	opacity: 1 !important;
		margin-top: -1px !important;
	margin-left: -1px !important;
	border: none !important;
}

.nopad {
	padding: 0;
}

input.form-control{
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #C7C7C7 !important;
	border-radius: 3px !important;
	opacity: 1 !important;
	box-shadow: none !important;
	height: 38px !important;
}
.txtuppercase {
    text-transform: capitalize !important;
}
label.custom{
	text-align: left !important;
	font: Helvetica !important;
	letter-spacing: 0 !important;
	color: #747474 !important;
	opacity: 1 !important;
	position: unset !important;
	font-size: 16px !important;
	color: #747474 !important;
	padding-bottom: 5px !important;
}

button.login-button{
	background: #1D1D1D 0% 0% no-repeat padding-box !important;
	border-radius: 3px !important;
	opacity: 1 !important;
	width: auto !important;
	float: right !important;
}

.login-card{
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	box-shadow: 0px 3px 6px #00000029 !important;
	border-radius: 3px !important;
	opacity: 1 !important;
}

.request-form {
	display: block;
}

.request-form .page-title {
	font-size: 22px;
	font-weight: 800;
}

.request-form .page-subtitle {
	font-size: 14px;
	padding-bottom: 40px;
}

.request-form .well {
	background: #f4f2f2;
	border-radius: 5px;
	padding: 20px;
	width: 100%;
	font-size: 12px;
	margin-bottom: 20px;

}

.request-form .form-title {
	font-size: 16px;
	font-weight: 800;
}

.request-form label {
	font-size: 12px;
	color: #747474;
	padding: 15px 0 5px;
	margin-bottom: 0;
}

.request-form input:focus {
	border-color: #2D9AE3 !important;
}

.request-form .right-border {
	border-right: 1px solid #E0E0E0;
}

.show-mobile {
	display: none;
}

.request-form .button-wrapper button {
	font-size: 13px;
	font-weight: bold;
	display: block;
	float: left;
}

.request-form .button-wrapper .message {
	font-size: 12px;
	letter-spacing: 0;
	color: #1D1D1D;
	float: left;
	padding-left: 15px;
	max-width: 40%;
}

@media (max-width: 769px) {

	.request-form .right-border {
		border-right: none;
	}

	.show-mobile {
		display: block;
	}

	.request-form .button-wrapper button {
		display: block;
		float: none;
		width: 100%;
	}

	.request-form .button-wrapper .message {
		float: none;
		padding-left: 0;
		max-width: 100%;
		padding-top: 15px;
	}

}


/* Style the tab */
.tab {
  overflow: hidden;
  padding: 20px 0 0 15px;
  /*border-bottom: 1px solid #ccc;*/
  /*background-color: #f1f1f1;*/
}

/* Style the buttons inside the tab */
.tab button {
	background: #FAFAFA 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: none;
	outline: none;
	cursor: pointer;
	transition: 0.3s;
	border-radius: 3px 3px 0 0;
	line-height: 28px;
	font-size: 13px;
	padding: 0 25px;
	display: inline-block;
	float: left;
	margin-right: 5px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #EAEAEA;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #fff;
  font-weight: bold;
}

/* Style the tab content */
.tabcontent {
  display: none;
  /*padding: 6px 12px;*/
 /* border: 1px solid #ccc;*/
  border-top: none;
  /*border-radius: 4px 4px 0 0;*/
}

.table-container {
	overflow-x: auto;
}

.table-container * {
	white-space: nowrap;
	word-break: normal;
}

select {
/*background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #fff 0%,
#e5e5e500 100%) !important;*/
background-image: url('/resources/images/arrow.png'), linear-gradient(to bottom, #fff 0%, #e5e5e500 100%) !important;
background-repeat: no-repeat, repeat  !important;
background-position: right .7em top 50%, 0 0  !important;
background-size: 2em auto, 100%  !important;
}

select{
	height: 38px !important;
    border-radius: 3px !important;
}

input,select{ font-size: 12px !important; }
button.blackbgbtn {
	border-radius: 3px !important;
	text-transform: capitalize !important;
}
form#add_user_form select, option{
	border-radius: 3px;
	font-size: 12px;
	background:	#FFFFFF 0% 0% no-repeat padding-box;
	height: auto;
	font-family: Helvetica !important;
}











.req_table tr:nth-child(even) {background: #FAFAFA 0% 0% no-repeat padding-box !important;}

tr:nth-child(even) {background: #FAFAFA 0% 0% no-repeat padding-box !important;}

.req_table td, .req_table th{
	border-bottom: 1px solid #ccc !important;
	padding: 2px;
	font-size: 14px;
	line-height: 2em;
}
.req_table th{
	background-color: none !important;
}
ul.pagination li{
	/*border: 1px solid aliceblue;*/
	font-size: 12px;
	/*background:#f2f2f2;*/
}

ul.pagination li a{
	/*border: 1px solid aliceblue;*/
	font-size: 12px;
	/*background:#f2f2f2;*/
	text-decoration: underline;
}

ul.pagination li.active,ul.pagination li.active a {
	background: #f0f0f0;
	font-weight: bold;
	text-decoration: none;
}

.pagination a {
  color: black;
  float: left;
  padding: 5px 10px;
  text-decoration: none;
}





.msg-success{
	display:block;
	display: block;
	background:#cdf2cd;
	border: 1px solid green;
	border-radius: 5px;
	padding:5px;
}

.msg-success a{
	text-decoration: underline;
	color: blue;
}

.msg-error{
	display: block;
	background: #f2cdcd;
	border: 1px solid #f42929;
	border-radius: 5px;
	padding: 5px;
	color: red;
}

.waiting{
	color:orange;
	/*font-weight: bold;*/
	font-style: italic;
}

.completed{
	color:green;
	font-weight: bold;
	font-style: italic;
}
.req_table td, .req_table th{
	border-bottom: 1px solid #ccc;
	padding: 2px;
	font-size: 12px;
	line-height: 2em;
}

.req_table tr:hover, .tablesorter tr:hover{
	background: #ccc !important;
}
.req_table th{
	background-color: none !important; /*#c1bca6;*/
}
ul.pagination li{
	/*border: 1px solid aliceblue;*/
	font-size: 12px;
	/*background:#f2f2f2;*/
}

ul.pagination li a{
	/*border: 1px solid aliceblue;*/
	font-size: 12px;
	/*background:#f2f2f2;*/
	text-decoration: underline;
}

ul.pagination li.active,ul.pagination li.active a {
	background: #f0f0f0;
	font-weight: bold;
	text-decoration: none;
}

.pagination a {
  color: black;
  float: left;
  padding: 5px 10px;
  text-decoration: none;
}
.row{
	margin-right: 0px;
	margin-left: 0px;
}

.selectedfilter{
	background: #dbdbdb !important;
	font-weight: bold;
}

a{
    text-decoration: underline;
    color: blue;
}
.ui-widget-header{
   /* background: #131e29;*/
}
.ui-dialog-titlebar-close{
    display: none;
}

input[disabled="disabled"], input[readonly="readonly"]{
	background-color: #e8e8e8 !important;
}