body {
	margin: 130px 0px 0px 0px !important;
	font-family: Arial,Helvetica,sans-serif;
	background-color: #f1f2f6;
}

tr {
	scroll-margin-top:150px;
}
tr:target {
    background-color: #ffa;
}

html {
    overflow-y:scroll;
}

p, .maincontent ul {
	line-height: 28px;
	font-size: 16px;
}

.maincontent {
	padding-top: 2rem;
	padding-bottom: 2rem;
	min-height: calc(100vh - 285px);
}

.custom-box {
    background: rgba(210, 224, 249, 1); 
    border: 1px solid rgb(140, 140, 255); 
    padding: 10px; 
    border-radius: 5px; 
}


header {
	background: rgba(255, 255, 255, .9);
	position: relative;
	z-index: 999;
	width:100%;
	border-bottom: 3px solid #b2bec3;
}
header hr {
	margin:0px;
	border:none;
	border-bottom: 1px solid #eee;
}

.topMenu,
.topMenu ul,
.topMenu ul li,
ul#mainMenu,
ul#mainMenu li,
ul.tabs,
ul.tabs li {
	display:flex;
	padding:0px;
	margin:0px;
}

ul#mainMenu li+li a {
	font-weight:bold;
	padding:17px 0px 14px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
.topMenu {
	justify-content: space-between;
	background-color: white;
	height: 30px;	
	
}
.topMenu ul li {
	line-height: 20px;
	padding: 5px 18px 0px 18px;
	border:0px solid #eee;
}

#topMenuLeft li.active {
	font-weight:bold;
	border-width:1px 1px 0px 1px;
	height:25px;
	background-color: #fefefe;
}

#topMenuRight li, #topMenuRight span, #topMenuRight a {
	color: black;
	border-right-width: 1px;
}

ul.tabs li {
	padding: 10px;
	border: 1px solid #b2bec3;
	border-right-width:0px;
	margin:0;
}
ul.tabs li.active {
	background-color: rgba(255, 255, 255, .5);
	font-weight: bold;
	border-bottom-style: none;
}
ul.tabs li:last-child {
	border-right-width: 1px;
}

ul.tabs {
	margin-bottom:-1px;
}

.centerblock {
	max-width: 1000px;
	margin: 0 auto;
}

#metaMenu a {
	text-decoration: none;
	color: #1A3682;
	font-size: 14px;
}

.heading {
	font-size: 2em;
}


/* buttons */
.btn, button {
	background-color: #1A3682;
	color: white;
	padding: 10px 20px;
	border: 1px solid #1A3682;
	font-size: 13px;
	font-weight: bold;
	margin-right: 10px;
	border-radius: 0.25rem;
	transition: color .3s ease-in-out,border-color .3s ease-in-out,background-color .3s ease-in-out;
}

.btn:hover, button:hover {
	background-color: #082e6e;
	border-color: #082e6e;
	cursor: pointer;
}

.btn:disabled, button:disabled {
	opacity:0.5;
	cursor: not-allowed;
}

.swal-title, .swal-text {
    color: black;
}

/*SweetAlert buttons*/
.swal-button,
.swal-button:not([disabled]):hover {
    background-color: #1a3682;
}

.select {
	border-radius: 25%
}

select {
	padding: .5em;
	border-radius: 4px;
	font-size: .9em
}

#buttonSubmit {
	background: white;
	padding: .5em 3em;
	border: 1px solid #bdc3c7;
	border-radius: .25rem;
	font-size: .9em
}

#accordion-input {
	width: auto;
	padding: .5em 3em;
	background: white;
	font-size: .9em
}

.textarea {
	width: 100%;
	padding: .8em;
	border-radius: 4px;
	box-sizing: border-box;
}

.a-link {
	color: white !important;
	text-decoration: none;
	background: #1A3682;
	font-size: 14px;
}

a {
	color: #1A3682;
	text-decoration: none;
}


