.validation-summary-errors {color: red;}

.main-header-color {
    color: #009BC2;
}
.main-header-size {
    font-size: 14px;
}
.red{color: red}
.green{color: green}

.correctionTaxInvoiceData{display: none}
.correctionExciseInvoiceData{display: none}


.modal-window.autosize {width: auto;height: auto;}

    .modal-window.autosize .content {min-height: initial;}
    .italic {font-style: italic;color: gray;}
    #wrapper #ministry .i-container .mlist .none-gov-unit {display: inline-block;float: left;width: 42px;height: 42px;background: url("../images.v1/sprite.png") no-repeat 0 0;margin: 0 7px 0 0;}
    #wrapper #ministry .i-container .mlist .none-gov-unit:hover {background: url("../images.v1/sprite.png") no-repeat 0 -53px;}
    #wrapper #ministry .i-container .mlist .none-gov-unit.active {display: inline-block;float: left;width: 42px;height: 42px;background: url("../images.v1/sprite.png") no-repeat 0 -53px;margin: 0 7px 0 0;}
    #wrapper #ministry .i-container .mlist .tax_bills_icon.active {display: inline-block;float: left;width: 42px;height: 42px;background: url('../images.v1/sprite.png') no-repeat -362px -258px;margin: 0 7px 0 0;}
    #wrapper #ministry .i-container .mlist .tax_bills_icon {display: inline-block;float: left;width: 42px;height: 42px;background: url('../images.v1/sprite.png') no-repeat -102px -108px;margin: 0 7px 0 0;}
    #wrapper #ministry .i-container .mlist .tax_bills_icon:hover {background: url('../images.v1/sprite.png') no-repeat -102px -159px;}
    #wrapper #ministry .i-container .mlist .tax_doc_icon.active {display: inline-block;float: left;width: 41px;height: 40px;background: url('../images.v1/btn2_sprite.png?v=1') no-repeat -48px -169px;margin: 0 7px 0 0;}
    #wrapper #ministry .i-container .mlist .tax_doc_icon {display: inline-block;float: left;width: 42px;height: 42px;background: url('../images.v1/btn2_sprite.png?v=1') no-repeat -47px -112px;margin: 0 7px 0 0;}
    #wrapper #ministry .i-container .mlist .tax_doc_icon:hover {background: url('../images.v1/btn2_sprite.png?v=1') no-repeat -48px -225px;}
    #wrapper #ministry .i-container .mlist .excise_invoice_icon.active {display: inline-block;float: left;background: url('../images.v1/btn2_sprite.png?v=1') no-repeat -49px -327px;width: 40px;height: 41px;margin: 0 7px 0 0;}
    #wrapper #ministry .i-container .mlist .excise_invoice_icon {display: inline-block;float: left;background: url('../images.v1/btn2_sprite.png?v=1') no-repeat -49px -276px;width: 40px;height: 41px;margin: 0 7px 0 0;}
    #wrapper #ministry .i-container .mlist .excise_invoice_icon:hover {background: url('../images.v1/btn2_sprite.png?v=1') no-repeat -49px -378px;width: 40px;height: 41px;margin: 0 7px 0 0;}

   #wrapper #ministry .i-container .mlist .request_icon.active {display: inline-block;float: left;background: url('../images.v1/btn2_sprite.png?v=1') no-repeat -50px -482px;width: 40px;height: 40px;margin: 0 7px 0 0;}
    #wrapper #ministry .i-container .mlist .request_icon {display: inline-block;float: left;background: url('../images.v1/btn2_sprite.png?v=1') no-repeat -49px -431px;width: 40px;height: 40px;margin: 0 7px 0 0;}
    #wrapper #ministry .i-container .mlist .request_icon:hover {background: url('../images.v1/btn2_sprite.png?v=1') no-repeat -50px -538px;width: 40px;height: 40px;margin: 0 7px 0 0;}

     #wrapper #ministry .i-container .mlist .cert_icon.active {display: inline-block;float: left;background: url('../images.v1/btn2_sprite.png?v=1') no-repeat -3px -821px;width: 41px;height: 41px;margin: 0 7px 0 0;}
    #wrapper #ministry .i-container .mlist .cert_icon {display: inline-block;float: left;background: url('../images.v1/btn2_sprite.png?v=1') no-repeat -3px -731px;width: 41px;height: 41px;margin: 0 7px 0 0;}
    #wrapper #ministry .i-container .mlist .cert_icon:hover {background: url('../images.v1/btn2_sprite.png?v=1') no-repeat -3px -776px;width: 41px;height: 41px;margin: 0 7px 0 0;}

    #wrapper #ministry .i-container .mlist .acc_calendar_icon.active {display: inline-block;float: left;background: url('../images.v1/btn2_sprite.png?v=1') no-repeat -50px -821px;width: 41px;height: 41px;margin: 0 7px 0 0;}
    #wrapper #ministry .i-container .mlist .acc_calendar_icon {display: inline-block;float: left;background: url('../images.v1/btn2_sprite.png?v=1') no-repeat -49px -731px;width: 41px;height: 41px;margin: 0 7px 0 0;}
    #wrapper #ministry .i-container .mlist .acc_calendar_icon_byc { display: inline-block;  float: left; background: url('../images.v1/bys-icon.png') no-repeat;  width: 41px;  height: 41px;  margin: 0 0px 0 0;}
    #wrapper #ministry .i-container .mlist .acc_calendar_icon:hover {background: url('../images.v1/btn2_sprite.png?v=1') no-repeat -50px -775px;width: 41px;height: 41px;margin: 0 7px 0 0;}

