/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.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;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.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;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.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;
}


body, html {
	background-color: #f1f0f0;
	color:#464646;
	font:15px 'Roboto', sans-serif;
	font-weight: 400;
	height:100%;
	margin:0px;
	padding:0px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, img { display:block }
table { border-collapse: separate; border-spacing: 0 }
a {
	color:#203864;
	cursor:pointer;
	text-decoration:none;
	outline:none;
}

p, form, input, ul, ol, h1, h2, h3, h4, h5, h6, figure, hr, span, blockquote, fieldset {
	margin:0px;
	padding:0px;
}
ul li { list-style-type:none; list-style-position:outside }
ol li { list-style-position: inside }
img { border:0px; display:inline-block }
input, textarea, select {
	border-radius:0px;
	color:#464646;
	font:15px 'Roboto', sans-serif;
	font-weight: 400;
	outline:none;
	border:none;
	resize:none;
}
strong { font-weight: 500 }
input[type='text'], input[type='password'], input[type='button'], input[type='submit'], textarea { -webkit-appearance:none }
input[type="submit"], input[type="button"] { cursor:pointer }
input::-moz-focus-inner { border:0; padding:0 }
fieldset { border: 0 }

::selection { background:#000; color:#fff; padding:20px; }
::-moz-selection { background:#000; color:#fff; }
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
hr {
	background-color: #dedede;
	border: 0;
	height: 1px;
	margin: 16px 0;
	width: 100%;
}
h1, h2, h3 {
	font-weight: 500
}
.generalWrap {
	display: grid;
	height: 100%;
	position:relative
}


/* ----------- loginBox -----------*/
.loginLayout { display: grid }
#loginBox {
	background-color: #fff;
	border-radius: 4px;
	margin: auto;
	padding: 30px 48px 36px 48px;
	text-align: center;
	width: 400px;
}
#loginBox h1 {
	color: #1d3892;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 10px;
}
#loginBox #mdo {
	margin-bottom: 22px;
	width: 200px
}
#loginBox input[type="text"], #loginBox input[type="password"]{
	background-color: transparent;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	display: block;
	margin-bottom: 10px;
	padding: 8px 12px;
	width: 100%;
}
#loginBox input[type="text"]:focus, #loginBox input[type="password"]:focus { border-color: #50b2f1 }
#loginBox input[type="text"]::-webkit-input-placeholder,
#loginBox input[type="password"]::-webkit-input-placeholder { color:#8f8f8f }
#loginBox input[type="text"]::-moz-placeholder,
#loginBox input[type="password"]::-moz-placeholder { color:#8f8f8f; opacity:1 }

#loginBox input[type="submit"]{
	background-color: #1d3892;
	border-radius: 4px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 10px;
	padding: 8px 12px;
	text-transform: uppercase;
	transition:all 0.3s ease;
	width: 100%;
}
#loginBox input[type="submit"]:hover { background-color: #50b2f1 }
#loginBox p { font-size: 14px }
#loginBox p a {
	color: #4f4f4f;
	display: block;
	font-weight: 500;
	margin-top: 6px;
	text-decoration: underline;
	transition:all 0.3s ease;
}
#loginBox p a:hover { color: #1d3892 }
#loginBox p a i { margin-right: 6px }
#loginBox .error {
	border-bottom: 1px solid #d3432f;
	border-top: 1px solid #d3432f;
	color: #d3432f;
	display: none;
	font-size: 14px;
	margin-top: 20px;
	padding: 10px
}
@media only screen and (max-width:450px) {
	#loginBox {
		margin: auto 22px auto 22px;
		padding: 22px 28px 24px 28px;
		width: auto;
	}
}

.introLayout {
	background-color: #50b2f1;
	display: grid;
}
.introLayout > div { margin: auto }
.introLayout svg { width: 380px }
.introLayout p {
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	line-height: 27px;
	text-align: center;
	text-transform: uppercase;
}
.introLayout p span {
	display: block;
	font-size: 18px;
	font-weight: 400;
	text-transform: initial;
}
.introLayout p:before {
	background-color: #7bcbff;
	content: "";
	display: block;
	height: 3px;
	margin: 22px auto;
	width: 36px;
}
.introLayout a {
	background-color: #1d3892;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-top: 22px;
	padding: 10px 12px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease;
	width: 100%;
}
.introLayout a:hover { background-color: #2d4aab }
@media only screen and (max-width:580px) {
	.introLayout svg { width: 100% }
	.introLayout > div { padding: 0 30px }
	.introLayout p { font-size: 20px; line-height: 25px }
	.introLayout p span { font-size: 16px }
}


/* ----------- main -----------*/
aside {
	background-color: rgba(29,56,146,1);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 56px;
	z-index: 3000;
}
#backgroundBg {
	background-color: rgba(40,40,40,0.3);
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 800;
}
#logo {
	display: block;
	margin-top: 18px;
	position: relative;
}
#logo #mlogo {
	margin-left: 13px;
	width: 30px
}
#logo #montes {
	left: 108px;
	opacity: 0;
	position: absolute;
	top: 19px;
	width: 110px;
}
#logo .home {
	color: #50b2f1;
	font-size: 11px;
	font-weight: 500;
	left: 60px;
	line-height: 15px;
	min-width: 200px;
	opacity: 0;
	padding: 14px 14px 0 14px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 50px;
	width: 100%;
}
@media only screen and (max-width:580px) {
	aside { bottom: 0; height: 56px; top: initial; width: 100% }
	#logo { display: inline-block; margin-top: 14px }
	#logo #mlogo { margin-left: 17px }
}


