/* Minification failed. Returning unminified contents.
(1004,1): run-time error CSS1019: Unexpected token, found '}'
(1518,37): run-time error CSS1046: Expect comma, found '0'
(1518,41): run-time error CSS1046: Expect comma, found '/'
(1519,40): run-time error CSS1046: Expect comma, found '0'
(1519,44): run-time error CSS1046: Expect comma, found '/'
(1520,32): run-time error CSS1046: Expect comma, found '0'
(1520,36): run-time error CSS1046: Expect comma, found '/'
(1535,37): run-time error CSS1046: Expect comma, found '0'
(1535,41): run-time error CSS1046: Expect comma, found '/'
(1536,40): run-time error CSS1046: Expect comma, found '0'
(1536,44): run-time error CSS1046: Expect comma, found '/'
(1537,32): run-time error CSS1046: Expect comma, found '0'
(1537,36): run-time error CSS1046: Expect comma, found '/'
(1552,37): run-time error CSS1046: Expect comma, found '0'
(1552,41): run-time error CSS1046: Expect comma, found '/'
(1553,40): run-time error CSS1046: Expect comma, found '0'
(1553,44): run-time error CSS1046: Expect comma, found '/'
(1554,32): run-time error CSS1046: Expect comma, found '0'
(1554,36): run-time error CSS1046: Expect comma, found '/'
(1569,37): run-time error CSS1046: Expect comma, found '0'
(1569,41): run-time error CSS1046: Expect comma, found '/'
(1570,40): run-time error CSS1046: Expect comma, found '0'
(1570,44): run-time error CSS1046: Expect comma, found '/'
(1571,32): run-time error CSS1046: Expect comma, found '0'
(1571,36): run-time error CSS1046: Expect comma, found '/'
(1587,37): run-time error CSS1046: Expect comma, found '0'
(1587,41): run-time error CSS1046: Expect comma, found '/'
(1588,40): run-time error CSS1046: Expect comma, found '0'
(1588,44): run-time error CSS1046: Expect comma, found '/'
(1589,32): run-time error CSS1046: Expect comma, found '0'
(1589,36): run-time error CSS1046: Expect comma, found '/'
(1602,37): run-time error CSS1046: Expect comma, found '0'
(1602,41): run-time error CSS1046: Expect comma, found '/'
(1603,40): run-time error CSS1046: Expect comma, found '0'
(1603,44): run-time error CSS1046: Expect comma, found '/'
(1604,32): run-time error CSS1046: Expect comma, found '0'
(1604,36): run-time error CSS1046: Expect comma, found '/'
(1617,37): run-time error CSS1046: Expect comma, found '0'
(1617,41): run-time error CSS1046: Expect comma, found '/'
(1618,40): run-time error CSS1046: Expect comma, found '0'
(1618,44): run-time error CSS1046: Expect comma, found '/'
(1619,32): run-time error CSS1046: Expect comma, found '0'
(1619,36): run-time error CSS1046: Expect comma, found '/'
(1632,37): run-time error CSS1046: Expect comma, found '0'
(1632,41): run-time error CSS1046: Expect comma, found '/'
(1633,40): run-time error CSS1046: Expect comma, found '0'
(1633,44): run-time error CSS1046: Expect comma, found '/'
(1634,32): run-time error CSS1046: Expect comma, found '0'
(1634,36): run-time error CSS1046: Expect comma, found '/'
(3420,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3438,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3456,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3474,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3492,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3510,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3523,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3536,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3595,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3608,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3610,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3621,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@import url(extensions.css);

html
{
    font: 13px Segoe UI,'Open Sans',Tahoma Light, Arial Light, Helvetica, sans-serif;
    height: 100%;
    /*background: url('images/subtle_dots.png') #fff;*/
}

* {
    margin: 0;
    padding: 0;
}

body
{
    /*background: url('images/subtle_dots.png');*/
    height: 100%;
    min-width: 1280px;
    padding: 0px;
}

.g-recaptcha {
    position: absolute;
    top: 105px;
    right: 11px;
}

.rc-anchor-normal-footer .rc-anchor-pt a {
    font-size: 10px !important;
}

.rc-anchor-error-msg {
    font-size: 11px;
}

a {
    color: #1E91FC;
    font-weight: inherit;
    text-decoration: none;
    cursor: pointer;
}

    a:hover
    {
        color: rgba(30,145,252,.8);
    }

button
{
    filter: chroma(color=#000000);
}

img
{
    border:none;
}

i.fa{
    cursor: pointer!important;
}

/*#region Header*/

.app-name
{
    color: #008000;
    font-family: 'Segoe UI Light',Segoe UI,'Open Sans', Tahoma Light,Arial Light,Helvetica Light,sans-serif;
    font-weight: 600;
    font-size:3.5em;
}

.app-name-wrapper
{
    float: left;
    margin: 0 5px 0 10px;
}

.company-name
{
    color: #a4a4a4;
    font-size: .9em;
    text-transform: uppercase;
}

.company-name:hover
{
    color: #7e7e7e;
}

.company-name:hover .icon-right-arrow-gray-small
{
    opacity:1;
}

.icon-user-left
{
    float: left;
}

.logout
{
    float: left;
    margin: 2px 10px 0 0;
}

.logout-wrapper
{
    float: right;
}

.reg-number-label, .company-name, .duration-public-key
{
    color: #8F8F8F;
    font-size: .9em;
}

.reg-number{
    font-size: 1.1em;
    font-weight: bold;
    color: #000;
}

.user-info
{
    float: right;
    margin: 2px 0 0 5px;
}

.user-info-wrapper
{
    float: right;
    margin: 5px;
}

.username
{
    font-weight: 700;
    text-transform: uppercase;
}

.logo-pp-ca{
    width: 50px;
    height: 54px;
    background: url('images/logo_medium.png') no-repeat;
}

/*#endregion Header*/


/*#region Footer*/

.footer
{
    height: 88px;
    margin-top: -88px;
    background-color: #fff !important;
}

.footer-info-tel
{
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
}

.footer-info-tel-separator
{
    border-left: 1px solid #E0E0E0;
}

.footer-info-text
{
    float: left;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left;
}

.footer-panel
{
    line-height: 1em;
    border-top: 1px dashed #E0E0E0;
    position: relative;
}

.footer-text
{
    font-size: .95em;
    height: 50px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.hFooter
{
    clear: both;
    height: 88px;
}

.tel
{
    font-weight: 700;
}

.version
{
    color: #ccc;
    float: right;
    font-size: .9em;
    padding: 10px 10px 0 0;
}

.version-wrapper
{
    height: 25px;
}

.request-on-call{
    color: #fff;
    border-color: rgb(0, 136, 0);
    background-color: #005000;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none;
    background-position: 50% 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    font-size: 100%;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
    background-repeat: repeat;
    width: 200px;
    margin:5px 15px 0 0;
}

.request-on-call:hover{
    color: #fff;
    background-color:rgb(0, 128, 0);
}

/*#endregion Footer*/

/*#region ErrorPage*/

.error-message-wrapper
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -266px;
    border: 1px solid #008000;
}

.error-message
{
    width: 500px;
    margin: 10px auto 30px;
    padding: 15px;
    position: relative;
    font-size: 1.1em;
    color: #787878;
}

.code-error
{
    font-size: 3.5em;
    text-align: center;
}

.error-text
{
    margin: 20px 0;
}

.error-text-list {
    padding: 0 10px;
    margin: 2px 10px;
    border-left: 3px solid #4DAA59;
}

.error-text-action
{
    margin: 15px 0;
    float: right;
    width: 420px;
}

.back-history
{
    width: 64px;
    height: 64px;
    background: url('images/icons/back-slider.png') no-repeat;
    cursor: pointer;
    margin: 12px 0;
    float: left;
}

    .back-history:hover
    {
        width: 64px;
        height: 64px;
        background: url('images/icons/back-slider.png') no-repeat -64px;
    }

.button-back
{
    float:right;
    font-size: 18px !important;
    margin:-5px 0 !important;
}

/*#endregion ErrorPage*/

/*#region LoginPage*/

.table-auth-step td{
    padding:10px;
    /*vertical-align:top !important;*/
}

.table-auth-step td .k-button {
    /*vertical-align:top !important;*/
}

#authMethod p {
    color: #898989;
    font-style: italic;
    padding: 5px 15px;
}

