body {
	font-family: 'Montserrat', Helvetica, Arial;
	font-weight: bold;
	font-size: 16px;
	color: #000;
	background: #F4F5F7;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

body.fixed {
	padding-top: 55px;
}

.overh { overflow: hidden; }

*:focus {
	outline: none !important;
}

a,
a:hover,
a:focus {
	color: inherit;
	text-decoration: none;
	transition: 0.15s all;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', Helvetica, Arial;
	font-weight: 500;
	line-height: 1.2;
}

h1 { font-size: 26px; }
h2 { font-size: 18px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 16px; }

@media screen and (min-width: 1200px) {

	h1 { font-size: 30px; }
	h2 { font-size: 24px; }
	h3 { font-size: 22px; }
	h4 { font-size: 20px; }
	h5 { font-size: 18px; }
	h6 { font-size: 18px; }

}

.text-primary {
	color: #274882 !important;
}
.text-secondary {
	color: #9BA6C6 !important;
}

.bg-primary {
	background: #274882 !important;
}
.bg-secondary {
	background: #9BA6C6 !important;
}

/* Framework */

.container {
	width: 100%;
}

@media (min-width: 1200px) {
  .container {
    max-width: 2000px !important;
  }
}
/*
.section {
	 padding: 30px 0;
	border-bottom: 1px solid #ccc; 
} */

.main {
	padding: 30px 0;
}

@media screen and (min-width: 992px){
	.main {
		padding: 10px 0;
	}
	.modal .main {
		padding: 10px 0 !important;
	}
}

/* Header */

.header {
	position: relative;
	width: 100%;
	background: #F4F5F7;
	transition: 0.5s all;
	z-index: 999;
}
.header .site {
	position: relative;
	min-height: 50px;
}
.header .site .logo {
	position: absolute;
	top: 0;
	left: calc(50% - 31.5px);
	padding-top: 10px;
	display: flex;
	z-index: 99;
}
.header .site .logo img {
	display: block;
	width: 176px;
	height: 60px;
  margin: 0;
}
.header .site .logo h1 {
	display: none;
	margin: 0;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	color: #274882;
	padding-top: 20px;
}

.header .site .account {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	margin: 0 -15px;
}
.header .site .account li a {
	position: relative;
	display: block;
	padding: 12px;
	color: #95A9D9;
}
.header .site .account > li > a i {
	display: block;
	width: 30px;
	height: 30px;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	transition: 0.3s all;
}
.header .site .account > li.active > a i,
.header .site .account > li > a:hover i {
	color: #274882;
}

.header .site .account > .user > a {
	padding: 7px 12px;
	line-height: 20px;
}
.header .site .account > .user > a > .avatar {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	overflow: hidden;
}
.header .site .account > .notifications .icon-notifications{
	position: relative;
}
.header .site .account > .notifications .icon-notifications.active:after {
	content: '';
	position: absolute;
	top: calc(50% - 5px);
	right: 0;
	width: 6px;
	height: 6px;
	background: #69D08C;
	border-radius: 50%;
}

.header .site .account .submenu {
	display: none;
	position: absolute;
	right: 0;
	top: 54px;
	padding: 20px 0;
	width: 100vw;
	background: #fff;
	box-shadow: 0 2px 30px 0 rgba(206,206,206,0.50);
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	z-index: 2;
}
.header .site .account .submenu.active {
	display: block;
	animation: fadeInRight 0.3s ease-out;
    -webkit-animation: fadeInRight 0.3s ease-out;
    -moz-animation: fadeInRight 0.3s ease-out;
}
.header .site .account .submenu .submenu-title {
	position: relative;
	text-align: left;
	border-bottom: 1px solid #eee;
}
.header .site .account .submenu .submenu-title h4 {
	font-weight: bold;
	font-size: 12px;
	color: #274882;
	text-transform: uppercase;
	padding: 12px;
	margin: 0;
}
.header .site .account .submenu .submenu-title .close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 13px;
	color: #CECECE;
	opacity: 1;
	border: 0;
}
.header .site .account .submenu .submenu-title .close:hover {
	color: #274882;
}
.header .site .account .submenu a {
	padding: 25px;
	font-size: 12px;
	border-bottom: 1px solid #eee;
}

.header .site .account .submenu li a:hover,
.header .site .account .submenu li.active a {
	font-weight: bold;
	color: #57B2E4;
}


@media screen and (min-width: 992px) {
	.header {
		background: #fff;
	}
	.header .site {
		min-height: 60px;
	}
	.header .site .logo {
		left: 15px;
		padding: 0;
	}
	.header .site .logo img {
		margin: 0 5px ;
	}
	.header .site .logo h1{
		display: block;
	}


	.header .site .account .menu { order: 1; display: none; }
	.header .site .account .user { order: 2; }
	.header .site .account .notifications { order: 3; }
	.header .site .account .apps { order: 4; }

	.header .site .account li {
		position: relative;
	}
	.header .site .account > li > a {
		padding: 15px 20px;
	}
	.header .site .account > li.user > a {
		padding: 14px 20px;
	}
	.header .site .account > li > a:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 100%;
		background: #F4F5F7;
	}


	.header .site .account .submenu {
		width: 160px;
		top: 65px;
		padding: 0;
		border-radius: 6px;
	}
	.header .site .account .submenu a {
		font-size: 12px;
		padding: 12px;
	}
	.header .site .account .notifications .submenu {
		width: 400px;
	}

	.header .site .account .submenu .submenu-title {
		text-align: center;
	}
}