/* ----------- nav -----------*/
nav {
	position: absolute;
	bottom: 15px;
	width: 100%;
}
nav a {
	color: #4368e4;
	display: block;
	font-size: 21px;
	padding: 10px 0 10px 15px;
	position: relative;
	width: 100%;
}
nav a:hover:not([href]){ color: #4368e4 }
nav a:hover { color: #fff }
nav a:not([href]) { cursor: default }

nav a span {
	color: #577aee;
	font-size: 13px;
	font-weight: 500;
	left: 72px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	text-overflow: ellipsis;
	text-transform: uppercase;
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
	width: 126px;
}
nav a:hover span { color: #fff }
nav a:hover:not([href]) span { color: #577aee }

@media only screen and (max-width:580px) {
	nav {
		bottom: initial;
		right: 0;
		top: 0;
		width: initial;
	}
	nav a {
		display: inline-block;
		font-size: 19px;
		padding: 10px 0 0 0;
		text-align: center;
		width: auto;
	}
	nav a span {
		display: block;
		font-weight: 400;
		left: 0;
		opacity: 1;
		padding-top: 14px;
		position: static;
		text-transform: none;
		width: 62px;
	}
	nav a:nth-child(1) span { width: 80px }
}


/* ----------- Layout -----------*/
section.listing {
	background-color: #fff;
	max-width: 1400px;
	padding: 0 34px 22px 90px;
	position: relative;
	width: 100%;
}
section.listing h2 {
	color: #1d3892;
	font-size: 26px;
	font-weight: 400;
	padding: 18px 0;
	text-transform: uppercase;
}
#agreementL {
	display: grid;
	grid-template-columns: 31% 46% 23%;
	height: 100%;
	margin-left: 56px;
	max-width: 1400px;
	position: relative;
}
@media only screen and (max-width:1400px) {
	section.listing { border-right: none; padding-right: 34px }
}
@media only screen and (max-width:1280px) {
	#agreementL { grid-template-columns: 35% 43% 22% }
}
@media only screen and (max-width:1180px) {
	#agreementL { grid-template-columns: 46% 54% }
}
@media only screen and (max-width:870px) {
	#agreementL { grid-template-columns: 100% }
}
@media only screen and (max-width:580px) {
	section.listing { padding: 0 24px 82px 24px }
	#agreementL { margin-left: 0 }
}


/* ----------- flow -----------*/
#flow {
	background-color: #f1f0f0;
	position: relative;
	overflow: hidden;
}
#flow h1 {
	background-color: #f1f0f0;
	border-bottom: 1px solid #dbdbdb;
	color: #1d3892;
	font-size: 26px;
	font-weight: 400;
	left: 0;
	padding: 22px 30px;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 2000
}
#flow .newAgreement {
	background-color: #f1f0f0;
	border-top: 1px solid #dbdbdb;
	bottom: 0;
	color: #1d3892;
	display: block;
	font-size: 13px;
	font-weight: 500;
	height: 45px;
	line-height: 44px;
	padding-right: 34px;
	position: absolute;
	text-align: right;
	text-transform: uppercase;
	width: 100%;
	z-index: 2000;
}
#flow .newAgreement i { margin-right: 8px }
#flow .newAgreement span {
	border-bottom: 1px solid transparent;
	padding-bottom: 2px;
	transition:all 0.3s ease;
}
#flow .newAgreement:hover span { border-bottom-color: #1d3892 }

#flow h1 .date {
	color: #72839e;
	display: block;
	font-size: 13px;
	font-weight: 400;
	position: relative;
	top: -3px;
}
#flow h1 .copyLink {
	background-color: #fff;
	border-radius: 50%;
	color: #aeaeae;
	display: inline-block;
	font-size: 14px;
	height: 30px;
	line-height: 29px;
	margin-left: 6px;
	position: relative;
	text-align: center;
	top: -6px;
	transition:all 0.3s ease;
	width: 30px;
}
#flow h1 .copyLink:hover { color: #50b2f1 }
#flowList {
	margin: 16px 0 56px 0;
	position: relative;

	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
#flowList > li {
	border-radius: 8px 0 0 8px;
	color: #1d3892;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	margin-left: 23px;
	padding: 0 0 0 42px;
	position: relative;
	transition:all 0.3s ease;
}
#flowList > li:hover {
	background-color: #e8e8e8
}
#flowList > li.completed,
#flowList > li.completed .description,
#flowList > li.completed .description em {
	color: #879bb9
}
#flowList > li.selected {
	color: #4f4f4f;
	cursor: default;
	background-color: #fff
}
#flowList > li > p {
	padding-right: 68px;
	padding: 12px 68px 12px 0;
}
#flowList > li > i {
	cursor: pointer;
	font-size: 15px;
	left: 10px;
	padding: 7px 0;
	position: absolute;
	top: 5px;
	transition:all 0.3s ease;
	width: 27px;
	z-index: 200;
}
#flowList > li > i:hover {
	color: #50b2f1;
	filter: drop-shadow(0 0 2px white);
	top: 7px;
}
#flowList > li .edit {
	color: #aeaeae;
	display: none;
	font-size: 11px;
	margin-left: 4px;
	position: relative;
	top: -1px;
	transition:all 0.3s ease;
}
#flowList > li .delete{
	right: 20px;
	position: absolute;
	color: #aeaeae;
	display: none;
	transition:all 0.3s ease;
}
#flowList > li .edit:hover { color: #1d3892 }
#flowList > li .delete:hover { color: #d3432f }
#flowList > li > p:hover .edit { display: inline-block }
#flowList > li > p:hover .delete { display: inline-block }
#flowList > li .description {
	display: block;
	font-size: 12px;
	font-weight: 400;
	margin-top: 2px;
	position: relative;
}

#flowList > li .description em {
	border-right: 1px solid #cbcbcb;
	color: #4f4f4f;
	display: inline-block;
	font-style: normal;
	font-weight: 500;
	margin-right: 8px;
	padding-right: 8px;
}
#flowList > li .description em.noline { border-right: none }
#flowList > li .plus {
	border-radius: 50%;
	box-shadow: 0 0 1px 1px rgba(74,74,74,0);
	color: #1d3892;
	cursor: pointer;
	font-size: 21px;
	font-weight: 400;
	height: 28px;
	line-height: 28px;
	position: absolute;
	right: 25px;
	text-align: center;
	top: 5px;
	transition:all 0.3s ease;
	width: 28px;
	z-index: 200
}
#flowList > li.completed .plus { color: #879bb9 }
#flowList > li.selected .plus { color: #4f4f4f }
#flowList > li .plus:before { content: "\002B" }
#flowList > li .plus.symbol:before { content: "\2212" }
#flowList > li .plus:hover {
	box-shadow: 0 0 1px 1px rgba(74,74,74,0.3);
}
#flowList > li > ul {
	display: none;
	padding-bottom: 10px;
	position: relative;
	top: -3px;
}
#flowList > li > ul > li {
	color: #4f4f4f;
	cursor: pointer;
	font-size: 13px;
	font-weight: 500;
	padding: 7px 0 7px 0;
	position: relative;
	transition:all 0.3s ease;
}
#flowList > li > ul > li i {
	color: #909090;
	margin-right: 6px;
	transition:all 0.3s ease;
}
#flowList > li.completed > ul > li,
#flowList > li.completed > ul > li i { color: #879bb9 }