#rectangle-red {
	width: 605px;
	height: 45px;
	background: #EC362F;
    padding: 5px 0;
    border-radius: 5px;
}

#triangle-right-red {
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-left: 15px solid #EC362F;
	border-bottom: 30px solid transparent;
    margin: -57px 0 0 608px;
    border-radius: 100%;
}

#rectangle-orange {
	width: 605px;
	height: 45px;
	background: #E05E00;
    padding: 5px 0;
    border-radius: 5px;
}

#triangle-right-orange {
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-left: 15px solid #E05E00;
	border-bottom: 30px solid transparent;
    margin: -57px 0 0 608px;
    border-radius: 100%;
}

#rectangle-green {
    width: 605px;
    height: 45px;
    background: #4DAA59;
    padding: 5px 0;
    border-radius: 5px;
}

#triangle-right-green {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-left: 15px solid #4DAA59;
    border-bottom: 30px solid transparent;
    margin: -57px 0 0 608px;
    border-radius: 100%;
}

#space-invader{

  box-shadow:
    0 0 0 .5em #787878,
    0 .5em 0 .5em #787878,
    -1.25em .75em 0 .25em #787878,
    1.25em .75em 0 .25em #787878,
    -1.5em -1.5em 0 0 #787878,
    1.5em -1.5em 0 0 #787878,
    -1em -1em 0 0 #787878,
    1em -1em 0 0 #787878,
    -1.5em -.5em 0 0 #787878,
    -1em -.5em 0 0 #787878,
    1em -.5em 0 0 #787878,
    1.5em -.5em 0 0 #787878,
    -2em 0 0 0 #787878,
    -1.5em 0 0 0 #787878,
    1.5em 0 0 0 #787878,
    2em 0 0 0 #787878,
    -2.5em .5em 0 0 #787878,
    -2em .5em 0 0 #787878,
    2em .5em 0 0 #787878,
    2.5em .5em 0 0 #787878,
    -2.5em 1em 0 0 #787878,
    2.5em 1em 0 0 #787878,
    -2.5em 1.5em 0 0 #787878,
    -1.5em 1.5em 0 0 #787878,
    1.5em 1.5em 0 0 #787878,
    2.5em 1.5em 0 0 #787878,
    -1em 2em 0 0 #787878,
    -.5em 2em 0 0 #787878,
    .5em 2em 0 0 #787878,
    1em 2em 0 0 #787878;

    background: #787878;
    width: 0.5em;
    height: 0.5em;
    overflow: hidden;

    margin: -10px 0;
  }

.space-invader-sm{
    box-shadow: 
        0 0 0 .1em #787878, 
        0 .1em 0 .1em #787878, 
        -.25em .15em 0 .05em #787878, 
        .25em .15em 0 .05em #787878, 
        -.3em -.3em 0 0 #787878, 
        .3em -.3em 0 0 #787878, 
        -.2em -.2em 0 0 #787878, 
        .2em -.2em 0 0 #787878, 
        -.3em -.1em 0 0 #787878, 
        -.2em -.1em 0 0 #787878, 
        .2em -.1em 0 0 #787878, 
        .3em -.1em 0 0 #787878, 
        -.4em 0 0 0 #787878, 
        -.3em 0 0 0 #787878, 
        .3em 0 0 0 #787878, 
        .4em 0 0 0 #787878, 
        -.5em .1em 0 0 #787878, 
        -.4em .1em 0 0 #787878, 
        .4em .1em 0 0 #787878, 
        .5em .1em 0 0 #787878, 
        -.5em .2em 0 0 #787878, 
        .5em .2em 0 0 #787878, 
        -.5em .3em 0 0 #787878, 
        -.3em .3em 0 0 #787878, 
        .3em .3em 0 0 #787878, 
        .5em .3em 0 0 #787878, 
        -.2em .4em 0 0 #787878, 
        -.1em .4em 0 0 #787878, 
        .1em .4em 0 0 #787878, 
        .2em .4em 0 0 #787878;

    background: #787878;
    width: 0.1em;
    height: 0.1em;
    overflow: hidden;

    
}

.main-auth {
    /*position: absolute;
    top: 40%;
    left: 50%;
    margin-top: -200px;
    margin-left: -450px;*/
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    /*
        fot Google captcha    
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
}

.cahnge-auth-method {
    /*margin-bottom: 15px;
    margin-left: 200px;
    font-size: 1.6em;
    color: #4DAA59;*/
    margin-bottom: 50px;
    font-size: 2.6em;
    text-align: center;
    text-transform: uppercase;
    color: #414141;
    font-weight: 600;
}

#authMethod {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 15px;
    position: relative;
    background-color: #eee;
    display: flex;
    flex-direction: row;
    min-width: 400px;
}

.step-auth{
    color:#fff;
    font-size:1.3em;
    font-weight:bold;
    margin-left:20px;
}

.step-auth-text{
    color:#fff;
    font-size:1.2em;
    margin-left:20px;
}

.text-step-auth{
    font-style:italic;
    margin-left:10px;
    font-size:1.1em;
}

.auth-input{
    width:250px;
    height:30px;
    border-radius: 3px;
    font-size:1.4em !important;
}

.auth-input-login {
    width: 250px;
    height: 30px;
    border-radius: 3px;
    font-size: 1.4em !important;
}

#authCodeLogin {
    width: 250px;
    height: 30px;
    border-radius: 3px;
    font-size: 1.4em !important;
}

.capture-text {
    padding: 3px 5px!important;
    display: inline-block;
    width: 90px;
    text-align: center;
    margin: 0 5px;
    float: right;
}

#authCode {
    width:350px;
}

.send-auth-code {
    font-size: 1.2em !important;
    width: 80% !important;
    height: 40px !important;
    border-radius: 3px !important;
}

.icon-question{
    background-image: url('images/icons/question-64.png');
    height:64px;
    width:64px;
}

/*#endregion LoginPage*/

/*#region GeneralElements*/

.invisible{
    display: none !important;
}

#modalWindow
{
    display: none;
}

.button-on-modal-window{
    float: right;
}

#menu
{
    border: none;
    padding: 20px 0;
    /*height: 30px;*/
    margin: 10px 0;
}

    #menu .item-icon a.k-link
    {
        padding-top: .15em;
        padding-bottom: .15em;
    }

    #menu .item-icon span.k-link
    {
        padding-top: .15em;
        padding-bottom: .15em;
    }

    #menu .main-menu-item
    {
        font-size: 14px;
        text-transform: uppercase;
    }

    #menu .item-icon .main-menu-item
    {
        font-size: 1em;
    }

    #menu .sub-menu-item
    {
        font-size: 1.22em;
    }

.data-block
{
    min-height: 100%;
}

.data-block-wrapper
{
    margin: 5px;
}

.input-search
{
    border: none;
    margin: 4px 0;
    outline: none;
    width: 160px;
}

.input-search-wrapper
{
    border: 1px solid #ddd;
    margin: 0 0 0 5px;
    padding: 0 2px;
}

    .input-search-wrapper:hover
    {
        border-color: #008000;
    }

.actual-checkbox
{
    border: none;
    margin: 5px;
    padding: 4px;
    outline: none;
}

.actual-wrapper
{
    border: 1px solid #ddd;
    margin: 2px;
    padding: 4px 0;
    width: 130px;
    vertical-align:middle;
}

.news-per-page-wrapper
{
    border: 1px solid #ddd;
    margin: 2px;
    padding: 4px 2px;
    width: 250px;
    vertical-align:middle;
}

.item-action
{
    text-transform: uppercase;
}

.loading
{
    color: #008000;
}

.loading-wrapper
{
    height: 15px;
    margin: 0 auto;
    width: 170px;
}

.loading-wrapper.inline{
    display: inline-block;
}

.loading-wrapper.zero-width{
    width: 0;
}

.loading-login-wrapper
{
    margin-top: 10px;
}

.paginator
{
    color: #787878;
    font-size: 1.1em;
}

.sub-menu-item
{
    text-align: left!important;
}

.tabs
{
    border: none!important;
}

.title-section
{
    color: #008000;
    float: left;
    font-size: 1.5em;
    text-transform: uppercase;
}

.mini-title{
    float: left;
    font-size: 1.3em;
    margin-top: 20px;
    width: 600px;
}

.toolbar-panel, .search-panel, .controls
{
    float: right;
}