/* ministry icons */
.stat-gov-init {display: inline-block;float: left;width: 42px;height: 42px;background: url("../images.v1/sprite.png") no-repeat -48px 0;margin: 0 7px 0 0;}
    .stat-gov-init:hover {background: url("../images.v1/sprite.png") no-repeat -48px -53px;}
    .stat-gov-init.active {display: inline-block;cursor: pointer;float: left;width: 42px;height: 42px;background: url("../images.v1/sprite.png") no-repeat -48px -53px;margin: 0 7px 0 0;}
    .stat-gov-init.active.error {display: inline-block;cursor: pointer;float: left;width: 41px;height: 41px;background:url("../images.v1/sprite.png") no-repeat -580px 0;margin: 0 7px 0 0;}
    .tax-gov-init {display: inline-block;cursor: pointer; float: left;width: 42px;height: 42px;background: url("../images.v1/sprite.png") no-repeat -98px 0;margin: 0 7px 0 0;}
    /*ico tax-gov-init  error*/
    .tax-gov-init.error{display: inline-block;cursor: pointer;float: left;width: 41px;height: 41px;background:url("../images.v1/sprite.png") no-repeat -580px 0;margin: 0 7px 0 0;}
    .tax-gov-init.error:hover{display: inline-block;cursor: pointer;float: left;width: 41px;height: 41px;background:url("../images.v1/sprite.png") no-repeat -580px 0;margin: 0 7px 0 0;}

      .tax-gov-init:hover {background: url("../images.v1/sprite.png") no-repeat -98px -53px;}
    .tax-gov-init.active {display: inline-block; cursor: pointer; float: left;width: 42px;height: 42px;background: url("../images.v1/sprite.png") no-repeat -98px -53px;margin: 0 7px 0 0;}
    .tax-gov-init.active.error {display: inline-block; cursor: pointer; float: left;width: 41px;height: 41px;background:url("../images.v1/sprite.png") no-repeat -580px 0;margin: 0 7px 0 0;}
    .tax_invoice_icon_active {display: inline-block;float: left;width: 42px;height: 42px;background: url('../images.v1/sprite.png') no-repeat -362px -258px;margin: 0 7px 0 0;}

    .excise_invoice_icon_active {display: inline-block;float: left;width: 42px;height: 42px;background: url('../images.v1/btn2_sprite.png?v=1') no-repeat -49px -327px;margin: 0 7px 0 0;}

    .primary_documents {display: inline-block;float: left;width: 42px;height: 41px;background: url('../images.v1/btn_sprite.png') no-repeat -56px -1332px;margin: 0 7px 0 0;}

    .additional_key_add {display: inline-block;float: left;width: 41px;height: 41px;background: url('../images.v1/btn_sprite.png') no-repeat -57px -1159px;margin: 0 7px 0 0;}
    .additional_key_exist{display: inline-block;float: left;width: 41px;height: 42px;background: url('../images.v1/btn_sprite.png') no-repeat -56px -978px;margin: 0 7px 0 0;}
    .additional_key_exist_noactive{display: inline-block;float: left;width: 41px;height: 41px;background: url('../images.v1/btn_sprite.png') no-repeat -57px -1064px;margin: 0 7px 0 0;}

    .additional_key_icon_ok{display: inline-block;float: left;width: 10px;height: 8px;background: url('../images.v1/btn_sprite.png') no-repeat -73px -1424px;margin: 5px 5px 0 0;}
    .countNews {
        color: white; margin-left: -84px; margin-bottom: 0px; margin-top: -9px; font-size: 11px;
    }
    .dateNews {
        color: darkgrey;margin-left: -12px;margin-bottom: 0px;
    }


     .pens-gov-init {display: inline-block;cursor: pointer;float: left;width: 42px;height: 42px;background: url("../images.v1/sprite.png") no-repeat -147px 0;margin: 0 7px 0 0;}
    .pens-gov-init:hover {background: url("../images.v1/sprite.png") no-repeat -147px -53px;}
    .pens-gov-init.active {display: inline-block; cursor: pointer; float: left;width: 42px;height: 42px;background: url("../images.v1/sprite.png") no-repeat -147px -53px;margin: 0 7px 0 0;}
    .pens-gov-init.active.error {display: inline-block; cursor: pointer; float: left;width: 41px;height: 41px;background:url("../images.v1/sprite.png") no-repeat -580px 0;margin: 0 7px 0 0;}