#flowList > li > ul > li:hover,
#flowList > li > ul > li:hover i { color: #1d3892 }
#flowList > li > ul > li span {
	font-size: 12px;
	font-weight: 400;
	position: absolute;
	right: 33px;
	top: 8px;
}
@media only screen and (max-width:580px) {
	#flow { overflow: show }
	#flow h1 { padding: 18px 30px 16px 30px }
	#flow .newAgreement { background-color: #fff; bottom: 56px; padding-right: 0; position: fixed; text-align: center }
	#flowList { margin: 16px 0 116px 0 }
	#flowList > li.selected { background-color: rgba(255,255,255,0.6) }
	#flowList > li .edit { display: inline-block }
}


/* ----------- search -----------*/
#search {
	padding: 0 34px;
	position: relative;
}
#search input[type="search"]{
	background-color: #fff;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	color: #4f4f4f;
	font-size: 14px;
	padding: 8px 30px 8px 12px;
	transition:all 0.3s ease;
	width: 100%;
}
#search .btOk {
	background-color: #50b2f1;
	border-radius: 0 4px 4px 0;
	color: #fff;
	font-size: 15px;
	line-height: 36px;
	height: 100%;
	padding: 0 10px;
	position: absolute;
	right: 34px;
	text-align: center;
	transition:all 0.3s ease;
	top: 0;
}
#search .btOk:hover { background-color: #aeaeae }
#search input[type="search"]:focus { border-color: #50b2f1 }
#search input[type="search"]::-webkit-input-placeholder { color:#a9a9a9 }
#search input[type="search"]::-moz-placeholder { color:#a9a9a9; opacity:1 }


#orderBox {
	border-bottom: 1px solid #dbdbdb;
	margin: 12px 34px 0 34px;
}
#orderBox a {
	color: #909090;
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	margin-right: 20px;
	padding: 10px 0;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
#orderBox a:hover { color: #1d3892 }
#orderBox a i {
	margin-right: 4px
}
@media only screen and (max-width:580px) {
	#orderBox { padding-bottom: 13px }
	#orderBox a { display: block; padding: 8px 0 }
}


/* ----------- docs -----------*/
#viewMembers {
	background-color: #fff;
	border-bottom: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-radius: 0 0 4px 4px;
	color: #50b2f1;
	display: none;
	font-size: 13px;
	font-weight: 500;
	padding: 8px 14px;
	position: fixed;
	right: 40px;
	text-transform: uppercase;
	top:0;
	z-index: 1000;
}
#viewMembers i { margin-right: 6px }
#closeDocuments {
	background-color: #fff;
	border-bottom: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-radius: 0 0 0 4px;
	color: #aeaeae;
	display: none;
	font-size: 18px;
	font-weight: 500;
	padding: 4px 7px;
	position: fixed;
	right: 0;
	text-transform: uppercase;
	top:0;
	z-index: 1000;
}

.docsTitle {
	color: #50b2f1;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 12px;
	padding: 0 34px;
}
.docsTitle span {
	color: #909090;
	display: block;
	font-size: 13px;
	font-weight: 400;
	margin-top: 3px;
}
.documentsList {
	background-color: #fff;
	border-right: 1px solid #dbdbdb;
	overflow: hidden;
	position: relative;
}
.docs {
	margin-bottom: 44px;
	padding: 0 34px 26px 34px
}
.docs div {
	border-bottom: 1px solid #dbdbdb;
	/* padding: 12px 0 10px 0; */
	position: relative;
}
.docs a {
	color: #50b2f1;
	display: block;
	font-size: 14px;
	font-weight: 500;
	padding: 12px 0 10px 0;
	transition:all 0.3s ease;
}
.docs a:hover {
	border-bottom-color: #50b2f1;
	color: #1d3892;
}
.docs a:before {
	background-color: transparent;
	content: "";
	height: 1px;
	position: absolute;
	left: 0;
	top: -1px;
	transition:all 0.3s ease;
	width: 100%;
}
.docs a:hover:before { background-color: #50b2f1 }
.docs a .date {
	color: #676767;
	font-size: 13px;
	font-weight: 400;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.docs a .type {
	display: inline-block;
	font-size: 30px;
	font-style: normal;
	margin-right: 12px;
	transition:all 0.3s ease;
	vertical-align: middle;
}
.docs a .type:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f15b";
}
.docs a .type.pdf:before { content: "\f1c1" }
.docs a .type.mp3:before { content: "\f1c7" }
.docs a .type.jpg:before { content: "\f1c5" }
.docs a .type.xls:before { content: "\f1c3" }


#linkOptions {
	background-color: #fff;
	border-top: 1px solid #dbdbdb;
	bottom: 0;
	color: #1d3892;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	height: 45px;
	line-height: 44px;
	padding: 0 34px;
	position: absolute;
	text-transform: uppercase;
	width: 100%;
	z-index: 2000;
}
#linkOptions a {
	color: #4f4f4f;
	display: block;
	font-size: 13px;
	font-weight: 500;
}
#linkOptions i { margin-right: 8px }
#linkOptions span {
	border-bottom: 1px solid transparent;
	padding-bottom: 2px;
	transition:all 0.3s ease;
}
#linkOptions a:nth-child(2){
	color: #3aa7ed;
	text-align: right;
}
#linkOptions a:hover:nth-child(1) span { border-bottom-color: #4f4f4f }
#linkOptions a:hover:nth-child(2) span { border-bottom-color: #3aa7ed }
@media only screen and (max-width:1180px) {
	#viewMembers { display: block }
}
@media only screen and (max-width:870px) {
	.documentsList {
		display: none;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 2900;
	}
	#closeDocuments { display: block }
}
@media only screen and (max-width:580px) {
	#linkOptions { bottom: 56px; position: fixed }
	.docs { margin-bottom: 100px }
}


