*{
    margin:0;
    padding: 0;
    
}
.icon-btn{
    background:transparent;
    border:none;
    outline:none;
}
.br_red{
    outline:1px solid red;
    border:1px solid red;
}
.icon-btn:hover{
     background:transparent;
    border:none;
    outline:none;
    color:#3A584D;
}
.icon-btn:clicked{
     background:transparent;
    border:none;
    outline:none;
    color:#3A584D;
}
.icon-btn:active{
     background:transparent;
    border:none;
    outline:none;
    color:#3A584D;
}
.icon-btn:focus{
     background:transparent;
    border:none;
    outline:none;
    color:#3A584D;;
}
.icon-btn i:hover{
    color:#A3B29F;
}
.p-10{
    box-sizing: border-box;
    padding:10px;
}
.continer{
    margin-top: 10px;
    box-sizing: border-box;
    padding: 20px;
    background-color: #F6F6F6;
    border-radius: 12px;
}
.continer-8{
    text-align: center;
    box-sizing: border-box;
    padding: 20px 0px;
    background-color: #F6F6F6;
    border-radius: 8px;
  
}
.continer-8 p{
    margin-bottom: 0;
}
.continer h3{
    font-size: 16px;
    font-weight: 700;
}
.warn{
    box-sizing: border-box;
    background-color: #A3B29F;
    border-radius: 34px;
    padding: 10px;
    margin-top:10px;
}
.panel{
    background-color: #A3B29F;
    padding:20px;
    margin-top: 14px;
    border-radius: 8px;
}
.warn .icon{
   margin-top: 8px;
    font-size: 24px;
}
.warn p{
    margin-bottom: 0;
    font-weight: 600;
    font-size: 13px;
}
.continer h3.w600{
    font-size: 16px;
    font-weight: 600;
}
.fs-13{
    font-size: 13px;
}
.w-600{
    font-weight: 600;
}
.w-400{
    font-weight: 400;
}
.br-12{
    border-radius:12px !important;
}
.br-8{
    border-radius:8px !important;
}
.b{
    border:2px solid #3A584D !important;
}
.bol{
    outline:2px solid #3A584D;
}
.wcontiner{
    max-width: 100%;
    overflow-x: scroll;
    display: flex;
    flex-direction: row;
}
.wbox{
    border-radius: 8px;
    min-width: 240px;
    padding: 8px;
    text-align: center !important;

}
.fs-15{
    font-size: 15px;
}
.mt-15{
    margin-top:15px;
}
.color-box{
    box-sizing: border-box;
    width: 30%;
    padding: 10px;

}
.cbox{
    height: 50px;
    text-align:center;
    padding:12px 0 12px 0;

}
.cbox p{
    color:black;
    font-weight:500;
}
.c-1{
    background-color: #FFFFFF;
}
.c-2{
    background-color: #F8F8F2;
}
.c-3{
    background-color: #C9C4B8;
}
.c-4{
    background-color: #C0C0C0;
}
.c-5{
    background-color: #B7AFA3;
}
.c-6{
    background-color: #8A8F8E;
}
.c-7{
    background-color: #A6B79E;
}
.c-8{
    background-color: #8A9BAF;
}
.c-9{
    background-color: #6C7074;
}
.c-10{
    background-color: #D1B28A;
}
.c-11{
    background-color: #A3907A;
}
.c-12{
    background-color: #A5A5A5;
}
.c-13{
    background-color: #9EA3A8;
}
.c-14{
    background-color:#7C7F83;
}
.c-15{
    background-color:#7A4E2D;
}
.c-16{
    background-color: #C08A55;
}
.c-17{
    background-color: #6A3F29;
}
.c-18{
    background-color: #4B2E1A;
}
.c-19{
    background-color: #5A1E1A;
}
.c-20{
    background-color:#3B2A24;
}
.c-21{
    background-color: #1A1D2A;
}
.c-22{
    background-color: #1A1A1A;
}
.c-23{
    background-color: #F2F2F0;
}
.p-100{
    padding:50px 0;
    box-sizing: border-box;
}
.nb{
    border:1px solid #E0E0E0 !important;
}
.nbol{
    outline:1px solid #E0E0E0;
}
.bw5{
    border:5px solid white;
}