/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
body { font-size: 13px; background-color: #ffffff; }

.pad-l5 { padding-left: 5px !important; }

.pad-l10 { padding-left: 10px !important; }

.pad-l15 { padding-left: 15px !important; }

.pad-l20 { padding-left: 20px !important; }

.pad-l25 { padding-left: 25px !important; }

.pad-l30 { padding-left: 30px !important; }

.pad-l35 { padding-left: 35px !important; }

.pad-l40 { padding-left: 40px !important; }

.pad-r5 { padding-right: 5px !important; }

.pad-r10 { padding-right: 10px !important; }

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

.pad-r20 { padding-right: 20px !important; }

.pad-r25 { padding-right: 25px !important; }

.pad-r30 { padding-right: 30px !important; }

.pad-r35 { padding-right: 35px !important; }

.pad-r40 { padding-right: 40px !important; }

.pad-b15 { padding-bottom: 15px !important; }

.mar-r5 { margin-right: 5px !important; }

.mar-r15 { margin-right: 15px !important; }

.mar-r20 { margin-right: 20px !important; }

.mar-r25 { margin-right: 25px !important; }

.mar-r30 { margin-right: 30px !important; }

.mar-b5 { margin-bottom: 5px !important; }

.mar-b10 { margin-bottom: 10px !important; }

.mar-b15 { margin-bottom: 15px !important; }

.mar-b20 { margin-bottom: 20px !important; }

.mar-b25 { margin-bottom: 25px !important; }

.mar-b30 { margin-bottom: 30px !important; }

.mar-t5 { margin-top: 5px !important; }

.mar-t10 { margin-top: 10px !important; }

.mar-t15 { margin-top: 15px !important; }

.mar-t20 { margin-top: 20px !important; }

.mar-t25 { margin-top: 25px !important; }

.mar-t30 { margin-top: 30px !important; }

#imgLogo { width: 80px; height: 90px; }



#wrapper { width: 100%; }

#page-wrapper { padding: 0 15px; background-color: #fff; }

@media(min-width:768px) {
    #page-wrapper; { position: inherit; /*margin: 0 0 0 250px;*/ padding: 0 30px; /*border-left: 1px solid #e7e7e7;*/ }
}

@media (max-width:640px) {
    .logo-wrapper { clear: both; }

        .logo-wrapper #imgLogo { width: auto; }

        .logo-wrapper .navbar-brand > img { display: inline-block; }

        .logo-wrapper .navbar-brand { height: auto; }

        .logo-wrapper h3 { font-size: 16px; }

        .logo-wrapper .navbar-brand label { margin-top: 8px; }
}

.navbar-default h2, h3 { color: #f8f8f8; }

.navbar-top-links { margin-right: 0; }

    .navbar-top-links li { display: inline-block; }

.navbar-static-top { background-color: #375b91; }

.navbar-right .dropdown .dropdown-toggle .fa { color: #fff; }

.navbar-top-links li:last-child { margin-right: 15px; }

.navbar-top-links li a { padding: 15px; min-height: 50px; }

.navbar-top-links .dropdown-menu li { display: block; }

    .navbar-top-links .dropdown-menu li:last-child { margin-right: 0; }

    .navbar-top-links .dropdown-menu li a { padding: 3px 20px; min-height: 0; }

        .navbar-top-links .dropdown-menu li a div { white-space: normal; }

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts { width: 310px; min-width: 0; }

.navbar-top-links .dropdown-messages { margin-left: 5px; }

.navbar-top-links .dropdown-tasks { margin-left: -59px; }

.navbar-top-links .dropdown-alerts { margin-left: -123px; }

.navbar-top-links .dropdown-user { right: 0; left: auto; }

.sidebar .sidebar-nav.navbar-collapse { padding-right: 0; padding-left: 0; }

.sidebar .sidebar-search { padding: 15px; }

.sidebar ul li { border-bottom: 1px solid #e7e7e7; }

    .sidebar ul li a.active { background-color: #eee; }

.sidebar .arrow { float: right; }

.sidebar .fa.arrow:before { content: "\f104"; }

.sidebar .active > a > .fa.arrow:before { content: "\f107"; }

.sidebar .nav-second-level li,
.sidebar .nav-third-level li { border-bottom: 0 !important; }

    .sidebar .nav-second-level li a { padding-left: 37px; }

    .sidebar .nav-third-level li a { padding-left: 52px; }

@media(min-width:768px) {
    .sidebar; { z-index: 1; position: absolute; width: 250px; margin-top: 100px; }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts { margin-left: auto; }
}

.btn-outline { color: inherit; background-color: transparent; transition: all .5s; }

.btn-primary.btn-outline { color: #428bca; }

.btn-success.btn-outline { color: #5cb85c; }

.btn-info.btn-outline { color: #5bc0de; }

.btn-warning.btn-outline { color: #f0ad4e; }

.btn-danger.btn-outline { color: #d9534f; }

    .btn-primary.btn-outline:hover,
    .btn-success.btn-outline:hover,
    .btn-info.btn-outline:hover,
    .btn-warning.btn-outline:hover,
    .btn-danger.btn-outline:hover { color: #fff; }

.chat { margin: 0; padding: 0; list-style: none; }

    .chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #999; }

        .chat li.left .chat-body { margin-left: 60px; }

        .chat li.right .chat-body { margin-right: 60px; }

        .chat li .chat-body p { margin: 0; }

    .panel .slidedown .glyphicon,
    .chat .glyphicon { margin-right: 5px; }

.chat-panel .panel-body { height: 350px; overflow-y: scroll; }

.login-panel { margin-top: 25%; }

.flot-chart { display: block; height: 400px; }

.flot-chart-content { width: 100%; height: 100%; }

.dataTables_wrapper { position: relative; clear: both; }

/*27-03-2019*/
.table { width: 100% !important; }
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled { background: 0 0; }

    table.dataTable thead .sorting_asc:after { content: "\f0de"; float: right; font-family: fontawesome; }

    table.dataTable thead .sorting_desc:after { content: "\f0dd"; float: right; font-family: fontawesome; }

    table.dataTable thead .sorting:after { content: "\f0dc"; float: right; font-family: fontawesome; color: rgba(50,50,50,.5); margin-left: 5px; }

.btn-circle { width: 30px; height: 30px; padding: 6px 0; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.428571429; -moz-shadow: 0px 5px 18px #A6A6A6; -ms-shadow: 0px 5px 18px #A6A6A6; -webkit-shadow: 0px 5px 18px #A6A6A6; box-shadow: 0px 5px 18px #A6A6A6; }


    .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; border-radius: 25px; font-size: 18px; line-height: 1.33; }

    .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; border-radius: 35px; font-size: 24px; line-height: 1.33; }

.show-grid [class^=col-] { padding-top: 10px; padding-bottom: 10px; border: 1px solid #ddd; background-color: #eee !important; }

.show-grid { margin: 15px 0; }

.huge { font-size: 40px; }

.dashboardhugefont { font-size: 18px; font-weight: bold; }
.dashboardhugefontNormal { font-size: 14px; }
.panel-green { border-color: #5cb85c; }

    .panel-green .panel-heading { border-color: #5cb85c; color: #fff; background-color: #5cb85c; }

    .panel-green a { color: #5cb85c; }

        .panel-green a:hover { color: #3d8b3d; }

.panel-red { border-color: #d9534f; }

    .panel-red .panel-heading { border-color: #d9534f; color: #fff; background-color: #d9534f; }

    .panel-red a { color: #d9534f; }

        .panel-red a:hover { color: #b52b27; }

.panel-yellow { border-color: #f0ad4e; }

    .panel-yellow .panel-heading { border-color: #f0ad4e; color: #fff; background-color: #f0ad4e; }

    .panel-yellow a { color: #f0ad4e; }

        .panel-yellow a:hover { color: #df8a13; }

/*pink*/

.panel-pinkStage { border-color: #ffdde3; }

    .panel-pinkStage .panel-heading { border-color: #ffdde3; color: #333; background-color: #ffdde3; }

    .panel-pinkStage a { color: #ffdde3; }

        .panel-pinkStage a:hover { color: #333; }


/*orange*/
.panel-orangeStage { border-color: #ffab91; }

    .panel-orangeStage .panel-heading { border-color: #ffab91; color: #333; background-color: #ffab91; }

    .panel-orangeStage a { color: #ffab91; }

        .panel-orangeStage a:hover { color: #333; }

/*blue*/
.panel-blueStage { border-color: #b3e5fc; }

    .panel-blueStage .panel-heading { border-color: #b3e5fc; color: #333; background-color: #b3e5fc; }

    .panel-blueStage a { color: #b3e5fc; }

        .panel-blueStage a:hover { color: #333; }

/*purple*/
.panel-purpleStage { border-color: #d1c4e9; }

    .panel-purpleStage .panel-heading { border-color: #d1c4e9; color: #333; background-color: #d1c4e9; }

    .panel-purpleStage a { color: #d1c4e9; }

        .panel-purpleStage a:hover { color: #333; }

/*lightyellow*/
.panel-lightyellowStage { border-color: #F3E7B5; }

    .panel-lightyellowStage .panel-heading { border-color: #F3E7B5; color: #333; background-color: #F3E7B5; }

    .panel-lightyellowStage a { color: #F3E7B5; }

        .panel-lightyellowStage a:hover { color: #333; }

/*light2yellow*/
.panel-light2yellowStage { border-color: #ead67d; }

    .panel-light2yellowStage .panel-heading { border-color: #ead67d; color: #333; background-color: #ead67d; }

    .panel-light2yellowStage a { color: #ead67d; }

        .panel-light2yellowStage a:hover { color: #333; }

/*light2yellow1*/
.panel-light2yellowStage1 { border-color: #efece1; }

    .panel-light2yellowStage1 .panel-heading { border-color: #efece1; color: #333; background-color: #efece1; }

    .panel-light2yellowStage1 a { color: #efece1; }

        .panel-light2yellowStage1 a:hover { color: #333; }

/*light2yellow2*/
.panel-light2yellowStage2 { border-color: #e8e5d7; }

    .panel-light2yellowStage2 .panel-heading { border-color: #e8e5d7; color: #333; background-color: #e8e5d7; }

    .panel-light2yellowStage2 a { color: #e8e5d7; }

        .panel-light2yellowStage2 a:hover { color: #333; }

/*redgrayStage*/
.panel-redgrayStage { border-color: #d9c7c5; }

    .panel-redgrayStage .panel-heading { border-color: #d9c7c5; color: #333; background-color: #d9c7c5; }

    .panel-redgrayStage a { color: #d9c7c5; }

        .panel-redgrayStage a:hover { color: #333; }

/*bluegrayStage*/
.panel-bluegrayStage { border-color: #c5d6d9; }

    .panel-bluegrayStage .panel-heading { border-color: #c5d6d9; color: #333; background-color: #c5d6d9; }

    .panel-bluegrayStage a { color: #c5d6d9; }

        .panel-bluegrayStage a:hover { color: #333; }



/*yellowStage*/
.panel-yellowStage { border-color: #e1c546; }

    .panel-yellowStage .panel-heading { border-color: #e1c546; color: #333; background-color: #e1c546; }

    .panel-yellowStage a { color: #e1c546; }

        .panel-yellowStage a:hover { color: #333; }

/*greenStage*/
.panel-greenStage { border-color: #cfed90; }

    .panel-greenStage .panel-heading { border-color: #cfed90; color: #333; background-color: #cfed90; }

    .panel-greenStage a { color: #cfed90; }

        .panel-greenStage a:hover { color: #333; }
/*redStage*/
.panel-redStage { border-color: #dc3545; }

    .panel-redStage .panel-heading { border-color: #dc3545; color: #333; background-color: #dc3545; }

    .panel-redStage a { color: #dc3545; }

        .panel-redStage a:hover { color: #333; }

/* Right Corner Always Visible*/
.back-to-top { background: none; margin: 0; position: fixed; bottom: 10px; right: 10px; width: 70px; height: 70px; z-index: 100; display: inline; text-decoration: none; }


/* Grid View Paging*/
.GridPager { background-color: #fff; padding: 2px; margin: 2% auto; }

    .GridPager a { margin: auto 1%; border-radius: 50%; background-color: #444; padding: 5px 10px 5px 10px; color: #fff; text-decoration: none; -o-box-shadow: 1px 1px 1px #111; -moz-box-shadow: 1px 1px 1px #111; -webkit-box-shadow: 1px 1px 1px #111; box-shadow: 1px 1px 1px #111; }

        .GridPager a:hover { background-color: #375b91; color: #fff; }

    .GridPager span { background-color: #375b91; color: #fff; -o-box-shadow: 1px 1px 1px #111; -moz-box-shadow: 1px 1px 1px #111; -webkit-box-shadow: 1px 1px 1px #111; box-shadow: 1px 1px 1px #111; border-radius: 50%; padding: 5px 10px 5px 10px; }
/*Modal Popup*/
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }

.modal-content { margin-top: 150px; }

div.growlUI h1 { color: white; padding: 5px 5px 5px 5px; text-align: left; font-weight: bold; font-size: medium; }

div.growlUI h2 { color: white; padding: 5px 5px 5px 5px; text-align: left; font-size: medium; }

div.has-error { margin-bottom: 6px; }

/* centered columns styles */
.row-centered { text-align: center; }

.col-centered { display: inline-block; float: none; /* reset the text-align */ text-align: left; /* inline-block space fix */ margin-right: -4px; }

.divider-vertical { border-right: 1px solid #ddd; }

.field-validation-error { color: #b94a48; }

.tabContainer { padding-top: 20px; }

.text-White { color: #fff; }

.penalty-badge { background: #A94442; padding: 7px; position: absolute; right: 7px; top: 7px; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; color: #fff; font-size: 24px; }

.page-header h2 { padding-bottom: 1px\9; }


.btn-circle.btn-mrlg { width: 154px; height: 45px; padding: 10px 16px; border-radius: 25px; font-size: 14px; line-height: 1.33; }

.back-to-topmrlg { background: none; margin: 0; position: fixed; bottom: 10px; right: 110px; width: 70px; height: 70px; z-index: 100; display: inline; text-decoration: none; }


/*Iconic Tracking */
.stepper-icon-wrapper .step { padding: 24px 0; display: inline-block; position: relative; float: left; min-width: 12%; min-height: 220px; }

    .stepper-icon-wrapper .step .step-status { width: 48px; height: 48px; border: 1px solid #d4d4d4; border-radius: 24px; background: #fff; margin: 0 auto; position: relative; z-index: 9; text-align: center; display: block; font-size: 18px; }

    .stepper-icon-wrapper .step .numbered { line-height: 48px; text-align: center; font-weight: bold; color: #CCC; }

    .stepper-icon-wrapper .step .step-status i { font-size: 20px; margin-top: 10px; }

    .stepper-icon-wrapper .step .step-status.step-current { color: #ffffff; border-color: #2196f3; background: #2196f3; }

    .stepper-icon-wrapper .step .step-status.step-completed { color: #ffffff; background: #4CAF50; border-color: #4CAF50; }


        .stepper-icon-wrapper .step .step-status.step-completed span { color: #4CAF50; display: inline-block; width: 20px; height: 20px; text-align: center; /*background:#8BC34A; */ border-radius: 10px; position: absolute; top: -11px; right: -20px; }

            .stepper-icon-wrapper .step .step-status.step-completed span:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00c"; }

    .stepper-icon-wrapper .step .step-status.step-active { background: #2196f3; color: #fff; border-color: #2196f3; }

    .stepper-icon-wrapper .step .step-bar { border-top: 1px solid #CCC; position: absolute; top: 46px; width: 100%; }

    .stepper-icon-wrapper .step:first-child .step-bar { border-top: 1px solid #CCC; position: absolute; right: 0; width: 50%; }

    .stepper-icon-wrapper .step:last-child .step-bar { border-top: 1px solid #CCC; position: absolute; left: 0; width: 50%; }

    .stepper-icon-wrapper .step .step-text { margin-top: 5px; text-align: center; padding: 0 15px; width: 130px; }

.f-nav { z-index: 999 !important; }

.LMGArunFont { font-family: LMG-Rupen; font-size: 18px; }

.LMGArunFont24 { font-family: LMG-Rupen; font-size: 24px; }
.ShrutiFont { font-family: Shruti; font-size: 18px; }

.alert { padding: 12px 5px; position: fixed; width: 50%; left: 50%; margin-left: -25%; top: 2%; z-index: 999999999999; }

    .alert ul { margin-bottom: 0; font-size: 0.9em; }

        .alert ul li { }

.alert-dismissable .close, .alert-dismissible .close { right: 0; }

.modal-content .input-group .form-control-autocomplete { z-index: 9999999; }

.dashboard-panel .panel-heading, .dashboard-panel .panel-footer { padding: 5px 15px; }

.form-control { padding: 4px 12px !important; height: auto !important; font-size: 13px; }

.input-group-addon { font-size: 13px; }

.ui-dialog { z-index: 10000 !important; }

.form-group { margin-bottom: 5px; }

.modal.in .modal-dialog { z-index: 99999; }

.navbar-nav > li > a { font-size: 14px; }

.page-header { margin: 20px 0px; }

.panel { margin-bottom: 10px; }
.panel-body { padding: 5px; }
.TodayUpdateHeading { /*font-weight: bold;*/ font-size: 20px; }
.text-bold { font-weight: bold; }
footer { text-align: center; padding: 15px; border-top: 1px solid #ebebeb; background-color: #f9f9f9; text-align: center; }
.main-navbar { background-color: #337ab7;  background: linear-gradient(90deg,rgba(51, 122, 183, 1) 0%, rgba(55, 91, 145, 1) 100%); border-radius: 0; margin-bottom: 0; border: none; }
    .main-navbar .navbar-brand { padding: 5px 15px;  height:auto;}
    .nav-caption { padding: 15px; font-size: 14px; color: #ffffff; margin: 5px 0; }
.main-navbar .navbar-brand { display: inline-flex; align-items: center; text-decoration: none !important; }
.main-navbar .navbar-nav > li > a { margin: 5px 0; }
.main-navbar.navbar-default .navbar-nav > .open > a,
.main-navbar .navbar-default .navbar-nav > .open > a:focus,
.main-navbar.navbar-default .navbar-nav > .open > a:hover.navbar-default .navbar-nav > .open > a,
.main-navbar.navbar-default .navbar-nav > .open > a:focus, .main-navbar.navbar-default .navbar-nav > .open > a:hover { color: #ffffff !important; background-color: #2a3b60 !important; border-radius: 4px; }
.main-navbar .dropdown.open .dropdown-toggle .fa { color: #ffffff !important; }
.user-dropdown { min-width: 240px; }
.nav-dropdown-link-text { padding: 0 15px; margin-bottom:8px;}
.dropdown-toggle .fa { color:#ffffff;}
.dropdown.open .dropdown-toggle .fa { color: #333333; }
.system-name { margin: 0; padding: 0; font-size: 18px; color: #fff; border-left: 1px solid #fff; padding-left: 15px; line-height: 30px; background-color: transparent; text-align: center;  display: inline-block; margin-left: 20px; font-weight:bold; }
.main-navigation .navbar{ border-radius: 0; }


body.LoginPage { margin: 0; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #EFF3F6; }

.login-box { background-color: #ffffff; padding: 2.5rem; border-radius: 1rem; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); max-width: 360px; min-height: 450px; max-height: 600px; width: 90%; text-align: center; }

    .login-box h2 { font-size: 2.2rem; margin-bottom: 1.5rem; color: #333; font-weight: 700; }

    .login-box label { display: block; text-align: left; margin-bottom: 0.5rem; color: #444444; font-weight: bold; }

    .login-box .button-control { width: 100%; }
    .login-box .button-control { border-radius: 6px; font-weight: bold; text-align: center; min-width: 110px; outline: none; border: none; border: 1px solid #337ab7; margin-left: 2px; margin-right: 2px; background: #337ab7; color: #fff; font-size: 1em; padding: 12px 22px; text-decoration: none; display: inline-block; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; }
    .login-box .form-control { -moz-transition: border 0.3s linear; -o-transition: border 0.3s linear; -webkit-transition: border 0.3s linear; transition: border 0.3s linear; font-size: 1em; box-shadow: none; padding: 8px 12px !important; }
    .login-box .form-group { margin-bottom:20px; }


html, body { height: 100%; }


.login-container { display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; height: 100%; }
    .login-container .app-logo { width: 64px; height: auto; display: inline-block; }
    .login-container .login-sidebar { flex-grow: 0; background: #1e1e2d; }

@media (min-width: 960px) {
    .login-container .login-sidebar { width: 450px; }
}

@media (max-width: 980px) {
    .login-container .login-sidebar { display: none; }
}

.login-container .login-sidebar .login-sidebar-content { display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; justify-content: space-between; height: 100%; }
    .login-container .login-sidebar .login-sidebar-content .login-sidebar-header { font-weight: bold; padding: 60px 40px; color: #fff; }
        .login-container .login-sidebar .login-sidebar-content .login-sidebar-header h1 { margin: 0; text-align: center; font-size: 2em; font-weight: 600; }
            .login-container .login-sidebar .login-sidebar-content .login-sidebar-header h1 span { -moz-animation: blink 1.2s infinite; -o-animation: blink 1.2s infinite; -webkit-animation: blink 1.2s infinite; animation: blink 1.2s infinite; color: #fff; }
    .login-container .login-sidebar .login-sidebar-content .login-sidebar-image { display: flex; height: 100%; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; justify-content: flex-end; }
        .login-container .login-sidebar .login-sidebar-content .login-sidebar-image img { padding: 30px 40px; max-width: 100%; }
.login-container .login-content { display: flex; height: 100%; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; align-items: center; justify-content: center; -ms-flex: 1; -webkit-flex: 1; flex: 1; }
    .login-container .login-content .login-credentials { width: 320px; }
    .login-container .login-content .forget-password { margin-top: 1.5em; text-align: right; }
        .login-container .login-content .forget-password .link { padding-bottom: 3px; color: #e72e20; text-decoration: none; }
.login-container.Style3 { -ms-flex-direction: unset; -webkit-flex-direction: unset; flex-direction: unset; }
    .login-container.Style3:after { content: ""; background: #f8f7f7; -moz-animation: gradient 15s ease infinite; -o-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; }
    .login-container.Style3 .image-content { padding: 15px; z-index: 9; width: 60%; display: flex; height: 100%; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; align-items: center; justify-content: center; -ms-flex: 1; -webkit-flex: 1; flex: 1; background-color: #337ab7; background: linear-gradient(90deg, rgba(55, 91, 145, 1) 100%,rgba(51, 122, 183, 1) 0%); }
        .login-container.Style3 .image-content img {/* border-radius: 50%;*/ max-width: 50%; }

@media (max-width: 1200px) {
    .login-container.Style3 .image-content { display: none; }
}

.login-container.Style3 .login-content { z-index: 9; width: 40%; }
    .login-container.Style3 .login-content h1 { margin: 0; position: absolute; left: 25px; top: 25px; font-size: 2.1em; font-weight: 600; }

@media (max-width: 1200px) {
    .login-container.Style3 .login-content h1 { text-align: center; position: relative; top: auto; left: auto; }
}

.login-container.Style3 .login-content .login-form { width: 320px; margin: 15px; }
    .login-container.Style3 .login-content .login-form .login-inputs { background: #fff; padding: 15px; margin-bottom: 30px; border-radius: 4px; box-shadow: 0 3px 20px 6px rgba(0, 0, 0, 0.02); }
        .login-container.Style3 .login-content .login-form .login-inputs .login-form-group { margin-bottom: 30px; }
            .login-container.Style3 .login-content .login-form .login-inputs .login-form-group:last-child { margin-bottom: 15px; }
        .login-container.Style3 .login-content .login-form .login-inputs label { font-size: 1.05em; }
        .login-container.Style3 .login-content .login-form .login-inputs .login-form-control { border: none; border-bottom: 1px solid #a6a096; outline: none; border-radius: 0; padding: 10px 0; }
.login-container.Style3 .button-control { width: 100%;  border-radius: 6px; font-weight: bold; text-align: center; min-width: 110px; outline: none; border: none; border: 1px solid #337ab7; margin-left: 2px; margin-right: 2px; background: #337ab7; color: #fff; font-size: 1.1em; padding: 12px 22px; text-decoration: none; display: inline-block; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; }
.login-form-group { display: block; margin-bottom: 30px; }
    .login-form-group label { display: block; font-weight: bold; margin-bottom: 5px; }
    .login-form-group .login-form-control { display: block; border-radius: 4px; border: 1px solid #ecebe9; padding: 10px; width: 100%; }

.copyright { margin-top: 20px; color: #666057; }

.clear-fix { clear: both; overflow: hidden; }

.float-left { float: left; }

.float-right { float: right; } 

.TotalReceipts { color:#ffffff !important; background-image: repeating-linear-gradient(90deg, hsla(253, 0%, 96%, 0.05) 0px, hsla(253, 0%, 96%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, hsla(253, 0%, 96%, 0.05) 0px, hsla(253, 0%, 96%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, hsla(253, 0%, 96%, 0.07) 0px, hsla(253, 0%, 96%, 0.07) 1px, transparent 1px, transparent 26px), repeating-linear-gradient(90deg, hsla(253, 0%, 96%, 0.07) 0px, hsla(253, 0%, 96%, 0.07) 1px, transparent 1px, transparent 26px), linear-gradient(45deg, hsl(213, 62%, 51%), hsl(213, 62%, 51%)); border-color: #357AD0; color: #ffffff; text-decoration: none !important; }

.ReleaseReceipts { color: #ffffff !important; background-image: repeating-linear-gradient(90deg, hsla(253, 0%, 96%, 0.05) 0px, hsla(253, 0%, 96%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, hsla(253, 0%, 96%, 0.05) 0px, hsla(253, 0%, 96%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, hsla(253, 0%, 96%, 0.07) 0px, hsla(253, 0%, 96%, 0.07) 1px, transparent 1px, transparent 26px), repeating-linear-gradient(90deg, hsla(253, 0%, 96%, 0.07) 0px, hsla(253, 0%, 96%, 0.07) 1px, transparent 1px, transparent 26px), linear-gradient(45deg, rgb(89, 190, 112), rgb(89, 190, 112)); border-color: #59be70; color: #ffffff; text-decoration: none !important; }

.PendingReceipts { color: #ffffff !important; background-image: repeating-linear-gradient(90deg, hsla(253, 0%, 96%, 0.05) 0px, hsla(253, 0%, 96%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, hsla(253, 0%, 96%, 0.05) 0px, hsla(253, 0%, 96%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, hsla(253, 0%, 96%, 0.07) 0px, hsla(253, 0%, 96%, 0.07) 1px, transparent 1px, transparent 26px), repeating-linear-gradient(90deg, hsla(253, 0%, 96%, 0.07) 0px, hsla(253, 0%, 96%, 0.07) 1px, transparent 1px, transparent 26px), linear-gradient(45deg, rgb(243, 150, 28), rgb(243, 150, 28)); border-color: #F3961C; color: #ffffff; text-decoration: none !important; }

.count-caption { font-size: 2em; font-weight: bold; }