body {height: auto !important; margin: auto; min-height: 100%; min-width: 100%; overflow-x: hidden; overflow-y: auto; padding: 0; position: relative; font-size: 15px;}
* {font-family: 'OpenSans', sans-serif; line-height: normal; font-size: 15px; text-shadow: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline: none;}
.ui-widget, .ui-widget .ui-widget{font-size: 15px;}

/* open-sans-300 - cyrillic_latin */
@font-face {
  font-family: 'OpenSans-Light';
  font-style: normal;
  font-weight: normal;
  src: local('OpenSans-Light'), url('./Open_Sans/OpenSans-Light.woff') format('woff');
}
/* open-sans-regular - cyrillic_latin */
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: normal;
  src: local('OpenSans'), url('./Open_Sans/OpenSans-Regular.woff') format('woff');
}
/* open-sans-600 - cyrillic_latin */
@font-face {
  font-family: 'OpenSans-Semibold';
  font-style: normal;
  font-weight: normal;
  src: local('OpenSans-Semibold'), url('./Open_Sans/OpenSans-Semibold.woff') format('woff');
}
/* open-sans-700 - cyrillic_latin */
@font-face {
  font-family: 'OpenSans-Bold';
  font-style: normal;
  font-weight: normal;
  src: local('OpenSans-Bold'), url('./Open_Sans/OpenSans-Bold.woff') format('woff');
}

.ui-g {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap;}

/* LAYOUT - LARGE */
.lg-1,.lg-2,.lg-3,.lg-4,.lg-5,.lg-6,.lg-7,.lg-8,.lg-9,.lg-10,.lg-11,.lg-12,.lg-auto{float:left; box-sizing:border-box; padding: 7.5px;}
.lg-1{width:8.3333%}.lg-2{width:16.6667%}.lg-3{width:25%}.lg-4{width:33.3333%}.lg-5{width:41.6667%}.lg-6{width:50%}.lg-7{width:58.3333%}.lg-8{width:66.6667%}.lg-9{width:75%}.lg-10{width:83.3333%}.lg-11{width:91.6667%}.lg-12{width:100%}
.lg-auto{width: auto;}
.ui-g-nopad {padding: 0 !important;}
.ui-g-lrpad {padding: 0 10px;}
.ui-g-lr20 {padding: 0 20px;}
.ui-g:after {height: 0px; width: 0px;}

.loginBody{margin: auto;}

