#forgot-pass                            { width: 400px;margin: auto;display: inline-block; min-height: 435px; }
    #forgot-pass .logo                      { text-align: center; margin-top: 35px}
    #forgot-pass h1                         {padding-left: 60px;}
    .steps                     {margin-left: 40px;margin-top: -20px;}
    #forgot-pass .first-hint                {font-family: calibri;font-size: 13px;margin-bottom: 35px;margin-left: 50px;margin-top: -43px;}
    #forgot-pass .first-step                {margin-left: 23px; margin-top:65px;}
    #forgot-pass .first-step .first-step-data label    {font-family: calibri;font-size: 13px;}
    #forgot-pass .first-step .first-step-data input     {margin-top: 3px;margin-bottom: 10px;}

    .Email::-webkit-input-placeholder       {opacity: 1;transition: opacity 0.3s ease;padding-left: 10px;font-style: italic;}
    .Email::-moz-placeholder                {opacity: 1;transition: opacity 0.3s ease;padding-left: 10px;font-style: italic;}
    .Email:-moz-placeholder                 {opacity: 1;transition: opacity 0.3s ease;padding-left: 10px;font-style: italic;}
    .Email:-ms-input-placeholder            {opacity: 1;transition: opacity 0.3s ease;padding-left: 10px;font-style: italic;}
    .Email:focus::-webkit-input-placeholder {opacity: 0;transition: opacity 0.3s ease;padding-left: 10px;font-style: italic;}
    .Email:focus::-moz-placeholder          {opacity: 0;transition: opacity 0.3s ease;padding-left: 10px;font-style: italic;}
    .Email:focus:-moz-placeholder           {opacity: 0;transition: opacity 0.3s ease;padding-left: 10px;font-style: italic;}
    .Email:focus:-ms-input-placeholder      {opacity: 0;transition: opacity 0.3s ease;padding-left: 10px;font-style: italic;}
    .Email{outline: -webkit-focus-ring-color red 5px;}


.register{ width: 325px;margin: auto;margin-top: 155px }
.register table{margin: auto }
.register .login-block{ border: solid 2px #009BC2;min-height: 435px; }
.register .tabs{ height: 41px; }
.register .tabs .logonBtn { width: 94px; text-align: center}
.register .tabs .registerBtn { width: 135px!important; text-align: center}
.register .tabs a{display: block;float: left;border-radius:3px 3px 0 0;font-weight: bold;font-size: 20px;text-decoration: none;
                  line-height: 41px; margin-left: 20px; font-family:sans-serif; color:#009bc2}
.register .tabs a.logonBtn{width: 94px;text-align: center;}
.register .tabs a.active{background: #009bc2;color: #fff;}
  
.register .logo {display:flex;  align-items:center; justify-content:center; flex-direction:column; padding-top:36px;padding-bottom:10px; width:auto; height:90%; border:0}
.register .logo .text {display:block; color: #009BC2; font-family:Calibri; font-size:38px;font-weight:600; margin: 0}
.register .registrationLogo{width: 161px;margin: auto;padding-top: 40px;padding-bottom: 20px;}
.register table tr td input.field {width:218px;margin: 0 0 6px;height: 23px;}
/*.register table tr td {text-align: left}*/
.register table tr td div  { font-family: calibri;font-size: 13px;}
.register table tr td span  { font-family: calibri;font-size: 13px;max-width: 220px; text-align: left}
.register table tr td div ul{ list-style: none;}
.register table tr td  ul li{ margin-left: -30px; max-width: 220px;}
.register table { text-align: center;}
.register table tr td input.fieldShort {width:145px;margin: 0 0 6px;height: 23px;}
.register table tr td span { font-family: sans-serif;font-style: italic;color: red;font-size: 13px;font-weight: bold; display: inline-block;margin-top: -2px;margin-bottom: 4px; text-align: left}
.register table tr td p {margin-top: 0;text-align: center;}
.register table tr td p a {font-style: italic;text-decoration: underline;color: grey;font-family: sans-serif; font-size: 13px }
.register table tr td p input {margin-bottom: 10px }
.register .button-block {margin-top: 25px }

.buttonBlue {outline: none; display: inline-block; border: none; cursor: pointer; background: #009BC2; color: #ffffff; font-family:
              Arial; font-weight: bold; font-size: 14px; border-radius: 4px; padding: 4px 13px 4px 13px; text-decoration: none;}
.buttonGrey {outline: none; display: inline-block; border: none; cursor: pointer; background: grey; color: #ffffff; font-family:
              Arial; font-weight: bold; font-size: 14px; border-radius: 4px; padding: 4px 13px 4px 13px; text-decoration: none;}


input.field::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;padding-left: 10px; font-style: italic}
input.field::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;padding-left: 10px; font-style: italic}
input.field:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;padding-left: 10px; font-style: italic}
input.field:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;padding-left: 10px; font-style: italic}
input.field:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;padding-left: 10px; font-style: italic}
input.field:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;padding-left: 10px; font-style: italic}
input.field:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;padding-left: 10px; font-style: italic}
input.field:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;padding-left: 10px; font-style: italic}