.search-panel-left{
    float:left;
}

.search-panel-left input{
    width:500px;
}

.search-panel-left .input-search-wrapper{
    margin:10px 0;
}

#searchMode{
    cursor:help;
}

.toolbar-panel-level
{
    width: 100%;
    float: right;
}

.toolbar-panel-wrapper
{
    padding: 20px 0;
    width: 100%;
    *zoom: 1;
}

    .toolbar-panel-wrapper:before,
    .toolbar-panel-wrapper:after
    {
        content: " ";
        display: table;
    }

    .toolbar-panel-wrapper:after
    {
        clear: both;
    }

.userbar-panel-wrapper
{
    height: 25px;
    padding: 0 10px 20px 10px;
}

.text-userbar
{
    color: #787878;
}

.data-area {
    /*border: 1px solid #4DAA59;*/
    margin: 5px;
    padding: 10px;
}

.level
{
    height: 30px;
}

.level-left
{
    height: 30px;
    float: left;
}

.viewSummary
{
    color: #787878;
    font-size: .9em;
    width: 100%;
}

.no-data
{
    display: none;
    height: 15px;
    margin: 0 auto;
    text-align: center;
    width: 320px;
}

.full-info-no-data
{   
    top: 50%;
    position: absolute;
    left: 50%;
    margin: -8px 0 0 -40px;
}

.outer{
    height: 200px;
    overflow: hidden;
    width: 100%;
    display: table;
    position: static;
}

.middle{
    top: 50%;
    width: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position: static;
}

.inner{
    position: relative;
    /*top: -50%;*/
    text-align: center;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.no-data-refresh
{
    cursor: pointer;
}

.error-message-text
{
    margin: 10px auto;
    width: 420px;
    padding: 10px;
    border: 1px solid #ddd;
    color: #a00;
}

.tableItem-left
{
    text-align: left;
}

.tableItem-right
{
    text-align: right;
}

.tableItem-center
{
    text-align: center;
}

.tableItem-italic
{
    font-style: italic;
}

.strikethrough{
    text-decoration:line-through;
}

.dividing-line{
    margin: 10px 0;
    border-top: 1px solid #E6EBEA;
}
.dividing-line:before{
    clear:both;
}

.doc-wrapper{
    padding:5px;
    border:1px solid #eee;
    width:980px;
    color: #131313;
}

.clearfix:before,
.clearfix:after
{
    content: " ";
    display: table;
}

.clearfix:after
{
    clear: both;
}

.clearfix
{
    *zoom: 1;
}

.file-name-wrapper {
    width: 50%;
    float: left;
    margin-top: 7px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    line-height: 25px;
}

.print-request-count
{
    border-radius: 50%;
    border: 1px solid #787878;
    padding: 0 4px;
}

.add-print-request:hover .print-request-count
{
    border-color: #fff;
}

.download-text {
    font-size: 1.2em;
    width: 100%;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
}
}

.button-doc-info
{
    margin-top: 10px;
    float:right;
}

.button-doc-edit
{
    float:right;
    border-style:none;
    cursor: pointer;
}
.button-news-wrapper
{
    margin: 5px 0 !important;
    float:right;
}

.section{
    padding:0 4px;
    color: #fff;
    border: 1px solid #fff;
}

.section-0{
    background-color: #ccc;
}

.section-1{
    background-color: #1f82ff;
}

.section-2{
    background-color: #2aa52b;
}

.section-3{
    background-color: #c1b128;
}

.section-5{
    background-color: #c852c6;
}

.bottom-block{
    position: absolute;
    bottom: 0;
}

.inner-title{
    color: #008000;
    font-size: 1.2em;
    text-transform: uppercase;
    margin: 5px 5px 5px 0;
}

.inner-title-value{
    font-size: 1.2em;
    text-transform: uppercase;
}

.block-info
{
    margin:5px;
}

.block-info .param
{
    width: 360px;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    margin: 0 0 0 5px;
}

.block-info .param:after
{
    font-size: 10px;
    color: #e1e1e1;
    content: " .......................................................................................................................................................................... ";
}

.separator
{
    border-top:1px solid #f4f4f4;
    margin:15px 0 0 0;
}

.backlight-pink{
    background-color: #FFC2C2;
}

.backlight-orange{
    background-color: #FFB185;
}

input[type=radio]{
    margin: 0 5px;
    width: 14px !important;
}

.backlight-red
{
    color: #8F0000;
    font-weight: bold;
}

/*#endregion GeneralElements*/

/*#region LoginForm*/

.main-login
{
    width: 900px;
    margin: 0 auto 70px auto;
    padding-top: 70px;
    min-height:250px;
}

.slider-wrapper
{
    height: 300px;
    width: 500px;
    margin: 0 20px;
    float: left;
}

.login-field
{
    border: 1px solid #ddd;
    outline: none;
    width: 300px;
    font-size: 1.4em;
    font-family: 'Segoe UI Light',Segoe UI, 'Open Sans', Tahoma Light,Arial Light,Helvetica Light,sans-serif;
    font-weight: lighter;
    padding: 5px;
}

.login-field-label
{
    color: #777;
}

.login-field:focus
{
    border: 1px solid #008000;
}

.login-field:hover
{
    border: 1px solid #008000;
}

.login-field-block
{
    margin: 20px 0;
}

.button-login-eds
{
    font-size: 1.4em !important;
    float:right;
}

.button-login-phone{
    font-size: 1.4em !important;
    height: 40px !important;
    border-radius: 3px !important;
}

.button-reg-phone {
    font-size: 1.4em !important;
    height: 40px !important;
    border-radius: 3px !important;
}

.login-header
{
    height: 50px;
}

.login-error-message
{
    margin: 20px 20px 20px 10px;
    color: #a00;
    /*padding: 5px 0 0 235px;*/
    padding: 5px 0 0 26px;
    width: 400px;
}

.login-title
{
    float: left;
    text-transform: uppercase;
    font-size: 2.5em;
    color: #888;
}

.alt-login
{
    float: right;
    margin: 20px 30px 0 0;
}