@media screen and (max-width: 991px) {
	.header .site .account .user {
		margin-left: auto;
	}
}



/* Header > Navigation */

.header .navigation {
	display: block;
	width: 100%;
	min-height: 50px;
	padding: 20px 0;
	background: #274882;
	text-align: center;
}

.header .navigation.active {
	display: block;
}

.header .navigation .title {
	padding: 15px;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 400;
	margin: 0;
}

.header .navigation ul {
	display: none;
	margin: 0;
	padding: 15px 0;
}
.header .navigation.active ul {
	display: block;
}
.header .navigation ul li {
	margin: -2px 0;
}
.header .navigation ul li a {
	display: block;
	padding: 16px;
	font-size: 18px;
	font-weight: 100;
	color: #fff;
}
.header .navigation ul.submenu {
	border-top: 1px solid rgba(255, 255, 255, 0.59);
}
.header .navigation ul.submenu li a {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 15px;
}
.header .navigation ul li.active a,
.header .navigation ul li a:hover {
	background: #57B2E4;
	color: #fff;
}
.header .navigation ul li.active a{
	font-weight: bold;
}

@media screen and (min-width: 992px) {
	.header .navigation{
		display: block;
		padding: 0;
	}
	.header .navigation .container-fluid {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: nowrap;
	}
	.header .navigation .title{
		padding: 13px;
		padding-left: 104px;
	}

	.header .navigation ul,
	.header .navigation ul li {
		position: relative;
		display: inline-block;
	}
	.header .navigation ul {
		padding: 0;
	}
	.header .navigation ul li {
		margin: 0 -2px;
	}
	.header .navigation ul li a {
		padding: 14px 22px;
		color: #fff;
		font-size: 15px;
	}
	.header .navigation ul.submenu li a {
		font-size: 14px;	
	}
}
@media screen and (min-width: 1200px) {
	.header .navigation ul {
		margin-right: 60px;
	}
	.header .navigation ul li a {
		padding: 12px 30px;
	}
}
@media screen and (max-width: 992px) {
	.header .navigation ul{
		width: auto;
		margin: 0 -15px;
	}
}

/* Title */

.title {
	margin-bottom: 20px;
	color: #2B548F;
}
.title h1 {
	font-size: 25px;
	font-weight: bold;
}
.title h2 {
	font-size: 20px;
	font-weight: bold;
}
.title h3 {
	font-size: 15px;
	font-weight: bold;
}
.title h4,
.title h5,
.title h6 {
	font-size: 12px;
	font-weight: bold;
}

/* Breadcrumb */

.breadcrumbs{
	margin: 10px 0;
	padding: 0;
	list-style: none;
}

.breadcrumbs li{
	display: inline-block;
	vertical-align: middle;
}

.breadcrumbs li a{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 6px;
	font-size: 12px;
	color: #274882;
	text-decoration: underline;
}
.breadcrumbs li:after{
	content: '-';
	display: inline-block;
	vertical-align: middle;
}
.breadcrumbs li.first:after{
	content: '|'
}
.breadcrumbs li.first a {
	text-decoration: none;
}
.breadcrumbs li:last-child:after{
	content: none;
}
.breadcrumbs li:last-child a{
	color: #5F77BA;
	text-decoration: none;
}

/* Framework > Extras */

[data-open] {
	cursor: pointer;
}

/* Framework > Buttons */

.btn {
	padding: 0 24px;
	line-height: 40px;
	white-space: nowrap;
	height: 40px;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 50px;
	transition: 0.3s all;
}

.btn-sm {
	font-size: 12px;
	height: 30px;
	line-height: 30px;
}
.btn-lg {
	font-size: 16px;
	height: 50px;
	line-height: 50px;
}

/* Framework > Buttons > Primary */

.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary {
	color: #fff;
	background-color: #57B2E4;
	border-color: #57B2E4;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
	background-color: transparent;
	border-color: #274882;
	color: #274882;
	box-shadow: none;
}


/* Framework > Buttons > Primary Outlined */

.btn-outline-primary,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	color: #57B2E4;
	border-color: #57B2E4;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary.focus {
	border-color: #57B2E4;
	background-color: #57B2E4;
	color: #fff;
	box-shadow: none;
}


/* Framework > Buttons > secondary */

.btn-secondary.disabled,
.btn-secondary:disabled,
.btn-secondary {
	color: #fff;
	background-color: #274882;
	border-color: #274882;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus {
	background-color: transparent;
	border-color: #57B2E4;
	color: #57B2E4;
	box-shadow: none;
}


/* Framework > Buttons > secondary Outlined */

