.MEDIA_SLIDE_MARKER{
    background-color: #999 !important;
    width: 3px !important;
}
.MEDIA_SLIDE_MARKER.assessedspeechscore{
    background-color: #f55 !important;
}
.MEDIA_SLIDE_MARKER.speechrunningaverage{
    background-color: #f55 !important;
}
.MEDIA_SLIDE_MARKER.workinglevel{
    background-color: #595 !important;
}
.MEDIA_SLIDE_MARKER.defaultconfidence,
.MEDIA_SLIDE_MARKER.ignored{
    background-color: rgba(100,100,100,0.8) !important;
}



.MEDIA_SLIDE_MARKER:before{
    content: attr(data-content);
    margin-top: 18px;
    position: absolute;
    font-size:8px;
    white-space: nowrap;
    margin-left:-5.5px;
}
.MEDIA_SLIDE_MARKER.assessedspeechscore:before{
    color:#f55;
}
.MEDIA_SLIDE_MARKER.speechrunningaverage:before{
    color:#f55;
}
.MEDIA_SLIDE_MARKER.workinglevel:before{
    color:#595;
}
.MEDIA_SLIDE_MARKER.defaultconfidence:before,
.MEDIA_SLIDE_MARKER.ignored:before{
    color:rgba(100,100,100,0.8) !important;
}


*[data-after-content]:after{
    content: attr(data-after-content);
    margin-top: 18px;
    position: absolute;
    font-size:8px;
    color:#999;
    white-space: nowrap;
    background-color: white;
}

