/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.header-navbar .navbar-container {
    min-height: 3rem;
    font-family: Verdana;
}

.header-navbar .navbar-header {
    height: 3rem;
    font-family: Verdana;
}

collapse navbar-collapse {
    height: 3rem;
}

.header-navbar .navbar-container ul.nav li > a.nav-link {
    padding: 12px;
}

.navbar-dark, .navbar-dark.navbar-horizontal {
    background: #100e0e;
}

.footer {
    background-color: #000000;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1050;
}

body {
    font-family: Verdana;
    font-size: 12px;
}

.navbar-dark .navbar-nav li, .navbar-light .navbar-nav li, .navbar-semi-dark .navbar-nav li, .navbar-semi-light .navbar-nav li {
    font-weight: bold;
}

.card {
    border-bottom: 1px solid #87bffe;
    border-right: 1px solid #87bffe;
    border-left: 1px solid #87bffe;
}

.card-header .card-title {
    font-weight: bold;
    font-family: Verdana;
}


.breadcrumb {
    font-family: Verdana;
    font-weight: bold;
    height: 1px;
    text-transform: initial;
}


.breadcrumb-item + .breadcrumb-item::before {
    content: "\25b6";
}


.hlt-txt {
    font-size: inherit;
    color: #f00;
    padding: 5px;
}

#heading11, #heading12, #heading13 {
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));*/
    background-color: lightblue;
    padding: 0.4rem;
    /*border: 1px solid #aaa;*/
    border: 1px solid #c6e8e8;
    border-radius: 3px;
}

.card-header a {
    color: #0B4A53;
}

.btn {
    padding: 0.3rem 0.3rem;
    cursor: pointer;
    margin: 0.2rem;
}

.form-control {
    padding: 4px;
    min-height:25px;
}

.header-navbar .navbar-container {
    padding: 2px 18px;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.00rem + 0px);
}

.col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 5.333333%;
}

.position-relative .form-control.form-control-lg ~ .form-control-position {
    top: -0px;
}

.card-header {
    padding: 0.5rem 1.0rem;
    margin-bottom: 0;
    background-color: #87bffe;
    color: white;
}

/*.row {
    margin-bottom: 10px;
}*/

.pq-td-div {
    text-align: center;
    font-weight: bold;
}

.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single {
    height: calc(2.00rem + 0px);
}


.fc-today-button .fc-state-disabled {
    background-color: #0c5ebb;
}


.fc button {
    background: #11811e;
    border: none;
    color: #fff;
    text-transform: capitalize;
    box-shadow: none !important;
    border-radius: 3px !important;
    margin: 0 3px !important;
    padding: 6px 12px !important;
    height: auto !important;
    /*/rgb(35, 116, 205)*/
}



.fc-next-button fc-button fc-state-default fc-corner-right fc-state-hover {
    background-color: #0c5ebb;
}

.fc-next-button fc-button fc-state-default fc-corner-right fc-state-hover {
    background-color: #0c5ebb;
}

.fc-toolbar .fc-state-active, .ui-state-active {
    background-color: #0c5ebb;
    color: white;
}

.fc-view-container {
    background-color: #f1f1f1;
    color: black;
}

.fc-widget-header {
    color: #ffffff;
    background-color: rgb(57, 132, 215);
}

.fc-day-number:hover {
    color: #c6e8e8;
}

.fc th {
    height: 35px;
}

.fc-ltr .fc-basic-view .fc-day-number {
    color: #e14d4d;
}


.breadcrumb-item.active {
    /*margin-top: 2px;*/
}


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Verdana;
}