.sif-gov-init {display: inline-block;cursor: pointer;float: left;width: 42px;height: 42px;background: url("../images.v1/sprite.png") no-repeat -820px -46px;margin: 0 7px 0 0;}
.sif-gov-init:hover {background: url("../images.v1/sprite.png") no-repeat -820px -1px;}
.sif-gov-init.active {display: inline-block; cursor: pointer; float: left;width: 42px;height: 42px;background: url("../images.v1/sprite.png") no-repeat -820px -1px;margin: 0 7px 0 0;}
.sif-gov-init.active.error {display: inline-block; cursor: pointer; float: left;width: 41px;height: 41px;background:url("../images.v1/sprite.png") no-repeat -580px 0;margin: 0 7px 0 0;}

    .modal-window .content .box .rows.annex {margin-left: 30px !important;}
    .modal-window .content .block-right .box .col1.full {display: inline-block;float: left;width: 590px;margin: 0 20px 0 0;}
    .modal-window .content .box .rows.annex .col1.full {display: inline-block;float: left;width: 580px;margin: 0 0 0px 0;}
    .modal-window .content .block-right .box .zvit-block {display: inline-block;float: left;width: 100%;margin: 12px 0 12px 0;}
    .modal-window .content h1 {color: #009BC2;font-size: 30px;font-weight: bold;margin: 20px 0px 20px 0;}
    .modal-window .content h2 {color: #009BC2;font-size: 20px;font-weight: bold;margin: 20px 0px 20px 0;}
    .modal-window .select {outline: none;border: 2px solid #c3c3c3;font-family: Calibri;font-size: 13px;color: #666666;font-style: italic;height: 22px;line-height: 1;color: #656565;padding: 0 0 0 4px;}
    .link-report {display: inline-block;margin: 10px 0 0px 0;color: #000 !important;text-decoration: none !important;font-size: 13px;padding-left: 30px;background: url("../images.v1/sprite.png") no-repeat -596px -180px;min-height: 23px;}
    .link-report:hover {text-decoration: underline !important;background: url("../images.v1/sprite.png") no-repeat -25px -279px;}
    .link-report.active {text-decoration: underline !important;background: url("../images.v1/sprite.png") no-repeat -25px -279px;}
    #wrapper #zvit_list .i-container .items .item .mt3.success {width: auto;}
    .left {float: left;}
    .right {float: right;}
    .center {text-align: center;}
    .inline-block {display: inline-block;}
    .select1 input.search {outline: none;border: 2px solid #c3c3c3;font-family: Calibri;font-size: 13px;color: #666666;font-style: italic;height: 18px;line-height: 1;width: 130px;color: #656565;margin: 0;padding: 0 0 0 4px;}
    .nonvisible {visibility: hidden;}


.w_i_ok {display: inline-block;width: 42px;height: 42px;background: url("../images.v1/sprite.png") no-repeat -397px -1px;float: left;margin: 0 10px 0 20px;}
.company .chosen-container {text-align: left;}
.key_icon {display: inline-block;width: 42px;height: 42px;background: url("../images.v1/sprite.png") no-repeat -266px -103px;margin: 0 7px 0 0;}
.key_icon.active {display: inline-block;width: 42px;height: 42px;background: url("../images.v1/sprite.png") no-repeat -218px -103px;margin: 0 7px 0 0;}
.key_icon.error {display: inline-block;width: 42px;height: 42px;background: url("../images.v1/sprite.png") no-repeat -438px -110px;}

.import_key_icon_noactive {display: inline-block; width: 33px;height: 26px; background: url("../images.v1/btn_sprite.png") no-repeat -61px -723px;
position: absolute;
left: 20px;
/*top: -10px;*/}

.import_key_icon_active {display: inline-block; width: 41px;height: 23px; background: url("../images.v1/btn_sprite.png") no-repeat -59px -638px;
position: absolute;
left: 20px;
/*top: -10px;*/}

.info_key_icon{display: inline-block; width: 28px;height: 15px; background: url("../images.v1/btn_sprite.png") no-repeat -64px -812px;float: left;}
.key_icon_gray{display: inline-block; width: 46px;height: 46px; background: url("../images.v1/keys_rgb_sprite.png") no-repeat -178px 0px;margin-top: 5px;}
.key_icon_gray:hover::after{content: attr(data-title);
    font-size: 13px;
    margin: 50px 0px 0px -5px;
    position: absolute;
    color: black;
}
.key_icon_green{display: inline-block; width: 46px;height: 46px; background: url("../images.v1/keys_rgb_sprite.png") no-repeat -119px 0px;margin-top: 5px;}
.key_icon_red{display: inline-block; width: 46px;height: 46px; background: url("../images.v1/keys_rgb_sprite.png") no-repeat -62px 0px;margin-top: 5px;}


#importReportDialog {display: inline-block;width: 550px;margin: 0 0 10px 0;text-align: left;background: #ffffff;}
    #importReportDialog .content {display: inline-block;width: 100%;min-height: 350px;}
    #importReportDialog .content .head {display: inline-block;float: left;width: 100%;margin: 5px 0 30px 0;}
    #importReportDialog .content .head .icon {display: inline-block;float: left;width: 43px;height: 43px;margin: 0 10px 0 20px;}
    #importReportDialog .content .head .title {display: inline-block;color: #009BC2;float: left;font-size: 30px;font-weight: bold;margin: 15px 0 0 0;}
    #importReportDialog .content .drop-zone {display: inline-block;width: 485px;height: 90px;border: 2px solid #009BC2;margin: 10px 0 0 35px;float: left;text-align: center;}

            #importReportDialog .content .drop-zone span {
                display: inline-block;
                font-size: 16px;
                color: #666666;
                font-weight: bold;
                margin: 30px 0 0 0;
            }

        #importReportDialog .content .btn_upload {
            display: inline-block;
            margin: 20px 0 0 35px;
        }

        #importReportDialog .content .example_file {
            display: inline-block;
            margin: 7px 0 0 35px;
        }

            #importReportDialog .content .example_file span {
                display: inline-block;
                width: 500px;
                font-style: italic;
                color: #666666;
            }

        #importReportDialog .content .zvit-list {
            display: inline-block;
            width: 530px;
            margin: 0 0 0 40px;
        }

            #importReportDialog .content .zvit-list .items {
                display: inline-block;
                width: 508px;
                margin: 0 0 20px 33px;
                float: left;
            }

                #importReportDialog .content .zvit-list .items .title {
                    display: inline-block;
                    width: 100%;
                    float: left;
                    padding-bottom: 3px;
                    border-bottom: 2px solid #CCCCCC;
                }

                    #importReportDialog .content .zvit-list .items .title a {
                        font-style: italic;
                        color: #999999;
                        font-size: 13px;
                        text-decoration: none;
                    }

                        #importReportDialog .content .zvit-list .items .title a:hover {
                            text-decoration: underline;
                        }

                #importReportDialog .content .zvit-list .items .name {
                    display: inline-block;
                    width: 60%;
                    margin: 5px 0 0 0;
                    float: left;
                    text-align: left;
                    font-weight: bold;
                    font-size: 13px;
                }

                #importReportDialog .content .zvit-list .items .date {
                    display: inline-block;
                    width: 30%;
                    float: right;
                    text-align: right;
                    margin: 5px 5px 0 0;
                }

                #importReportDialog .content .zvit-list .items .view {
                    display: inline-block;
                    float: left;
                    margin: 8px 0 0 0;
                    width: 100%;
                }

                    #importReportDialog .content .zvit-list .items .view a {
                        display: inline-block;
                        float: left;
                        height: 24px;
                        background: url("../images.v1/sprite.png") no-repeat 0 -200px;
                        padding-left: 30px;
                        font-family: Arial;
                        font-style: italic;
                        line-height: 23px;
                    }

                        #importReportDialog .content .zvit-list .items .view a:hover {
                            background: url("../images.v1/sprite.png") no-repeat 0 -226px;
                        }

            #importReportDialog .content .zvit-list .warning {
                opacity: 0.5;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
                filter: alpha(opacity=50);
                -moz-opacity: 0.5;
                -khtml-opacity: 0.5;
            }

        #importReportDialog .content .action {
            display: inline-block;
            float: right;
            margin: 10px 30px 10px 0;
        }

            #importReportDialog .content .action .add_doc {
                display: inline-block;
                margin: 0 15px 0 0;
                padding-right: 15px;
                background: url("../images.v1/sprite.png") no-repeat -259px -146px;
            }

        #importReportDialog .content .zvit-list .items .message {
            width: 390px;
            min-height: 110px;
            background: #fff;
            position: absolute;
            margin: 10px 0 0 70px;
            padding: 5px 5px 5px 5px;
        }

            #importReportDialog .content .zvit-list .items .message .icon {
                display: inline-block;
                float: left;
                width: 43px;
                height: 43px;
                margin: 0 10px 0 0;
            }

            #importReportDialog .content .zvit-list .items .message .text {
                display: inline-block;
                color: #009BC2;
                float: left;
                width: 320px;
                font-size: 28px;
                font-weight: bold;
            }

                #importReportDialog .content .zvit-list .items .message .text span {
                    display: inline-block;
                    width: 320px;
                    float: left;
                    font-size: 13px;
                    color: #000;
                }

                #importReportDialog .content .zvit-list .items .message .text strong {
                    display: inline-block;
                    width: 320px;
                    float: left;
                    font-size: 13px;
                    color: #000;
                }

            #importReportDialog .content .zvit-list .items .message .w-btn {
                display: inline-block;
                float: right;
                margin: 10px 10px 10px 0;
            }

        #importReportDialog .content .zvit-list .items .message_tax {
          width: 163px;
          background: #fff;
          position: absolute;
          margin: 38px 0 0 347px;
          padding: 5px 5px 5px 5px;
        }
         
