/* Write your custom CSS here */

/* ===== Custom header ===== */
.custom-header {
    border-top: 7px solid #1f7a46 ;
    border-bottom: 3px solid #f4811f!important;
}

#top {
    background: none!important;
    background-color:#f2fae3!important;
}

.altMenu > li a {
    background: none!important;
    background-color:  #1f7a46 !important;
    border-top: none!important;
    border-bottom: 2px solid #1c6d3f!important; 
}

/* ===== Custom sidebar ===== */
#sidebar { 
    background: none!important;
    width: 100px!important;
    background-color: #1f7a46 !important;
}

.nav li {
    border-top: none!important;
    border-bottom: 2px solid #1c6d3f!important; 
    position: relative;
}

.nav li a.active {
    background-color: #f4811f!important;
}
.nav li a {
    display: block;
    background: none;
    background-color: #1f7a46 !important;
    padding: 14px 0 8px 0; 
    color: white; 
    font-size: 11px; 
    width: 100px; 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33565656', endColorstr='#33363636',GradientType=0 );
}

.mainNav {
    background: none!important;
    background-color: #1f7a46 !important;
}

/* ===== Custom widget ===== */
.whead {
    background: none !important;
    background-color: #1f7a46 !important;
}

.widget > [class*="whead"] h6 {
    color: #ffff!important;
    text-shadow: none;
}

.widget { border: 1px solid #cdcdcd!important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 2px 2px -2px #ccc;
    margin-top: 35px;
    position: relative;
}





/* ===== Custom Index / dashboard ===== */
.dashboard-grid {
    padding-left: 15px;
    padding-right: 15px;
}

.pv-left-title {
    color: white;
    font-size: 14px;
}

.pv-left-value {
    color: white;
    font-size: 20px;
}

#content { border-left: 1px solid grey!important; }

.buttonS, .buttonM, .buttonL, .buttonH, [class*="tablectrl"] {
    background: none!important;
    border: none!important;
    background-color: #1f7a46 !important;
    /* background-color: #f4811f!important; */
    color: white!important;
}

a.bDefault {
	color: white !important;
}

ul.breadcrumbs li.current > a {
    color: #d67e3d!important;
    font-weight: 600!important;
}

#loginWrapperForm {
    background: #f2fae3!important;
    border: 4px solid #1f7a46 !important;
}

@media only screen and (max-width: 480px) and (min-width: 320px) {
    #sidebar {
        width: 100%!important;
    }
}

.blinking{
    animation:blinkingText 1.2s infinite;
    font-size: 20px;
}
@keyframes blinkingText{
    0%{     color: red;    }
    49%{    color: red; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: red;    }
}