.type_badge {display: inline-block; position: relative; font-size: 12px; line-height: 14px; font-family: 'robotomedium'; font-weight: 500; border-radius: 4px; padding: 7px 12px; background: var(--mt-color-gray-300); margin: 0 6px 0 0; white-space: nowrap; text-decoration: none; color: var(--mt-color-gray-800); transition: opacity 0.2s; min-height: 28px;}
.type_badge.radiused {border-radius: 16px; background: var(--mt-color-gray-300);}
a.type_badge:hover {opacity: 0.8; color: #fff;}
.type_badge .i-check {display: inline-block; vertical-align: middle; font-size: 16px; margin-left: 2px; margin-top: -2px; line-height: 12px; height: 12px;}
.type_badge .i-close {display: inline-block; vertical-align: middle; font-size: 14px; margin-left: 2px; margin-top: -1px; line-height: 12px;}

.type_badge.new_badge {padding: 3px 4px; border-radius: 4px; background: var(--mt-color-blue-200); color: var(--mt-color-blue-500); font-family: 'robotomedium'; font-weight: 500; font-size: 12px; line-height: 13px; letter-spacing: 0.3px; margin-left: auto; text-transform: lowercase; min-height: 0; margin: 0;}

.type_badge[data-type="plan"]    {background: var(--mt-color-badge-plan);   color: #fff;}
.type_badge[data-type="quest"]   {background: var(--mt-color-badge-quest);   color: #fff;}
.type_badge[data-type="lesson"]  {background: var(--mt-color-badge-lesson);   color: #fff;}
.type_badge[data-type="scorm"]   {background: var(--mt-color-badge-scorm); color: #fff;}
.type_badge[data-type="test"]    {background: var(--mt-color-badge-test);  color: #fff;}
.type_badge[data-type="dialog"]  {background: var(--mt-color-badge-dialog); color: #fff;}
.type_badge[data-type="task"], 
a.type_badge[data-type="task"]   {background: var(--mt-color-badge-task); color: var(--mt-color-warning-700);}
.type_badge[data-type="event"]   {background: var(--mt-color-badge-event); color: #fff;}
.type_badge[data-type="leader"]  {background: var(--mt-color-badge-leader); color: #fff;}

.type_badge[data-success], 
a.type_badge[data-success] {background: var(--mt-color-gray-400); color:  var(--mt-color-gray-800);}
.type_badge[data-fail] {background: var(--mt-color-danger-500); color: #fff;}
.type_badge[disabled] {background: var(--mt-color-gray-300); color: var(--mt-color-gray-700); pointer-events: none;}

.type_badge[data-status] {border: 1px solid currentColor; padding: 6px 11px;}
.type_badge:not(.radiused):not(.filled)[data-status] { background: transparent !important;}
.type_badge.radiused[data-status],
.type_badge.filled[data-status] {border:none; padding: 7px 12px; }
.type_badge.radiused[data-status] {border-radius: 16px;}
.type_badge.white_layer:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; border-radius: inherit; z-index: -1;}

.type_badge[data-status="checking"],
.type_badge[data-status="processing"],
.type_badge[data-status="progressing"],
.type_badge[data-status="in_progress"],
.type_badge[data-status="in_process"]    {color: var(--mt-color-blue-500); border-color: var(--mt-color-blue-300); background: var(--mt-color-blue-200);}
/*MOT-17177*/

.type_badge[data-status="complete"], 
.type_badge[data-status="success"], 
.type_badge[data-status="finish"], 
.type_badge[data-status="finished"], 
.type_badge[data-status="done"], 
.type_badge[data-status="completed"]     {color: var(--mt-color-success-500); border-color: var(--mt-color-success-300); background: var(--mt-color-success-200);}

.type_badge[data-status="expired"], 
.type_badge[data-status="overdue"], 
.type_badge[data-status="risk"], 
.type_badge[data-status="risks"], 
.type_badge[data-status="failed"], 
.type_badge[data-status="fail"]          {color: var(--mt-color-danger-500); border-color: var(--mt-color-danger-300); background: var(--mt-color-danger-200); }

.type_badge[data-status="confirm"],
.type_badge[data-status="confirmation"]  {color: var(--mt-color-purple-500); border-color: var(--mt-color-purple-300); background: var(--mt-color-purple-200);}

.type_badge[data-status="choosing"]      {color: var(--mt-color-orange-500); border-color: var(--mt-color-orange-300); background: var(--mt-color-orange-200);}

.type_badge[data-status="redo"]          {color: var(--mt-color-warning-600); border-color: var(--mt-color-warning-300); background: var(--mt-color-warning-200);}

.type_badge[data-status="undefined"]     {color: var(--mt-color-gray-800); border-color: var(--mt-color-gray-500); background: var(--mt-color-gray-300);}

.type_badge[data-type="tag"] [data-badge-clear] {display: none; color: var(--mt-color-white);}
.type_badge[data-type="tag"].active {background: var(--mt-color-primary-500); color: #fff;}
.type_badge[data-type="tag"].active [data-badge-clear] {display: inline-block;}

.type_badge[data-type="review"]  {background: transparent; font-family: Inter, sans-serif; font-size: 10px; text-transform: uppercase; font-weight: 700; color: var(--mt-color-gray-700);}