.caption
{
    width: 100%;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight: lighter;
    color: #fff;
    border-top: 1px solid #333;
    background: #000;
    background: rgba(0,0,0,0.8);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.cation-header
{
    padding: 0 10px;
    font-size: 1.5em;
}

.caption-link
{
    float: right;
    padding: 0 10px;
}

.sad-block-image {
    /*margin: 30px 0 0 100px;*/
    margin: 30px 0 0 36px;
}

.loading-circle-big{
    margin:30px 0 30px 100px;
}

.loading-circle-big-text{
    margin-left:10px;
}

.login-field-block td{
    color: #787878;
    padding: 10px 10px;
}

/*#endregion LoginForm*/

/*#region Feedback*/

.feedback-panel {
    position: fixed;
    right: 0;
    top: 35%;
    z-index: 9999;
    padding: 6px 2px 6px 5px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    background-color: #4DAA59;
    color: #fff;
}

.feedback-panel:hover
{
    background-color: #008000;
}

.feedback-text{
    background: url('images/feedback-text.png') no-repeat;
    width:12px;
    height:84px;
}

.feedback-separator
{
    border-top:1px solid #fff;
    margin:5px 0;
}

.form-content
{
    margin:0 10px;
}

.subject
{
    border:1px solid #dadada;
    outline: none;
    width:600px;
    height:30px;
}

.textarea-feedback
{
    width:600px;
    height: 200px;
    border:1px solid #CCCCCC;
    outline: none;
    font: 1.1em Segoe UI,Arial;
}

.captcha
{
    border:1px solid #ccc;
    outline: none;
    height:35px;
    width:140px;
}

.subject:hover, .textarea-feedback:hover, .captcha:hover
{
    border:1px solid #008000;            
}

.subject:focus, .textarea-feedback:focus, .captcha:focus
{
    border: 1px solid #008000;
}

.select-file-help
{
    color:#c2c2c2;
    font-size:0.9em;
    font-style:italic;
    width:600px;
}

.label-feedback
{
    font-size:1.3em;
    margin-right: 10px;
}


.feedback-success-wrapper{
    height:70px;
    width:500px;
}

.success-text-action
{
    margin: 15px 0;
    float: right;
    width: 420px;
}

/*#endregion Feedback*/

/*#region Icons*/

.icon
{
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block!important;
    vertical-align: text-top;
}

.icon-loading
{
    background-image: url(images/loading.gif);
    height: 15px;
    line-height: 15px;
    width: 100px;
}

.icon-loading-circle{
    background-image: url('Metro/loading.gif');
    height:16px;
    width:16px;
}

.icon-loading-circle-big{
    background-image: url('images/loading-circle.gif');
    height:48px;
    width:48px;
}

.icon-search
{
    background-image: url(images/toolbar_find.png);
    height: 16px;
    line-height: 16px;
    width: 16px;
    cursor: pointer;
}

.icon-user-big
{
    background-image: url(images/user-big.png);
    height: 48px;
    line-height: 48px;
    width: 48px;
}

.icon-user-big-ds
{
    background-image: url(images/user-big-ds.png);
    height: 64px;
    line-height: 64px;
    width: 64px;
}

.icon-certificate
{
    background-image: url('images/icons/certificate.png');
    height: 16px;
    width: 16px;
}

.icon-sms{
    background-image: url('images/icons/sms-mail.png');
    height: 32px;
    width: 32px;
}

.icon-right-arrow-gray
{
    background-image: url(images/icons/right_round_light_gray.png);
    height: 26px;
    width: 26px;
}

.icon-right-arrow-gray-small{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings.png') no-repeat;
    background-position: -240px -144px;
    opacity:.7;
}

.icon-right-arrow-gray-small:hover{
    opacity:1;
}

.icon-left-arrow-gray
{
    background-image: url(images/icons/left_round_light_gray.png);
    height: 26px;
    width: 26px;
}

.k-button:hover .icon-left-arrow-gray
{
    background-image: url(images/icons/left_round_white.png);
    height: 26px;
    width: 26px;
}

.k-button:hover .icon-right-arrow-gray
{
    background-image: url(images/icons/right_round_white.png);
    height: 26px;
    width: 26px;
}

/*
    AUTH MENU
    */

ul.auth-type-list li{
    float: left;
    margin: 0 20px;
    list-style: none;
}

a.auth-method-link{
    display: block;
    width: 240px;
    text-align: center;
    padding: 10px 0 0 0;
} 

i.auth-method-icon {
    margin-bottom: 15px;
}

p.auth-method-caption {
    font-weight: 600;
    font-size: 22px;
    color: #000;
    width: 247px;
}

span.auth-method_subCaption{
    font-weight: 600;
    font-size: 16px;
    color: #060;
}

.auth-method-caption-wrapper{
    height: 110px;
    width: 240px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.icon-auth-by-msi {
    background-image: url(images/icons/auth-by-msi_big.svg);
    background-size: contain;
    height: 148px;
    width: 148px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 0 0 30px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 50%);
    box-shadow: 0 0 30px rgb(0 0 0 / 50%);
    -moz-transition: ease-in-out 0.3s all;
    -o-transition: ease-in-out 0.3s all;
    -webkit-transition: ease-in-out 0.3s all;
    transition: ease-in-out 0.3s all;
}

.icon-auth-by-eds {
    background-image: url(images/icons/auth-by-eds_big.svg);
    background-size: contain;
    height: 148px;
    width: 148px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 0 0 30px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 50%);
    box-shadow: 0 0 30px rgb(0 0 0 / 50%);
    -moz-transition: ease-in-out 0.3s all;
    -o-transition: ease-in-out 0.3s all;
    -webkit-transition: ease-in-out 0.3s all;
    transition: ease-in-out 0.3s all;
}

.icon-auth-by-phone {
    background-image: url(images/icons/auth-by-phone_big.svg);
    background-size: contain;
    height: 148px;
    width: 148px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 0 0 30px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 50%);
    box-shadow: 0 0 30px rgb(0 0 0 / 50%);
    -moz-transition: ease-in-out 0.3s all;
    -o-transition: ease-in-out 0.3s all;
    -webkit-transition: ease-in-out 0.3s all;
    transition: ease-in-out 0.3s all;
}

.icon-auth-by-card {
    background-image: url(images/icons/auth-by-card_big.svg);
    background-size: contain;
    height: 148px;
    width: 148px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 0 0 30px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 50%);
    box-shadow: 0 0 30px rgb(0 0 0 / 50%);
    -moz-transition: ease-in-out 0.3s all;
    -o-transition: ease-in-out 0.3s all;
    -webkit-transition: ease-in-out 0.3s all;
    transition: ease-in-out 0.3s all;
}

.icon-auth-by-msi:hover {
    background-image: url(images/icons/auth-by-msi_big_hover.svg);
    background-size: contain;
    background-color: #fff;
    height: 148px;
    width: 148px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    transform: scale(1.2);
}

.icon-auth-by-eds:hover {
    background-image: url(images/icons/auth-by-eds_big_hover.svg);
    background-size: contain;
    background-color: #fff;
    height: 148px;
    width: 148px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    transform: scale(1.2);
}

.icon-auth-by-phone:hover {
    background-image: url(images/icons/auth-by-phone_big_hover.svg);
    background-size: contain;
    background-color: #fff;
    height: 148px;
    width: 148px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    transform: scale(1.2);
}

.icon-auth-by-card:hover {
    background-image: url(images/icons/auth-by-card_big_hover.svg);
    background-size: contain;
    background-color: #fff;
    height: 148px;
    width: 148px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    transform: scale(1.2);
}


.icon-arrow-left-right{
    background-image: url(images/icons/arrow-left-right.png);
    height: 48px;
    width: 48px;
}
/*
    END -- AUTH MENU
    */

.icon-doc-template
{
    background-image: url('images/icons/doc-template.png');
    height: 24px;
    width: 24px;
}

.icon-doc-template-mini
{
    background-image: url('images/icons/doc-template-mini.png');
    height: 16px;
    width: 16px;
}

.icon-doc-buce-template-mini
{
    background-image: url('images/icons/doc-buce-template-mini.png');
    height: 16px;
    width: 16px;
}

.icon-doc-buce-template
{
    background-image: url('images/icons/doc-buce-template.png');
    height: 24px;
    width: 24px;
}

.icon-not-uploaded-doc-mini
{
    background-image: url('images/icons/question_shield_full.png');
    height: 14px;
    width: 14px;
    background-position:-14px 0;
}

.icon-question-file {
    background-image: url('images/icons/question_.png');
    height: 16px;
    width: 16px;
}

.k-button:hover .icon-not-uploaded-doc-mini{
    background-image: url('images/icons/question_shield_full.png');
    height: 14px;
    width: 14px;
    background-position:0 0;
}

.icon-doc-rejected
{
    background-image: url('images/icons/doc-rejected.png');
    height: 24px;
    width: 24px;
}

.icon-doc-processed
{
    background-image: url('images/icons/doc-processed.png');
    height: 24px;
    width: 24px;
}

.icon-doc-rejected-mini
{
    background-image: url('images/icons/doc-rejected-mini.png');
    height: 16px;
    width: 16px;
}

.icon-doc-without-template
{
    background-image: url('images/icons/doc-without-template.png');
    height: 24px;
    width: 24px;
}

.icon-doc-without-template-mini
{
    background-image: url('images/icons/doc-without-template-mini.png');
    height: 16px;
    width: 16px;
}

.icon-home
{
    width: 16px;
    height: 16px;
    background: url('images/icons/home.png') no-repeat -16px;
    cursor: pointer;
    float: left;
}

.icon-home:hover
{
    width: 16px;
    height: 16px;
    background: url('images/icons/home.png') no-repeat;
}

