@font-face {
    font-family: 'dc';
    font-style: normal;
    font-weight: normal;
    src: local('dc'),
    local('dc'),
    url('/css/fonts/DC.ttf') format('truetype');
} 

#dateconverter .leftCol {min-width: 260px;max-width: 260px;padding-bottom: 100px;padding-inline-start: 20px;}
#dateconverter .centerCol {min-width: 260px;max-width: 260px;padding-inline-start: 20px;padding-bottom: 100px;}
#dateconverter .rightCol {min-width: 260px;max-width: 260px;padding-bottom: 100px;}

#dateconverter .leftCol h1 {font-size: 18px;margin-bottom: 20px;display: flex;align-items: center;line-height: 18px;font-family: Arial,Helvetica,sans-serif;color:#565E61;}
#dateconverter .leftCol h1 img {width: 34px;height: 34px;border-radius: 4px;margin-inline-end: 8px;}
#dateconverter .leftCol list a {display: block;margin: 5px 0;padding: 5px 10px;  border-radius: 2px;font-size:14px;color:#3B3B3B;width:220px;text-decoration: none;}
#dateconverter .leftCol list a.active, #dateconverter .leftCol list a.active:hover {background-color: #3E577F;color:#EFEFEF;}
#dateconverter .leftCol list a:hover {background-color: #E3EAF6;}
#dateconverter .leftCol list a small {display:block;}
  
#dateconverter .centerCol h2, #dateconverter .rightCol h2 {font-size: 18px;font-weight: normal;color: #3B3B3B;margin-bottom: 6px;}
#dateconverter h2.others-on {cursor:pointer;margin: 20px 0 10px;}

#dateconverter .centerCol .bt-line {width: 220px;margin: 5px 0;display: flex;justify-content: space-between;}
#dateconverter .centerCol button {background-color: #F1F1F1;border: 1px solid #CCC;height: 40px;width: 40px;border-radius: 2px;padding: 0;display: flex;justify-content: center;align-items: center;font-size: 18px;cursor:pointer;color: #4B4B4B;font-weight: 500;font-family: Verdana, Tahoma, Arial, sans-serif, dc}
#dateconverter .centerCol button.b {background-color: #DAE3F2;}

#dateconverter span.hint {color: #666;font-size: 11px;padding-inline-start: 3px;padding-bottom: 3px;display: block;  min-height: 12px;}
#dateconverter span.hint a {color: #999;direction: ltr;unicode-bidi: bidi-override;}
#dateconverter a.sm {text-decoration: none;cursor:pointer;}
#dateconverter a.sm label {text-decoration: none;cursor:pointer;}
#dateconverter label.yr {background-color: #F1F1F1;border: 1px solid #CCC;height: 38px;width: 220px;border-radius: 2px;display: flex;justify-content: center;  align-items: center; font-size: 20px;color: #304D77;  margin: 0;letter-spacing: 0.5px;margin-bottom: 10px;font-family: Verdana, Tahoma, Arial, sans-serif, dc}
#dateconverter label.yr center {direction: ltr;unicode-bidi: bidi-override;max-width: 210px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

#dateconverter .error {margin: 20px 0 15px;padding: 10px 12px;background-color: #FAE2E1;border: 1px solid #E4A1A3;  color: #4B4B4B;  border-radius: 2px;font-size: 14px; text-align: center;  width: 220px;}
#dateconverter .error span {direction: ltr;unicode-bidi: bidi-override;}
#dateconverter .error span a {direction: ltr;unicode-bidi: bidi-override;white-space: nowrap;}
#dateconverter .coin {display: flex;margin-top: 15px;}
#dateconverter .coin img {width: 105px;height: 105px;margin-inline-end: 15px;}
#dateconverter .coin dl {margin: 5px 0;direction: ltr;unicode-bidi: bidi-override;}
#dateconverter .coin dl dt {font-size: 12px;color: #ACACAC;}
#dateconverter .coin dl a {font-size: 16px;color: #3B7BEA;direction: ltr;unicode-bidi: bidi-override;}

#dateconverter .gallery {overflow-x: hidden;max-height: 320px;  margin-top: 10px;width:220px;}
#dateconverter .gallery a {display: flex;position: relative;width: 200px;min-height: 100px;justify-content: space-between;margin: 5px 0;}
#dateconverter .gallery a img {max-width: 100px;max-height: 100px;border-radius: 4px;}