﻿.error {
    color: red;
}

.logo-mini
{
    background-color: white;
}
.logo-mini img
{
        height: 35px;
    max-width: 100%;
}
.logo-lg
{
    background-color: white;
}
.logo-lg img
{
        height: 57px;
    max-width: 100%;
}
.modal-dialog {
    min-width: 1200px;
    min-height: 600px;
}

.back-bg {-ms-flex-align: center;-ms-flex-pack: center;-webkit-align-items: center;-webkit-box-align: center;-webkit-box-pack: center;-webkit-justify-content: center;align-items: center; background-image: url('../images/back-login-bg.jpg');background-size: cover;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;float: left;justify-content: center;min-height: 100vh;position: relative;width: 100%;z-index: 2;overflow: hidden;background-position:center center;}
.back-bg:after {background: rgba(0, 0, 0, 0.4);content: "";height: 100%;position: absolute;right: 0;top: 0;width: 100%;z-index: -1;}
.erp-login {margin: 0;width: 500px}
.log-box {background: rgba(255, 255, 255, 0.9);border-radius: 5px;padding: 45px 50px;position: relative;}
.logo-view {text-align: center;}
.logo-view img {height: 80px;}
p.login-msg-title {margin: 0;text-align: center;padding: 20px;font-size: 20px;}
.log-box .form-control {background: #fff;border: 1px solid #d8d8d8;border-radius: 40px;box-shadow: 0px 0px 20px rgba(183, 183, 183, 0.45);height: 50px;line-height: 50px;padding: 0 20px;padding-right: 50px;}
.log-box .fa {font-size: 18px;display: inline-block;margin: 8px 12px 0 0;color: #89898b;}
.manage-view .checkbox {display: inline-block;}
.manage-view .forgot {display: inline-block;float: right;margin-top: 10px;}
.manage-view .icheckbox_square-blue {margin-right: 5px;}
.act-btn{text-align:center;}
.act-btn .btn.btn-primary.btn-block {background: #3c8dbc;border: none;border-radius: 40px;box-shadow: 0px 0px 20px rgba(60, 141, 188,0.45);color: #fff;font-size: 14px;letter-spacing: 1.5px;line-height: 20px;outline: none;padding: 10px 25px;text-decoration: none;text-transform: uppercase;transition: all 0.4s;max-width: 130px;margin: 20px auto 0;}
.act-btn .btn.btn-primary.btn-block:hover {background: #e29725;box-shadow: 0px 0px 20px rgba(226, 151, 37,.45);}
#particles-js {position: absolute;top: 0;left: 0;width: 100%;height: 1000%;z-index: -1;}
.skin-yellow .main-header .logo,.skin-yellow .main-header .logo:hover {background: #fff;}
.logo-lg img {height: 45px;max-width: 100%;}
.messages-menu .label {padding: 8px;margin-top: 13px;display: inline-block;}

.box{box-shadow:0 10px 24px 0 rgba(53, 53, 53, 0.12);}
.custom-tab .nav-tabs-custom > .nav-tabs {padding: 0 10px;margin-top: 15px;}
.custom-tab .nav-tabs-custom>.nav-tabs>li>a{text-align:center;}
.custom-tab .nav-tabs-custom > .nav-tabs > li.active a,.custom-tab .nav-tabs-custom>.nav-tabs>li.active:hover>a {background: #ffe9c7;color: #f39c12;}
.custom-tab .nav-tabs-custom > .nav-tabs > li.active {border-top-color: #f39c12;}
.custom-tab .nav-tabs-custom > .nav-tabs > li > a, .custom-tab .nav-tabs-custom > .nav-tabs > li > a:hover {background: #f3f3f3;margin-bottom:3px;}
.mar-view {margin: 15px 10px;}
.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {background-color: #ffe9c7;}
.fix-height-scroll {max-height: 250px;overflow: auto;}
.lblQueryType-view lable {font-size: 16px;margin: 10px 0;display: inline-block;font-weight: 600;color: #f39c12;}
#availableDbConnections {height: 300px;}

.query-list > ul {padding:0;list-style:none;}
.query-list > ul > li{display:inline-block;}
.query-list > ul > li > a {padding: 6px 12px;display: inline-block;background-color: #f5f5f5;margin: 5px;color: #7d7d7d;border-radius: 3px;border: 1px solid #ddd;transition: all 0.4s;}
.query-list > ul > li > a:hover {background-color: #e2e2e2;}
.query-list > ul > li.active > a {background-color: #f39c12 !important;color: #fff;border-color: #f39c12 !important;position:relative;}
.form-inline-btn #form{display:inline-block;vertical-align: bottom;}
.query-list > ul > li.active > a:after {content: '\f0d7 ';font-family: fontawesome;position: absolute;bottom: -13px;color: #f39c12;right: 0;left: 0;margin: 0 auto;text-align: center;}