.btn-outline-secondary,
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
	color: #9FA9C8;
	border-color: #9FA9C8;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
	border-color: #274882;
	background-color: #274882;
	color: #fff;
	box-shadow: none;
}


/* Framework > Forms */

label {
	color: #9BA6C6;
	font-size: 12px;
}

.form-control {
	height: 40px;
	padding: 12px;
	color: #274882;
	font-size: 12px;
	font-weight: bold;
	border-radius: 50px;
	border-color: #5F77BA;
	background: #fff;
}
.form-control-sm {
	height: 30px;
}
.form-control-lg {
	height: 50px;
	padding: 20px;
}
.form-control:focus{
	box-shadow: none;
	color: #274882;
	border-color: #274882;
  background-color: #C4E5E7;
}
.form-control::placeholder {
	font-weight: 400;
	color: #6985C4;
}

.form-control[disabled],
.form-control[readonly],
.form-control[disabled]::placeholder,
.form-control[readonly]::placeholder {
	color: #444;
	font-weight: bold;
	background: #F4F5F7;
	border-color: #F4F5F7;
}

textarea.form-control{
	height: 62px;
	border-radius: 14px;
	resize: none;
}

select.form-control {
	position: relative;
	appearance: none;	
	-webkit-appearance: none;
	background: url('../img/icons/icon-arrow-down.svg') no-repeat right 15px center;
	background-size: 20px;
}



/* Framework > Tabs */

.tab_menu {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0;
	box-shadow: inset 0 -1px 0 0 #E5EAF6;
}
.tab_menu li a{
	display: block;
	padding: 16px;
	font-size: 14px;
	color: #9fa9c8;
}
.tab_menu li a.active{
	font-weight: bold;
	color: #57B2E4;
	box-shadow: inset 0 -1px 0 0 #57B2E4;
}
@media screen and (max-width: 992px) {
	.tab_menu {
		overflow: auto;
		white-space: nowrap;
	}
}

.tab_content {
	display: none;
	padding: 16px 0;
	transition: 0.3s all;
}
.tab_content.active {
	display: block;
	animation: fadeIn 1s ease;
    -webkit-animation: fadeIn 1s ease;
    -moz-animation: fadeIn 1s ease;
}

/* Table */
.table {
	position: relative;
	border-collapse:separate; 
 	border-spacing: 0 6px;
 	margin: 0;
 	padding-bottom: 2rem;
 	border: 0;
}
.table .bordered tr {
	box-shadow: 0 0 0 1px #E5EAF6 inset;
  border-radius: 4px;
}
.table .bordered tr td {
  border: 1px solid #dee2e6 !important;
}

.table.centered thead tr th, .table.centered tbody tr td, .table.centered tfoot tr td {
  text-align: center;
}

.table tr th {
	font-size: 12px;
/*
  font-weight: 600;
	color: #9BA6C6;
*/
	font-weight: 600;
  color: #333;
	border: 0;
}

.table tbody tr {
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}

.table tbody tr td {
	vertical-align: middle;
	background: #fff;
	font-size: 12px;
	color: #000000;
	height: 40px;
	padding: 5px;
	border: 0;
}

.table tbody tr td:first-child {
	border-radius: 5px 0 0 5px;
}
.table tbody tr td:last-child {
	border-radius: 0 5px 5px 0;
}
.table tbody tr:hover {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	cursor: pointer;
}

.table tbody tr:hover td {
	background-color: #e8f0ff;
}

.table thead tr td {
	vertical-align: middle;
	font-size: 12px;
/*	background: #fff;
	color: #000000;
	height: 40px;
	padding: 15px;
	border: 0;*/
}
.table tfoot tr td {
	vertical-align: middle;
	background: #ddd;
	font-size: 13px;
	color: #000000;
	height: 60px;
	padding: 15px;
	border: 2px;
}

.table tfoot tr td.totals {
	text-align: right;
}

.table tr td.money, .table tr td.number {
	text-align: right;
}

/* Table > Responsive */

.table-responsive {
	overflow: auto;
 	white-space: nowrap;
}

@media screen and (min-width: 1200px) {
	.table-responsive {
		overflow: visible;
	}
}


/* Table > Icon */
.table .icon {
	font-size: 24px;
	color: #9BA6C6;
}
.table .icon i {
	display: block;
}

/* Table > Avatar */
.table td.avatar {
	padding: 0 15px;
	width: 80px;
}
.table .avatar img {
	display: block;
	width: 46px;
	min-width: 46px;
	height: 46px;
	/*border-radius: 50%;*/
	object-fit: cover;
    clip-path: circle();
    -webkit-clip-path: circle(at 50% 50%);
}

/* Table > Name */
.table .name span {
	color: #6985C4;
}

/* Table > Phone & Email */
.table .phone,
.table .email{
	color: #707688
}
.table .phone .icon-phone,
.table .email .icon-email{
	display: inline-block;
	vertical-align: -2px;
	color: #CECECE;
	font-size: 18px;
	margin-right: 6px;
}