.registerbykey{ width: 325px;margin: auto;margin-top: 155px }
.registerbykey table{margin: auto }
.registerbykey .login-block{ border: solid 2px #009BC2;min-height: 435px; z-index: 1000}
.registerbykey .tabs{ height: 41px; }
.registerbykey .tabs .logonBtn { width: 94px; text-align: center}
.registerbykey .tabs .registerBtn { width: 135px!important;text-align: center; margin-right: 41px}
.registerbykey .tabs a{display: block;float: left;border-radius:3px 3px 0 0;font-weight: bold;font-size: 20px;text-decoration: none;
                  line-height: 41px; margin-left: 20px; font-family:sans-serif; color:#009bc2}
.registerbykey .tabs a.logonBtn{width: 94px;text-align: center;}
.registerbykey .tabs a.active{background: #009bc2;color: #fff;}
.registerbykey .logo{width: 161px;margin: auto;padding-top: 40px;padding-bottom: 60px;}
.registerbykey .registrationLogo{width: 161px;margin: auto;padding-top: 40px;padding-bottom: 20px;}
.registerbykey .logo-block{ float: left;width: 100px;height: 60px;}
.head-block p{margin-left: 100px;  font-family: Calibri;font-size: 14px;}
.registerbykey .logo-block .keysLogo{background:url("../images.v1/logos_sprite.png") no-repeat 0 -1px;width: 84px;height: 374px;}
.registerbykey .logo-block .logoShield{background:url("../images.v1/sprite.png") no-repeat -537px -238px;width: 34px;height: 41px; float: right; margin-right: 30px}
.registerbykey .logo-block .logoKey{background:url("../images.v1/sprite.png") no-repeat -579px -238px;width: 41px;height: 41px;}
.registerbykey  .text-block span { color: #009bc2;font-family: sans-serif; font-size: 20px}

#keyContainer{min-height: 250px}
#keyContainer .img-block{text-align: center;margin-top: 7px;}
#keyContainer .sign-file .client-files .file.key {margin-top: 30px;}
#keyContainer .animated-cloud{padding-top: 75px;padding-left: 115px;}
#keyContainer .sign-file .signTypeInfo{display: none}
#keyContainer .sign-file .client-files .pass input {margin-top: 110px;}
#keyContainer .sign-file .client-files .file.key.hover .logo:after {visibility: hidden;}
#keyContainer .sign-file .client-files .file.cert{ margin-left: 5px;}
#keyContainer .sign-file .client-files .file.cert .logo {font-family: Calibri;}


.pass input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;font-style: italic}
.pass input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;font-style: italic}
.pass input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;font-style: italic}
.pass input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;font-style: italic}
.pass input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;font-style: italic}
.pass input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;font-style: italic}
.pass input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;font-style: italic}
.pass input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;font-style: italic}

