:root {
  --mdc-theme-primary: #282E39;
  --mdc-theme-secondary: #edf0f6;
  --mdc-theme-third: #282E39;	
  --txt-color: #595959;
}

html, body {
  font-family: 'Roboto, sans-serif','MyriadPro-Regular','Helvetica', sans-serif;
  font-size: 14px;margin:0;color: var(--txt-color);
}

label, .mdc-data-table__header-cell, .mdc-data-table__cell, .mdc-top-app-bar__title, .mdc-button__label, .mdc-floating-label, .mdc-text-field__input, .mdc-floating-label, .mdc-list-item__text, .mdc-select__selected-text, .mdc-dialog__content, .mdc-tab__text-label{font-family: 'Roboto, sans-serif','MyriadPro-Regular','Helvetica', sans-serif;}

.chrome-css{font-family: 'Roboto, sans-serif','MyriadPro-Regular','Helvetica', sans-serif;}

footer {position: fixed;left: 0;bottom: 0;width: 100%;text-align: center;}

/* Login */
#sessionid, #studentidsave, #studentnamesave{width:300px;}
#join-btn{width:330px; background-color: var(--mdc-theme-third);}
.login-div{margin: 8px 0px;}
	
/* Text */
.textfield.mdc-text-field__input{width:100%; padding-top:20px;}
.areatext.mdc-floating-label.mdc-floating-label--float-above{color:var(--mdc-theme-third);}
.mdc-text-field.mdc-text-field--filled {background-color:var(--mdc-theme-secondary);}	
.textfield.mdc-floating-label.mdc-floating-label--float-above{color:var(--mdc-theme-primary);}

/* top Bar */
.mdc-top-app-bar__row.top{height:45px; background-color:#FFFFFF}
.mdc-top-app-bar__title{color: var(--txt-color);}
#account-btn{width:35px;height:35px;background: var(--mdc-theme-third);font-size: 16px;}
.top-bar-material-icon{font-size:25px; color:var(--txt-color);}	
#session-top-bar{color: var(--mdc-theme-primary); height:30px; background-color:var(--mdc-theme-secondary); font-weight:600; vertical-align:middle;}
.session-top-bar.mdc-button__label{color:var(--txt-color);}

/* Table */
.mdc-data-table__table{white-space: normal;}
.table.mdc-data-table__header-row, .table.mdc-data-table__header-cell
{background-color:var(--mdc-theme-third);color:#FFF;font-size:16px;font-weight:800;height:30px !important;}
.table.odd.mdc-data-table__row{font-size:16px;height:28px !important;background-color:var(--mdc-theme-secondary);}
.table.even.mdc-data-table__row, .table.mdc-data-table__cell{font-size:16px;height:28px !important;}

/***** Question Type *******/
/* MC Choice Button */
.mc_choice_btn{font-size:16px;font-weight:800;max-width:80px;}
.submitted_ans{color:var(--mdc-theme-third);font-weight:800;}
/* Likert Scale */
#likert_value{color:var(--mdc-theme-third); font-weight: bold;}

/***** Show Result *******/
td.bar_txt{text-align: right;}
td.bar, .bar_ans{
	text-align:left;
	font-size:12px;
	color:#999;
	font-weight:normal;
}
.round{
	-webkit-text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.25);
    -moz-text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.25); 
    text-shadow:  1px 0px 1px rgba(0, 0, 0, 0.25);
}

input[type=file]::file-selector-button, input[type=submit] {
  margin-right: 20px;
  border: none;
  background: var(--mdc-theme-primary);
  padding: 10px 20px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

input[type=file]::file-selector-button:hover, input[type=submit]:hover {
  background: var(--mdc-theme-primary);
}
input[type=text], input[type=number]{background: transparent;}

/* SelectField */
.mdc-select__menu{width:100%;}	
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {color: var(--mdc-theme-primary); font-weight:bold;}
.mdc-select__anchor .mdc-select__ripple::before, .mdc-select__anchor .mdc-select__ripple::after {background-color: var(--mdc-theme-secondary);}
.mdc-list-item--selected .mdc-list-item__primary-text, .mdc-list-item--activated .mdc-list-item__primary-text {color: #000;}

/*Chat Room*/
:root {--main-color: #282E39;}
:root {--main-ub-color: #edf0f6;}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{color:var(--main-color);}
	
.mdl-textfield__label:after{background-color:var(--main-color); }

.senttime{font-size: 11px;}	
	
.message{
	width:auto;
  	height: auto;
	border-radius: 10px;
	padding: 10px 40px 10px 10px;
	background-color:var(--main-ub-color);
}

/* Background */
.bg{ 
	height: 100vh;
    width: 100vw;
	background-image: url("../images/bg.png");
	background-repeat: no-repeat;
	background-size: 400px 345px;
    background-position: top 90% left 50%;
}

/* bottom Menu */
.fixed{position:fixed; bottom:0; background:#FFF; margin-bottom:10px; }
.mdc-tab__text-label{text-transform: capitalize; }
.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-color: var(--theme-colour);}	
.mdc-tab.mdc-ripple-upgraded.mdc-tab--active{background-color:var(--mdc-theme-secondary);}	
.mdc-tab--active .mdc-tab__text-label{color:var(--theme-colour);text-transform: capitalize;}
.mdc-tab--active .mdc-tab__icon{color:var(--theme-colour);fill:currentColor;}
.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{background-color:var(--theme-colour);}
.mdc-tab-scroller__scroll-area.mdc-tab-scroller__scroll-area--scroll{padding-top:10px;}

/* dialog */
.mdc-dialog__surface{width:400px;}
.dialog_btn{ width:120px;margin:15px; font-weight:bold; }
.dialog_btn_container{width:320px;}