/*********************  Login Screen New  **********************/

body {
    margin: 8px 0;
    font-family: Calibri;
   height:auto;
}

header {
    padding: 20px;
    background: #fff;
}

.main-login-container {
    width: 100%;
    margin: 20px 0px;
}

.main-login-sub-block {
    width: 800px;
    height: 130px;
    background: #E4E4E4;
    margin: 0px auto;
    position: relative;
}

.main-login-sub-block-01 {
    width: 33.33%;
    height: 80px;
    margin: 12.5px 0px;
    float: left;
    text-align: center;
}

.main-login-two-tracet {
    height: 50px;
    margin: 0 auto;
    position: relative;
    width: 400px;
}

.main-login-three-block {
    width: 800px;
    /*background:#E4E4E4;*/
    margin: 0px auto;
    position: relative;
}

.udyog-logo-img {
    display: block;
}

.main-login-three-block-01 {
    width: 33.33%;
    height: 80px;
    margin: 25px 0px 20px 0px;
    float: left;
    text-align: center;
}

.left-img {
    float: right;
    margin-right: 50px;
}

.line {
    position: absolute;
    left: 34%;
    top: 40px;
}

.line-1 {
    position: absolute;
    left: 63%;
    top: 40px;
}

.line-2 {
    position: absolute;
    left: 33%;
    top: 40px;
}

.line-3 {
    left: 66%;
    position: absolute;
    top: 40px;
}

footer {
    background: none repeat scroll 0% 0% #e4e4e4;
    padding: 10px 0px;
    margin-top: 50px;
    color: #000;
    bottom: 0px;
    width: 100%;
    left: 0px;
    min-height: 20px;
    overflow: hidden;
}

.udyog {
    color: #4046b2;
}

.software {
    color: #f58524;
}

footer:last-chaild {
    float: right;
    color: #fff;
    font-size: 12px;
}

.offered {
    float: left;
    font-size: 12px;
    margin-left: 20px;
}

.copyright {
    float: right;
    font-size: 12px;
    margin-right: 20px;
}

    .copyright a {
        color: #000;
        text-decoration: none;
    }
