body {
	font-family:Arial, Helvetica, sans-serif;
	color:#505050
}


a:hover, a:focus{ text-decoration:none}
h1{ font-size:22pt}
.marT30 {
	margin-top:30px
}
.marTn{ margin-top:0;}
.pos-rel{ position:relative}
.marB10{ margin-bottom:10px;}
.marB20{ margin-bottom:20px;}
.marT90 {
	margin-top:90px
}
.wd57{ width:57%}

.marT20 {
	margin-top:20px
}


.pad10{ padding:10px}
.marT25 {
	margin-top:25px
}
.error-des{color:#D50000}

.marT5 {
	margin-top:5px
}

.marT10 {
	margin-top:10px
}

.marL10 {
	margin-left:10px
}

.marL200 {
	margin-left:200px
}


.marL15 {
	margin-left:15px
}
.marL20 {
	margin-left:20px
}

.marL30 {
	margin-left:30px
}
.marL50 {
	margin-left:50px
}
.marL60 {
	margin-left:32px
}
.marL5 {
	margin-left:5px
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.grayborder{ border:1px solid #ccc;}




a.back-link{ font-size:13pt; margin:0 10px 0 0; padding:0 0 10px 0;  }
a.back-link:hover{ color:#dc4786}
.font-12{ font-size:12px}

.font-13{ font-size:13px}
textarea.form-control.ht77{ height:77px}
.header {
	min-height:80px;
	background:#071D49
}
.container {
	width: 1200px;
}

.container-Inner {
	width: 770px;
}

.container-Inner {
	    padding-left: 15px;
    padding-right: 15px;
}


.contnet-area{background:#f3f3f3; padding:10px 0}

.contnet-area.wd770{ width:770px}

.login-area {
	width:770px
}

.header h1 {
	background:url(../images/logo_tietoevry.svg) 0 0px no-repeat;
	padding:15px 0 15px 20%;
	margin:10px 0;
	font-size:24pt;
	font-weight:bold;
	color:#fff;
	float:left;
	font-weight:700;
	background-size: 210px 50px;
	background-position: left;
}
.login-banner {
	background:url(../images/banner.jpg) no-repeat;
	color: inherit;
	margin-bottom: 30px;
	padding:0;
	height:267px;
}
.in_progress_spinner {
	background:url(../images/spinner_squares_circle.gif);
	color: inherit;
}

/*navigation tabs*/
.login-banner .tabs {
	margin-top:205px
}
.login-banner  .nav-tabs {
	border-bottom:none;
}
.login-banner  .nav>li>a {
	position:relative;
	display:block;
	padding:10px 0px
}
.login-banner  .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color:#555;
	cursor:default;
	background-color:#fff;
	border:none;
	border-bottom-color:transparent;
}
.login-banner  .nav-tabs>li.active>a {
	padding-bottom:18px;
	background:#fff;
	opacity:50;
}
.login-banner .nav-tabs > li > a {
	margin-right: 0px;
	text-align:center;
}
.login-banner  .nav > li {
	display: block;
	position: relative;
	width:32.7%;
	margin-right:10px;
}
.login-banner .nav > li:last-child {
	margin-right:0
}
/*.login-banner  .nav-tabs > li > a:hover {
	background:#63b3e3;
	opacity:10;
}*/
.login-banner  .nav-tabs > li > a:hover {
	color: var(--color-primary);
    border-color: rgba(0, 0, 0, 0);
}
.login-banner  .nav-tabs>li>a {
	line-height:1.42857143;
	border:1px solid transparent;
	border-radius:0;
	font-size:24px;
	background:#fff;
	color:#505050;
	border:none;
	opacity: 0.8;
 transition: opacity .25s ease-in-out;
 -moz-transition: opacity .25s ease-in-out;
 -webkit-transition: opacity .25s ease-in-out;
}
/*navigation tabs*/

/*loginbox*/ 
.form-signin {
	background:#f3f3f3;
	width: 380px;
	padding: 30px 40px;
	margin-right:10px;
	float:left;
}
.form-signin a {
	margin-top:5px;
	display:block
}
.form-signin a:hover {
	color:#dc4786;
	text-decoration:none
}

label {
	font-size:9pt;
	font-weight:normal
}
.padrN{ padding-right:0}


.form-control.wd90p{ width:90%}
.form-control.wd66p{ width:66%}
.form-control.wd70p{ width:70%}
.form-control.wd50p{ width:50%}
.form-control.wd40p{ width:40%}
.form-control.wd31p{ width:31%}
.form-control.wd35p{ width:35%}
.form-control.wd27p{ width:27%}
.form-control.wd24p{ width:24%}
.form-control.wd23p{ width:23%}
.form-control.wd20p{ width:20%}
.form-control.wd10p{ width:10%}
.form-control.wd42p{ width:42%}

.form-control {
	display:block;
	width:100%;
	height:30px;
	/*padding:6px 12px;*/
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
	border:1px solid #a9a9a9;
	outline:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.form-control::-moz-placeholder {
color:#000;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#000
}
.form-control::-webkit-input-placeholder {
color:#000
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	cursor:not-allowed;
	background-color:#eee;
	opacity:1
}


.btn-primary {
	background-color: #0065a1;
	border-color: #cdcdcd;
	color: #fff;
}
.btn-info {
	background-color: #63b3e3;
	border-color: #63b3e3;
	color: #fff;
}

.btn-login {
	display:inline-block;
	padding:6px 37px;
	margin-bottom:0;
	font-size:12pt;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:1px solid #cdcdcd;
	border-radius:0px
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	color:#fff;
	background-color:#DC4786;
	border-color:#cdcdcd;
}

.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
	color:#fff;
	background-color:#DC4786;
	border-color:#63b3e3;
}

.col-xs-7 .btn-info span{ display:inline-block !important; padding-top:0px !important; font-size:11pt !important}
.col-xs-7 .btn-info { margin-top:5px;}
.col-xs-7 .btn-info.marTN { margin-top:0px;}

.content { padding:10px 0 0 0; border-top:1px solid #fff; margin:10px 0 0 0;}

.content.nopamar{ padding:0; margin:0}
.content.nobor .col-l-form .form-horizontal .form-group{ border:none}
.content.nobor{ border:none}
.col-l-form h2.borTn{ border-top:none}
.col-l-form h2.marBn{ margin-bottom:0px !important}
.col-l-form.marTn{margin:0 0 0;}
/*.btn {
	display:inline-block;
	padding:5px 15px 5px 10px;
	margin-bottom:0;
	font-size:11pt;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:none;
	border-radius:0px
}*/
.btn-primary span, .btn-info span{ margin-left:5px}
.btn-primary.pull-right span, .btn-info.pull-right span{ margin-right:5px}
.btn .fa-lg {
    /*font-size: 1em;*/
    line-height: 0.75em;
    vertical-align: 0;
}


/*loginbox*/


.login-area h2 {
	font-size:14pt;
	margin:0 0 15px
}

/*service-box*/
.service-box {
	background:#f3f3f3;
	width: 380px;
	height: 145px
	padding: 10px 15px 50px 15px;
	float:left;
	margin:100px 0 0 0;
}


.service-box.wd100 {
	background:#f3f3f3;
	width:98%;
	padding: 10px 15px 10px 15px;
	float:left;
	margin:0px 0 10px 0;
}

.service-box.wd100.first {
	background:#f3f3f3;
	width:98%;
	padding: 10px 15px 10px 15px;
	float:left;
	margin:20px 0 10px 0;
}


.service-box.wd100 h2{ font-size:14pt; margin:5px 0 10px 0}
.service-box.wd100 p {
font-size:12pt;

}


.service-box div.content-text{/*border-bottom:1px solid #fff; */padding:20px;}

.service-box h2{
margin-bottom:10px
}

.service-box span{
font-size:9pt; display:block; font-weight:bold
}
.service-box span.date{
font-size:7pt; display:block; font-weight:normal
}
.service-box p{
font-size:9pt;
}



.table {
	margin-bottom:5px
}
.table th {
	background:#f8f8f8;
	font-size:9pt;
	
}

.table th span{
	
	font-size:9pt !important;
	
}

.table > thead > tr > th {}

.table td {
	font-size:9pt
}


.exPad table td {
   padding:11px 10px 11px 10px !important;
}
.table td.veral-mid {
	vertical-align:middle
}

.table-responsive .table > thead > tr > th.alignL {
    text-align: left;
    vertical-align: middle;
}

.table-striped th{ text-align:left !important}
.table-responsive.ver-midd .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
   
    vertical-align: middle !important;
}

/*service-box*/

/*footer-section*/
.bix-footer {
	padding:20px 0 0 0;
	margin:50px 0 30px 0;
	border-top:1px solid #071D49;
	color:#071D49;
	background:url(../images/logo_tietoevry_blue.svg) right 20px no-repeat;
	background-size: 125px 50px
}
.bix-footer li {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.bix-footer .nav > li {
	width:auto;
	margin:15px 0
}

.bix-footer .nav > li.navbar-text{
	color:#505050;
	font-size:11pt;
}

.bix-footer .nav > li > a {
	border-right: 1px solid #63b3e3;
	display: block;
	margin:0;
	padding: 0 15px;
}
.bix-footer .nav > li:last-child > a {
	border-right:none
}
.bix-footer .nav > li > a:hover {
	background:none
}
/*footer-section*/

/*userinfo nav*/
.masthead-nav {
    float: right;
	margin:20px 0 0 0;
}
.masthead-nav > li {
  display: inline-block;
  position:relative;
}
.masthead-nav > li + li {
  margin-left: 8px;
}

.masthead-nav  li a{ padding:5px}
.masthead-nav  span.inner { padding:5px 2px !important; display:inline-block; font-weight:12px;}


.masthead-nav #show span{ padding:5px 8px;}
.masthead-nav  span.bloc{ display:inline-block; padding:5px 8px;background:#f3f3f3; color:#dc4786}
.masthead-nav  span.bloc:hover {color:#dc4786 !important}

#subnav-top{list-style:none; background:#f3f3f3; padding:5px; position:absolute; width:150px; display:none; top:30px; right:2px; border:3px solid #280071; border-top:none}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    #subnav-top{top:28px;}
}

#subnav-top .fa{ font-size:14px; margin-right:6px}

#subnav-top li{ margin:0 0 5px 0; border-bottom:1px solid #280071; padding:0 0 10px 0}
#subnav-top li:last-child{ padding:0; border-bottom:none }

#subnav-top a{color:#0065a1; font-weight:normal; font-size:14px; padding:10px}
#subnav-top a:hover{color:#dc4786;}

.masthead-nav li.bar{font-size: 16px; font-weight:bold;color:#fff;}
.masthead-nav > li > a {
  padding:5px;
  font-size: 14.6667px;
  font-weight: bold;
  color: #fff; /* IE8 proofing */
  color: #fff;
  font-weight:700;
 /* border-right: 2px solid #fff;*/   
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #a9a9a9;
  border-bottom-color: rgba(255,255,255,.25);
  color:#dc4786;
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}

.masthead-nav > li > a:hover .fa{ color:#fff;}


.masthead-nav > li.last > a#show{ color:#fff;}  
.masthead-nav > li.last a:hover{ color:none;}



/*userinfo nav*/

/*navigation tabs*/
.invoice-tab  {
	margin-top:10px;
	margin-bottom:30px;
}
.invoice-tab  .nav-tabs {
	border-bottom:none;
}
.invoice-tab  .nav>li>a {
	position:relative;
	display:block;
	padding:8px 20px
}



.invoice-tab  .nav>li>a.home .fa-lg{ color:#fff;}
.invoice-tab  .nav>li>a.home{ background:#63b3e3;}



.invoice-tab  .nav>li:first-child a{padding:8px 15px;}

@media screen\0 {
  .invoice-tab  .nav>li:first-child a{padding:8px 20px;}
}



.invoice-tab  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
	color:#fff;
	cursor:default;
	/*background-color:#d9d9d9;*/
	border:none;
	border-bottom-color:transparent;
}

.invoice-tab .nav-tabs>li.active>a:hover{background-color:#63b3e3;}


.invoice-tab .fa-lg {
    font-size: 0.9em;
    line-height: 0.75em;
    vertical-align: 0;
}

.invoice-tab  .nav-tabs>li.active>a {
	/*padding-bottom:18px;*/
	background:#63b3e3;
	/*opacity:50;*/
}

.invoice-tab  .nav-tabs>li.active>a  span{
	
	margin-left:0px
	
}

.login-banner .nav-tabs > li > a {
	margin-right: 0px;
	text-align:center;
}
.invoice-tab  .nav > li {
	display: block;
	position: relative;
	margin-right:10px;
	
}
.invoice-tab .nav > li:last-child {
	margin-right:0
}
.invoice-tab .nav-tabs > li > a:hover {
	background:#d9d9d9;

}
.invoice-tab  .nav-tabs>li>a {
	line-height:1.42857143;
	border:1px solid transparent;
	border-radius:0;
	font-size:18pt;
	background:#f3f3f3;
	color:#505050;
	border:none;
/*	opacity: 0.8;
 transition: opacity .25s ease-in-out;
 -moz-transition: opacity .25s ease-in-out;
 -webkit-transition: opacity .25s ease-in-out;*/
}
/*navigation tabs*/

/*bredcrumbs*/
.brdcrumbs{ width:100%; margin-bottom:10px}
.brdcrumbs ul{width:100%}
.brdcrumbs li{ list-style:decimal; float:left; margin-right:50px; font-size:14px;}
.brdcrumbs li.active{ font-weight:bold}
/*bredcrumbs*/



.col-l-form{ width:100%; margin:10px 0 0 0;}
.col-l-form.noMar{ margin-top:0}


.col-l-form h2{border-bottom:1px solid #fff; border-top:1px solid #fff; padding:10px 0; font-size:15pt; margin-top:0}

.col-l-form h2.details{ background:#E8E8E8; border:none; padding:10px 10px; font-size:15pt; font-weight:normal; margin-top:0; }

.col-l-form h2.details span{ font-size:12pt;}

.col-l-form h2.noborT{ border-top:none}

.col-xs-12 h2{ margin-bottom:0}
.col-xs-12 h2.bortbn{ border:none}

.col-l-form h2.inner{border-bottom:1px solid #fff;padding:10px 0; font-size:15pt; margin-bottom:10px; margin-top:0; border-top:none; background:#f8f8f8}

.col-l-form a.toggle{display:inline-block;background:url("../images/arrow.png") right 7px no-repeat; padding:0 60px 0 0;width:auto;font-size:15pt; /*border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:10px ;*/ outline:none;color:#0065a1}
.col-l-form a.toggle:hover{ color:#0065a1; text-decoration:none}


.col-l-form .toggle.expanded {
	background:url("../images/arrow.png") right -27px no-repeat;  padding:0 60px 0 0;width:auto;
}

.col-l-form h2.details a.toggle{display:inline-block;background:url("../images/arrow-br.png") right 3px no-repeat; padding:3px 30px 3px 0;width:auto;font-size:12pt; cursor:pointer; /*border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:10px ;*/ outline:none;color:#0065a1}
.col-l-form h2.details a.toggle:hover{ color:#0065a1; background:url("../images/arrow-br.png") right -18px no-repeat; text-decoration:none; color:#dc4786;}


.col-l-form h2.details .toggle.expanded {
	background:url("../images/arrow-br-dn.png") right 7px no-repeat;  padding:3px 30px 3px 0;width:auto;
}
.col-l-form h2.details .toggle.expanded:hover {
	background:url("../images/arrow-br-dn.png") right -15px no-repeat;  padding:3px 30px 3px 0;width:auto;
	color:#dc4786;
}

.col-xs-7 .radio{ padding-top:0px;}

.radio label{ float:left; margin-right:30px; display:block; padding:3px 0 0 0 !important}
.radio label input[type="radio"]{margin-left:0;}
/*.radio label span{ display:block; margin-left:15px; padding:3px !important}*/
.radio label span{ display:block; margin-left:25px;}
.col-l-form .form-group {
    margin-left: 0px;
    margin-right: 0px;
	padding-bottom:10px;
	border-bottom:1px  solid #fff;
}

.col-l-form .form-group.no-bor{ border-bottom:none !important}

.col-l-form .form-group.borTop {
padding-top:10px;

	border-top:1px  solid #fff;
}
.col-l-form .form-group.borTopN {
	border-top:none;
}
.col-l-form .form-group.borBotN {
	border-bottom:none;
}
.bor-white{width:100;border-bottom:1px solid #fff;margin-top:10px}

.col-l-form  .font15  span{
 font-size:15px;

}

.font11{ font-size:11pt}

.col-l-form .radio, .checkbox {
    display: block;
    margin-bottom: 0px;
    margin-top: 0px;
    position: relative;
}

.controls .radio label{ padding:0 0 0!important}

.col-l-form .form-horizontal .form-group:last-child { /*border-bottom:none;*/ margin-bottom:0}
.col-l-form .form-horizontal .form-group.nomarB{ margin-bottom:0}
.col-l-form .form-horizontal .form-group.no-bor{ border-bottom:0; padding-bottom:0}


.col-l-form .form-group  label{ font-size:9pt; padding:5px 0 0 0}
.col-l-form .form-group  label.padT30{ padding:30px 0 0 0}
.col-l-form .form-group { margin-bottom:10px}

.col-l-form .col-xs-4, .col-xs-8{ padding:0}
.col-l-form .col-xs-7 span, .col-l-form .col-xs-11 span{ padding:5px 0 0 0; font-size:9pt; display:block}

.col-l-form .col-xs-4 .radio{ padding-top:0px;}
.form-group h3{ margin:0px 0 10px 0; font-size:15pt}

.form-group h3.bor-bot{ border-bottom:1px solid #fff; padding:0 0 10px 0}

.table-responsive a.link{ color:#0065a1; font-size:9pt; cursor:pointer}

.table-responsive a.ico-link{ color:#333; font-size:12pt;}
.table-responsive a.ico-link:hover{ color:#dc4786}

.table-responsive.ulink a:hover{color:#dc4786}

.table-responsive span.status{color:#6ACA25; display:block; font-size:12pt}
.table-responsive span.failed{color:#FF0000; display:block; font-size:12pt}


.table-striped span.status{color:#6ACA25; display:block; font-size:12pt}
.table-striped span.failed{color:#FF0000; display:block; font-size:12pt}

.table-responsive .table > thead > tr > th{ vertical-align:middle; text-align:center}
.table-responsive .table > thead > tr > th:first-child{ text-align:left}
.table-responsive.alL th{ text-align:left !important}


.table tbody tr:hover td, .table tbody tr:hover th {
background-color: #FFF;
}

.tables tbody tr:hover td, .tables tbody tr:hover th {
background:none !important;
}


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ border-top:1px  solid #fff}

.table.hoverN tbody tr:hover td, .table tbody tr:hover th {
background:none;


}
.table.hoverN td{ padding-bottom:0}


.table-responsive .table > thead > tr > th span{ display:block; color:#505050; font-size:8pt; font-weight:bold}
.table-striped > tbody > tr:nth-child(2n+1) {
    /*background-color: #f9f9f9;*/
	background:none;
}
.table-responsive{ border-bottom:1px solid #fff;}

.info{padding:10px; border:1px solid #63b3e3}
.info span{ display:inline-block}

.info .fa-lg{font-size: 1.8333em; color:#63b3e3; margin:10px 10px 0 0;}


 .iframe-container {    
    padding-bottom: 60%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*receiver tabs*/
.receivers .tabs {
	margin-top:0px
}
.receivers  .nav-tabs {
	border-bottom:none;
}
.receivers  .nav>li>a {
	position:relative;
	display:block;
	padding:5px 10px
}
.receivers  .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color:#555;
	cursor:default;
	background-color:#fff;
	border:none;
	border-bottom-color:transparent;
}
.receivers  .nav-tabs>li.active>a {
	padding-bottom:6px;
	background:#f3f3f3;
	/*opacity:50;*/
}
.receivers  .nav-tabs>li.active>a:hover{
	color:#555;
	/*opacity:50;*/
}

.receivers .nav-tabs > li > a {
	margin-right: 0px;
	text-align:center;
	
}
.receivers  .nav > li {
	display: block;
	position: relative;
	width:auto;
	margin-right:10px;
	
}
.receivers .nav > li:last-child {
	margin-right:0
}
.receivers  .nav-tabs > li > a:hover {
	/*background:#63b3e3;*/
/*	opacity:10;*/
color:#dc4786;
}
.receivers  .nav-tabs>li>a {
	line-height:1.42857143;
	border:1px solid transparent;
	border-radius:0;
	font-size:15pt;
	background:#fff;
	color:#505050;
	border:none;
/*	opacity: 0.8;
 transition: opacity .25s ease-in-out;
 -moz-transition: opacity .25s ease-in-out;
 -webkit-transition: opacity .25s ease-in-out;*/
}
/*receiver tabs*/


.public-rec{ width:100%;}
.public-rec h2{ font-size:15pt; margin:10px 0 15px 0}

.clock{display:block; float:left; font-size:9pt; margin-top:3px; margin-left:5px}
.clock a{ color:#505050}

.trash{display:block; float:left; font-size:9pt; margin-top:3px; margin-left:5px}
.trash a{ color:#505050}

.cont-box{border:1px solid #D9D9D9}
.cont-box.botBn{border-bottom:none}

.cont-box .col-l-form .form-horizontal .form-group{ border-bottom:none;}

.cont-box h3.sub{ font-size:17px; font-weight:normal; margin-left:15px}


.selectbox {
	
	width:100%;
	height:30px;
	background-color:#fff;
 	background-image:none;
	border:1px solid #a9a9a9;
  	
}

input:invalid {
 border-color: #D50000;
}

input:valid {
 border: 1px solid #a9a9a9;
}

.select-drop {width:200px; height:25px}

.pos-cont h5.titleinvoice{ font-size:15pt}

.alert-box{border:1px solid #D50000; padding:15px;color:#333; margin-bottom:10px}
.alert-box ul{ font-size:9pt; }
.alert-box span.alertbell{ display:inline-block; color:#D50000; float:left}
.cont-box .col-l-form .form-horizontal .form-group{ border-bottom:none;}

/* .selectbox {
	
	width:100%;
	height:28px;
} */

input:invalid {
 border-color: #D50000;
}


input:valid {
 /*border: 1px solid #a9a9a9;*/
}



.pos-cont{ position:absolute; width:750px}

.pos-cont h5.titleinvoice{ font-size:15pt}

.alert-box{border:1px solid #D50000; padding:15px;color:#333; margin-bottom:10px}
.alert-box ul{ font-size:9pt; }
.alert-box span.alertbell{ display:inline-block; color:#D50000; float:left}
.col-xs-21{ width:21%; float:left; padding:0 15px}
.col-xs-10p{ width:77.6%; float:left; padding-right:0; padding-left:15px;}

.form-horizontal label{ font-size:9pt}

.news-box {
	background:#f3f3f3;
	width: 450px;
	padding: 10px 15px 10px 15px;
	float:left;
	
}

.news-box h2{ font-size:15pt; margin:10px 0; color:#0065A1}

.news-box span.date{
font-size:9pt; display:block; font-weight:normal; color:#A9A9A9
}

.news-box h3{ font-size:16px; font-weight:normal; margin:10px 0}
.news-box p{ font-size:9pt}

.news-box a:hover, .news-box h2:hover{color:#dc4786}

.mandatory{ color:#980000; font-size:9pt;font-weight: 400;}

.nomarh1{ margin-top:0}


.form .form-control{ padding:0 6px !important}


.required{	display:block;
	width:100%;
	height:30px;
	/* padding:0px 12px;*/
	font-size:14px;
	line-height:1.42857143;
	color:#555; 
	background-color:#fff;
 	background-image:none;
	border:1px solid #ccc;
  	-webkit-box-shadow:none; 
 	box-shadow:none; 
 	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
   -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
   -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
 	}
	
	
	.main-table{ width:100%;}
	
	.btndisabled {
	display:inline-block;
	padding:5px 15px 5px 10px;
	margin-bottom:0;
	font-size:11pt;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:none;
	border-radius:0px
}

a.up {
	padding:0 0 0 15px;
	background: #e5e5e5 url(../images/bg_sort_up2.gif) no-repeat 0 5px;
	
}

a.down {
	padding:0 0 0 15px;
	background: #e5e5e5 url(../images/bg_sort_down2.gif) no-repeat 0 1px;
}

.errorBatch{color:#FF0000}

.pagination-current {
  color: #dc4786 !important;
  border: 1px solid #cacaca;
  background-color: #efefef;
    box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 5px 12px 5px 12px;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  font-weight:bold;
  font-size:12px; 
  margin-right:10px;
  
}

.cont-box .form-group{border-bottom:none !important}

.table-responsive .table > thead > tr > th span:hover{ display:block; color:#dc4786; font-size:8pt; font-weight:bold}

.table th a span {color:#333}

.table th a span:hover {color:#dc4786}

.activetb{background:#fff; padding:5px;}

.help-area {
    background: #F3F3F3;
    padding: 40px;
}
.helpcontainer {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
.helpcontainer-Inner {
	width: 770px;
}

.helpcontainer-Inner {
	    padding-left: 15px;
    padding-right: 15px;
}

#iframe1, #iframe body{ background:#F3F3F3 }

.batchReadyStatus{color:#08D808}

.breakWordPayee {width: 100px;  word-wrap:break-word;}

.breakWordReceiver{width: 100px ; word-wrap:break-word; }

.breakWordInvoiceNumber{width: 100px; word-wrap:break-word;}

.wrapValidationMsg{width: 990px; word-wrap:break-word;}

/*For facevalue*/
.btn.btn-warning { /* TODO: Add with btn-warning class to inputs */
	background-color: #63b3e3;
	border-color: #63b3e3;
	color: #fff;
}

.btn.btn-warning:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active { /* TODO: Add with btn-warning class to inputs */
    color:#fff;
	background-color:#DC4786;
	border-color:#cdcdcd;
}

.btn.btn-success { /* TODO: Add with btn-warning class to inputs */
	background-color: #0065a1;
	border-color: #cdcdcd;
	color: #fff;
}

.btn.btn-warning:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .btn-success:hover { /* TODO: Add with btn-warning class to inputs */
    color:#fff;
	background-color:#DC4786;
	border-color:#cdcdcd;
}

.btn.btn-disabled { 
	background-color: #a9a9a9;
	/*color: #ffffff;*/
	border: 2px solid #a9a9a9;
}	

.select-editable { position:relative; background-color:white;  width:100%; height:30px; }
.select-editable select { position:absolute; top:0px; left:0px; font-size:15px;  width:147px; height:30px; margin:0; }
.select-editable input { position:absolute; top:0px; left:0px; width:120px; padding:1px; height:100%;font-size:12px;}
.select-editable select:focus, .select-editable input:focus { outline:none; } 


.select-editable1 { position:relative; background-color:white; width:100%; height:30px; }
.select-editable1 select { position:absolute; top:0px; left:0px; font-size:15px;  width:284px; height:30px; margin:0; }
/* .select-editable1 input { position:absolute; top:0px; left:0px; width:265px; padding:1px; font-size:12px; border:none; } */
/**EUNORMS-155**/
.select-editable1 input { position:absolute; top:0px; left:0px; width:100%;height:100% padding:1px; font-size:12px; }
.select-editable1 select:focus, .select-editable input:focus { outline:none; } 
/*register here*/
.service-register {
	background:#f3f3f3;
	width: 520px;
	padding: 10px 15px 10px 15px;
	float:left;
	margin:20px 0 0 0;
	height:140px;
}


.service-register.wd100 {
	background:#f3f3f3;
	width:98%;
	padding: 10px 15px 10px 15px;
	float:left;
	margin:0px 0 10px 0;
}

.service-register.wd100.first {
	background:#f3f3f3;
	width:98%;
	padding: 10px 15px 10px 15px;
	float:left;
	margin:20px 0 10px 0;
}

.service-register.wd100 h2{ font-size:14pt; margin:5px 0 10px 0}
.service-box.wd100 p {
font-size:11pt;
}

.service-register div.content-text{/*border-bottom:1px solid #fff; */padding-top:5px;}

.service-register h2{
font-size:15pt;
}

.service-register span{
font-size:9pt; display:block; font-weight:bold
}
.service-register span.date{
font-size:7pt; display:block; font-weight:normal
}
.service-register td{
font-size:9pt;
}

.service-register th{
	color: #505050;
    font-family: Arial,Arial;
    font-size: 9pt;
    font-style: normal;
    font-weight: 700;
    line-height: 9pt;
    text-align: left;
    text-shadow: none;
}

/*****************************************/
.form .form-control{ padding:0 6px !important}
.data-text { margin:10px;}
.data-text p{ padding:18px 18px 15px 18px; background:#e8e8e8; font-size:12px;}

.dis-none{ display:none}

.btn[disabled] {
    cursor: not-allowed;
    opacity: 0.6; 
	pointer-events: auto;
}
.btn[disabled]:hover {
	background-color: #DC4786;
}

.btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 0.8rem;
    font-family: inherit;
    font-size: 1em;
    font-weight: 500;
    margin: 0;
    padding: 0.5em 2em;
    transition: all 150ms ease-in-out;
    width: fit-content;
    line-height: inherit;
}
.btn-heroblue {
    background-color: #280071;
    border-color: #280071 !important;
    color: #f6f6f7;
}

.btn-txt-color{
    color: #f6f6f7;
}

.te-table th, .te-table .te-table__th {
    padding: 1em 1em;
    font-weight: 700;
    vertical-align: middle;
    background-color: var(--table-header);
}

.te-table tbody tr:first-child th:first-child, .te-table > tr:first-child th:first-child, .te-table > tr:first-child td:first-child, .te-table > .te-table__tr:first-child .te-table__td:first-child, .te-table__thead .te-table__tr:first-child .te-table__th:first-child, .te-table__tbody:first-child .te-table__tr:first-child .te-table__td:first-child, .te-table > caption + tr:first-child td:first-child, .te-table > caption + thead tr:first-child td:first-child, .te-table > caption + tbody tr:first-child td:first-child, .te-table > caption + .te-table__tr:first-child .te-table__td:first-child, .te-table > caption + .te-table__thead .te-table__tr:first-child .te-table__th:first-child, .te-table > caption + .te-table__tbody .te-table__tr:first-child .te-table__td:first-child, .te-table tfoot th:first-child, .te-table tfoot td:first-child, .te-table .te-table__tfoot .te-table__th:first-child, .te-table .te-table__tfoot .te-table__td:first-child {
    border-top-left-radius: 0.8rem;
}

.te-table tbody tr:first-child th:last-child, .te-table > tr:first-child th:last-child, .te-table > tr:first-child td:last-child, .te-table > .te-table__tr:first-child .te-table__td:last-child, .te-table__thead .te-table__tr:first-child .te-table__th:last-child, .te-table__tbody:first-child .te-table__tr:first-child .te-table__td:last-child, .te-table > caption + tr:first-child td:last-child, .te-table > caption + thead tr:first-child td:last-child, .te-table > caption + tbody tr:first-child td:last-child, .te-table > caption + .te-table__tr:first-child .te-table__td:last-child, .te-table > caption + .te-table__thead .te-table__tr:first-child .te-table__th:last-child, .te-table > caption + .te-table__tbody .te-table__tr:first-child .te-table__td:last-child, .te-table tfoot th:last-child, .te-table tfoot td:last-child, .te-table .te-table__tfoot .te-table__th:last-child, .te-table .te-table__tfoot .te-table__td:last-child {
    border-top-right-radius: 0.8rem;
}

.reset-btn{
	margin: 0px 15px 10px 223px;
}

.receiver-list-tab{
	margin: 2px;
}

.form-group {
    margin-right:1.6rem;
}

.te-table .btn-icon-link {
    margin-top: -1em;
    margin-bottom: -1em;
    padding: 0.5em;
}

#invoice_line_details .btn-icon-link {
    margin-top: -1em;
    margin-bottom: -1em;
    padding: 0.5em;
}

.width95{
	width : 95%;
}

.col-l-form .col-xs-8 span {
    font-size: 9pt;
    display: block;
    padding:2px 0 0 0;
}

.marB50{ margin-bottom:50px;}

#invoice_line_details>thead>tr>th {
    padding: 1em 1em;
    font-weight: 700;
    vertical-align: middle;
    background-color: var(--table-header);
}

.accordion-body {
    padding: 1rem 2rem 2.4rem 2rem;
	max-width: none;
}

.accordion-item:hover button:not(.accordion-button):not(.btn-disabled), .accordion-collapse:hover button:not(.btn-disabled) {
     background-color: #36009a;
}

#bank_table input, select{
	padding: 0.3rem;
}