@charset "utf-8";
/* CSS Document */

@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700&subset=cyrillic'; 

:root
{
--bs1:#495057;
--bs2:#007bff;
--bs2h:#0069d9;
--bg1:#ddeeff;
--bg2:#e9ecef;
--font:#212529;
--gray:#787880;
--lgt:#d0d4d8;
--bgl:#f8f8f8;
}

* {font-family:"Roboto", sans-serif; outline:none; transition:0.2s;}
body {color:var(--font); margin:0px; font-size:16px;}
header {background-color:var(--bg1); padding:12px 0px 6px;}
main {min-height:calc(100vh - 214px); padding:24px 0px; background:url(/pic/body-bg.jpg) center center repeat;}
img {width:100%; height:100%; object-fit:contain;}
label {display:inline-block; width:208px; margin:0px 0px 12px;}
label.tiny {width:88px;}
label.short {width:128px;}
label.triple {width:360px;}
label.half {width:580px;}
label.duotres {width:880px;}
label.long {width:100%;}
label span {display:block; font-size:12px; color:var(--gray); text-align:left;}
input[type=text], input[type=password], select, textarea {font-family:"Roboto"; width:calc(100% - 34px); padding:8px 16px; font-size:16px; border:1px solid var(--lgt); border-radius:8px;}
select {width:100%;}
input[type=file] {width:100%; height:28px; font-size:18px; color:var(--bs2h);}
button, input[type=submit], a.artbtn, .artbtn {display:inline-block; padding:8px 20px; background-color:var(--bs2); color:#ffffff; border:1px solid; border-radius:8px; font-size:16px; font-weight:500; text-decoration:none; cursor:pointer;}
button:hover, input[type=submit]:hover, a.artbtn:hover, .artbtn:hover {background-color:var(--bs2h); color:#ffffff;}
.dk-write-btn button, .approve-dk button {background-color:#00aa00;}
.dk-write-btn button:hover, .approve-dk button:hover {background-color:#008800;}
a.artlarge, .artlarge {font-size:18px; padding:12px 20px;}
footer {padding:10px 0px; height:60px; background-color:var(--bg2);}
footer p {margin:0px; font-size:14px; color:var(--gray);}
h1, h2, h3 {margin:0px 0px 16px;}
h1 {height:64px; margin:0px;}
p {margin:0px 0px 16px;}
section a {color:var(--bs2);}
section a:hover {color:var(--bs2h);}
nav {height:68px;}
input[required] {background:url(/pic/ico-star.svg) calc(100% - 4px) 4px no-repeat #ffffff; background-size:12px;}

.wrap {width:1200px; margin:auto;}
.flexer {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.flexer-l {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}
.flexer-r {display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center;}
.flexer-t {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
.flexer-b {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end;}
.flexer-lt {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start;}
.flexer-rt {display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:flex-start;}
.flexer-lb {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-end;}
.icons {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.flexer-l label, .flexer-r label, .flexer-lt label, .flexer-rt label, .flexer-lb label {margin-right:28px;}
.agent-priceform label {margin-right:20px;}

.logo {width:108px;}
.logo a {text-decoration:none; color:var(--bs1);}
.logo img {display:block; width:56px; height:44px; margin:auto; object-fit:cover;}
.logo span {display:block; font-size:20px; font-weight:400; letter-spacing:-1px; text-transform:uppercase; vertical-align:middle;}
footer .logo {width:85px; margin-right:40px;}
footer .logo img {width:40px; height:32px;}
footer .logo span {font-size:16px; font-weight:500;}

.menu1 {transition:0s;}
.menu1 ul {list-style:none; margin:0px; padding:0px;}
.menu1 ul li {margin:0px 16px;}
.menu1 ul li a {display:block; padding:8px 0px 8px; font-size:20px; font-weight:500; color:var(--bs1); text-decoration:none; border-bottom:4px solid transparent;}
.menu1 ul li a.active, .menu1 ul li a:hover {color:var(--bs2h); border-bottom:4px solid;}
.menu1.supadm ul li a {font-size:18px;}
.menu2 {width:320px;}
.exit {width:40px;}
.exit a {text-decoration:none; color:var(--bs1);}
.exit img, .exit span {display:block; font-size:12px; line-height:12px; margin:auto; text-align:center;}
.exit span.inagent {color:#990033;}
.exit img {width:24px;}
.owner {width:260px;}
.owner-name {max-height:38px; overflow:hidden;}
.owner-name a {font-size:14px;}
.owner-balance {margin-top:12px; font-size:14px;}
.owner a {color:var(--font); text-decoration:none;}
.owner a:hover {color:var(--bs2h); text-decoration:underline;}
.owner-balance a {color:var(--gray);}

.letters {position:absolute; margin-left:-64px;}
.letters a {display:block; width:32px; height:32px; background:url(/pic/ico-mail.svg) center center no-repeat;}
.letters a span {display:block; position:absolute; right:-4px; top:-4px; width:16px; height:10px; padding:3px 0px; font-size:10px; font-weight:500; line-height:10px; background-color:#ff0000; color:#ffffff; text-align:center; border-radius:8px;}

.logo-big {width:180px; margin:auto;}
.login-block {width:480px; margin:auto; text-align:center;}
.forgot-form {display:none;}
.login-block label {display:block; width:288px; margin:0px auto 16px;}

.table-hd {border-top:1px solid #999999; background:linear-gradient(0deg, #d0d0d0, #ffffff); font-weight:500; position:sticky; top:0px; z-index:5;}
.table-hd.table-row {border-bottom:1px solid #999999;} 
.table-row {padding:8px 0px; border-bottom:1px solid var(--bg1);}
.table-row > div {padding:4px 8px; font-size:12px;}
.table-row span {display:block;}
.hd-plate {padding:16px 24px; margin:8px 0px; background-color:var(--bg2); border-radius:12px;}
.hd-plate > div {font-size:18px;}
.col0 {width:40px;}
.col1 {width:60px;}
.col2 {width:120px;}
.col3 {width:90px;}
.col4 {width:160px;}
.col5 {width:200px;}
.col6 {width:240px;}
.col7 {width:320px;}
.col8 {width:720px;}

.agent-table {font-size:14px;}
.agent-block {display:none; border:4px solid #ffffff; padding:4px; border-left:4px solid var(--font);}
.opened > .agent-block {display:block;}
.agent-line {min-height:42px; border-bottom:1px solid var(--bg2);}
.agent-line:hover {background-color:var(--lgt);}
.plusminus {display:block; position:absolute; width:20px; height:20px; margin:0px 0px 0px -24px; background-image:url(/pic/ico-plus.svg); background-position:center center; background-repeat:no-repeat; background-size:100%; cursor:pointer;}
.opened > .agent-line > .agent-name > .plusminus {background-image:url(/pic/ico-minus.svg);}
.agent-name {font-weight:500;}
.agent2 {color:#802000;}
.agent3 {color:#200070;}
.agent4 {color:#005500;}

.hider {display:block;}
.hider i {font-style:normal;}
.hider i:nth-child(1) {color:var(--bs2h); border-bottom:1px dashed; font-size:12px; cursor:pointer;}
.hider i:nth-child(2) {display:none;}
.prices i {display:inline-block; padding:1px 3px; margin:2px; border:1px solid var(--lgt); border-radius:4px; font-style:normal; font-size:12px; font-weight:500; background-color:var(--bgl);}

.dk-fields p {width:100%; margin:12px 0px 8px; font-size:18px; font-weight:500;}
.dk-fields div {width:100%;}
.filter {padding:12px 0px 20px;}
.filter label {width:168px;}
.icons a {display:block; width:20px; height:20px; padding:4px; border-radius:16px;}
.icons a:hover {background-color:var(--bg1);}
.status1 {background-color:#ffffff;}
.status2 {background-color:#fbfbe8;}
.status3 {background-color:#e8ffe8;}
.status4 {background-color:#ffe8e8;}
.off1 {opacity:0.25; background:#ffe0e0; border:1px solid var(--gray);}

.h1-stat {display:inline-block; font-size:16px; margin-left:24px;}
.h1-stat em {font-size:16px; font-style:normal;}
.h1-stat-grn {color:#005500;}
.h1-stat-yel {color:#ccbb33;}
.h1-stat-gray {color:#999999;}
.h1-stat-red {color:#802000;}
.h1-stat-ind {color:#200070;}

.dk-view-info, .dk-view-files {width:calc(50% - 48px); padding:24px; border-radius:12px;}
.dk-view-prints a {display:inline-block; vertical-align:middle; margin:12px 0px;}
.dk-view-prints a img {width:auto; height:64px; margin-right:24px;}
.dk-view-info p {margin:8px 0px;}
.dk-view-fileform {position: relative; margin:40px 0px 0px;}
.dk-view-fileform h3 {margin:0px 0px 130px;}
a.reject-dk {background-color:#b03000;}
a.reject-dk:hover {background-color:#802000;}

.sched-mon {display:none;}
.sched-boby {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sched-boby .clnd-nav {width:340px; margin:auto; border-left:0px;}
.sched-boby .clnd-navd {height:28px; padding:10px 0px; font-size:24px; border-radius:6px;}
.sched-boby .clnd-nav-wnames .clnd-navd {font-size:20px;}
.sched-boby .clnd-navd.zed0:hover, .sched-boby .clnd-navd.zed3:hover {background-color:var(--bg1); cursor:pointer;}
.sched-boby .clnd-navd.active, .sched-boby .clnd-navd.active:hover {background-color:var(--bs2);}
.sched-hd {font-size:20px; font-weight:700; position:relative; text-align:center; padding:8px;}
.sched-hd b {position:absolute; right:0px; display:block; padding:0px 4px 3px; border-radius:6px; cursor:pointer;}
.sched-hd b.shl {position:absolute; right:auto; left:0px;}
.sched-hd b:hover {background:#d0d0d0; color:var(--alter);}

.ftl1 {opacity:0.5;}

.clnd-lgw, .clnd-nav-wnames, .clnd-navw, .clnd-lgd-dname {display:flex; flex-wrap:nowrap; justify-content:left; align-items:start; width:100%;}
.clnd-lgd {width:13%; padding:0px 0.5%; border-left:1px solid #d0d0d0; min-height:480px;}
.clnd-lgd.zed0, .clnd-lgd.zed2 {background-color:#ffffff;}
.clnd-lgd.zed3 {border:1px solid var(--bs2);}
.clnd-nav .zed1 {opacity:0.3;}
.clnd-nav-hd {margin-bottom:8px;}
.clnd-nav-hd a {font-size:18px; font-weight:600; color:var(--lightalter); text-decoration:none; border-bottom:1px dashed;}
.clnd-nav-wnames, .clnd-navw {justify-content:space-between;}
.clnd-nav-wnames {text-transform:uppercase;}
.clnd-lgd-dname {align-items:center; padding:4px 0px 0px; margin:0px 0px 8px;}
.clnd-lgd-dname span {display:block; font-size:14px; line-height:14px;}
.clnd-lgd-dname span:nth-child(2) {color:#999999;}
.clnd-lgd-dig {font-size:36px; line-height:36px; padding-right:6px;}
.week6 .clnd-lgd-dig, .week7 .clnd-lgd-dig {color:var(--redcol);}
.week6 .clnd-lgd-dname span:first-child, .week7 .clnd-lgd-dname span:first-child {color:var(--redcol);}

.clnd-navd {display:block; width:14%; height:28px; font-size:13px; font-weight:500; text-decoration:none; text-align:center; color:var(--fonts); border-radius:4px;}
.clnd-navd:hover {background-color:#ffffff;}
.clnd-navd.zed3 {border:1px solid var(--bs2);}
.week6.clnd-navd, .week7.clnd-navd {color:#440000;}
.clnd-nav-tasks {display:flex; flex-wrap:wrap; justify-content:center;}
.clnd-nav-tasks div {width:4px; height:4px; border-radius:2px; margin:0px 2px 3px; background-color:var(--fonts);}
.clnd-task {padding:4px; margin:0px 0px 4px; border:1px solid transparent; border-radius:6px; background-color:#f0f0f0; cursor:pointer;}
.clnd-task:hover {border:1px solid var(--alter);}
.clnd-task span {display:block;}
.clnd-task span:first-child {font-size:14px; color:#000000; font-weight:500;}
.clnd-task span:nth-child(2) {font-size:14px; color:var(--fonts); font-weight:400;}
.lgd-addtask > a {font-size:12px; text-decoration:none; border-bottom:1px dashed; opacity:0.2;}
.clnd-lgd:hover .lgd-addtask a {opacity:1;}

.clnd-nav-oneyear {display:flex; flex-wrap:wrap; justify-content:space-between;}
.clnd-nav-yearmon {width:21%; text-align:center; margin:0px 0px 12px;}
.clnd-nav-yearmon a {font-size:14px; line-height:14px; color:var(--fonts); border-bottom:1px dashed; text-decoration:none;}
.clnd-nav-yearhd {text-align:center; margin:12px 0px 6px; font-size:20px; font-weight:500;}
#choosemon {display:none;}

.clnd-task-details {display:none; position:absolute; width:50vw; min-height:50vh; top:130px; left:23vw; padding:2vw; border-radius:24px; background-color:#fffffff0; box-shadow:1px 1px 5px #777777; z-index:50;}
.ctd-write {display:none;}
.ctd-read-hd {display:flex; justify-content:space-between;}
.ctd-read-hd label {width:30%;}
.clnd-short-dates input {width:80px; margin-right:16px;}
.clnd-task-details .edit {text-align:center;}
.clnd-task-details .edit b {border-bottom:1px dashed; color:var(--alter); cursor:pointer; font-weight:500;}
.clnd-half {display:flex; justify-content:space-between;}
.clnd-half label {width:45%;}

.write-hd {width:100%; font-size:18px; font-weight:500; margin:0px 0px 20px;}
.time-selector {width:calc(100% - 380px);}
.timeunit {width:120px; height:26px; padding:10px 0px 0px; vertical-align:middle; text-align:center; font-weight:500; margin:6px; border-radius:8px; box-shadow:0px 0px 5px var(--gray);}
.timeunit span {display:block;}
.timeunit span:nth-child(2) {font-size:14px;}
.ttl0 {background-color:#f4fff4; cursor:pointer;}
.ttl0:hover {background-color:var(--bg1);}
.ttl1, .ttl2 {background-color:#ffe0e0; height:45px; padding:8px 0px 0px;}

.price-selector {margin:0px 0px 16px;}
.price-selector input {width:24px; height:24px; vertical-align:middle; margin:0px 4px 4px 0px;}
.price-selector label {padding:4px 0px; border-radius:6px; cursor:pointer;}
.price-selector label:hover {background-color:var(--bg1);}
	
.category-description {display:none;}

div.pto-weekline {width:700px;}

.dk-agent-map {margin:20px 0px;}
#map {width:100%; height:480px;}
.reset-filter {position:absolute; margin:0px 0px -15px 11px; padding:4px 8px; border:1px solid; border-radius:6px; font-size:16px; line-height:12px; border-bottom:1px dashed; color:var(--bs2h); cursor:pointer;}
.reset-filter:hover {background-color:var(--bs2); color:#ffffff;}
.quick-links span {display:inline-block; margin:0px 20px 0px 0px; font-size:14px; font-weight:500; padding:4px 12px; border:1px solid; color:#c0c0c0; border-radius:16px; cursor:pointer;}
.quick-links span.active, .quick-links span:hover {color:#000000; background-color:var(--bg1);}
.dk-pto-info {margin:12px 0px; padding:12px; background-color:var(--lgt); border-radius:12px;}
.dk-pto-info p {margin:8px 0px;}

.stat-switch {padding:24px 0px; margin:20px 0px 0px;}
.stat-switch a {display:block; margin:0px 24px 0px 0px; padding:8px 16px; font-size:18px; font-weight:500; color:#cccccc; border:1px solid; border-radius:8px; text-decoration:none;}
.stat-switch a.active, .stat-switch a:hover {background-color:var(--bs1); color:#ffffff;}

.pto-onoff {display:block; width:80px; height:10px; padding-top:40px; background:url(/pic/ico-off1.svg) center top no-repeat; background-size:40px; text-align:center; text-decoration:none;}
.pto-onoff span {display:block; font-size:14px; font-weight:500; line-height:14px; text-transform:lowercase; color:#009900;}
.pto-onoff i {font-style:normal; display:none;}
.pto-onoff.pto-off {background:url(/pic/ico-off2.svg) center top no-repeat; background-size:40px;}
.pto-onoff.pto-off span {color:#993300;}
.pto-onoff.pto-off i {font-style:normal; display:inline;}
.ptoff1 {background-color:#f0fff0;}
.ptoff2 {background-color:#fff0f0; opacity:0.6;}
.pto-adres {font-size:12px;}

.reject.half {text-align: right; }
.reject button {background: var(--gray); cursor: auto;}
.reject.ablereject button {background: #990033; cursor: pointer;}

.pagination {margin:24px 0px;}
.pagination a {margin:4px; height:16px; width:32px; padding:8px 0px; border-radius:16px; background-color:var(--bg1); color:var(--font); font-size:16px; text-decoration:none; font-weight:600; text-align:center;}
.pagination a:hover, .pagination a.active {background-color:var(--bs1); color:#ffffff;}


.burger {width:32px; height:32px; cursor:pointer; display:none; position:relative; z-index:30;}
.burger span, .burger span:before, .burger span:after {width:100%; position:absolute; height:4px; background:var(--bs2h); display:block; transition:0.3s;}
.burger span {top:12px;}
.burger span:before {content:""; top:-11px; transition:top 300ms, transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.burger span:after {content:""; bottom:-11px; transition:bottom 300ms, transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.burger span.active:before {content:""; top:0px; transform:rotate(45deg); transition:top 300ms, transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55); background:var(--font);}
.burger span.active:after {content:""; bottom:0; transform:rotate(-45deg); transition:bottom 300ms, transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55); background:var(--font);}
.burger span.active {background: rgba(255, 255, 255, 0);} 

.map-legend {padding:4px 0px;}
.map-legend img {width:24px; height:24px; vertical-align:middle;}
.map-legend img.ico-star {width:18px; height:18px; padding-bottom:4px;}
.map-legend span {margin-right:20px;}


.dk-bone {position: absolute; display: flex; justify-content:space-between; align-items: center; width: 100%; margin-top: -130px;}
.floader input[type="file"] {position:absolute; top:-20px; right:0px; opacity:0;}
.floader {position:relative; width:85%; height:95px;}
.floader figure {position:absolute; left:0px; top:0px; width:calc(100% - 4px); height:calc(100% - 4px); margin:0px; border:2px dashed #d0e0ff; cursor:pointer; z-index:10;}
.floader figure:hover {border:2px dashed var(--bs2);}
.floader-drag {display:block; position:absolute; width:100%; top:16px; text-align:center; color:var(--bs2); padding:0px 0px 40px; background:url(/pic/ico-upload.svg) bottom center no-repeat; background-size:24px; opacity:0.6; z-index:-1; pointer-events:none;}
.floader-drop {display:none; position:absolute; width:100%; top:16px; text-align:center; color:var(--bs2); z-index:-1; pointer-events:none;}
.floader figure:hover .floader-drag {opacity:1;}
.floader figure.active .floader-drag {display:none;}
.floader figure.active .floader-drop {display:block;}
.floader.attach figure {border:0px; width:100%; height:100%; background:url(/pic/ico-paperclip.svg) center center no-repeat; background-size:100% 100%;}
.floader.attach figure:hover {border:0px; filter:brightness(0.5);}
.progress {display:none;}
.progress-bar {position:absolute; width:0%; height:100%; background:#d0ffe0; z-index:5;}
.progress-value {position:absolute; top:50px; width:100%; height:100%; text-align:center; font-size:24px; font-weight:500; color:var(--bs2); z-index:7;}
.dk-pdf-in {width: 12%;}
.dkerror-log {width: 100%; color:#b03000;}
.dk-view-dkcheck .dk-pdf-in {width: 38%;}
.dk-view-dkcheck textarea {width: 100%; height: 160px;}
.dk-view-dkcheck label {width: 100%;}

.popup {position:fixed; top:60px; width:1100px; left:50%; margin-left:-580px; padding:30px; background-color:rgba(255,255,255,0.95); border-radius:16px; box-shadow:2px 2px 5px #555555; overflow:auto; text-align:center; z-index:100;}
.balance-form {position:fixed; top:calc(50vh - 130px); width:400px; height:220px; left:calc(50vw - 220px); padding:20px; background-color:rgba(255,255,255,0.95); border-radius:16px; box-shadow:2px 2px 5px #555555; overflow:auto; text-align:center; z-index:100;}
.close {position: absolute; display: block; right: 10px; top: 10px; width: 24px; height: 24px; background-image: url(/pic/ico-cross.svg); background-size: 100%; cursor: pointer;}
.close:hover {filter: hue-rotate(240deg);}
.centered {text-align:center;}
.righted {text-align:right;}
.dashed {text-decoration:none; border-bottom:1px dashed;}
.minifont {font-size:80%;}
.hddn {display:none;}
.fl-right {float:right;}
.badinput {background-color:#ffe8e8;}
*.coment {font-size:12px!important; opacity:0.7;}
#vin + img {position:absolute; display:inline-block; width:24px; height:24px; margin:6px 0px 0px 6px; cursor:pointer;}
.saveasdraft {margin:20px 0px;}
#letter-edit .agent-line label {margin:0px;}
#letter-edit .agent-line label input[type=checkbox] {width:20px; height:20px; vertical-align:middle;}
.guidemap {position:relative;}
.guidemap b {position:absolute; width:240px; height:60px; right:0px;}
.guidemap b img {object-fit:cover;}
.guidemap-qr {position:relative;}
.guidemap-qr a {position:absolute; width:120px; height:120px; right:0px;}
.guidemap-qr a img {object-fit:cover;}
.dkposhlina textarea {height: 160px;}
.hard-top-line {border-top:1px solid var(--gray);}
.hard-btm-line {border-bottom:2px solid var(--gray);}
a.sum-amd {text-decoration:none; border-bottom:1px dashed;}
.view-eye a {text-decoration:none; font-weight:500; color:#00a020; display:inline-block; padding:8px 12px 8px 48px; border:1px solid; border-radius:8px; background:url(/pic/ico-eye.svg) 8px center no-repeat; background-size:auto 26px;}
.view-eye a:hover {color:#00a020;}
.view-eye a.noview {color:#d0d0d0; background:url(/pic/ico-eye-c.svg) 8px center no-repeat; background-size:auto 26px;}

.reject-info {display: block; position: absolute; left: calc((100% - 1200px)/2 + 780px); top: 70px; width: 60px; font-size: 12px; text-align: center;}
.reject-info a {display: block; height: 40px; color: #990033;}

.dk-pto-map .dg-error-message, .dk-agent-map .dg-error-message {display: none!important;}


/* Adaptive */


@media (max-width:1220px)
{
.wrap {width:calc(100% - 20px);}

.menu1 ul li {margin:0px 12px;}
.menu1.supadm ul li a {font-size:16px;}
.owner {width:220px;}
.menu2 {width:280px;}

.table-row > div {padding:2px 4px; font-size:11px;}
.col0 {width:40px;}
.col1 {width:60px;}
.col2 {width:100px;}
.col3 {width:70px;}
.col4 {width:140px;}
.col5 {width:180px;}
.col6 {width:200px;}
.col7 {width:250px;}
.col8 {width:600px;}
.icons a {display:block; width:16px; height:16px;}

.filter label {width:150px;}
}


@media (max-width:1020px)
{
.burger {display:block;}
.popup .flexer, .popup .flexer-l {justify-content: space-around;}
.menu1 {display:none; position:fixed; top:0px; width:100%; height:100vh; overflow:scroll; background-color:var(--bg1); left:0px; z-index:20;}
.menu1 ul {display:block; width:180px; padding:40px; margin:40px 0px 0px 0px;}
.table-row > div, .agent-line > div {width:30%;}
.agent-line > div.col7, .table-row > div.col7 {width:64%;}
.agent-table {font-size:12px;}
.letters {position:absolute; margin-left:-48px;}
.ft-slogan {display:none;}

.login-block {width:auto;}
.fl-right {float:none;}
h1 {height:50px; margin:10px 0px; font-size:18px;}
.quick-links span {margin: 0px 8px 0px 0px; font-size:12px; padding:4px 8px;}

.dk-view-info, .dk-view-files {width:100%;}
.prices i {font-size:10px;}

.flexer-l label, .flexer-r label, .flexer-lt label, .flexer-rt label, .flexer-lb label {margin-right:20px; width:170px;}
label.long, label.half, label.triple {width:100%; margin-right:0px}
input[type=text], input[type=password], select, textarea {width:calc(100% - 18px); padding:8px; font-size:14px;}

.popup {top:0px; width:calc(100% - 40px); height:calc(100vh - 40px); overflow:scroll; left:0px; margin-left:0px; padding:20px;}
.sched-boby .clnd-navd {height:24px; padding:6px 0px; font-size:20px;}
.sched-boby .clnd-nav {width:300px;}
.time-selector {width:100%;}
.timeunit {width:90px; font-size:13px; height:24px; padding:10px 0px 0px;}

.reject-info {left: auto; right: 10px; }
}