.icon-remaining-expire
{
    width: 10px;
    height: 10px;
    margin: 3px;
    background: #D24726;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.icon-remaining-today
{
    width: 10px;
    height: 10px;
    margin: 3px;
    background: #FF8F32;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.icon-remaining-not-expire{
    width: 10px;
    height: 10px;
    margin: 3px;
    background: #008000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.icon-remaining-term, .icon-resp-status{
    cursor:pointer;
}

.icon-sign-agreement
{
    width: 14px;
    height: 14px;
    background: url('images/icons/sign-doc.png') no-repeat;
}

.icon-sign-accord
{
    width: 14px;
    height: 14px;
    background: url('images/icons/sign-doc.png') no-repeat;
}

.icon-query-in-work
{
    width: 16px;
    height: 16px;
    background: url('images/icons/finished_work.png') no-repeat;
}

.icon-set-responsible
{
    width: 16px;
    height: 16px;
    background: url('images/icons/cost.png') no-repeat;
}

.icon-query-new
{
    width: 16px;
    height: 16px;
    background: url('images/icons/full_time.png') no-repeat;
}

.icon-query-wait-user
{
    width: 16px;
    height: 16px;
    background: url('images/icons/busy.png') no-repeat;
}

.icon-query-wait-sign
{
    width: 16px;
    height: 16px;
    background: url('images/icons/edit.png') no-repeat;
}

.icon-is-required-doc
{
    width: 16px;
    height: 16px;
    background: url('images/icons/special_offer.png') no-repeat;
}

.icon-checked{
    width: 20px;
    height: 20px;
    background: url('images/icons/checked-2-20.png') no-repeat;
}

.icon-show-details{
    width: 16px;
    height: 16px;
    background: url('images/icons/library.png') no-repeat;
}

.icon-overlay-ok{
    width: 16px;
    height: 16px;
    background: url('images/icons/Overlay-ok.png') no-repeat;
}

.icon-okay{
    width: 16px;
    height: 16px;
    background: url('images/icons/okay.png') no-repeat;
}

.icon-cancel{
    width: 16px;
    height: 16px;
    background: url('images/icons/cancel.png') no-repeat;
}

.icon-plus
{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings.png') no-repeat;
    background-position: -408px -96px;
}

.icon-doc-with-ds{
    background-image:url(images/icons/doc-with-ds.png);
    height: 24px;
    width: 24px;
/*    margin-right: 2px;
    margin-top: -5px;*/
    cursor: pointer;
}

.icon-valid-sign{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings.png') no-repeat;
    background-position: -192px -96px;
    margin-right: 2px;
}

.icon-non-valid-sign{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings.png') no-repeat;
    background-position: -216px -96px;
    margin-right: 2px;
}

.icon-download{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings.png') no-repeat;
    background-position: -120px -24px;
}

.icon-calendar{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings.png') no-repeat;
    background-position: -192px -120px;
}

.icon-remove{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings.png') no-repeat;
    background-position: -312px 0;
}

.icon-cancel-remove{
    width: 14px;
    height: 14px;
    background: url('images/icons/cancel-remove.png') no-repeat;
}

.icon-pencil{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings.png') no-repeat;
    background-position: 0 -72px;
}

.icon-file{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings.png') no-repeat;
    background-position: -24px -24px;
}

.icon-tasks{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings.png') no-repeat;
    background-position: -384px -144px;
}

.icon-add-accord
{
    width: 14px;
    height: 14px;
    background: url('images/icons/add-accord.png') no-repeat;
}

.icon-print
{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings.png') no-repeat;
    background-position: -96px -48px;
}

.icon-clip
{
    width:21px;
    height: 21px;
    background: no-repeat url(images/icons/attach.png);
}

.icon-bullhorn
{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings-white.png') no-repeat;
    background-position: -24px -144px;
}

.icon-help
{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings-white.png') no-repeat;
    background-position: -96px -96px;
}

.icon-info
{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings-white.png') no-repeat;
    background-position: -48px -48px;
}

.icon-envelope
{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings.png') no-repeat;
    background-position: -72px 0;
}

.icon-share{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings.png') no-repeat;
    background-position: -336px -96px;
}

.icon-chevron-righ{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings.png') no-repeat;
    background-position: -456px -72px;
}

.icon-actual-light 
{
    width: 16px;
    height: 16px;
    background: url('images/icons/green-light.png') no-repeat;
}

.icon-nonactual-light 
{
    width: 16px;
    height: 16px;
    background: url('images/icons/grey-light.png') no-repeat;
}

.icon-buyer
{
    width:16px;
    height:16px;
    background: url('images/icons/buyer.png');
}

.icon-saler
{
    width:16px;
    height:16px;
    background: url('images/icons/saler.png');
}

.icon-bell
{
    width:24px;
    height:26px;
    background: url('images/icons/bell.png') -24px 0;
}

.k-state-selected .icon-bell, .k-state-hover .icon-bell
{
    width:24px;
    height:26px;
    background: url('images/icons/bell.png') 0 0;
}

.icon-user-mini
{
    width:10px;
    height:16px;
    background: url('images/icons/user-mini.png') -10px 0;
}

.k-state-selected .icon-user-mini, .k-state-hover .icon-user-mini
{
    width:10px;
    height:16px;
    background: url('images/icons/user-mini.png') 0 0;
}

.icon-users-mini
{
    width:16px;
    height:16px;
    background: url('images/icons/users-mini.png') -16px 0;
}

.k-state-selected .icon-users-mini, .k-state-hover .icon-users-mini
{
    width:16px;
    height:16px;
    background: url('images/icons/users-mini.png') 0 0;
}

.icon-user
{
    width:22px;
    height:26px;
    background: url('images/icons/user.png') -22px 0;
}

.k-state-selected .icon-user, .k-state-hover .icon-user
{
    width:22px;
    height:26px;
    background: url('images/icons/user.png') 0 0;
}

.icon-sms-mini
{
    width:15px;
    height:13px;
    background: url('images/icons/sms-mini.png') -15px 0;
}

.k-state-selected .icon-sms-mini, .k-state-hover .icon-sms-mini
{
    width:15px;
    height:13px;
    background: url('images/icons/sms-mini.png') 0 0;
}

.icon-email-mini
{
    width:16px;
    height:11px;
    background: url('images/icons/email-mini.png') -16px 0;
}

.k-state-selected .icon-email-mini, .k-state-hover .icon-email-mini
{
    width:16px;
    height:11px;
    background: url('images/icons/email-mini.png') 0 0;
}

.icon-exclusive
{
    width:100px;
    height:76px;
    background: url('images/icons/exclusive-2.png');
    margin:4px;
}

.icon-exclusive:hover
{
    width:100px;
    height:76px;
    background: url('images/icons/exclusive-2-hover.png');
    margin:4px;
}

.icon-vip-card-true
{
    width:80px;
    height:55px;
    background: url('images/icons/vip-card-true.png');
    margin:4px;
}

.icon-vip-card-false
{
    width:80px;
    height:55px;
    background: url('images/icons/vip-card-false.png');
    margin:4px;
}

.icon-vip-card-mini
{
    width:36px;
    height:25px;
    background: url('images/icons/vip-card-mini.png');
    margin-right: 5px;
}

.icon-repeat {
    width: 20px;
    height: 20px;
    background-image: url('images/icons/repeat.png');
    background-color: #f2d53d;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
}

.icon-repeated-reuest {
    width: 16px;
    height: 16px;
    background-image: url('images/icons/BarFilterProcessed-Repeat-mini.png');
}

.icon-cash
{
    background-image: url('images/icons/cash.png');
    height: 24px;
    width: 24px;
}

.icon-issue
{
    background-image: url('images/icons/issue.png');
    height: 16px;
    width: 16px;
}

.icon-consulting
{
    background-image: url('images/icons/consulting.png');
    height: 16px;
    width: 16px;
}

.icon-verify-folder
{
    background-image: url('images/icons/verify-folder.png');
    height: 16px;
    width: 16px;
}

.icon-delete {
    background-image: url('images/icons/delete-outline-icon.png');
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
}

.icon-destination-system-butb
{
    height: 24px;
    width: 24px;
    background-image: url('images/icons/butb_logo_new_24x24.png');
}

.icon-destination-system-butb-mini
{
    height: 16px;
    width: 16px;
    background-image: url('images/icons/butb_logo_new_16x16.png');
}

.icon-destination-system-butbzak
{
    height: 24px;
    width: 24px;
    background-image: url('images/icons/zakupki_butb_logo_24x24.png');
}

.icon-destination-system-butbzak-mini
{
    height: 16px;
    width: 16px;
    background-image: url('images/icons/zakupki_butb_logo_16x16.png');
}

.icon-statement-type-accred-mini
{
    height: 16px;
    width: 16px;
    background-image: url('images/icons/BarFilterStatementType-Accred-mini.png');
}

.icon-statement-type-reg-client-mini
{
    height: 16px;
    width: 16px;
    background-image: url('images/icons/BarFilterStatementType-RegisterClient-mini.png');
}

.icon-statement-type-add-status-broker-mini
{
    height: 16px;
    width: 16px;
    background-image: url('images/icons/BarFilterStatementType-AddStatusBroker-mini.png');
}

.icon-statement-type-add-status-visitor-mini
{
    height: 16px;
    width: 16px;
    background-image: url('images/icons/BarFilterStatementType-AddStatusVisitor-mini.png');
}

.icon-statement-type-del-status-broker-mini
{
    height: 16px;
    width: 16px;
    background-image: url('images/icons/BarFilterStatementType-DeleteStatusBroker-mini.png');
}

.icon-statement-type-del-status-visitor-mini
{
    height: 16px;
    width: 16px;
    background-image: url('images/icons/BarFilterStatementType-DeleteStatusVisitor-mini.png');
}

.icon-statement-type-edit-client-mini
{
    height: 16px;
    width: 16px;
    background-image: url('images/icons/BarFilterStatementType-EditClient-mini.png');
}

.icon-statement-type-editing-mini
{
    height: 16px;
    width: 16px;
    background-image: url('images/icons/BarFilterStatementType-Editing-mini.png');
}

.icon-statement-type-prolong-status-broker-mini
{
    height: 16px;
    width: 16px;
    background-image: url('images/icons/BarFilterStatementType-ProlongStatusBroker-mini.png');
}

.icon-statement-type-prolong-status-visitor-mini
{
    height: 16px;
    width: 16px;
    background-image: url('images/icons/BarFilterStatementType-ProlongStatusVisitor-mini.png');
}

.icon-lock{
    width: 14px;
    height: 14px;
    background: url('images/icons/glyphicons-halflings.png') no-repeat;
    background-position: -287px -24px;
}

/*#endregion Icons*/

/*#region ContentLoginPage*/

.content{
    padding: 20px 20px;
    margin: 0 auto;
    width: 900px;
    font-size: 1.1em;
}

.text-manual{
    border: 1px solid #008000;
    padding: 15px;
    margin: 15px 0;
}

.title-step{
    color: #008000;
	font-size:1.4em;
	text-transform: uppercase;
    font-weight: bold;
}

.substep
{
    font-size:0.8em;
}

.step{
    margin: 10px 0;
}

.icon-point
{
    width:5px;
    height:5px;
    margin:5px;
    background:#008000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius:  50%;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.img-center{
    display: block;
    margin-left: auto;
    margin-right: auto; 
}

/*#endregion ContentLoginPage*/

/*#region UploadFile*/

.button-doc-info {
    margin-top: 10px;
    float: right;
}
.required-field {
    color: #a00;
    font-weight: bold;
}

.upload-files-wrapper {
    /* display: inline-block; */
    border: 1px dashed #dadada;
    background-color: #f9f9f9 !important;
    padding: 20px 5px 20px 5px;
    position: relative;
    width: 475px;
    min-height: 140px;
    border-radius: 6px;
}

.file-size-restrictions {
    position: absolute;
    bottom: -34px;
    right: 0;
    color: #6d757d85;
    text-align: right;
    line-height: 1.35em;
}

.ext-label {
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 3px;
    color: #5aaa55;
    display: inline-block;
    font-weight: 500;
    margin: 0 2px 2px 0;
    padding: 2px 4px;
    text-transform: uppercase;
}

.files {
    /*position: absolute;
    cursor:default;*/

    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
}
.customFile {
    /*cursor: pointer;
    height: 25px;
    z-index: 20;
    opacity: 0;*/

    cursor: pointer;
    height: 210px;
    z-index: 20;
    opacity: 0;
}

.fakeButton {
    /*position: absolute;
    z-index: 1;
    float: left;*/

    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 160px;
}

.name-upload-file {
    /*white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 200px;
    display: block;
    padding: 10px 5px 0;
    color: #008000;
    font-weight: bold;*/

    white-space: nowrap !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
    width: 200px !important;

}

.upload-agreement .name-upload-file{
    width: 480px;
}

/*#endregion UploadFile*/

/*#region RegisterClient*/

.register-title-block {
    color: #4DAA59;
    float: left;
    font-size: 1.3em;
    margin: 10px 0;
}

.required-field{
    color:#a00;
    font-weight:bold;
}

.table-register-form td{
    padding: 5px;
}

.table-register-form input, .table-register-form textarea{
    width: 400px;
    /**/-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

    .table-register-form input[type="radio"] {
        width:15px;
        height:15px;
        margin:0 10px;
    }

.table-register-form input[readonly]{
    background-color: #ddd !important;
    color: #525252;
}

#formRegister input[role="combobox"]{
    background-color: #fff !important;
}

.dividing-block{
    margin:10px;
    padding: 10px;
    min-height:120px;
    width:910px;
    border: 1px dashed #008000;
}

#phone-relogin input {
    min-width: 200px;
    width: 200px;
}

