@import url('fonts/Roboto.css');

body {
    background-color: #eee;
    font-family: Verdana;
}

.f80 {
    float: left;
    position: absolute;
    font-size: 10px;
    color: #666666;
}

img#captcha {
    margin-left: -5px;
}

.errMsg {
    color: red;
}

div.login_container {
    height: auto;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.eb_modal_dialog {
    margin: 0 auto;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 500px;
    background-color: #fff;
    border: 1px solid #aaa;
    padding: 0px;
    border-radius: 3px;
}

span.title {
    display: block;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 5px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px 5px 10px;
    border-bottom: 1px solid #3DA25B;
    color: #4670B5;
    text-transform: uppercase;
    font-size: 18px;
}

form {
    text-align: center;
}

.login_form a.restore_link {
    color: #4670B5;
    font-size: 14px;
    text-decoration: underline;
}

.login_form > table {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.login_form > table td:first-child {
    width: 35%;
}

.login_form > table td:last-child {
    width: 65%;
}

.login_form > table td {
    padding: 5px;
    font-size: 14px;
}

.login_form > table td.caption {
    color: #444;
    font-size: 15px;
    vertical-align: top;
    padding-top: 15px;
}

.login_form > table td.error {
    padding-top: 20px;
}

.login_form > table td select,
.login_form > table td input[type=text],
.login_form > table td input[type=password] {
    padding: 5px 5px;
    font-size: 14px;
    color: #666666;
    border: 1px solid #777;
    border-radius: 3px;
}

div.result_message_info,
div.result_message_success,
div.result_message_warning,
div.result_message_error,
div.result_message_validation {
    background-color: transparent !important;
    text-align: center !important;
    margin: 0px;
    padding: 10px !important;
}

#externals_block {
    margin-top: 15px;
    margin-bottom: 10px;
}

#externals_block .title {
    font-size: 110%;
    text-align: center;
}

#externals_block .list {
    text-align: center;
    margin-top: 5px;
}

#externals_block .list a {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(images/social_auth.png) no-repeat;
    background-position: 0px 0px;
}


#externals_block .list a.pptender {
    background: none;
    background-image: url(images/pp_logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 140px;
}

    #externals_block .list a.ksid {
        background: none;
        background-image: url(images/ksid.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 32px;
        height: 32px;
    }

#externals_block .list a + a {
    margin-left: 8px;
}

#externals_block .list a.soc_gu {
    background-position: 0px 0px;
}

#externals_block .list a.soc_vk {
    background-position: -35px 0px;
}

#externals_block .list a.soc_fb {
    background-position: -70px 0px;
}

#externals_block .list a.soc_ok {
    background-position: -105px 0px;
}

#externals_block .list a.soc_ya {
    background-position: -140px 0px;
}

#externals_block .list a.soc_go {
    background-position: -175px 0px;
}

.ui-tabs {
    padding-left: 0;
    padding-right: 0;
}

.ui-tabs .ui-tabs-panel {
    display: grid;
}


.ui-widget {
    font-family: Roboto;
}


.ui-widget.ui-widget-content {
    border: none;
}

.ui-widget-header {
    background: #f1f1f1;
    border: none;
}

.ui-corner-all {
    border-radius: 0;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #5078a1;
    font-weight: bold;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    color: #093c75;
}

.ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active, a.ui-button:active,
.ui-button:active, .ui-button.ui-state-active:hover {
    border: none;
    background: none;
}


.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 0;
    background: none;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #093c75;
    border-bottom: 1px solid #093c75;
    padding: 0 2px 0 2px;
}

.ui-helper-reset {
    font-size: 16px;
}


#login_tabs td {
    padding-top: 5px;
}

#login_tabs td.caption {
    vertical-align: middle;
    width: 150px;
    color: #444;
    font-size: 15px;
}

#login_tabs td input[type=text],
#login_tabs td input[type=password],
#login_tabs td select[name=provider] {
    height: 36px;
    font-family: Roboto;
    font-size: 15px;
    color: #444;
    padding: 5px;
    border-radius: 3px;
}

#login_tabs td select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background-image: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23888' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: calc(100% - 5px) center;
}




.select2-container--default .select2-selection--single {
    width: inherit !important;
    height: 100px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px !important;
    word-break: break-all !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: relative !important;
    background-image: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23888' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: calc(100% - 5px) center;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: rotate(180deg) !important;
}



div#account_list {
    display: none;
}