.center-block {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.modal-header {
    padding: 8px;
}

.modal-footer {
    padding: 5px;
}

.My {
    border: none;
    padding: 0;
}

.card-body {
    padding: 1.5rem;
}



/*.fc-title {
    color: white;
}*/

.fc-title-head {
    color: #333;
}

.TabCtrl {
    border-top: none;
    border-bottom: 1px solid #16D39A;
    border-right: 1px solid #16D39A;
    border-left: 1px solid #16D39A;
    padding-bottom: 1rem !important;
    border-radius: 5px;
}

.nav-tabs {
    border-bottom: 1px solid #16D39A;
    border-radius: 5px;
}

#grid_editing {
    margin-top: 1.5rem;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active {
    border-left: 1px solid #16D39A;
    border-right: 1px solid #16D39A;
}


.edit_btn {
    background: url(../Images/edit.png) no-repeat;
    cursor: pointer;
    border: none;
    height: 16px;
    width: 16px;
    text-align: center;
    margin-right: 15px;
}




.delete_btn {
    background: url(../Images/delete.png) no-repeat;
    cursor: pointer;
    border: none;
    height: 16px;
    width: 16px;
    text-align: center;
}


.save_btn {
    background: url(../Images/save.png) no-repeat;
    cursor: pointer;
    border: none;
    height: 16px;
    width: 16px;
    text-align: center;
}


.add_btn {
    background: url(../Images/imgAdd.png) no-repeat;
    cursor: pointer;
    border: none;
    height: 16px;
    width: 16px;
    text-align: center;
}


/* =================================== START Edit, Delete Button with Icon in Grid ================================*/
/*.edit_btn {
    border-color: #a8c4dc;
    background: -webkit-linear-gradient(top, #fefefe, #dae6f0);
    padding: 0px 4px;
    margin: -5px 0px;
}

    .edit_btn:before {
        content: "\270E";
        margin-right: 5px;
    }



.delete_btn {
    border-color: #a8c4dc;
    background: -webkit-linear-gradient(top, #fefefe, #dae6f0);
    padding: 0px 4px;
    margin: -5px 0px;
}


    .delete_btn:before {
        content: "\2718";
        margin-right: 5px;
    }*/

/* ==================================== END Edit, Delete Button with Icon in Grid =================================*/

table td, .table th {
    padding: 10px;
}

/*.row {
    margin-right: 0px;
    margin-left: 0px;
}*/

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

.fileupload {
    float: right;
}

.control-label {
    font-size: 12px;
    text-align: left;
    padding-right: 12px;
    padding-top: 5px;
}

.labelheight {
    height: 26px;
}

.table td, .table th {
    padding: 5px 5px 5px 5px;
}

.table th {
    color: white;
    text-align: center;
    font-size: 15px;
    vertical-align: middle;
}

.scroll-example {
    border: none;
}


.NewRow {
    margin-top: 30px;
}

.tblCaption {
    caption-side: top;
    font-weight: bold;
    color: black;
}

.paddingSize1 {
    padding: 10px;
}

.paddingSize2 {
    padding: 5px 10px 10px 10px;
}

.enterprisetable {
    width: 100%;
}

.textalignleft {
    text-align: left;
}

.textalignright {
    text-align: right;
}

.Smalltable {
    width: 50%;
}

.input-group-addon {
    padding-right: 5px;
    padding-left: 5px;
}

.show
{
    display:block;
}

.hide
{
    display:none;
}

.dropdown-toggleone::after {
    font-family: FontAwesome;
    content: '\f107' !important;
    border: none !important;
    position: absolute;
    top: 1px;
    right: 0;
    /*padding: 0 2px 0 250px;*/
    padding: 5px;
    margin: 0 .3em 0 0;
    vertical-align: 0;
}

.ArrowBlockDown {
    position: relative;
}

    .ArrowBlockDown:before {
        content: "\25bc";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        color: black;
        font-size: 13px;
        padding-right: 0.5em;
        position: absolute;
        top: 0px;
        left: 0;
    }

.ArrowBlockright {
    position: relative;
}

    .ArrowBlockright:before {
        content: "\25b6";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        color: blue;
        font-size: 12px;
        padding-right: 0.5em;
        position: absolute;
        top: 0px;
        left: 0;
    }

.fc-unthemed .fc-today {
    background: #3984d7;
}

a:not([href]):not([tabindex]) {
    color: black;
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header .fc-today {
    background: #3984d7;
}

.Dashboard {
    background-color: aliceblue;
    height: 530px;
}


/* =================================================== START - Message Notification =================================================== */

/* Create the blue navigation bar */
/*.navbar {
    background-color: #3b5998;
    font-size: 22px;
    padding: 5px 10px;
}

/* Define how each icon button should look like */
.button {
    color: white;
    display: inline-block; /* Inline elements with width and height. TL;DR they make the icon buttons stack from left-to-right instead of top-to-bottom */
    position: relative; /* All 'absolute'ly positioned elements are relative to this one */
    padding: 2px 5px; /* Add some padding so it looks nice */
}

/* Make the badge float in the top right corner of the button */
.button__badge {
    background-color: #fa3e3e;
    border-radius: 6px;
    color: white;
 
    padding: 1px 4px;
    font-size: 10px;
  
    position: relative; /* Position the badge within the relatively positioned button */
    top: -10px;
    right: 12px;   
}

.welcome{
    color:white;
    margin-top:15px;
}
/* ==================================================== END - Message Notification ==================================================== */


/* ==================================================== START - File Upload - Browse Button File Name Display Issue ==================================================== */
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
/* ==================================================== END - File Upload - Browse Button File Name Display Issue ==================================================== */

 /* ====================== Start - For Alter Message With Timer ====================== */

.lblMessageAlertCss {
    text-align: center;
    color: white;
    background-color: #0bbd88;
    margin-top: 5px;
    border-radius: 5px;
    font-weight: bolder;
    padding:5px;
    display:none;
}
/* ======================= END - For Alter Message With Timer ======================= */

.pagingtoppadding {
    padding: 15px 5px 5px 5px !important;
}

.fc-event {
border: 1px solid #3a87ad;
background-color: #3a87ad;
color: #fff;
font-size: .85em;
cursor: default;
min-height: 15px; 
}

/* PQ grid collapse button hide */

.pq-slider-icon {    display: none;}


.badge-secondary {
    background-color: #87bffe;
}