.btn2 {
    font-family:'Trebuchet MS';
    color: white;
    font-size: 14px;
    cursor: pointer;
    padding:6px 10px;
    border-radius:4px;
    transition: all 0.3s ease 0s;
}

.btnLogin {
    font-family:'Trebuchet MS';
    font-size: 14px;
    cursor: pointer;
    padding:6px 10px;
    transition: all 0.3s ease 0s;
    width: 247px;
    border-radius: 5px;
    background-color:#F79227;
    color:black;
}


.btnblack {
    font-size: 14px;
    cursor: pointer;
    padding:6px 10px;
    border-radius:4px;
    background:linear-gradient(0deg, #2F3336, #4F585E);
    color:#F79227;
}
.btnblack:hover {
    font-size: 14px;
    cursor: pointer;
    padding:6px 10px;
    border-radius:4px;
    color:#2F3336;
    background:linear-gradient(0deg, #F79227, #F79227);
}

.btnGridRed {
       color: white;
    cursor: pointer;
    padding-left:4px;
    padding-top:3px;
    padding-bottom:3px;
    padding-right:1px;
    border-radius:3px;
    /*border-radius:50%;*/
}
.btnGridYellow {
       color: white;
    cursor: pointer;
    padding-left:4px;
    padding-top:3px;
    padding-bottom:3px;
    border-radius:3px;

    /*border-radius:50%;*/
}
.btnGridBlue {
    color: white;
    cursor: pointer;
    padding-left:4px;
    padding-top:3px;
    padding-bottom:3px;
    padding-right:1px;
    border-radius:3px;
    /*border-radius:50%;*/
}
.locationButton {
    color: black;
    cursor: pointer;
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 5px;
    border-radius: 3px;
    width: 20px;
    background-color: #F79227;
}


.btnGridBluePro {
    color: white;
    cursor: pointer;
    padding-left:4px;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
    border-radius:3px;
    /*border-radius:50%;*/
}
/* Green */
.dodgerblue {
    color: dodgerblue;
}

.green {
    background:#4FA746;
    border: 1px solid #4FA746;

}
.green:hover {
    background:#418e3c;
    border: 1px solid #418e3c;
    box-shadow: 0px 3px 10px #418e3c;
  color: #fff;
  transform: translateY(-2px);
}

.candy {
    background:#B8860B;
    border: 1px solid #B8860B;

}
.candy:hover {
    background:#DAA520;
    border: 1px solid #DAA520;
    box-shadow: 0px 3px 10px #DAA520;
  color: #fff;
  transform: translateY(-2px);
}

.orange {
    background:#F79227;
    border: 1px solid #F79227;

}
.orange:hover {
    background:linear-gradient(0deg, #2F3336, #4F585E);;
    border: 1px solid #F79227;
    box-shadow: 0px 3px 10px #F79227;
     color: #F79227;
  transform: translateY(-2px);
}

.red {
    background:#DC3545;
    border: 1px solid #DC3545;
}
.red:hover {
    background:#bb2c3a;
    border: 1px solid #bb2c3a;
    box-shadow: 0px 3px 10px #bb2c3a;
  color: #fff;
  transform: translateY(-2px);
}

.purple {
    background:#6c3a97;
    border: 1px solid #6c3a97;
}
.purple:hover {
    background:#6c3a97;
    border: 1px solid #6c3a97;
    box-shadow: 0px 3px 10px #6c3a97;
  color: #fff;
  transform: translateY(-2px);
}
.Active {
    background:#4FA746;
    border: 0px solid #4FA746;
}
.InActive {
    background:#DC3545;
    border: 0px solid #DC3545;
}
.blue {
    color: white;
    background:#50a2b9;
    border: 1px solid #50a2b9;
}
.blue:hover {
    background:#438a9d;
    border: 1px solid #438a9d;
    box-shadow: 0px 3px 10px #438a9d;
  color: #fff;
  transform: translateY(-2px);
}
.yellow {
    color: white;
    background:#F2C010;
    border: 1px solid #F2C010;
}


.dash-block {
   
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    color:white;
    height:80px;
    
}

    .dash-block .dash-box {
        height:70%;    
        border-top: 0px solid ;
        padding-left:5%;
       
    }

    .dash-block .dash-content {
        background:  none repeat scroll 0 0;
        border-radius: 0 0 3px 3px;
    }

        .dash-block .dash-content .dash-box {
            margin-top: 0 !important;
        }

            .dash-block .dash-content .dash-box .table {
                margin-bottom: 0 !important;
            }

.table-default {
    background:  none repeat scroll 0 0;
}

.dash-block .dash-head {
    
   padding-left:5%;
   padding-top:1%;
    background-color: rgba(0, 0, 0, 0.2);
    height: 20px;
    position: relative;
}

.collapsible-dash .dash-head {
    cursor: pointer;
}

.dash-block .dash-head .h-icon {
    
    display: block;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 16px;
   
     
}

.dash-block .active .h-icon {
    background-position: left center !important;
}

.dash-block .inactive .h-icon {
    background-position: right center !important;
}

.dash-block .dash-head h5 {
    font-size: 12px;
    margin: 0;
    padding-left: 10px;
    padding-top: 11px;
    text-transform: uppercase;
    box-shadow: 0 0 5px red;

   
}

.dash-block .dash-bottom {
  
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #c2c2c2;
   
    height: 40px;
}