div#account_list.grid.ui-dialog-content.ui-widget-content {
    padding: 0;
    font-size: 12px;
    border: none;
}

/*        #account_list table tr:has(th),*/
#account_list table tr:first-of-type {
    background: #f0f8fb;
    border: 1px solid #d2dce5;
    font-size: 14px;
}

#account_list table tr {
    border: 1px solid #d2dce5;
}

#account_list table tbody {
    border: 1px solid #d2dce5;
}

#account_list table th {
    width: 150px;
    border-right: 1px solid #d2dce5;
}

#account_list table td {
    width: 150px;
    border-right: 1px solid #d2dce5;
    font-size: 13px;
    padding: 0.5em;
    cursor: pointer;
}

#account_list table tbody tr:hover {
    background-color: #4d91cb;
    color: white;
}

#account_list table tbody tr.active {
    background-color: #4d91cb;
    color: white;
}


.ui-dialog-buttonset-custom button,
.ui-dialog-buttonset-custom button:focus {
    border: 1px solid #d2dce5;
    color: #093c75;
    background: none;
}


.ui-dialog .ui-dialog-buttonpane {
    margin-top: 0;
}

ui-dialog .ui-dialog-buttonpane button,
.ui-dialog-buttonset-custom button:hover {
    border: 1px solid #4d91cb;
    background-image: none;
    font-weight: normal;
    color: #ffffff;
    background-color: #4d91cb;
}


div.active_cert,
div.error_cert,
div.select_cert {
    /*width:230px;*/

    background-repeat: no-repeat;
    padding-left: 40px;
    background-position-y: center;
}

div.active_cert {
     background-image: url(images/active_cert.png);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    height: 80px !important;
    word-wrap: anywhere;
    flex-direction: column;
}

div.error_cert {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAACxElEQVRYR+1X30tTYRj2DwjHLtOUlkp/jHURY0baOFbitO6EkLpR6CbBpZF0rIugwKCtBQWpDazhghr0a4WFhLbpspmjHxeldfP0PR87cr7TGOfz2EXgCw+vz/e+530evvPugDUAFOSCwQEB/CMMOPUUQrCxeG8SP/PLMhPrywXPnJmznXoKISwDG8XVbYWWgfXCR/nQdgVncaZ7A+LKLAM/lhY9gSENiJmuDVivgFFpqA4YnLWlHWBUGqoDhrYB+w44B3JQNTj7GZy1bTtQSdQOZz9DGtjZAR0DlXaAA3TgNLDzHeBMTwasq3ULTwaqfQd0weCs/38H7NdbEU8fY/J4J8ymfYjW1spM/j2fl7PY48lANbybuIFLe+qROnUSxUnx/ufmZCYfa2zE/K2YngGdHSg+SQuRBnyIxVAyTSx3dyPf1iYzeS4ex1hDA1YzGW87sHnVDtw/ZmC2vx8rfX2yn89bYPCc9akTXe4NcLDbGzCbmpAbGVFE7ZnIi/rlQMA6V/QUQrBJx0DU58NSJLIpVhZROOtczHJN0VMIwSadHTCbmzFvGJtiDHsmWB9vabHOFT2FEGzS+Q5M90TwMBz+S9TOWZ/u6bHOFD2FEGzSeQWlN1n5U8u0dyjiFnjO+srMI8mpYYdCCDbZDbiJxWQSF3bX4e6hIF4facdiKCQzOc8XpqbwOTnj3oC1A27w+8tXpDJZPEimYYY6MLo3gGGxcMzkPGf911pJ7wYI7kK1f7k2PhWxkisgEDqN/b0jOHc7jeSrBbzNr8pMznPWl55nUejtFRKqnkIIYWCQJtxgLRrF4a4z8AXPwh8egt8YRr0xhPfXJ2Qm5znr7PsWi8WdegrZAgICbQKDxmgi5T96Hq2D154JfvCAyOSdFxMp1st97FdmKMQDdgm0GsM3U4nZF1fF33V30i+vkPO8XK/wHGr+AHZM62QuQK6OAAAAAElFTkSuQmCC');
}


div.highlight {
    -webkit-box-shadow: -1px 0px 8px 4px rgba(34, 60, 80, 0.26);
    -moz-box-shadow: -1px 0px 8px 4px rgba(34, 60, 80, 0.26);
    box-shadow: -1px 0px 8px 4px rgba(34, 60, 80, 0.26);
}