/* Table > Users */
.table .users {
	overflow: auto;
	max-width: 300px;
}
.table .users .user {
	display: inline-block;
	vertical-align: middle;
	min-width: max-content;
	color: #274882;
	border: 1px solid #274882;
	padding: 6px 2px;
	border-radius: 50px;
	margin: 1px 2px;
}
.table .users .user:hover {
	background: #F4F5F7;
}
.table .users .user .avatar {
	display: inline-block;
	vertical-align: -6px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	margin-right: 2px;
}

/* Table > Actions*/
.table .actions .date {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	width: 30px;
	height: 30px;
	color: #274882;
	padding: 3px 0;
	font-weight: bold;
	text-align: center;
	border: 1px solid #274882;
	border-radius: 50%;
	overflow: hidden;
}
.table .actions .date span {
	display: block;
	line-height: 12px;
}
.table .actions .date .month {
	font-size: 7px;
	font-weight: 500;
}
.table .actions .date.active,
.table .actions .date:hover {
	color: #fff;
	background: #274882;
}

.table .actions .number {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	background: #F4F5F7;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	color: #274882;
	border-radius: 50%;
}

/* Table > Documents */
.table .documents a {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	width: 30px;
	height: 30px;
	color: #9BA6C6;
	line-height: 32px;
	padding-left: 1px;
	text-align: center;
	border: 1px solid #9BA6C6;
	border-radius: 50%;
}
.table .documents a.green {
	color: #69D08C;
	border-color: #69D08C;
}
.table .documents a.red {
	color: #FD7F74;
	border-color: #FD7F74;
}
.table .documents a.blue {
	color: #274882;
	border-color: #274882;
}
.table .documents a:hover {
	background: #9BA6C6;
	color: #fff;
}
.table .documents a.green:hover {
	background: #69D08C;
	color: #fff;
}
.table .documents a.red:hover {
	background: #FD7F74;
	color: #fff;
}
.table .documents a.blue:hover {
	background: #274882;
	color: #fff;
}

/* Table > Evaluation*/
.table .evaluation {
	font-weight: bold;
	color: #CECECE;
}
.table .evaluation .stars {
	font-size: 21px;
}
.table .evaluation .stars.yellow {
	color: #F6D116;
}
.table .evaluation .stars.green {
	color: #69D08C;
}
.table .evaluation .stars.red {
	color: #FD7F74;
}

/* Table > Options */
.options {
	position: relative;
	text-align: center;
}
.options a {
	display: block;
	color: #274882;
	font-size: 18px;
}
.options a i {
	display: block;
}
.options .submenu.active {
	display: block;
}
.options .submenu {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 200px;
	background: #fff;
	text-align: left;
	box-shadow: 0 2px 30px 0 rgba(206,206,206,0.50);
	border-radius: 5px;
	z-index: 2;
	overflow: hidden;
  min-width: 205px;
}
.options .submenu li a {
	padding: 10px 12px;
	color: #274882;
	font-size: 12px;
	border-bottom: 1px solid #F4F5F7;
}
.options .submenu li a:hover {
	background: #274882;
	color: #fff;
}
.options .submenu li a i {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	font-size: 15px;
	margin-right: 6px;
	text-align: center;
}
.options .submenu li a i:before {
	display: block;
	margin: 0 auto;
}
.options .submenu li a i.icon-view {
	font-size: 12px;
}
.options .submenu li:last-child a {
	border-bottom: 0;
}

/* Table > Subdata */
.table .subdata {
	position: relative;
	text-align: center;
}
.table .subdata a {
	display: block;
	color: #274882;
	font-size: 18px;
}
.table .subdata a i {
	display: block;
	transition: 0.3s all;
}
.table .subdata.active > a > i {
	transform: rotate(90deg);
}
.table .subdata.active .submenu {
	display: flex;
}
.table .subdata.active{
	border-bottom-right-radius: 0 !important;
}
.table .subdata .submenu {
	display: none;
	position: absolute;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	white-space: nowrap;
	padding-left: 80px;
	top: 60px;
	right: 0;
	width: 130px;
	height: 60px;
	background: #fff;
	text-align: left;
	border-radius: 0 0 5px 5px;
	z-index: 1;
	overflow: auto;
}
.table .subdata .submenu:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #F4F5F7;
}
.table .subdata .submenu li {
	padding: 10px 12px;
	color: #5F77BA;
	font-weight: bold;
	font-size: 10px;
}
.table .subdata .submenu li span {
	display: block;
	font-weight: 400;
	font-size: 12px;
	color: #707688;
}

/* Feed >  */

.feed-notifications {
	overflow: hidden;
	overflow-y: auto;
	max-height: 490px;
}
.feed-notifications article a {
	position: relative;
	padding: 14px 40px !important;
	border-bottom: 1px solid #E5EAF6;
}
.feed-notifications article:hover{
	background: #F4F5F7;
}
.feed-notifications article .notification-title {
	display: flex;
	justify-content: space-between;
}
.feed-notifications article .status {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: transparent;
	box-shadow: 0 0 0 1px #5F77BA;
}
.feed-notifications article.active .status {
	background: #57B2E4;
	box-shadow: 0 0 0 1px #57B2E4;
}
.feed-notifications article .date {
	color: #274882;
	font-size: 12px;
}
.feed-notifications article h2 {
	font-weight: bold;
	font-size: 12px;
	color: #274882;
}
.feed-notifications article ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.feed-notifications article ul li {
	color: #707688;
	text-transform: uppercase;
}
.feed-notifications article:last-child a{
	border: 0 !important;
}