/* ----------- misc -----------*/
.imgCover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
.msj {
	color: #919191;
	font-size: 13px;
	margin-top: 16px;
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.insideGrey {
	color: #aeaeae;
	font-size: 14px;
	margin-bottom: 30px;
	padding: 30px 34px 0 34px;
	text-transform: uppercase;
}
.insideGrey.v2 { margin-bottom: 20px }
.filepond--action-process-item { display:none }

.col50, .col33 {
	display: grid;
	grid-column-gap: 16px;
}
.col50 {
	grid-template-columns: repeat(2,1fr);
}
.col50.ac { align-items: center }
.col50.jc { grid-template-columns: auto auto; justify-content: start }
.col50.line {
	border-top: 1px dashed #d2d2d2;
	padding: 18px 0;
}
.col33 {
	grid-template-columns: repeat(3,1fr);
}
.col33.morePad { grid-column-gap: 40px }

.commission {
	align-items: center;
	display: grid;
	grid-template-columns: 300px auto auto;
	justify-content: start;
	margin-bottom: 20px;
	position: relative;
}
.commission > span {
	color: #6c6c6c;
	font-size: 13px;
	padding-left: 40px;
}
/*.commission .opt:before {
	background-color: #d2d2d2;
	content: "";
	height: 1px;
	margin-top: -13px;
	position: absolute;
	width: 100%;
}*/
.modalBox .commission input[type="text"] {
	border: none;
	border-radius: 0;
	font-size: 13px;
	margin: 0;
	padding: 8px 0 8px 8px;
	width: auto;
}
.modalBox .commission .opt {
	font-weight: 500;
	padding: 5px 0;
}
.modalBox .commission .opt.v2 {
	font-weight: 500;
	padding: 9px 0 9px 23px;
}
.modalBox .commission .opt label {
	color: #464646;
	font-size: 13px;
	margin-bottom: 0;
	text-transform: initial;
}
.modalBox .commission .opt .arrow {
	color: #6a6a6a;
	cursor: pointer;
	font-size: 1.1em;
	font-style: normal;
	height: 22px;
	line-height: 22px;
	margin-top: -3px;
	position: absolute;
	right: 0;
	text-align: center;
	width: 22px;
}
.modalBox .commission .opt .arrow:before {
	color: #50b2f1;
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.modalBox .commission .opt .arrow.opened:before {
	content: "\f106";
	color: #9a9a9a;
}
.commission blockquote {
	grid-column: span 3;
}
.commission .secondLevel {
	align-items: center;
	display: grid;
	grid-column: span 3;
	grid-template-columns: 300px auto auto;
	justify-content: start;
}
.commission .secondLevel > span {
	color: #6c6c6c;
	font-size: 13px;
	padding-left: 40px;
	padding-right: 6px;
}

.members { padding-bottom: 14px }
.membersName {
	align-items: center;
	display: grid;
	justify-content: start;
	grid-template-columns: 268px auto auto;
	grid-column-gap: 14px;
	padding-left: 28px;
}
.membersName p {
	font-size: 13px;
	font-weight: 500;
	padding: 0 0 0 34px;
	position: relative;
}
.membersName span {
	color: #6c6c6c;
	font-size: 12px;
	margin-left: 30px;
}
.membersName p:before {
	background-color: #50b2f1;
	content: "";
	height: 2px;
	left: 20px;
	position: absolute;
	top: 7px;
	width: 6px;
}
.modalBox .membersName input[type="text"] {
	border: none;
	border-bottom: 1px solid #dbdbdb;
	border-radius: 0;
	font-size: 12px;
	margin: 0;
	padding: 4px 0;
	width: auto;
}

@media only screen and (max-width:940px) {
	.col33 { grid-template-columns: repeat(1,1fr) }
	.col33.morePad { grid-column-gap: 40px }
}
@media only screen and (max-width:670px) {
	.commission { grid-template-columns: auto auto }
	.modalBox .commission .opt { grid-column: span 2; padding: 0 }
	.modalBox .commission label.opt { padding: 12px 0 0 0 }

	.commission .secondLevel { grid-column: span 2; grid-template-columns: auto auto }
	.modalBox .commission .opt.v2 { grid-column: span 2; padding: 9px 0 0 23px }

	.commission blockquote { grid-column: span 2 }
	.membersName { grid-template-columns: auto auto }
	.membersName p { grid-column: span 2 }

	.commission > span { padding-bottom: 8px; padding-left: 21px; white-space: nowrap }
	.modalBox .commission > input[type="text"] { margin-bottom: 8px }
}
@media only screen and (max-width:580px) {
	.insideGrey,
	.insideGrey.v2 { margin-bottom: 6px }

	.membersName { grid-template-columns: auto auto }
	.membersName p { grid-column: span 3 }
	.membersName span { margin-bottom: 10px }
	.modalBox .membersName input[type="text"] { margin-bottom: 10px }
}
@media only screen and (max-width:480px) {
	.col50 { grid-template-columns: repeat(1,1fr) }
}


/* ----------- Paginator -----------*/
.paginatorPage {
	margin-bottom: 10px;
	position: relative;
	text-align: center;
	top: -50px;
}
.listing .paginatorPage,
.linking .paginatorPage { margin-top: 20px; top: 0 }
.paginatorPage a {
	background-color: #ededed;
	border-radius: 4px;
	color: #515151;
	display: inline-block;
	font-size: .9em;
	height: 30px;
	line-height: 30px;
	margin-bottom: 6px;
	margin-right: 6px;
	text-align: center;
	transition:all 0.3s ease;
	width: 34px;
}
.paginatorPage a:hover {
	background-color: #50b2f1;
	color: #fff;
}
.paginatorPage .active a {
	background-color: #50b2f1;
	color: #fff;
	font-weight: 600;
}
@media only screen and (max-width:580px) {
	.paginatorPage { top: -107px }
}


/* ----------- Magnific -----------*/
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10042;
	overflow: hidden;
	position: fixed;
	background-color: #4f4f4f;
	opacity: 0.35;
	filter: alpha(opacity=35);
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
}
.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow {
	background-color: transparent;
	overflow: visible;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
	appearance: none;
}
button::-moz-focus-inner { padding: 0; border: 0 }
.mfp-close {
	color: #aeaeae;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	height: 38px;
	line-height: 37px !important;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	width: 38px;
}
.mfp-close:hover, .mfp-close:focus { color: #50b2f1; opacity: 1; filter: alpha(opacity=100); }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	text-shadow: 0 0 10px rgba(0,0,0,0.9);
	width: 100%;
}
.mfp-counter {
	color: #49b707;
	font-size: 12px;
	position: absolute;
	top: 7px;
	right: 10px;
	line-height: 18px;
	white-space: nowrap;
}
.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}
/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	padding: 40px 0 40px;
	margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 14px rgba(41, 41, 41, 0.4);
    background: #444;
}
.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px;
}
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar {
	margin-top: -40px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}
