/* Your app styles here */

/* Left Panel right border when it is visible by breakpoint */
.panel-left.panel-visible-by-breakpoint:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: rgba(0,0,0,0.1);
    content: '';
    z-index: 6000;
}


.navbar-inner-courer {
    display: block;
}


.md .list {
    margin-top: 0px;
    font-size: 16px;    
} 

.md .list ul:before {
    height: 0px;
}

.md .list ul:after {
    height: 0px;
}

.md .list .item-text {
    max-height: 600px;
    color: #000;
    font-size: 16px;    
}

.md .list .item-subtitle {
    font-size: 16px;
}

.list .item-text {
    -webkit-line-clamp: 7;
}

.md .badge {
    border-radius: 10px;
}

.metro {
    padding-bottom: 5px;
}

.md .contacts-list li:not(.list-group-title) {
    padding-left: 0px;
}

.swipeout:after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.9);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}


.md .list .item-inner:after {
    background-color: rgba(0, 0, 0, 0);
}


.md .list .item-after {
    color: #000;
}

.number {
    color: #4B74A5;
    font-size: 20px;
    font-weight: 700;
}

.dd {
    color: #4B74A5;
    font-size: 22px;
    font-weight: 700;
}

.order_icon {
    width: 24px;  
    height: 24px;
    padding-top: 5px;
}

.md.with-panel-left-cover .panel-cover, .md.with-panel-right-cover .panel-cover { 
    box-shadow: none !important; 
}

.task_red {
    background-color: #f3766d;
}

.task_yellow {
    background-color: #ffeb3b;
}

.task_title {
    width: 100%;
}

.card {
    width: 100%;
    margin-left: 0px;
}

textarea {
    width: 100%;
}

.block-title {
    font-size: large;
    color: black;
}

.title-courer {
font-size: 15px;
margin: 16px 16px 16px;
}

.md .navbar {
    height: 56px;
    background: #4B74A5;
    color: #fff;
    font-size: 20px;
}

.navbar a {
    color: #fff;
}

.md {
  --f7-progressbar-height: 6px;
  --f7-progressbar-bg-color: rgba(255, 255, 255, 1);
}

:root {
  --f7-photobrowser-bg-color: #fff;
  --f7-button-bg-color: #4B74A5;
}

.navbar-photo-browser .navbar-bg, .photo-browser-page .navbar-bg, .photo-browser-page .toolbar {
    --f7-photobrowser-bars-bg-color: #4B74A5;
}

.navbar-bg, .photo-browser-page .toolbar {
    --f7-navbar-bg-color: #4B74A5;
}

.photo-browser-page .navbar a, .photo-browser-page .toolbar a {
    color: #fff;;
}

.aurora .button-fill-aurora, .button-active, .button-fill, .button.tab-link-active, .ios .button-fill-ios, .md .button-fill-md {
    --f7-button-bg-color: #4B74A5;;
}

.message:not(.message-first) .message-name {
    display: block;
}

.message:not(.message-last) .message-avatar {
    opacity: 0;
}

.md .message+.message:not(.message-first) {
    margin-top: 12px;
}

.b_w {
    background-color: #ffffff;
    color: #4B74A5;
}

:root {
    --f7-theme-color: #4B74A5;
}

.input-file-foto {
    margin-left: 16px;
}

ul.list_task_bg {
    background-color: #efeff4;
}


.media-list {
    margin-bottom: 0px;
}

.card {
    margin-right: 16px;
}

.md {
    --f7-message-bubble-border-radius: 10px;
}

#video {
    width: 90%;
}

.video_static_button {
    position: relative;
    top: -100px;
    width:50%;
    margin: 0 auto;
    display: none;
}

#canvas {
    display: none;
}