.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

.container-center {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

input {
    max-width: inherit;
}

.form-control {
    width: 100%;
    border-radius: 0px;
}

.top1 {
    margin-top: 5px;
}

.top2 {
    margin-top: 10px;
}

.top3 {
    margin-top: 15px;
}

.top4 {
    margin-top: 20px;
}

.top5 {
    margin-top: 25px;
}

.top6 {
    margin-top: 30px;
}

.topradiochk {
    margin-top: 29px;
}

btn,
.btn-sm,
.btn-lg,
.btn-primary,
.btn-warning,
.btn-success,
.btn-danger,
.btn-info,
.btn-outline-primary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-danger,
.btn-outline-warning,
.btn-dark, 
.input-group-text {
    border-radius: 0px;
}

.glyphicon {
    margin-right: 8px;
}

.alert {
    width: inherit;
}

img.breadcrumb {
    margin-left: 10px;
    margin-right: 10px;
    background-color: transparent;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    content: url("../Images/Shared/breadcrumb-arrow.png");
}

.bold {
    font-weight: bold;
}

.footer-text {
    text-align: center;
}

textarea {
    max-width: none;
}

h4 {
    margin-bottom: 5px;
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}


.pre-scrollable-y {
    overflow-x: hidden;
}

.pre-scrollable-x {
    overflow-y: hidden;
}

/*
.list-group-sort {
    border-radius: 0px;
}

    .list-group-sort li {
        margin: 5px;
        border-radius: 0px;
    }

    .list-group-sort .list-group-item:first-child {
        border-top-right-radius: 0px !important;
        border-top-left-radius: 0px !important;
    }

    .list-group-sort .list-group-item:last-child {
        border-bottom-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }

.list-group-item.warning,
.list-group-item.warning:hover,
.list-group-item.warning:focus {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.list-group-item.success,
.list-group-item.success:hover,
.list-group-item.success:focus {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.list-group-item.info,
.list-group-item.info:hover,
.list-group-item.info:focus {
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.list-group-item.danger,
.list-group-item.danger:hover,
.list-group-item.danger:focus {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d9534f;
}
*/
td.block {
    white-space: nowrap;
    width: 1%
}

a.logo {
    /*background: url(../Images/logo.png) no-repeat top left;*/
    content: "RAMS";
    display: block;
    width: 252px;
    height: auto;
    text-indent: -9999px; /* hides the link text */
}


.logoCompany {
    background: url(../Images/Icon/Company.png) no-repeat top left;
    resize: both;
    width: 100%;
    height: 100%;
}

.modal {
    /*
         Scroll and focus issue with multiple modals open.
         https://github.com/nakupanda/bootstrap3-dialog/issues/70
     */
    overflow: auto !important;
}

.no-record {
    color: #C4C4C4;
}

.ui-autocomplete {
    position: absolute;
    z-index: 1000;
    cursor: default;
    padding: 0;
    margin-top: 2px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    max-height: 300px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
}

    .ui-autocomplete > li {
        padding: 3px 20px;
    }

        .ui-autocomplete > li.ui-state-focus {
            background-color: #DDD;
        }

.ui-helper-hidden-accessible {
    display: none;
}



.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1100;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    background-image: none;
}


.qq-thumbnail-selector {
    cursor: pointer;
}

@media (min-width: 1200px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        width: 100%;
    }
}

.bottom2 {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}


/*Site.css*/

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 100%;
}

/*table formatting */
.no-record::before {
    content: "No record found!";
}

.no-record {
    text-align: center;
    color: #949596;
}

.failed-to-load::before {
    content: "Failed to load record! Please refresh and try again.";
}

.failed-to-load {
    text-align: center;
    color: #ff0000;
    font-size: larger;
    font-weight: bold;
}

#loading-indicator {
    /*position: absolute;
  left: 10px;
  top: 10px;*/
    /* border: 1px solid #000000;*/
    /*some magic to align the element in the center;
       width:        1000px;
       margin-left:  -500px;/* half of the width */
}

#div-loading-indicator {
    position: fixed;
    width: 100%;
    top: 10px;
    margin1: 0 auto;
    background-color: Transparent;
    z-index: 10000 !important;
}