#phone-relogin .button-login-phone {
    width: 100px;
}

#phone-relogin .button-reg-phone {
    width: 100px;
}

#phone-relogin .step-auth {
    font-weight: normal;
    font-size: 10px;
}

/*#endregion RegisterClient*/

/*#region ClientInfo*/

.date-creat-header
{
    font-weight:600;
    border:1px solid #eee;
    padding:0 5px;
    color:#777;
    background-color:#f7f7f7;
}

.trader-left-board{
    width:auto;
    float:left;
}

.trader-right-board{
    width:69%;
    float:right;
    border: 1px solid #008000;
}

#tradersList .traders tr{
    cursor:pointer;
}

.inner-title-trader-cert{
  color: #008000;
  font-size: 1em;
  text-transform: uppercase;
  margin: 5px 5px 5px 0;
}

.warning-msg-change-phone{
  margin: 10px auto;
  padding: 0 10px;
  color: #a00;
  font-weight: bold;
}

.important-row-true td:not(:last-child){
    font-weight:bold;
}

.worker-important-row-true{
    font-weight:bold;
    background-color: #F3EACE !important;
}

    .worker-important-row-true.k-state-selected, .service-backlight-pink.k-state-selected {
        background-color: #4DAA59 !important;
    }

.service-backlight-pink{
    background-color: #FFC2C2 !important;
}

/*#endregion ClientInfo*/

/*#region QueryInfo*/

.query-general-info .mini-title-italic, .firm-comments .mini-title-italic, .firm-general-info .mini-title-italic{
    font-size:1.2em;
    color: #008000;
    font-style:italic;
}

.query-general-info .tech-info, .firm-comments .tech-info{
    margin: 10px 0;
}

.request-reject-reason{
    font-size: 1.2em;
    background: #a00;
    color: #fff;
    padding: 2px 5px;
    line-height: 2;
}

.query-general-info .left-board,
.page-with-comments .left-board{
    float: left;
    width:70%;
}

.query-general-info .right-board,
.page-with-comments .right-board{
    float: right;
    width:29%;
}

.query-general-info .request-comments, .firm-comments{
    margin: 20px 0;
}

.request-comments .comment, .firm-comments .comment{
    margin: 0 0 10px 20px;
}

.request-comments .comment-body, .firm-comments .comment-body{
    width:100%;
    height: 50px;
    border:1px solid #CCCCCC;
    outline: none;
    font: 1.1em Segoe UI,Arial;
    color:#787878;
}

    .request-comments .comment-body:hover, .firm-comments .comment-body:hover {
        border: 1px solid #4DAA59;
    }

    .request-comments .comment-body:hover, .firm-comments .comment-body:hover {
        border: 1px solid #4DAA59;
        padding: 5px;
        color: #3D3D3D;
    }

.query-general-info .history-data {
    border-right: 2px solid #4DAA59;
    border-left: 2px solid #4DAA59;
    padding: 10px;
}

.history-data .history-head{
    margin-bottom: 10px;
}

.history-data .history-head:not(.icon){
    font-weight:bold;
    font-size:1.1em;
}

.history-data .history-body{
    border-left: 1px solid #ccc;
    margin-left: 10px;
    padding-left: 5px;
    color: #3d3d3d;
}

.history-data .history-create{
    color: #ADADAD;
    margin: 5px 0 15px 10px;
}

.history-data .history-item{
    border-bottom:1px solid #E0E0E0;
    padding: 5px 0 0 5px;
}

.query-general-info #requestDocuments td{
    padding: 5px;
}

.table-cert-base-form td{
    padding: 5px;
}

