/* start from Ritendra */
body {
    background-color: #908181;
}

.wrap {
    height: auto;
    background-color: #fdfcfa;

}

.startEndButton {
    padding-bottom: 1px;
}

.navbar {
    background-color: #204d74;
    box-shadow: 1px 0px 1px 0px;
    margin-bottom: 10px;
}

.navbar-default .navbar-brand {
    background-color: #2d597f;
    color: #f7efef;
    padding-bottom: 1px;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    background-color: #f4f4f9;
    color: #070707;
}

.navbar-default .navbar-brand:hover {
    background-color: #406688;
    color: #e8eef3;
}

.navbar-left {
    color: #08e2ea;
    text-align: center;
    cursor: pointer;
    width: 80%;
}

.login-btn {
    background-color: #406688;
    float: right !important;
}

.wrap .navbar-default .login-btn a:hover {
    color: #406688;
}

.navbar-default .navbar-nav > li > a {
    color: #f4fdfd;
    margin-left: 15px;
}

.fa-login_icon_cls {
    font-weight: 984;
    background-color: #204d74;
    font-size: 20px;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid rgb(234, 234, 241);
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #FFFFFF;
    background-color: #ededf6;
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
    color: #FFFFFF;
}

.wrap.container {
    width: 30px;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #0b0b0b;
    text-align: center;
    padding-top: 22px;
}

.left-content-welcome {
    margin: 40% auto;
}

.left-content-welcome h1 {
    font-size: 38px;
}

.left-content-welcome h2 {
    font-size: 1px;
}

.left-content-welcome p {
    margin: 2px;
    font-size: 25px;
}

.left-content-welcome a {
    margin: 32px;
}

/*** Login ***/
.navbar-default .navbar-nav > .active > a {
    background-color: #ebebf3;
    color: white;
}

.navbar-default .navbar-nav > .active > a:hover {
    background-color: #f2f2fa;
    color: #FFFFFF;
}

.site-login {
    width: 50%;
    margin: 5px;
    text-align: center;
    background-color: #eaeaef;
    margin: auto;
    margin-top: 50px;
    padding: 5px;
}

.login_form_content {
    margin: 10px auto;
    width: 60%;
    text-align: left;
}

.btn-login {
    width: 80%;
    margin-left: 40px;
    margin-bottom: 30px;
    border-radius: 15px;
}

.control-label {
    color: #000000;
    margin: 2px;
}

.has-error .control-label {
    color: #b81900;
}

/*** end login ****/

/*** side menu ****/
.three-line-menu {
    font-size: 18px;
    margin-left: 15px;
    margin-right: 60px;
    margin-top: 5px;
}

.top-search input {
    min-width: 750px;
    margin-top: 8px;
}

.nav li > form > button.logout {
    background-color: #2d597f;
    color: #fbf5f5;

}

.nav li > form > button.logout:hover {
    background-color: #406688;
    color: #fbf9f9;
}

.sidebar {
    width: 213px;
    margin-top: 5px;
}

.sidebar a {
    padding: 8px 8px 8px 15px !important;
}

.sidebar .fas {
    color: #FFFFFF;
    margin-left: 0px;
}

.sidebar a span {
    color: #ffffff;
    font-size: 22px;
}

.sidebar ul {
    list-style: none;
    padding: 8px 8px 8px 2px;
    font-size: 20px;

}

/*** End side menu ****/
/*** start customer page ***/
.customer-index h1 {
    color: rgb(232, 232, 246);
    text-align: center;
}

.summary {
    font-weight: 900;

}

.summary b {
    color: lightseagreen;
}

.a {
    color: blue;
}

.customer-create {
    background-color: lavender;
}

.customer-create h1 {
    text-align: center;
    padding: 10px;
    color: darkblue;

}

.breadcrumb a {
    color: black;
}

.breadcrumb active {
    color: black;
}

.btn-create {
    background-color: #0F0CF2;
    border-radius: 50px;
    margin-top: 10px;
    width: 15%;
    margin-bottom: 5px;
}

.btn-create:hover {
    background-color: #036012;
}

.customer-index a {
    color: white;
}

.index {
    background-image: url("emp.png");
}

.table-bordered > thead > tr > th {
    background-color: #406688;
    color: rgb(253, 252, 252);
}

.table-bordered > thead > tr > th > a {
    color: #FFFFFF;
}

.table-bordered > thead > tr > td {
    background-color: #edeaea;
}