.not-active {
    pointer-events: none;
    cursor: default;
}

.front-banner {
    margin: 10px;
}

.main-category {
    background-color: #e3e3e3;
}

.container-top-margin {
    margin-top: 80px;
    padding-top: 80px;
}

.form-change-password {
    width: 400px
}

.col-centered {
    float: none !important;
    margin: 0 auto;
}
/* http://stackoverflow.com/questions/19741145/bootstrap-navbar-fixed-top-covers-content */
#godown {
    height: 60px;
}

.dropdown-menu > li > a:hover {
    color: #dbdbdb !important;
}

.dropdown-menu > li > a:focus:hover {
    color: #000099 !important;
}


.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout-primary {
    border-left-color: #337ab7;
}

.bs-callout-success {
    border-left-color: #5cb85c;
}

.bs-callout-info {
    border-left-color: #5bc0de;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.datepicker-days, .datepicker-months, .datepicker-years {
    background-color: white;
    border: 1px;
}

.datepicker-dropdown {
    background-color: white !important;
}

.datepicker {
    padding: 0px !important;
}

.margin-reset {
    margin: 0px !important;
}

.divider {
    margin: 0px !important;
    height: 3px !important;
    background-color: #2e2e2e !important;
}

/*Dropdown List Start*/
.just-padding {
    padding: 15px;
}

.list-group.list-group-root {
    padding: 0;
    overflow: hidden;
}

    .list-group.list-group-root .list-group {
        margin-bottom: 0;
    }

    .list-group.list-group-root .list-group-item {
        border-radius: 0;
        border-width: 1px 0 0 0;
    }

    .list-group.list-group-root > .list-group-item:first-child {
        border-top-width: 0;
    }

    .list-group.list-group-root > .list-group > .list-group-item {
        padding-left: 30px;
        font-size:1.0rem;
    }

    .list-group.list-group-root > .list-group > .list-group > .list-group-item {
        padding-left: 45px;
        font-size: 0.8rem;
    }

    .list-group.list-group-root > .list-group > .list-group > .list-group > .list-group-item {
        padding-left: 50px;
        font-size: 0.8rem;
    }

.list-group-item .glyphicon {
    margin-right: 5px;
}
/*Dropdown List End*/

.no-white-space {
    white-space: nowrap;
}

.set-white-space {
    white-space: pre-wrap;
}

#fine-uploader-manual-trigger .qq-upload-button {
    margin-right: 15px;
}

#fine-uploader-manual-trigger .buttons {
    width: 36%;
}

#fine-uploader-manual-trigger .qq-uploader .qq-total-progress-bar-container {
    width: 60%;
}

.qq-upload-thumb {
    max-width: 120px !important;
    display: inline-block !important;
}


/**Yip Change **/
@media screen and (max-width: 1100px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

    .indent-content {
        margin-left: 15px !important;
    }
}

.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
}



@media screen and (min-width: 768px) {
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
    .col-lg-offset-4 {
        margin-left: 25%;
        width: 50%;
    }
}

/*** Yip Change End */

.dropdown-submenu > .dropdown-menu {
    margin-top: -1px !important;
}

.qq-upload-file {
    font-size: 12px !important;
    height: 100% !important;
}

.qq-uploader {
    max-height: none !important;
}

.qq-upload-delete-selector {
    /*display:block !important; */
}

.required > label:after {
    content: "  *";
}

.required > label {
    color: Red;
}

