/* Larger Side Border */

/* site title
----------------------------------------------------------*/
.site-title {
   color: #AC3939; /* #c8c8c8; */
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
     background: none;
    color: #AC3939; /* #c8c8c8; */
    outline: none;
    text-decoration: none;
}

.divListDesTop{

     padding: 0px 0px 10px;

    }
.verticalLine {
     
    border-left: thin solid #ada69f;
    }

h1, h2, h3 {
     padding-bottom: 5px;
     margin-top: 2px;
     margin-bottom: 10px;
}

hr {    
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #ada69f /*#0e0e0e*/;
}

/* Search Box *************************************************************************************************/

.searchDivCloseBtn {
    float: right;
    z-index: 1;
    /* height: 30px; */
    position: relative;
    /* top: -10px; */
}

.btn {
    width: 20%;
    min-width: 90px;
}

/**************************************************************************************************************/

div.page-footer {
    position: absolute;
    bottom: 0px;
    z-index: 904;
}

div#content {
    margin-bottom: 80px;
}

/*
aside#left-panel {
    margin-bottom: 80px;
}
    */


/*
input[type="text"] .moneyDisplay {
    width: 70px;
}
    */


/**************************************************************************************************************/
/*  Dialog Box field width                                                                                    */
/**************************************************************************************************************/
div.ngdialog input {
    width: 100%;
}

div.ngdialog select {
    width: 100%;
}

div.ngdialog input[type="radio"] {
    width: 50px;
}
div.ngdialog input[type="checkbox"] {
    width: 50px;
}



div#click-upLoad-logo {
    margin-top: 5px;
    /* text-align: right; */
}
div#click-upLoad-logo a {
    font-size: x-small; /* smaller; */
    cursor: pointer;
    color: black;
}
    div#click-upLoad-logo a:hover {
        color: #e65989
    }




/**************************************************************************************************************/
/*  General Styles                                                                                            */
/**************************************************************************************************************/

div.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

a:hover {
    color: rgb(163, 25, 72)
}


.form-control {
    /* width: 100% !important; */
}


input {
    padding-left: 5px;
    padding-right: 3px;
}


/***************************************************************************************************/

.ui-datepicker
/* .ui-datepicker-prev .ui-datepicker-next */ {
    cursor: pointer
}



/**************************************************************************************************************/
/*  Some Border Colors                                                                                        */
/**************************************************************************************************************/

.RedBorder {
    background-color: rgba(234, 67, 53, 0.3)    /* rgba(240, 145, 134, 0.3) */ ;
    border-color: rgb(255, 50, 50);
}

.GreenBorder {
    background-color: rgba(52, 168, 83, 0.3)    /* rgba(159, 255, 56, 0.3) */ ;
    border-color: rgb(11, 128, 11);
}

.BlueBorder {
    background-color: rgba(66, 133, 244, 0.3)   /* rgba(112, 151, 190, 0.3) */ ;
    border-color: rgb(50, 50, 255);
}
.BlueBorder-2 {
    background-color: rgba(66, 133, 244, 0.3) /* rgba(112, 151, 190, 0.3) */;
    border-color: rgb(50, 50, 255);
}

.YellowBorder {
    background-color: rgba(240, 173, 78, 0.3);
    border-color: rgb(240, 173, 78);
}
.OrangeBorder {
    background-color: rgba(240, 173, 78, 0.3);
    border-color: rgb(240, 173, 78);
}


/* Laybye List *************************************************************************************************/
.divListItemMid .laybye-state {
    float: right;
    margin-right: 5px;
}

.mbs-anchor-link-blue {
    font-weight: 700;
    color: rgb(50, 118, 177);
}


/**************************************************************************************************************/

@media (max-width: 350px) {
    .mbs-scr-sm-hide-350 {
        display: none !important;
    }
}

.legend-item {
    font-size: small;
    min-width: 48%;
}

@media (max-width: 480px) {
    .mbs-scr-sm-hide-480 {
        display: none !important;
    }
}


/* Rating Stars *************************************************************************************************/

input.rating.rating-input {
    display: none;
}

i.glyphicon.glyphicon-star {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 450px) {
    .divListItemMid .rating-container {
        display: none /* !important */ ;
    }
}


/* Reports *****************************************************************************************************/

.transaction-pie-chart i {
    /* float: right; */
    font-size: x-large;
    color: #a61949;
    position: absolute;
    z-index: 1000;
    right: 15px;
    cursor: pointer;
}

.bar-chart-header {
    font-size: 14px;
    text-decoration: underline;
}

.bar-chart-label {
    font-size: 12px;
    padding: 0px;
}

.bar-chart-value {
    font-size: 12px;
    padding: 0px;
}



/* Rich Text Box **********************************************************************************************/

div.ta-toolbar.btn-toolbar div.btn-group {
    margin-bottom: 3px;
}

/*
div.ta-toolbar.btn-toolbar {
    margin-bottom: 3px;
}
    */

.btn-toolbar .btn-group .btn i {
    margin-top: 3px;
}

.btn-toolbar > :first-child {
    width: unset;
}


/* FA Icons Increase in Size ************************************************************************************/

.fa {
    font-size: larger;
}


/* Required Fields **********************************************************************************************/

.required-field {
    text-decoration: underline;
    /*
    text-decoration-color: #a61949;
        */
    /*
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
        */
    color: #a61949;
}


.total-title {
    font-size: x-large;
}


.deco-underline {
    border-bottom: 1px solid #a61949;
}
.deco-overline {
    border-top: 1px solid #a61949;
}





.help-block {
    font-style: italic;
    font-weight: 700;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #cc0000 !important;
}



[mbs-display-money] {
    font-style: italic;
    font-weight: 600;
    font-size: larger;
}