.mfp-title {
	background-color: #fff;
	box-shadow: 0 0 14px rgba(41, 41, 41, 0.4);
	color: #303030;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	line-height: 18px;
	word-wrap: break-word;
	padding: 8px 36px 10px 14px;
}
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
	.mfp-img-mobile img.mfp-img { padding: 0; }
	.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
	.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
	.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; }
	.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
	.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
	.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width: 900px) {
	.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
	.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
	.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
	.mfp-container { padding-left: 10px; padding-right: 10px; }
}


/* ----------- modalBox -----------*/
.modalBox {
	background: #fff;
	margin: 26px auto;
	max-width: 432px;
	padding: 34px;
	position: relative;
}
.modalBox.inside {
	margin: 0;
	max-width: none;
	padding: 0;
}
.modalBox.v2 {
	max-width: 550px;
	text-align: left
}
.modalBox.v3 {
	max-width: 850px;
	text-align: left
}
.modalBox h1 {
	color: #1d3892;
	font-size: 21px;
	font-weight: 400;
	margin-bottom: 24px;
	text-align: center;
	text-transform: uppercase;
}
.modalBox h1.v2 { margin-bottom: 4px }
.modalBox h2 {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 24px;
	text-align: center;
}
.modalBox h2 i { margin-right: 6px }
.modalBox h3 {
	font-size: 16px;
	margin: 10px 0 14px 0;
	text-align: center;
}
.modalBox h3.cyan {
	border-bottom: 1px solid #50b2f1;
	color: #50b2f1;
	display: table;
	margin: 10px auto 14px auto;
	padding-bottom: 5px;
}
.modalBox h3 i { margin-right: 8px }
.modalBox h4 {
	font-size: 13px;
	font-weight: 500;
	margin: 30px 0 14px 0;
	text-transform: uppercase;
}
.modalBox h4 i { margin-right: 7px }
@media only screen and (max-width:480px) {
	.modalBox { padding: 34px 24px 24px 24px }
}