.BTN-SR{
    position: relative;
    height:70px;
    width: 70px;
    border-radius:50%;
    outline:0;
    margin: 30px 0px 10px 0px;
    z-index:1;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.BTN-SR > i{
    font-size:30px !important;
    border:none !important;
}

.BTN-SR.BTN-ACTIVE{
    color: #fff;
    background-color: #5bc0de;
}
.BTN-SR.BTN-ACTIVE:hover,
.BTN-SR.BTN-ACTIVE:active,
.BTN-SR.BTN-ACTIVE:focus{
    color:#fff;
    background-color:#31b0d5;
}
.BTN-SR.BTN-SUCCESS{
    color: #fff;
    background-color: #35d735;
}
.BTN-SR.BTN-SUCCESS:hover,
.BTN-SR.BTN-SUCCESS:active,
.BTN-SR.BTN-SUCCESS:focus{
    color:#fff;
    background-color:#3aff3a;
}
.BTN-SR.BTN-INACTIVE{
    color:#333;
    background-color:#fff;
}
.BTN-SR.BTN-INACTIVE:hover,
.BTN-SR.BTN-INACTIVE:active,
.BTN-SR.BTN-INACTIVE:focus{
    color:#333;
    background-color:#e6e6e6;
}
.BTN-SR.WAIT{
    background-color: #4a99b1;
}
.BTN-SR.WAIT:hover,
.BTN-SR.WAIT:active,
.BTN-SR.WAIT:focus{
    background-color : #4a99b1;
}


.BTN-SR.BTN-ERROR{
    color:#fff;
    background-color:#d9534f;
}
.BTN-SR.BTN-ERROR:hover,
.BTN-SR.BTN-ERROR:active,
.BTN-SR.BTN-ERROR:focus{
    color:#fff;
    background-color:#c9302c;
}
.BTN-SR.BTN-SAFE{
    color:#fff;
    background-color:#5cb85c;
}
.BTN-SR.BTN-SAFE:hover,
.BTN-SR.BTN-SAFE:active,
.BTN-SR.BTN-SAFE:focus{
    color:#fff;
    background-color:#449d44;
}

.BTN-SR.BTN-TIMER{
    outline:0;
    padding: 4px;
    text-align: center;
    background-color: white;
    position: relative;
    background-color:#28c;
    background-image:
        linear-gradient(90deg, transparent 50%, #5bc0de 50%),
        linear-gradient(90deg, #5bc0de 50%, transparent 50%); 
}
.BTN-SR.BTN-TIMER > div{
    height: 60px;
    width: 60px; 
    border-radius: 50%;
    outline: 0;
    margin: 0px 0px 10px 0px;
    z-index: 999999999;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    background-color: #5bc0de;
    font-weight: bold;
    font-size:15px;
    line-height: 60px;
    color:#000;
}

.BTN-SR > button.user-refresh{
    height          : 25px;
    width           : 25px;
    padding         : 0;
    background-color: transparent;
    border          : none;
    position        : absolute;
    top             : -5px;
    right           : -10px;
    color           : #555;
    font-size       : 14px;
    background-color: #5bc0de;
    border-radius   : 100%;
    font            : normal normal normal 14px/1 FontAwesome;
    text-rendering  : auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.BTN-SR > button.user-refresh:before{
    content         : "\f021";
}
.BTN-SR > button.user-refresh:hover{
    font-weight     : bold;
    color           : #fff; 
}

.BTN-SR:not(.view-refresh) > button.user-refresh{
    display         : none;
}

.BTN-SR:.view-refresh > button.user-refresh{
    animation       : fade_show 0.5s;
}

@keyframes fade_show{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}


.BTN-SR.expert:not([data-state="0"]):not([data-state="5"]){
    box-shadow: 0 2px 2px 0 rgba(255, 0, 0), 0 1px 5px 0 rgba(255, 0, 0), 0 3px 1px -2px rgba(255, 0, 0) !important;
}
/*.BTN-SR.expert:after{
    content: "CHALLENGE MODE";
    position: absolute;
    color: #f55;
    font-weight: bold;
    font-size: 10px;
    top: 0px;
    letter-spacing: -1px;
    text-align: center;
    right: 9px;
}*/
.BTN-SR.expert:after{
    content: "CHALLENGE MODE";
    position: absolute;
    color: #f55;
    font-weight: bold;
    font-size: 10px;
    /*top: 0px;*/
    letter-spacing: -1px;
    text-align: center;
    /*right: 9px;*/
    margin-left: -69px;
    margin-top: 80px;
}

.BTN-SR[data-state="3"] > i{
    animation: color_effect 2s linear infinite;
}
.BTN-SR[data-state="3"].WAIT > i{
    animation: color_effect_2 2s linear infinite;
}

@keyframes color_effect {
    0% { color:#333; }
    50% { color:#31b0d5; }
    100% { color:#333; }
}

@keyframes color_effect {
    0% { color:#555; }
    50% { color:#31b0d5; }
    100% { color:#555; }
}



.MEDIA_CONFIG{
    display         : none;
    z-index         : 1000;
    position        : absolute;
    overflow        : hidden;
    border          : 1px solid #CCC;
    white-space     : nowrap;
    font-family     : sans-serif;
    background      : #FFF;
    color           : #333;
    border-radius   : 5px;
    padding         : 0;
    width           : 155px;
    background-color: #eee;
    box-sizing      : border-box;
}



.MEDIA_CONFIG *[data-btn="media-config-threshold-toggle"]{
    border          : none;
    background-color: transparent;
    color           : #888;
    outline         : none;
    position        : absolute;
    font-size       : 12px;
    top             : 3px;
    right           : 15px;
}
.MEDIA_CONFIG *[data-btn="media-config-threshold-toggle"]:hover{
    color       : #555;
}
.MEDIA_CONFIG *[data-btn="media-config-threshold-toggle"]:before{
    content     : "\25b6";
}
.MEDIA_CONFIG *[data-btn="media-config-threshold-toggle"].active:before{
    content     : "\25C0";
}

.MEDIA_CONFIG *[data-btn="media-config-pin"]{
    border          : none;
    background-color: transparent;
    color           : #888;
    outline         : none;
    position        : absolute;
    font-size       : 15px;
    top             : 0px;
    right           : 0px;
}
.MEDIA_CONFIG *[data-btn="media-config-pin"]:before{
    content         : "\2295";
}
.MEDIA_CONFIG *[data-btn="media-config-pin"]:hover{
    color           : #555;
}
.MEDIA_CONFIG *[data-btn="media-config-pin"].active{
    color           : #000;
}

.MEDIA_CONFIG *[data-btn]{
    z-index         : 10;
}

.MEDIA_CONFIG > div{
    float           : left;
    z-index         : 1px; 
}

.MEDIA_CONFIG *[data-content="serverms"]{
    display         : none;
    float           : right;
    font-size       : 10px;
}

.MEDIA_CONFIG > .mconfig-footer,
.MEDIA_CONFIG > .mconfig-header{
    padding         : 2px 4px;
    width           : 100%;
    text-align      : center;
    background-color: #333;
    color           : #fff;
    font-size       : 14px;
    border-radius   : 0;
    cursor          : move;
    height          : 20px; 
}

.MEDIA_CONFIG > .mconfig-footer{
    height          : 15px; 
}

.MEDIA_CONFIG > .mconfig-body{
    position        : relative;
}

.MEDIA_CONFIG > .mconfig-body > div{
    position        : relative;
    box-sizing      : border-box;
    width           : 155px;
    padding         : 10px 5px;
    float           : left;
}

.MEDIA_CONFIG > .mconfig-body > .main-panel > div{
    float           : left;
    width           : 100%;
}

.MEDIA_CONFIG > .mconfig-body > .main-panel .btn-info{
    background-color: #333 !important;
    border-color    :#444 !important;
}

.MEDIA_CONFIG > .mconfig-body > .main-panel .btn-info:hover,
.MEDIA_CONFIG > .mconfig-body > .main-panel .btn-info:focus{
    background-color: #444 !important;
    border-color    : #444 !important;
}

.MEDIA_CONFIG > .mconfig-body > .main-panel div.btn-group > button{
    float           : left;
    font-size       : 12px !important;
}


.MEDIA_CONFIG > .mconfig-body > .main-panel > div span.help-icon{
    height          : 12px;
    width           : 12px;
    float           : right;
    color           : #fff;
    cursor          : help;
    text-align      : center;
    font-size       : 12px;
    border-radius   : 50%;
    background-color: #333;
    overflow        : hidden;
    border          : 1px solid #555;
}

.MEDIA_CONFIG > .mconfig-body > .main-panel > .modeChanger,
.MEDIA_CONFIG > .mconfig-body > .main-panel > div input{
    width           : 100%;
}

.MEDIA_CONFIG > .mconfig-body > .main-panel > .modeChanger > button{
    width           : 50%;
}

.MEDIA_CONFIG.threshold-active{
    width           : 500px;
}
.MEDIA_CONFIG > .mconfig-body > .config-settings-template{
    width           : calc(100% - 162px);
    padding-top     : 10px;
    border-left     : 2px solid #555;
    margin-left     : 5px;
    padding         : 5px;
    min-height      : 200px;
    overflow-y      : auto;
    font-size       : 12px;
}
.MEDIA_CONFIG > .mconfig-body > .config-settings-template .settings-category{
    width           : 100%;
    height          : auto;
    float           : left;
}
.MEDIA_CONFIG > .mconfig-body > .config-settings-template .settings-category > .settings-category-label{
    width           : 100%;
    height          : 25px;
    font-weight     : bold; 
    float           : left;
    text-align      : left;
    text-indent     : 10px;
    padding         : 5px; 
    cursor          : pointer;  
}
.MEDIA_CONFIG > .mconfig-body > .config-settings-template .settings-category > .settings-category-label:before{
    content         : "\25b6";
    margin-right    : 10px; 
}

.MEDIA_CONFIG > .mconfig-body > .config-settings-template .settings-category > .settings-category-body{
    width           : 100%;
    cursor          : pointer;  
    height          : auto;
    padding         : 5px;
    float           : left;
    padding-left    : 10px;
    padding-right   : 10px;
    display         : none;
}

.MEDIA_CONFIG > .mconfig-body > .config-settings-template .settings-category.active > .settings-category-label:before{
    content         : "\25bc";
}
.MEDIA_CONFIG > .mconfig-body > .config-settings-template .settings-category.active > .settings-category-body{
    display         : block;
}

.MEDIA_CONFIG > .mconfig-body > .config-settings-template .settings-category.simple > .settings-category-label:before{
    content         : "\00a0";
    margin-right    : 20px; 
}
.MEDIA_CONFIG > .mconfig-body > .config-settings-template .settings-category.simple > .settings-category-body{
    display         : none;
}


.MEDIA_CONFIG > .mconfig-body > .config-settings-template input{
    width           : auto;
    min-width       : 50px;
    margin-left     : 10px;
    height          : 20px;
    font-size       : 12px;
    color           : #555;
}
.MEDIA_CONFIG > .mconfig-body > .config-settings-template input:before{
    content         : "\72";
    margin-right    : 10px;
}

.MEDIA_CONFIG.threshold-active *[data-btn="media-config-pin"]{
    right           : 10px;
}
.MEDIA_CONFIG.threshold-active *[data-btn="media-config-threshold-toggle"]{
    right           : 25px;
}



.GUI_EMBED_CONTAINER{
    height              : 30px;
    margin              : 10px auto 0 auto;
    opacity             : 0;
    border-radius       : 5px;
}


.GUI_RECORDVIEW_CONTAINER{
    height              : 30px;
    width               : 200px;
    margin              : 10px auto 0 auto;
    opacity             : 0;
    border              : 1px solid #5Bc0de;
    border-radius       : 5px;
}
.GUI_RECORDVIEW_CONTAINER > div {
    width   : 100%;
    height  : 100%;
    color   : #000;
    overflow: hidden;
    cursor  : default;
}
.GUI_RECORDVIEW_CONTAINER > div > button {
    float             : left;
    width             : 30px;
    height            : 100%;
    display           : flex;
    align-items       : center;
    justify-content   : center;
    cursor            : pointer;
    background-color  : transparent;
    border            : none;
}
.GUI_RECORDVIEW_CONTAINER > div > div.time {
    border            : 1px solid #2bc6d6;
    background-color  : transparent;
    height            : 15px;
    width             : calc(100% - 60px);
    margin-top        : 7.25px;
    float             : left;
    text-align        : center;
    position          : relative;
    overflow          : hidden;
}
.GUI_RECORDVIEW_CONTAINER > div.noupload > div.time{
    width             : calc(100% - 50px); 
}

.GUI_RECORDVIEW_CONTAINER > div > div.time > div:nth-child(1){
    height      :100%;
    float       :left;
    width       :1px;
    background-color  :#2bc6d6;
}
.GUI_RECORDVIEW_CONTAINER > div > div.time > div:nth-child(2){
    top         :0;
    left        :0;
    position    : absolute;
    text-align  : center;
    margin-top  : 1px;
    width       : 100%;
    height      : 15px;
    font-size   : 9px;
}
.GUI_RECORDVIEW_CONTAINER > div > div.func {
    float             : left;
    height            : 100%;
    display           : flex;
    align-items       : center;
    justify-content   : center;
    cursor            : pointer;
    background-color  : transparent;
    border            : none;
    margin            : auto 5px;
}
.GUI_RECORDVIEW_CONTAINER > div > div.func,
.GUI_RECORDVIEW_CONTAINER > div > button:hover {
    color:#2bc6d6;
}
#GUI_TESTVIEW_CONTAINER{
    /*MAKE HERE*/
}


#MEDIA_DEBUG{
    height          : 30px;
    width           : 300px;
    margin          : 10px auto 0 auto;
}
#MEDIA_DEBUG.type-0 > input{
    height      : 30px;
    width       : calc(100% - 70px);
    float       : left;
    border      : 1px solid #5Bc0de;
    box-sizing  : border-box;
}
#MEDIA_DEBUG.type-1 > input{
    display:none;
}
#MEDIA_DEBUG.type-1 > div{
    height      : 30px;
    width       : calc(100% - 70px);
    float       : left;
    border      : 1px solid #5Bc0de;
    box-sizing  : border-box;
    color       : #aaa;
    text-align  : left;
    text-indent : 10px;
    line-height : 30px; 
    cursor      : pointer;  
    overflow    : hidden; 
}
.noselect{
    -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
         -khtml-user-select: none; /* Konqueror HTML */
           -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently
                                      supported by Chrome and Opera */
}
#MEDIA_DEBUG > button{
    height            : 30px;
    width             : 65px;
    float             : left;
    border            : none;
    color             : #000;
    background-color  : #5Bc0de;
    box-sizing        : border-box;
}


.MEDIA_MODAL_SETTINGS{
    overflow-y: hidden;
}
.MEDIA_MODAL_SETTINGS > .modal-dialog{
    max-width: 580px;
    width: 100%;
    margin: 0 auto;
}
.MEDIA_MODAL_SETTINGS > .modal-dialog > .modal-content{
   margin-top: 20px; 
   border-radius: 15px;
   background-color: #f8f8f8;
}
.MEDIA_MODAL_SETTINGS > .modal-dialog > .modal-content > .modal-header > .modal-title{
    font-weight: bold;
    padding-left: 20px;
}
.MEDIA_MODAL_SETTINGS > .modal-dialog > .modal-content > .modal-body{
    color: #999;
    padding: 0;
}
.MEDIA_MODAL_SETTINGS > .modal-dialog > .modal-content > .modal-footer > .modal-close{
    font-weight: bold;
    font-size: 17px;
    color: #37abf2;
    margin-right: 30px;
    cursor: pointer;
}


.MEDIA_SPEECHREC_SETTINGS{
    padding-bottom: 30px;
    width           : 100%;
    float           : left;
    clear           : both;
}
.MEDIA_SPEECHREC_SETTINGS > .media_settings_label{
    color:#37abf2;
    font-weight:bold;
    padding:10px 0 20px 35px;
}
.MEDIA_SPEECHREC_SETTINGS > .media_settings_label > .desktop-only{
    display             : block;
}
.MEDIA_SPEECHREC_SETTINGS > .media_settings_slider_container{
    padding: 0 35px 0px 35px;
}
.MEDIA_SPEECHREC_SETTINGS > .media_settings_slider_container > .slider{
    width: 100% !important;
}
.MEDIA_SPEECHREC_SETTINGS > .media_settings_slider_container > .media_settings_slider_label{
    font-size:11px;
}
.MEDIA_SPEECHREC_SETTINGS > .media_settings_slider_container > .media_settings_slider_label > div{
    float:right;
    position: relative;
}
.MEDIA_SPEECHREC_SETTINGS > .media_settings_slider_container > .media_settings_slider_label > div.rd_box{
    border          : 1px solid white;
    float           : left;
    width           : 30px;
    clear           : both;
    text-align      : center;
    color           : white;
    background-color: #7d0096;
    margin-right    : 10px;
    display         : none;
    cursor          : pointer;
}
.MEDIA_SPEECHREC_SETTINGS > .media_settings_slider_container > .media_settings_slider_label > div > input{
    position: absolute;
    top: -3px;
    left: -15px;
}
.MEDIA_SPEECHREC_SETTINGS > .media_settings_slider_container > .media_settings_slider_input{
    width: 100%;
}
.MEDIA_SPEECHREC_SETTINGS > .media_settings_slider_container > table{
    margin-top:5px;
}
.MEDIA_SPEECHREC_SETTINGS.nopadd{
    padding-bottom: 0;
}

.c_settings_panel_btn_container{
    width           : calc(100% + 30px);
    height          : 30px;
    margin-bottom   : -15px;
    margin-left     : -15px;
    margin-top      : 10px;
    padding         : 0 30px;

}
.c_microphone_settings{
    overflow        : auto;
    padding         : 0px;
    padding-bottom  : 15px; 
}
.c_settings_panel_btn{
    height          : 30px;
    background-color: transparent;
    border          : 1px solid #ddd;
    outline         : none;
    float           : left;
    margin-right    : 1px; 
    font-weight     : bold;
    font-weight     : 14px;
    padding         : 5px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.c_settings_panel_btn.active{
    background-color: #eee;
}
.c_settings_panel_btn:hover{
    text-decoration : underline; 
}

.media_microphone_setting{
    padding     : 5px 30px;
    min-height  : 100px;
    color       : #888;
}
.media_microphone_setting >{
    width       : 100%;
}
.media_microphone_setting > .settings_mic_frequency{
    border              : 1px solid black;
    height              : 80px;
    width               : 280px;
    float               : left;
    background-color    : #333;
}
.media_microphone_setting > .media_mode_switch{
    float               : left;
    width               : calc(100% - 280px);
    padding             : 5px 30px;    
}

.media_microphone_setting > .media_mode_switch > .media_switch_label_hidden{
    color               : #37abf2;
    font-weight         : bold;
    display             : none;
}


.media_mode_switch > .switch-group .switch-label{
    font-weight         : bold; 
    float               : left;
}

.media_mode_switch > .switch-group .switch-elem{
    float               : right;
}

.media_mode_switch > .checkbox-group{
    width               : 100%;
    float               : left;
    color               : #333;
}

.media_mode_switch > .checkbox-group .checkbox-label{
    font-weight         : bold; 
    float               : left;
    padding             : 0px 20px;
}
.media_mode_switch > .checkbox-group .checkbox-elem{
    float               : left;
}

.MEDIA_RECORDER_MODAL{
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0,0,0,0.5);
}
.MEDIA_RECORDER_MODAL *{
    box-sizing: border-box;
}
.MEDIA_RECORDER_MODAL.active > .media_modal_box{
    opacity: 1;
}
.MEDIA_RECORDER_MODAL > .media_modal_box{
    border-radius       : 15px;
    min-height          : 260px;
    width               : 500px;
    background-color    : #f8f8f8;
    padding             : 0px;
    text-align          : center;
    box-shadow          : 0 3px 9px rgba(0, 0, 0, 0.5);
    margin              : 0 auto;
    margin-top          : 120px;
    opacity             : 0;
    -webkit-transition  : opacity 0.15s linear;
    transition          : opacity 0.15s linear;
}
.MEDIA_RECORDER_MODAL > .media_modal_box > .media_modal_header{
    height          : 50px; 
    width           : 100%; 
    padding         : 15px;
    border-bottom   : 1px solid #e5e5e5;
    position        : relative;  
}
.MEDIA_RECORDER_MODAL > .media_modal_box > .media_modal_header > .media_close_btn{
    background-color: transparent;
    border          : none;
    color           : black;
    font-size       : 15px;
    float           : right;
    outline         : none;
    cursor          : pointer;
    font-size       : 20px;
    font-weight     : bold;
}
.MEDIA_RECORDER_MODAL > .media_modal_box > .media_modal_header > .media_close_btn:hover{
    color           : #f55;            
}
.MEDIA_RECORDER_MODAL > .media_modal_box > .media_modal_body{
    position        : relative;  
    height          : auto;
    width           : 100%;
    padding         : 15px;
    overflow        : auto;
    margin-bottom   : 20px; 
}

.MEDIA_RECORDER_MODAL > .media_modal_box.upsmodal{
    min-height          : 260px;
    width               : 30%;
    max-width           : 100%;
    color               : #2a6496;
    font-size           : 20px;
    font-weight         : bold;
    position            : relative;
    display             : table;
    display             : table;
    padding:            : 5px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.upsmodal > .media_modal_body > table{
    color           : #000;
    width           : 100%;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.upsmodal > .media_modal_body > table td{
    font-size       : 12px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.upsmodal > .media_modal_body > table td > span{
    cursor: pointer;
    color : #2a6496;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.upsmodal > .media_modal_body > table td > span:hover{
    text-decoration: underline;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.upsmodal > .media_modal_body > table td > span.not-matched{
    color : #f44;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.upsmodal > .media_modal_body > table tr:nth-child(n+2):nth-child(-n+6) td:first-child{
    width: 20%;
    border: 1px solid #000;
    white-space: nowrap;
    padding: 3px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.upsmodal > .media_modal_body > table tr:nth-child(n+2):nth-child(-n+6) td:nth-child(n+2):nth-child(n+2){
    /*min-width: 75px;*/
    min-width: 40px;
    width: auto;
    border: 1px solid #000;
    padding: 3px;
}

.MEDIA_RECORDER_MODAL > .media_modal_box.upsmodal > .media_modal_body > .media_recording_container{
    font-size       : 12px;
    font-style      : italic;  
    margin-top      : 25px;
    width           : 100%;
    float           : left; 
}
.MEDIA_RECORDER_MODAL > .media_modal_box.upsmodal > .media_modal_body > .media_recording_container > div{
    float           : left;
    width           : 50%;
    opacity         : 1;
    margin          : 0 auto;
    height          : 30px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.upsmodal > .media_modal_body > .media_recording_container > div:first-child{
    line-height     : 30px;     
    max-width       : 175px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.upsmodal > .media_modal_body > .media_recording_container > div:last-child{
    max-width       : calc(100% - 200px);
}

.MEDIA_RECORDER_MODAL > .media_modal_box.upsmodal > .media_modal_body > .media_recording_container.embed > div:first-child{
    text-align      : left; 
    line-height     : 30px;
    width           : 100%;
    max-width       : 100%;  
}
.MEDIA_RECORDER_MODAL > .media_modal_box.upsmodal > .media_modal_body > .media_recording_container.embed > div:last-child{
    max-width       : 100%;
    width           : 100%;
    height          : 43px;
}


.MEDIA_RECORDER_MODAL > .media_modal_box.upsmodal td[cont="main_word"]{
    text-align      : center;
    font-weight     : bold;
    font-size       : 14px !important;
    padding-bottom  : 10px;
}



.MEDIA_RECORDER_MODAL > .media_modal_box.attempt_modal{
    min-height          : 250px;
    width               : 90%;
    max-width           : 500px; 
    border-radius       : 15px;
    color               : #000;
    font-size           : 18px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.attempt_modal > .media_modal_body{
    padding: 35px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.attempt_modal > .media_modal_body > .attempt_title{
    text-align: left;
    font-weight: bold;
    margin-bottom: 30px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.attempt_modal > .media_modal_body > .attempt_desc{
    text-align: left;
    margin-bottom: 40px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.attempt_modal > .media_modal_body > .attempt_buttons{
    float:right;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.attempt_modal > .media_modal_body > .attempt_buttons.right{
    width: 250px;
    text-align: right;
}

.MEDIA_RECORDER_MODAL > .media_modal_box.attempt_modal > .media_modal_body > .attempt_buttons > button{
    background-color: transparent;
    border: none;
    color: #2181d4;
    text-align: right;
    outline: none;
    cursor : pointer;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.attempt_modal > .media_modal_body > .attempt_buttons > button:hover{
    text-decoration: underline;
}




.MEDIA_RECORDER_MODAL > .media_modal_box.nospeech_modal{
    min-height          : 200px;
    width               : 90%;
    max-width           : 500px; 
    border-radius       : 15px;
    color               : #000;
    font-size           : 18px;
}

.MEDIA_RECORDER_MODAL > .media_modal_box.nospeech_modal > .media_modal_body{
    padding: 25px;
}

.MEDIA_RECORDER_MODAL > .media_modal_box.nospeech_modal > .media_modal_body > .modal_title{
    text-align: left;
    font-weight: bold;
    margin-bottom: 30px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.nospeech_modal > .media_modal_body > .modal-body,
.MEDIA_RECORDER_MODAL > .media_modal_box.nospeech_modal > .media_modal_body > .modal_body{
    text-align: left;
    margin-bottom: 40px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.nospeech_modal > .media_modal_body > .modal_buttons{
    float:right;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.nospeech_modal > .media_modal_body > .modal_buttons.right{
    width: 250px;
    text-align: right;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.nospeech_modal > .media_modal_body > .modal_buttons > button{
    background-color: transparent;
    border: none;
    color: #2181d4;
    text-align: right;
    outline: none;
    cursor 
: pointer;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.nospeech_modal > .media_modal_body > .modal_buttons > button:hover{
    text-decoration: underline;
}



.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal{
    min-height          : 200px;
    width               : 90%;
    max-width           : 500px; 
    border-radius       : 15px;
    color               : #000;
    font-size           : 18px;
}

.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body{
    padding: 25px;
}

.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body > .modal_title{
    text-align: left;
    font-weight: bold;
    margin-bottom: 30px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body > .modal-body,
.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body > .modal_body{
    text-align: left;
    margin-bottom: 40px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body > .modal_buttons{
    float:right;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body > .modal_buttons.right{
    width: 250px;
    text-align: right;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body > .modal_buttons > button{
    background-color: transparent;
    border: none;
    color: #2181d4;
    text-align: right;
    outline: none;
    cursor 
: pointer;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body > .modal_buttons > button:hover{
    text-decoration: underline;
}



.MEDIA_RECORDER_MODAL > .media_modal_box.english_modal{
    min-height          : 200px;
    width               : 80%;
    border-radius       : 15px;
    color               : #000;
    font-size           : 18px;
}

.MEDIA_RECORDER_MODAL > .media_modal_box.english_modal > .media_modal_body{
    padding: 25px;
}

.MEDIA_RECORDER_MODAL > .media_modal_box.english_modal > .media_modal_body > .modal_title{
    text-align: left;
    font-weight: bold;
    margin-bottom: 30px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.english_modal > .media_modal_body > .modal-body,
.MEDIA_RECORDER_MODAL > .media_modal_box.english_modal > .media_modal_body > .modal_body{
    text-align: left;
    margin-bottom: 40px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.english_modal > .media_modal_body > .modal_buttons{
    float:right;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.english_modal > .media_modal_body > .modal_buttons.right{
    width: 250px;
    text-align: right;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.english_modal > .media_modal_body > .modal_buttons > button{
    background-color: transparent;
    border: none;
    color: #2181d4;
    text-align: right;
    outline: none;
    cursor : pointer;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.english_modal > .media_modal_body > .modal_buttons > button:hover{
    text-decoration: underline;
}



.MEDIA_RECORDER_MODAL > .media_modal_box.volume_calibrate_modal{
    min-height          : 250px;
    width               : 90%;
    max-width           : 700px; 
    border-radius       : 15px;
    color               : #000;
    font-size           : 18px;
}

.MEDIA_RECORDER_MODAL > .media_modal_box.volume_calibrate_modal > .media_modal_body{
    padding             : 5px;
    min-height          : 250px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.volume_calibrate_modal > .media_modal_body > .modal_title{
    text-align          : left;
    font-weight         : bold;
    padding             : 5px;
    height              : 35px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.volume_calibrate_modal > .media_modal_body > .modal-body,
.MEDIA_RECORDER_MODAL > .media_modal_box.volume_calibrate_modal > .media_modal_body > .modal_body{
    padding-top         : 30px;
    text-align          : left;
    min-height          : 250px;
}

.c_microphone_settings.modal-body .MEDIA_SPEECHREC_SETTINGS[data-panel-type] .center,
.c_microphone_settings.modal_body[data-panel-type] > div[data-panel] .center,
.MEDIA_RECORDER_MODAL > .media_modal_box.volume_calibrate_modal > .media_modal_body > .modal_body .center{
    text-align          : center; 
}

.c_microphone_settings.modal-body .MEDIA_SPEECHREC_SETTINGS[data-panel-type] button.btn-clean:hover,
.c_microphone_settings.modal_body[data-panel-type] > div[data-panel] button.btn-clean,
.MEDIA_RECORDER_MODAL > .media_modal_box.volume_calibrate_modal > .media_modal_body > .modal_body button.btn-clean{
    background-color: transparent;
    border: none;
    color: #37abf2;
    text-align: right;
    outline: none;
    cursor : pointer;
    font-weight: bold;
    font-size: 25px;
}
.c_microphone_settings.modal-body .MEDIA_SPEECHREC_SETTINGS[data-panel-type] button.btn-clean:hover,
.c_microphone_settings.modal_body[data-panel-type] > div[data-panel] button.btn-clear:hover,
.MEDIA_RECORDER_MODAL > .media_modal_box.volume_calibrate_modal > .media_modal_body > .modal_body button.btn-clean:hover{
    text-decoration: underline;
}

.c_microphone_settings.modal-body .MEDIA_SPEECHREC_SETTINGS[data-panel-type] > div[data-panel],
.c_microphone_settings.modal_body[data-panel-type] > div[data-panel],
.MEDIA_RECORDER_MODAL > .media_modal_box.volume_calibrate_modal > .media_modal_body > .modal_body[data-panel-type] > div[data-panel]{
    display             : none;
}

.c_microphone_settings.modal-body .MEDIA_SPEECHREC_SETTINGS[data-panel-type="start"] > div[data-panel="start"],
.c_microphone_settings.modal_body[data-panel-type="start"] > div[data-panel="start"],
.MEDIA_RECORDER_MODAL > .media_modal_box.volume_calibrate_modal > .media_modal_body > .modal_body[data-panel-type="start"] > div[data-panel="start"]{
    display             : block;
}

.c_microphone_settings.modal-body .MEDIA_SPEECHREC_SETTINGS[data-panel-type="mid"] > div[data-panel="mid"],
.c_microphone_settings.modal_body[data-panel-type="mid"] > div[data-panel="mid"],
.MEDIA_RECORDER_MODAL > .media_modal_box.volume_calibrate_modal > .media_modal_body > .modal_body[data-panel-type="mid"] > div[data-panel="mid"]{
    display             : block;
}

.c_microphone_settings.modal-body .MEDIA_SPEECHREC_SETTINGS[data-panel-type="end"] > div[data-panel="end"],
.c_microphone_settings.modal_body[data-panel-type="end"] > div[data-panel="end"],
.MEDIA_RECORDER_MODAL > .media_modal_box.volume_calibrate_modal > .media_modal_body > .modal_body[data-panel-type="end"] > div[data-panel="end"]{
    display             : block;
}
   

.c_microphone_settings.modal-body .MEDIA_SPEECHREC_SETTINGS .phrase-box,
.c_microphone_settings.modal_body .phrase-box,
.MEDIA_RECORDER_MODAL > .media_modal_box.volume_calibrate_modal > .media_modal_body > .modal_body .phrase-box{
    /*font-weight         : bold;*/
    width               : 100%;
    padding             : 10px;
    text-align          : left; 
    font-size           : 20px;
}
.c_microphone_settings.modal-body .MEDIA_SPEECHREC_SETTINGS .phrasebox,
.c_microphone_settings.modal_body .phrasebox,
.MEDIA_RECORDER_MODAL > .media_modal_box.volume_calibrate_modal > .media_modal_body > .modal_body .phrase-box.question{
    text-align          : center;
    color               : #37abf2;
    font-size           : 20px;
    border              : 0;
    background-color    : transparent;
 }



.MEDIA_RECORDER_MODAL > .media_modal_box.volume_calibrate_modal > .media_modal_body > .modal_buttons{
    text-align          : right;
    height              : 35px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.volume_calibrate_modal > .media_modal_body > .modal_buttons > button{
    background-color: transparent;
    border: none;
    color: #2181d4;
    text-align: right;
    outline: none;
    cursor : pointer;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.volume_calibrate_modal > .media_modal_body > .modal_buttons > button:hover{
    text-decoration: underline;
}




.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal .downloading-note{
    color               : #555;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal .downloading-note > *.small{
    font-size           : 12px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal .downloading-note > *.medium{
    font-size           : 14px;
}


.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body[ctype="main"] > .modal_buttons button[action="download-go-online"],
.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body[ctype="main"] > .modal_body > div:not([data-content="main"]) {
    display             : none;
}


.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body[ctype="download"] > .modal_body > div:not([data-content="download"]){
    display             : none;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body[ctype="download"] > .modal_buttons{
    display             : none;
}


.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body[ctype="download-error"] > .modal_body > div:not([data-content="download-error"]){
    display             : none;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body[ctype="download-error"] > .modal_buttons button:not([action="download-go-online"]){
    display             : none;
}

.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body[ctype="remind-later"] > .modal_buttons button[action="download-go-online"],
.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body[ctype="remind-later"] > .modal_buttons button[action="remind-later"],
.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body[ctype="remind-later"] > .modal_buttons button[action="download"],
.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body[ctype="remind-later"] > .modal_body > div:not([data-content="remind-later"]){
    display             : none;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body[ctype="remind-later"] input[type="radio"]{
    opacity             : 1 !important; 
}
.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body:not([ctype="remind-later"]) > .modal_buttons button[action="remind-later-return"],
.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body:not([ctype="remind-later"]) > .modal_buttons button[action="remind-later-ok"]{
    display             : none;
}


.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body > .modal_buttons > button[action="go-online"]{
    display             : none;
}

.MEDIA_RECORDER_MODAL > .media_modal_box.protocol_modal > .media_modal_body > .modal_buttons > button.off-choice{
    color               : #888;
    font-size           : 13px;
}

.MEDIA_RECORDER_MODAL > .media_modal_box.close_exer_modal{
    min-height          : 120px;
    width               : 80%;
    max-width           : 410px; 
    border-radius       : 15px;
    color               : #000;
    font-size           : 15px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.close_exer_modal > .media_modal_body{
    padding-top         : 30px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.close_exer_modal > .media_modal_body > div:nth-child(1){
}
.MEDIA_RECORDER_MODAL > .media_modal_box.close_exer_modal > .media_modal_body > div:nth-child(2){
    text-align          : right;  
    margin-top          : 25px;
}
.MEDIA_RECORDER_MODAL > .media_modal_box.close_exer_modal > .media_modal_body > div:nth-child(2) > a{
    font-size: 17px;
    color: #37abf2;
    margin-right: 10px; 
}


.MEDIA_LINK_BTN{
    background-color: transparent;
    border: none;
    color: #2181d4;
    text-align: right;
    outline: none;
    cursor : pointer;
}
.MEDIA_LINK_BTN : hover{
    text-decoration: underline;
}




@media(max-width: 720px){
    .MEDIA_RECORDER_MODAL > .media_modal_box.upsmodal{
        width: 90%;
        max-width: 700px;
    }
    .MEDIA_RECORDER_MODAL > .media_modal_box{
        margin-top : 80px;
    }
    #MEDIA_UPS_IPA_MODAL > .media_modal_box{
        width       : 90%;
        min-width   : 400px;
        margin-top  : 100px; 
    }
    #MEDIA_UPS_IPA_MODAL > .media_modal_box > .media_modal_body > table tr:nth-child(n+3):nth-child(-n+4) td:first-child:after{
        content : "";
    }
}
@media(max-width: 500px){
    .media_microphone_setting > .media_mode_switch{
        float               : left;
        width               : 100%;
        padding             : 10px 5px;    
    }
    .media_microphone_setting > .media_mode_switch > .media_switch_label_hidden{
        display             : block;
    }
    .MEDIA_SPEECHREC_SETTINGS > .media_settings_label > .desktop-only{
        display             : none;
    }
}

.MEDIA_WORD_OUTPUT.IPA:hover{
    text-decoration: underline;
}
.MEDIA_WORD_OUTPUT{
    margin-left:3px;
    float: left;
}


.MEDIA_WORD_OUTPUT.new{
    height      : 26px;
    overflow    : hidden;
    margin-top  : 10px;
    margin-left : 0px;
    padding     : 1px 3px 1px 1px;
}
.MEDIA_WORD_OUTPUT.new > .wordtype{
    font-size:11px;
    text-decoration:none;
    color:#000;
}
.MEDIA_WORD_OUTPUT.new > div.lines{
    height      : 10px;
    text-align  : center;
}
.MEDIA_WORD_OUTPUT.new > div.lines.word{
    height      : 20px;
}
.MEDIA_WORD_OUTPUT.new > div.lines.res{
    font-size   : 10px;
    color       : #888;
}


.MEDIA_RECORDER_TIPS{
    position    : absolute;
    height      : 20px;
    min-width   : 150px; 
}

.MEDIA_RECORDER_TIPS > div.display{
    z-index             : 2;
    position            : absolute;
    top                 : 0;
    left                : 0;
    clip-path           : polygon(20px 0%, 100% 1%, 100% 100%, 20px 100%, 0% 50%);
    -ms-clip-path       : polygon(20px 0%, 100% 1%, 100% 100%, 20px 100%, 0% 50%); 
    -webkit-clip-path   : polygon(20px 0%, 100% 1%, 100% 100%, 20px 100%, 0% 50%);
    height              : 100%;
    background-color    : #555;
    width               : 100%;
    padding             : 1.5% 1.5% 1.5% 25%;
    color               : white;
    text-align          : left;
    font-size           : 11px;
}

#media_recorder_quick_skip{
    position            : absolute;
    right               : 10px;
    bottom              : 10px;
    background-color    : transparent;
    border              : none;
    color               : #5af;
    text-decoration     : underline;
}

.media-skip-int-btn-container{
    padding             : 10px 20px;
    text-align          : center; 
}
.media-skip-int-btn-container > button{
    border              : none;
    background-color    : transparent;
    font-weight         : bold; 
    min-width           : 100px; 
    color               : #37abf2;
}
.media-skip-int-btn-container > button:hover{
    text-decoration     : underline; 
}
.media-skip-int-btn-container > button[data-btn="try-again"]{
    /*float               : left;*/
}
.media-skip-int-btn-container > button[data-btn="skip"]{
    /*float               : right;*/
}

.clear-after:after,
.clear-after:before{
    display         : table;
    content         : " ";
}
.clear-after:after{
    clear           : both;
}

.mic-volume-meter-container{
    width           : 80%;
    margin          : 5px 10%;
}
.mic-volume-meter-container .header{
    font-size       : 12px;
    width           : 100%;
    text-align      : center;
    font-style      : italic;
    color           : #666;
    padding-bottom  : 26px;
}
.mic-volume-meter-container .bar{
    border          : 1px solid #5af;    
    width           : 100%;
    height          : 10px;
    overflow        : hidden;
    background      : rgba(142,212,245,1);
    background      : -moz-linear-gradient(left, rgba(142,212,245,1) 0%, rgba(142,212,245,1) 49%, rgba(204,118,106,1) 50%, rgba(245,155,147,1) 50%, rgba(241,111,92,1) 100%);
    background      : -webkit-gradient(left top, right top, color-stop(0%, rgba(142,212,245,1)), color-stop(49%, rgba(142,212,245,1)), color-stop(50%, rgba(204,118,106,1)), color-stop(50%, rgba(245,155,147,1)), color-stop(100%, rgba(241,111,92,1)));
    background      : -webkit-linear-gradient(left, rgba(142,212,245,1) 0%, rgba(142,212,245,1) 49%, rgba(204,118,106,1) 50%, rgba(245,155,147,1) 50%, rgba(241,111,92,1) 100%);
    background      : -o-linear-gradient(left, rgba(142,212,245,1) 0%, rgba(142,212,245,1) 49%, rgba(204,118,106,1) 50%, rgba(245,155,147,1) 50%, rgba(241,111,92,1) 100%);
    background      : -ms-linear-gradient(left, rgba(142,212,245,1) 0%, rgba(142,212,245,1) 49%, rgba(204,118,106,1) 50%, rgba(245,155,147,1) 50%, rgba(241,111,92,1) 100%);
    background      : linear-gradient(to right, rgba(142,212,245,1) 0%, rgba(142,212,245,1) 49%, rgba(204,118,106,1) 50%, rgba(245,155,147,1) 50%, rgba(241,111,92,1) 100%);
    filter          : progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ed4f5', endColorstr='#f16f5c', GradientType=1 );
}
.mic-volume-meter-container .text{
    height          : 10px;
    width           : 100%;
    font-size       : 11px;
    font-weight     : bold; 
}
.mic-volume-meter-container .text > div{
    width           : 50%;
    float           : left;
    text-align      : center;
    color           : #5af;
}
.mic-volume-meter-container .text > div:nth-child(2){
    color           : #f55;
}


/*.mic-volume-meter-container > div{
    height          : 10px;
    float           : left;
}
.mic-volume-meter-container > div:nth-child(1){
    width           : 50%;
}
.mic-volume-meter-container > div:nth-child(2){
    width           : 50%;

}

.mic-volume-meter-container > div > div{
    height          : 10px;
    width           : 0px; 
}
.mic-volume-meter-container > div:nth-child(1) > div{
    background-color: #5af; 
}
.mic-volume-meter-container > div:nth-child(2) > div{
    background-color: #f55; 
}
*/

.mic-volume-meter-container  div.nav{
    height          : 10px;
    background-color: #2b76c1; 
    width           : 0px; 
}

.mic_image { 
    max-width: 100%;
    width: 180px;
    padding-left: 20px;
 }

 .mic_image_question { 
    max-width: 100%;
    opacity: 0.5;
 }

.c_helper_allication .installed {
    padding: 5px;
    border-radius: 5px;
    color: #fff;
    color: #5b5;
    background-color: transparent;
    font-weight     : bold; 
    font-size       : 12px;
}

.c_helper_allication .notinstalled {
    padding: 5px;
    border-radius: 5px;
    color: #d55;
    background-color: transparent;
    font-weight     : bold; 
    font-size       : 12px;
}
.c_helper_allication .downloaded {
    padding: 5px;
    border-radius: 5px;
    color: orange;
    background-color: transparent;
    font-weight     : bold; 
    font-size       : 12px;
}
#helpertable > tbody > tr > td:nth-child(1){
    font-size       : 13px; 
}
#helpertable > thead > tr >th:nth-child(2){
    width           : 100px;
}
#helpertable > tbody > tr > td:nth-child(3){
    width           : 100px;
}
#helpertable > tbody > tr >td:nth-child(3) > button{
    width           : 100%;
}

.link {
    cursor: pointer;
    color: #37abf2;
}
.link.hover:hover{
    text-decoration : underline;
}