/* Modal */
.blocker {
	z-index: 9999;
}

.modal-backdrop.show {
	z-index: 9999;
    background: #F4F5F7;
	opacity: 0.7;
}

.modal {
	z-index: 99999;
	overflow-y: auto;
	max-width: 60%;
}

.modal-xl {
    width: 730px;
    max-width: 100% !important;
}

.modal-xl .modal-content{
    padding: 28px 12%;
  
}

.modal .modal-dialog {
	/*top: 10vh;*/
	max-width: 475px;
	box-shadow: 0px 0px 18px 0px #0000000f;
}

.modal .modal-content {
	text-align: center;
	border: 0;
	box-shadow: 0 5px 8px 0 rgba(224,224,224,0.50);
	border-radius: 5px;
	border-top: none;
}

.modal .close {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 15px;
	font-size: 16px;
	color: #000;
	z-index: 999;
}

/* Modal > Header */

.modal .modal-header {
	position: relative;
}

.modal .modal-header .modal-title {
	font-size: 16px;
	margin: 0;
	color: #202841;
}

/* Modal > Footer */

.modal .modal-footer {
	border: 0;
	padding: 16px;
	text-align: center;
	justify-content: center;
}
.modal .modal-footer .btn {
	width: 100%;
	max-width: 120px;
}

/* Modal > Body */

.modal .modal-body{
	padding: 15px;
}
.modal .modal-body .tab_menu {
	width: auto;
	margin: 0 -15px 32px;
	justify-content: center;
	box-shadow: inset 0 -1px 0 0 #f7f7f7;
}
.modal .modal-body .tab_menu li a:not(.active) {
	opacity: 0.3;
	font-weight: bold;
}

.modal .modal-body form .row {
	align-items: center;
	margin-left: 0;
	margin-right: 0;
}

.modal .modal-body form label {
	margin: 0;
	text-align: right;
}

/* Alerts */

.alert {
	font-size: 12px;
	padding: 6px;
	text-align: left;
}
.alert .close {
    position: absolute;
	top: 0;
    right: 0;
    padding: 9px;
    font-size: 12px;
    text-decoration: none;
}
.alert .close i {
	margin: 0;
	font-size: 12px;
}
.alert i.icon-info {
	display: inline-block;
	vertical-align: -2px;
	font-size: 14px;
	margin: 0 6px;
}
.alert-warning {
	color: #F3B20E;
	background: #FFFAEB;
	border-color: #F3B20E;
}

/* Filter */

.filter {
	position: relative;
}
.filter .searcher {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	max-width: 180px;
	margin-right: 12px;
}
.filter .searcher .form-control {
	border-color: #5F77BA;
}
.filter .searcher .form-control::placeholder {
	font-style: italic;
	color: #CECECE;
}
.filter .searcher i {
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 15px;
	color: #E5EAF6;
}
.filter .searcher .form-control:focus {
	border-color: #5F77BA;
}
.filter .searcher .form-control:focus ~ i {
	color: #5F77BA;
} 

.filter .searcher.flat {
	display: inline;
} 

.filter .searcher.flat .input {
  float: left;
  min-width: 160px;
}

@media screen and (min-width: 992px) {
	.filter .searcher {
		max-width: 350px;
	}
}


.filter .advanced.active {
	display: flex;
}
.filter .advanced {
	display: none;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 32px 0 0;
	padding: 0;
	list-style: none;
}
.filter .advanced li {
	margin: 6px 12px;
	width: 100%;
	min-width: 160px;
}
.filter .advanced li .form-control {
	border-radius: 4px;
}
@media screen and (min-width: 1200px) {
	.filter .advanced {
		flex-wrap: nowrap;
	}
}

/* Card */

.card {
	display: block;
	background: #fff;
	padding: 15px 14px;
	height: 100%;
}
.card:not(.alert){
	border: none;
}
.card .edit {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #F4F5F7;
	color: #274882;
	font-size: 13px;
	text-align: center;
	border-radius: 50%;
}
.card .print {
	position: absolute;
	top: 15px;
	right: 48px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #F4F5F7;
	color: #274882;
	font-size: 13px;
	text-align: center;
	border-radius: 50%;
}

.card .card-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin: -15px -15px 15px;
	padding: 15px;
	font-size: 15px;
	color: #1D1D1B;
	height: 65px;
	border-bottom: 1px solid #F4F5F7;
}
.card .card-title i {
	font-size: 22px;
	color: #274882;
}
.card .card-title .card-title-text {
	font-size: 15px;
	font-weight: 400;
	color: #1D1D1B;
	margin: 0;
}
.card-profile {
	display: flex;
	align-items: center;
	flex-direction: initial;
}
.card-profile .thumbnail {
	width: 150px;
	text-align: center;
	margin-right: 15px;
}
.card-profile .thumbnail img {
	display: inline-block;
	vertical-align: middle;
	max-width: 135px;
}
.card-profile .data {
	padding: 25px 0;
}