.preline {
    white-space: pre-line !important;
}
/*

.list-group-item-dark {
    color: #fff;
    background-color: #343a40;
}

a.list-group-item-dark,
button.list-group-item-dark {
    color: #fff;
}

    a.list-group-item-dark .list-group-item-heading,
    button.list-group-item-dark .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-dark:hover,
    button.list-group-item-dark:hover,
    a.list-group-item-dark:focus,
    button.list-group-item-dark:focus {
        color: #fff;
        background-color: #343a40;
    }

    a.list-group-item-dark.active,
    button.list-group-item-dark.active,
    a.list-group-item-dark.active:hover,
    button.list-group-item-dark.active:hover,
    a.list-group-item-dark.active:focus,
    button.list-group-item-dark.active:focus {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }



.list-group-item-secondary {
    color: #fff;
    background-color: #6c757d;
}

a.list-group-item-secondary,
button.list-group-item-secondary {
    color: #fff;
}

    a.list-group-item-secondary .list-group-item-heading,
    button.list-group-item-secondary .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-secondary:hover,
    button.list-group-item-secondary:hover,
    a.list-group-item-secondary:focus,
    button.list-group-item-secondary:focus {
        color: #fff;
        background-color: #5a6268;
    }

    a.list-group-item-secondary.active,
    button.list-group-item-secondary.active,
    a.list-group-item-secondary.active:hover,
    button.list-group-item-secondary.active:hover,
    a.list-group-item-secondary.active:focus,
    button.list-group-item-secondary.active:focus {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }




.list-group-item-light {
    color: #212529;
    background-color: #f8f9fa;
}

a.list-group-item-light,
button.list-group-item-light {
    color: #212529;
}

    a.list-group-item-light .list-group-item-heading,
    button.list-group-item-light .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-light:hover,
    button.list-group-item-light:hover,
    a.list-group-item-light:focus,
    button.list-group-item-light:focus {
        color: #212529;
        background-color: #e2e6ea;
    }

    a.list-group-item-light.active,
    button.list-group-item-light.active,
    a.list-group-item-light.active:hover,
    button.list-group-item-light.active:hover,
    a.list-group-item-light.active:focus,
    button.list-group-item-light.active:focus {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }


.list-group-item-gray {
    color: #212529;
    background-color: #e3e6e8;
}

a.list-group-item-gray,
button.list-group-item-gray {
    color: #212529;
}

    a.list-group-item-gray .list-group-item-heading,
    button.list-group-item-gray .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-gray:hover,
    button.list-group-item-gray:hover,
    a.list-group-item-gray:focus,
    button.list-group-item-gray:focus {
        color: #212529;
        background-color: #e3e6e8;
    }

    a.list-group-item-gray.active,
    button.list-group-item-gray.active,
    a.list-group-item-gray.active:hover,
    button.list-group-item-gray.active:hover,
    a.list-group-item-gray.active:focus,
    button.list-group-item-gray.active:focus {
        color: #212529;
        background-color: #e3e6e8;
        border-color: #dae0e5;
    }
*/

