/*.dash-icons,*/ 
.di, .cldi, .cddi,
.dw, .cldw, .cddw,
.db, .cldb, .cddb, 
.dc, .cldc, .cddc,
.dcf, .dbi
{
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  	//cursor:pointer;
  user-select:none;
}
/*
.cldi, .cddi,
.cldw, .cddw,
.cldb, .cddb,
.cldc, .cddc {
  position:absolute;
  top:2px;
  bottom:2px;
  left:2px;
  right:2px;
}*/
//.cldi {border: 2px solid #393b40;border-radius:8px;padding:5px;background-color:#393b40;}

.d10 {width: 10px;height: 10px;position:absolute !important;}
.d12 {width: 12px;height: 12px;position:absolute !important;}
.d14 {width: 14px;height: 14px;position:absolute !important;}

.ds {width: 16px;height: 16px;position:absolute !important;}
//.dscd {width: 16px;height: 16px;border: 2px solid #393b40;border-radius:8px;padding:5px;background-color:#393b40;}
//.dscl {width: 16px;height: 16px;border: 2px solid #1D1D1D;border-radius:8px;padding:5px;background-color:#393b40;}
.d18 {width: 18px;height: 18px;position:absolute !important;}
.d20 {width: 20px;height: 20px;position:absolute !important;}
.d22 {width: 22px;height: 22px;position:absolute !important;}

.dm {width: 24px;height: 24px;position:absolute !important;}
//.dmcd {width: 24px;height: 24px;border: 2px solid #393b40;border-radius:8px;padding:5px;background-color:#393b40;}
//.dmcl {width: 24px;height: 24px;border: 2px solid #1D1D1D;border-radius:8px;padding:5px;background-color:#393b40;}
.d26 {width: 26px;height: 26px;position:absolute !important;}
.d28 {width: 28px;height: 28px;position:absolute !important;}
.d30 {width: 30px;height: 30px;position:absolute !important;}

.dl {width: 32px;height: 32px;position:absolute !important;}
//.dlcd {width: 32px;height: 32px;border: 2px solid #393b40;border-radius:8px;padding:5px;background-color:#393b40;}
//.dlcl {width: 32px;height: 32px;border: 2px solid #1D1D1D;border-radius:8px;padding:5px;background-color:#393b40;}
.d34 {width: 34px;height: 34px;position:absolute !important;}
.d36 {width: 36px;height: 36px;position:absolute !important;}
.d38 {width: 38px;height: 38px;position:absolute !important;}
.d40 {width: 40px;height: 40px;position:absolute !important;}

.dx {width: 48px;height: 48px;position:absolute !important;}
//.dxcd {width: 48px;height: 48px;border: 2px solid #393b40;border-radius:8px;padding:5px;background-color:#393b40;}
//.dxcl {width: 48px;height: 48px;border: 2px solid #1D1D1D;border-radius:8px;padding:5px;background-color:#393b40;}

.dxx {width: 64px;height: 64px;position:absolute !important;}
//.dxxcd {width: 64px;height: 64px;border: 2px solid #393b40;border-radius:8px;padding:5px;background-color:#393b40;}
//.dxxcl {width: 64px;height: 64px;border: 2px solid #1D1D1D;border-radius:8px;padding:5px;background-color:#393b40;}

.dxxx {width: 128px;height: 128px;position:absolute !important;}


.wrapperCl {border: 1px solid #1D1D1D;border-radius:12px;padding:5px;background-color:#393b40;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
.wrapperCd {border: 1px solid #e8e8e8cf;border-radius:12px;padding:5px;background-color:#1D1D1D ;box-shadow: 2px 2px 4px rgba(255, 255, 255, 0.7);}