.card-profile .title {
	margin: 0 0 16px;
}
.card-profile .socialmedia {
	margin: 0;
}
@media screen and (min-width: 992px) {
	.card-profile {
		flex-wrap: nowrap;
	}
	.card-profile .thumbnail {
		width: 200px;
	}
}

.card .icon {
	display: block;
	margin: 20px auto;
	font-size: 44px;
	width: 88px;
	height: 88px;
	color: #9BA6C6;
	line-height: 90px;
	text-align: center;
	border: 1px solid #9BA6C6;
	border-radius: 50%;
}
.card .icon:hover {
	background: #9BA6C6;
	color: #fff;
}

.card .icon.green {
	color: #69D08C;
	border-color: #69D08C;
}
.card .icon.red {
	color: #FD7F74;
	border-color: #FD7F74;
}
.card .icon.blue {
	color: #274882;
	border-color: #274882;
}
.card .icon.green:hover {
	background: #69D08C;
	color: #fff;
}
.card .icon.red:hover {
	background: #FD7F74;
	color: #fff;
}
.card .icon.blue:hover {
	background: #274882;
	color: #fff;
}

/* Slider arrows and dots */

.arrows a {
	position: absolute;
	top: calc(50% - 20px);
	left: 2.5%;
	width: 40px;
	height: 40px;
	color: #fff;
	text-align: center;
	overflow: hidden;
}
.arrows a.next {
	left: auto;
	right: 2.5%;
}

@media screen and (min-width: 992px) {
	.arrows a {
		left: -100px;
	}
	.arrows a.next {
		left: auto;
		right: -100px;
	}
}

.dots .slick-dots {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}
.dots .slick-dots li {
	display: inline-block;
	vertical-align: top;
	margin: 10px 5px;
}
.dots .slick-dots li button {
	display: block;
	width: 8px;
	height: 8px;
	padding: 0;
    text-indent: -9999px;
	background: rgba(255,255,255,0.25);
    border: 0;
	border-radius: 50%;
    overflow: hidden;
    -webkit-appearance: none;
}
.dots .slick-dots li.slick-active button {
	background: #fff;
}
.dots .slick-dots li button:focus {
	outline: none;
}


/* Select 2 */

.select2-container--default .select2-selection {
	background: transparent;
	height: 40px;
	padding: 3px;
	color: #274882;
	font-size: 12px;
	font-weight: bold;	
	text-align: left;
	border-radius: 25px;
	border: 1px solid #5F77BA;
	transition: 0.3s all;
}
.select2-container--open  .select2-selection{
	border-radius: 4px;
	border-bottom: 0;
}
.select2-container--open .select2-dropdown--below {
	border: 1px solid #5F77BA;
	border-top: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #274882;
	line-height: 32px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: calc(50% - 6px);
	width: 11px;
	left: auto;
	right: 20px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #E5EAF6;
	color: #274882;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
    left: 0;
    top: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
	content: '\e907';  /* .icon-arrow-angle-down */
	font-family: 'uar';
	font-size: 12px;
	color: #9BA6C6;
}

.select2-dropdown {
	border: 0;
	box-shadow: 0 2px 8px 0 #E0E0E0;
	border-radius: 8px;
}
.select2-results {
	padding: 0;
}
.select2-results__option {
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 500;
    color: #274882; 
}

.select2-search--dropdown {
	padding: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 6px;
    font-size: 12px;
    border: 0;
    border-bottom: 1px solid #5f76ba;
}


/**/

.page.user {
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page.user .login {
	width: 100%;
	max-width: 290px;
	margin: 0 auto;
}

.page.user .login .logo{
	display: block;
	width: 100%;
	max-width: 219px;
	margin: 0 auto;
}
.page.user .login .title {
	text-align: center;
	color: #5F77BA;
}
.page.user .login .title h3 {
	font-weight: 400;
	font-size: 18px;
}

/**/

.map {
	min-height: 250px;
	background: #eee;
	margin: 0 -15px -15px;
}

/* Calendar */

#calendar #eventTitle{
	font-size: 13px;
	color: #707688;
	letter-spacing: 0;
	color: #3264bf;
}
#calendar #calThead {
	margin: 0;
}
#calendar #calTFooter {
	margin-top: 10px;
}

/* Popup */

.inner-addon { 
    position: relative; 
}
.rounded-select{
    border: none;
    width: 100%;
    color: #274882;
    margin-top: -5px;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background-image: url('../icons/arrow-down.svg');
    background-repeat: no-repeat;
    background-position: 100% 5px;
    background-size: 15px;
    background-color: #fff;
}

/* style icon */
.inner-addon .icon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .icon  {right: 7px;top: 0px;font-size: 19px;}
.right-addon .icon { right: 0px;}

/* add padding  */
.left-addon input  {padding-right: 37px;}
.right-addon input { padding-right: 30px; }


/* DropZone */