.field-validation-error {
    color: red;
}

#loadingDiv {
    cursor: wait;
    z-index: 3000;
    display: table;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    #loadingDiv .back {
        display: table-cell;
        width: 100%;
        height: 100%;
        background: url("../images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x #AAAAAA;
        opacity: 0.3;
        z-index: 3000;
    }

    #loadingDiv .loader {
        background-position: left top;
        background: url("../images/loading.gif") no-repeat;
        left: 50%;
        position: absolute;
        top: 200px;
        z-index: 3000;
        padding-top: 300px;
        padding-right: 300px;
    }

    #loadingDiv #loaderText {
        background-color: #FFFFCC;
        position: absolute;
        left: 40%;
        right: 40%;
        top: 290px;
        z-index: 3000;
        min-width: 200px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding-right: 5px;
        padding-left: 5px;
    }

    #loadingDiv .logo {
        background-position: left top;
        background: none; /*url("../images.v1/logo-mini-adm.png") no-repeat*/;
        opacity: 1.0;
        left: 51%;
        position: absolute;
        top: 220px;
        z-index: 3000;
        padding-top: 300px;
        padding-right: 300px;
    }

.i_status_send.wait {
    display: inline-block;
    background: url("../images.v1/sign-wait.gif") no-repeat;
}

    .i_status_send.wait:hover {
        background: url("../images.v1/sign-wait.gif") no-repeat;
    }