td {box-sizing: border-box; padding: 0px;}
.ui-icon.fa {color: #1C6072;}
.pct40{width: 40%;}
.pct60{width: 60%;}

.float-L{float: left;}
.float-R{float: right;}
.lg-justify-R {justify-content: flex-start;}
.lg-justify-L {justify-content: flex-end;}
.lg-justify-C {justify-content: center;}

.lg-txt-R {text-align: right;}
.lg-txt-L {text-align: left;}
.lg-txt-C {text-align: center;}
.lg-txt-justify {text-align: justify;}

.align-item-top {align-items: flex-start;}
.align-item-bottom {align-items: flex-end;}
.align-item-center {align-items: center;}

.nopad {padding: 0px !important;}
.nopad-L {padding-left: 0px !important;}
.nopad-R {padding-right: 0px !important;}
.nopad-T {padding-top: 0px !important;}
.nopad-B {padding-bottom: 0px !important;}

.bold {font-weight: bold;}

.pct100{width: 100%}

.no-label-group {margin-top: 26px;}

.header1Login{color:white;width:100%; background: #00607e; height: 42px;}
/*.header2Login{width:100%; }*/

.main-padding{width: 100%;}

.centering{margin: auto; padding: 24px 15px; box-sizing: border-box; width: 1120px; min-width: 270px;}
.main-padding > .centering{padding: 24px 15px 100px 15px;}
.ui-separator{border-color: #CCCFD1; border-bottom: none;}
.loginBody .header-title{font-family: 'OpenSans-Bold'; font-size: 16px; color: #003D4C;}
.loginBody .info-title{font-family: 'OpenSans-Light'; font-size: 30px; color: #003D4C;}
.loginBody .disclaimer{color: #796E65;}

.passButtons {margin: auto; float:inherit;}

.sep-L {border-left: 1px solid #DBDBDB; height: 100%;}

.header-img{width: 330px;}

.subtitle-login{font-family: OpenSans-Light; font-size: 18px; color: #003D4C;}
.login-title{font-family: OpenSans-Light; font-size: 42px; color: #003D4C;}
.login-content{padding-bottom: 40px; width: 100%}
.info-content{padding-top: 40px;}
.info-content img{padding-right: 15px;}
.info-content.st-2 table{border:2px solid yellow; padding:15px;}

.tooltip {max-width: 300px; white-space:pre-wrap;}
.tooltip-icon {color: #00607e; font-size: 18px;}

.accordion-login.ui-accordion .ui-accordion-header {font-family: 'OpenSans'; font-weight: normal; color: #003D4C; font-size: 19px; background: none; border: none; box-shadow: none; line-height: normal;}
.accordion-login.ui-accordion .ui-accordion-content {padding: 5px 0px 5px 42px;}

.menuSt, .menuStLogin{width:100%; background-repeat: repeat-x; -webkit-box-shadow: 0 6px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0 6px 5px rgba(50, 50, 50, 0.5); box-shadow: 0 6px 5px rgba(50, 50, 50, 0.5);}
.menuSt, .menuStLogin {background-color: #003D4C; box-shadow: none; height: 80px;}

input[type="text"], input[type="password"] {width: 100%; height: 48px; border-radius: 0px; padding: 0px 10px; box-sizing: border-box; text-shadow: none; border: 1px solid #003D4C; background-color: #FAFAFA; background-image: none; outline-color: transparent; box-shadow: none !important; font-family: 'OpenSans-Bold'; color: #003D4C;}
input[type="text"].ui-state-error, input[type="password"].ui-state-error {border-color: #D0021B;}

input[type="password"].smallButton, input[type="text"].smallButton {width: 100%; height: 33px; border-radius: 0px; padding: 0px 10px; box-sizing: border-box; text-shadow: none; border: 1px solid #a8a8a8; background-color: #FAFAFA; background-image: none; outline-color: transparent; box-shadow: none !important; font-family: 'OpenSans-Bold'; color: #003D4C;} 


.ui-outputlabel {background: none; border: none; font-family: 'OpenSans-Bold'; color: #003D4C;}
.ui-outputlabel .ui-outputlabel-rfi {display: none;}
.ui-outputlabel ~ input, .ui-outputlabel ~ select, .ui-outputlabel ~ .ui-selectonemenu, .ui-outputlabel ~ .ui-calendar, .ui-outputlabel ~ table, .ui-outputlabel ~ .input-btn-group, .ui-outputlabel ~ textarea {margin-top: 5px !important;}

.ui-button.positive-btn, .ui-button.negative-btn {-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; padding: 0px 10px; min-height: 48px; width: 100%; border-radius: 25px; box-shadow: none; outline: 0; text-shadow: none; box-sizing: border-box; border: solid 2px #003D4C;}
.ui-button.positive-btn {background-color: #003D4C; color: #FFFFFF;}
.ui-button.negative-btn {background-color: #FFFFFF; color: #1C6072;}
.ui-button.positive-btn .ui-icon.fa, .ui-button.negative-btn .ui-icon.fa {top: 0px; bottom: 0px; margin: auto; height: 11px; font-size: 12px; text-indent: 0;}
.ui-button.positive-btn.ui-button-text-icon-right, .ui-button.negative-btn.ui-button-text-icon-right {padding-right: 20px;}
.ui-button.positive-btn.ui-button-text-icon-left, .ui-button.negative-btn.ui-button-text-icon-left {padding-right: 20px;}
.ui-button.positive-btn .ui-icon.ui-button-icon-right, .ui-button.negative-btn .ui-icon.ui-button-icon-right {color: white; right: 5%;}
.ui-button.positive-btn .ui-icon.ui-button-icon-left, .ui-button.negative-btn .ui-icon.ui-button-icon-left {color: white; left: 5%;}
.ui-button.positive-btn .ui-button-text, .ui-button.negative-btn .ui-button-text {font-family: 'OpenSans-Bold'; padding: 0px;}
.ui-button.positive-btn:hover, .ui-button.negative-btn:hover {background-color: #03303C; border-color: #03303C; color: white;}

.ui-button.refresh-btn {border:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; padding: 0px 10px; min-height: 48px; width: 100%; border-radius: 25px; box-shadow: none; outline: 0; text-shadow: none; box-sizing: border-box; background-color: white; color: white; border-color: white;}
.ui-button.refresh-btn  .ui-icon.fa {top: 0px; bottom: 0px; margin: auto; height: 20px; width: 20px; font-size: 18px; text-indent: 0;}
.ui-button.refresh-btn:hover {background-color: white; border:none; color: white; background: none;}

/*------------------------------------------
	Adding css from netteller.css
 ------------------------------------------	*/
 .top-10 {margin-top:10px;}
 .top-20 {margin-top:20px;}
 .top-40 {margin-top:40px;}
 .align-C {text-align:center;}
.buttonPG {padding-top: 30px;} 
.centerPosit, .ui-accordion .ui-datatable thead th.centerPosit, .ui-datatable thead th.centerPosit, .ui-tabs .centerPosit, .ui-tabs .ui-datatable thead th.centerPosit{text-align: center;}
.rightPosit, .ui-accordion .ui-datatable thead th.rightPosit, .ui-datatable thead th.rightPosit, .ui-tabs .rightPosit, .ui-tabs .ui-datatable thead th.rightPosit{text-align: right;}
.leftPosit, .ui-accordion .ui-datatable thead th.leftPosit, .ui-datatable thead th.leftPosit, .ui-tabs .leftPosit, .ui-tabs .ui-datatable thead th.leftPosit{text-align: left;}
.labelsSt{color: #666c71; width:30%;} 
.dataSt{width:65%}
.user-pop-up .label{text-align: right;  width: 105px;}
.user-pop-up .info{font-weight: bold; text-align: left; width: 165px;}
.ui-selectoneradio label {margin-top: 0px;margin-left: 5px;margin-right: 18px;color: #666c71;}
.pageMainGp{font-family:Verdana; width:100%; margin-top:-7px; padding: 8px; border: 1px solid #C9C9C9; background-color: white;}

.ui-panelgrid .ui-panelgrid-cell.rightPosit.labelsSt {align-self: center;}

.input-trigger {width: 35px; height: 35px; display: block; margin: 0; border-radius: 0; margin-bottom:7px;margin-left: 2px;}

.labelBlue{font-family:'OpenSans';font-weight:normal;color:#003D4C;font-size:19px;padding-left: 3px;}
.labelBlueSemi{font-family:'OpenSans';font-weight:normal;color:#003D4C;font-size:17px}

.opacityTextButton .ui-button-text{opacity: 0;}
.headerBlue{font-family:'OpenSans';font-weight:normal;color:#003D4C;font-size:20px;}

/*------------------------------------------------------------------------	*/

.loginLinks a {text-decoration: none;}
.loginLinks a span {font-size: 15px; font-family: 'OpenSans-Bold'; color: #003D4C; line-height: 20px; display: inline-block; text-decoration: underline;}
.loginLinks a i:before {content: "\f054"; font-size: 12px; color: #003D4C; text-indent: 0px; height: 10px; margin-left: 5px; display: inline-block;}
.digiCert {width: 85px; height: 50px;}
.loginLinks .accordion-login.ui-accordion .ui-accordion-header {font-size: 15px; font-family: 'OpenSans-Bold'; color: #003D4C; line-height: 20px; display: inline-block;}
.loginLinks .accordion-login.ui-accordion a {text-decoration: underline;}

.message-title{color: #5F6B70; display: block;}
.message-body{color: #5F6B70; display: block; word-break: keep-all; text-align:justify;}

.ui-messages-error, .ui-messages-fatal{background: #FFFFFF; border: none;}
.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {border-radius: 0px; padding: 0px; box-sizing: border-box; margin: 0px; margin-bottom: 10px; /*height: 37px;*/ display: table; width: 100%;}
.ui-messages-info-summary, .ui-messages-warn-summary, .ui-messages-error-summary, .ui-messages-fatal-summary, .ui-message-info-summary, .ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary {margin: 0px; word-break: break-word; color: #003D4C; font-weight: normal; font-family: 'OpenSans'; line-height: 20px;}
.ui-messages-error-summary, .ui-messages-fatal-summary{color: #D0021B;}
.ui-messages ul {margin: 0px;}
.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {height: 20px; width: 20px; margin-top: 0px; vertical-align: middle; /* display: table-cell;*/ display: none;}
.ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {background: none; background-repeat: no-repeat;}


/* -----------------------------------------
   Footer
----------------------------------------- */
.bottom-footer{width:100%; position: relative; background-color: #03323d;}
.bottom-footer .ui-separator {border-color: #cbd9dd; opacity: 0.2;}
.footer	td{color: #ffffff; line-height: 1.5;}
.footer td a{color: #FFFFFF;/* text-decoration: none;*/}
.footer td a:hover{ text-decoration: underline;}
.footer tbody tr{padding-top:100px}
.footerImg{margin-bottom: 15px; display: block;}
.footerImg td:not(:first-child) {padding-left: 10px;}
.footerLinks a{color:white; text-decoration: none; font-family: 'OpenSans'; padding: 0 10px 0 10px;}
.footerPG{display: inline-block;}

/* -----------------------------------------
   Header
----------------------------------------- */

.global-header{background-color: #1C6072; color:#FFFFFF; width:100%; height: 40px;}
.homeBtn{color: white; padding-right: 0; margin-top: 8px; height: 15px; box-shadow: none; border: none; outline: 0; text-shadow: none; background: url(../../../resources/images/home.png) top left no-repeat; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.homeBtn:hover{background-position: 0 -15px; color: #f9ac18;}
.logoutBtn {color: white; padding-right: 10px; height: 20px; box-shadow: none; border: none; outline: 0; text-shadow: none; background: url(../../../resources/images/logout.png) right no-repeat; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-position: right 3px;}
.logoutBtn .ui-button-text {padding: 0; padding-right: 10px;}


.app-body .main-padding, .app-body .login-content {padding-bottom: 0px;}

.buttonsPGL{float: left;}
.buttonsPG{float: right;}
.buttonsCenter{justify-content: center;}
.buttonsRight {justify-content: flex-end;}

.yellowButton.ui-button ui-widget ui-state-default ui-corner-all{
    background-color: #003D4C;
    background-image: none;
    border:none;
    color: white;
    border-radius: 5px;
    font-size: 12px ;
    /*    width: 143px ;*/
    height: 29px ;
    margin-left:8px;
    box-shadow: none;
    outline: 0;
    text-shadow:none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;}

.ui-button.yellowButton, a.yellowButton{ 
    background-color: #003D4C;
    background-image: none;
    border:none;
    color: white;
    border-radius: 5px;
    font-size: 12px ;
    /*    width: 143px ;*/
    height: 30px ;
    box-shadow: none;
    outline: 0;
    text-shadow:none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;}

 a.yellowButton{    
    text-decoration: none;
    padding: 0px 1em;
    display: inline-block;
    line-height: 29px;
 }


/* ------------------------------------------------
   Steps
--------------------------------------------------- */
.steps.ui-steps li a .ui-steps-number{display: none}
.steps.ui-steps {box-sizing: border-box;margin-right: 20px;}
.steps.ui-steps .ui-steps-title {margin: 0px; text-shadow: none; white-space: normal; color: #ffffff; vertical-align: middle; display: table-cell;}
.steps.ui-steps ul {padding: 0; list-style-type: none; clear: both; text-align: center;}

.steps.ui-steps li {float: left; border-radius: 0px; padding: 0px 30px; box-sizing: border-box; height: 40px; background: #00D1B6; color: #fff; position: relative; border: none; width: 23%; margin: 10px 1%; top: 0px;}
.steps.ui-steps li.ui-state-disabled {opacity: 1; background: #003D4C; box-shadow: none;}
.steps.ui-steps li:before {content: ''; border-left: 20px solid #fff; border-top: 20px solid transparent; border-bottom: 20px solid transparent; position: absolute; top: 0; left: 0;}
.steps.ui-steps li:after {content: ''; border-left: 20px solid #00D1B6; border-top: 20px solid transparent; border-bottom: 20px solid transparent; position: absolute;  top: 0; left: 100%; z-index: 4 !important;}
.steps.ui-steps li.ui-state-disabled:after {border-left-color: #003D4C;}
.steps.ui-steps .ui-steps-item .ui-menuitem-link {padding: 0px; display: table; height: 40px; width: 100%;}

.steps4.ui-steps li {width: 23%;}
.steps3.ui-steps li {width: 31%;}
.steps3.ui-steps li:nth-child(3) {display: none;}

.step-tilte-color span {color: #003D4C !important;}


.ui-radiobutton-icon {
    margin-left: 0.5px;
}

.forgotPoints li {margin-bottom: 5px;}

/* Show/Hide Password */
::-ms-reveal,::-ms-clear {display: none;}
.hideShowPassword-wrapper {width: 100% !important;}
.hideShowPassword-toggle {top: 0px !important; bottom: 0px; left: auto !important; right: 0px; margin: auto !important; margin-right: 10px !important; background-color: transparent; background-image: url(../../../resources/images/show-password.svg); background-size: 17px; background-position: center; background-repeat: no-repeat; border: none; border-radius: 0px; cursor: pointer; font-size: 100%; height: 17px; width: 17px; margin: 0; max-height: 100%; padding: 0; overflow: 'hidden'; text-indent: -999em; -moz-appearance: none; -webkit-appearance: none;}
.hideShowPassword-toggle-hide {background-image: url(../../../resources/images/hide-password.svg);}
.hideShowPassword-toggle:hover, .hideShowPassword-toggle:focus {border-color: #0088cc; outline: transparent;}
.hideShowPassword-field {padding-left: 10px !important; padding-right: 30px !important;}

/*Token Type Reset*/
.avatar-icon{width: 100%; height: auto;}

.sca-dialog input[type="text"]{height: 33px;
 /*   font-size: 1em;
    border-radius: 2px;
    padding: 3px 3px 3px 3px;
    box-sizing: border-box;
    color: #555555;
    border: 1px solid #a8a8a8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    background-color: transparent;
    background-image: none;
    outline-color: transparent;
    box-shadow: none;*/
}
.sca-dialog input[type="text"], .sca-dialog input[type="number"], .sca-dialog input[type="password"] {
    width: 206px;
}
.sca-dialog .ui-accordion .ui-accordion-header {
    font-family: 'OpenSans';
    font-weight: normal;
    color: #003D4C;
    font-size: 19px;
    background: none;
    border: none;
    box-shadow: none;
    line-height: 17px;
}
/*TWO FA PUSH NOTIFICATIONS & CRONTO IMAGE*/
/*=====================================================*/
.nopad, .ui-button.nopad .ui-button-text {padding: 0 !important;}
.nopad-T {padding-top: 0px !important;}
.nopad-B {padding-bottom: 0px !important;}
.nopad-L {padding-left: 0px !important;}
.nopad-R {padding-right: 0px !important;}

.noMargin-B {margin-bottom: 0px;}

.h5, .ui-widget .h5 {font-family: Verdana, Geneva, sans-serif; font-size: 17px;}
.h6, .ui-widget .h6 {font-family: Verdana, Geneva, sans-serif; font-size: 13px; font-weight: bold;}
.h7, .ui-widget .h7 {font-family: Verdana, Geneva, sans-serif; font-size: 12px;}

.c-1, .ui-widget .c-1, .c-1[class^="icon-"], .c-1 [class^="icon-"], .ui-state-default .c-1.ui-icon, .ui-widget.c-1 .ui-icon {color: #4f4f4f;}
.c-2, .ui-widget .c-2, .c-2[class^="icon-"], .c-2 [class^="icon-"], .ui-state-default .c-2.ui-icon, .ui-widget.c-2 .ui-icon {color: #5d6267;}

.top-20, .ui-separator.top-20 {margin-top: 20px;}
.ui-separator.st-2 {margin-top: 10px; margin-bottom: 10px;}

.width25 {width: 25%;}
.width40 {width: 40%;}

.tanOtp-panel {width: 100%;}
.tanOtp-panel table {width: 100%;}
.tanOtp-panel .tanOtp-container {/*width: 350px; margin: auto;*/ width: 100%; margin-bottom: 11px; border-radius: 5px; border: solid 1px #C9C9C9; background-color: transparent; padding: 12px 12px 35px 12px; box-sizing: border-box; text-align: left;}
.tanOtp-panel input {height: 45px; border-radius: 2px;}
.timer-interval {border-radius: 2px; border: solid 1px #ccd4e6; background-color: #ffffff; height: 35px; width: 100%; display: block; text-align: center; border-radius: 5px;}
.timer-interval span {background-color: #ffffff; color: #00AAFF; border: none; padding: 0px; line-height: 35px; font-size: 12px;}

.motp-link {display: block; padding: 10px 15px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #003D4C; border-radius: 8px; text-decoration: none;}
.motp-link  table {width: 100%; font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #9a9a9a; letter-spacing: 0; min-height: 35px;}
.motp-link  > table > tbody > tr > td:first-child {vertical-align: middle;}
.motp-link  img {display: block; width: 25px;}
.motp-link  > table table > tbody > tr > td:first-child {font-family: Verdana, Geneva, sans-serif; font-size: 16px; color: #003D4C; width: 25%;}
.motp-link > table table > tbody > tr > td:last-child {color: #003D4C; font-size: 11px;}

.input-panel {position: relative;}
.input-panel .ui-inputfield {border: solid 1px #c5c7c8; border-radius: 3px; box-sizing: border-box; height: 58px;}
.input-panel.focus .ui-inputfield, .input-panel.filled .ui-inputfield {padding-top: 20px;}
.input-panel.disabled .ui-inputfield {background-color: #f0f5f9;}
.input-panel.focus:not(.disabled) .ui-inputfield {border: 1px solid #00AAFF;}
.input-panel.error .ui-inputfield, .input-panel.error.focus .ui-inputfield {border: 1px solid #D22630;}
.input-panel.ui-state-error, .input-panel.focus.ui-state-error {border: none;}
.input-panel.no-label .ui-inputfield {height: 35px; line-height: 35px; font-size: 14px;}
.input-panel.no-label.focus .ui-inputfield, .input-panel.no-label.filled .ui-inputfield {padding-top: 0px;}
.otp-panel .input-panel.no-label .ui-inputfield {height: 35px; border-radius: 0px 3px 3px 0px; width: 100%;}

.input-panel ::-webkit-input-placeholder, .input-number ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 14px;
}
.input-panel ::-moz-placeholder, .input-number ::-moz-placeholder { /* Firefox 19+ */
    font-size: 14px;
}
.input-panel :-ms-input-placeholder, .input-number :-ms-input-placeholder { /* IE 10+ */
    font-size: 14px;
}
.input-panel :-moz-placeholder, .input-number :-moz-placeholder { /* Firefox 18- */
    font-size: 14px;
}

.button-panel {padding: 20px 0px;}

.sca-dialog .ui-dialog .ui-dialog-content {max-height: 600px; overflow: hidden; overflow-y: auto; position: relative; border: 0; background: none; zoom: 1;}

.ui-accordion.accordionPanel {font-weight: normal; color: #4f4f4f; font-size: 19px; border: solid 1px #003D4C; width: 100%; border-spacing: 8px; line-height: 20px; border-radius: 5px;}
.ui-accordion.accordionPanel .ui-accordion-header {text-align: left;}
.ui-accordion.accordionPanel .ui-accordion-header:last-of-type {border-top: solid 1px #C9C9C9;}
.ui-accordion.accordionPanel .ui-accordion-content, .ui-accordion.accordionPanel .ui-accordion-content > div > ol {box-sizing: border-box; padding: 0em 0em 0em 2em;}
.ui-accordion.accordionPanel .ui-accordion-content > div, .ui-accordion.accordionPanel .ui-accordion-content ol * {font-size: 11px; text-align: left;}
.ui-accordion.accordionPanel .ui-accordion-content ol li {padding: 5px; box-sizing: border-box;}
.ui-accordion.accordionPanel .ui-accordion-content > div > ol {padding-left: 15px; margin: 0px;}

.twoFAButtons .ui-button-text-icon-right .ui-button-text {padding: 0.3em 1em 0.3em 1em;}

/*END TWO FA PUSH NOTIFICATIONS & CRONTO IMAGE*/
/*============================================*/


/* -----------------------------------------
   Dropdown
----------------------------------------- */
select {
    width: 100%;
    height: 35px !important;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #a8a8a8;
    outline: none;
    color:#555555;
      /* padding:8px 0px; */
    bottom:5px}

select::-ms-expand{
    border:none;
    background-color: transparent;
    padding-right: 2px;
    width: 15px;}

.select span{color:#555555; padding:4px 6px;}

.calendarFilters > input{width: calc(100% - 35px); height: 33px; border: 1px solid #a8a8a8;}

/*.ui-inputfield:focus{box-shadow: none !important; -moz-box-shadow: none; -webkit-box-shadow: none;}*/

.detailsGP .message-body {text-align: right;}
.detailsGP .labelBlue {padding-left: 20px;}
.detailsGP .message-body.lg-txt-L {text-align: left;}

/* LAYOUT - MEDIUM */
@media screen and (max-width: 1130px){
	.centering{width: 100%;}
}

/* LAYOUT - MEDIUM */
@media screen and (max-width: 768px){
	/*body, *, .ui-widget, .ui-widget .ui-widget{font-size: 12px;}
	input[type="text"], input[type="password"], .ui-button.positive-btn, .ui-button.negative-btn {height: 37px;}
	.no-label-group {margin-top: 22px;}*/
	.login-title {font-size: 30px;}
	.loginBody .info-title {font-size: 24px;}
	.header-img{width: 240px;}
	
	.md-1,.md-2,.md-3,.md-4,.md-5,.md-6,.md-7,.md-8,.md-9,.md-10,.md-11,.md-12{float:left; box-sizing:border-box; padding: 7.5px;}
	.md-1{width:8.3333%}.md-2{width:16.6667%}.md-3{width:25%}.md-4{width:33.3333%}.md-5{width:41.6667%}.md-6{width:50%}.md-7{width:58.3333%}.md-8{width:66.6667%}.md-9{width:75%}.md-10{width:83.3333%}.md-11{width:91.6667%}.md-12{width:100%}
	.md-hide{display: none;}
	
	.ui-button.positive-btn .ui-icon.ui-button-icon-right{right: 6px;}
	.footerLinks a{display: table; padding: 15px;}
	.footerPG {display: inline-table;}
	
	.ui-dialog {width: 90% !important;}
	
	.detailsGP .buttonsCenter {justify-content: normal;}
	.detailsGP .message-body {text-align: left;}
	
}

@media screen and (max-width: 40em){
	.steps.ui-steps .ui-steps-title{font-size: 9px;}
	.ui-panelgrid .ui-grid-responsive .ui-grid-row {border-top: none;}
	.labelsSt.rightPosit {text-align: left;}
	
}


@media screen and (max-width: 35em){
	.footerImg tbody tr td {display: inline-block; width: 100%;}
	.footerImg td:not(:first-child) {padding-left: 0px;}
	
	.steps.ui-steps .ui-steps-title{font-size: 9px;}
	
	.info-content.st-2 table {padding: 5px;}
	.info-content.st-2 td:first-child {display: block; text-align: center;}
	.info-content.st-2 td:last-child {display: block;}
}

/* LAYOUT - SMALL */
@media screen and (max-width: 375px){
	/*body, *, .ui-widget, .ui-widget .ui-widget{font-size: 15px;}
	input[type="text"], input[type="password"], .ui-button.positive-btn, .ui-button.negative-btn {height: 48px;}
	.no-label-group {margin-top: 26px;}*/
	.sm-1,.sm-2,.sm-3,.sm-4,.sm-5,.sm-6,.sm-7,.sm-8,.sm-9,.sm-10,.sm-11,.sm-12{float:left; box-sizing:border-box; padding: 7.5px;}
	.sm-1{width:8.3333%}.sm-2{width:16.6667%}.sm-3{width:25%}.sm-4{width:33.3333%}.sm-5{width:41.6667%}.sm-6{width:50%}.sm-7{width:58.3333%}.sm-8{width:66.6667%}.sm-9{width:75%}.sm-10{width:83.3333%}.sm-11{width:91.6667%}.sm-12{width:100%}
	
	.sm-hide{display: none;}
	.sm-pad-10 {padding-top: 10px !important;}
	.centerPosit{text-align: center;}
	.header2Login .centeringLogin{width: 100%;}
	.no-label-group { margin-top: 20px;}
	
	.main-padding > .centering {padding: 60px 15px;}
	
	.loginBody .loginLinks {display: table; float: none;}
	.passwordPG{display: table-header-group; float: none;}
	.submitBtn{display: table-footer-group; float: none;}
	
	.header-img{width: 185px;}
	.digiCert{width: 80px; height: 38px;}
		
	.footerLinks a{display: table; margin: auto; padding: 10px;}
	.footerPG{padding: 0 !important;}
	
/* 	.steps.ui-steps .step-no-title .ui-steps-title {
		color: transparent;
	}
	
	.ui-state-highlight {
		width:60%  !important;
	}
		
	.steps.ui-steps li {
		float: left;
		border-radius: 0px;
		padding: 0px 15px;
		box-sizing: border-box;
		height: 40px;
		background: #00D1B6;
		color: #fff;
		position: relative;
		border: none;
		width:10%;
		margin: 10px 1%;
		top: 0px;	
	}
 */}
 
 /*Change Avatar*/
.grid-item-2 {text-align: center;}
.grid-item-2 a {display: inline-block;}
.grid-item-2 img {width: 60px; height: 60px;}
.grid-item-2.selected .image-panel-icon-2 {position: relative;}
.grid-item-2.selected .image-panel-icon-2:after {content: "\f058"; font-family: "fontawesome"; color: #48a23e; position: absolute; width: 18px; height: 18px; background-color: #FFFFFF; box-shadow: 0 0 6px 0 #0000001a; border-radius: 100%; right: -5px; top: -2px; font-size: 22px; line-height: 18px;}