.placeholder-upload{
    color: #7992d7;
    border: 2px solid #5070c8;
    border-style: dotted;
    border-radius: 6px;
    padding: 18px;
}
.placeholder-upload.large{
	display: flex;
	align-items: center;
	justify-content: center;
    min-height: 280px;
    width: 100%;
    padding: 25px;
    border: 1px dashed #5070c8;
    background: #fff;
    border-radius: 0;
}
.placeholder-upload.large .dz-preview{
	display: inline-block;
	margin: 6px;
	position: relative;
}
#id_dropzone_large .dz-preview > *:not(.dz-image){
	display: none;
}
#id_dropzone_large .dz-preview > .dz-remove{display: inline;position: absolute;top: 0;color: #fff0;}
#id_dropzone_large .dz-preview > .dz-remove:after{
	content: "\e90f"; /* .icon-close */
	position: absolute;
	top: 0;
	left: -58px;
	width: 21px;
	height: 21px;
	font-family: 'uar' !important;
	font-size: 11px;
	color: #fff;
	opacity: 1;
	background: black;
	border-radius: 14px;
}
.placeholder-upload .icon-upload{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1.5px solid;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin: -7px 9px 0 0;
}
.placeholder-upload.large .icon-upload{
    margin: -15px auto 17px;
    font-size: 40px;
    display: flex!important;
    justify-content: center;
    text-align: center;
    width: 100px;
    height: 100px;
    color: #7992d7;
}
.placeholder-upload h3{
	margin: 0;
}
.placeholder-upload.large h3{
    font-size: 16px;
    font-weight: 500;
}
.placeholder-upload.large h3 strong{
	color: #253d7e;
}
.placeholder-upload.large p{
    font-size: 15px;
    color: #aaa;
}
.dz-preview  .dropdown a.bullets{
	transform: rotate(90deg) translate(6px, -12px);
	font-size: 34px;
	line-height: 0;
	color: #6060d9;
	cursor: pointer;
	display: inline-block;
	user-select: none;
}
.dz-preview  .dropdown .dropdown-dropzone{
    position: absolute;
    left: -125px;
    top: 108%;
    background: #fff;
    border-radius: 8px;
    list-style: none;
    padding: 9px 0;
    z-index: 22;
}
.dz-preview  .dropdown .dropdown-dropzone li{
    color: #3264bf;
    font-weight: 500;
    border-bottom: 1px solid #efefef;
    padding: 0px 6px 8px;
    width: 140px;
    cursor: pointer;
}
.dz-preview  .dropdown .dropdown-dropzone li i{
    margin-right: 10px;
}
.dz-preview .dropdown .dropdown-dropzone li:nth-last-child(1){
	border: none;
	padding: 6px 6px 0px;
}
#id_dropzone .dz-preview{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 12px 0;
    background: #e7eafa;
    padding: 22px 11px;
    border-radius: 11px;
}
#id_dropzone .dz-date, #id_dropzone [data-dz-name], #id_dropzone [data-dz-size]{
    width: 33%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.id_dropzone--tab{
    padding: 25px 0;
    color: #aaa;
}
.id_dropzone--tab div{
    padding: 0px 12px;
    width: 33%;
}

#id_dropzone [data-dz-size]{
	width: 30%;
}
#id_dropzone .dz-error-message,
#id_dropzone .dz-details{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.dz-success-mark{ display: none; }
.dz-error-mark{ display: none; }

/* Tag input */

.tag .profilepic {
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
	margin: 2.5px 0 0 2px;
	border-radius: 20px;
	background-color: #5f77ba;
	background-position: center;
	background-size: cover;
}
.tag .profilename {
    display: inline-block;
    vertical-align: middle;
    padding: 0 4px;
    color: #274882;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 500;
}

/* Modal crop */