.fieldShort::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
.fieldShort::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
.fieldShort:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
.fieldShort:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
.fieldShort:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
.fieldShort:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
.fieldShort:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
.fieldShort:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}

li:first-child input:first-child::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
li:first-child input:first-child::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
li:first-child input:first-child:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
li:first-child input:first-child:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
li:first-child input:first-child:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
li:first-child input:first-child:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
li:first-child input:first-child:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
li:first-child input:first-child:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}


.change-password-container table tr td input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
.change-password-container table tr td input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
.change-password-container table tr td input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
.change-password-container table tr td input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
.change-password-container table tr td input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
.change-password-container table tr td input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
.change-password-container table tr td input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}
.change-password-container table tr td input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;font-style: italic;padding-left: 10px;}


.msg-block { margin-top: -10px; text-align: center}
.msg-block p{ font-style: italic;font-family: sans-serif;color: grey;font-size: 12px;text-align: center;}

.key-block{text-align: center}
.key-block-msg{ font-size: 18px;color: #009bc2;font-family: Calibri;line-height: 16px;margin-top: 9px;font-weight: bold;}

.logo-shield-msg{font-size: 24px;color: #009bc2;font-family: Calibri;line-height: 18px;font-weight: bold;}
.head-block{ margin-top: 45px;margin-bottom: 5px;}
.block-btn{ text-align: center;margin-top: 20px;margin-bottom: 10px}
.key-type-msg{font-style: italic;font-family: sans-serif;color: grey;font-size: 13px;text-align: center;}
.login-with-out-key{ font-style: italic;font-family: Calibri; color: #009bc2;font-size: 15px;}
.href{color: #009bc2;}
.someClass {color: #009BC2!important; font-weight: normal; text-decoration: underline;font-style: italic;font-family: Calibri;text-align: center!important;font-size: 15px;display: inline-block;text-align: left; }
.login_key_icon{display: inline-block; width: 41px;height: 42px; background: url(../images.v1/btn_sprite.png) no-repeat -29px -543px; float: left;}
.block_center div {display: inline-block;margin: auto;}
.block_center{ margin-top: 10px;}
.block_center_register{ margin-top: 10px;float: left; margin-left: 47px;}
.block_center_register div {display: inline-block;margin: auto;}



.companySettingsData{margin-left: 100px}
.companySettingsData input.field {width:170px;margin: 0 0 6px;height: 23px;}
.companySettingsData input.fieldShort {width:150px;margin: 0 0 6px;height: 23px; display:none}
.companySettingsData div{margin-top: 15px}
.companySettingsData select{ width: 175px; height: 23px}
.companySettingsData label{font-family: Calibri;font-size: 14px; }
.companySettingsData .disabled-option{font-family: Calibri;font-size: 14px; color: grey}
.companySettingsData select{ color: grey;font-style: italic;font-family: Calibri;padding-left: 10px;font-size:14px}
.companySettingsData .buttonBlue{ margin-top: 25px;margin-bottom: 10px;}
.seting-company {
    font-family: calibri;
    font-size: 13px;
    color: black;
}
.company-name {
    font-weight: bold;
}


/*
#keyContainer .sign-file .client-files .file.key {margin-left: 20px;}
#keyContainer .sign-file .client-files .pass input {margin-left: 20px;}
#keyContainer .sign-file .client-files .file.cert{margin-left: 20px}
#keyContainer .sign-file .client-files {width: 160px}
*/

 .accountsContainer{ width: 635px;margin: auto; min-height: 485px}
 .accountsContainer .buttonGrey{margin-bottom: 10px;margin-top: 20px;margin-left: 48px;}
 .accounts-list{ height: 250px; overflow-y:auto}
 .accountsContainer h2{ font-family: Calibri; padding-left: 70px }
 .accountsContainer .login-block-hit{cursor: pointer }
 .accountsContainer .registrationLogo{margin-top: 30px;margin-left: 50px;}
 .accountsContainer .main-login-block{margin-left: 52px;display: inline-block;min-width: 500px; margin-bottom: 10px;}
 .accountsContainer  .login-hint{font-family: Calibri;color: #009bc2;font-weight: bold;font-size: 13px;visibility: hidden; margin-left: 40px}
 .accountsContainer  .login-hint.active{ visibility: visible}
 .accountsContainer .main-login-block.active{border: solid 2px #009BC2;padding: 10px;margin-top: -2px; margin-left: 40px }
 .accountsContainer .main-login-block .block-arrow{ margin-right: 5px}
 .accountsContainer .main-login-block .login-description{ display: inline-block;margin-left: 20px;margin-top: -20px;}
 .accountsContainer .main-login-block .login-description div span{ font-family: Calibri}
 .accountsContainer .main-login-block .login-description div.last-visit { margin-top: -20px}
 .accountsContainer .main-login-block .login-description div.last-visit span { margin-top: -15px; }
 .accountsContainer .main-login-block .login-description div.last-visit span:first-child { margin-top: -15px;margin-right: 5px; font-style: italic; color: grey}
 .accountsContainer .main-login-block .login-description div:first-child span{ font-weight: bold; color:#009bc2}
 .accountsContainer .main-login-block .login-description div:first-child span:first-child{ color: black; margin-right: 20px}
 .accountsContainer .main-login-block .login-description { color: black; margin-right: 20px}
 .accountsContainer .main-login-block .login-description ul{ list-style: none;margin-left: -50px;margin-top: -5px;font-family: Calibri;margin-bottom: -10px; }
 .accountsContainer .main-login-block .login-description ul li{ margin: 10px}
 .accountsContainer .main-login-block .login-description ul li a { text-decoration: underline;cursor: pointer;font-style: italic;}
 .accountsContainer .main-login-block .login-description ul li input.buttonBlue{ margin-right: 10px}
 .accountsContainer .main-login-block .login-description ul li:first-child input:first-child{ width: 300px; height: 23px}



 .blue-arrow{width: 15px;height: 15px; background: url(../images.v1/t_sel.png) no-repeat 2px 5px; cursor: pointer; color: #009BC2;margin-left: -5px;}
 .blue-arrow.active {background: url(../images.v1/t_sel_up.png) no-repeat 2px 5px;}

 .change-password-container{ width: 400px;margin: auto;margin-top: 155px;border: 2px solid #009bc2; min-height: 405px}
 .change-password-container p{ margin-left: 50px;}
 .change-password-container h1{ text-align: center;font-family: Calibri;}
 .change-password-container table{margin: auto;font-family: Calibri;text-align: center;}
 .change-password-container table tr td input{ width: 210px;height: 20px;margin-bottom: 5px;}
 .change-password-container table tr td {text-align: left;max-width: 215px; font-style: italic}
 .change-password-container table ul { list-style: none;margin-left: -40px;font-weight: bold; margin-bottom: -15px;}
 .change-password-container span{ font-family: Calibri;font-size: 14px;font-style: italic;max-width: 220px; text-align: left}

.login-block .validation-summary-errors {font-style: italic;font-family: Calibri;margin-bottom: 10px;margin-top: -15px;max-width: 200px; margin-left:50px;}
.label-grey{ color: grey;font-family: calibri;text-decoration: underline;margin-left: -120px;}
.label-grey-register{     color: grey;
    font-family: calibri;
    font-size: 13px;
    font-weight: bold;}
.a-grey-register {
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}

.label-long-info-register {
    text-align: justify!important;
    font-size: 13px;
    color: gray;
}

.a-long-info-register {
  cursor: pointer;
    color: gray;
    font-style: italic;
    cursor: pointer;
}
.long-info-registerByKey {
 margin-left: 5px;padding-right: 5px;margin-top: 10px;
}

.content-header-jks-dialog { color: #009BC2; }

.disabled-btn {
    background-color: #808080 !important;
    pointer-events: none;
}