.parrentMenuSelected {
    /* box-shadow: 0 12px 20px -10px rgba(255,152,0,.28),0 4px 20px 0 rgba(0,0,0,.12),0 7px 8px -5px rgba(255,152,0,.2); */
    border-radius: 4px;
    height: 60px;
}

.childMenuSelected {
    /* box-shadow: 0 12px 20px -10px rgba(255,152,0,.28),0 4px 20px 0 rgba(0,0,0,.12),0 7px 8px -5px rgba(255,152,0,.2); */
    margin-top: 1px;
    border-radius: 2px;
    height: 60px;
    background-color: rgb(46, 173, 252);
    color: rgb(255, 255, 255);
}

.garyCardHeader {
    /* box-shadow: 0 12px 20px -10px #bebebe,0 4px 20px 0 rgba(0,0,0,.12),0 7px 8px -5px #bebebe; */
    background: linear-gradient(60deg, #ddd,#ddd);
    margin-top: 1px;
    border-radius: 4px;
    height: 60px;
}

.yellowCardHeader {
    /* box-shadow: 0 12px 20px -10px #bebebe,0 4px 20px 0 rgba(0,0,0,.12),0 7px 8px -5px #bebebe; */
    background: linear-gradient(60deg,#ffa726,#fb8c00);
    border-radius: 5px;
}

.greenCardHeader {
    /* box-shadow: 0 12px 20px -10px #bebebe,0 4px 20px 0 rgba(0,0,0,.12),0 7px 8px -5px #bebebe; */
    background: linear-gradient(60deg,#66bb6a,#43a047);
    border-radius: 5px;
}

.redCarHeader {
    /* box-shadow: 0 12px 20px -10px #bebebe,0 4px 20px 0 rgba(0,0,0,.12),0 7px 8px -5px #bebebe; */
    background: linear-gradient(60deg,#ef5350,#e53935);
    border-radius: 5px;
}

.blueCardHeader {
    /* box-shadow: 0 12px 20px -10px #bebebe,0 4px 20px 0 rgba(0,0,0,.12),0 7px 8px -5px #bebebe; */
    background: #00c9b7;
    border-radius: 5px;
}

.purpalCardHeader {
    /* box-shadow: 0 12px 20px -10px #bebebe,0 4px 20px 0 rgba(0,0,0,.12),0 7px 8px -5px #bebebe; */
    background: linear-gradient(60deg, #933ec5,#933ec5);
    border-radius: 5px;
}

.cssfor-12 {
    color: white;
    padding: 18px;
    margin-top: -30px;
    height: 70px !important;
}

.border-card {
    border: 1px solid #ddd;
    margin-top: 35px;
    border-radius: 4px;
}

.border-card-head {
    font-size: 20px;
    padding-top: 1px
}

.gradient-blue {
    background-image: linear-gradient(to left, #1a88ff, #1678e5, #1068cb, #0859b2, #004a99);
}

.gradient-yellow {
    background-image: linear-gradient(to left, #ffcc33, #ecba28, #d9a81d, #c69710, #b38600);
}

.gradient-green {
    background-image: linear-gradient(to left, #28a745, #218b3a, #1a702f, #155724, #0f3e1a);
}

.gradient-danger {
    background-image: linear-gradient(to left, #dc3545, #bf2c3a, #a22330, #871b26, #6c131c);
}

.gradient-light-green {
    background-image: linear-gradient(to left, #00bfa5, #009985, #007566, #005348, #00332c);
}

.gradient-light-black {
    background-image: linear-gradient(to left, #808080, #686868, #515151, #3b3b3b, #262626);
}

.gradient-info {
    background-image: linear-gradient(to left, #00cbe6, #00b4cb, #009db2, #008798, #007180);
}

.gradient-purple {
    background-image: linear-gradient(to left, #933ec5, #7b34a6, #652a88, #4f206b, #3a174f);
}

.yellow-border {
    border-color: #f9c730 !important;
}

.green-border {
    border-color: #269f42 !important;
}

.blue-border {
    border-color: #1986fc !important;
}

.light-green-border {
    border-color: #00b9a0 !important;
}

.ligh-black-border {
    border-color: #7d7d7d !important;
}

.danger-border {
    border-color: #d73343 !important;
}

.btn-clear {
    background: white !important;
    border: 1px solid #36454F !important;
    border-color: #36454F !important;
    box-shadow: none !important;
    color: #36454F !important;
    outline: none !important;
    cursor: pointer !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    height: 36px !important;
    min-width: 80px;
    text-align: center !important;
}

.btn-clear:hover {
    background: #449D44 !important;
    border-color: #449D44 !important;
    color: white !important;
    outline: none !important;
    font-size: 14px !important;
    height: 36px !important;
    min-width: 80px;
    text-align: center !important;
}

.btn-clear[disabled] {
    background: white !important;
    color: #36454F !important;
    outline: none !important;
    font-size: 14px !important;
    height: 36px !important;
    min-width: 80px;
    text-align: center !important;
}