.customer-index td a {
    color: #d8780f;
}

.product-type-index a {
    color: white;
}

.customer-create-btn {
    text-align: center;
    border-radius: 30px;
    width: 200px;
}

.b, strong {
    font-weight: 900;
    color: firebrick;
}

.customer-view h1 {
    color: rgb(233, 233, 241);
    text-align: center;
}

.customer-update {
    background-color: lavender;
}

.customer-update h1 {
    text-align: center;
    color: rgb(250, 250, 251);
    padding: 10px;

}

/*** end customer page ***/
/*** start setup ***/
.attention {
    padding: 50px;
    box-shadow: 1px 1px 0px 0px #f7bd20;
    background-color: #204d74;
}

.attention a div.step_up_icon {
    border-radius: 50%;
    padding: 30px;
    /* border: 1px solid #000; */
    background-color: #204d74;
    width: 100%;
    margin: 0px auto;
}

.attention a div.step_up_icon i {
    font-size: 48px;
    color: #FFFFFF;
}

.step_up_title {
    font-size: 30px;
}

.step_up_title a {
    color: white;
}

#time-3-icon {
    fill: white;
}

/*** end setup ***/
/*** start create product ***/
.product-create {
    background-color: lavender;
}

.product-create h1 {
    text-align: center;
    padding: 10px;
    color: rgb(236, 236, 243);
}

.product-index h1 {
    color: rgb(245, 245, 253);
    text-align: center;
}

.form-group {
    margin-bottom: 0px;
    padding: 20px;
}

form > div {
    padding: 6px 24px;
    border-radius: 0px;
}

.action-column a {
    color: #FFFFFF;
}

.product-view h1 {
    color: rgb(241, 241, 253);
    text-align: center;
}

.product-update {
    background-color: lavender;
}

.product-update h1 {
    text-align: center;
    color: rgb(235, 235, 244);
    padding: 10px;

}

/*** end create product ***/
/*** start product type ***/
.product-type-create {
    background-color: lavender;
    padding: 15px;
    margin: 50px;
}

.product-type-create h1 {
    text-align: center;
    padding: 10px;
    color: rgb(230, 230, 241);

}

.product-type-create h1 {
    text-align: center;
    padding: 10px;
}

.btn-submit {
    float: right;
    width: 70px;
    margin-top: -18px;
    border-radius: 30px;
}

.btn-submit:hover {
    background-color: #5e5ef2;
}

.product-type-index h1 {
    color: darkblue;
    text-align: center;
}

/*** end product type ***/
/*** start system config ***/
.system-config-index h1 {
    text-align: center;
    color: darkblue;
}

.system-config-create h1 {
    color: darkblue;
    text-align: center;
    padding: 10px;
}

.system-config-create {
    background-color: lavender;
}

/*** end system config ***/
/*** start Remark ***/
.remark-create h1 {
    color: darkblue;
    text-align: center;
    padding: 10px;
}

.remark-create {
    background-color: lavender;
}

.remark-index h1 {
    color: darkblue;
    text-align: center;
}

.remark-create h1 {
    text-align: center;
    padding: 10px;
    color: darkblue;
}

.remark-view h1 {
    color: darkblue;
    text-align: center;
}

.remark-update {
    background-color: lavender;
}

.remark-update h1 {
    text-align: center;
    color: darkblue;
    padding: 10px;
}

/*** End Remark ***/
/*** start user ***/
.user-profile-create {
    background-color: lavender;
}

.user-profile-index h1 {
    text-align: center;
    color: darkblue;
}

.user-profile-create h1 {
    text-align: center;
    padding: 10px;
    color: darkblue;
}

.user-profile-view h1 {
    color: darkblue;
    text-align: center;
}

.user-profile-update {
    background-color: lavender;
}

.user-profile-update h1 {
    text-align: center;
    color: darkblue;
    padding: 10px;
}

/*** end user ***/
/*** start status ***/
.status-index h1 {
    text-align: center;
    color: darkblue;
}

.status-create h1 {
    text-align: center;
    padding: 10px;
    color: darkblue;
}

.status-create {
    background-color: lavender;
}

/*** End status ***/
/** start pagination **/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #5e5ef2;
    color: #ffffff;
}

.pagination {
    float: right;
}

/*** end pageination ***/
.text-note {
    text-align: right;
    margin-right: 22px;
    color: red;
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0px;
    }

    .navbar {
        border-radius: 0px;
    }

    .navbar-left {
        float: right !important;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}