body{
    font-weight: 400;
    font-size: 1.1rem;
}
/*
.plyr__progress {
    display: none!important;
}*/
.modal-dialog {
     max-width: 1380px !important; 
}
.nav-link {
    font-size: 1.1125rem;
}

.task_block{
    box-shadow: 0 3px 21px 0 rgba(185, 199, 226, 0.31);
    background-color: #fff!important;
    border-radius: 10px;
}
.fullheight_block{
    box-shadow: 0 0px 32px 0 rgba(185,199,226,.72);
    min-height: calc(100vh - 60px);
    background: #fff;
}

.btn {
    font-weight: 500;
    font-size: 0.95rem;
}
.badge_min{
	font-size: 52%;
	vertical-align: bottom;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 4px 5px;
}

.form-control:disabled:hover, .form-control[readonly]:hover {
    border-color: #e1e5eb;
    cursor: text;
}

.task_comment{
	font-weight: 400;
    margin: 5px 0 0 10px;
    padding: 0 0 5px 0;
    font-style: italic;
}

.dropdown_profile_email{
	padding: 3px 20px;
    font-size: 14px;
    font-weight: 400;
}

.navbar-brand{
    font-size: 22px;
}

.dropdown-toggle{
	color: #555;
}
.dropdown-toggle:hover{
	text-decoration:none;
}

.task_img{
    width:100%;
}

/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2') format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.task_title{
   /* font-weight: 500;*/
}
.task_desc{
    font-size: 14px;
    margin: -6px 0px 10px;
}
.task_button{
    padding: 14px 22px;margin-top: 8px;
}
.navbar{
    box-shadow: 0 0px 5px 0 rgba(185,199,226,.72);
    padding: 0.05rem 1.5rem;
}
button.plyr__control.plyr__control--overlaid {
    display: none!important;
}

@media (max-width: 575px) { 
    #q1_video{height: 51vw;}
    .btn{ width: -webkit-fill-available; }
    .jumbotron {
        padding: 38px 32px;
    }
    .display-4 {
        font-size: 2.415rem;
    }
    .lead {
        line-height: 1.575rem;
        font-size: 1.05rem;
    }
}
@media (min-width: 576px) { 
    #q1_video{height: 150px;}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
    #q1_video{height: 216px;}
    
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    #q1_video{height: 216px;}
    
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
    #q1_video{height: 266px;}
    
}