.reportPeriodScroll {
    overflow: auto;
    width: 99%;
    float: left;
    color: black;
}

    .reportPeriodScroll .scroll-content {
        width: 2900px;
        float: left;
    }

.scroll-content-item {
    width: 50px;
    height: 10px;
    float: left;
    margin: 10px;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #898989;
}

    .scroll-content-item.year {
        color: #ff0000;
    }


    .scroll-content-item.active {
        font-weight: bold;
        color: black;
        cursor: pointer;
    }

        .scroll-content-item.active:hover {
            color: #009BC2;
            text-decoration: underline;
        }

        .scroll-content-item.active.selected {
            color: #009BC2;
            text-decoration: underline;
        }

.scroll-bar-wrap {
    clear: left;
    padding: 0 4px 0 2px;
    margin: 0 -1px -1px -1px;
}

    .scroll-bar-wrap .ui-slider {
        height: 24px;
        margin: 0 auto;
        border: none;
        border-top: #CCCCCC inset 4px;
    }

    .scroll-bar-wrap .ui-handle-helper-parent {
        position: relative;
        width: 85%;
        height: 100%;
        margin: 0 auto;
        height: 20px;
    }

    .scroll-bar-wrap .ui-slider-handle {
        width: 35px;
        border: none !important;
        line-height: 24px;
    }



.reportPeriodScroll a.ui-state-default {
    background: none !important;
    border: none;
}

.reportPeriodScroll a.ui-state-focus.ui-state-active {
    background: none !important;
    border: none !important;
}

.reportPeriodScroll .slider-control {
    cursor: pointer;
    background: none !important;
    border: none;
    background: url(../images.v1/grasp.png) top right no-repeat !important;
    padding-right: 15px;
}




#modalMessage.modalMessage {
    display: inline-block;
    background: white;
    z-index: 1500;
    border: 2px solid #4860B8;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.506);
}

    #modalMessage.modalMessage a.close {
        margin: 5px;
        cursor: pointer;
        height: 9px;
        width: 9px;
        float: right;
        display: block;
        background-image: url(../img2013/wizard/close_normal.png);
    }

        #modalMessage.modalMessage a.close:hover {
            background-image: url(../img2013/wizard/close_hover.png);
        }


    #modalMessage.modalMessage #container {
        display: inline-block;
        z-index: 1500;
        background: white;
        padding: 10px;
        font-size: 14px;
        color: black;
    }

        #modalMessage.modalMessage #container.message-alert {
            color: #FF0000;
            text-align: center;
        }

        #modalMessage.modalMessage #container.message {
            color: black;
        }

#modalMessage #container a {
    color: #2244C2;
    text-decoration: underline;
}


.message {
    cursor: pointer;
}

.message-alert {
    color: #FF0000;
    cursor: pointer;
}


.ui-widget-content.dialog-without-header.b2 {
    border-width: 4px;
}