.cropit-image-input .modal-body{
	position: relative;
}
.cropit-image-preview {
	background-color: #000000c7;
	background-size: cover;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-top: 7px;
	width: 701px;
	max-width: 100%;
	height: 483px;
	cursor: move;
	position: relative;
}
.svg-crop{
    opacity: 0;
    position: absolute;
}
.cropit-image-preview:after{
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #00000087;
	clip-path: url(#myClip);
}
.cropit-image-background {
	opacity: .2;
	cursor: auto;
}
.cropit-image-zoom-input{
    position: absolute;
    top: 41%;
    right: -25px;
    transform: rotate(270deg);
}
.image-size-label {
	margin-top: 10px;
}

.export {
	margin-top: 10px;
}




/* Points */

.accordion_container {
	width: 100%;
}

.accordion {
	padding: 0;
	width: 100%;
	margin-bottom: 12px;
}
.accordion[aria-expanded="true"] {
	border: 1px solid #274882 !important;
}
.accordion .accordion-title{
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    min-height: 60px;
    cursor: pointer;
}
.accordion .accordion-title .accordion-title-text {
	margin: 0;
	padding: 15px;
	color: #274882;
	font-size: 15px;
}
.accordion .accordion-title ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
.accordion .accordion-title ul li{
    border-left: 1px solid #dbdbdc;
}
.accordion .accordion-title ul li a {
	display: block;
	padding: 15px 20px;
	text-align: center;
	opacity: 0.8;
    color: #6177ba;
}
.accordion .accordion-title ul li a:hover {
	opacity: 1;
}
.accordion .accordion-title ul li a i {
    font-size: 18px;
}

@media screen and (min-width: 992px) {
	.accordion .accordion-title ul li a i {
	    font-size: 21px;
	}	
}

.accordion .accordion-content {
	padding: 15px;
	border-top: 1px solid #dbdbdc;
}


.stroke-radius{
    margin-bottom: 0;
    font-size: 14px;
    margin: 5px 0;
}
.stroke-radius input{
	display: none;
}
.stroke-radius .radius{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    width: 21px;
    height: 21px;
    color: #2c548f;
    text-align: center;
    border-radius: 100%;
    border: 1px solid #2c548f;
}
.stroke-radius .radius:after {
	content: '';
	font-family: 'uar' !important;
	content: "\e90c"; /* .icon-check */
	font-size: 7px;
	opacity: 0;
}
.container input:checked ~ .radius:after {
	font-family: 'uar' !important;
	content: "\e90c"; /* .icon-check */
	font-size: 10px;
	opacity: 1;
	display: inline-block;
	position: relative;
	top: -.9px;
}

.icons-list {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1;
    font-size: 0
}

.modal-spinner {
    /* background: rgba( 25, 25, 25, .8 ) url('../images/loading.gif') 50% 50% no-repeat; */
    height: auto;
    width: auto;
}

.modal a.close-modal {
    top: 0;
    right: 0;
    margin: 2px;
}

.jquery-modal > .modal {
	height: auto;
}

.table tbody tr.region td { 
  background-color: #ddd; 
  font-weight: bold; 
}

.paginator p {
  font-size: 0.8em;
}

.table td {
  white-space: normal
}

.table tr.cancelled {
  text-decoration: line-through #444;
  font-style: italic;
}

.table tr.cancelled td {
  color: #888;
  font-style: italic;
  background-color: lightgrey;
}

p.outstanding {
  font-weight: 400 !important;
}

p.outstanding strong {
  font-weight: 700 !important;
}

.printonly {
  display: none !important;
}

@media print {
  .tab_content { 
    page-break-before: always;
  }
  .printonly {
    display: block !important;
  }
  .printonly thead {
    display: table-header-group !important;
  }
  .printonly tbody {
    display: table-row-group !important;
  }
  .printonly tr {
    display: table-row !important;
  }
  .printonly td, .printonly th {
    display: table-cell !important;
  }
  .printonly td * {
    display: inline-block !important;
  }
  
  .noprint, .btn, .options, .print, .edit {
    display: none !important;
  }
  
  .table tbody tr td {
    height: 25px;
    padding: 7px;
    border: 0;
  }
}

.buttons.overlapped {
  margin-bottom: -80px;
}

.crop-details, .crop-title a i[class^="icon-"] { 
  display:none; 
}

.crop_type.odd {
  background-color:#c7eaed; 
}

.crop_type.even { 
  background-color:#e7eaed; 
}

.crop_type a i[class^="icon-"] { 
  color: darkgray !important; 
}

.crop_type {
	text-align: center;
}

.copy {
  cursor: copy;
}

.fixation * {
  border-radius: 9px;
  color: white;
  text-align: center;
  vertical-align: middle;
  padding: 3px;
  margin: 0;
}

.fixation .fixed {
  background-color: cadetblue;
}

.fixation .tobefixed {
  background-color: lightskyblue;
}


td.crop_type a {
	padding: 0 0px;
	line-height: 24px;
	white-space: nowrap;
	height: 28px;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 12px;
	transition: 0.3s all;
}

td.crop_type a .grid-btn {
  width: 45px;
}

.table.report {
  border-spacing: 0px !important;
  text-align: center;
}

.table.report tr, .table.report th, .table.report td, .table.report tbody tr, .table.report tbody tr td {
  margin: 0px !important;
  padding: 3px !important;
}
.table.report thead tr, .table.report thead tr th , .table.report tbody tr, .table.report tbody tr td {
  border: 1px solid !important;
}
.table.report th.report-title, .table.report td.report-title {
  font-weight: bolder;
}
.table.report th.report-unit, .table.report td.report-unit {
  font-size: 0.7em;
  max-width: 35px !important; 
}
.table.report th.report-prod, .table.report td.report-prod {
  font-size: 1em;
  border: 1px gray solid !important;
}

.table.report th.report-total, .table.report td.report-total {
  font-size: 1.3em;
  font-weight: bold;
}

.table.report th.report-outstanding, .table.report td.report-outstanding {
  font-size: 1.3em;
  font-weight: bold;
  background-color: grey;
  border: 2px solid !important;
}

.table.report th.report-outstanding2, .table.report td.report-outstanding2 {
  font-size: 1.1em;
  font-weight: bold;
  background-color: lightgray;
  border: 2px solid !important;
}

.table.report th.report-outstanding.report-unit, .table.report td.report-outstanding.report-unit,
.table.report th.report-outstanding2.report-unit, .table.report td.report-outstanding2.report-unit {
  font-size: 0.7em;
}