.language-selector {
	position: absolute;
	background: #7f7f7f;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 5px;
	font-size: 1.2rem;
	cursor: pointer;
}

.language-selector:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-top-color: #7f7f7f;
	border-bottom: 0;
	margin-left: 1px;
	margin-bottom: -7px;
}

.brand {
	display: none;
}

.scrollcontainer {
	background-color: white;
	overflow-x: scroll;
	overflow-y: scroll;
	white-space: nowrap;
	padding: .5rem;
	padding-left: .75rem;
	border-radius: 5px;
	width: 100%;
	box-sizing: border-box;
	height: 200px !important;
}

.scrollcontainer a {
	color: black;
	font-size: 14px;
}


.flash {
	-moz-animation: flash 1s;
    -moz-animation-iteration-count: 1;
    -webkit-animation: flash 1s;
    -webkit-animation-iteration-count: 1;
    -ms-animation: flash 1s;
    -ms-animation-iteration-count: 1;
	background-color: #FFFF99;
}

.interfaceLinkCol{
	padding: 10px;
	text-align: center;
}


.transfer-file-btn{
	background-color: #1A3682;
	color: white;
	padding: .375rem .75rem;
	border: 1px solid transparent;
	border-radius: .25rem;
	font-size: .8rem;
}

.spinner:before{
	content: "";
	position: absolute;
	box-sizing: border-box;
	height: 20px;
	width: 20px;
	margin-top: 7px;
	margin-left: -90px;
	border-radius: 50%;
	border: 2px solid transparent;
	border-top-color: #1A3682;
	border-bottom-color: #1A3682;
	animation: spinner 1.5s ease infinite;
}

.spinner1:before{
	content: "";
	position: absolute;
	box-sizing: border-box;
	height: 20px;
	width: 20px;
	margin-top: -25px;
	margin-left: 90px;
	border-radius: 50%;
	border: 2px solid transparent;
	border-top-color: #1A3682;
	border-bottom-color: #1A3682;
	animation: spinner 1.5s ease infinite;
}

@keyframes spinner{
	to {
		transform: rotate(360deg);
	}
}

tr.odd {
	background-color:rgba(255,255,255,0.5);
}

th {
	border-bottom: 1px solid #b2bec3;
}

header {
	position: fixed;
	top: 0px;
}

img, br {
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

::-moz-selection {
  color: white;
  background: #1A3682;
}

::selection {
  color: white;
  background: #1A3682;
}

/* Textarea */
.basicTextarea {
	border: 1px solid #bfbfbf;
    border-radius: 2px;
    padding: 7px;
    padding-right: 0px;
    font-size: 16px;
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    min-width: 32px;
    resize: vertical;
	outline: none;
}

.basicTextarea:hover,
.basicTextarea:focus,
.basicTextarea:active {
	border: 1px solid #4a6ead !important; 
}

.basicTextarea.mandatory {
	border-left-color: #4a6ead;
	border-left-style: solid !important;
	border-left-width: 4px !important; 
}

.basicTextarea.error {
	border-left-color: #e74c3c !important;
    border-left-style: solid !important;
    border-left-width: 4px !important; 
    color: black;
}

/* Textfield */
input.error {
	border-left-color: #e74c3c !important;
    border-left-style: solid !important;
    border-left-width: 4px !important;
    color: black; 
}

div.checkBoxNotTicked, div.radioButtonNotTicked, th.noApiSelected {
	color: red;
}

/* Footer */
footer {
	padding: 20px;
	background-color: black;
}

footer a {
    color: #fff;
    padding-right: 15px;
    border-right: 1px solid #fff;
    margin-right: 15px;
    line-height: 12px;
    font-size: 12px;
}

footer a:hover {
	text-decoration: underline;
}

footer a:last-of-type {
    border: none;
}

#FooterCopyright {
    border-top: 1px solid #4d4d4d;
    margin-top: 10px;
    padding-top: 10px;
    line-height: 12px;
    font-size: 12px;
    color: #828282;
}