.dialog-without-header.ui-dialog, .dialog-without-header.ui-dialog-titlebar, .dialog-without-header.ui-widget-header {
    padding: 0;
}

    .dialog-without-header.ui-dialog .ui-dialog-content {
        padding: 0;
        display: inline;
    }

    .dialog-without-header .ui-dialog-titlebar.ui-widget-header {
        /*display: inline-block;*/
        display: none;
        float: right;
        height: 15px;
    }

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

.dialog-without-header .ui-widget .dialog-without-header {
    clear: both;
}


.dialog-without-header a.close-btn {
    float: right;
    margin-right: 15px;
    margin-top: 15px;
    cursor: pointer;
    height: 9px;
    width: 9px;
    background-image: url(../img2013/wizard/close_normal.png);
}

    .dialog-without-header a.close-btn:hover {
        background-image: url(../img2013/wizard/close_hover.png);
    }

    .btn_developer {display: inline-block;cursor: pointer; width: 31px; float: left; margin: 0 15px 0 0;cursor: pointer;}
.btn_developer a {display: inline-block; width: 100%; font-style: italic; color: #808080; font-size: 13px; background: url('../images.v1/icons2.png') no-repeat -51px -85px; text-decoration: none; padding: 30px 0 0 0;}
.btn_developer a:hover{background: url('../images.v1/icons2.png') no-repeat -6px -85px;}
.btn_moderator {display: inline-block;cursor: pointer; width: 31px; float: left; margin: 0 15px 0 0;cursor: pointer;}
.btn_moderator a {display: inline-block; width: 100%; font-style: italic; color: #808080; font-size: 13px;background: url('../images.v1/icons2.png') no-repeat -50px -56px; text-decoration: none; padding: 30px 0 0 0;}
.btn_moderator a:hover{background: url('../images.v1/icons2.png') no-repeat -5px -56px;}
.btn_crm {display: inline-block;cursor: pointer; width: 31px; float: left; margin: 0 15px 0 0;cursor: pointer;}
.btn_crm a {display: inline-block; width: 100%; font-style: italic; color: #808080; font-size: 13px; background: url('../images.v1/icons2.png') no-repeat -50px -115px; text-decoration: none; padding: 30px 0 0 0;}
.btn_crm a:hover{background: url('../images.v1/icons2.png') no-repeat -5px -115px;}
.btn_superviser {display: inline-block;cursor: pointer; width: 31px; float: left; margin: 0 15px 0 0;cursor: pointer;}
.btn_superviser a {display: inline-block; width: 100%; font-style: italic; color: #808080; font-size: 13px; background: url('../images.v1/icons2.png') no-repeat -50px -27px; text-decoration: none; padding: 30px 0 0 0;}
.btn_superviser a:hover{background: url('../images.v1/icons2.png') no-repeat -5px -27px;}
.btn_support {display: inline-block;cursor: pointer; width: 31px; float: left; margin: 0 15px 0 0;cursor: pointer;}
.btn_support a {display: inline-block; width: 100%; font-style: italic; color: #808080; font-size: 13px; background: url('../images.v1/icons2.png') no-repeat -47px 4px; text-decoration: none; padding: 30px 0 0 0;}
.btn_support a:hover{background: url('../images.v1/icons2.png') no-repeat -2px 4px;}
.title-lbl{font-weight: bold; color: #009BC2; margin: 0 0 3px 0; width: 100%; font-size: 14px; font-family: Calibri;}


/*Suggested reports' fiters*/

 .picked-settings {
     width: 100%;
 }
 .settings div {
     float: left;
     padding: 2px 5px;
     color: #666666;
     text-decoration: underline;
     border-right: 1px solid #009bc2;
 }
 .settings img {
     width: 14px;
     height: 14px;
     padding-left: 5px;
     padding-right: 0;
 }
 .setting-changes a, .setting-changes a:visited, .setting-changes a:hover, .setting-changes a:active{
     text-decoration: none!important;
     font-weight: bold;
     color: #009BC2;
 }
 .setting-changes img {
     width: 17px!important;
     padding-right: 5px!important;
     padding-left: 0!important;
 }
 .settings div:first-of-type {
     border-left: 1px solid #009bc2;
 }
 .settings div:last-of-type {
     text-decoration: none;
 }
 .settings:after, .suggested-filters:after, .suggested-titles:after {
     content: '';
     clear: both;
     display: block;
 }
 .suggested-filters {
     width: 770px;
     background-color: #e8e8e8;
     margin: 15px 0;
     padding: 5px 10px;
 }
 .left-side {
     float: left;
     text-align: center;
     padding-top: 3px;
 }

 .right-side {
     float: right;
     text-align: center;
 }

 .date-filter-view, #task-filter, #date-filter, .no-float {
     float: none !important;
     display: inline-block!important;
 }
 .static-name {
     color: #000;
     font-weight: bold;
     float: left;
 }
 .date-filter-view {
     color: #666666;
     padding-left: 15px;
 }
 .recommended {
    background-color: transparent;
    border: none;
    font-weight: bold;
    font-size: 1.03em;
    color: #009bc2;
    text-decoration: underline;
 }
 .suggested-titles {
     width: 100%;
     margin: 0 auto;
     color: #009bc2;
     font-weight: bold;
     text-align: left;
 }
 .suggested-titles div {
     float: left;
     padding-right: 50px;
 }
 .suggested-titles div:first-of-type {
     width: 48%;
     padding-left: 30px;
 }

a.suggested-button {

    border: none;
    color: white;
    padding: 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    border-radius: 6px;
    width: 100px;
}
a.suggested-button.send-report {
    background-color: #488ac3;
}

a.suggested-button.already-sent-report {
    background-color: #8d9296;
}
input, textarea, #content input, #content textarea {
    margin: 0;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.content-align  .help-container {
    display: inline-block;
    vertical-align: middle;
}
.ui-dialog .content.content-align .title {
    font-weight: bold;
    color: #3049A5;
    font-size: 16px;
    padding-bottom: 10px;
}
.content.content-align {
    background-color: #fff;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    color: #444;
    font-size: 14px;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 20px 10px 20px;
}
.head {
    line-height: 14pt;
}

#bankAccounts tr.odd td {
  background: url('../img/odd-rows-bg.png') 0 0;
}

#bankAccounts td {
  padding: 4px 7px;
}

#bankAccounts tr.marked-row td {
  background: url('../img/odd-rows-bg.png') 0 0;
}

#bankAccounts tr.odd td:first-child {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}

#bankAccounts tr.odd td:last-child {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}

#bankAccounts .ItemName {
  color: #009BC2;
  font-size: 16px;
  font-weight: bold;
}

/*Accounting calendar styles*/
.acc_calendar_month { padding: 15px 25px; width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; background-image: linear-gradient(#009BC2, #3AC5E8 35%, #009BC2); background: #009BC2; }
    .acc_calendar_month ul { margin: 0; padding: 0; }
        .acc_calendar_month ul li { display: inline-block; color: white; font-size: 18px; letter-spacing: 3px; }
        .acc_calendar_month .prev { float: left; }
        .acc_calendar_month .next { float: right; }

.acc_calendar_weekacc_calendar_days { margin: 5px 0; padding: 10px 0; background-color: #ddd; border-top: 1px solid #3AC5E8; border-bottom: 1px solid #3AC5E8; background: #eaf6f9; }
    .acc_calendar_weekacc_calendar_days li { display: inline-block; width: 12%; color: black; text-align: center; }

.acc_calendar_days { padding: 10px 0; background: #fbfbfb; margin: 0; border-bottom: 1px solid #3AC5E8; }
    .acc_calendar_days li { list-style-type: none; display: inline-block; width: 12%; padding: 10px; text-align: center; margin-bottom: 1px; font-size: 12px; color: #777; border-radius: 2px; }
        .acc_calendar_days li.weekend { background: #efefef; color: #009BC2 !important; }
        .acc_calendar_days li.holiday { background: #ffecea; color: #009BC2 !important; }
        .acc_calendar_days li.hasReport { background: #e3f5f9; color: #009BC2 !important; cursor: pointer; }
        .acc_calendar_days li.hasReport:hover { background: #3AC5E8; box-shadow: 0 0 5px #3AC5E8; color: white !important; }
        .acc_calendar_days li.today { border: 1px solid #009BC2; color: #009BC2 !important; }
        .acc_calendar_days li.activeDay { background: #009BC2; color: white !important; }

.calendar_arrow { color: white !important; font-size: 20px; text-decoration: none; }
.calendar_arrow:hover { color: #e3f5f9 !important; text-decoration: none; }

.calendar_reminder { font-size: 16px; text-align: left; }

.calendar_radiobuttons { text-align: left; padding: 6px 0; border-bottom: 1px solid #d4d4d4; }

.padding-right-15 { padding-right: 15px !important; }

.accounting-calendar input[type="radio"] { vertical-align: sub; }

.report_row { padding: 10px 0; border-bottom: 1px solid #e3f5f9; }

.accounting_calendar_radio { padding-right: 15px; padding-top: 15px; text-align: left; }

input[type=checkbox].isCompanyReport { margin-right: 10px; vertical-align: sub; }

.instruction {
    position: absolute;
    z-index: 100;
    width: 500px;
}

.salary-instruction {
    position: absolute;
    z-index: 200;
    width: 500px;
}

.modal-arrow {
    content: "";
    display: block;
    position: inherit;
    top: 15%;
    bottom: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 35px 25px 0;
    border-color: transparent #ffffff transparent transparent;
    -webkit-filter: drop-shadow(-2px 0px 1px rgba(0, 0, 0, .5));
    -moz-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, .5));
    -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
    -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, .5));
}

.rotate {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

#left {
    width: inherit;
}

.modal-arrow {
    margin-top: 10%;
}

.instruction-btn {
    margin-bottom: 15px;
    margin-top: 20px;
}

.instruction .modal-content {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.disabledLayer {
    pointer-events: none;
}

.instuction-title {
    color: #009BC2;
    margin-top: 0;
    font-size: 20px;
}

.noHover {
    pointer-events: none;
}

.mt15 {
    margin-top: 15px;
}

.instruction-content {
    padding: 10px 10px 0 10px;
}

.font-size-16 {
    font-size: 16px;
}

.arrow-margin {
    margin-left: 48px;
}

.color-black {
    color: black;
}

@media screen and (min-width: 320px) {
    .instruction-1 {
        margin-left: 50px;
        margin-top: 50px;
    }

    .instruction-2 {
        margin-left: 50px;
        margin-top: 140px;
    }

    .instruction-3 {
        margin-left: 50px;
        margin-top: 195px;
    }

    .instruction-4 {
        margin-left: 50px;
        margin-top: 80px;
    }

    .instruction-5 {
        margin-left: 50px;
        margin-top: 110px;
    }

    .instruction-6 {
        margin-left: 280px;
        margin-top: 15px;
    }

    .salary-instruction-1 {
        margin-left: 50px;
        margin-top: 10px;
    }

    .salary-instruction-2 {
        margin-left: 230px;
        margin-top: 10px;
    }

    .salary-instruction-3 {
        margin-left: 420px;
        margin-top: 10px;
    }

    .salary-instruction-4 {
        margin-left: 40px;
        margin-top: 10px;
    }

    .salary-instruction-5 {
        margin-left: 160px;
        margin-top: 10px;
    }
}

@media screen and (min-width: 1201px) {
    .instruction-1 {
        margin-left: 170px;
        margin-top: 50px;
    }

    .instruction-2 {
        margin-left: 170px;
        margin-top: 140px;
    }

    .instruction-3 {
        margin-left: 170px;
        margin-top: 195px;
    }

    .instruction-4 {
        margin-left: 170px;
        margin-top: 80px;
    }

    .instruction-5 {
        margin-left: 170px;
        margin-top: 110px;
    }

    .instruction-6 {
        margin-left: 390px;
        margin-top: 15px;
    }

    .salary-instruction-1 {
        margin-left: 120px;
        margin-top: 10px;
    }

    .salary-instruction-2 {
        margin-left: 280px;
        margin-top: 10px;
    }

    .salary-instruction-3 {
        margin-left: 500px;
        margin-top: 10px;
    }

    .salary-instruction-4 {
        margin-left: 100px;
        margin-top: 10px;
    }

    .salary-instruction-5 {
        margin-left: 250px;
        margin-top: 10px;
    }
}

@media screen and (min-width: 1501px) {
    .instruction-1 {
        margin-left: 300px;
        margin-top: 50px;
    }

    .instruction-2 {
        margin-left: 300px;
        margin-top: 140px;
    }

    .instruction-3 {
        margin-left: 300px;
        margin-top: 195px;
    }

    .instruction-4 {
        margin-left: 300px;
        margin-top: 80px;
    }

    .instruction-5 {
        margin-left: 300px;
        margin-top: 110px;
    }

    .instruction-6 {
        margin-left: 550px;
        margin-top: 15px;
    }

    .salary-instruction-1 {
        margin-left: 330px;
        margin-top: 10px;
    }

    .salary-instruction-2 {
        margin-left: 480px;
        margin-top: 10px;
    }

    .salary-instruction-3 {
        margin-left: 680px;
        margin-top: 10px;
    }

    .salary-instruction-4 {
        margin-left: 280px;
        margin-top: 10px;
    }

    .salary-instruction-5 {
        margin-left: 400px;
        margin-top: 10px;
    }
}

.hourly-rate-modal-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
}
.hourly-rate-modal-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
}

.neiro-header {
    color: #009BC2;
    margin-top: 0 !important;
}

.neiro-text {
    color: #009BC2;
}

.neiro-btn {
    background-color: #009BC2;
    color: #ffffff;
    margin-top: 10px;
    border-radius: 20px;
}

    .neiro-btn:hover {
        color: #ffffff !important;
    }

.neiro-api-text {
    padding: 15px;
    border: solid 3px #009BC2;
    margin-bottom: 15px;
    border-radius: 10px;

    height: 160px;
    overflow-y: auto;
    padding-right: 5px;
}

#neiro-start-btn:disabled {
    background-color: #FFFFFF;
    color: #000000;
    cursor: not-allowed;
    border: solid 3px #000000;
    margin-bottom: 10px;
}

#neiro-api-text.loading {
    background: url("../images/loading.gif") no-repeat center center;
    min-height: 160px;
    background-size: 40px 40px;
}