body {
    padding-top: 50px;
    /*padding-bottom: 20px;*/
}

/* 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: 280px;*/
}

.border_bottom {
    border-bottom: 1px solid;
}
  

/*
    //left mobile menu    
*/
@media only screen and (max-width: 767px) {
    #slide-navbar-collapse {
        position: fixed;
        top: 0;
        left: 15px;
        z-index: 99;
        width: 230px;
        /*height: 100%;*/
        background-color: #26004d; /*#272727;*/
        overflow: auto;
        /*border-bottom-right-radius: 10px;*/
        margin-top: 50px;
    }

    .menu-overlay {
        display: none;
        background-color: #000;
        bottom: 0;
        left: 0;
        opacity: 0.5;
        /*filter: alpha(opacity=50);*/
        /* IE7 & 8 */
        position: fixed;
        right: 0;
        top: 0;
        z-index: 49;
    }

    
}
/*--*/

/*START: navbar custom style*/

.navbar-custom {
    background-color: #26004d;
    border-color: #4d0099;
    border-radius: 0;
}

.navbar-custom .navbar-brand,
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: #FFF;
}

.navbar-custom .navbar-nav > li > a {
    color: #FFF;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    background-color: #4d0099;
}

.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
    color: #FFF;
    background-color: #4d0099;
}

.navbar-custom .navbar-text {
    color: #FFF;
}

.navbar-custom .navbar-toggle {
    border-color: #4d0099;
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: #4d0099;
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #FFF;
}
/*END: navbar custom style*/



.btn-default {
    color: #FFF;
    background-color: #4d0099;
    border-color: #ccc;
}


.btn-danger {
    color: #FFF;
    background-color: #ff0000;
    border-color: #ccc;
}

 
.hero-text h1{
    letter-spacing:5px;
}

@media only screen and (max-width: 500px) {
     .hero-text h1{
         font-size:20px;
     }
}

 
/*bg image*/
.bg_default {
    background-image: url('../../Images/bg1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    /*height: 600px;*/
    
}

.title_360{
    font-size:18px;
}
.title_360 span {
    background-color: #e4c9ff;color: #4d0099;
    font-size:18px;
    padding:3px 5px;
    margin-bottom:10px;
    border-radius:8px;
    border:3px double #4d0099

}


/*dashboard card link*/

.wrimagecard {
    margin-top: 0;
    margin-bottom: 1.5rem;
    text-align: center;
    position: relative;
    background: #fff;
    box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);
    border-radius: 4px;
    transition: all 0.3s ease;
}

    .wrimagecard .fa {
        position: relative;
        font-size: 70px;
        color: #26004d !important;
    }

.wrimagecard-topimage_header {
    padding: 20px;
    background-color: #c0e2ff !important;
}

a.wrimagecard:hover, .wrimagecard-topimage:hover {
    box-shadow: 2px 4px 8px 0px rgba(46,61,73,0.2);
}

.wrimagecard-topimage a {
    width: 100%;
    height: 100%;
    display: block;
}

.wrimagecard-topimage_title {
    padding: 20px 24px;
    height: 80px;
    padding-bottom: 0.75rem;
    position: relative;
}

.wrimagecard-topimage a {
    border-bottom: none;
    text-decoration: none;
    color: #525c65;
    transition: color 0.3s ease;
}
 /*---*/


.myLeave_info{
    height:350px;
    
}