.logoCenter{
text-align:center;
width:100%;
margin-bottom:30px;
}
.mb-2{
    margin-bottom:15px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    border: 1px solid green;
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 900px #f0ecea inset;
    transition: background-color 5000s ease-in-out 0s;
    background-color: none !important;
}
.claro .dijitButton .dijitButtonNode {
    border: 1px solid #f56d23 !important;
    background-color:  #f56d23 !important;
    box-shadow:none;
    background-image:none;
    color:#fff;
    width:100%;
}
/**********************************************login**************************************************/
@media (min-width: 761px) {
    .login-body {
        /*margin-left: 34%;*/
        min-width: 250px;
    }
    .container {
        margin: 0 20px;
    }

    .second {
        width: 99%;
        height: auto;
        /*border: 1px solid #e4e4e4;*/
        box-shadow:0px 0px 3px rgb(91 91 91 / 50%);
        float: left;
        /*margin-right: 20px;*/
    }

        .second h3 {
            height: 40px;
            background-color: #f9f9f9;
            margin: 0px;
            padding-left: 18px;
            line-height: 35px;
            color: #333;
            font-size: 18px;
            font-weight: 500;
            border-left: 10px solid #242969;
        }

    .newsFeed {
        width: 56%;
        border: 1px solid #E4E4E4;
        float: left;
        margin-left: 100px;
        height: 290px;
    }

        .newsFeed h3 {
            height: 40px;
            background-color: #f9f9f9;
            margin: 0px;
            padding-left: 20px;
            line-height: 35px;
            color: #333;
            font-size: 18px;
            font-weight: 500;
            border-left: 10px solid #F00;
        }

    .section {
        min-height: 455px;
        /*overflow: hidden;*/width:30%;margin:auto;
    }

    .tax_calculator_form {
        margin: 30px 30px;
    }

        .tax_calculator_form label {
            color: #666;
            margin: 6px 0;
            display: block;
        }

        .tax_calculator_form input[type="text"] {
            width: 97%;
            padding: 4px 4px;
            border:1px solid #cccccc;
            outline: 0;
        }

        .tax_calculator_form input[type="password"] {
            width: 97%;
            padding: 4px 4px;
            border: 1px solid #cccccc;
            outline: 0;
        }

        .tax_calculator_form select {
            width: 100%;
            padding: 4px 4px;
            border: 1px solid #cccccc;
            outline: 0;
        }

        .tax_calculator_form input[type="button"] {
            width: 80px;
            padding: 8px 0px;
            margin: 20px 0px 0px 0px;
            background: -webkit-linear-gradient(top,#fabc05 0,#ff9b00 100%);
            background: -moz-linear-gradient(top,#fabc05 0,#ff9b00 100%);
            background: linear-gradient(top,#fabc05 0,#ff9b00 100%);
            border-radius: 5px;
            border: 0px;
            color: #fff;
            font-size: 12px;
            cursor: pointer;
        }

            .tax_calculator_form input[type="button"]:hover {
                width: 80px;
                padding: 8px 0px;
                margin: 20px 0px 0px 0px;
                background: -webkit-linear-gradient(top,#fabc05 0,#a84e04 100%);
                background: -moz-linear-gradient(top,#fabc05 0,#a84e04 100%);
                background: linear-gradient(top,#fabc05 0,#a84e04 100%);
                border-radius: 5px;
                border: 0px;
                color: #fff;
                font-size: 12px;
            }

        .tax_calculator_form p {
            font-size: 12px;
            margin: 20px 0px 0px 30px;
        }

    .instruction {
        font-size: 12px;
        color: #374682;
        font-weight: bold;
    }

    .newsFeedContent {
        overflow: hidden;
        text-wrap: none;
    }

    .newsFeed p {
        font-size: 13px;
        color: #666; /*padding-left:20px;*/
        padding: 0 17px;
        text-align: justify;
    }

    /********************  Page level styles  ************************/
    div.main-banner {
        margin: 60px auto;
        width: 400px;
        border-radius: 3px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
    }

    div.login-header {
        background-color: #45aeea;
        border: 1px solid #768995;
        border-radius: 3px 3px 0 0;
        color: #fff;
        margin: 0;
        padding: 10px 20px;
        position: relative;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    }

        div.login-header h4 {
            margin: 0;
            font-size: 18px;
        }

    /*div.login-body {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            background-color: #fff;
            border-color: -moz-use-text-color #d8dee2 #d8dee2;
            border-image: none;
            border-radius: 0 0 3px 3px;
            border-right: 1px solid #d8dee2;
            border-style: none solid solid;
            border-width: 0 1px 1px;
            font-size: 14px;
            padding: 20px;
        }

            div.login-body .span8 {
                margin-bottom: 15px;
                margin-top: 5px;
            }

            div.login-body .dijitTextBox {
                width: 100%;
                background-color: #fff;
                background-position: right center;
                background-repeat: no-repeat;
                border: 1px solid #ccc;
                border-radius: 3px;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
            }

            div.login-body .dijitInputField input[type=text], div.login-body .dijitInputField input[type=password] {
                color: #333;
                font-size: 13px;
                min-height: 18px;
                outline: medium none;
                padding: 7px 8px !important;
                vertical-align: middle;
            }
                div.login-body .dijitInputField input[type=text]#CompanyID {
                    color: #333;
                    font-size: 13px;
                    min-height: 18px;
                    outline: medium none;
                    padding: 7px 8px !important;
                    vertical-align: middle;
                }
                 div.login-body .dijitInputField {
                    display: table;
                    width: 99%;
                    border-radius: 3px;
                    padding: 0;
                }

            div.login-body .ddlInput .dijitInputContainer {
                width: 90%;
            }

            div.login-body div.dijitDownArrowButton {
                height: 34px;
            }

            div.login-body div.dijitValidationContainer {
                height: 32px;
                margin: 0;
            }

            div.login-body span.dijitPlaceHolder {
                margin: 8px;
                font-style: inherit;
            }

            div.login-body span.dijitButton {
                -moz-user-select: none;
                background-color: #eee;
                background-image: linear-gradient(#fcfcfc, #eee);
                background-repeat: repeat-x;
                border: 1px solid #d5d5d5;
                border-radius: 3px;
                color: #333;
                cursor: pointer;
                display: inline-block;
                font-size: 14px;
                font-weight: bold;
                padding: 7px 12px;
                position: relative;
                text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
                vertical-align: middle;
                white-space: nowrap;
            }


            div.login-body span.dijitButtonNode {
                background: none !important;
                border: 0 !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                color: none !important;
                padding: 0 !important;
            }

            div.login-body .inputheaders {
                font-size: 14px;
                color: #333;
            }*/

    div.login-body {
        background-color: #fff;
        font-size: 14px;
    }

        div.login-body .span8 {
            margin-bottom: 15px;
            margin-top: 5px;
        }

        div.login-body .dijitTextBox {
            width: 100%;
            background-color: #fff;
            background-position: right center;
            background-repeat: no-repeat;
            border: 1px solid #ccc;
            /*border-radius: 3px;*/
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
        }

        div.login-body .dijitInputField input[type=text], div.login-body .dijitInputField input[type=password] {
            color: #333;
            font-size: 12px;
            min-height: 18px;
            outline: medium none;
            padding: 4px 8px !important;
            vertical-align: middle;
        }

            div.login-body .dijitInputField input[type=text]#CompanyID {
                color: #333;
                font-size: 12px;
                min-height: 18px;
                outline: medium none;
                padding: 4px 8px !important;
                vertical-align: middle;
            }

        div.login-body .dijitInputField {
            display: table;
            width: 100%;
            border-radius: 3px;
            padding: 0 !important;
        }

        div.login-body .ddlInput .dijitInputContainer {
            width: 84%;
        }

        div.login-body div.dijitDownArrowButton {
            height: 28px;
        }

        div.login-body div.dijitValidationContainer {
            height: 26px;
            margin: 0;
        }

    .dijitArrowButtonInner {
        border: none !important;
        margin-top: 6px !important;
    }

    div.login-body span.dijitPlaceHolder {
        margin: 6px 8px;
        font-style: inherit;
        cursor: text;
    }

    /*div.login-body span.dijitButton {
                -moz-user-select: none;
                background-color: #eee;
                background-image: linear-gradient(#fcfcfc, #eee);
                background-repeat: repeat-x;
                border: 1px solid #d5d5d5;
                border-radius: 3px;
                color: #333;
                cursor: pointer;
                display: inline-block;
                font-size: 14px;
                font-weight: bold;
                padding: 7px 12px;
                position: relative;
                text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
                vertical-align: middle;
                white-space: nowrap;
            }


            div.login-body span.dijitButtonNode {
                background: none !important;
                border: 0 !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                color: none !important;
                padding: 0 !important;
            }*/

    div.login-body .inputheaders {
        font-size: 13px;
        /*color: #333;*/
        color: #212529;
    }

    .row-fluid .offset1 {
        margin: 0;
    }

    #btnForgotPassword {
        color: #242969;
        text-decoration: none;
        font-size: 14px;
    }

        #btnForgotPassword:hover {
            text-decoration: underline;
        }

    .login-panel input.dijitInputInner {
        margin: 3px 0;
        box-shadow: none;
    }

    .login-panel .span4 label {
        margin: 6px 0;
    }
}

@media screen and (max-width : 760px) {
    .login-body {
        margin: 0 auto !important;
        min-width: 200px;
        width: 250px;
    }

    .container {
        margin: 0; /* 20px;*/
    }

    .second {
        width: 30%;
        height: auto;
        border: 1px solid #e4e4e4;
        float: none;
        margin-right: 20px;
    }

        .second h3 {
            height: 40px;
            background-color: #f9f9f9;
            margin: 0px;
            padding-left: 18px;
            line-height: 35px;
            color: #333;
            font-size: 18px;
            font-weight: 500;
            border-left: 10px solid rgb(56, 81, 95);
        }

    .newsFeed {
        width: 56%;
        border: 1px solid #E4E4E4;
        float: left;
        margin-left: 100px;
        height: 290px;
    }

        .newsFeed h3 {
            height: 40px;
            background-color: #f9f9f9;
            margin: 0px;
            padding-left: 20px;
            line-height: 35px;
            color: #333;
            font-size: 18px;
            font-weight: 500;
            border-left: 10px solid #F00;
        }

    .section {
        min-height: 455px;
        overflow: hidden;
    }

    .tax_calculator_form {
        margin: 10px 10px;
    }

        .tax_calculator_form label {
            color: #666;
            margin: 6px 0;
            display: block;
        }

        .tax_calculator_form input[type="text"] {
            width: 97%;
            padding: 4px 4px;
            /*border:1px solid #cccccc;*/
            outline: 0;
        }

        .tax_calculator_form input[type="password"] {
            width: 97%;
            padding: 4px 4px;
            border: 1px solid #cccccc;
            outline: 0;
        }

        .tax_calculator_form select {
            width: 100%;
            padding: 4px 4px;
            border: 1px solid #cccccc;
            outline: 0;
        }

        .tax_calculator_form input[type="button"] {
            width: 80px;
            padding: 8px 0px;
            margin: 20px 0px 0px 0px;
            background: -webkit-linear-gradient(top,#fabc05 0,#ff9b00 100%);
            background: -moz-linear-gradient(top,#fabc05 0,#ff9b00 100%);
            background: linear-gradient(top,#fabc05 0,#ff9b00 100%);
            border-radius: 5px;
            border: 0px;
            color: #fff;
            font-size: 12px;
            cursor: pointer;
        }

            .tax_calculator_form input[type="button"]:hover {
                width: 80px;
                padding: 8px 0px;
                margin: 20px 0px 0px 0px;
                background: -webkit-linear-gradient(top,#fabc05 0,#a84e04 100%);
                background: -moz-linear-gradient(top,#fabc05 0,#a84e04 100%);
                background: linear-gradient(top,#fabc05 0,#a84e04 100%);
                border-radius: 5px;
                border: 0px;
                color: #fff;
                font-size: 12px;
            }

        .tax_calculator_form p {
            font-size: 12px;
            margin: 20px 0px 0px 30px;
        }

    .instruction {
        font-size: 12px;
        color: #374682;
        font-weight: bold;
    }

    .newsFeedContent {
        overflow: hidden;
        text-wrap: none;
    }

    .newsFeed p {
        font-size: 13px;
        color: #666; /*padding-left:20px;*/
        padding: 0 17px;
        text-align: justify;
    }

    /********************  Page level styles  ************************/
    div.main-banner {
        margin: 60px auto;
        width: 400px;
        border-radius: 3px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
    }

    div.login-header {
        background-color: #45aeea;
        border: 1px solid #768995;
        border-radius: 3px 3px 0 0;
        color: #fff;
        margin: 0;
        padding: 10px 20px;
        position: relative;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    }

        div.login-header h4 {
            margin: 0;
            font-size: 18px;
        }

    /*div.login-body {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            background-color: #fff;
            border-color: -moz-use-text-color #d8dee2 #d8dee2;
            border-image: none;
            border-radius: 0 0 3px 3px;
            border-right: 1px solid #d8dee2;
            border-style: none solid solid;
            border-width: 0 1px 1px;
            font-size: 14px;
            padding: 20px;
        }

            div.login-body .span8 {
                margin-bottom: 15px;
                margin-top: 5px;
            }

            div.login-body .dijitTextBox {
                width: 100%;
                background-color: #fff;
                background-position: right center;
                background-repeat: no-repeat;
                border: 1px solid #ccc;
                border-radius: 3px;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
            }

            div.login-body .dijitInputField input[type=text], div.login-body .dijitInputField input[type=password] {
                color: #333;
                font-size: 13px;
                min-height: 18px;
                outline: medium none;
                padding: 7px 8px !important;
                vertical-align: middle;
            }
                div.login-body .dijitInputField input[type=text]#CompanyID {
                    color: #333;
                    font-size: 13px;
                    min-height: 18px;
                    outline: medium none;
                    padding: 7px 8px !important;
                    vertical-align: middle;
                }
                 div.login-body .dijitInputField {
                    display: table;
                    width: 99%;
                    border-radius: 3px;
                    padding: 0;
                }

            div.login-body .ddlInput .dijitInputContainer {
                width: 90%;
            }

            div.login-body div.dijitDownArrowButton {
                height: 34px;
            }

            div.login-body div.dijitValidationContainer {
                height: 32px;
                margin: 0;
            }

            div.login-body span.dijitPlaceHolder {
                margin: 8px;
                font-style: inherit;
            }

            div.login-body span.dijitButton {
                -moz-user-select: none;
                background-color: #eee;
                background-image: linear-gradient(#fcfcfc, #eee);
                background-repeat: repeat-x;
                border: 1px solid #d5d5d5;
                border-radius: 3px;
                color: #333;
                cursor: pointer;
                display: inline-block;
                font-size: 14px;
                font-weight: bold;
                padding: 7px 12px;
                position: relative;
                text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
                vertical-align: middle;
                white-space: nowrap;
            }


            div.login-body span.dijitButtonNode {
                background: none !important;
                border: 0 !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                color: none !important;
                padding: 0 !important;
            }

            div.login-body .inputheaders {
                font-size: 14px;
                color: #333;
            }*/

    div.login-body {
        background-color: #fff;
        font-size: 14px;
    }

        div.login-body .span8 {
            margin-bottom: 15px;
            margin-top: 5px;
        }

        div.login-body .dijitTextBox {
            width: 100%;
            background-color: #fff;
            background-position: right center;
            background-repeat: no-repeat;
            border: 1px solid #ccc;
            border-radius: 3px;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
        }

        div.login-body .dijitInputField input[type=text], div.login-body .dijitInputField input[type=password] {
            color: #333;
            font-size: 12px;
            min-height: 18px;
            outline: medium none;
            padding: 4px 8px !important;
            vertical-align: middle;
        }

            div.login-body .dijitInputField input[type=text]#CompanyID {
                color: #333;
                font-size: 12px;
                min-height: 18px;
                outline: medium none;
                padding: 4px 8px !important;
                vertical-align: middle;
            }

        div.login-body .dijitInputField {
            display: table;
            width: 98%;
            border-radius: 3px;
            padding: 0;
        }

        div.login-body .ddlInput .dijitInputContainer {
            width: 84%;
        }

        div.login-body div.dijitDownArrowButton {
            height: 28px;
        }

        div.login-body div.dijitValidationContainer {
            height: 26px;
            margin: 0;
        }

    .dijitArrowButtonInner {
        border: none !important;
        margin-top: 6px !important;
    }

    div.login-body span.dijitPlaceHolder {
        margin: 6px 8px;
        font-style: inherit;
        cursor: text;
    }

    /*div.login-body span.dijitButton {
                -moz-user-select: none;
                background-color: #eee;
                background-image: linear-gradient(#fcfcfc, #eee);
                background-repeat: repeat-x;
                border: 1px solid #d5d5d5;
                border-radius: 3px;
                color: #333;
                cursor: pointer;
                display: inline-block;
                font-size: 14px;
                font-weight: bold;
                padding: 7px 12px;
                position: relative;
                text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
                vertical-align: middle;
                white-space: nowrap;
            }


            div.login-body span.dijitButtonNode {
                background: none !important;
                border: 0 !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                color: none !important;
                padding: 0 !important;
            }*/

    div.login-body .inputheaders {
        font-size: 13px;
        color: #333;
    }

    .row-fluid .offset1 {
        margin: 0;
    }

    #btnForgotPassword {
        color: #4183c4;
        text-decoration: none;
        font-size: 13px;
    }

        #btnForgotPassword:hover {
            text-decoration: underline;
        }

    .login-panel input.dijitInputInner {
        margin: 3px 0;
        box-shadow: none;
    }

    .login-panel .span4 label {
        margin: 6px 0;
    }
}