.table-cert-base-form input{
    width: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.table-cert-base-form textarea{
    width: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height:60px;
}

.cert-docum td{
    padding:3px;
}

.cert-docum input{
    width:290px;
}

.select-firm-dialog-button, .calcel-select-dialog, .select-trader-dialog-button {
    /* color: #787878; */
    /* border-color: rgb(218, 218, 218); */
    /* background-color: #fff; */
    -moz-border-radius: 0;
    /* -webkit-border-radius: 0; */
    /* border-radius: 0; */
    -moz-box-shadow: none;
    /* -webkit-box-shadow: none; */
    /* box-shadow: none; */
    /* background-image: none; */
    /* background-position: 50% 50%; */
    -moz-box-sizing: border-box;
    /* -webkit-box-sizing: border-box; */
    /* box-sizing: border-box; */
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    /* line-height: 1.66em; */
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    font-size: 100%;
    /* border-style: solid; */
    /* border-width: 1px; */
    /* -webkit-appearance: none; */
    /* background-repeat: repeat; */
    width: 551px;
    transition: all 0.3s ease-in-out;
}

.select-firm-dialog-button .value-name, .calcel-select-dialog .value-name, .select-trader-dialog-button .value-name{
    font-size: 1.2em;
}

/*    .select-firm-dialog-button:hover, .select-trader-dialog-button:hover {
        background-color: #4daa59;
        color: #fff;
        border: 1px solid #4daa59;
        transition: all ease-in-out 0.3s;
    }

    .calcel-select-dialog:hover {
        background-color: #bd8079;
        border: 1px solid #bd8079;
        color: #fff;
        transition: all ease-in-out 0.3s;
    }*/
/*
.calcel-select-dialog .value-name{
    color: #a00;
}

.calcel-select-dialog:hover .value-name{
    color: #fff;
}*/

.reject-request, .revoke-request-submition, .reset-request, .remove-request {
    color: #787878;
    border-color: rgb(218, 218, 218);
    background-color: #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none;
    background-position: 50% 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.66em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    font-size: 100%;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
    background-repeat: repeat;
}

.reject-request:hover{
    background-color:#a00;
    color: #fff;
}

.reject-request{
    color: #a00;
}

.reset-request:hover, .remove-request:hover{
    background-color:#a00;
    color: #fff;
}

.reset-request, .remove-request{
    color: #a00;
}

.submit-request{
    color: #008000;
}

.submit-request span:hover{
    color: #fff;
}

.revoke-request-submition:hover{
    background-color:#a00;
    color: #fff;
}

.revoke-request-submition{
    color:#a00;
}

#submitRequestForm .text-submit-request {
    margin: 5px 0;
    padding: 5px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #ddddd5;
    color: #666666;
}

.check-installed-okay{
    color: #008800;
    font-size: 1.2em;
    font-style: italic;
    border: 1px dashed #008800;
    padding: 10px;
}

.check-installed-fail{
    color: #a00;
    font-size: 1.2em;
    font-style: italic;
    border: 1px dashed #a00;
    padding: 10px;
}

.text-reset-request{
    font-weight: bold;
    color:#a00;
}

.controlled-doc-state-text{
    font-weight:600;
    border:1px solid #eee;
    padding:0 5px;
    color:#777;
    background-color:#f7f7f7;
    font-size:1.1em;
    margin-left:15px;
}

.controlled-doc-list-title{
    margin:15px 0;
    font-size:1.1em;
    background-color: #f7f7f7;
    border: 1px solid #eee;
    padding: 2px;
}

.controlled-doc-list-title:after{
    clear:both;
}

.generate-cert-loading{
    margin: 15px 0;
    font-size: 1.2em;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    padding: 5px;
    display:none;
}

.generate-cert-loading-header{
    font-size: 1.1em;
    color: #005000; 
    margin-bottom: 15px;
    font-weight: bold;
}

#signUploadedDocums span{
    margin-top:5px;
}

#credentialDocumentDateEnd[readonly]{
    background-color:#ddd;
}

.payment-info-not-found{
    float:left;
    color:#a00;
    font-size:1.1em;
}

.payment-info-found{
    float:left;
    font-size:1.1em;
}

/*#endregion QueryInfo*/

.register-button{
    font-size: 1.5em !important;
    margin: 10px 0 !important;
}

/*#region AdminPage*/
#administrationTools input[type=textarea] {
    height:150px;
    word-wrap: break-word;
}

#administrationTools input[type=password] {
    height:24px;
    border:1px solid #dadada;
}

#administrationTools .k-input, #administrationTools .k-button {
     vertical-align: top;
}

#administrationTools .table-register-form td {
    padding: 10px 0;
}

#serviceForm .k-input, #serviceForm .k-button, #serviceForm p {
    vertical-align: middle;
}

.edit-invoice-block{
    padding: 10px;
    margin:15px 0;
    border: 1px solid #005000;
}

.left-header-invoice-text-edit{
    float:left;
    width: 45%;
    color:#005000;
    font-style:italic;
    font-size: 1.1em;
}

.right-header-invoice-text-edit{
    float:right;
    width: 45%;
    color:#005000;
    font-style:italic;
    font-size: 1.1em;
}

.left-header-invoice-text-view{
    padding: 10px;
    border: 1px dashed #999999; 
    float:left; 
    width: 45%;
}
.right-header-invoice-text-view{
    padding: 10px; 
    border: 1px dashed #999999; 
    float:right; 
    width: 45%; 
    color:#000;
}

.btn-wrapper {
    margin-top: 15px;
}

/*#endregion AdminPage*/

/*#region Accordion*/

.accordion {
    margin: 10px;  
}

.accordion:last-child{
    border-bottom: 1px solid #787878!important;
}
  
.accordion dt, .accordion dd {
    padding: 10px;
    border: 1px solid #787878;
    border-bottom: 0;
}

.accordion dd {
    border-top: 0;
    font-size: 12px;
}

.accordion dd:after {
    border-top: 1px solid white;
    position: relative;
    top: -1px;
    }

.accordion dt:after, .accordion dd:after {
    border-bottom: 1px solid #787878; 
}

.accordion dt a, .accordion dd a {
    display: block;
    color:#666666;
    font-size:1.2em;
    font-weight:bold;
}

.accordion dt a .account-name, .accordion dd a .account-name{
    color: #008000;
    font-style:italic;
    font-weight:normal;
}

.accordion dd td{
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

.accordion .k-i-tick{
    cursor:pointer!important;
}

.accordion .name-source{
    color: #666666;
    font-size: 1.2em;
    font-weight: bold;
}

/*#endregion Accordion*/

/*#region AddQuery*/

.i-have-open-request{
    margin: 10px 0;
    color: #a00;
    font-size: 1.1em;
}

.title-name-client
{
    font-weight:600;
    border:1px solid #eee;
    padding:0 5px;
    color:#777;
    background-color:#f7f7f7;
}

.no-data-text{
    margin: 15px 0;
    font-size: 1.2em;
    font-style:italic;
}

.requared-docum-lavel, .paied-info-lavel{
    margin:10px 0; 
    min-height:120px; 
    width:95%; 
    border: 1px solid #008800; 
    padding:10px;
}

.requared-docum-lavel .requared-docum-table td{
    padding:5px;
    font-size:1.1em;
}

.check-uploaded{
    color:#008800;
}

.removed-document{
    color: #a00;
    text-decoration: line-through;
}

.additional-text{
    border: 1px solid #ccc;
    background-color: #eee;
    margin: 10px 0;
    padding: 5px;
    color: #555;
}

.additional-mini-title{
    margin-bottom: 10px;
    color: #008800;
    font-style: italic;
    font-size: 1.2em;
}

.additional-mini-title-red{
    margin-bottom: 10px;
    color: #a00;
    font-style: italic;
    font-size: 1.2em;
}

.grave-text{
    display: block;
    font-size: 1.3em;
    width: 80%;
    color: #a00;
    text-align: center;
    margin: 20px;
}
/*#endregion AddQuery*/

.signatory-form .k-textbox {
    width: 300px !important;
    padding: 0;
}

.new-service input[readonly]{
    background-color: #ddd !important;
    color: #525252;
}

.validSign{
    color: #6B8F00;
    font-weight: bold;
}

.nonvalidSign{
    color: #a00;
    font-weight: bold;
    cursor:help;
    border-bottom: 1px dashed #a00;
}

.found-result {
    color: #4DAA59;
    font-weight: bold;
}

.firm-additional-info textarea{
    width: 700px;
    height:140px;
}

.firm-additional-info .firm-additional-block{
    width: 700px;
}

.switch-yn span {
    margin: 10px;
}

.switch-yn input[type="radio"] {
    display:none;
}

.switch-yn label {
    display:inline-block;
    padding:3px 5px;
    font-size:1.2em;
    cursor:pointer;
}

.switch-yn input[type="radio"]:checked + label {
    color: #4DAA59;
    font-weight: bold;
    background-color: #eee;
}

.change-credentials-text{
    margin: 5px 0 20px 0;
    padding: 5px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #ddddd5;
    color: #a00;
    font-weight:bold;
}

.table-accred-form td{
    padding: 5px;
}

.table-accred-form-readonly td{
    padding: 8px;
}

.table-accred-form input{
    width: 400px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.table-accred-form input[readonly]{
    background-color: #ddd !important;
    color: #525252;
}

#additional textarea{
    width: 700px;
    height:140px;
}

#additional .name-field{
    vertical-align:top;
}