.list-group-item:first-child {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.chartGoogle {
    margin: 0 auto !important;
    text-align: center;
}

    .chartGoogle > div {
        position: absolute;
    }

.table th, .table td {
    padding: 0.75rem !important;
    vertical-align:middle;
}


/**Yip Change **/
    @media screen and (max-width: 1100px) {
        .table-responsive {
            width: 100%;
            margin-bottom: 15px;
            overflow-y: hidden;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            border: 1px solid #ddd;
        }

            .table-responsive > .table {
                margin-bottom: 0;
            }

        .indent-content {
            margin-left: 15px !important;
        }
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
}



@media screen and (min-width: 768px) {
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .col-lg-offset-4 {
        margin-left: 25%;
        width: 50%;
    }
}

@media screen and (max-width: 1024px) {
    .bigScreen {
        display: none !important;
    }

    .smallScreen {
        display: block !important;
    }
}

.fixedHeader {
    overflow-y: auto;
    resize: vertical;
}

thead tr:nth-child(1) th {
    background: white;
    position: sticky;
    top: 0;
    z-index: 10;
}

.BoxStyleBase {
    text-align: center;
    padding: 20px;
    margin: 0px 10px 20px 10px;
}

.BoxStyle {
    border: 1px solid #0000de;
    color: #333;
}

.BoxStyle2 {
    border: 1px solid #00a4ef;
    background-color: #00a4ef;
    color: #fff;
}

.BoxStyle3 {
    border: 1px solid #f25022;
    background-color: #f25022;
    color: #fff;
}

.BoxStyle4 {
    border: 1px solid #ffb900;
    background-color: #ffb900;
    color: #fff;
}

.BoxTitle {
    font-size: 20px
}

.BoxText {
    font-size: 40px
}
.labelfordisplay {
    display: block;
    font-weight: normal !important;
}
/*** Yip Change End */

.table
{
    margin-bottom:0;
}

.input-group-append .fa
{
    padding-top:10px;
}

/*Nav Bar*/
.navbar div ul li a 
{
    color: #606060FF !important;
}
.navbar div ul li .dropdown-menu {
    padding: 0px;
    margin: 0px;
    border: 0px;
}
.navbar div ul li .dropdown-menu .dropdown-item {
    background-color: #ffce3c;
    padding: 10px 15px;
}
.navbar div ul li .dropdown-menu .dropdown-item:hover {
    background-color: #ffc107;
}
.navbar div ul li {
    padding: 0px;
}
.navbar div ul li:hover {
    background-color: #ffce3c;
}
.navbar {
    padding: 0px 10px 0px 0px;
    margin: 0px;
}
.navbar .navbar-brand {
    padding: 10px 15px;
    margin: 0px;
}
.navbar .navbar-brand:hover {
    background-color: #ffce3c;
}
.navbar-brand {
    color: #606060FF !important;
}
.dropdown-menu {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
}

.dropdown-divider {
    margin: 0px;
    padding: 0px;
    background-color: #e6e6e6;
    border: 0px;
    height: 3px;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 13px 15px;
}
.navbar-toggler {
    border-color: white !important;
}
/*End Navbar*/


.form-group label{
    font-weight:bold;
}

.center_div {
    margin: 0 auto;
    width: 500px !important; /* value of your choice which suits your alignment */
}

.lh-inherit{
    line-height:inherit !important;
}

.qq-upload-button
{
    width:auto !important;
}

.list-group-root a:hover {
    text-decoration: none;
}
.list-group-root a{
    margin-top:1px;
}

.list-group-item
{
    border:0px;
}

.list-group-item-info:hover {
    color: #0c5460;
}
.list-group-item .badge {
    /*line-height: unset;*/
    padding-left: 5px;
    padding-right: 5px;
    font-size:16px;
}
.p-list{
    padding:13px 16px;
}

.chart {
    width: 100%;
    min-height: 450px;
}


.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.dropdown-display-1{
    font-size:2.0rem;
}
.dropdown-display-2 {
    font-size: 1.8rem;
}
.dropdown-display-3 {
    font-size: 1.6rem;
}
.dropdown-display-4 {
    font-size: 1.4rem;
}
.dropdown-display-5 {
    font-size: 1.2rem;
}
.dropdown-display-5-5 {
    font-size: 1.1rem;
}
.dropdown-display-6 {
    font-size: 1.0rem;
}
.dropdown-display-6-5 {
    font-size: 0.9rem;
}
.dropdown-display-7 {
    font-size: 0.8rem;
}
.dropdown-display-8 {
    font-size: 0.6rem;
}
.dropdown-display-9 {
    font-size: 0.4rem;
}
/*
.list-group-mncs > a {
    font-size: 1.2rem;
}*/

/*.list-group.list-group-root > .list-group > .list-group > .list-group > .list-group-item {
    margin-top: 0px !important;
    color: #dc3545 !important;
    font-size: 0.8rem;*/  
/*    padding-top:0px;*/
/*}*/

/*.list-group.list-group-root > .list-group > .list-group-item
{
    color:black;
}
*/
.close:hover{
    cursor:pointer;
}

.img-thumbnail-mh-150 {
    max-height: 125px !important;
}
.img-thumbnail-mh-200 {
    max-height: 150px !important;
}
.img-thumbnail-mh-300 {
    max-height: 185px !important;
}

.border-gray {
    border-color: #dee2e6 !important;
}

.card-body-label-normal > div > div > div > label{
    font-weight:normal !important;
}

.card-thumb{
    height:100%;
   vertical-align:middle!important;
   align-items:center;
   flex-direction:unset !important;
}

.card-thumb > a > img {
    width: inherit;
}

    .card-thumb > a {
        width: 100%;
    }

.non-flex{
    flex-wrap:unset !important;
}