.modalBox input[type="text"],
.modalBox input[type="date"],
.modalBox input[type="password"],
.modalBox textarea {
	background-color: #fff;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	color: #4f4f4f;
	font-size: 14px;
	margin: 0 0 20px 0;
	overflow: hidden;
	overflow-y: auto;
	padding: 8px 11px;
	width:100%;
}
.modalBox input[type="text"]:focus,
.modalBox input[type="date"]:focus,
.modalBox input[type="password"]:focus,
.modalBox textarea:focus { border-color: #1d3892 }

.modalBox select {
	-webkit-appearance: none;
	background-color: #fff;
	background-image: url(../img/arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 24px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	color: #4f4f4f;
	font-size: 14px;
	margin: 0 0 20px 0;
	padding: 7px 9px;
	width:100%;
}

.modalBox input[type="file"] {
	border: 1px solid #dbdbdb;
	font-size: 14px;
	margin: 0 0 20px 0;
	padding: 8px 11px;
	width: 100%;
}
.modalBox label {
	color: #1d3892;
	display: block;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 6px;
	text-transform: uppercase;
}
.modalBox .filepond--drop-label label {
	font-family: 'Roboto';
	font-weight: 500;
	text-transform: initial;
}
.modalBox label.v2 {
	color: #464646;
	margin-bottom: 20px;
	margin-right: 10px;
}
.modalBox label.opt {
	color: #4f4f4f;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px;
	text-transform: initial;
}
.modalBox label.opt:last-of-type { margin-bottom: 20px }

.modalBox .btn {
	background-color: #1d3892;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
	padding: 9px 12px;
	text-align: center;
	text-transform: uppercase;
	transition:all 0.3s ease;
	width: 100%;
}
.modalBox .btn.nw {
	display: table;
	padding: 9px 52px;
	width: auto;
}
.modalBox .btn.grey {
	background-color: #4e4e4e;
	margin-bottom: 48px;
	margin-left: auto;
	margin-right: auto;
}
.modalBox .btn:hover { background-color: #2d4aab }
.modalBox .btn:hover.grey { background-color: #5a5a5a }
.modalBox .btn.v2 {
	background-color: #aeaeae;
	margin-top: 12px;
}

.modalBox .btn.v3{
	background-color: #d3432f;
}
.modalBox .btn.v2:hover { background-color: #bebebe }

.modalBox .error {
	border-bottom: 1px solid #d3432f;
	border-top: 1px solid #d3432f;
	color: #d3432f;
	display: none;
	font-size: 14px;
	margin-top: 20px;
	padding: 10px;
}

.modalBox .centerTxt {
	font-size: 16px;
	margin-bottom: 26px;
	text-align: center;
}

.fileUploadingNote {
	color: #919191;
	font-size: 12px;
	margin-bottom: 10px;
	position: relative;
	text-align: center;
	top: -6px;
}

input[type="radio"] {
	background-color: #fff;
	border:1px solid #aeaeae;
	border-radius: 50%;
	height: 14px;
	width: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="radio"]:hover { background-color: #efefef }
input[type="radio"]:checked {
	background-color: #1d3892;
	border:3px solid #fff;
	box-shadow: 0 0 1px 1px rgba(15,15,15,0.5);
}

input[type="checkbox"] {
	background-color: #fff;
	border:1px solid #aeaeae;
	height: 12px;
	width: 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="checkbox"]:hover { background-color: #efefef }
input[type="checkbox"]:checked {
	background-color: #1d3892;
	border:3px solid #fff;
	box-shadow: 0 0 1px 1px rgba(15,15,15,0.35);
}
input[type="checkbox"]:checked + span { color: #1d3892 }
.modalBox input[type="checkbox"],
.modalBox input[type="radio"] {
	margin-left: 2px;
	margin-right: 8px;
	position: relative;
	top: 1px;
}

.modalBox input[type="submit"],
.modalBox input[type="button"] {
	background-color: #1d3892;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
	padding: 9px 12px;
	text-align: center;
	text-transform: uppercase;
	transition:all 0.3s ease;
	width: 100%;
}
.modalBox input[type="submit"].auto,
.modalBox input[type="button"].auto { padding: 9px 52px; width: auto }
.modalBox input[type="submit"]:hover { background-color: #2d4aab }
.modalBox input[type="button"] { background-color: #aeaeae }
.modalBox input[type="button"]:hover { background-color: #bebebe }


.modalBox .mandatory {
	color: #676767;
	font-size: 13px;
	margin-bottom: 2px;
}
.modalBox .mandatory:before {
	content: "*";
	color: #d96454;
	cursor: default;
	font-size: 19px;
	font-weight: 400;
	margin-right: 5px;
	position: relative;
	top: 5px;
}


.outsider {
	align-items: center;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 14px;
	grid-column-gap: 14px;
	padding: 8px 0;
}
.outsider.v2 { padding: 8px 0 0 0 }
.outsider input[type="text"] { margin: 0 }
.outsider > div > label { display: none }
.addM {
	color: #50b2f1;
	text-align: right;
	transition: all 0.3s ease;
}
.addM:hover { color: #1d3892 }
.addM.red { color: #d73b3b }
.removeM {
	color: #d73b3b;
	transition: all 0.3s ease;
}
.removeM:hover { color: #4f4f4f }
@media only screen and (max-width:620px) {
	.modalBox input[type="submit"].auto,
	.modalBox input[type="button"].auto { padding: 9px 22px }
}
@media only screen and (max-width:570px) {
	.outsider { grid-template-columns: 1fr }
	.outsider input[type="text"] { margin-bottom: 12px }
	.outsider > label { display: none !important }
	.outsider > div > label { display: block }
	.addM { text-align: center }
}


.recordList { margin-bottom: 18px }
.recordList a {
	border-bottom: 1px solid #dbdbdb;
	color: #4f4f4f;
	display: block;
	padding: 12px 0;
	position: relative;
}
.recordList a span {
	color: #50b2f1;
	font-size: 11px;
	font-weight: 500;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 12px;
	transition:all 0.3s ease;
}
.recordList a:hover span { color: #1d3892 }
.recordList a i {
	color: #aeaeae;
	margin-right: 5px
}
.recordList a:hover { color: #1d3892 }


.divSearch { position: relative }
.divSearch input[type="search"]{
	background-color: transparent;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	color: #4f4f4f;
	font-size: 14px;
	padding: 8px 30px 8px 12px;
	transition:all 0.3s ease;
	width: 100%;
}
.divSearch a {
	background-color: #50b2f1;
	border-radius: 0 4px 4px 0;
	color: #fff;
	font-size: 15px;
	line-height: 36px;
	height: 100%;
	padding: 0 10px;
	position: absolute;
	right: 0;
	text-align: center;
	transition:all 0.3s ease;
	top: 0;
}
.divSearch a:hover { background-color: #aeaeae }
.divSearch input[type="search"]:focus { border-color: #50b2f1 }
.divSearch input[type="search"]::-webkit-input-placeholder { color:#a9a9a9 }
.divSearch input[type="search"]::-moz-placeholder { color:#a9a9a9; opacity:1 }



/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
	height: 100%;
	overflow: hidden !important;
	padding: 0 !important;
	position: relative;
}
.scroll-wrapper > .scroll-content {
	border: none !important;
	box-sizing: content-box !important;
	height: auto;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none !important;
	overflow: scroll !important;
	padding: 0;
	position: relative !important;
	top: 0;
	width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
	height: 0;
	width: 0;
}
.scroll-element {
	display: none
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
	display: block
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default
}
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}


/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10040;
}
.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #4f4f4f;
    display: block;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}
.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -18px; min-height: 10px; width: 12px }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px }
@media only screen and (max-width:800px) {
	.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { display: none; left: -14px; border-bottom: 12px solid #efefef; border-top: 12px solid #efefef; width: 4px }
}


/* ----------- cases -----------*/
.cases a {
	border-top: 1px solid #dbdbdb;
	color: #1d3892;
	display: block;
	padding: 18px 130px 18px 31px;
	position: relative;
	transition:all 0.4s ease;
}
.cases a:hover {
	border-top: 1px solid #1d3892;
	padding: 18px 130px 18px 45px
}
.cases a:last-child { border-bottom: 1px solid #dbdbdb }
.cases a:before {
	background-color: #1d3892;
	bottom: -1px;
	content: "";
	height: 1px;
	left: 0;
	opacity: 0;
	position: absolute;
	transition:all 0.4s ease;
	width: 100%;
	z-index: 100;
}
.cases a:hover:before { opacity: 1 }
.cases a.closed { color: #8ea1be }
.cases a.closed:hover { border-color: #8ea1be }
.cases a.closed:before { background-color: #8ea1be }

.cases i {
	font-size: 17px;
	left: 0;
	position: absolute;
	top: 21px;
	transition:all 0.4s ease;
	z-index: 10;
}
.cases a:hover i { left: 14px }
.cases h3 {
	font-size: 16px;
	position: relative;
	z-index: 10;
}
.cases p {
	color: #474747;
	font-size: 13px;
	margin-top: 3px;
	position: relative;
	z-index: 10;
}
.cases a.closed p { color: #8ea1be }
.cases p span {
	color: #c0c0c0;
	padding: 0 6px;
}
.cases .type {
	color: #474747;
	font-size: 13px;
	position: relative;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-transform: uppercase;
	z-index: 10;
}
.cases a.closed .type { color: #8ea1be }

@media only screen and (max-width:800px) {
	.cases a { padding: 18px 0 18px 31px }
	.cases .type { display: block; margin-top: 12px; position: relative; right: initial; transform: initial }
}


/* ----------- members -----------*/
#closeMembers {
	background-color: #fff;
	border-bottom: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-radius: 0 0 0 4px;
	color: #50b2f1;
	display: none;
	font-size: 18px;
	font-weight: 500;
	padding: 4px 7px;
	position: fixed;
	right: 0;
	text-transform: uppercase;
	top:0;
	z-index: 1000;
}

#members {
	background-color: #fff;
	overflow: hidden;
	position: relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
#members .ulPad {
	color: #4f4f4f;
	font-size: 13.2px;
	padding: 0 34px;
}
#members ul > li {
	padding: 6px 0 6px 14px;
	position: relative;
}
#members ul > li.group {
	font-weight: 500;
	padding: 6px 30px 6px 14px;
}
#members ul > li:before {
	background-color: #cdcdcd;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 14px;
	width: 7px;
}
#members ul > li > ul {
	display: none;
	margin-top: 6px;
}
#members ul > li > ul > li {
	border-bottom: 1px solid #dbdbdb;
	font-weight: 400;
	padding: 7px 0 7px 11px;
	position: relative;
}
#members ul > li > ul > li:last-of-type { border-bottom: none }
#members ul > li > ul > li:before {
	background-color: #cdcdcd;
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	top: 13px;
	width: 4px;
}
#members ul > li > ul > li > ul {
	display: block;
	margin-top: 5px;
}
#members ul > li > ul > li > ul > li {
	border-bottom: none;
	font-size: 12.2px;
	font-weight: 400;
	padding: 3px 0 3px 11px;
	position: relative;
}
#members ul > li > ul > li > ul > li:before {
	height: 1px;
	top: 9px;
	width: 5px;
}
#members ul > li .plus2 {
	border-radius: 50%;
	box-shadow: 0 0 1px 1px rgba(74,74,74,0);
	color: #9c9c9c;
	cursor: pointer;
	font-size: 20px;
	font-weight: 400;
	height: 24px;
	line-height: 24px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 3px;
	transition:all 0.3s ease;
	width: 24px;
	z-index: 200
}
#members ul > li .plus2:before { content: "\002B" }
#members ul > li .plus2.symbol:before { color: #50b2f1; content: "\2212" }
#members ul > li .plus2:hover {
	box-shadow: 0 0 1px 1px rgba(74,74,74,0.3);
}

#members li .edit {
	color: #aeaeae;
	cursor: pointer;
	display: none;
	font-size: 11px;
	margin-left: 6px;
	transition:all 0.3s ease;
}
#members li .edit:hover { color: #50b2f1 }
#members ul > li:hover .edit { /*display: inline-block*/ }

#members .invite {
	background-color: #aeaeae;
	border-radius: 4px;
	color: #fff;
	display: table;
	font-size: 13px;
	font-weight: 500;
	margin: 16px 0 30px 34px;
	padding: 8px 16px;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
#members .invite:hover { background-color: #4f4f4f }
#members .invite i { margin-right: 8px }
@media only screen and (max-width:1180px) {
	#members {
		display: none;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		width: 54%;
		z-index: 2920;
	}
	#closeMembers { display: block }
}
@media only screen and (max-width:870px) {
	#members { width: 100% }
}
@media only screen and (max-width:580px) {
	#members li .edit { display: inline-block }
}


/* ----------- tooltip -----------*/
[data-tooltip] {
	cursor: pointer;
	position: relative;
	z-index: 2;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
	transition:all 0.4s ease;
}
[data-tooltip]:before {
	background-color: #4f4f4f;
	border-radius: 4px;
	bottom: -40px;
	color: #fff;
	content: attr(data-tooltip);
	font-size: 12px;
	left: 50%;
	line-height: 1.2;
	padding: 7px 12px;
	position: absolute;
	text-align: center;
	transform: translateX( -50%);
	white-space: nowrap;
}
[data-tooltip]:after {
	bottom: -12px;
	border-bottom: 5px solid #4f4f4f;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	left: 50%;
	line-height: 0;
	position: absolute;
	transform: translateX( -50%);
	width: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}


/* ----------- toolsListing -----------*/
#toolsListing {
	align-items: center;
	display: grid;
	grid-template-columns: auto auto auto auto auto auto;
	grid-column-gap: 20px;
	position: absolute;
	right: 34px;
	top: 20px;
}
#toolsListing.l5 { grid-template-columns: auto auto auto auto auto }
#toolsListing .recordFilter select {
	-webkit-appearance: none;
	background-color: #fff;
	background-image: url(../img/arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 24px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	cursor: pointer;
	font-size: 13px;
	padding: 5px 28px 5px 7px;
	transition:all 0.3s ease;
}
#toolsListing .recordFilter select:hover { border: 1px solid #50b2f1 }
#toolsListing .recordFilter select option { color: #4f4f4f }

#toolsListing .recordSearch {
	font-size: 13px;
	position: relative;
}
#toolsListing .recordSearch label { margin-right: 4px }
#toolsListing .recordSearch input {
	background-color: #fff;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	font-size: 13px;
	padding: 6px 10px;
	transition:all 0.3s ease;
}
#toolsListing .recordSearch input:focus { border-color: #50b2f1 }
#toolsListing input::-webkit-input-placeholder { color:#a9a9a9 }
#toolsListing input::-moz-placeholder { color:#a9a9a9; opacity:1 }

#toolsListing .recordSearch a {
	background-color: #50b2f1;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	height: 100%;
	line-height: 29px;
	padding: 0 7px;
	position: relative;
	right: 0;
	top: 0;
	transition:all 0.3s ease;
}
#toolsListing .recordSearch a:hover { background-color: #68c0f9 }
#toolsListing .recordSearch a.clean { background-color: #aeaeae; margin-left: 2px }
#toolsListing .recordSearch a.clean:hover { background-color: #bebebe }

.newRecord {
	color: #50b2f1;
	display: table;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 500;
	transition:all 0.3s ease;
}
.newRecord.v2 {
	position: absolute;
	right: 60px;
	top: 8px;
}
.newRecord:hover { color: #a6a6a6 }
.newRecord span {
	border-bottom: 1px solid transparent;
	padding-bottom: 2px;
	transition:all 0.3s ease;
}
.newRecord i {
	font-size: 12px;
	margin-right: 6px;
}

@media only screen and (max-width:1110px) {
	#toolsListing,
	#toolsListing.l5 {
		grid-template-columns: repeat(2, 1fr);
		margin-bottom: 20px;
		position: relative;
		right: initial;
		top: initial;
	}
	#toolsListing .recordSearch,
	#toolsListing .recordFilter { margin-top: 12px }
	#toolsListing .recordSearch label { display: block; margin-bottom: 4px }
	#toolsListing .recordSearch input { padding: 8px 10px; width: 100% }
	#toolsListing .recordFilter select { padding: 7px 28px 7px 7px; width: 100% }
	#toolsListing .recordSearch a { line-height: 33px; padding: 0 9px }
}
@media only screen and (max-width:1020px) {
	.newRecord.v2 { right: 0 }
}
@media only screen and (max-width:480px) {
	#toolsListing, #toolsListing.l5 { grid-template-columns: repeat(1, 1fr) }
}
@media only screen and (max-width:420px) {
	.newRecord.v2 { position: relative; top: -6px }
}


/* ----------- rowFiles -----------*/
.rowFiles li {
	align-items: start;
	display: grid;
	grid-column-gap: 16px;
	grid-template-columns: 44% auto 26px;
}
.rowFiles li label { margin-bottom: 12px }
.rowFiles .label2 {
	color: #1d3892;
	display: none;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 6px;
}
.rowFiles li .removeM {
	line-height: 34px;
	text-align: center;
}
@media only screen and (max-width:650px) {
	.rowFiles li { grid-template-columns: auto; margin-bottom: 18px }
	.rowFiles li.descriptionTxt { display: none }
	.rowFiles li input[type="text"] { margin: 0 0 10px 0 }
	.rowFiles li .removeM { line-height: 19px }
	.rowFiles .label2 { display: block }
}


/* ----------- tabs -----------*/
.tabs {
	border-bottom: 1px solid #1d3892;
	display: grid;
	justify-content: start;
	grid-template-columns: auto auto;
	margin-bottom: 20px;
	margin-top: 30px;
}
.tabs a {
	border-radius: 4px 4px 0 0;
	color: #7d7d7d;
	font-size: 14px;
	font-weight: 500;
	padding: 12px 16px;
	position: relative;
	text-align: center;
}
.tabs a:first-child { margin-left: 8px }
.tabs a.current {
	background-color: #fff;
	border-left: 1px solid #1d3892;
	border-right: 1px solid #1d3892;
	border-top: 1px solid #1d3892;
	color: #1d3892;
	top: 1px;
}

#exportBox {
	margin-top: -60px;
	position: absolute;
	right: 34px;
}
#exportBox a {
	color: #aeaeae;
	display: inline-block;
	font-size: 21px;
	padding: 6px 4px;
	transition:all 0.3s ease;
}
#exportBox a:hover { color: #1d3892 }
@media only screen and (max-width:500px) {
	.tabs a { padding: 8px 12px }
}