.removed-document{
    color: #a00;
    text-decoration: line-through;
}

.backlight-orange
{
    color: #ff6c00;
    font-weight: bold;
}

.backlight-dark-green {
    color: #4DAA59;
}

.table-compare {
    font-size: 1.1em;
}

.table-compare td{
    padding: 5px;
}

.table-compare .old {
    color: #000;
    background-color: #ddf9c2;
}

.table-compare .new {
    color: #000;
    font-weight: bold;
    background-color: #e9a691;
}

.firm-name.selected, .table-firm .selected {
    background-color:#00C000;
    color:#ffffff;
}

.sort-button {
    font-size: 20px;
    font-weight: bold;
}

.sort-button:before {
    content: '\2192';
}

.sort-button.up:before {
    content: '\2191';
}

.sort-button.down:before {
    content: '\2193';
}

.okay {
    background: url(images/icons/okay.png) no-repeat center;
}

.cancel {
    background: url(images/icons/cancel.png) no-repeat center;
}

.lang {
    font-size:20px;
}

.lang.selected {
    font-weight: bold;
}

label.lbl-warning {
    text-decoration: underline;
    color: #c75b5b;
    cursor: pointer;
}

label.lbl-hintForEmployee {
    color: #c75b5b
}

/*.lang[data-lang=EN] {
    background:url(http://www.timeforkids.com/sites/all/themes/tfk/images/flags/flag_gb.png);
}

.lang[data-lang=RU] {
    background:url(http://findicons.com/files/icons/281/flag_3/128/russia_flag.png);
}*/

#msiMainNotification {
    display: block;
    color: #7e7e7e;
    font-size: 1em;    
    align-content: center;
    text-align: center;
    margin-left: 40px;
    width: 1000px;
}

.noty-title {
    color: #008000;
    float: left;
    font-size: 1.1em;
    width: 450px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.noty-title-italic {
    color: #008000;
    float: left;
    font-size: 1.1em;
    font-style: italic;
    width: 425px;
}
/* Loader with three blocks */
.loader, .loader:before, .loader:after
{
    display: inline-block;
    width: 100%;
    height: 8px;
    top: 0;
    position: fixed;
    z-index: 100000;
    -moz-animation: loading 4s cubic-bezier(.1,.85,.9,.15) infinite, loading-opacity 2s ease-in-out infinite alternate;
    -o-animation: loading 4s cubic-bezier(.1,.85,.9,.15) infinite, loading-opacity 2s ease-in-out infinite alternate;
    -webkit-animation: loading 4s cubic-bezier(.1,.85,.9,.15) infinite, loading-opacity 2s ease-in-out infinite alternate;
    animation: loading 4s cubic-bezier(.1,.85,.9,.15) infinite, loading-opacity 2s ease-in-out infinite alternate;
    background: linear-gradient(to right, #8ebc00 0px, #8ebc00 8px, transparent 8px) no-repeat 0px 0px / 8px 8px;
    content: ' ';
}

.loader
{
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

    .loader:after
    {
        -moz-animation-delay: .2s;
        -o-animation-delay: .2s;
        -webkit-animation-delay: .2s;
        animation-delay: .2s;
    }

@-moz-keyframes loading-opacity
{
    0%
    {
        opacity: 0;
    }

    50%
    {
        opacity: 1;
    }

    100%
    {
        opacity: 1;
    }
}

@-webkit-keyframes loading-opacity
{
    0%
    {
        opacity: 0;
    }

    50%
    {
        opacity: 1;
    }

    100%
    {
        opacity: 1;
    }
}

@-moz-keyframes loading-opacity
{
    0%
    {
        opacity: 0;
    }

    50%
    {
        opacity: 1;
    }

    100%
    {
        opacity: 1;
    }
}

@-webkit-keyframes loading-opacity
{
    0%
    {
        opacity: 0;
    }

    50%
    {
        opacity: 1;
    }

    100%
    {
        opacity: 1;
    }
}

@keyframes loading-opacity
{
    0%
    {
        opacity: 0;
    }

    50%
    {
        opacity: 1;
    }

    100%
    {
        opacity: 1;
    }
}

@-moz-keyframes loading
{
    0%
    {
        background-position: -50% 0px;
    }

    100%
    {
        background-position: 150% 0px;
    }
}

@-webkit-keyframes loading
{
    0%
    {
        background-position: -50% 0px;
    }

    100%
    {
        background-position: 150% 0px;
    }
}

@keyframes loading
{
    0%
    {
        background-position: -50% 0px;
    }

    100%
    {
        background-position: 150% 0px;
    }
}

/* 2 more loading blocks */
.loader.more:before, .loader.more:after
{
    content: ' ■';
    color: #8ebc00;
    top: 0;
    line-height: 6px;
    font-size: 22px;
    font-family: "Times New Roman";
    vertical-align: top;
    -moz-animation: loading 4s cubic-bezier(.1,.85,.9,.15) infinite, loading-font 4s cubic-bezier(.1,.85,.9,.15) infinite !important;
    -o-animation: loading 4s cubic-bezier(.1,.85,.9,.15) infinite, loading-font 4s cubic-bezier(.1,.85,.9,.15) infinite !important;
    -webkit-animation: loading 4s cubic-bezier(.1,.85,.9,.15) infinite, loading-font 4s cubic-bezier(.1,.85,.9,.15) infinite !important;
    animation: loading 4s cubic-bezier(.1,.85,.9,.15) infinite, loading-font 4s cubic-bezier(.1,.85,.9,.15) infinite !important;
}

.loader.more:before
{
    -moz-animation-delay: 0s,.2s !important;
    -o-animation-delay: 0s,.2s !important;
    -webkit-animation-delay: 0s,.2s !important;
    animation-delay: 0s,.2s !important;
}

.loader.more
{
    overflow: hidden;
    opacity: 0;
    -moz-animation: loading 4s cubic-bezier(.1,.85,.9,.15) infinite, loading-opacity 2s ease-in-out infinite alternate;
    -o-animation: loading 4s cubic-bezier(.1,.85,.9,.15) infinite, loading-opacity 2s ease-in-out infinite alternate;
    -webkit-animation: loading 4s cubic-bezier(.1,.85,.9,.15) infinite, loading-opacity 2s ease-in-out infinite alternate;
    animation: loading 4s cubic-bezier(.1,.85,.9,.15) infinite, loading-opacity 2s ease-in-out infinite alternate;
    -moz-animation-delay: .6s,.4s !important;
    -o-animation-delay: .6s,.4s !important;
    -webkit-animation-delay: .6s,.4s !important;
    animation-delay: .6s,.4s !important;
}

    .loader.more:after
    {
        -moz-animation-delay: .4s,.8s !important;
        -o-animation-delay: .4s,.8s !important;
        -webkit-animation-delay: .4s,.8s !important;
        animation-delay: .4s,.8s !important;
    }

@-moz-keyframes loading-font
{
    0%
    {
        text-indent: calc(-50% - 4px);
    }

    100%
    {
        text-indent: calc(150% - 8px);
    }
}

@-webkit-keyframes loading-font
{
    0%
    {
        text-indent: calc(-50% - 4px);
    }

    100%
    {
        text-indent: calc(150% - 8px);
    }
}

@keyframes loading-font
{
    0%
    {
        text-indent: calc(-50% - 4px);
    }

    100%
    {
        text-indent: calc(150% - 8px);
    }
}