/* ----------- records -----------*/
#records {
	display: grid;
	grid-column-gap: 50px;
	grid-template-columns: repeat(2,1fr);
}
#records > div {
	border-bottom: 1px solid #dbdbdb;
	padding: 16px 40px 16px 0;
	position: relative;
}
#records .title {
	color: #252525;
	font-weight: 500;
}
#records .title span {
	color: #d0d0d0;
	padding: 0 6px;
}
#records .date {
	color: #868686;
	font-size: 14px;
	padding-top: 1px;
}
#records .description {
	font-size: 13px;
	margin-top: 10px;
}
#records .paginatorPage {
	border-bottom: none;
	grid-column: span 2;
	margin-bottom: 20px;
	margin-top: 26px;
	padding: 0;
	top: 0;
}
#records .view {
	color: #1d3892;
	font-size: 16px;
	position: absolute;
	right: 0;
	top: 16px;
	transition:all 0.3s ease;
}
#records .view:hover { color: #464646 }
@media only screen and (max-width:780px) {
	#records { grid-template-columns: repeat(1,1fr) }
	#records .paginatorPage { margin-bottom: 0; grid-column: span 1 }
}


/* ----------- downloadBox -----------*/
.downloadBox li {
	border-top: 1px solid #dbdbdb;
	padding: 16px 0;
}
.downloadBox a {
	color: #1d3892;
	display: block;
	font-weight: 500;
	transition:all 0.3s ease;
}
.downloadBox a:hover { color: #50b2f1 }
.downloadBox a i { margin-right: 8px }
.downloadBox .description {
	font-size: 14px;
	padding: 5px 0 0 24px;
}


/* ----------- searchingDivide -----------*/
.searchingDivide {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	padding: 40px;
}
.searchingDivide h2 {
	color: #50b2f1 !important;
	padding: 0 0 30px 0 !important;
	text-align: center;
}
.searchingDivide h2 span {
	border-bottom: 1px solid #50b2f1;
	padding-bottom: 1px;
}
.searchingDivide > div:nth-child(1) {
	border-right: 1px solid #dbdbdb;
	padding-right: 60px;
	position: relative;
}
.searchingDivide > div:nth-child(2) {
	padding-left: 60px;
	position: relative;
}
.searchingDivide > div { margin-top: 18px }
.searchingDivide .modalBox input[type="submit"] { margin-top: 0 }

@media only screen and (max-width:1020px) {
	.searchingDivide { grid-template-columns: 1fr }
	.searchingDivide > div:nth-child(1) { border-right: none; padding-right: 0 }
	.searchingDivide > div:nth-child(2) { margin-top: 34px; padding-left: 0 }
}
@media only screen and (max-width:800px) {
	.searchingDivide { padding: 0 }
}


/* ----------- Steps -----------*/
.steps .number {
	background-color: #50b2f1;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: .9em;
	font-weight: 600;
	height: 24px;
	line-height: 24px;
	margin-right: 9px;
	text-align: center;
	width: 24px;
}
.steps .open {
	cursor: pointer;
	font-size: 1.1em;
	height: 38px;
	line-height: 38px;
	position: absolute;
	right: -10px;
	top: 0;
	transition:all 0.3s ease;
	width: 38px;
}
.steps .open:hover { color: #50b2f1 }
.steps .open:before {
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.steps .open.minus:before {
	content: "\f068";
}
.steps .title {
	border-bottom: 1px solid #50b2f1;
	border-top: 1px solid #50b2f1;
	color: #50b2f1;
	font-weight: 500;
	margin-bottom: 30px;
	margin-top: 80px;
	padding: 7px 0;
	position: relative;
}
.steps .title.closed {
	border-color: #b8b8b8;
	color: #b8b8b8;
}
.steps .title.closed .number { background-color: #b8b8b8 }
.steps .title:first-of-type { margin-top: 0 }
.steps hr {
	background-color: #dedede;
	border: 0;
	height: 4px;
	margin: 26px 0 56px 0;
	width: 100%;
}
.checkIcon {
	background-color: #fff;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	font-size: 2.1em;
	height: 45px;
	left: 50%;
	line-height: 45px;
	margin-top: -81px;
	position: absolute;
	right: 26px;
	text-align: center;
	transform: translateX(-50%);
	transition:all 0.3s ease;
	width: 53px;
}
.checkIcon:before {
	content: "\f111";
	color: #656565;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
}
.checkIcon:hover:before,
.checkIcon.approved:before {
	color: #27a955;
	content: "\f058";
}
.checkIcon span {
	color: #8f8f8f;
	font-size: 11px;
	font-weight: 500;
	left: 50%;
	margin-top: 32px;
	position: absolute;
	transform: translateX(-50%);
	white-space: nowrap;
}
.stepDiv {
	overflow: hidden;
	position: relative;
}


/* ----------- watermark -----------*/
#watermark {
	bottom: -50px;
	opacity: .45;
	position: fixed;
	right: 100px;
	width: 720px;
	z-index: 0;
}