@charset "UTF-8";
@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css';
@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CRaleway:100,300,600,700,800");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Anton|Arvo|Bree+Serif|Cairo|Fjalla+One|Play&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700i|Quicksand:400,500,600,700&subset=latin-ext");
.control-group { display: inline-block; vertical-align: top; text-align: left; width: 100%; margin: 10px; margin-bottom: 40px; }

.control { display: block; position: relative; padding-left: 30px; margin-bottom: 15px; cursor: pointer; font-size: 18px; }

.control input[type="radio"], .control input[type="checkbox"] { position: absolute; z-index: -1; opacity: 0; }

.control__indicator { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #e6e6e6; }

.control--radio .control__indicator { border-radius: 50%; }

.control:hover input ~ .control__indicator { background: #ccc; }

.control input:focus ~ .control__indicator { background: #ccc; }

.control input:checked ~ .control__indicator { background: #01bfa5; }

.control:hover input:not([disabled]):checked ~ .control__indicator { background: #009788; }

.control input:checked:focus ~ .control__indicator { background: #009788; }

.control input:disabled ~ .control__indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; }

.control__indicator:after { content: ''; position: absolute; display: none; }

.control input:checked ~ .control__indicator:after { display: block; }

.control--checkbox .control__indicator:after { left: 8px; top: 3px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }

.control--checkbox input:disabled ~ .control__indicator:after { border-color: #7b7b7b; }

.control--radio .control__indicator:after { left: 7px; top: 7px; height: 6px; width: 6px; border-radius: 50%; background: #fff; }

.control--radio input:disabled ~ .control__indicator:after { background: #7b7b7b; }

.select { position: relative; display: inline-block; margin-bottom: 15px; width: 100%; }

.select select { display: inline-block; width: 100%; cursor: pointer; padding: 10px 15px; outline: 0; border: 0; border-radius: 0; background: #e6e6e6; color: #7b7b7b; appearance: none; -webkit-appearance: none; -moz-appearance: none; }

.select select::-ms-expand { display: none; }

.select select:hover, .select select:focus { color: #000; background: #ccc; }

.select select:disabled { opacity: 0.5; pointer-events: none; }

.select__arrow { position: absolute; top: 16px; right: 15px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0 5px; border-color: #7b7b7b transparent transparent transparent; }

.select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow { border-top-color: #000; }

.select select:disabled ~ .select__arrow { border-top-color: #ccc; }

h1, h2, h3, h4, p, ul { font-weight: normal; }

.panel-heading h2 { font-size: 35px; font-weight: bold; }

.panel-body { color: #444; padding-bottom: 50px; }

.panel-body h3 { margin-top: 10px !important; font-weight: 600; }

h1, h2, h3, h4, h5 { font-family: 'Open Sans'; color: #111; }

.main--pagetitle { font-weight: 400; color: #32325d; }

@media (min-width: 670px) { .main--pagetitle { font-size: 35px; line-height: 37px; } }

.main--subtitle { font-weight: 300; color: #0B8ED8; font-size: 21px; line-height: 16px; text-transform: none; }

.main--headtitle { margin: 0; padding: .2em .1em 0.5em; animation: showHeadTitle 0.1s cubic-bezier(0.25, 0.1, 0.25, 1) both; animation-delay: 0s; transform-origin: 20% 50%; }

@keyframes showHeadTitle { 0% { opacity: 0;
    transform: translateY(20px) rotateY(1deg) scale(0.96); }
  100% { opacity: 1; } }

.panel-body label { float: left; }

.fw-n { font-weight: 400 !important; }

.fw-m { font-weight: 500 !important; }

.fw-s { font-weight: 600 !important; }

.fw-b { font-weight: 700 !important; }

.ta-l { text-align: left; }

.ta-c { text-align: center; }

.ta-r { text-align: right; }

.ta-j { text-align: justify; }

.va-t { vertical-align: top; }

.va-tt { vertical-align: text-top; }

.va-m { vertical-align: middle; }

.va-b { vertical-align: bottom; }

.va-tb { vertical-align: text-bottom; }

.va-base { vertical-align: baseline; }

.va-sup { vertical-align: super; }

.va-sub { vertical-align: sub; }

.hide { display: none !important; }

.inline-block { display: inline-block !important; }

.no-overflow { position: relative; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; }

.nowrap { white-space: nowrap; }

.normal-wrap { white-space: normal !important; }

.ellipsis { position: relative; overflow: hidden; }

.ellipsis::before { content: ' '; float: left; width: 1px; height: 100%; }

.ellipsis > *:first-child { float: right; width: 100%; margin-left: -1px; }

.ellipsis::after { content: '...'; position: relative; float: right; left: 100%; top: -24px; width: 80px; margin-left: -79px; padding-left: 25px; text-align: left; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 28px, #fff 100%); }

.arrow-next, .arrow-prev { width: 50px; height: 50px; display: block; border-radius: 50px; background: transparent; }

.arrow-next { transition: .4s; }

.arrow-next:after { content: ''; position: relative; display: inline-block; top: -1px; width: 20px; height: 20px; margin-left: -7px; vertical-align: middle; background: transparent; transform: rotate(-45deg); }

.arrow-next.white { border-color: #fff; }

.arrow-next.white:after { border-bottom: 3px solid #fff; border-right: 3px solid #fff; }

.arrow-next.white:hover { background-color: #3ecf8e; }

.arrow-next.white:hover:after { border-bottom: 3px solid #fff; border-right: 3px solid #fff; }

.arrow-next.green { border-color: #a1c661; }

.arrow-next.green:after { border-bottom: 3px solid #a1c661; border-right: 3px solid #a1c661; }

.arrow-next.green:hover { background-color: #a1c661; }

.arrow-next.green:hover:after { border-bottom: 3px solid #fff; border-right: 3px solid #fff; }

.arrow-next.dark-green { border-color: #004c45; }

.arrow-next.dark-green:after { border-bottom: 3px solid #004c45; border-right: 3px solid #004c45; }

.arrow-next.dark-green:hover { background-color: #004c45; }

.arrow-next.dark-green:hover:after { border-bottom: 3px solid #fff; border-right: 3px solid #fff; }

.arrow-next.light-green { border-color: #91d1ba; }

.arrow-next.light-green:after { border-bottom: 3px solid #91d1ba; border-right: 3px solid #91d1ba; }

.arrow-next.light-green:hover { background-color: #91d1ba; }

.arrow-next.light-green:hover:after { border-bottom: 3px solid #fff; border-right: 3px solid #fff; }

.arrow-next.darker-green { border-color: #4bab9a; }

.arrow-next.darker-green:after { border-bottom: 3px solid #4bab9a; border-right: 3px solid #4bab9a; }

.arrow-next.darker-green:hover { background-color: #4bab9a; }

.arrow-next.darker-green:hover:after { border-bottom: 3px solid #fff; border-right: 3px solid #fff; }

.arrow-prev { border: 2px solid #a1c661; transition: .4s; }

.arrow-prev:after { content: ''; position: relative; display: inline-block; top: -1px; width: 20px; height: 20px; margin-left: 6px; vertical-align: middle; background: transparent; transform: rotate(135deg); }

.arrow-prev.white { border-color: #fff; }

.arrow-prev.white:after { border-bottom: 3px solid #fff; border-right: 3px solid #fff; }

.arrow-prev.white:hover { background-color: #a1c661; }

.arrow-prev.white:hover:after { border-bottom: 3px solid #fff; border-right: 3px solid #fff; }

.arrow-prev.green { border-color: #a1c661; }

.arrow-prev.green:after { border-bottom: 3px solid #a1c661; border-right: 3px solid #a1c661; }

.arrow-prev.green:hover { background-color: #a1c661; }

.arrow-prev.green:hover:after { border-bottom: 3px solid #fff; border-right: 3px solid #fff; }

.arrow-prev.dark-green { border-color: #004c45; }

.arrow-prev.dark-green:after { border-bottom: 3px solid #004c45; border-right: 3px solid #004c45; }

.arrow-prev.dark-green:hover { background-color: #004c45; }

.arrow-prev.dark-green:hover:after { border-bottom: 3px solid #fff; border-right: 3px solid #fff; }

.arrow-prev.darker-green { border-color: #4bab9a; }

.arrow-prev.darker-green:after { border-bottom: 3px solid #4bab9a; border-right: 3px solid #4bab9a; }

.arrow-prev.darker-green:hover { background-color: #4bab9a; }

.arrow-prev.darker-green:hover:after { border-bottom: 3px solid #fff; border-right: 3px solid #fff; }

.arrow-prev.light-green { border-color: #91d1ba; }

.arrow-prev.light-green:after { border-bottom: 3px solid #91d1ba; border-right: 3px solid #91d1ba; }

.arrow-prev.light-green:hover { background-color: #91d1ba; }

.arrow-prev.light-green:hover:after { border-bottom: 3px solid #fff; border-right: 3px solid #fff; }

textarea { resize: none; }

.range-box { height: 65px; display: block; position: relative; }

.range-box input[type="range"] { position: absolute; z-index: 10; top: 0px; }

.range-num { position: absolute; left: 50%; bottom: 20px; margin-left: -40px; width: 70px; text-align: center; }

.range-num input { border: none; background: transparent; text-align: right; border-bottom: 1px solid #ccc; width: 40px; float: left; font-size: 20px; color: #222; }

.range-num span { display: inline-block; margin-left: 0px; margin-top: 4px; border-radius: 3px; }

.range-slider { display: block; height: 10px; width: 100%; position: absolute; top: 0px; background: #d3d3d3; }

.range-slider b { background: #4CAF50; display: block; height: 10px; }

.input-range { width: 100%; background: transparent; border: none; position: absolute; bottom: 10px; display: block; }

.slider { -webkit-appearance: none; width: 100%; height: 10px; border-radius: 5px; background: transparent; outline: none; transition: opacity .2s; border-radius: 3px; position: relative; }

.slider:before, .slider:after { bottom: -25px; position: absolute; }

.slider:before { content: '0%'; }

.slider:after { content: '100%'; right: 0px; }

.slider::-webkit-slider-thumb { appearance: none; width: 25px; height: 25px; border-radius: 50%; background: #4CAF50; cursor: pointer; z-index: 15; opacity: 1; }

.slider::-moz-range-thumb { width: 25px; height: 25px; border-radius: 50%; background: #4CAF50; cursor: pointer; }

.upload-container button { margin-top: 5px; }

.form-control { height: auto; padding: 8px 12px; border: 2px solid #ebebeb; border-radius: 0; box-shadow: inset 0 1px 2px rgba(150, 160, 175, 0.1), inset 0 1px 15px rgba(150, 160, 175, 0.05); }

.form-group > label { text-transform: uppercase; font-size: 13px; display: block; }

.form-group > label.radio { display: inline-block; }

.form-group > label span.tipp { text-align: right; font-size: 10px; color: #999 !important; float: right; display: block; position: relative; }

.hr-title { height: auto; margin-top: 20px; border-top: 1px solid; color: #bbb; font-size: 16px; text-align: center; line-height: 20px; }

.hr-title span { position: relative; padding: 2px 10px; top: -10px; font-size: 15px; background-color: #fff; border-radius: 2px; letter-spacing: 0.2em; text-transform: uppercase; }

.alert { border-width: 0 0 0 3px; }

.quicksand { font-family: 'Quicksand', sans-serif !important; }

.sidebar .nav-title { font-family: 'Quicksand', sans-serif !important; font-weight: 500; }

.sidebar .nav-link { font-family: 'Quicksand', sans-serif !important; font-weight: 500; }

.dropdown-menu a { font-family: 'Quicksand', sans-serif !important; font-weight: 600; color: #696969; font-size: 12.9px; }

.opensans { font-family: 'Open Sans', sans-serif !important; }

body .form-control { width: 100%; }

body .noanim { animation: none !important; transition: inherit !important; }

body input { box-shadow: none; outline: none; }

body .select2-container--default .select2-results > .select2-results__options { max-height: 271px; }

body .select2-dropdown { border-color: #ced4da; }

body .select2-container--default .select2-search--dropdown .select2-search__field, body .select2-selection, body .select2-selection--multiple { border: 1px solid #ced4da; }

body .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #65b00f !important; color: white; }

body .select2-selection--single:focus, body .select2-selection--multiple:focus, body .select2-contai ner--classic:focus, body .select2-selection--single, body .select2-selection--multiple, body .select2-container--classic { outline: none !important; }

body .select2-container { margin-bottom: 5px; box-shadow: none; outline: none; }

body .select2-container div, body .select2-container > * { box-shadow: none; outline: none; }

body .select2-container--default.select2-container--focus .select2-selection--multiple, body .select2-container--default .select2-selection--multiple { border: 1px solid #ced4da; min-height: 40px !important; }

body .select2-container .select2-selection--single { height: 40px !important; border: 1px solid #ced4da; }

body .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; }

body .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; line-height: 36px; }

body .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 7px; margin-bottom: 2px; }

body .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 7px; width: 100%; }

body .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #e9ecef; border: 1px solid #ced4da; }

body .nav-link.dropdown-toggle { font-size: 15px; font-weight: bold; }

.yadcf-filter-reset-button { position: absolute; right: -9px; top: 1px; color: #333 !important; opacity: 0.6; transition: 0.2s; }

.yadcf-filter-reset-button:hover { color: red !important; }

.yadcf-filter-reset-button:focus { background: transparent; outline: 0; box-shadow: none; }

.money-line { border: 1px solid transparent; padding: .3rem .7rem; font-size: .875rem; line-height: 1.5; border-radius: 50px !important; background: #65b00f; color: #fff; }

.money-line.orange { background: #fdb244; }

.no-click, .noclick { pointer-events: none; }

.dataTable .money-line { padding: 0px 5px 1px 5px; font-size: 11px; line-height: 16px !important; display: inline-block; position: relative; height: 17px  !important; }

.table-loading { display: block; height: 300px; width: 100%; position: relative; }

@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

.table-loading:after { content: ''; animation: spin 0.5s infinite linear; background-image: url("/img/loading.png"); background-repeat: no-repeat; background-size: 100% !important; position: absolute; height: 50px; width: 50px; top: 50%; left: 50%; margin-left: -35px; margin-top: -25px; }

.response { margin-left: 20px; margin-top: -2px; }

.response input[type="text"] { height: 30px; display: inline-block; line-height: 30px; max-width: 250px; margin-right: 5px; }

.response button { margin-right: 5px; height: 30px; line-height: 14px; border: none; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: .875rem; border-radius: 2px; box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.3) inset; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color: #fff; background-color: #65b00f; border-color: #65b00f; font-weight: bold; cursor: pointer; }

.status-popup { position: fixed; top: -1px; left: 270px; padding-left: 10px; width: calc(100% - 300px); height: 60px; display: block; border-radius: 5px; z-index: 999999999999; line-height: 60px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: #fff !important; display: none; }

@media screen and (max-width: 1000px) { .status-popup { left: 20px; width: calc(100% - 40px); } }

.status-popup i.fa-bell { color: #65b00f; font-size: 20px; animation: ring 4s 0.1s ease-in-out infinite; transform-origin: 50% 4px; display: inline-block; margin-right: 10px; }

@keyframes ring { 0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }
  43% { transform: rotate(0); }
  100% { transform: rotate(0); } }

.status-popup b, .status-popup a { animation: showStatusLine 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) both; transform-origin: 50% 50%; }

@keyframes showStatusLine { 0% { opacity: 0;
    transform: translateY(20px); }
  100% { opacity: 1; } }

#update-log { position: absolute; right: 0px; top: 10px; display: none; }

body .filter-th { background-position: 100% 10% !important; }

.no-wrap { white-space: nowrap; }

.inuse, .ui-slider-range .inuse, .yadcf-filter-range-number-slider .inuse { background: rgba(211, 247, 157, 0.4) !important; }

.commentList li:hover .delete-comment { opacity: 1; animation: showDelete 0.2s cubic-bezier(0.25, 0.1, 0.25, 1.3) both; }

@keyframes showDelete { 0% { opacity: 0;
    transform: scale(0.5); }
  100% { opacity: 1; } }

.money { background-image: url(/img/huf.png); background-repeat: no-repeat; background-size: auto 75%; background-position: 98.5% 50%; }

.delete-comment { position: absolute; left: 12px; bottom: 11px; color: red; opacity: 0; font-size: 14px; }

.delete-comment.edit { left: inherit; right: 10px; }

.commentText p { position: relative; display: block; }

.commentText img { max-width: 100%; }

.commentText iframe { max-width: 100%; width: 700px; }

.sub-text { display: block; margin-top: 3px; }

.commentText .message { font-size: 13px; }

.commentText .message.sb { border-radius: 3px; padding: 1px 2px 1px 7px; background: #f8f9fa; box-shadow: 1px 1px 2px rgba(60, 60, 60, 0.1); margin: 2px 0 1px 0; position: relative; font-size: 12px !important; line-height: 20px; display: inline-block; color: #5b5b5b; font-weight: bold; }

.commentText .message.sb b.status { font-weight: normal !important; color: #222; border: none !important; font-size: 12px; padding-right: 1px; }

.commentText .message .ts-message-logo { display: inline-block; background: url(/img/clock-icon.png); background-size: 100%; width: 17px; height: 17px; position: relative; top: 3px; margin-right: 2px; }

.commentText .message.new-level { border-left: 3px solid #DAA520; }

.commentText .message.update { border-left: 3px solid #56c95a; }

.commentText .message.update-tsheets { border-left: 3px solid #B0402D; }

.commentText .message.create { border-left: 3px solid green; }

.commentText .message.delete-project { border-left: 3px solid red; }

.commentText .message.delete-receipts { border-left: 3px solid red; }

.commentText .message.new-receipts { border-left: 3px solid purple; }

.commentText .message.update-receipts { border-left: 3px solid purple !important; }

.commentText .message.new-status { border-left: 3px solid #000080; }

.commentText .message.kanban-update { border-left: 3px solid #3a87ad; }

.home .system { transition: 0.2s; }

.home .system:hover { opacity: 1; filter: grayscale(0%); }

.home .commentText:before { content: ''; position: absolute; text-transform: uppercase; right: 11px; top: 12px; font-size: 11px; }

.home .system .commentText:before { content: '🖥️'; position: absolute; text-transform: uppercase; right: 11px; top: 12px; font-size: 11px; }

.home .update .commentText:before { content: '🧪 FRISSÍTÉS'; position: absolute; text-transform: uppercase; right: 11px; top: 12px; font-size: 11px; }

.home .commentListContainer { border-radius: 3px; background: #fff; border: none; margin-bottom: 1.5rem; box-shadow: 0 2px 5px rgba(50, 50, 93, 0.03); }

.home .commentList { padding: 0; list-style: none; max-height: 454px; min-height: 454px; overflow: auto; }

.home .commentList::-webkit-scrollbar { width: 3px; background: #f5f5f5; }

.home .commentList::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.1); background: #f5f5f5; }

.home .commentList::-webkit-scrollbar-thumb { background-color: #333; outline: 1px solid slategrey; }

.home .scroll::-webkit-scrollbar { width: 3px; background: #f5f5f5; }

.home .scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.1); background: #f5f5f5; }

.home .scroll::-webkit-scrollbar-thumb { background-color: #333; outline: 1px solid slategrey; }

.home .commentList li { margin: 0; display: block; position: relative; padding-top: 12px; padding-left: 12px; padding-bottom: 27px; border-bottom: 1px solid #f8f8f8 !important; border-left: 1px solid #fafafa !important; border-right: 1px solid #fafafa !important; background: linear-gradient(to bottom, rgba(250, 250, 250, 0.9) 0%, white 40%); opacity: 0; transform: translateY(140px) scale(0.6); }

.home .commentList li:first-child { padding-top: 16px; }

.home .commentList li:last-child { border-bottom: none; }

.home .commentList li.already-visible { opacity: 1; animation-delay: 0.1s; transition: 0.2s !important; transform: translateY(0px) scale(1); }

.home .commentList li.come-in { opacity: 1; animation-delay: 0.3s; transition: 0.4s !important; transform: translateY(0px) scale(1); }

.home .commentList li.search-yes { animation: showSearch 0.2s cubic-bezier(0.25, 0.1, 0.25, 0.8) both; transform-origin: 50% 50%; }

@keyframes showSearch { 0% { opacity: 0;
    transform: translateY(15px) scale(0.3); }
  100% { opacity: 1; } }

.home .commentList li > div { display: table-cell; }

.home .commenterImage { width: 45px; margin-right: 10px; height: 100%; float: left; }

.home .commenterImage img { width: 100%; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 5px 10px 0 rgba(43, 43, 43, 0.15); }

.home .commentText p { position: relative; display: block; }

.home .commentText img { max-width: 100% !important; display: block; }

.home .commentText iframe { max-width: 100% !important; width: 700px; display: block; }

.home .commentText p, .home .commentText .message { margin: 0; font-size: 13px; padding-right: 10px; margin-right: 10px; }

.home .commentText p b.name, .home .commentText .message b.name { font-weight: bold; font-size: 14px; color: #3a3a3a; transition: 0.1s; }

.home .commentText p b.name:hover, .home .commentText .message b.name:hover { color: #777; }

.home .commentText p b.status, .home .commentText .message b.status { font-weight: normal; border-bottom: 1px solid #dedede; }

.home .commentText .content { display: block; }

.home .sub-text { color: #aaa; font-family: verdana; font-size: 10px; }

.home .actionBox { border-top: 1px dotted #bbb; padding: 10px; }

.home a.comment-link { position: absolute; bottom: 6px; right: 10px; font-size: 14px; }

.home a.comment-link:hover span { text-decoration: underline; color: #222; transition: 0.2s; }

.home a.comment-link span { line-height: 19px; display: inline-block; font-size: 11.4px; color: #7c7c7c; font-weight: 300; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 190px; }

.home a.comment-link i { font-size: 10px; display: inline-block; margin-left: 5px !important; float: right; }

.home .btn-primary { padding: 2px 3px !important; bottom: 8px; right: 15px; }

table.dataTable { width: 100% !important; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; box-sizing: content-box; }

table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; font-size: 12px; padding: 3px 10px 3px 3px !important; }

table.dataTable thead th, table.dataTable thead td { padding: 10px 10px 10px 2px; border-bottom: 1px solid #111; }

table.dataTable thead th:active, table.dataTable thead td:active { outline: none; }

table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; *cursor: hand; background-repeat: no-repeat; background-position: center right; }

table.dataTable thead .sorting { background-image: url("/img/sort_both.png"); }

table.dataTable thead .sorting_asc { background-image: url("/img/sort_asc.png"); background-color: #E9EFE4 !important; }

table.dataTable thead .sorting_desc { background-image: url("/img/sort_desc.png"); background-color: #E9EFE4 !important; }

table.dataTable thead .sorting_asc_disabled { background-image: url("/img/sort_asc_disabled.png"); }

table.dataTable thead .sorting_desc_disabled { background-image: url("/img/sort_desc_disabled.png"); }

table.dataTable tbody tr { background-color: #ffffff; animation: showTableLine 0.1s cubic-bezier(0.25, 0.1, 0.25, 0.8) both; transform-origin: 50% 50%; }

table.dataTable tbody tr.selected { background-color: #B0BED9; }

table.dataTable tbody tr:nth-child(1) { animation-delay: 0.11s; z-index: 1; }

table.dataTable tbody tr:nth-child(2) { animation-delay: 0.12s; z-index: 2; }

table.dataTable tbody tr:nth-child(3) { animation-delay: 0.13s; z-index: 3; }

table.dataTable tbody tr:nth-child(4) { animation-delay: 0.14s; z-index: 4; }

table.dataTable tbody tr:nth-child(5) { animation-delay: 0.15s; z-index: 5; }

table.dataTable tbody tr:nth-child(6) { animation-delay: 0.16s; z-index: 6; }

table.dataTable tbody tr:nth-child(7) { animation-delay: 0.17s; z-index: 7; }

table.dataTable tbody tr:nth-child(8) { animation-delay: 0.18s; z-index: 8; }

table.dataTable tbody tr:nth-child(9) { animation-delay: 0.19s; z-index: 9; }

table.dataTable tbody tr:nth-child(10) { animation-delay: 0.2s; z-index: 10; }

table.dataTable tbody tr:nth-child(11) { animation-delay: 0.21s; z-index: 11; }

table.dataTable tbody tr:nth-child(12) { animation-delay: 0.22s; z-index: 12; }

table.dataTable tbody tr:nth-child(13) { animation-delay: 0.23s; z-index: 13; }

table.dataTable tbody tr:nth-child(14) { animation-delay: 0.24s; z-index: 14; }

table.dataTable tbody tr:nth-child(15) { animation-delay: 0.25s; z-index: 15; }

table.dataTable tbody tr:nth-child(16) { animation-delay: 0.26s; z-index: 16; }

table.dataTable tbody tr:nth-child(17) { animation-delay: 0.27s; z-index: 17; }

table.dataTable tbody tr:nth-child(18) { animation-delay: 0.28s; z-index: 18; }

table.dataTable tbody tr:nth-child(19) { animation-delay: 0.29s; z-index: 19; }

table.dataTable tbody tr:nth-child(20) { animation-delay: 0.3s; z-index: 20; }

table.dataTable tbody tr:nth-child(21) { animation-delay: 0.31s; z-index: 21; }

table.dataTable tbody tr:nth-child(22) { animation-delay: 0.32s; z-index: 22; }

table.dataTable tbody tr:nth-child(23) { animation-delay: 0.33s; z-index: 23; }

table.dataTable tbody tr:nth-child(24) { animation-delay: 0.34s; z-index: 24; }

table.dataTable tbody tr:nth-child(25) { animation-delay: 0.35s; z-index: 25; }

table.dataTable tbody tr:nth-child(26) { animation-delay: 0.36s; z-index: 26; }

table.dataTable tbody tr:nth-child(27) { animation-delay: 0.37s; z-index: 27; }

table.dataTable tbody tr:nth-child(28) { animation-delay: 0.38s; z-index: 28; }

table.dataTable tbody tr:nth-child(29) { animation-delay: 0.39s; z-index: 29; }

table.dataTable tbody tr:nth-child(30) { animation-delay: 0.4s; z-index: 30; }

table.dataTable tbody tr:nth-child(31) { animation-delay: 0.41s; z-index: 31; }

table.dataTable tbody tr:nth-child(32) { animation-delay: 0.42s; z-index: 32; }

table.dataTable tbody tr:nth-child(33) { animation-delay: 0.43s; z-index: 33; }

table.dataTable tbody tr:nth-child(34) { animation-delay: 0.44s; z-index: 34; }

table.dataTable tbody tr:nth-child(35) { animation-delay: 0.45s; z-index: 35; }

table.dataTable tbody tr:nth-child(36) { animation-delay: 0.46s; z-index: 36; }

table.dataTable tbody tr:nth-child(37) { animation-delay: 0.47s; z-index: 37; }

table.dataTable tbody tr:nth-child(38) { animation-delay: 0.48s; z-index: 38; }

table.dataTable tbody tr:nth-child(39) { animation-delay: 0.49s; z-index: 39; }

table.dataTable tbody tr:nth-child(40) { animation-delay: 0.5s; z-index: 40; }

table.dataTable tbody tr:nth-child(41) { animation-delay: 0.51s; z-index: 41; }

table.dataTable tbody tr:nth-child(42) { animation-delay: 0.52s; z-index: 42; }

table.dataTable tbody tr:nth-child(43) { animation-delay: 0.53s; z-index: 43; }

table.dataTable tbody tr:nth-child(44) { animation-delay: 0.54s; z-index: 44; }

table.dataTable tbody tr:nth-child(45) { animation-delay: 0.55s; z-index: 45; }

table.dataTable tbody tr:nth-child(46) { animation-delay: 0.56s; z-index: 46; }

table.dataTable tbody tr:nth-child(47) { animation-delay: 0.57s; z-index: 47; }

table.dataTable tbody tr:nth-child(48) { animation-delay: 0.58s; z-index: 48; }

table.dataTable tbody tr:nth-child(49) { animation-delay: 0.59s; z-index: 49; }

table.dataTable tbody tr:nth-child(50) { animation-delay: 0.6s; z-index: 50; }

table.dataTable tbody tr:nth-child(51) { animation-delay: 0.61s; z-index: 51; }

table.dataTable tbody tr:nth-child(52) { animation-delay: 0.62s; z-index: 52; }

table.dataTable tbody tr:nth-child(53) { animation-delay: 0.63s; z-index: 53; }

table.dataTable tbody tr:nth-child(54) { animation-delay: 0.64s; z-index: 54; }

table.dataTable tbody tr:nth-child(55) { animation-delay: 0.65s; z-index: 55; }

table.dataTable tbody tr:nth-child(56) { animation-delay: 0.66s; z-index: 56; }

table.dataTable tbody tr:nth-child(57) { animation-delay: 0.67s; z-index: 57; }

table.dataTable tbody tr:nth-child(58) { animation-delay: 0.68s; z-index: 58; }

table.dataTable tbody tr:nth-child(59) { animation-delay: 0.69s; z-index: 59; }

table.dataTable tbody tr:nth-child(60) { animation-delay: 0.7s; z-index: 60; }

table.dataTable tbody tr:nth-child(61) { animation-delay: 0.71s; z-index: 61; }

table.dataTable tbody tr:nth-child(62) { animation-delay: 0.72s; z-index: 62; }

table.dataTable tbody tr:nth-child(63) { animation-delay: 0.73s; z-index: 63; }

table.dataTable tbody tr:nth-child(64) { animation-delay: 0.74s; z-index: 64; }

table.dataTable tbody tr:nth-child(65) { animation-delay: 0.75s; z-index: 65; }

table.dataTable tbody tr:nth-child(66) { animation-delay: 0.76s; z-index: 66; }

table.dataTable tbody tr:nth-child(67) { animation-delay: 0.77s; z-index: 67; }

table.dataTable tbody tr:nth-child(68) { animation-delay: 0.78s; z-index: 68; }

table.dataTable tbody tr:nth-child(69) { animation-delay: 0.79s; z-index: 69; }

table.dataTable tbody tr:nth-child(70) { animation-delay: 0.8s; z-index: 70; }

table.dataTable tbody tr:nth-child(71) { animation-delay: 0.81s; z-index: 71; }

table.dataTable tbody tr:nth-child(72) { animation-delay: 0.82s; z-index: 72; }

table.dataTable tbody tr:nth-child(73) { animation-delay: 0.83s; z-index: 73; }

table.dataTable tbody tr:nth-child(74) { animation-delay: 0.84s; z-index: 74; }

table.dataTable tbody tr:nth-child(75) { animation-delay: 0.85s; z-index: 75; }

table.dataTable tbody tr:nth-child(76) { animation-delay: 0.86s; z-index: 76; }

table.dataTable tbody tr:nth-child(77) { animation-delay: 0.87s; z-index: 77; }

table.dataTable tbody tr:nth-child(78) { animation-delay: 0.88s; z-index: 78; }

table.dataTable tbody tr:nth-child(79) { animation-delay: 0.89s; z-index: 79; }

table.dataTable tbody tr:nth-child(80) { animation-delay: 0.9s; z-index: 80; }

table.dataTable tbody tr:nth-child(81) { animation-delay: 0.91s; z-index: 81; }

table.dataTable tbody tr:nth-child(82) { animation-delay: 0.92s; z-index: 82; }

table.dataTable tbody tr:nth-child(83) { animation-delay: 0.93s; z-index: 83; }

table.dataTable tbody tr:nth-child(84) { animation-delay: 0.94s; z-index: 84; }

table.dataTable tbody tr:nth-child(85) { animation-delay: 0.95s; z-index: 85; }

table.dataTable tbody tr:nth-child(86) { animation-delay: 0.96s; z-index: 86; }

table.dataTable tbody tr:nth-child(87) { animation-delay: 0.97s; z-index: 87; }

table.dataTable tbody tr:nth-child(88) { animation-delay: 0.98s; z-index: 88; }

table.dataTable tbody tr:nth-child(89) { animation-delay: 0.99s; z-index: 89; }

table.dataTable tbody tr:nth-child(90) { animation-delay: 1s; z-index: 90; }

table.dataTable tbody tr:nth-child(91) { animation-delay: 1.01s; z-index: 91; }

table.dataTable tbody tr:nth-child(92) { animation-delay: 1.02s; z-index: 92; }

table.dataTable tbody tr:nth-child(93) { animation-delay: 1.03s; z-index: 93; }

table.dataTable tbody tr:nth-child(94) { animation-delay: 1.04s; z-index: 94; }

table.dataTable tbody tr:nth-child(95) { animation-delay: 1.05s; z-index: 95; }

table.dataTable tbody tr:nth-child(96) { animation-delay: 1.06s; z-index: 96; }

table.dataTable tbody tr:nth-child(97) { animation-delay: 1.07s; z-index: 97; }

table.dataTable tbody tr:nth-child(98) { animation-delay: 1.08s; z-index: 98; }

table.dataTable tbody tr:nth-child(99) { animation-delay: 1.09s; z-index: 99; }

table.dataTable tbody tr:nth-child(100) { animation-delay: 1.1s; z-index: 100; }

table.dataTable tbody tr:nth-child(101) { animation-delay: 1.11s; z-index: 101; }

table.dataTable tbody tr:nth-child(102) { animation-delay: 1.12s; z-index: 102; }

table.dataTable tbody tr:nth-child(103) { animation-delay: 1.13s; z-index: 103; }

table.dataTable tbody tr:nth-child(104) { animation-delay: 1.14s; z-index: 104; }

table.dataTable tbody tr:nth-child(105) { animation-delay: 1.15s; z-index: 105; }

table.dataTable tbody tr:nth-child(106) { animation-delay: 1.16s; z-index: 106; }

table.dataTable tbody tr:nth-child(107) { animation-delay: 1.17s; z-index: 107; }

table.dataTable tbody tr:nth-child(108) { animation-delay: 1.18s; z-index: 108; }

table.dataTable tbody tr:nth-child(109) { animation-delay: 1.19s; z-index: 109; }

table.dataTable tbody tr:nth-child(110) { animation-delay: 1.2s; z-index: 110; }

table.dataTable tbody tr:nth-child(111) { animation-delay: 1.21s; z-index: 111; }

table.dataTable tbody tr:nth-child(112) { animation-delay: 1.22s; z-index: 112; }

table.dataTable tbody tr:nth-child(113) { animation-delay: 1.23s; z-index: 113; }

table.dataTable tbody tr:nth-child(114) { animation-delay: 1.24s; z-index: 114; }

table.dataTable tbody tr:nth-child(115) { animation-delay: 1.25s; z-index: 115; }

table.dataTable tbody tr:nth-child(116) { animation-delay: 1.26s; z-index: 116; }

table.dataTable tbody tr:nth-child(117) { animation-delay: 1.27s; z-index: 117; }

table.dataTable tbody tr:nth-child(118) { animation-delay: 1.28s; z-index: 118; }

table.dataTable tbody tr:nth-child(119) { animation-delay: 1.29s; z-index: 119; }

@keyframes showTableLine { 0% { opacity: 0;
    transform: translateY(5px); }
  100% { opacity: 1; } }

table.dataTable tbody th, table.dataTable tbody td { padding: 0px 6px; font-size: 12px; }

table.dataTable tbody th .partner, table.dataTable tbody td .partner { width: 20px; height: 20px; display: inline-block; border-radius: 100%; background-size: cover; background-position: 50% 50%; }

table.dataTable tbody th:first-child a, table.dataTable tbody td:first-child a { color: #222; }

table.dataTable tbody th a, table.dataTable tbody td a { color: #717171; transition: 0.15s; }

table.dataTable tbody th a:hover, table.dataTable tbody td a:hover { color: #777; }

table.dataTable tbody th a.btn, table.dataTable tbody td a.btn { color: #fff; }

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td { border-top: 1px solid #ddd; }

table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #ddd; }

table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td { border-top: none; }

table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; }

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; }

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; }

table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; }

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; }

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #acbad4; }

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: #f6f6f6; }

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #aab7d1; }

table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3 { background-color: #fafafa; }

table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #fafafa; }

table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3 { background-color: #acbad5; }

table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad5; }

table.dataTable.display tbody tr.odd > .sorting_1 { background-color: #f1f1f1; }

table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; }

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; }

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; }

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b4cd; }

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a8b5cf; }

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b7d1; }

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #fafafa; }

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fcfcfc; }

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fefefe; }

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad5; }

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #aebcd6; }

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; }

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; }

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ececec; }

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #efefef; }

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a2aec7; }

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a3b0c9; }

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a5b2cb; }

table.dataTable.no-footer { border-bottom: 1px solid #111; }

table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; }

table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; }

table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; }

table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; }

table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; }

table.dataTable th.dt-center { text-align: center; }

table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; padding: 50px 70px; }

table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; }

table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; }

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; }

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left { text-align: left; }

table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; }

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center { text-align: center; }

table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; }

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right { text-align: right; }

table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; }

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify { text-align: justify; }

table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; }

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap { white-space: nowrap; }

table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; }

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; }

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; }

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; }

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; }

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; }

table.dataTable th, table.dataTable td { box-sizing: content-box; }

.dataTables_wrapper .dataTables_filter input, .dataTables_length select { display: inline-block; width: 200px; padding: .375rem .75rem; margin-bottom: 3px; font-size: .875rem; line-height: 1.8; color: #777; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 3px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: calc(2.0625rem + 2px); }

.dataTables_wrapper .dataTables_filter input::-ms-expand, .dataTables_length select::-ms-expand { background-color: transparent; border: 0; }

.dataTables_wrapper .dataTables_filter input:focus, .dataTables_length select:focus { color: #777; background-color: #fff; border-color: #65b00f; outline: 0; box-shadow: none; }

.dataTables_wrapper .dataTables_filter input::-webkit-input-placeholder, .dataTables_wrapper .dataTables_filter input:-ms-input-placeholder, .dataTables_wrapper .dataTables_filter input::-ms-input-placeholder, .dataTables_wrapper .dataTables_filter input::placeholder, .dataTables_length select::-webkit-input-placeholder, .dataTables_length select:-ms-input-placeholder, .dataTables_length select::-ms-input-placeholder, .dataTables_length select::placeholder { color: #999; opacity: 1; }

.dataTables_wrapper .dataTables_filter input:disabled, .dataTables_wrapper .dataTables_filter input[readonly], .dataTables_length select:disabled, .dataTables_length select[readonly] { background-color: #e9ecef; opacity: 1; }

.dots { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 140px; display: block; position: relative; }

.title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 140px; display: block; position: relative; }

a.title { max-width: 120px; }

.table-list { padding-bottom: 40px !important; }

.table-contact { display: inline-block; margin-right: 5px; }

.dataTables_length select { width: 80px; margin-left: 10px; margin-right: 1px; }

.dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; }

.dataTables_wrapper .dataTables_length { float: right; text-align: right; }

.dataTables_wrapper .dataTables_filter { float: left; text-align: left; }

.dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; }

.dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.3em; font-size: 14px; height: 50px !important; }

.dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.7em; }

.dataTables_wrapper .dataTables_paginate .paginate_button { transition: 0.2s !important; box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; border-radius: 2px; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: .875rem; line-height: 1.5; border-radius: 2px; box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.3) inset; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current { color: #fff !important; background-color: #9ccc65; border-color: #9ccc65; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #fff !important; border: 1px solid #979797; background-color: #58960c; }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; background-color: #585858; background: linear-gradient(to bottom, #585858 0%, #111 100%); }

.dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); box-shadow: inset 0 0 3px #111; }

.dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; }

.dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); }

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #555; }

.dataTables_wrapper .dataTables_info { color: #999; }

.dataTables_wrapper .dataTables_scroll { clear: both; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td { vertical-align: middle; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td { vertical-align: middle; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; }

.dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111; }

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table { border-bottom: none; }

.dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

@media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info { float: none; text-align: center; }
  .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; margin-top: 0.5em; } }

@media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length { float: none; text-align: center; }
  .dataTables_wrapper .dataTables_filter { float: none; text-align: center; margin-top: 0.5em; } }

.frst-container { max-width: 1200px; margin: 0 auto; padding: 10px 0 0 0; width: 100%; }

.frst-container::after { content: ''; display: table; clear: both; }

.frst-timeline { position: relative; }

.frst-right-align { text-align: right; }

.frst-timeline-block { position: relative; min-height: 16px; padding-left: 35px; /*padding-right: 35px*/ }

.frst-timeline-block::before { content: ""; position: absolute; height: 100%; left: 0; top: 0; }

.frst-timeline-block:last-child::before { display: none; }

.frst-right-align .frst-timeline-block::before { right: 0; left: auto !important; margin-left: 0 !important; }

.frst-timeline-block::after { content: ""; display: table; clear: both; }

.frst-date, .frst-timeline-img i { display: block; }

.frst-timeline-img { position: absolute; min-width: 1px; min-height: 1px; left: 0; top: 0; }

.frst-right-align .frst-timeline-img { margin-left: 0 !important; left: auto !important; right: 0; }

.frst-last-empty-item .frst-timeline-img span { vertical-align: top; }

.frst-timeline-content-inner { position: relative; }

.cssanimations .frst-timeline-content.is-hidden { visibility: hidden; }

.cssanimations .frst-timeline-content.animated { visibility: visible; }

.frst-labels span { display: inline-block; }

.frst-labels { padding: 20px 0; }

.frst-labels.frst-start-label { padding-top: 0 !important; }

.frst-labels.frst-end-label { margin-bottom: 0 !important; }

@media only screen and (min-width: 679px) { .frst-date-opposite, .frst-left-align.frst-date-opposite { margin-left: 120px; }
  .frst-right-align.frst-date-opposite { margin-right: 120px; margin-left: 0; text-align: right; }
  .frst-date-opposite.frst-alternate { margin: 0; }
  .frst-timeline.frst-alternate.frst-left-align .frst-timeline-content, .frst-timeline.frst-alternate.frst-right-align .frst-timeline-content, .frst-timeline.frst-date-opposite.frst-left-align .frst-timeline-content, .frst-timeline.frst-date-opposite.frst-right-align .frst-timeline-content { width: 100%; }
  .frst-alternate .frst-timeline-block::before { left: 50%; }
  .frst-alternate .frst-timeline-img { left: 50% !important; }
  .frst-alternate .frst-timeline-block.frst-even-item .frst-timeline-content { float: right; }
  .frst-alternate .frst-timeline-block.frst-odd-item .frst-timeline-content { float: left; }
  .frst-date-opposite .frst-date { position: absolute; top: 0; text-align: right; }
  .frst-alternate .frst-timeline-block.frst-odd-item .frst-timeline-content, .frst-alternate.frst-date-opposite .frst-timeline-block.frst-even-item .frst-date, .frst-date-opposite.frst-left-align .frst-date, .frst-right-align { text-align: right; }
  .frst-alternate.frst-date-opposite .frst-timeline-block.frst-odd-item .frst-timeline-content .frst-date, .frst-date-opposite.frst-right-align .frst-date { text-align: left; }
  .frst-alternate .frst-timeline-label-block { text-align: center; }
  .frst-alternate .frst-timeline-label-block .frst-labels span { left: 0; right: 0; } }

@media only screen and (max-width: 678px) { .frst-timeline { margin-left: 20px; }
  .frst-timeline.frst-responsive-right, .frst-timeline.frst-right-align { margin-right: 20px; margin-left: 0; }
  .frst-responsive-right .frst-timeline-block::before, .frst-responsive-right .frst-timeline-img { margin-left: 0 !important; left: auto !important; right: 0; }
  .frst-responsive-right { text-align: right; }
  .frst-date { margin-bottom: 10px; } }

.frst-container { max-width: 1200px; padding: 0px 20px; margin: 0 auto; line-height: 1.2em; margin: 10px auto; }

.mobile-window .frst-container { max-width: 678px; }

.tablet-window .frst-container { max-width: 992px; }

/* .frst-container.content-right-align, .frst-container.content-left-align { max-width: 678px; }*/
.clearfix::after, .container::after { content: ""; display: table; clear: both; }

.site-header { background: #00BEA4; color: #fff; position: fixed; width: 100%; left: 0; z-index: 1000; top: 0; }

.header-top { padding: 10px 0; text-align: center; }

.frst-logo { float: left; padding-left: 70px; background: url(../../images/logo.png) no-repeat 0 -7px; background-size: 70px 70px; line-height: 1.2; text-align: left; }

.frst-logo strong { display: block; font-size: 20px; }

.button { display: inline-block; padding: 7px 16px; border: 1px solid #fff; color: #fff; font-weight: bold; border-radius: 4px; }

.button:hover { color: #8541c0; background: #fff; text-decoration: none; }

.header-top .button { float: right; margin-top: 3px; }

.style-switch { display: inline-block; list-style: none; padding: 0; margin: 3px 0 0; float: right; }

.style-switch li { display: inline-block; vertical-align: middle; margin: 0 6px; font-size: 16px; }

.style-switch a { color: rgba(255, 255, 255, 0.5); display: block; padding: 7px 5px; }

.style-switch a:hover { color: #fff; }

.style-switch a.switch-btn { background: #017c73; padding: 10px 50px 10px 30px; border-radius: 4px; color: #fff; font-weight: bold; position: relative; }

.style-switch a.switch-btn::after { content: ""; border-width: 6px 6px 0; border-style: solid; border-color: #fff transparent transparent; position: absolute; right: 18px; top: 50%; margin-top: -3px; }

.header-style-options { text-align: center; font-size: 0; padding-top: 30px; display: none; }

.style-list-main { margin: 0 -15px; }

.style-list { padding: 0 15px; margin-bottom: 20px; list-style: none; max-width: 800px; margin: 0 auto; }

.style-list li { padding-bottom: 10px; display: inline-block; margin-bottom: 15px; }

.style-list a { display: block; font-size: 16px; width: 140px; padding: 6px 12px; color: #fff; border-radius: 4px; text-align: left; }

.style-list a.active { background: #5a2b82; }

.style-list a:hover { background: #017c73; }

.header-cutomizations { background: #00BEA4; padding: 5px 0; }

.demo-label { float: left; line-height: 36px; color: #535353; font-weight: bold; }

.demo-label span { display: inline-block; background: #054e77; color: #fff; text-transform: uppercase; padding: 0 12px; margin-right: 3px; border-radius: 20px; }

.custom-options { overflow: hidden; width: 60%; margin: 0 auto; float: right; }

.button-group { float: left; list-style: none; padding: 0; margin: 0; font-size: 0; border-radius: 4px; overflow: hidden; margin-left: 20px; border: 1px solid #116b9e; }

.button-group li { display: inline-block; border-right: 1px solid #d7d7d7; }

.button-group li:last-child { border-right: none; }

.button-group li.active { border-right-color: #054e77; }

.button-group a { display: block; padding: 8px 16px; background: transparent; font-size: 14px; color: #ffffff; line-height: 19px; border: 1px solid #ffffff; }

.button-group a:hover { color: #eff4f5; }

.button-group .active a { color: #fff; background: #017c73; }

.button-group svg { max-width: 19px; height: auto; display: block; transition: all 0.3s ease; }

.button-group a:hover svg { fill: #8541c0; }

.button-group .active svg path { fill: #fff; }

.animation-selector { float: left; margin-left: 20px; }

.animation-selector select { height: 36px; border: 1px solid #d7d7d7; border-radius: 4px; background: #fff url(../../images/drop-arrow.gif) no-repeat right 0; color: #444; font-size: 14px; font-family: 'Titillium Web', sans-serif; font-weight: normal; padding: 0 14px; appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; width: 190px; }

.animation-selector select optgroup { font-family: 'Titillium Web', sans-serif; }

.animation-selector select::-ms-expand { display: none; }

.check-style { position: relative; float: left; margin-left: 20px; color: #fff; line-height: 20px; margin-top: 8px; }

.check-style input { position: absolute; opacity: 0; width: 20px; height: 100%; }

.check-style span { display: block; width: 20px; height: 20px; background: #fff; border: 1px solid #054e77; border-radius: 2px; cursor: pointer; float: left; margin-right: 6px; position: relative; }

.check-style span::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; background: url(../../images/tick.png) no-repeat center center; transition: all 0.3s ease; }

.check-style input:checked ~ span::after { opacity: 1; }

.transition-ease { transition: all 0.4s ease-out; }

.effect1, .effect2 { position: relative; }

.effect1:before { z-index: -1; position: absolute; content: ""; bottom: 25px; left: 2px; width: 90%; max-height: 80%; top: 9%; max-width: 480px; background: rgba(210, 210, 210, 0.23); box-shadow: -3px 35px 20px #ababab; transform: rotate(-3deg); }

.effect1:after { transform: rotate(8deg); right: 10px; left: auto; }

.effect2:after { z-index: -1; position: absolute; content: ""; bottom: 25px; left: 30px; width: 88%; max-height: 80%; top: 9%; right: 30px; max-width: 480px; background: rgba(210, 210, 210, 0.23); box-shadow: 6px 35px 20px #ababab; transform: rotate(4deg); }

.side-menu { left: -200px; width: 200px; position: fixed; z-index: 10000; /*    height: 100%;*/ height: calc(100% - 69px); top: 69px; }

.menu-content { padding: 38px 0px; position: relative; height: 100%; background: rgba(1, 124, 115, 0.73); width: 200px; }

.menu-icon { background: rgba(1, 124, 115, 0.73); position: absolute; right: -48px; padding: 6px; cursor: pointer; color: #eaeded; border-radius: 0 5px 5px 0; top: 0; }

.menu-icon i { position: relative; left: 0px; }

/*-------- Type- 01 ------*/
.frst-timeline-style-11 { color: #000; }

.frst-timeline-style-11 .frst-timeline-block::before { width: 4px; background: rgba(220, 220, 220, 0.74); margin-left: -2px; }

.daysep { text-align: left; width: 100%; padding-bottom: 10px; text-decoration: none; margin-top: 10px; font-size: 20px; }

.daysep a { border: none !important; }

.speaker { color: #aaa !important; font-style: italic; padding: .1em 0 .4em; font-size: 12px; }

.frst-timeline-style-11 .frst-timeline-block { padding-left: 20px; }

.frst-timeline-style-11 .frst-timeline-block:last-child::before { display: block; height: calc(100% - 50px); }

.frst-timeline-style-11.frst-right-align .frst-timeline-block::before { margin-right: -2px; }

.frst-timeline-block { padding-bottom: 0px; }

.frst-timeline-style-11 .frst-timeline-img { margin-left: -18px; width: 36px; height: 36px; text-align: center; margin-top: -4px; vertical-align: middle; font-size: 22px; }

.frst-timeline-style-11.frst-right-align .frst-timeline-img { margin-right: -18px; }

.frst-timeline-style-11 .frst-timeline-img span { display: inline-block; min-width: 16px; min-height: 16px; padding: 7px; background: #777; box-shadow: 0 0 0 3px #f4f4f4; border-radius: 50%; -webkit-border-radius: 50%; vertical-align: middle; }

.frst-timeline-style-11 h2 { font-size: 18px; margin: 20px 0 5px; font-weight: 800; }

.frst-date-opposite.frst-timeline-style-11 h2 { margin-top: 0; }

.frst-timeline-style-11 p { margin: 0; }

.frst-timeline-style-11 .frst-labels span { position: relative; left: -37px; background: #50b9f3; color: #fff; padding: 8px 20px; border-radius: 3px; }

.frst-timeline-style-11 .content-border { height: 3px; width: 100%; background: rgba(220, 220, 220, 0.74); }

.frst-timeline-style-11.frst-right-align .frst-labels span { left: auto; right: -37px; }

.frst-timeline-style-11 .frst-timeline-content-inner { display: inline-block; padding: 0px 15px 10px 15px; font-family: 'Lekton', sans-serif; }

.frst-timeline-style-11 .frst-timeline-content-inner span { color: #65b00f; }

.frst-timeline-style-11 .frst-timeline-content-inner span a { color: #65b00f; transition: 0.2s; }

.frst-timeline-style-11 .frst-timeline-content-inner span a:hover { color: #222 !important; }

.frst-timeline-style-11 .frst-timeline-content-inner .content-section { font-family: Arial,sans-serif; font-size: 14px; padding: 2px 0px; line-height: 1.2em !important; text-align: justify; color: #111; }

.frst-timeline-style-11 .title-section { font-weight: 600; font-size: 110%; }

.frst-timeline-style-11 .title-section a { color: #65b00f !important; }

.frst-timeline-style-11 .title-section a:hover { color: #000 !important; }

.frst-timeline-style-11 .frst-date { color: #aaa; font-weight: 600; font-size: 110%; }

.frst-date { color: #aaa !important; font-weight: 600; font-size: 110%; }

/*---------- Responsive part ------------*/
@media only screen and (min-width: 679px) { .frst-timeline-style-11.frst-alternate .frst-timeline-content { width: calc(50% - 32px); }
  .frst-timeline-style-11.frst-date-opposite .frst-date { left: -220px; /*line-height: 20px;*/ width: 160px; }
  .frst-timeline-style-11.frst-date-opposite.frst-right-align .frst-date, .frst-timeline-style-11.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date { right: -220px; left: auto; text-align: left; } }

@media only screen and (max-width: 678px) { .frst-timeline-style-11.frst-responsive-right .frst-timeline-block::before { margin-right: -2px; }
  .frst-timeline-style-11.frst-responsive-right .frst-timeline-img { margin-right: -18px; }
  .frst-timeline-style-11.frst-responsive-right .frst-labels span { left: auto; right: -37px; } }

yle-11.frst-responsive-right .frst-timeline-block::before { margin-right: -2px; }

.frst-timeline-style-11.frst-responsive-right .frst-timeline-img { margin-right: -18px; }

.frst-timeline-style-11.frst-responsive-right .frst-labels span { left: auto; right: -37px; }

html body.modal-open .ts-popup { z-index: 2 !important; }

html body.modal-open .ts-popup.top, html body.modal-open .ts-popup.popup-top { z-index: 5 !important; }

.ui-datepicker { z-index: 300 !important; }

#ts-real-clock { position: absolute; border-radius: 100%; display: none; width: 29px; height: 29px; top: 20.3px; left: 2.6px; z-index: 10; transform: rotate(-7deg); }

#ts-real-clock .clock { position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; border-radius: 100%; background: linear-gradient(#fff, #fafafa); box-shadow: 0 0 6px rgba(76, 92, 108, 0.6) inset; }

#ts-real-clock .clock:after { position: absolute; content: ""; width: 6px; height: 6px; top: 12px; left: 12px; background-color: #4c5c6c; border-radius: 100%; }

#ts-real-clock .hours, #ts-real-clock .minutes, #ts-real-clock .seconds { position: absolute; left: 13.5px; top: 3px; width: 3px; height: 12px; transform-origin: center bottom; border-radius: 3px; }

#ts-real-clock .hours { background-color: #4c5c6c; height: 9px; top: 6px; }

#ts-real-clock .minutes { background-color: #4c5c6c; }

#ts-real-clock .seconds { background-color: #ff7043; width: 1.5px; left: 14.25px; }

#loading-indicator { position: absolute; bottom: -1px; display: none; width: 240px; height: 2px; left: 0px; word-wrap: none; }

#loading-indicator:after, #loading-indicator:before { width: 0%; height: 2px; display: inline-block; content: ''; margin: 0; padding: 0; position: absolute; bottom: 0px; }

#loading-indicator:after { background: #F27B59; animation: loadingLeft 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) infinite; right: 50%; }

@keyframes loadingLeft { to { width: 50%; } }

#loading-indicator:before { background: #9ccc65; animation: loadingRight 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) infinite; left: 50%; }

@keyframes loadingRight { to { width: 50%; } }

#offline { display: none; }

html[data-online="false"] .page-wrapper, html[data-online="false"] #show-online, html[data-online="false"] .ts-popup { opacity: 0.5 !important; pointer-events: none; transition: 0.3s; overflow: hidden !important; filter: grayscale(40) blur(2px); }

html[data-online="false"] #offline { display: block; position: fixed; z-index: 10000000; top: 50%; left: 50%; font-size: 18px; text-align: center; transform: translate(-50%, -50%); pointer-events: none; }

html[data-online="false"] #offline i { font-size: 40px; display: block; }

html[data-online="false"] #offline b { font-size: 25px; display: block; }

html[data-online="false"] #offline .bottom-txt { display: block; position: relative; margin: 8px 0 0 0; font-size: 0.9em; opacity: 0.3; }

.slack-warning { font-size: 12px; display: none; margin-left: 4px; cursor: help; }

.show-slack-message .slack-warning { display: inline-block; }

.show-slack-message .slack-bubble { display: block; }

.show-slack-message:hover .slack-message, .show-slack-message.slack-last .slack-message { display: block; }

.slack-bubble { background: #ef5350; color: #fff !important; font-weight: bold; border-radius: 10px; padding: 2px 6px; margin: -10px -5px 0 6px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); font-size: 11px; display: none; }

.slack-message { background: rgba(255, 255, 255, 0.15); width: 205px; height: 25px; border-radius: 20px; color: #fff; overflow: hidden; position: relative; display: block; margin: 5px -30px 0 -10px; display: none; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1) !important; animation: showSlack 0.3s cubic-bezier(0.25, 0.1, 0.25, 1.2) both !important; transform-origin: 50% 50%; }

@keyframes showSlack { 0% { opacity: 0;
    transform: translateY(-10px) scale(0.5); }
  100% { opacity: 1; } }

a:hover .slack-message { display: none; }

.slack-message-last { display: inline-block; white-space: nowrap; animation: floatText 10s infinite linear; padding-left: 100%; font-size: 12px; line-height: 25px; }

@keyframes floatText { to { transform: translateX(-100%); } }

.bus-bubble { background: #3CA3E7; background: linear-gradient(to bottom, #3ca3e7 0%, #3c8fe8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ca3e7', endColorstr='#3c8fe8',GradientType=0 ); color: #fff !important; font-weight: bold; border-radius: 10px; padding: 2px 6px; margin-left: 10px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); font-size: 11px; display: none; top: -1px; position: relative; animation: showBusBubble 0.5s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.2) both; }

@keyframes showBusBubble { 0% { opacity: 0;
    transform: translateY(0px) scale(0.55); }
  100% { opacity: 1; } }

.bus-bubble i { color: #fff !important; font-size: 13px !important; width: 8px !important; margin-left: -2px; }

.bus-bubble-top { background: #3CA3E7; background: linear-gradient(to bottom, #3ca3e7 0%, #3c8fe8 100%); color: #fff !important; font-weight: bold; border-radius: 10px; padding: 2px 6px; margin-left: 10px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); font-size: 11px; display: none; position: absolute; bottom: 5px; right: 5%; }

.bus-bubble-top i { color: #fff !important; font-size: 11px !important; width: 13px !important; margin-left: 0px; top: 2px; display: block; float: left; position: relative; }

#sidebar-ts-menu .nav-link { transition: 0.2s; }

#sidebar-ts-menu .nav-link i:first-of-type { display: inline-block; width: 25px; margin-right: 3px; color: #aaa; font-size: 17px; }

#sidebar-ts-menu hr { margin-top: 0.26rem; margin-bottom: 0.55rem; border: 0; border-top: 1px solid rgba(20, 20, 20, 0.1); box-shadow: 0 0 4px rgba(50, 50, 50, 0.12); width: 100%; }

#sidebar-ts-menu .leaf-right { position: absolute; right: 10px; top: 5px; height: 30px; display: none; }

#sidebar-ts-menu .nav-dropdown-items .nav-link { padding: 8px 15px; }

#sidebar-ts-menu.active-timer #time-status { font-variant-numeric: tabular-nums; position: relative; padding-left: 15px; }

#sidebar-ts-menu.active-timer #time-status:before { content: ''; background: #26A65B; border: 1px solid #fff; width: 10px; height: 10px; border-radius: 100%; display: inline-block; position: absolute; left: 0px; top: 3px; }

#sidebar-ts-menu #time-status span { font-variant-numeric: tabular-nums; position: relative; display: inline-block; font-size: 11px; }

#sidebar-ts-menu #time-status b { display: block; line-height: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; font-size: 11px; margin-bottom: 2px; }

#sidebar-ts-menu.open #time-status b { white-space: inherit; text-overflow: inherit; }

.time { color: #fff; text-align: center; width: 100%; height: 83px !important; padding: 16px 25px 0 25px; margin-top: -6px; margin-right: 10px; display: inline-block; font-weight: bold; font-size: 17px; display: block; position: relative; overflow: hidden; text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); /*background: rgba(255,255,255,0.1);*/ }

.time-hour, .time-min { font-size: 1.8em; display: inline-block; width: 40px; text-align: center; opacity: 0.9; position: relative; }

.time-hour:after, .time-min:after { content: ''; height: 2px; width: 100%; background: #272727; display: block; position: absolute; top: 50%; margin-top: -1px; left: 0px; opacity: 0; }

.spacer { opacity: 0.65; display: inline-block; width: 9px; text-align: center; }

.time-second { font-size: 1.2em; display: inline-block; width: 15px; text-align: center; opacity: 0.7; }

html body .sidebar .ts-block.nav-dropdown { background-image: url(/img/time-bg.png); background-repeat: no-repeat; background-color: #F07052; background-size: auto 100px; background-repeat: no-repeat; border-radius: 1px; width: 90% !important; margin: auto; min-height: 58px; margin-bottom: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 0px !important; }

html body .sidebar .ts-block.nav-dropdown .nav-link.nav-dropdown-toggle { overflow: hidden; position: relative; }

html body .sidebar .ts-block.nav-dropdown .nav-dropdown-toggle { color: #fff !important; padding-left: 50px; cursor: pointer; }

html body .sidebar .ts-block.nav-dropdown .nav-dropdown-items { background: #fff !important; padding: 0; border-bottom-left-radius: 6px !important; border-bottom-right-radius: 6px !important; width: 100%; margin: 0px !important; padding: 0px !important; }

html body .sidebar .ts-block.nav-dropdown .nav-dropdown-items a.nav-link:hover { color: #333 !important; }

html body .sidebar .ts-block.nav-dropdown .nav-dropdown-items a.nav-link:hover i { color: #333 !important; }

html body .sidebar .ts-block.nav-dropdown .nav-dropdown-items a.nav-link.active { color: #F27B59 !important; }

html body .sidebar .ts-block.nav-dropdown .nav-dropdown-items a.nav-link.active i { color: #F27B59 !important; }

html body .sidebar .ts-block.nav-dropdown .nav-dropdown-items a.nav-link.active-popup { color: #333 !important; }

html body .sidebar .ts-block.nav-dropdown .nav-dropdown-items a.nav-link.active-popup i { color: #444 !important; }

html body .sidebar .ts-block.nav-dropdown .nav-dropdown-items a.nav-link.active-popup:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f00d"; position: absolute; right: 8px; top: 11px; }

html body .sidebar .ts-block.nav-dropdown .nav-dropdown-items a.nav-link.active-popup:hover:after { color: #ef5350; }

html body .sidebar .ts-block.nav-dropdown .ts-link { position: absolute; top: 0px; left: 0px; width: 48px; height: 100%; display: block; }

body #content .card-link { transition: 0.2s; background: #9ccc65 !important; background-size: auto 100% !important; color: #fff; overflow: hidden; border-radius: 6px; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); border: none; border: 1px solid orange; }

.resizable .resizer { width: 10px; height: 10px; border-radius: 50%; background: white; border: 1px solid #ddd; position: absolute; z-index: 1000; opacity: 0; transition: 0.2s; }

.resizer:hover { opacity: 1; }

.resizable .resizer.top-left { left: -4px; top: -4px; cursor: nwse-resize; /*resizer cursor*/ }

.resizable .resizer.top-right { right: -4px; top: -4px; cursor: nesw-resize; }

.resizable .resizer.bottom-left { left: -4px; bottom: -4px; cursor: nesw-resize; }

.resizable .resizer.bottom-right { right: -4px; bottom: -4px; cursor: nwse-resize; }

.ts-popup { position: fixed; top: 90px; left: 265px; border: 1px solid #ddd; z-index: 99999999; display: none; min-height: 200px; min-width: 200px; border-radius: 4px; border: 1px solid #dee2e6; margin-bottom: 1.5rem; box-shadow: 3px 5px 8px rgba(50, 50, 93, 0.1); border: 1px solid #ddd; background-color: #f7f7f7; transform-origin: 50% 50%; transition: 0.2s box-shadow; }

.ts-popup.top, .ts-popup.popup-top { z-index: 999999992; }

.ts-popup--page { display: none; }

.ts-popup--page.active-page { display: block; animation: showPopupPage 0.15s cubic-bezier(0.25, 0.1, 0.25, 1.2) both; transform-origin: 50% 50%; }

@keyframes showPopupPage { 0% { opacity: 0;
    transform: translateY(0px) scale(0.98); }
  100% { opacity: 1; } }

.ts-popup.ui-draggable-dragging { box-shadow: 6px 10px 16px rgba(50, 50, 93, 0.2); transition: 0.1s box-shadow, 0.4s transform; transform: translateY(-1px); filter: grayscale(40); }

.ts-popup.ui-draggable-dragging .ts-popup--head { background: #888 !important; }

.ts-popup:hover .ts-popup--head { background: #888; color: #fff !important; }

.ts-popup:hover .ts-popup--head .title_line { color: #fff !important; }

.ts-popup:hover .ts-popup--head .ts-popup--close { color: #fff !important; }

.ts-popup:hover .ts-popup--head .ts-popup--close:hover { color: #ef5350 !important; }

.ts-popup.popup-top .ts-popup--head, .ts-popup.popup-top:hover .ts-popup--head { background: #444; color: #fff !important; }

.ts-popup.popup-top .ts-popup--head .title_line, .ts-popup.popup-top:hover .ts-popup--head .title_line { color: #fff !important; }

.ts-popup.popup-top .ts-popup--head .ts-popup--close, .ts-popup.popup-top:hover .ts-popup--head .ts-popup--close { color: #fff !important; }

.ts-popup.popup-top .ts-popup--head .ts-popup--close:hover, .ts-popup.popup-top:hover .ts-popup--head .ts-popup--close:hover { color: #ef5350 !important; }

.ts-popup.hide-popup { display: none; }

.ts-popup.show-popup { display: block; animation: showTsPopup 0.19s cubic-bezier(0.25, 0.1, 0.25, 1.3) both; }

@keyframes showTsPopup { 0% { opacity: 0;
    transform: translate(0, 20px) scale(0.95); }
  100% { opacity: 1; } }

.ts-popup--head { cursor: all-scroll !important; padding: 12px 15px; background-color: #e1e1e1; font-size: 15px; border-top-left-radius: 3px; border-top-right-radius: 3px; min-height: 45px; position: relative; transition: 0.15s; z-index: 50; }

.ts-popup--head .title_line { font-weight: bold; color: #555; }

.ts-popup--head .ts-popup--close { background: transparent; border: none; position: absolute; top: 0px; right: 0px; height: 45px; width: 45px; color: #555; font-size: 18px; transition: 0.2s; cursor: pointer; }

.ts-popup--head .ts-popup--close:hover { color: #ef5350 !important; }

.ts-popup--head .ts-popup--minimize { background: transparent; border: none; position: absolute; top: 1px; right: 30px; height: 45px; width: 45px; color: #555; font-size: 13px; transition: 0.2s; cursor: pointer; }

.ts-popup--head .ts-popup--minimize:hover { color: #ef5350 !important; }

.ts-popup--content--container { padding: 10px 18px; position: relative; display: block; }

.ts-popup--content--pager { background: #eee; padding: 10px 14px 10px 14px; height: 45px; overflow: hidden; box-shadow: 0px 0px 4px rgba(150, 150, 150, 0.2) inset; }

.ts-popup--content--pager button { border: none; margin: 2px 9px 0 0; height: 33px; padding: 7px 15px 10px 15px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: 0; outline: none; cursor: pointer; font-size: 13px; background: #999; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #fff; }

.ts-popup--content--pager button .red-bubble { background: #ef5350; color: #fff !important; font-weight: bold; border-radius: 10px; padding: 2px 6px; margin: -10px -5px 0 2px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); font-size: 11px; }

.ts-popup--content--pager button:focus, .ts-popup--content--pager button:active { box-shadow: 0; outline: none; }

.ts-popup--content--pager button:hover { color: #fff; background: #777; box-shadow: 2px -2px 4px rgba(100, 100, 100, 0.1); }

.ts-popup--content--pager button.active { color: #444; background: #f9f9f9; box-shadow: 2px -2px 4px rgba(100, 100, 100, 0.1); color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); }

.ts-popup--input { background: #fff; width: 100%; border: 1px solid #ddd; border-radius: 2px; line-height: 30px; padding: 0 0 0 10px; display: block; }

.search-line { display: block; position: relative; width: 100%; height: auto; }

.search-line .close-search { position: absolute; z-index: 2; border: none; right: 2px; top: -1px; height: 100%; background: transparent; pointer-events: none; opacity: 0.1; }

.search-line .close-search.active { pointer-events: inherit; opacity: 1; cursor: pointer; }

#ts-resume-tracking, .resume-tracking { display: none; }

.resume-last { font-size: 12px; display: block; cursor: pointer; position: relative; margin: 5px 10px 10px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; }

body .ts-popup#ts-add.start-timer { min-height: 330px !important; max-height: 345px !important; }

body .ts-popup#ts-add.start-timer.checkin-change-comment { min-height: 280px !important; max-height: 280px !important; }

body .ts-popup#ts-add.start-timer.checkin-change-comment #ts-init-data { display: none !important; }

body .ts-popup#ts-add.start-timer.checkin-jump-screen-active { min-height: 460px !important; max-height: 460px !important; }

body .ts-popup#ts-add.start-timer.checkin-jump-screen-active .tracking-mini-link, body .ts-popup#ts-add.start-timer.checkin-jump-screen-active #ts-clock-out-btn, body .ts-popup#ts-add.start-timer.checkin-jump-screen-active .pause-tracking { display: none !important; }

body .ts-popup#ts-add.start-timer.checkin-jump-screen-active .close-switch-project { text-decoration: underline; cursor: pointer; margin-top: 6px; display: inline-block !important; }

body .ts-popup#ts-add.start-timer.checkin-jump-screen-active #ts-clock-btn { display: block !important; }

body .ts-popup#ts-add.start-timer.checkin-jump-screen-active #ts-add-totals { display: none !important; }

body .ts-popup#ts-add.start-timer.checkin-jump-screen-active #ts-add-filter { border-top: 1px solid #DADADA; animation: showFilterPanel 0.3s 0.1s cubic-bezier(0.25, 1, 0.5, 1) both; }

@keyframes showFilterPanel { 0% { opacity: 0;
    transform: translate(0, 0px) scale(0.97); }
  100% { opacity: 1; } }

body .ts-popup#ts-add.start-timer.checkin-jump-screen-active .ts-add-find { opacity: 1  !important; pointer-events: inherit !important; height: 170px !important; }

body .ts-popup#ts-add.start-timer.checkin-jump-screen-active .ts-add-find .parent, body .ts-popup#ts-add.start-timer.checkin-jump-screen-active .ts-add-find .project, body .ts-popup#ts-add.start-timer.checkin-jump-screen-active .ts-add-find .back-top-companies { opacity: 1  !important; pointer-events: inherit !important; }

body .ts-popup#ts-add.start-timer.checkin-jump-screen-active .hide-active-tracker { display: block !important; }

body .ts-popup#ts-add.start-timer .hide-active-tracker { display: none !important; }

body .ts-popup#ts-add.start-timer #ts-add-totals-day .number, body .ts-popup#ts-add.start-timer #ts-add-totals-week .number { opacity: 0.25; color: #888 !important; }

body .ts-popup#ts-add.start-timer .ts-add-find { opacity: 0.5; pointer-events: none; }

body .ts-popup#ts-add.start-timer .ts-add-find .ship { top: 50%; left: 50%; margin-top: -20px; margin-left: -40px; z-index: 2; display: block; transform: rotate(40deg); transition: 0.3s; }

body .ts-popup#ts-add.start-timer .ts-add-find .parent, body .ts-popup#ts-add.start-timer .ts-add-find .project, body .ts-popup#ts-add.start-timer .ts-add-find .back-top-companies { pointer-events: none; opacity: 0.2; }

body .ts-popup#ts-add.start-timer .ts-popup--head { background: #9ccc65; }

body .ts-popup#ts-add.start-timer .ts-popup--head .title_line { color: #fff; }

body .ts-popup#ts-add.start-timer .ts-popup--head .ts-popup--close { color: #fff; }

body .ts-popup#ts-add.start-timer #ts-add-buttons .pause-tracking { opacity: 1; }

body .ts-popup#ts-add.start-timer.start-timer-pause .ts-tracking-edit-comment { display: none !important; }

body .ts-popup#ts-add.start-timer.start-timer-pause .ts-tracking-jump-task { margin-left: 0px !important; }

body .ts-popup#ts-add.start-timer.start-timer-pause #ts-add-buttons .pause-tracking { display: none; opacity: 1; }

body .ts-popup#ts-add.start-timer.start-timer-pause .ts-popup--head { background: #F7931E; }

body .ts-popup#ts-add.start-timer.start-timer-pause .ts-popup--head .title_line { color: #fff; }

body .ts-popup#ts-add.start-timer.start-timer-pause .ts-popup--head .title_line:after { content: ' - Szünet'; }

body .ts-popup#ts-add.start-timer.start-timer-pause .ts-popup--head .ts-popup--close { color: #fff; }

body .ts-popup#ts-add.start-timer #ts-add-totals #ts-add-totals-current .number { animation: blink 1s infinite; color: #111; }

body .ts-popup#ts-add.start-timer #ts-add-totals-status { display: block; animation: showTsAddTotalStatus 0.4s cubic-bezier(0.25, 1, 0.5, 1) both; }

@keyframes showTsAddTotalStatus { 0% { opacity: 0;
    transform: translate(0, 0px) scale(0.97); }
  100% { opacity: 1; } }

body .ts-popup#ts-add.start-timer #ts-add-totals-status b { display: block; }

body .ts-popup#ts-add.start-timer #ts-add-totals-status a { text-decoration: underline; color: #777; cursor: pointer; opacity: 1; }

body .ts-popup#ts-add.start-timer #ts-add-totals-status a:hover { text-decoration: underline; opacity: 1; }

body .ts-popup#ts-add.start-timer #ts-add-totals-status a:hover.ts-tracking-edit-comment { color: #F7931E; }

body .ts-popup#ts-add.start-timer #ts-add-totals-status a:hover.ts-tracking-jump-task { color: #42a7e8; }

body .ts-popup#ts-add.start-timer #ts-add-totals-status a:hover.stop-tracking { color: #ef5350; }

body .ts-popup#ts-add.start-timer #ts-add-totals-status .resume-tracking { display: block; float: right; }

body .ts-popup.full-loading { opacity: 0.6; min-height: 400px !important; max-height: 400px !important; overflow: hidden; }

body .ts-popup.full-loading .ship-anim { display: block; }

body .ts-popup.full-loading .ts-popup--content--container { display: none !important; }

body .ts-popup.full-loading .loading-ship { display: block !important; bottom: 90px !important; top: inherit !important; left: 50%; z-index: 56; margin-left: -53px; margin-top: -20px; animation: bounce 0.5s infinite; }

body .ts-popup.full-loading .loading-ship .exhaust { opacity: 0.4; }

body .ts-popup #ts-add-totals-status { line-height: 19px; margin: 20px 0 4px 0; font-size: 13px; position: relative; padding-left: 37px; height: auto !important; display: none; }

body .ts-popup #ts-add-totals-status:before { content: ''; background: #26A65B; width: 10px; height: 10px; border-radius: 100%; display: inline-block; position: absolute; top: 4.5px; left: 19px; animation: blink 1s infinite; }

body .ts-popup.show-checkin-layer { min-height: 520px !important; max-height: 520px !important; }

body .ts-popup.show-checkin-layer.checkin-change-comment { min-height: 520px !important; max-height: 520px !important; }

body .ts-popup.show-checkin-layer.checkin-change-comment .checkin-change-comment-hide, body .ts-popup.show-checkin-layer.checkin-change-comment [name="tsheets_comment"] { display: none !important; }

body .ts-popup.show-checkin-layer.checkin-change-comment [name="tsheets_comment_edit"] { display: block !important; animation: showCommentEdit 0.3s 0.1s cubic-bezier(0.25, 1, 0.5, 1) both; }

@keyframes showCommentEdit { 0% { opacity: 0;
    transform: translate(0, 0px) scale(0.97); }
  100% { opacity: 1; } }

body .ts-popup.show-checkin-layer #ts-add-popup-layer { display: block !important; animation: showPopupLayer 0.1s cubic-bezier(0.25, 1, 0.5, 1) both; transform-origin: 50% 50%; }

body .ts-popup.show-pause-layer #ts-pause-popup-layer { display: block !important; animation: showPopupLayer 0.1s cubic-bezier(0.25, 1, 0.5, 1) both; transform-origin: 50% 50%; }

body .ts-popup.show-pause-layer .ts-popup--head { background: #F7931E !important; }

body .ts-popup.show-pause-layer .ts-popup--head .title_line { color: #fff; }

body .ts-popup.show-pause-layer .ts-popup--head .title_line:after { content: ' - Szünet'; }

@keyframes showPopupLayer { 0% { opacity: 0;
    transform: translate(0, 0px) scale(0.99); }
  100% { opacity: 1; } }

body .ts-popup .popup-layer { position: absolute; display: none; top: 0px; left: 0px; background: rgba(247, 247, 247, 0.9); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); z-index: 20; width: 100%; height: 100%; overflow: hidden; }

body .ts-popup .popup-layer .form-control { border: 1px solid #ddd; font-size: 14px; background: #fff; width: 100%; border: 1px solid #ddd; border-radius: 2px; line-height: 30px; padding: 0 0 0 10px; font-size: 13px; }

body .ts-popup .popup-layer textarea { min-height: 100px; margin-bottom: 40px; padding-top: 5px !important; padding-bottom: 10px !important; line-height: 18px !important; resize: none !important; }

body .ts-popup .popup-layer .form-group { margin-bottom: 0px; }

body .ts-popup .popup-layer input.form-control { height: 30px; }

body .ts-popup .popup-layer .posfix { position: relative; display: block; height: 100%; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; overflow: auto; }

body .ts-popup .popup-layer .posfix .box { max-width: 90%; width: 90%; margin: 0px auto 55px auto; z-index: 20; }

body .ts-popup .popup-layer .posfix .checkin-title { position: relative; width: 100%; min-height: 30px; right: 0px; text-align: center; display: inline-block; margin: 5px 0 0px 0; font-weight: bold; font-size: 14px; padding-bottom: 10px; }

body .ts-popup .popup-layer .posfix .checkin-title .icon { font-size: 30px; display: inline-block; width: 60px; height: 60px; line-height: 60px; border-radius: 100%; background: #9ccc65; margin: 0 0 5px 0; box-shadow: 0 0 10px rgba(250, 250, 250, 0.4); animation: showCheckIcon 0.3s 0.1s cubic-bezier(0.25, 1, 0.5, 1) both; transform-origin: 50% 50%; }

@keyframes showCheckIcon { 0% { opacity: 0;
    transform: translate(0, 0px) scale(0.95); }
  100% { opacity: 1; } }

body .ts-popup .popup-layer .close-popup-layer-top { text-decoration: underline; cursor: pointer; margin-top: 4px; display: inline-block; position: absolute; top: 55px; left: 20px; font-size: 17px; z-index: 40; }

body .ts-popup .popup-layer .close-popup-layer-top:hover { text-decoration: underline; color: #F7931E; }

body .ts-popup .popup-layer .close-popup-layer-bottom { text-decoration: underline; cursor: pointer; margin-top: 4px; display: inline-block; }

body .ts-popup .popup-layer .close-popup-layer-bottom:hover { text-decoration: underline; color: #F7931E; }

body .ts-popup #ts-pause-popup-layer, body .ts-popup.show-pause-layer { min-height: 300px; height: 300px; }

body .ts-popup #ts-pause-popup-layer .checkin-title { margin-top: -60px; }

body .ts-popup #ts-pause-popup-layer .box { margin-bottom: 0px; }

html body .ts-popup#ts-add.show-pause-layer { max-height: 345px !important; min-height: 345px !important; overflow: hidden; }

html body .ts-popup#ts-add.show-pause-layer.start-timer { max-height: 365px !important; min-height: 365px !important; }

html body .ts-popup#ts-add.show-pause-layer #ts-pause-popup-layer, html body .ts-popup#ts-add.show-pause-layer .ts-popup--content { height: calc(100% -45px) !important; }

html body .ts-popup.full-loading, html body #ts-add.ts-popup.full-loading { opacity: 0.6; min-height: 370px !important; max-height: 370px !important; }

#ts-add { height: 508px; width: 400px; min-width: 430px !important; min-height: 508px !important; }

#ts-tracked { min-height: 340px !important; min-width: 990px; width: 990px; position: absolute; height: auto !important; }

body #ts-tracked-all { min-height: 540px !important; min-width: 990px; width: 990px; position: absolute; height: auto !important; max-height: auto !important; }

#ts-edit-entry { height: auto; min-height: 466px; max-height: 466px; width: 910px; min-width: 910px; position: absolute !important; }

#ts-edit-entry .form-group .bolder { line-height: 30px; }

.edit-numbers-panel { animation: showNumberOfEdit 0.3s 0.1s cubic-bezier(0.25, 1, 0.5, 1) both; transform-origin: 50% 50%; }

@keyframes showNumberOfEdit { 0% { opacity: 0;
    transform: translate(0, 0px) scale(0.95); }
  100% { opacity: 1; } }

#ts-new-entry { height: auto; min-height: 580px; width: 500px; min-width: 500px; }

#ts-new-entry .form-group .bolder { line-height: 30px; }

#ts-new-entry.limit { min-height: 500px; }

#ts-new-off { height: auto; min-height: 490px; width: 500px; min-width: 500px; }

#ts-new-off .form-group .bolder { line-height: 30px; }

.bolder { font-size: 11px; opacity: 0.8; display: block; line-height: 40px; font-family: 'Quicksand', sans-serif !important; }

.bolder i.fa { font-size: 15px; display: inline-block; margin-right: 5px; color: #888; }

.bolder.line { border-bottom: 1px solid #ddd; line-height: 40px; }

.bolder.light { opacity: 0.8; font-size: 10px; color: #777; line-height: 15px; }

.bolder.center { width: 100%; text-align: center; }

[data-date-status="0"] #ts-edit-preview-number { color: red; }

[data-date-status="0"] [type="datetime-local"] { border: 1px solid red !important; }

[data-date-status="0"] #ts-save-edit { pointer-events: none; filter: grayscale(1); opacity: 0.35; }

#ts-add-totals { padding: 0px 0 4px 0; margin-top: -5px; }

#ts-add-totals .bolder { font-size: 11px; opacity: 0.8; display: block; }

#ts-add-totals .bolder.line { border-bottom: 1px solid #ddd; line-height: 40px; }

#ts-add-totals .bolder.light { opacity: 0.8; font-size: 10px; color: #777; }

#ts-add-totals .col-md-4, #ts-add-totals .col-4 { text-align: center !important; padding-top: 15px; }

#ts-add-totals .col-md-4 .number, #ts-add-totals .col-4 .number { font-size: 23px; font-variant-numeric: tabular-nums; }

#ts-add-totals .col-md-4 .number .spacer, #ts-add-totals .col-4 .number .spacer { font-size: 16px; opacity: 0.5; }

#ts-add-totals .col-md-4 .number .sec, #ts-add-totals .col-4 .number .sec { font-size: 18px; opacity: 0.8; }

.ts-add-find { border: 1px solid #DADADA; border-radius: 3px; background: #fff; margin: 10px 0 0 0; height: 150px; overflow-x: hidden; overflow-y: auto; position: relative; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset; }

.ts-add-find.loading { pointer-events: none; }

.ts-add-find.loading ul { opacity: 0.6; filter: grayscale(0.7); }

.ts-add-find.loading:before { content: ''; animation: spin 0.5s infinite linear; background-image: url(/img/loading.png); background-repeat: no-repeat; background-size: 100% !important; position: absolute; height: 50px; width: 50px; top: 50%; left: 50%; margin-left: -35px; margin-top: -25px; z-index: 99999999999; }

.ts-add-find.no-result { background: #fcfcfc; }

.ts-add-find.no-result:before { content: 'NINCS TALÁLAT'; position: absolute; height: 30px; width: 100%; top: 50%; left: 0%; margin-top: -5px; z-index: 99999999999; text-align: center; color: #888; font-weight: bold; }

.ts-add-find ul { list-style-type: none; margin: 0; padding: 0; }

.ts-add-find ul li { border-bottom: 1px solid #eee; padding: 0; margin: 0; overflow: hidden; display: block; height: auto; }

.ts-add-find ul li[data-active="0"] { display: none; }

.ts-add-find ul li button { background: transparent; border: none; color: #555; font-size: 11px; width: 100%; text-align: left; padding: 0; position: relative; overflow: hidden; cursor: pointer; display: block; width: 100%; height: 28px; line-height: 28px; padding-top: 0px; }

.ts-add-find ul li button:hover { background: #f9f9f9; }

.ts-add-find ul li button:hover:after { opacity: 1 !important; }

.ts-add-find ul li button.selected-project { background: #9ccc65; color: #fff !important; box-shadow: 0; outline: none; }

.ts-add-find ul li button.selected-project .company, .ts-add-find ul li button.selected-project .parent-task, .ts-add-find ul li button.selected-project .project-name, .ts-add-find ul li button.selected-project i, .ts-add-find ul li button.selected-project .fa { color: #fff !important; }

.ts-add-find ul li button .icon { width: 30px; display: inline-block; margin-right: 2px; margin-left: 5px; position: relative; }

.ts-add-find ul li button .icon img { width: 100%; max-height: 28px; }

.ts-add-find ul li button.parent { font-weight: bold; }

.ts-add-find ul li button.parent:after { content: "\f061"; position: absolute; right: 8px; top: 9px; opacity: 0.2; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: 0.1s; }

.ts-add-find ul li button.project { line-height: 15px; padding-left: 40px; min-height: 28px; padding-bottom: 8px; padding-top: 5px; height: auto; font-size: 11px; }

.ts-add-find ul li button.project .icon { position: absolute; left: 0px; top: 0px; }

.ts-add-find ul li button.project:hover .project-name { text-decoration: underline; }

.ts-add-find ul li button i { color: #555; display: inline-block; font-size: 15px; margin-left: 5px; margin-right: 5px; }

.ts-add-find.projects-list { padding-top: 25px; }

.ts-add-find .last-items-top { font-size: 11px; border: none; background: none; position: relative; top: 0px; background: #eee; width: 100%; line-height: 22px; height: 25px; transition: 0.2s; cursor: pointer; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset; padding: 1px 7px; font-weight: bold; }

.ts-add-find .back-top-companies { font-size: 12px; border: none; background: none; position: absolute; top: 0px; background: #eee; width: 100%; line-height: 22px; height: 25px; transition: 0.2s; cursor: pointer; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset; font-weight: bold; color: #444; }

.ts-add-find .back-top-companies i { color: #555; display: inline-block; margin-right: 2px; }

.ts-add-find .back-top-companies:hover { background: #dfdfdf; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; }

.ts-add-find .company { display: inline-block; color: #333; font-weight: bold; }

.ts-add-find .parent-task { display: inline-block; color: #555; font-weight: bold; }

.ts-add-find .project-name { color: #777; }

#ts-add-buttons { margin: 20px 0 0 0; display: block; position: relative; }

#ts-add-buttons button { width: 100% !important; font-weight: bold; border-radius: 40px; }

#ts-add-buttons button.btn-warning { background: #F7931E; }

#ts-add-buttons .col-md-4, #ts-add-buttons .col-4 { padding-right: 15px; padding-left: 10px; }

#ts-init-buttons { position: absolute; bottom: 21px; display: block; width: 90%; }

#ts-init-buttons button { width: 100% !important; font-weight: bold; border-radius: 30px; float: right; text-transform: uppercase; line-height: 18px; height: 35px; }

#ts-init-buttons button.btn-warning { background: #F7931E; }

#ts-init-buttons button.btn-primary { background: #9ccc65; }

#ts-init-buttons button.btn-primary:hover { background: #F7931E; border: none; box-shadow: none; }

.the-button { border-radius: 50%; box-shadow: 0 0 0.5em black, inset 0 0.25em 0.3em rgba(255, 255, 255, 0.3), inset 0 -0.25em 0.3em rgba(0, 0, 0, 0.5); cursor: pointer; font: inherit; height: 100%; padding: 0; position: relative; width: 100%; }

.the-button span { position: absolute; font-size: 30px; left: 10px; top: 3px; }

.the-button:before { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); border-radius: 50%; content: " "; height: 80%; left: 10%; position: absolute; top: 10%; width: 80%; }

.the-button:active { box-shadow: 0 0 0.5em black, inset 0 0.1em 0.3em rgba(0, 0, 0, 0.5), inset 0 -0.1em 0.3em rgba(0, 0, 0, 0.5); }

.the-button:active:before { top: 11.5%; }

.button-frame { background: #cc0000; border-radius: 50%; display: block; height: 5em; margin: -30px auto 0; padding: .55em; position: relative; top: 50%; width: 5em; z-index: 20; }

.plastic { background: linear-gradient(to bottom, #b01e1e 0%, #920f0f 100%); }

#ts-clock-btn { background: #ddd; }

#ts-clock-btn.btn-primary { box-shadow: 0; outline: none; color: #fff; background: #9ccc65; animation-name: checkinWobble; animation-duration: 1s; animation-fill-mode: both; }

#ts-clock-out-btn { display: none; background-color: #ef5350; border-color: #ef5350; color: #fff; }

#ts-clock-out-btn:hover { color: #fff; background-color: #ec312d; border-color: #eb2521; }

@keyframes checkinWobble { 0% {
    transform: none; }
  15% {
    transform: translate3d(-15px, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    transform: translate3d(10px, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    transform: translate3d(-5px, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    transform: translate3d(0%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    transform: translate3d(0%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    transform: none; } }

.ts-edit-preview-number { font-size: 23px; font-variant-numeric: tabular-nums; width: 140px; max-height: 38px; text-align: center; margin: auto; background: #fff; border: 1px solid #ced4da; border-radius: 3px; margin: 5px auto 4px auto; }

.ts-edit-preview-number:focus, .ts-edit-preview-number:active { box-shadow: 0 0 10px rgba(50, 50, 50, 0.1) inset; }

.ts-edit-preview-number .sec { font-size: 18px; opacity: 0.8; }

.ts-edit-preview-number .edit-hour:focus, .ts-edit-preview-number .edit-hour:active, .ts-edit-preview-number .edit-minutes:focus, .ts-edit-preview-number .edit-minutes:active, .ts-edit-preview-number .edit-sec:focus, .ts-edit-preview-number .edit-sec:active { color: #323232; outline: none; animation: blink 0.8s infinite; }

#ts-edit-entry .bolder.center { width: 100%; text-align: center; }

:root { --ship-size: 8vmin; --sky-color: #1C1740; --ship-color: #F9E2FE; --ship-cap-color: crimson; --ship-wing-color: #4C3198; --ship-window-trim-color: #4C3198; --ship-booster-color: #C38382; --star-color: white; --stars-sm-speed: 5s; --stars-md-speed: 2s; --stars-lg-speed: 1s; }

.ship { position: absolute; left: -14px; top: -9px; display: none; }

.start-timer #ts-clock-btn { display: none; }

.start-timer #ts-clock-out-btn { display: block; }

.ship .wrapper { display: -ms-flexbox; display: flex; }

.ship .body { position: relative; background-color: var(--ship-color); border-radius: 0 0 50% 50% / 76% 76% 15% 15%; }

.ship .body:before { content: ''; position: absolute; border-radius: 50% 50% 50% 50% / 76% 76% 25% 25%; }

.ship .main { width: var(--ship-size); height: calc(var(--ship-size) * 1.5); box-shadow: inset rgba(0, 0, 0, 0.15) -0.5vmin 0 2vmin 0; }

.ship .main:before { bottom: 80%; width: 100%; height: 75%; background-color: inherit; box-shadow: inset rgba(0, 0, 0, 0.15) -0.5vmin 1vmin 1vmin 0; }

.ship .main:after { content: ''; position: absolute; bottom: 75%; left: 0; right: 0; margin: auto; border: calc(var(--ship-size) / 15) solid var(--ship-window-trim-color); width: calc(var(--ship-size) / 1.8); height: calc(var(--ship-size) / 1.8); box-shadow: inset rgba(0, 0, 0, 0.075) -2vmin -2vmin 0 0, inset rgba(0, 0, 0, 0.1) -1vmin -1.5vmin 0 0; border-radius: 100%; }

.ship .side { width: calc(var(--ship-size) / 3); height: var(--ship-size); box-shadow: inset rgba(0, 0, 0, 0.1) -0.5vmin 0 1vmin 0, inset rgba(0, 0, 0, 0.1) 0.5vmin 0 1vmin 0; }

.ship .side:before { bottom: 90%; width: 100%; height: 35%; background-color: var(--ship-cap-color); box-shadow: inset rgba(0, 0, 0, 0.2) -0.5vmin 1vmin 1vmin 0, inset rgba(255, 255, 255, 0.2) 0.5vmin 1vmin 1vmin 0; }

.ship .side.left { left: 1px; }

.ship .side.right { right: 1px; }

.ship .wing { position: absolute; bottom: 2vmin; background-color: var(--ship-wing-color); width: calc(var(--ship-size) / 2); height: calc(var(--ship-size) / 1.5); z-index: 1; box-shadow: inset rgba(0, 0, 0, 0.1) -0.5vmin 1vmin 1vmin 0, inset rgba(255, 255, 255, 0.1) 0.5vmin 1vmin 1vmin 0; }

.ship .wing.left { right: 100%; border-radius: 100% 0 10% 10%; }

.ship .wing.right { left: 100%; border-radius: 0 100% 10% 10%; }

.ship .booster { position: absolute; top: 80%; left: 0; right: 0; margin: auto; width: calc(var(--ship-size) / 1.2); height: calc(var(--ship-size) / 2.5); background-color: var(--ship-booster-color); border-radius: 0 0 50% 50% / 76% 76% 35% 35%; z-index: -1; box-shadow: inset rgba(0, 0, 0, 0.3) -0.5vmin 1vmin 1vmin 0, inset rgba(255, 255, 255, 0.3) 0.5vmin 1vmin 1vmin 0, black 0 0 2vmin; }

.ship .exhaust { position: absolute; top: 100%; left: 0; right: 0; margin: auto; width: calc(var(--ship-size) / 1.4); height: 80%; border-radius: 0 0 100% 100%; background-image: linear-gradient(to bottom, yellow, transparent 70%); z-index: -2; transform-origin: 50% 0; animation: exhaust 0.1s linear alternate infinite; }

@keyframes stars { 0% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  100% { opacity: 0;
    transform: translateY(0); } }

@keyframes exhaust { to { transform: scaleX(0.98) translateY(-1vmin); } }

@keyframes speed-up-exhaust { from { transform: scale(0.98, 1); }
  to { transform: scale(0.96, 1.5); } }

@keyframes speed-up-ship { from { transform: translateY(-5%); }
  to { transform: translateY(-3%); } }

.ship-anim { display: none; position: absolute; background: rgba(247, 247, 247, 0.75); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); top: 0px; left: 0px; width: 100%; height: 100%; z-index: 40; }

.ship-anim .posfix { overflow: hidden; position: relative; width: 100%; height: 100%; }

.rocket { position: absolute; top: 20%; width: 80px; left: calc(50% - 60px); }

.rocket .rocket-body { width: 80px; left: calc(50% - 50px); animation: bounce 0.5s infinite; }

.rocket .rocket-body .body { background-color: #dadada; height: 180px; left: calc(50% - 50px); border-top-right-radius: 100%; border-top-left-radius: 100%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top: 5px solid #f5f5f5; }

.rocket .rocket-body:before { content: ''; position: absolute; left: calc(50% - 24px); width: 48px; height: 13px; background-color: #554842; bottom: -13px; border-bottom-right-radius: 60%; border-bottom-left-radius: 60%; }

.rocket .window { position: absolute; width: 40px; height: 40px; border-radius: 100%; background-color: #a75248; left: calc(50% - 25px); top: 40px; border: 5px solid #b4b2b2; }

.rocket .fin { position: absolute; z-index: -100; height: 55px; width: 50px; background-color: #a75248; }

.rocket .fin-left { left: -30px; top: calc(100% - 55px); border-top-left-radius: 80%; border-bottom-left-radius: 20%; }

.rocket .fin-right { right: -30px; top: calc(100% - 55px); border-top-right-radius: 80%; border-bottom-right-radius: 20%; }

.rocket .exhaust-flame { position: absolute; top: 90%; width: 28px; background: linear-gradient(to bottom, transparent 10%, #f5f5f5 100%); height: 150px; left: calc(50% - 14px); animation: exhaust 0.2s infinite; }

.rocket .exhaust-fumes li { width: 60px; height: 60px; background-color: #e1e1e1; list-style: none; position: absolute; border-radius: 100%; }

.rocket .exhaust-fumes li:first-child { width: 100px; height: 100px; bottom: -350px; left: 120px; animation: fumes 5s infinite; background-color: #eee; }

.rocket .exhaust-fumes li:nth-child(2) { width: 150px; height: 150px; left: -120px; top: 320px; background-color: #efefef; animation: fumes 3.2s infinite; }

.rocket .exhaust-fumes li:nth-child(3) { width: 120px; height: 120px; left: -40px; top: 330px; animation: fumes 3s 1s infinite; background-color: #fff; }

.rocket .exhaust-fumes li:nth-child(4) { width: 100px; height: 100px; left: -170px; animation: fumes 4s 2s infinite; top: 380px; background-color: #eee; }

.rocket .exhaust-fumes li:nth-child(5) { width: 130px; height: 130px; left: -120px; top: 350px; animation: fumes 5s infinite; }

.rocket .exhaust-fumes li:nth-child(6) { width: 200px; height: 200px; left: -60px; top: 280px; animation: fumes2 10s infinite; background-color: #f1f1f1; }

.rocket .exhaust-fumes li:nth-child(7) { width: 100px; height: 100px; left: -100px; top: 320px; background-color: #f1f1f1; }

.rocket .exhaust-fumes li:nth-child(8) { width: 110px; height: 110px; left: 70px; top: 340px; background-color: #f1f1f1; }

.rocket .exhaust-fumes li:nth-child(9) { width: 90px; height: 90px; left: 100px; top: 300px; animation: fumes 20s infinite; background-color: #ccc; }

.star li { list-style: none; position: absolute; }

.star li:before, .star li:after { content: ''; position: absolute; background-color: #ed3; }

.star li:before { width: 10px; height: 2px; border-radius: 50%; }

.star li:after { height: 8px; width: 2px; left: 4px; top: -3px; }

.star li:first-child { top: -30px; left: -210px; animation: twinkle 0.4s infinite; }

.star li:nth-child(2) { top: 0; left: 60px; animation: twinkle 0.5s infinite; }

.star li:nth-child(2):before { height: 1px; width: 5px; }

.star li:nth-child(2):after { width: 1px; height: 5px; top: -2px; left: 2px; }

.star li:nth-child(3) { left: 120px; top: 220px; animation: twinkle 1s infinite; }

.star li:nth-child(4) { left: -100px; top: 200px; animation: twinkle 0.5s ease infinite; }

.star li:nth-child(5) { left: 170px; top: 100px; animation: twinkle 0.4s ease infinite; }

.star li:nth-child(6) { top: 87px; left: -79px; animation: twinkle 0.2s infinite; }

.star li:nth-child(6):before { height: 1px; width: 5px; }

.star li:nth-child(6):after { width: 1px; height: 5px; top: -2px; left: 2px; }

@keyframes fumes { 50% { transform: scale(1.5);
    background-color: transparent; }
  51% { transform: scale(0.8); }
  100% { background-color: #f5f5f5;
    transform: scale(1); } }

@keyframes bounce { 0% { transform: translate3d(0px, 0px, 0); }
  50% { transform: translate3d(0px, -4px, 0); }
  100% { transform: translate3d(0px, 0px, 0); } }

@keyframes exhaust { 0% { background: linear-gradient(to bottom, transparent 10%, #f5f5f5 100%); }
  50% { background: linear-gradient(to bottom, transparent 8%, #f5f5f5 100%); }
  75% { background: linear-gradient(to bottom, transparent 12%, #f5f5f5 100%); } }

@keyframes fumes2 { 50% { transform: scale(1.1); } }

@keyframes twinkle { 80% { transform: scale(1.1);
    opacity: 0.7; } }

.spin-box { position: relative; border-radius: 100%; width: 3px; height: 3px; margin: 5px 0 0 2px; box-shadow: 3px 3px #eee, -3px 3px #fff, -3px -3px #eee, 3px -3px #fff; -webkit-animation: spin ease infinite 4s; }

.ts-popup .ts-popup-footer { position: relative; margin: 10px 0 10px 0; display: block; }

.ts-popup .ts-popup--content { position: relative; display: block; }

.ts-popup .fc-list-item { background: #fff; }

.ts-popup .fc-list-item:nth-child(2n) { background: #fefefe; }

.ts-popup .fc-scroller.pageloading { opacity: 0.3; }

.ts-popup .fc-scroller.pageloading:after { position: absolute; height: 50px; width: 50px; top: 400px; left: 50%; margin-left: -35px; z-index: 99999999999; }

.ts-popup .message-layer { background: #ef5350; color: #fff; text-align: center; position: absolute; width: 100%; top: 0px; left: 0px; line-height: 30px; font-size: 13px; font-weight: bold; z-index: 5; display: none; }

.ts-popup .message-layer.show { animation: showErrorLayer 0.2s cubic-bezier(0.25, 1, 0.5, 1) both; }

.ts-popup .message-layer.success { background: #9ccc65; }

@keyframes showErrorLayer { 0% { opacity: 0;
    transform: translate(0, -50px); }
  100% { opacity: 1; } }

.ts-popup .btn-primary, .ts-popup .btn-green { background: #9ccc65; color: #fff; }

.ts-popup .btn { font-weight: bold; }

.ts-popup .btn.btn-radius { border-radius: 40px; }

.ts-popup .btn-orange { background: #F7931E; color: #fff; }

.ts-popup .btn-orange:hover { opacity: 1 !important; }

.ts-popup .btn-orange-hover { background: #9ccc65; color: #fff; }

.ts-popup .btn-orange-hover:hover { background: #F7931E; border-color: #F7931E; }

.ts-popup .btn-red { background-color: #ef5350; border-color: #ef5350; color: #fff; }

.ts-popup .btn-red:hover { color: #fff; background-color: #ec312d; border-color: #eb2521; }

.ts-popup .simple-underline { text-decoration: underline; cursor: pointer; margin-top: 4px; display: inline-block; }

.ts-popup .simple-red { color: #ef5350; }

.ts-popup #ts-save-edit, .ts-popup [data-save] { float: right; margin-left: 20px; }

.ts-popup [data-project-status="1"] td { background: #f1fdf1 !important; }

.ts-popup [data-project-status="2"] td { background: #ffefef !important; }

.ts-popup [data-project-status="2"] td.fc-list-item-title a:first-child, .ts-popup [data-project-status="2"] td.fc-list-item-title .project-time, .ts-popup [data-project-status="2"] td.fc-list-item-title .project-duration, .ts-popup [data-project-status="2"] td.fc-list-item-time a:first-child, .ts-popup [data-project-status="2"] td.fc-list-item-time .project-time, .ts-popup [data-project-status="2"] td.fc-list-item-time .project-duration { animation: blink 1s infinite; }

.ts-popup [data-project-status="4"] td { background: #effbff !important; }

.ts-popup [data-project-status="4"] td.fc-list-item-title a:first-child, .ts-popup [data-project-status="4"] td.fc-list-item-title .project-time, .ts-popup [data-project-status="4"] td.fc-list-item-title .project-duration, .ts-popup [data-project-status="4"] td.fc-list-item-time a:first-child, .ts-popup [data-project-status="4"] td.fc-list-item-time .project-time, .ts-popup [data-project-status="4"] td.fc-list-item-time .project-duration { animation: blink 1s infinite; }

.ts-popup [data-project-status="4"] .fc-list-item-status .fa { display: none; }

.ts-popup [data-project-status="4"] .fc-list-item-status:before { content: '🔍'; display: block; }

.ts-popup [name="ts-edit-status"][data-change-val="1"] { border-color: #9ccc65; color: #9ccc65 !important; }

.ts-popup [name="ts-edit-status"][data-change-val="2"] { border-color: #ef5350; color: #ef5350 !important; }

.ts-popup [name="ts-edit-status"][data-change-val="3"] { border-color: #3a87ad; color: #3a87ad !important; }

.ts-popup .fc-day-grid-event { border: 1px solid #ccc !important; transition: 0.1s; }

.ts-popup .fc-day-grid-event[data-project-type="ebédszünet"], .ts-popup .fc-day-grid-event[data-project-type="szabadság"], .ts-popup .fc-day-grid-event[data-project-type="betegszabadság"], .ts-popup .fc-day-grid-event[data-project-type="feltöltődés"] { background: #F7931E !important; color: #fff !important; border: 1px solid #F7931E !important; }

.ts-popup .fc-day-grid-event[data-project-type="ebédszünet"]:hover, .ts-popup .fc-day-grid-event[data-project-type="szabadság"]:hover, .ts-popup .fc-day-grid-event[data-project-type="betegszabadság"]:hover, .ts-popup .fc-day-grid-event[data-project-type="feltöltődés"]:hover { color: #fff !important; }

.ts-popup .fc-day-grid-event:hover { color: #777 !important; }

.ts-popup .fc-day-grid-event [data-project-status="2"] { color: #fff; }

.ts-popup .fc-day-grid-event [data-project-status="2"]:hover { color: #777 !important; }

.ts-popup [data-project-type="ebédszünet"] { background: #fff9f2 !important; color: #777; }

.ts-popup [data-project-type="ebédszünet"]:hover td, .ts-popup [data-project-type="ebédszünet"] td { background: #fff9f2 !important; color: #777; }

.ts-popup [data-project-type="ebédszünet"] .fc-list-item-status .fa { display: none; }

.ts-popup [data-project-type="ebédszünet"] .fc-list-item-status:before { content: '🍽'; display: block; }

.ts-popup [data-project-type="ebédszünet"] td.fc-list-item-title a:first-child:before, .ts-popup [data-project-type="ebédszünet"] td.fc-list-item-title .project-title:before { content: 'Ebédszünet'; }

.ts-popup [data-project-type="feltöltődés"] { background: #fff9f2 !important; }

.ts-popup [data-project-type="feltöltődés"]:hover td, .ts-popup [data-project-type="feltöltődés"] td { background: #fff9f2 !important; }

.ts-popup [data-project-type="feltöltődés"] .fc-list-item-status .fa { display: none; }

.ts-popup [data-project-type="feltöltődés"] .fc-list-item-status:before { content: '☕️'; display: block; }

.ts-popup [data-project-type="feltöltődés"] td.fc-list-item-title a:first-child:before, .ts-popup [data-project-type="feltöltődés"] td.fc-list-item-title .project-title:before { content: 'Feltöltődés'; }

.ts-popup [data-project-type="szabadság"] { background: #fff9f2 !important; }

.ts-popup [data-project-type="szabadság"]:hover td, .ts-popup [data-project-type="szabadság"] td { background: #fff9f2 !important; }

.ts-popup [data-project-type="szabadság"] .fc-list-item-status .fa { display: none; }

.ts-popup [data-project-type="szabadság"] .fc-list-item-status:before { content: '🏖️'; display: block; }

.ts-popup [data-project-type="szabadság"] td.fc-list-item-title a:first-child:before, .ts-popup [data-project-type="szabadság"] td.fc-list-item-title .project-title:before { content: 'Szabadság'; }

.ts-popup [data-project-type="betegszabadság"]:hover td { background: #fff9f2 !important; }

.ts-popup [data-project-type="betegszabadság"] .fc-list-item-status .fa { display: none; }

.ts-popup [data-project-type="betegszabadság"] .fc-list-item-status:before { content: '💊'; display: block; }

.ts-popup [data-project-type="betegszabadság"] td.fc-list-item-title a:first-child:before, .ts-popup [data-project-type="betegszabadság"] td.fc-list-item-title .project-title:before { content: 'Betegszabadság'; }

.ts-popup [data-project-type="munkaszünet"]:hover td { background: #fff9f2 !important; }

.ts-popup [data-project-type="munkaszünet"] .fc-list-item-status .fa { display: none; }

.ts-popup [data-project-type="munkaszünet"] .fc-list-item-status:before { content: '🇭🇺'; display: block; }

.ts-popup [data-project-type="munkaszünet"] td.fc-list-item-title a:first-child:before, .ts-popup [data-project-type="munkaszünet"] td.fc-list-item-title .project-title:before { content: 'Munkaszüneti nap'; }

.ts-popup [data-project-type="free"]:hover td, .ts-popup [data-project-type="free"] td { background: #fff9f2 !important; }

.ts-popup [data-project-type="free"] .fc-list-item-status .fa { display: none; }

.ts-popup [data-project-type="free"] .fc-list-item-status:before { content: '⌛️'; display: block; }

.ts-popup [data-project-type="free"] td.fc-list-item-title a:first-child:before, .ts-popup [data-project-type="free"] td.fc-list-item-title .project-title:before { content: 'Free - Üresjárat'; }

.ts-popup [data-project-type="megbeszélés"] .fc-list-item-status .fa { display: none; }

.ts-popup [data-project-type="megbeszélés"] .fc-list-item-status:before { content: '🗣️'; display: block; }

.ts-popup [data-project-type="megbeszélés"] td.fc-list-item-title a:first-child:before, .ts-popup [data-project-type="megbeszélés"] td.fc-list-item-title .project-title:before { content: 'GR megbeszélés'; }

.ts-popup [data-project-type="adminisztráció"]:hover td { background: #fff9f2 !important; }

.ts-popup [data-project-type="adminisztráció"] .fc-list-item-status .fa { display: none; }

.ts-popup [data-project-type="adminisztráció"] .fc-list-item-status:before { content: '📄'; display: block; }

.ts-popup [data-project-type="adminisztráció"] td.fc-list-item-title a:first-child:before, .ts-popup [data-project-type="adminisztráció"] td.fc-list-item-title .project-title:before { content: 'Adminisztráció'; }

.ts-popup [data-project-type="rendezvény"] .fc-list-item-status .fa, .ts-popup [data-project-type="esemény"] .fc-list-item-status .fa { display: none; }

.ts-popup [data-project-type="rendezvény"] .fc-list-item-status:before, .ts-popup [data-project-type="esemény"] .fc-list-item-status:before { content: '🎊'; display: block; }

.ts-popup [data-project-type="rendezvény"] td.fc-list-item-title a:first-child:before, .ts-popup [data-project-type="rendezvény"] td.fc-list-item-title .project-title:before, .ts-popup [data-project-type="esemény"] td.fc-list-item-title a:first-child:before, .ts-popup [data-project-type="esemény"] td.fc-list-item-title .project-title:before { content: 'GR esemény/rendezvény'; }

.current-day .fc-list-heading-main:after { content: 'Mai nap'; text-transform: uppercase; opacity: 0.5; vertical-align: super; font-size: 10px; letter-spacing: 0.4; margin-left: 4px; }

.fc-list-item-time .user-name { display: inline; margin: 0 5px 0 15px; position: relative; width: 120px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 120px; }

.fc-list-item-time .user-name img { height: 26px; margin-right: 7px; border: 0.5px solid #fff; box-shadow: 0 2px 4px 0 rgba(43, 43, 43, 0.15); margin-top: -2px; }

.fc-list-item-status { padding: 0px !important; }

.fc-list-table td { border-width: 1px 0 0; padding: 3px 10px; font-size: 14px; }

.btn.ripple { overflow: hidden; display: inline-block; position: relative; }

.btn span { position: absolute; border-radius: 50%; /* To make it round */ background-color: rgba(255, 255, 255, 0.3); width: 100px; height: 100px; margin-top: -50px; left: -50%; animation: ripple 1s; opacity: 0; }

/* Add animation */
@keyframes ripple { from { opacity: 1;
    transform: scale(0); }
  to { opacity: 0;
    transform: scale(10); } }

.status-comments { max-height: 320px; min-height: 320px; overflow: auto; display: block; margin-top: 10px; margin-bottom: 21px; border: 1px solid #ced4da; border-radius: 3px; background: #fff; box-shadow: inset 0 1px 2px rgba(150, 160, 175, 0.1), inset 0 1px 15px rgba(150, 160, 175, 0.05); }

.status-comments::-webkit-scrollbar { width: 3px; background: #f5f5f5; }

.status-comments::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.1); background: #f5f5f5; }

.status-comments::-webkit-scrollbar-thumb { background-color: #333; outline: 1px solid slategrey; }

.status-comments .commentList.loading:before { content: ''; animation: spin 0.5s infinite linear; background-image: url(/img/loading.png); background-repeat: no-repeat; background-size: 100% !important; position: absolute; height: 50px; width: 50px; top: 50%; left: 50%; margin-left: -25px; margin-top: -50px; z-index: 99999999999; }

.status-comments .commentList li.empty { height: 318px; width: 100%; border: none !important; text-align: center; padding-top: 90px !important; box-sizing: border-box; background: #fff; font-weight: bold; text-transform: uppercase; color: #888; animation: showEmptyLine 0.25s cubic-bezier(0.25, 0.1, 0.25, 1) both; border-bottom: none !important; }

.status-comments .commentList li.empty:before, .status-comments .commentList li.empty i { content: ''; display: block; width: 100%; font-size: 60px; margin-bottom: 15px; color: #ddd; }

@keyframes showEmptyLine { 0% { opacity: 0;
    transform: scale(0.85); }
  100% { opacity: 1; } }

.status-comments .commentList li:hover .delete-comment { opacity: 1; animation: showDelete 0.2s cubic-bezier(0.25, 0.1, 0.25, 1.3) both; }

@keyframes showDelete { 0% { opacity: 0;
    transform: scale(0.5); }
  100% { opacity: 1; } }

.status-comments .money { background-image: url(/img/huf.png); background-repeat: no-repeat; background-size: auto 75%; background-position: 98.5% 50%; }

.status-comments .delete-comment { position: absolute; left: 12px; bottom: 11px; color: red; opacity: 0; font-size: 14px; }

.status-comments .delete-comment.edit { left: inherit; right: 10px; }

.status-comments .commentText p { position: relative; display: block; }

.status-comments .commentText img { max-width: 100%; }

.status-comments .commentText iframe { max-width: 100%; width: 700px; }

.status-comments .commentText .status { border-radius: 3px; padding: 1px 2px 1px 7px; background: #f8f9fa; box-shadow: 1px 1px 2px rgba(60, 60, 60, 0.1); margin: 2px 0 1px 0; position: relative; font-size: 12px !important; line-height: 20px; display: inline-block; color: #5b5b5b; }

.status-comments .commentText .status:before { content: 'Új státusz: '; }

.status-comments .commentText .status:after { font-weight: bold; }

.status-comments .commentText .status b { font-weight: bold; }

.status-comments .commentText .status[data-type="0"] { border-left: 3px solid orange; }

.status-comments .commentText .status[data-type="0"]:after { content: 'nincs ❔'; }

.status-comments .commentText .status[data-type="1"] { border-left: 3px solid green; }

.status-comments .commentText .status[data-type="1"]:after { content: 'elfogadva ✅'; }

.status-comments .commentText .status[data-type="2"] { border-left: 3px solid #B0402D; }

.status-comments .commentText .status[data-type="2"]:after { content: 'visszaküldve 🚫'; }

.status-comments .commentText .status[data-type="4"] { border-left: 3px solid lightblue; }

.status-comments .commentText .status[data-type="4"]:after { content: 'felülvizsgálva, elfogadásra vár 🔍'; }

.status-comments .commentText .status[data-type="3"] { border-left: 3px solid lightblue; }

.status-comments .commentText .status[data-type="3"]:after { content: 'ütemezve 🕓'; }

.status-comments .sub-text { display: block; margin-top: 3px; }

.status-comments .commentText .message { font-size: 12px; }

.status-comments .commentText .message.sb { border-radius: 3px; padding: 1px 2px 1px 7px; background: #f8f9fa; box-shadow: 1px 1px 2px rgba(60, 60, 60, 0.1); margin: 2px 0 1px 0; position: relative; font-size: 12px !important; line-height: 20px; display: inline-block; color: #5b5b5b; font-weight: bold; }

.status-comments .commentText .message.sb b.status { font-weight: normal !important; color: #222; border: none !important; font-size: 12px; padding-right: 1px; }

.status-comments .commentText .message.new-level { border-left: 3px solid #DAA520; }

.status-comments .commentText .message.update { border-left: 3px solid #56c95a; }

.status-comments .commentText .message.update-tsheets { border-left: 3px solid #B0402D; }

.status-comments .commentText .message.create { border-left: 3px solid green; }

.status-comments .commentText .message.delete-project { border-left: 3px solid red; }

.status-comments .commentText .message.delete-receipts { border-left: 3px solid red; }

.status-comments .commentText .message.new-receipts { border-left: 3px solid purple; }

.status-comments .commentText .message.update-receipts { border-left: 3px solid purple !important; }

.status-comments .commentText .message.new-status { border-left: 3px solid #000080; }

.status-comments .commentText .message.kanban-update { border-left: 3px solid #3a87ad; }

.status-comments .system { transition: 0.2s; }

.status-comments .system:hover { opacity: 1; filter: grayscale(0%); }

.status-comments .commentText:before { content: ''; position: absolute; text-transform: uppercase; right: 11px; top: 12px; font-size: 11px; }

.status-comments .system .commentText:before { content: '🖥️'; position: absolute; text-transform: uppercase; right: 11px; top: 12px; font-size: 11px; }

.status-comments .update .commentText:before { content: '🧪 FRISSÍTÉS'; position: absolute; text-transform: uppercase; right: 11px; top: 12px; font-size: 11px; }

.status-comments .commentList { padding: 0; list-style: none; margin: 0; }

.status-comments .commentList li { margin: 0; display: block; position: relative; padding-top: 8px; padding-left: 5px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #fafafa !important; border-right: 1px solid #fafafa !important; background: linear-gradient(to bottom, rgba(250, 250, 250, 0.9) 0%, white 40%); }

.status-comments .commentList li:first-child { padding-top: 8px; border-bottom: 1px solid #e5e5e5; }

.status-comments .commentList li.already-visible { opacity: 1; animation-delay: 0.1s; transition: 0.2s !important; transform: translateY(0px) scale(1); }

.status-comments .commentList li.come-in { opacity: 1; animation-delay: 0.3s; transition: 0.4s !important; transform: translateY(0px) scale(1); }

.status-comments .commentList li.search-yes { animation: showSearch 0.2s cubic-bezier(0.25, 0.1, 0.25, 0.8) both; transform-origin: 50% 50%; }

@keyframes showSearch { 0% { opacity: 0;
    transform: translateY(15px) scale(0.3); }
  100% { opacity: 1; } }

.status-comments .commentList li > div { display: table-cell; }

.status-comments .commenterImage { width: 30px; margin-right: 10px; height: 100%; float: left; }

.status-comments .commenterImage img { width: 100%; border-radius: 50%; }

.status-comments .commentText p { position: relative; display: block; }

.status-comments .commentText img { max-width: 100% !important; display: block; }

.status-comments .commentText iframe { max-width: 100% !important; width: 700px; display: block; }

.status-comments .commentText p, .status-comments .commentText .message { margin: 0; font-size: 13px; padding-right: 10px; margin-right: 10px; }

.status-comments .commentText p b.name, .status-comments .commentText .message b.name { font-weight: bold; font-size: 12px; color: #3a3a3a; transition: 0.1s; }

.status-comments .commentText p b.name:hover, .status-comments .commentText .message b.name:hover { color: #777; }

.status-comments .commentText p b.status, .status-comments .commentText .message b.status { font-weight: normal; border-bottom: 1px solid #dedede; }

.status-comments .commentText .content { display: block; }

.status-comments .sub-text { color: #aaa; font-family: verdana; font-size: 10px; }

.status-comments .actionBox { border-top: 1px dotted #bbb; padding: 10px; }

.status-comments a.comment-link { position: absolute; bottom: 6px; right: 10px; font-size: 14px; }

.status-comments a.comment-link:hover span { text-decoration: underline; color: #222; transition: 0.2s; }

.status-comments a.comment-link span { line-height: 19px; display: inline-block; font-size: 11.4px; color: #7c7c7c; font-weight: 300; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 190px; }

.status-comments a.comment-link i { font-size: 10px; display: inline-block; margin-left: 5px !important; float: right; }

.btn-green { background: #9ccc65; color: #fff; }

.btn-radius { border-radius: 40px !important; }

.rt-container > div { width: 100% !important; }

.select2-selection__rendered { text-align: left; }

.select2-container--focus .select2-search__field { display: block !important; }

.select2-container .select2-search--inline input { min-width: 180px !important; width: 100% !important; margin-top: 8px !important; }

.smart-chat { list-style-type: none; margin: 0 !important; padding: 0; float: left; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; }

.smart-chat li { margin: -10px 12px 10px 0; cursor: pointer; transition: 0.2s; border: 1px solid orange; width: auto; position: relative; }

.smart-chat:hover li { opacity: 0.6; }

.smart-chat li:hover { opacity: 1; transition: 0.1s !important; }

.is-today { background: red; }

.week-hide-fields b, .week-hide-fields textarea, .week-hide-fields select { display: none; }

.week-hide-fields.show-fields b, .week-hide-fields.show-fields textarea, .week-hide-fields.show-fields select { display: block; }

.week-hide-fields.show-fields.only-comment .col-3 b, .week-hide-fields.show-fields.only-comment .col-3 select { display: none !important; }

.ts-week-calendar { text-align: center; vertical-align: top; }

.ts-week-calendar .fc-button-group { position: absolute; left: 0px; overflow: hidden; width: 300px; }

.ts-week-calendar .fc-button-group button { padding: 2px 8px !important; }

.ts-week-calendar .fc-button-right { width: 300px; float: right; display: inline-block; position: absolute; right: 0px; text-align: right; }

.ts-week-calendar .fc-button-right .select2-selection__rendered { text-align: left; }

.ts-week-calendar--title { overflow: hidden; text-transform: uppercase; font-size: 18px; font-weight: 500; color: #505363; line-height: 20px; display: inline-block !important; position: relative; width: 400px; margin: auto; display: inline-block; vertical-align: middle; box-sizing: inherit; }

.ts-week-calendar--title .mini { display: block; text-transform: uppercase; font-size: 13px; opacity: 0.6; }

.ts-week-calendar thead .is-weekend { color: #777; }

.ts-week-calendar tbody .is-weekend { background: #fdf4ed !important; }

.ts-week-calendar-title { text-align: center !important; position: relative; }

.ts-week-settings { text-align: left !important; margin-bottom: 20px; }

.ts-week-settings .dropdown { display: inline-block; margin-left: 10px; }

.calendar-inner { display: block; position: relative; }

.ts-week-table-hint { float: left; display: block; width: 500px; position: absolute; top: -20px; font-size: 10px; text-align: left; text-transform: uppercase; color: #888; }

.ts-week-table-hint b { display: inline-block; height: 9px; width: 9px; top: 0px; border-radius: 100%; color: #9ccc65; position: relative; }

.ts-week-calendar-table { margin: 20px 0 8px 0; border: 1px solid #ddd; border-radius: 3px !important; background: #fafafa; position: relative; display: block; }

.ts-week-calendar-table .job-td { width: 140px; background: transparent !important; }

.ts-week-calendar-table thead { background: #fff; line-height: 30px; background: #eee; color: #444; }

.ts-week-calendar-table thead td { border-color: #ddd; background: #eee; border-top-width: 0; border-width: 1px 0 0; padding: 2px 5px; font-weight: bold; border-bottom: 1px solid #ddd; }

.ts-week-calendar-table tbody .ui-sortable-helper { border: 1px solid #ddd; box-shadow: 6px 10px 10px rgba(50, 50, 93, 0.2); }

.ts-week-calendar-table tbody tr { color: #777; border-top: 1px solid #eee; }

.ts-week-calendar-table tbody tr[data-status="1"] td:first-child { padding-left: 10px !important; }

.ts-week-calendar-table tbody tr[data-status="1"] td:first-child:before { content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: 5px; top: 12px; color: #9ccc65; font-size: 11px; }

.ts-week-calendar-table tbody tr[data-status="1"] .fa-times { display: none !important; }

.ts-week-calendar-table tbody tr td[data-status="1"] { background: #f1fdf1 !important; color: #777; }

.ts-week-calendar-table tbody tr td[data-status="1"] textarea, .ts-week-calendar-table tbody tr td[data-status="1"] button { pointer-events: none; }

.ts-week-calendar-table tbody tr.inactive [data-ts-week-action="remove-line"], .ts-week-calendar-table tbody tr.inactive [data-ts-week-action="add-smarts"] { display: none; }

.ts-week-calendar-table tbody tr.inactive .init-popup-button { max-width: 97% !important; width: 97%; }

.ts-week-calendar-table tbody tr.inactive [data-ts-week-action="add-smart"] { display: none !important; }

.ts-week-calendar-table tbody tr.inactive { animation: addTsLine 0.1s cubic-bezier(0.25, 1, 0.5, 1) both; }

@keyframes addTsLine { 0% { transform: translate(0px, 5px); }
  100% { } }

.ts-week-calendar-table tbody tr:hover td.line-last:after { opacity: 0 !important; }

.ts-week-calendar-table tbody tr.append-anim { animation: appendAnim 0.15s cubic-bezier(0.25, 1, 0.5, 1.3) both; }

@keyframes appendAnim { 0% { opacity: 0;
    transform: translate(0, -15px); }
  100% { opacity: 1; } }

.ts-week-calendar-table tbody tr.smart-anchor { background: #ebf3f5 !important; }

.ts-week-calendar-table tbody tr.smart-anchor td, .ts-week-calendar-table tbody tr.smart-anchor [data-project-type="ebédszünet"], .ts-week-calendar-table tbody tr.smart-anchor [data-project-type="szünet"], .ts-week-calendar-table tbody tr.smart-anchor [data-project-type="szabadság"], .ts-week-calendar-table tbody tr.smart-anchor [data-project-type="betegszabadság"], .ts-week-calendar-table tbody tr.smart-anchor [data-project-type="free"], .ts-week-calendar-table tbody tr.smart-anchor:hover td, .ts-week-calendar-table tbody tr.smart-anchor:hover { background: #ebf3f5 !important; }

.ts-week-calendar-table tbody tr.smart-anchor [data-ts-week-action="remove-line"] { display: none !important; }

.ts-week-calendar-table tbody tr.smart-anchor [data-ts-week-action="remove-smart"] { display: block; }

.ts-week-calendar-table tbody td { position: relative; padding: 0 !important; margin: 0 !important; border-right: 1px solid #eee; background: #fff; }

.ts-week-calendar-table tbody td [data-ts-week-action="remove-line"] { position: absolute; left: -6px; color: red; top: 10px; }

.ts-week-calendar-table tbody td [data-ts-week-action="remove-smart"] { position: absolute; left: -8px; color: #3498DB; top: 9px; transition: 0.2s; cursor: pointer; display: none; }

.ts-week-calendar-table tbody td [data-ts-week-action="remove-smart"]:hover { color: red; }

.ts-week-calendar-table tbody td [data-ts-week-action="add-smart"] { position: absolute; right: 0.5px; color: #ccc; top: 0px; font-size: 13px; opacity: 0; cursor: pointer; display: block; width: 20px; line-height: 22px; z-index: 10px; transition: 0.2s; }

.ts-week-calendar-table tbody td [data-ts-week-action="add-smart"]:hover { opacity: 1 !important; color: #3498DB; }

.ts-week-calendar-table tbody td:hover [data-ts-week-action="add-smart"] { opacity: 0.9; }

.ts-week-calendar-table tbody td button { margin: 0 0 0 3px; height: 100%; width: 97%; line-height: 30px; padding: 0px 4px 0 7px; border: none; box-shadow: none; font-size: 12px; }

.ts-week-calendar-table tbody td button .fa-check { display: none !important; }

.ts-week-calendar-table tbody td button.btn-wobble { animation-name: weekJobWobble; animation-duration: 0.5s; animation-fill-mode: both; background: transparent; }

@keyframes weekJobWobble { 0% { color: #222; }
  50% { transform: translate(10px, 0px);
    color: #222; }
  80% { transform: translate(-5px, 0px); }
  100% { color: red !important; } }

.ts-week-calendar-table tbody td button.init-popup-button { background: transparent; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 150px; }

.ts-week-calendar-table tbody td.inactive textarea { pointer-events: none; }

.ts-week-calendar-table tbody td.inactive [data-ts-week-action="add-smart"] { display: none !important; }

.ts-week-calendar-table tbody td.focused { transition: 0.2s; background: #f7fafb !important; box-shadow: 0 0 7px rgba(100, 100, 100, 0.1) inset; }

.ts-week-calendar-table tbody td.focused textarea { background: transparent !important; }

.ts-week-calendar-table tbody td textarea { height: 100%; width: 100%; max-height: 32px; line-height: 34px; text-align: center; margin: 0; padding: 0; border: none; resize: none; outline: none; overflow: hidden; background: transparent; }

.ts-week-calendar-table tbody td textarea:active, .ts-week-calendar-table tbody td textarea:focus { outline: none; }

.ts-week-calendar-table tbody td.line-last { font-weight: bold; background: #fafafa !important; min-width: 50px; }

.ts-week-calendar-table tbody td.line-last.add-num { animation: lineLastSum 0.5s cubic-bezier(0.25, 1, 0.5, 1.3) both; }

@keyframes lineLastSum { 50% { color: #9ccc65; }
  0%, 100% { } }

.ts-week-calendar-table tbody td.line-last:after { content: "\f07d"; font: normal normal normal 14px/1 FontAwesome; position: absolute; right: -2px; top: 11px; opacity: 0; transition: 0.2s; }

.ts-week-calendar-table tfoot { border-top: 1px solid #ddd; }

.ts-week-calendar-table tfoot tr { background: #eee; }

.ts-week-calendar-table tfoot tr td { background: #eee; }

.ts-week-calendar-table tfoot td { border-left: 1px solid #ddd; }

.ts-week-calendar-table tfoot td:first-child { border-left: none; }

.ts-week-calendar-table tfoot textarea { height: 100%; width: 100%; max-height: 32px; line-height: 34px; text-align: center; margin: 0; padding: 0; border: none; resize: none; outline: none; overflow: hidden; background: transparent; font-weight: bold; transition: 0.2s; }

.ts-week-calendar-table tfoot textarea:active, .ts-week-calendar-table tfoot textarea:focus { outline: none; }

.ts-week-calendar-table .sum-min textarea { color: #777 !important; }

.ts-week-calendar-table .sum-ok textarea { color: #65b00f !important; }

.ts-week-calendar-table .sum-max textarea { color: #f00 !important; }

.figure { display: none; width: 150px; height: 220px; position: absolute; right: -500px; top: -10px; background-size: 100% auto; background-repeat: no-repeat; background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ea196117-0b64-49b7-b13f-79f43cf77e53/ddls3tj-7a2cc663-0c10-44a4-9994-0a99a8b9f7dd.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvZWExOTYxMTctMGI2NC00OWI3LWIxM2YtNzlmNDNjZjc3ZTUzXC9kZGxzM3RqLTdhMmNjNjYzLTBjMTAtNDRhNC05OTk0LTBhOTlhOGI5ZjdkZC5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.dbUW_TEmcC8ndMBPlXdZsvnBbJD0_GiwT8koEBb92Iw); z-index: 10; pointer-events: none; }

.babyyoda .figure { display: block; animation: showFigure 4s cubic-bezier(0.25, 1, 0.5, 1) both; width: 110px; top: 10px; background-image: url(/img/figure/1.png); }

@keyframes showFigure { 0%, 100% { opacity: 0; }
  20%, 80% { opacity: 1; }
  70% { transform: rotate(-60deg);
    right: -140px; } }

.chuck .figure { top: 0px; display: block; animation: showFigure 5s cubic-bezier(0.25, 1, 0.5, 1) both; width: 105px; background-image: url(/img/figure/2.png); }

@keyframes showFigure { 0%, 100% { opacity: 0; }
  20%, 90% { opacity: 1; }
  70%, 80% { transform: rotate(-40deg);
    right: -65px; } }

.kajla .figure { display: block; background-image: url(/img/figure/3.png); animation: showFigureKajla 4s cubic-bezier(0.25, 1, 0.5, 1) both; width: 140px; }

@keyframes showFigureKajla { 0%, 100% { opacity: 0;
    transform: scale(0.8); }
  20%, 90% { opacity: 1; }
  70%, 75% { transform: rotate(-75deg);
    right: -72px;
    width: 100px;
    top: -15px; } }

.nyancat .figure { display: block; background-image: url(/img/figure/4.gif); animation: showFigureNyancat 5s linear both; width: 120px; }

@keyframes showFigureNyancat { 0% { left: -130px;
    top: 8%; }
  100% { left: 150%;
    top: 8%; } }

#ts-week-loading { height: 130px; }

body tr[data-week-type="betegszabadság"], body tr[data-week-type="ebédszünet"], body tr[data-week-type="feltöltődés"], body tr[data-week-type="free"], body tr[data-week-type="szabadság"], body tr[data-week-type="adminisztráció"], body tr[data-week-type="esemény"], body tr[data-week-type="megbeszélés"] { background: #fff9f2 !important; }

body tr[data-week-type="betegszabadság"]:hover td, body tr[data-week-type="betegszabadság"] td, body tr[data-week-type="betegszabadság"] button, body tr[data-week-type="ebédszünet"]:hover td, body tr[data-week-type="ebédszünet"] td, body tr[data-week-type="ebédszünet"] button, body tr[data-week-type="feltöltődés"]:hover td, body tr[data-week-type="feltöltődés"] td, body tr[data-week-type="feltöltődés"] button, body tr[data-week-type="free"]:hover td, body tr[data-week-type="free"] td, body tr[data-week-type="free"] button, body tr[data-week-type="szabadság"]:hover td, body tr[data-week-type="szabadság"] td, body tr[data-week-type="szabadság"] button, body tr[data-week-type="adminisztráció"]:hover td, body tr[data-week-type="adminisztráció"] td, body tr[data-week-type="adminisztráció"] button, body tr[data-week-type="esemény"]:hover td, body tr[data-week-type="esemény"] td, body tr[data-week-type="esemény"] button, body tr[data-week-type="megbeszélés"]:hover td, body tr[data-week-type="megbeszélés"] td, body tr[data-week-type="megbeszélés"] button { background: #fff9f2 !important; }

#sidebar-ts-menu [data-notif] { background: #ef5350; color: #fff !important; font-weight: bold; border-radius: 10px; padding: 2px 6px; margin: -10px -5px 0 2px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); font-size: 11px; }

[data-notif] { display: none; }

[data-notif].show { display: inline-block !important; animation: showNotif 0.2s cubic-bezier(0.25, 1, 0.5, 1.3) both; }

@keyframes showNotif { 0% { opacity: 0;
    transform: translate(0, 20px); }
  100% { opacity: 1; } }

.card-head { display: none; position: relative; height: 70px; width: 100% !important; vertical-align: middle; color: #fff; font-size: 25px; text-align: right; padding-top: 25px; padding-right: 20px; box-sizing: border-box; overflow: hidden; }

.card-head.blue { background-color: #252A5E; border-bottom: rgba(0, 0, 0, 0.2); }

.card-head.purple { background-color: #756082; border-bottom: rgba(0, 0, 0, 0.2); }

.card-head .fa { position: absolute; left: 40px; top: 15px; font-size: 80px; opacity: 0.5; }

.hint { background: #eb5986; background: linear-gradient(to right, #F07052 0%, #e65986 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb5986', endColorstr='#f79815',GradientType=1 ); color: #fff; padding: 30px 20px 10px 20px; border-radius: 4px; line-height: 1.4em; font-size: 13px; min-height: 160px; display: block; overflow: hidden; position: relative; box-shadow: 2px -2px 4px rgba(100, 100, 100, 0.1); margin: 0 0 15px 0; padding-left: 118px; box-sizing: border-box; transition: 0.4s; height: 160px; border-radius: 6px; }

.hint:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; background-color: #20bf55; background-image: linear-gradient(315deg, #3BBC87 0%, #9ccc65 74%) !important; transition: 0.25s; background-size: cover; opacity: 0; }

.hint .reaction { position: absolute; bottom: -2px; right: 20px; border-radius: 3px; border: 2px solid rgba(255, 255, 255, 0.5); display: none; }

.hint *, .hint div { z-index: 5; position: relative; }

.hint.success:after { opacity: 1; }

.hint .avatar { position: absolute; left: 25px; top: 25px; }

.hint [data-notif="approve"] { display: inline-block !important; }

.hint .icon { font-size: 170px; position: absolute; bottom: -40px !important; right: 30px; color: rgba(255, 255, 255, 0.3); }

.hint .bold-title { font-size: 20px; font-weight: bold; display: block; position: relative; margin: 5px 0 10px 0; }

.hint a { text-decoration: underline; color: #fff; transition: 0.2s; }

.hint a:hover { color: #ddd; text-decoration: underline; }

.hint .hint-btn { margin: 20px 15px 5px 0; border: 2px solid rgba(255, 255, 255, 0.9); color: #fff; display: inline-block; padding: 3px 30px; border-radius: 3px; text-transform: uppercase; font-weight: bold; font-size: 11px; text-decoration: none; }

.hint .hint-btn:hover { background: #fff; color: #eb5986; text-decoration: none; }

.hint .approve-clock { display: block; margin-top: 8px; position: relative; pointer-events: none; }

.hint .approve-hint-tags { margin-top: 15px; margin-left: -2px; }

.hint .approve-hint-tags button { border: 1px solid #fff; background: rgba(255, 255, 255, 0.3); border-radius: 4px; color: #fff; font-weight: 700; cursor: pointer; margin: 0 2px 6px 2px; }

#ts-popup-approve-tracker .table-loading { height: 130px; margin-top: 10px; }

.ts-week-approve-day { background: #eee; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 8px 14px; font-weight: 700; color: #444; }

.ts-week-approve-day span { opacity: 0.5; }

.ts-week-approve-day:first-child { border-top: none; }

.ts-week-approve-day .day-chackmark { margin: 0 8px 0 -2px; }

.ts-week-approve-day label { margin: 0 !important; cursor: pointer; }

#ts-approve-show { padding: 0; }

#ts-approve-user-show .line { padding: 0rem .75rem .05rem .75rem; line-height: 30px; height: 40px; }

#ts-approve-user-show .line .ts-approve-list--type { top: 4px; }

.ts-approve-list .line { padding: .275rem .75rem .05rem .75rem; display: block; width: 100%; border-bottom: 1px solid #f5f5f5; font-size: 14px; }

.ts-approve-list .line:last-child { border-bottom: none !important; }

.ts-approve-list .line[data-project-type="ebédszünet"] .ts-approve-list--type .wrap:before { content: '🍽'; }

.ts-approve-list .line[data-project-type="feltöltődés"] .ts-approve-list--type .wrap:before { content: '☕️'; display: block; }

.ts-approve-list .line[data-project-type="szabadság"] .ts-approve-list--type .wrap:before { content: '🏖️'; display: block; }

.ts-approve-list .line[data-project-type="betegszabadság"] .ts-approve-list--type .wrap:before { content: '💊'; display: block; }

.ts-approve-list .line[data-project-type="munkaszünet"] .ts-approve-list--type .wrap:before { content: '🇭🇺'; display: block; }

.ts-approve-list .line[data-project-type="free"] .ts-approve-list--type .wrap:before { content: '⌛️'; display: block; }

.ts-approve-list .line[data-project-type="megbeszélés"] .ts-approve-list--type .wrap:before { content: '🗣️'; display: block; }

.ts-approve-list .line[data-project-type="adminisztráció"] .ts-approve-list--type .wrap:before { content: '📄'; display: block; }

.ts-approve-list .line[data-project-type="rendezvény"] .ts-approve-list--type .wrap:before, .ts-approve-list .line [data-project-type="esemény"] .ts-approve-list--type .wrap:before { content: '🎊'; display: block; }

.ts-approve-list .wrap { display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; margin: 5px 20px 0 0; position: absolute; top: -1px; left: 5px; min-width: 20px; }

.ts-approve-list .wrap:before { animation: showCompanyLogo 0.18s linear backwards; }

.ts-approve-list .company-logo { width: 30px; margin-right: 2px; animation: showCompanyLogo 0.18s linear backwards; }

@keyframes showCompanyLogo { 0% { opacity: 0;
    transform: scale(0.6); }
  100% { opacity: 1; } }

.ts-approve-list--title { display: inline-block; width: 220px; height: 23px; position: relative; margin: 0 0 0 0px; font-weight: bold; color: #555; }

.ts-approve-list--type { display: inline-block; margin: 0 0 0 10px; width: 80px; display: inline-block; height: 23px; position: relative; color: #aaa; font-size: 12px; line-height: 24px; }

.ts-approve-list--time { display: inline-block; margin: 0 0 0 20px; width: 120px; position: relative; height: 23px; color: #555; }

.ts-approve-list--user { display: inline-block; width: 170px; height: 23px; position: relative; margin: 0 0px 0 10px; font-weight: bold; color: #444; }

.ts-approve-list--user img { margin: 0; height: 27px; margin-right: 7px; border: 0.5px solid #fff; box-shadow: 0 2px 4px 0 rgba(43, 43, 43, 0.15); margin-top: -3px; position: absolute; left: -28px; top: 6px; }

.ts-approve-list--status { display: inline-block; width: 220px; height: 23px; position: relative; margin: 0 0 0 0px; font-weight: bold; }

.ts-approve-list--status[data-status-type="1"] { color: #aaa !important; }

.ts-approve-list--status[data-status-type="1"] { color: #7ca948 !important; }

.ts-approve-list--status[data-status-type="2"] { color: #ef5350; }

.ts-approve-list--status[data-status-type="4"] { color: #21acd8; }

.ts-approve-list--status img { height: 25px; margin: 0 5px 0 0; }

.ts-approve-list .link-edit { float: right; margin-top: 5px; }

.select2-result-repository { padding-top: 4px; padding-bottom: 3px; }

.select2-result-repository__avatar { float: left; width: 40px; margin-right: 10px; }

.select2-result-repository__avatar img { width: 100%; height: auto; }

.select2-result-repository__title { font-weight: 700; word-wrap: break-word; line-height: 1.1; margin-bottom: 4px; }

[data-ts-edit] { cursor: pointer; }

.satelite { animation: float 6s ease-in-out infinite; position: absolute; top: -30px; width: 100px; right: 80px; display: none; }

@keyframes float { 0% { transform: translatey(10px); }
  50% { transform: translatey(-5px) rotate(-5deg); }
  100% { transform: translatey(10px); } }

.magic { animation: float 2s ease-in-out infinite; position: absolute; top: -30px; width: 150px; right: 80px; display: none; }

@keyframes float { 0% { transform: translatey(10px); }
  50% { transform: translatey(-5px); }
  100% { transform: translatey(10px); } }

#ts-riport { min-height: 300px; width: 1100px; min-width: 1020px; height: auto !important; position: absolute !important; }

#ts-riport.only-one-project .riport-project-big-details-back { display: none !important; opacity: 0; pointer-events: none; }

#ts-riport.only-one-project #ts-riport-add-btn, #ts-riport.only-one-project .ts-riport-remove-added-line, #ts-riport.only-one-project .ts-riport-added-projects, #ts-riport.only-one-project [data-ts-popup-riport-block="raw"], #ts-riport.only-one-project .riport-user-inset-project-canvas, #ts-riport.only-one-project .riport-user-inset .riport-user-inset-project-container .riport-user-inset-project-block .indicator, #ts-riport.only-one-project .riport-project-big-details-back { display: none; }

#ts-riport.only-one-project .riport-project-details-container .card-body.padding { padding: 5px 40px 20px 40px !important; }

#ts-riport.riport-project-details-active .riport-project-details { display: block; }

#ts-riport.riport-project-details-active .riport-project-big-details { display: none; }

#ts-riport #ts-start-riport .fa { display: none; line-height: 20px; }

#ts-riport #ts-start-riport { font-weight: normal; }

#ts-riport.in-progress #ts-start-riport { animation: blink 0.8s infinite; pointer-events: none; }

#ts-riport.in-progress #ts-start-riport .fa { display: inline-block; line-height: 20px; height: 20px; }

#ts-riport.in-progress #ts-start-riport b { display: none; }

#ts-popup-page-riport-user, #ts-popup-page-riport-company { min-height: 400px; padding-bottom: 55px; }

.popup-fly { position: absolute; right: 20px; top: -2px; width: 800px; height: auto; min-height: 280px; background: #fff; border-radius: 0 0 5px 5px; border: 1px solid #ddd; background-size: 120px auto; background-repeat: no-repeat; background-position: 90% 20px; transition: 0.2s; padding: 5px 15px; box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.1); padding-left: 190px; }

.popup-fly.hide-panel { transform: translateY(-100%); }

.popup-fly .btn-close-fly { position: absolute; right: 10px; top: 10px; }

.popup-fly .hide-fly { background: orange; border: none; border-radius: 0 0 15px 15px; position: absolute; bottom: -35px; height: 35px; right: 30px; width: 140px; line-height: 15px; color: #fff; padding: 0 !important; cursor: pointer; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }

.popup-fly .hide-fly:active, .popup-fly .hide-fly:focus { outline: none; box-shadow: 0; }

.popup-fly .icon { position: absolute; top: 70px; width: 150px; left: 28px; }

@keyframes float { 0% { transform: translatey(3px); }
  50% { transform: translatey(-2px); }
  100% { transform: translatey(3px); } }

.ts-popup-cover { height: 100%; display: block; height: 190px; background-size: auto 300px; background-position: 0% 10%; background-repeat: no-repeat; background: linear-gradient(to right, #756082 0%, #24407d 100%); }

#ts-riport-block .card-body { background: #fefefe; }

.ts-popup .card-body { background: #f9f9f9; }

.ts-approve-items-alert .grf-ts-project.open-popup, .ts-approve-items-alert .nav-link.grf-ts-project i { color: #f45846 !important; }

.ts-approve-items-alert .show-input-alert { display: block !important; animation: blink 2s infinite; font-size: 11px; position: absolute; right: 6%; bottom: 20px; }

.ts-approve-items-alert .show-input-alert:hover span { text-decoration: underline; }

.relation { position: absolute; right: -6%; top: 10%; color: #aaa; }

.paper { width: 90%; display: block; background: #fff; min-height: 250px; margin: -140px auto 0px auto; border-radius: 3px; box-shadow: 1px 1px 3px rgba(50, 50, 93, 0.1); border: 1px solid #ddd; }

.paper .form-control, .paper .select2 { background: #fff !important; opacity: 1 !important; }

.paper .icon { position: relative; top: 10px; width: 90%; left: -10px; margin-right: 30px; float: left; }

.paper-cover { background: #f1f1f1; min-height: 250px; display: block; position: relative; margin-bottom: 0px; background: linear-gradient(to bottom, #fff 90%, #fcfcfc 100%); padding-top: 30px; padding-bottom: 50px; border-bottom: 1px solid #f1f1f1; }

.paper-cover button.btn-green { margin-top: 5px; }

.paper .card-body { padding: 30px 50px 50px 50px; }

.paper .card-body h3 { text-align: center; margin-bottom: 25px; }

.paper .card-body.padding { padding: 40px 70px; }

.paper .paper-container { width: 100%; max-width: 850px; margin: auto; display: block; position: relative; }

.paper .select2-container .select2-selection { max-height: 115px; overflow: hidden; position: relative; transition: 0.2s; }

.paper .select2-container--open .select2-selection { max-height: inherit !important; overflow: hidden; position: relative; }

.select2-container .select2-selection { max-height: 115px; overflow: hidden; position: relative; transition: 0.2s; }

.ts-riport-blocks { width: 100%; max-width: 100%; margin: auto; display: block; position: relative; }

.ts-riport-blocks .card-body h4 { margin-bottom: 5px !important; font-size: 18px; }

.ts-riport-blocks .card { background: #fcfcfc; animation: showTrackingTypeCard 0.2s linear backwards; }

#orak-info_tab h4 { animation: showTrackingTypeCard 0.2s linear backwards; animation-delay: 0.1s; }

.ts-riport-blocks .mb-3:nth-child(2) .card { animation-delay: 0.1s; }

.ts-riport-blocks .mb-3:nth-child(3) .card { animation-delay: 0.2s; }

.ts-riport-blocks .mb-3:nth-child(4) .card { animation-delay: 0.3s; }

.ts-riport-blocks .mb-3:nth-child(5) .card { animation-delay: 0.4s; }

.ts-riport-blocks .mb-3:nth-child(6) .card { animation-delay: 0.5s; }

#orak-info_tab .table-responsive { animation: showTrackingTypeCard 0.2s 0.3s linear backwards; border-radius: 4px; border: 1px solid #dee2e6; }

.tracking-chart-anim { animation: showTrackingTypeCard 0.2s 0.4s linear backwards; }

@keyframes showTrackingTypeCard { 0% { opacity: 0;
    transform: translateY(20px); }
  100% { opacity: 1; } }

.tracking-types-icon { font-size: 40px; opacity: 0.8; display: inline-block; margin-right: 20px; position: absolute; right: 0px; top: 8px; }

.ui-tooltip { z-index: 99999999999 !important; }

.current-change { animation: currentChange 2s cubic-bezier(0.25, 0.1, 0.25, 1.2) both !important; transform-origin: 50% 50%; background: #888 !important; color: #fff !important; transition: 0.2s; }

.current-change div { color: #fff !important; }

.trophy-box { position: absolute !important; bottom: -180px; right: 5px; display: block; z-index: 5; }

.trophy-box svg { fill: #fff; width: 200px; }

.trophy-box .photo { height: 44px !important; width: 44px !important; border: 2px solid #fff; box-shadow: 0 5px 10px 0 rgba(43, 43, 43, 0.15); margin-top: -5px; display: block; position: absolute !important; border-radius: 100%; z-index: 10; background-color: #fff; display: none; background-size: cover; background-position: 50% 50%; }

.trophy-box .photo b { position: absolute; bottom: -12px; left: 0px; width: 100%; font-weight: bold !important; background: #fff; color: #444; border-radius: 8px; display: block; text-align: center; padding: 0px 3px; font-size: 8px; line-height: 14px; box-shadow: 0 5px 10px 0 rgba(43, 43, 43, 0.15); }

.trophy-box .photo.photo-2 { top: 254px; left: 25px; width: 40px !important; height: 40px !important; }

.trophy-box .photo.photo-0 { top: 205px; left: 77.5px; }

.trophy-box .photo.photo-1 { top: 238px; left: 136px; width: 40px !important; height: 40px !important; }

.pentahedron { position: absolute; width: 100%; height: 100%; fill: #3E82F7; }

.point { fill: #8491A3; }

.rhombus { fill: #2DA94F; stroke: #2DA94F; }

.x { fill: #FDBD00; }

.circle { fill: #ED412D; }

#move svg { display: block; width: 30px; height: 30px; position: absolute; transform: translateZ(0px); }

#move { position: fixed; bottom: 0px; right: 0px; height: 100%; width: 500px; opacity: 1; }

.ts-riport-remove-added-line { position: absolute; top: -9px; right: -7px; cursor: pointer; font-size: 18px; color: #ef5350; }

.ts-riport-added-projects .row { border: 1px dashed #ccc; padding: 10px 0 5px 0; border-radius: 5px; margin-bottom: 15px; position: relative; background: #fafafa; animation: showAppendLine 0.2s cubic-bezier(0.25, 0.1, 0.25, 1.2) both; transform-origin: 50% 50%; }

.ts-riport-added-projects .row .client-logo { display: inline-block; width: 30px; height: 30px; position: absolute; right: 3px; background-size: 100% auto; background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #ced4da; background-color: #fff; border-radius: 100%; border: 2px solid #fff; box-shadow: 0 4px 5px 0 rgba(43, 43, 43, 0.12); animation: showAppendLine 0.2s cubic-bezier(0.25, 0.1, 0.25, 1.2) both; }

@keyframes showAppendLine { 0% { opacity: 0;
    transform: translateY(0px) scale(0.95); }
  100% { opacity: 1; } }

#ts-riport-add-btn { margin: auto; float: inherit; display: block; }

#ts-riport-no-result { display: none; text-align: center; font-size: 17px; color: #999; margin-bottom: 20px; position: relative; }

#ts-riport-no-result i { font-size: 30px; color: #777; display: block; top: 5px; margin: 0 20px 20px 0; position: relative; }

.highlight { background: #F7931E; font-weight: 900; color: #fff; border-radius: 3px; padding: 2px 5px; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); }

.highlight.green { background: #9ccc65; }

[data-riport-userid] { cursor: pointer; }

body .riport-user-block { border-top: 1px solid #dee2e6; padding: 0 !important; }

body .riport-user-block td { background: #fff; padding: 0 !important; }

#ts-riport-users-table .avatar { height: 30px; border-radius: 100%; margin-right: 10px; display: inline-block; border: 0.5px solid #fff; box-shadow: 0 2px 4px 0 rgba(43, 43, 43, 0.15); max-width: 30px; }

.riport-user-inset { animation: showAppendLine 0.1s cubic-bezier(0.25, 0.1, 0.25, 1) both; }

.riport-user-inset .riport-links { display: block; text-align: right; width: 85%; margin: -10px auto 20px; color: #444; position: relative; }

.riport-user-inset .riport-links a { margin: 0 0 0 30px; transition: 0.2s; }

.riport-user-inset .riport-links a:hover span { text-decoration: underline; }

.riport-user-inset .riport-user-inset-project-container { margin: 35px auto 30px; width: 90%; position: relative; padding: 0; box-shadow: 0 2px 5px rgba(50, 50, 93, 0.03), 0px 2px 2px rgba(200, 200, 200, 0.1); border: 1px solid #dee2e6 !important; border-radius: 3px; }

.riport-user-inset .riport-user-inset-project-container .riport-user-inset-project-block { border-bottom: 1px solid #f8f8f8; display: block; overflow: hidden; cursor: pointer; line-height: 40px; padding: 0px 10px; position: relative; background: #f3f4f6; transition: 0.2s; font-size: 14px; padding-left: 50px; border-bottom: 1px solid #dee2e6; padding-top: 16px; }

.riport-user-inset .riport-user-inset-project-container .riport-user-inset-project-block .client-logo { width: 25px; position: absolute; left: 15px; top: 50%; transform: translate(0%, -50%); }

.riport-user-inset .riport-user-inset-project-container .riport-user-inset-project-block.open { background: #f8f9fa; }

.riport-user-inset .riport-user-inset-project-container .riport-user-inset-project-block:last-child { border-bottom: none; }

.riport-user-inset .riport-user-inset-project-container .riport-user-inset-project-block .small-client { display: block; position: absolute; top: -3px; font-size: 10px; text-transform: uppercase; left: 50px; color: #aaa; }

.riport-user-inset .riport-user-inset-project-container .riport-user-inset-project-block .indicator { display: inline-block; width: 15px; height: 15px; margin: 0 10px 0 0; border-radius: 100%; position: absolute; right: 10px; top: 50%; transform: translate(0%, -50%); border: 1px solid #fafafa; box-shadow: 0 4px 4px 0 rgba(43, 43, 43, 0.05); }

.riport-user-inset .riport-user-inset-project-container .riport-user-inset-project-block .highlight { background: #9ccc65; }

.riport-user-inset .riport-user-inset-project-container .riport-user-inset-project-block.time-off { padding-top: 0px; padding-left: 50px; line-height: 50px; background: #fff9f2; box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.05) inset; }

.riport-user-inset .riport-user-inset-project-container .riport-user-inset-project-block.time-off:before { content: "\f011"; position: absolute; left: 18px; top: 15px; font: normal normal normal 20px/1 FontAwesome; opacity: 0.4; }

.riport-user-inset .riport-user-inset-project-container .riport-user-inset-project-block.time-off .time-off-title { font-weight: bold; }

.riport-user-inset .riport-user-inset-project-container .riport-user-inset-project-block.time-off .highlight { background: #F7931E; }

.riport-user-inset .riport-user-inset-project-container .riport-user-inset-project-block.time-off + div.riport-user-inset-project-block-open .highlight { background: #F7931E !important; }

.riport-user-inset .riport-user-inset-project-canvas { display: block; width: 700px; min-height: 300px; position: relative; margin: 40px  auto 40px; }

.chart canvas { margin: 10px auto; }

[data-ts-popup-riport-block="jobs"] .canvas-data:hover .canvas-data-block-name { opacity: 0.3; }

[data-ts-popup-riport-block="jobs"] .canvas-data:hover a.canvas-data-block-name { opacity: 1 !important; }

.canvas-data { text-align: center; display: block; margin: 20px auto 0 auto; max-width: 700px; }

.canvas-data-block { display: inline-block; text-align: left; line-height: 30px; margin: 0 25px 5px 0; position: relative; padding-left: 20px; font-size: 14px; }

.canvas-data-block .highlight { background: #9ccc65; }

.canvas-data-block .highlight[data-highlight-type="Megbeszélés"], .canvas-data-block .highlight[data-highlight-type="Adminisztráció"], .canvas-data-block .highlight[data-highlight-type="Free"], .canvas-data-block .highlight[data-highlight-type="Munkaszünet"], .canvas-data-block .highlight[data-highlight-type="Ebédszünet"], .canvas-data-block .highlight[data-highlight-type="Szabadság"], .canvas-data-block .highlight[data-highlight-type="Betegszabadság"], .canvas-data-block .highlight[data-highlight-type="Feltöltődés"] { background: #F7931E; }

.canvas-data .canvas-data-block-name { cursor: normal; transition: 0.2s; }

.canvas-data a.canvas-data-block-name { font-weight: bold; cursor: pointer; color: #333; }

.canvas-data a.canvas-data-block-name:hover { text-decoration: underline; }

.canvas-data .indicator { display: inline-block; width: 15px; height: 15px; margin: 0 10px 0 0; border-radius: 100%; position: absolute; left: 0px; top: 50%; transform: translate(0%, -50%); border: 1px solid #fafafa; box-shadow: 0 4px 4px 0 rgba(43, 43, 43, 0.05); }

.canvas-data .canvas-data-sum { background: #fafafa; display: block; margin: 20px auto 5px auto; border-radius: 5px; color: #111; line-height: 40px; font-size: 18px; background: #9ccc65; font-weight: 900; color: #fff; border-radius: 3px; padding: 2px 5px; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); }

.riport-user-inset-project-block-open { background: #fff; box-shadow: 0 0 3px rgba(150, 150, 193, 0.2) inset; border-bottom: 1px solid #fafafa; }

.riport-user-inset-project-block-open[data-riport-open-project-block="Feltöltődés"] .highlight, .riport-user-inset-project-block-open[data-riport-open-project-block="Ebédszünet"] .highlight { background: #F7931E !important; }

.riport-user-inset-project-block-open:last-child { border-bottom: none; }

.riport-user-inset-project-block-open:nth-child(2) { background: #fff; }

.riport-user-inset-project-block-open .riport-ts-item { display: block; border-bottom: 1px solid rgba(200, 200, 200, 0.2); transform-origin: 50% 50%; box-sizing: border-box; padding: 2px 20px 2px 15px; position: relative; }

@keyframes riportTsItem { 0% { opacity: 0;
    transform: scale(0.8); }
  100% { opacity: 1; } }

.riport-user-inset-project-block-open .riport-ts-item-title { cursor: pointer; }

.riport-user-inset-project-block-open .riport-ts-item-title:hover { text-decoration: underline; }

.riport-user-inset-project-block-open .riport-ts-item-edit { float: right; opacity: 0.5; transition: 0.1s; display: block; width: 40px; text-align: center; margin-right: -14px; position: absolute; top: 3px; right: 20px; }

.riport-user-inset-project-block-open .riport-ts-item-edit i { pointer-events: none; }

.riport-user-inset-project-block-open .riport-ts-item-edit:hover { opacity: 1; }

.riport-user-inset-project-block-open .riport-ts-item-clock { overflow: hidden; width: 270px; float: left; display: inline-block; }

.riport-user-inset-project-block-open .riport-ts-item-clock .date { width: 160px; display: inline-block; color: #999; font-size: 12px; }

.riport-user-inset-project-block-open .riport-ts-item-clock .times { font-weight: bold; color: #555; font-variant-numeric: tabular-nums; }

.riport-user-inset-project-block-open .riport-ts-item-timer { margin: 0 0 0 15px; width: 67px; display: inline-block; }

.riport-user-inset-project-block-open .riport-ts-item-timer .highlight { background: #9ccc65; }

.riport-user-inset-project-block-open .riport-ts-item-status { width: 40px; display: inline-block; font-weight: bold; color: #888; font-size: 11px; }

.riport-user-inset-project-block-open .riport-ts-item-type { color: #888; font-size: 12px; width: 120px; display: inline-block; text-overflow: ellipsis; white-space: nowrap !important; }

.riport-user-inset-project-block-open .riport-ts-item-comment { overflow: hidden; color: #888; font-size: 12px; line-height: 19px; position: relative; }

.riport-user-inset-project-block-open .riport-ts-item-comment.comment-commented:before { content: "\f27b"; margin-right: 5px; font: normal normal normal 14px/1 FontAwesome; opacity: 0.4; }

.riport-user-inset-project-block-open .riport-ts-item-comment.comment-long { display: block; width: 100%; margin: 3px 0 10px 0; }

.riport-user-inset-project-block-open .riport-ts-item [data-riport-item-status="1"] { color: #7ca948 !important; }

.riport-user-inset-project-block-open .riport-ts-item [data-riport-item-status="2"] { color: #ef5350; }

.riport-user-inset-project-block-open .riport-ts-item [data-riport-item-status="4"] { color: #21acd8; }

.highlight-block { color: #4bbd93 !important; font-size: 14px; line-height: 1em; font-weight: 400; text-transform: uppercase; border-radius: 5px; padding: 5.5px 22px; }

.highlight-block h2 { color: #4bbd93 !important; font-size: 14px; line-height: 1em; font-weight: 400; text-transform: uppercase; border-radius: 5px; padding: 5.5px 22px; }

.ts-riport-project-header { display: none; border-bottom: 1px solid #eee; margin-bottom: 40px; padding-bottom: 50px; }

.poppins { font-family: Poppins,serif !important; }

b.poppins { font-weight: 700; color: #0f0e6b; }

.pl-block { background: linear-gradient(190deg, #ebf4fd, rgba(255, 255, 255, 0) 45%); }

.pl-top-mini { font-family: Poppins,serif; font-size: 11px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; color: #00b6c8; }

.pl-hl { color: #2f2e8b; -webkit-font-smoothing: antialiased; font-family: Poppins,serif; font-size: 30px; font-weight: 700; line-height: 51px; }

.pl-shl { word-break: break-word; white-space: pre-line; font-size: 16px !important; font-weight: 400 !important; line-height: 28px !important; font-family: Poppins,serif; width: 70%; margin: 0px auto 10px; -webkit-font-smoothing: antialiased; }

.pl-shl-txt { word-break: break-word; white-space: pre-line; font-size: 21px; font-weight: 600; line-height: 32px; font-family: Poppins,serif; -webkit-font-smoothing: antialiased; }

.pl-txt { font-size: 17px; font-weight: 400; line-height: 28px; font-family: Poppins,serif; -webkit-font-smoothing: antialiased; }

.pl-small-block-type, .ts-riport-blocks .card-body h4 { color: #f6b73e; font-size: 12px; font-weight: 700; line-height: 22px; font-family: Poppins,serif; -webkit-font-smoothing: antialiased; text-transform: uppercase; }

.ts-riport-blocks .mini { font-size: 12px; color: #777; line-height: 1.5em; display: block; }

.ts-riport-blocks .mini:first-child { margin-top: 20px; }

.pl-sum { margin: 30px auto 5px auto; max-width: 600px; font-family: Poppins,serif; -webkit-font-smoothing: antialiased; }

.pl-num, [data-tracking-type] { font-family: Poppins,serif; -webkit-font-smoothing: antialiased; font-weight: 600; font-size: 24px; color: #222; display: block; height: 35px; }

[data-tracking-type] { font-size: 34px; color: #0f0e6b; margin-bottom: 15px; display: block; position: relative; line-height: 1.3em; }

.riport-project-big-details { animation: showProjectDeatails 0.2s cubic-bezier(0.25, 0.1, 0.25, 1.2) both !important; }

.riport-project-details { display: none; animation: showProjectDeatails 0.2s cubic-bezier(0.25, 0.1, 0.25, 1.2) both !important; transform-origin: 50% 50%; }

.riport-project-details-header { text-align: center; padding: 30px 0 30px 0; border-bottom: 1px solid #eee; }

.riport-project-details-container .card-body { padding-bottom: 70px !important; }

@keyframes showProjectDeatails { 0% { opacity: 0;
    transform: scale(1.1); }
  100% { opacity: 1; } }

.riport-users-mini .card { height: 170px; }

.riport-users-mini .card .card-body { padding: 30px 50px 50px 30px; }

.riport-project-details-container .card-body.padding { padding-top: 20px; }

.riport-project-details-container-content h4 { color: #2f2e8b !important; margin-top: 20px; }

.riport-project-details-container-content .riport-links { display: block; text-align: center; width: 90%; margin: -15px auto 20px; color: #444; }

.riport-project-details-container-content .riport-links a { margin: 0 0 0 30px; transition: 0.2s; }

.riport-project-details-container-content .riport-links a:hover span { text-decoration: underline; }

.riport-project-details-container-content-all-time { background: #fff; box-shadow: 0 2px 5px rgba(50, 50, 93, 0.03), 0px 2px 2px rgba(200, 200, 200, 0.1); display: block; margin: 10px auto 30px auto; border: 1px solid #dee2e6 !important; border-radius: 3px; }

.riport-project-details-container-content-all-time[data-riport-open-project-block="Feltöltődés"] .highlight, .riport-project-details-container-content-all-time[data-riport-open-project-block="Ebédszünet"] .highlight { background: #F7931E !important; }

.riport-project-details-container-content-all-time:last-child { border-bottom: none; }

.riport-project-details-container-content-all-time:nth-child(2) { background: #fff; }

.riport-project-details-container-content-all-time .riport-ts-item { display: block; border-bottom: 1px solid rgba(200, 200, 200, 0.2); transform-origin: 50% 50%; box-sizing: border-box; padding: 2px 20px 2px 15px; position: relative; line-height: 35px; overflow: hidden; }

.riport-project-details-container-content-all-time .riport-ts-item:nth-child(2n) { background: #fafafa; }

@keyframes riportTsItem { 0% { opacity: 0;
    transform: scale(0.8); }
  100% { opacity: 1; } }

.riport-project-details-container-content-all-time .riport-ts-item-title { cursor: pointer; }

.riport-project-details-container-content-all-time .riport-ts-item-title:hover { text-decoration: underline; }

.riport-project-details-container-content-all-time .riport-ts-item-edit { float: right; opacity: 0.5; transition: 0.1s; display: block; width: 40px; text-align: center; margin-right: -14px; position: absolute; top: 3px; right: 20px; }

.riport-project-details-container-content-all-time .riport-ts-item-edit i { pointer-events: none; }

.riport-project-details-container-content-all-time .riport-ts-item-edit:hover { opacity: 1; }

.riport-project-details-container-content-all-time .riport-ts-item .avatar { float: left; height: 30px; max-width: 30px; border-radius: 100%; margin-right: 5px; display: inline-block; border: 0.5px solid #fff; box-shadow: 0 2px 4px 0 rgba(43, 43, 43, 0.15); top: 3px; left: -5px; position: relative; }

.riport-project-details-container-content-all-time .riport-ts-item-user { overflow: hidden; width: 110px; max-width: 110px; float: left; display: inline-block; font-weight: bold; display: inline-block; text-overflow: ellipsis; white-space: nowrap; }

.riport-project-details-container-content-all-time .riport-ts-item-user .date { width: 160px; display: inline-block; color: #999; font-size: 12px; }

.riport-project-details-container-content-all-time .riport-ts-item-user .times { font-weight: bold; color: #555; font-variant-numeric: tabular-nums; }

.riport-project-details-container-content-all-time .riport-ts-item-clock { overflow: hidden; width: 270px; float: left; display: inline-block; }

.riport-project-details-container-content-all-time .riport-ts-item-clock .date { width: 160px; display: inline-block; color: #999; font-size: 12px; }

.riport-project-details-container-content-all-time .riport-ts-item-clock .times { font-weight: bold; color: #555; font-variant-numeric: tabular-nums; }

.riport-project-details-container-content-all-time .riport-ts-item-timer { margin: 0 0 0 15px; width: 67px; display: inline-block; float: left; }

.riport-project-details-container-content-all-time .riport-ts-item-timer .highlight { background: #9ccc65; }

.riport-project-details-container-content-all-time .riport-ts-item-status { width: 40px; display: inline-block; font-weight: bold; color: #888; font-size: 11px; }

.riport-project-details-container-content-all-time .riport-ts-item-type { color: #888; font-size: 12px; overflow: hidden; width: 100px; max-width: 100px; margin-right: 17px; float: left; display: inline-block; display: inline-block; text-overflow: ellipsis; white-space: nowrap; }

.riport-project-details-container-content-all-time .riport-ts-item-comment { overflow: hidden; color: #888; font-size: 12px; line-height: 19px; position: relative; border-top: 1px dotted #eee; }

.riport-project-details-container-content-all-time .riport-ts-item-comment.comment-commented { padding: 5px 0 0 0; margin-top: 15px; position: relative; display: block; margin: 0 0 20px 0; text-align: left; }

.riport-project-details-container-content-all-time .riport-ts-item-comment.comment-commented:before { content: "\f27b"; margin-right: 5px; font: normal normal normal 14px/1 FontAwesome; opacity: 0.4; }

.riport-project-details-container-content-all-time .riport-ts-item-comment.comment-long { display: block; width: 100%; margin: 3px 0 10px 0; }

.riport-project-details-container-content-all-time .riport-ts-item [data-riport-item-status="1"] { color: #7ca948 !important; }

.riport-project-details-container-content-all-time .riport-ts-item [data-riport-item-status="2"] { color: #ef5350; }

.riport-project-details-container-content-all-time .riport-ts-item [data-riport-item-status="4"] { color: #21acd8; }

#welcome-screen { background: #503058; background: linear-gradient(160deg, #503058 0%, #503058 25%, #37243a 100%); position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; display: none !important; z-index: 100; }

#welcome-screen .box { top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 600px; color: #233; -webkit-font-smoothing: antialiased; font-family: Poppins,serif; font-size: 30px; font-weight: 900; line-height: 51px; display: block; border: 1px solid red; position: relative; max-width: 500px; width: 90%; -ms-flex-align: center; align-items: center; background-color: #fff; border-radius: 20px; box-shadow: 0 0.4px 3.6px rgba(0, 0, 0, 0.004), 0 1px 8.5px rgba(0, 0, 0, 0.01), 0 1.9px 15.7px rgba(0, 0, 0, 0.019), 0 3.4px 28.2px rgba(0, 0, 0, 0.03), 0 6.3px 54.4px rgba(0, 0, 0, 0.047), 0 15px 137px rgba(0, 0, 0, 0.07); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; width: 336px; }

#ts-popup-page-manual-tracker .card-body { position: relative; box-sizing: border-box; }

.ts-week-hour { position: absolute; right: 20px; top: 16px; }

.ts-week-hour b { display: block; line-height: 16px; text-align: center; }

.ts-week-hour span { line-height: 36px; padding: 0 12px; display: inline-block; opacity: 0.7; }

[data-ts-riport="types"] { display: block; position: relative; margin: 20px 0 0 0; background: rgba(200, 200, 100, 0.1); padding: 8px 0 15px 0; }

[data-ts-riport="types"]:before { content: 'Feladatok:'; display: block; color: #757575; position: relative; margin-bottom: 5px; }

[data-ts-riport="types"] button { border: none; box-shadow: none; cursor: pointer; outline: none; background: #9ccc65; }

[data-ts-riport="types"] button.inactive { background: #999; }

#chat-line { position: fixed; bottom: 0px; left: 265px; display: block; height: 0px; width: auto; z-index: 999999993; white-space: nowrap; }

@media (max-width: 1350px) { #chat-line { left: 90px; } }

@media (max-width: 995px) { #chat-line { left: 25px; } }

.chat-block { white-space: initial; background: #fff; display: inline-block; position: relative; bottom: 40px; width: 300px; box-shadow: 3px 5px 10px rgba(50, 50, 93, 0.3); border: 1px solid #ddd; border-radius: 3px; transition: 0.2s; margin-right: 10px; }

.chat-block.show { bottom: 380px; }

.chat-block.show .chat-block--header { background: #444 !important; }

.chat-block.new-message .chat-block--header { animation: chatNewNotif 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); animation-iteration-count: 4; transform-origin: 50% 50%; }

@keyframes chatNewNotif { 50% { opacity: 0.3;
    background: #9ccc65 !important; }
  0%, 100% { opacity: 1;
    background: #9ccc65 !important; } }

.chat-block--header { background: #888; color: #fff !important; display: block; padding: 5px 5px 5px 10px; font-size: 15px; border-top-left-radius: 3px; border-top-right-radius: 3px; height: 40px; padding-left: 50px; cursor: pointer; }

.chat-block--header:hover { background: #9ccc65; }

.chat-block--header .avatar { height: 28px; width: 28px; margin: 5px; position: absolute; left: 5px; top: 2px; border: 2px solid rgba(200, 200, 200, 0.5); box-shadow: 0 5px 10px 0 rgba(43, 43, 43, 0.15); filter: grayscale(1); opacity: 0.6; }

.chat-block--header .avatar.active { border: 2px solid rgba(0, 255, 0, 0.5); filter: grayscale(0); opacity: 1; }

.chat-block--header-name { display: inline-block; font-weight: bold; line-height: 30px; }

.chat-block--header .fa { cursor: pointer; }

.chat-block--header .fa-times { position: absolute; right: 10px; top: 11px; z-index: 5; }

.chat-block--header .fa-minus { position: absolute; right: 34px; top: 15px; }

.chat-block--header .chat-angle { position: absolute; right: 34px; top: 15px; font-weight: bold; font-size: 19px; display: none; }

.chat-block--content { width: 100%; height: 300px; display: block; background: #fafafa; }

.chat-block .chat-block--footer { display: block; position: relative; }

.chat-block .emoji-line { position: absolute; z-index: 2; top: 1px; left: 0px; background: #fff; height: 100%; width: calc(100% - 65px); border: 1px solid red; }

.inbox-msg { height: 300px; box-sizing: border-box; padding: 10px; overflow: auto; position: relative; }

.inbox-msg::-webkit-scrollbar-track { border-radius: 0px; background-color: transparent; padding: 5px; }

.inbox-msg::-webkit-scrollbar { width: 8px; background-color: transparent; padding: 5px; }

.inbox-msg::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #222; margin: 0 2px 0 0; }

.inbox-msg .table-loading { position: absolute; width: calc(100% - 12px); height: 100%; top: 0px; }

.inbox-msg .table-loading:after { margin-left: -25px; }

.inbox-msg .msg { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 30px; position: relative; -ms-word-break: break-all; word-break: break-all; /* Non standard for webkit */ word-break: break-word; -ms-hyphens: auto; hyphens: auto; }

.inbox-msg .msg .msg-text { word-wrap: break-all; overflow-wrap: break-all; }

.inbox-msg .msg .msg-text a { text-decoration: underline; word-wrap: break-all; overflow-wrap: break-all; }

.inbox-msg .msg.other + .msg.other { margin-top: -10px; }

.inbox-msg .msg.me { -ms-flex-pack: end; justify-content: flex-end; }

.inbox-msg .msg.me .msg-content.msg-text { background-color: #006AFF; color: white; }

.inbox-msg .msg.me .msg-content.msg-text a { color: #fff; }

.inbox-msg .msg.me + .msg.me { margin-top: -10px; }

.inbox-msg .msg.me .msg-date { right: 0px !important; left: inherit !important; }

.inbox-msg .msg.me .msg-date span { cursor: help; }

.inbox-msg .msg.me .msg-gif { text-align: right; width: 70%; }

.inbox-msg .msg .msg-content { border-radius: 15px; position: relative; max-width: 100%; }

.inbox-msg .msg .msg-content iframe { width: 250px; display: block; position: relative; margin: 5px 0 5px 0; border-radius: 2px; }

.inbox-msg .msg .msg-content img { width: 100%; margin: 5px 0 5px 0; }

.inbox-msg .msg .msg-content.msg-text { background-color: #F2F2F2; padding: 5px 10px; font-size: 14px; }

.inbox-msg .msg .msg-content.msg-text p { margin: 0; }

.inbox-msg .msg .msg-content.msg-gif img { width: 100%; border-radius: 10px; }

.inbox-msg .msg-date { display: inline-block; font-size: 10px; color: #ccc; float: inherit; position: absolute; left: 10px; bottom: -16px; }

.inbox-input { display: -ms-flexbox; display: flex; border-top: 1px solid #F2F2F2; -ms-flex-align: center; align-items: center; padding: 0 8px 0 10px; height: 40px; }

.inbox-input .input-msg { -ms-flex-positive: 1; flex-grow: 1; }

.inbox-input .input-msg input { font-size: 14px; width: 100%; border: none; background: none; }

.inbox-input .input-buttons { display: -ms-flexbox; display: flex; color: #969696; font-size: 16px; }

.inbox-input .input-buttons .input-btn { cursor: pointer; margin-left: 10px; border: none; background: transparent; margin: 0; }

.inbox-input .input-buttons .input-btn:hover { color: #006AFF; }

.fc { position: relative; }

.fc-left { min-width: 300px; }

.fc-left .fc-button-group { float: left !important; display: inline-block !important; }

.fc-toolbar .fc-center { position: absolute; left: 50%; top: -15px; transform: translate(-50%, -50%); }

.calendar-months { float: left !important; display: inline-block !important; height: 30px !important; line-height: 30px !important; padding-top: 0px !important; padding-left: 5px !important; padding-bottom: 0px !important; margin: 0px 0 0 10px !important; max-width: 170px !important; }

.fc-list-item { color: #555; }

.fc-list-item-title { color: #333 !important; }

.fc-widget-header { position: relative !important; }

.fc-list-heading-main { width: 160px; }

.fc-list-heading-alt { opacity: 0.7; float: left !important; display: inline-block; }

.fc-day-header.fc-sat, .fc-day-header.fc-sun, .fc-sat:hover, .fc-sun:hover { background: rgba(255, 202, 40, 0.15) !important; }

.fc-popover { min-width: 450px; }

.fc-popover.fc-more-popover .fc-event-container { max-height: 250px; overflow: auto; }

.popup-comment { font-size: 12px; color: #444; padding-top: 2px; }

body .popover { /*    font-size: 13px; margin-top: 100px;*/ border: 1px solid #ddd !important; border-radius: 3px; min-width: 300px; }

.dropNewEvent { font-size: 13px; }

.popover { border: 1px solid #ccc; z-index: 1003 !important; }

.popoverTitleCalendar { width: 100%; height: 100%; padding: 3px 0px !important; font-size: 13px; border-radius: 5px 5px 0 0; }

.popoverInfoCalendar i { font-size: 14px; margin-right: 10px; line-height: inherit; color: #d3d4da; }

.popoverInfoCalendar p { margin-bottom: 1px; }

.popoverDescCalendar { margin-top: 5px; padding-top: 5px; border-top: 1px solid #fafafa; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; color: #444555; font-size: 11px; line-height: 1.5em; opacity: 0.8; }

.popoverDescCalendar p { width: 50%; display: inline-block; }

.popover-title { background: transparent; font-weight: 600; padding: 0 !important; border: none; }

.popover-content { padding: 15px 15px; font-size: 13px; }

.inputModal { width: 65%; margin-bottom: 10px; }

#contextMenu { position: absolute; display: none; z-index: 2; }

#contextMenu .dropdown-menu { border: none; }

.opacityWeekend { background-color: #f4f4fb !important; }

.fc-avatar-image { top: 2px; left: 2px; height: 21px; width: 22px; position: relative; display: inline-block; z-index: 2; background: #fff; text-align: center; border-radius: 2px; }

.fc-avatar-image img { height: 19px; border-radius: 50%; display: block; margin-top: 1px; }

.fc-day-header { text-transform: uppercase; font-size: 13px; font-weight: 500; color: #505363; background-color: #f1f1f1; padding: 11px 0px !important; text-decoration: none; }

.fc-day-header a { text-decoration: none !important; color: #505363; }

.fc-center h2 { text-transform: uppercase; font-size: 18px; font-weight: 500; color: #505363; line-height: 32px; }

.fc-toolbar.fc-header-toolbar { margin-bottom: 22px; padding-top: 22px; }

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { padding-bottom: 1em; padding-top: 1em; }

.fc-day { transition: all 0.2s linear; }

.fc-day:hover { background: #EEF7FF; cursor: pointer; transition: all 0.2s linear; }

.fc-highlight { background: #EEF7FF; opacity: 0.7; }

.fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start); display: none; }

.fc-time-grid-event.fc-short .fc-time span { display: inline-block; }

.fc-time-grid-event.fc-short .fc-avatar-image { display: none; transition: all 0.3s linear; }

.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event { border: 1px solid #fff !important; }

.fc-time-grid-event.fc-short .fc-content { padding: 4px 20px 10px 10px !important; }

.fc-time-grid-event .fc-avatar-image { top: 9px; }

.fc-event-vert { min-height: 22px; }

.fc-view { border-radius: 3px !important; }

.fc .fc-axis { vertical-align: middle; padding: 0 4px; white-space: nowrap; font-size: 10px; color: #505362; text-transform: uppercase; text-align: center !important; background-color: #f1f1f1; }

.fc-unthemed .fc-event .fc-content, .fc-unthemed .fc-event-dot .fc-content { padding: 5px 20px 5px 10px; font-family: 'Roboto', sans-serif; margin-left: -1px; height: 100%; }

.fc-event { border: none !important; }

.fc-day-grid-event .fc-time { font-weight: 700; text-transform: uppercase; }

.fc-unthemed .fc-day-grid td:not(.fc-axis).fc-event-container { padding: 0.2rem 0.5rem; }

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: #DADFEA; }

.fc-ltr .fc-h-event .fc-end-resizer, .fc-ltr .fc-h-event .fc-end-resizer:before, .fc-ltr .fc-h-event .fc-end-resizer:after, .fc-rtl .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-start-resizer:before, .fc-rtl .fc-h-event .fc-start-resizer:after { left: auto; cursor: e-resize; background: none; }

.fc-list-empty { height: 115px !important; background: #f3f3f3 !important; text-transform: uppercase; color: #444; }

.colorAppointment :before { background-color: #9F4AFF; border-right: 1px solid rgba(255, 255, 255, 0.6); display: block; content: " "; position: absolute; height: 100%; width: 8px; border-radius: 3px 0 0 3px; top: 0; left: -1px; }

.colorCheck-in :before { background-color: #ff4747; border-right: 1px solid rgba(255, 255, 255, 0.6); display: block; content: " "; position: absolute; height: 100%; width: 8px; border-radius: 3px 0 0 3px; top: 0; left: -1px; }

.colorCheckout :before { background-color: #FFC400; border-right: 1px solid rgba(255, 255, 255, 0.6); display: block; content: " "; position: absolute; height: 100%; width: 8px; border-radius: 3px 0 0 3px; top: 0; left: -1px; }

.colorInventory :before { background-color: #FE56F2; border-right: 1px solid rgba(255, 255, 255, 0.6); display: block; content: " "; position: absolute; height: 100%; width: 8px; border-radius: 3px 0 0 3px; top: 0; left: -1px; }

.colorValuation :before { background-color: #0DE882; border-right: 1px solid rgba(255, 255, 255, 0.6); display: block; content: " "; position: absolute; height: 100%; width: 8px; border-radius: 3px 0 0 3px; top: 0; left: -1px; }

.colorViewing :before { background-color: #26CBFF; border-right: 1px solid rgba(255, 255, 255, 0.6); display: block; content: " "; position: absolute; height: 100%; width: 8px; border-radius: 3px 0 0 3px; top: 0; left: -1px; }

select.filter { width: 500px !important; }

.popover { background: #fff !important; color: #2E2F34; border: none; margin-bottom: 10px; }

/*popover header*/
.popover-title { background: #F7F7FC; font-weight: 600; padding: 15px 15px 11px; border: none; }

/*popover arrows*/
.popover.top .arrow:after { border-top-color: #fff; }

.popover.right .arrow:after { border-right-color: #fff; }

.popover.bottom .arrow:after { border-bottom-color: #fff; }

.popover.left .arrow:after { border-left-color: #fff; }

.popover.bottom .arrow:after { border-bottom-color: #fff; }

.fc-list-heading-main { text-transform: capitalize; }

.fc-list-item.fc-has-url { cursor: inherit !important; }

.fc-list-item-status { color: #ececec; }

[data-project-status="0"] .fc-list-item-status { color: #ececec; }

[data-project-status="0-0"] .fc-event-dot { background: #9ccc65; }

[data-project-status="0-0"] .fc-list-item-status { color: #26A65B; }

[data-project-status="0-0"] .fc-list-item-status, [data-project-status="0-0"] .project-duration, [data-project-status="0-0"] .project-title, [data-project-status="0-0"] .project-time { animation: blink 1s infinite; }

[data-project-status="1"] .fc-event-dot { background: green; }

[data-project-status="1"] .fc-list-item-status { color: #9ccc65; }

.fc-list-item[data-project-status="2"]:hover { background: #fdf5f4 !important; }

.fc-list-item[data-project-status="2"] .fc-list-item-status { font-size: 14px; }

.fc-list-item[data-project-status="2"] .fc-list-item-status .ts-event-comments { color: red; }

.fc-list-item[data-project-status="2"] .project-duration { color: red !important; }

.fc-list-item[data-project-status="3"] .fc-list-item-status { color: #3a87ad; }

.fc-list-item-status { width: 5px; overflow: hidden; position: relative; border-right: 1px solid #eee !important; padding: 6px 15px 3px 15px !important; }

.fc-list-item-status .fa-circle { font-size: 12px; margin-top: 4px; display: block; }

.fc-list-table td { border-width: 1px 0 0; padding: 7px 14px 7px 14px !important; }

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: #ddd !important; }

.fc-list-table td { border-width: 1px 0 0; padding: 7px 14px 7px 14px !important; }

.fc-unthemed td, .fc-unthemed th { border-color: #eee !important; }

.fc-list-heading { border-bottom: 1px solid #ddd !important; }

tr.fc-list-heading { border-color: #ddd !important; }

.fc-unthemed .fc-list-heading td { border-bottom: 1px solid #ddd; }

.fc-unthemed .fc-list-heading td a:hover { text-decoration: none; }

.fc-time-grid-event .fc-list-item-status, .fc-day-grid-event .fc-list-item-status { display: none !important; }

.fc-time-grid-event { min-height: 15px; }

.fc-time-grid-event .fc-time span, .fc-day-grid-event .fc-time span { display: block !important; font-weight: bold; display: inline-block; margin-right: 10px; position: relative; }

.fc-list-item-time .project-time { display: inline-block; width: 115px; font-variant-numeric: tabular-nums; color: #444; letter-spacing: -0.6px; }

.fc-list-item-time .project-duration { display: inline-block; width: 60px; font-weight: bold; letter-spacing: -0.6px; }

.fc-list-item-title { position: relative; }

.project-mini-logo { max-width: 30px; max-height: 25px; position: relative; margin-top: -3px; left: 0px; margin-right: 5px; animation: showCompanyLogo 0.1s linear backwards; transform-origin: 50% 50%; }

.ts-list-btn { opacity: 0.5; transition: 0.1s; }

.ts-list-btn:hover { opacity: 1; }

.ts-list-trash-item { float: right; margin-right: 0px; margin-left: 5px; }

.ts-list-trash-item:hover { color: red; }

.ts-list-edit-item { float: right; margin-right: 10px; }

.ts-list-stop-item { float: right; color: #fff !important; margin-right: -5px; margin-left: 5px; font-weight: bold; background-color: #ef5350; border-color: #ef5350; border-radius: 10px; padding: 3px 10px; font-size: 11px; text-decoration: none; opacity: 1 !important; }

.ts-list-stop-item:hover { background: #e2504d; text-decoration: none !important; }

.fc-list-item-title a { text-decoration: none; color: inherit; font-weight: bold; font-size: 13px; }

.fc-list-item-title a.ts-list-btn { font-size: 14px !important; }

.filter-opacity { opacity: 0.25; transition: 0.3s; }

.filter-opacity:hover { opacity: 1; }

.table-scroll { overflow: auto; padding-bottom: 15px; }

#forecast-table tfoot { font-size: 12px; font-weight: bold; }

#forecast-table tfoot td { padding: 10px 10px !important; }

#forecast-table tfoot td[data-month] { text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

#forecast-table td { white-space: nowrap; }

[data-forecast-client] { border: none; background: none; text-align: left; display: block; width: 100%; font-size: 13px; line-height: 15px; }

[data-forecast-client] span { max-width: 130px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left; }

[data-forecast-client] img { max-height: 20px; max-width: 20px; margin-right: 10px; float: left; }

[data-forecast-client] i { float: right; }

.forecast-toggle-btn { cursor: pointer; }

.forecast-toggle-btn, .forecast-toggle-btn:active, .forecast-toggle-btn:focus { outline: none; }

th .forecast-toggle-btn { border: none; background: none; display: block; width: 100%; font-weight: bold; position: relative; min-width: 60px; padding-right: 15px !important; }

th .forecast-toggle-btn i { position: absolute; top: 50%; height: 12px; right: 2px; margin-top: -6px; }

.forecast-toggle-btn-active-icon { display: none; }

tr.active-forecast-line { transition: 0.2s; }

body #forecast-table th.active-forecast-month { background: #bbb !important; border-left-color: #999 !important; border-right-color: #999 !important; border-top-color: #999 !important; padding-right: 20px !important; }

body #forecast-table th.active-forecast-month .fa { display: none; }

body #forecast-table th.active-forecast-month .forecast-toggle-btn-active-icon { display: block; }

body #forecast-table th[data-forecast-open-month] { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1d1d1+1,dddddd+100 */ background: #d1d1d1; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #d1d1d1 1%, #dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#dddddd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ border-top-color: #999 !important; border-left-color: #ddd !important; border-right-color: #999 !important; min-width: 250px; max-width: 300px !important; text-align: center; }

body #forecast-table th[data-forecast-open-month]:nth-child(2n) { border-right-color: #999 !important; }

[data-forecast-open-month] { text-align: center; animation: openMonth 0.2s cubic-bezier(0, 0.1, 1, 1.2) both !important; transform-origin: 50% 50%; }

@keyframes openMonth { 0% { opacity: 0;
    transform: translateX(-10px); }
  100% { opacity: 1; } }

body #forecast-table tr.active-forecast-line { background: #65b00f !important; }

body #forecast-table tr.active-forecast-line .fa { display: none; float: right; }

body #forecast-table tr.active-forecast-line .forecast-toggle-btn-active-icon { display: inline-block; }

body #forecast-table tr.active-forecast-line td, body #forecast-table tr.active-forecast-line tr { border-color: rgba(100, 100, 100, 0.1) !important; color: #fff !important; background: #93C568 !important; }

body #forecast-table tr.active-forecast-line td, body #forecast-table tr.active-forecast-line td a, body #forecast-table tr.active-forecast-line td button, body #forecast-table tr.active-forecast-line tr, body #forecast-table tr.active-forecast-line tr a, body #forecast-table tr.active-forecast-line tr button { color: #fff; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }

.align-center { text-align: center; }

.align-right { text-align: right; }

body table#forecast-table { margin: 30px 0 0 0; }

body table#forecast-table thead th { font-weight: bold; font-size: 12px; padding: 10px 10px !important; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1f1f1+0,ededed+100 */ background: #f1f1f1; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f1f1f1 0%, #ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ }

body table#forecast-table tfoot th { font-weight: bold; font-size: 12px; padding: 10px 10px !important; }

body .forecast-tr-line { background: #fff !important; }

body .forecast-tr-line td { background: transparent !important; }

table#forecast-table.no-footer { border-bottom: none !important; }

table#forecast-table tbody td { padding: 8px 6px; border: 1px solid #f1f1f1; }

table#forecast-table tbody tr:nth-child(2n) { background-color: #f9f9f9; background-color: #f9f9f9; }

table#forecast-table tbody tr:nth-child(2n) td { background-color: #f9f9f9; background-color: #f9f9f9; }

table#forecast-table tbody tr:nth-of-type(odd) { background-color: #f5f5f5; }

table#forecast-table tbody tr:nth-of-type(odd) td { background-color: #f5f5f5; }

.receipts-grad { background: linear-gradient(to bottom, rgba(240, 240, 240, 0.4) 0%, rgba(240, 240, 240, 0.4) 2%, rgba(255, 253, 242, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccfffdf2', endColorstr='#00fffdf2',GradientType=0 ); margin-top: 0 !important; padding-top: 23px; }

#forecast-table { min-width: 100%; width: auto; }

#forecast-table th, #forecast-table tfoot { color: #444; -webkit-font-smoothing: antialiased; font-family: Poppins, Arial, serif; }

#forecast-table tbody { max-height: 300px; overflow: auto; position: relative; width: 100%; }

#forecast-table tbody .forecast-tr-line [data-month] { cursor: pointer; }

#forecast-table tbody .forecast-tr-line [data-income] { background: #EDF5E6 !important; font-size: 11px !important; font-weight: bold; position: relative; }

#forecast-table tbody .forecast-tr-line [data-income]:hover:after { content: "\f0db"; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; float: right; position: absolute; height: 12px; top: 50%; margin-top: -5px; right: 5px; }

#forecast-table tbody .forecast-tr-line [data-income="0"] { background: #fcfcfc !important; }

#forecast-table tbody .forecast-tr-line [data-income="0"]:after { display: none !important; }

#forecast-table tfoot td .tfoot-info { display: none; }

#forecast-table tfoot td.footer-open .tfoot-info { display: inline-block; }

#forecast-table tfoot td.footer-open .spacer { width: 50px; }

#forecast-table tfoot .tfoot-type { text-align: center; color: #555; font-weight: normal; }

#forecast-table .project-name a { transition: 0.2s; }

#forecast-table .project-name a:hover { text-decoration: underline; color: #222; }

#forecast-container { position: relative; display: block; overflow: hidden; }

.forecast-perc { text-align: center; width: 33%; max-width: 33%; font-size: 11px !important; font-weight: bold; border-left-color: #999 !important; border-right-color: #999 !important; text-align: center; }

body td.perc-50 { background: rgba(255, 0, 0, 0.1) !important; border-right-color: transparent !important; border-left-color: #ddd !important; }

body td.perc-75 { background: rgba(241, 200, 40, 0.1) !important; border-left-color: transparent !important; border-right-color: transparent !important; }

body td.perc-100 { background: rgba(147, 197, 105, 0.1) !important; border-left-color: transparent !important; border-right-color: #ddd !important; }

.forecast-total-line-first { margin-bottom: 50px !important; z-index: 100; }

.forecast-total-line-first td { overflow: inherit !important; padding-top: 30px !important; }

.forecast-total-line-first .top { position: absolute; display: block; width: 100%; top: 0px; left: 0px; right: 0px; line-height: 20px; opacity: 1; font-size: 10px; background: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #ddd; }

.forecast-total-line { margin-bottom: 50px !important; z-index: 100; }

.forecast-total-line td { overflow: inherit !important; padding-bottom: 30px !important; }

.forecast-total-line .bottom { position: absolute; display: block; width: 100%; border-top: 1px solid #ddd; bottom: 0px; left: 0px; line-height: 20px; background: rgba(255, 255, 255, 0.5); height: 20px; }

[data-hour-type] .icon, .project-hours-style .icon { font-size: 16px; display: inline-block; width: 25px; }

[data-hour-type] .form-control-label sup, .project-hours-style .form-control-label sup { opacity: 0.4; text-transform: none; }

[data-hour-type] #hour-append-container, .project-hours-style #hour-append-container { padding-top: 5px; }

[data-hour-type] #hour-append-container .card-body, .project-hours-style #hour-append-container .card-body { padding: 10px 25px 0px 25px !important; }

[data-hour-type] #hour-append-container .card-body .form-control-label, .project-hours-style #hour-append-container .card-body .form-control-label { font-size: 12px; font-weight: 700; line-height: 22px; font-family: Poppins,serif; -webkit-font-smoothing: antialiased; text-transform: uppercase; }

[data-hour-type] #hour-append-container .card-body .form-control-label sup, .project-hours-style #hour-append-container .card-body .form-control-label sup { color: #444; font-weight: 400; font-family: -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

[data-project-hours-btn] { min-width: 50px; }

[data-hour-type="simple"] [data-project-hours-btn="simple"] { display: none; }

[data-hour-type="simple"] #hour-append-container { display: none; }

[data-hour-type="simple"] [name="project_planned_real_hour"], [data-hour-type="simple"] [name="project_planned_hour"] { color: #222; }

[data-hour-type="simple"] .hide-simple { visibility: visible; }

[data-hour-type="simple"] .hide-division { visibility: hidden; }

[data-hour-type="simple"] .form-control-label b { font-weight: 400; }

[data-hour-type="divisions"] [name="project_planned_real_hour"] { background: #f5fdf6; }

[data-hour-type="divisions"] [name="project_planned_hour"] { background: #fffbef; }

[data-hour-type="divisions"] .form-control-label b { font-weight: bold; color: #656565; }

[data-hour-type="divisions"] [name="project_planned_real_hour"], [data-hour-type="divisions"] [name="project_planned_hour"] { opacity: 1 !important; pointer-events: none; color: #555 !important; cursor: not-allowed; border-color: transparent !important; }

[data-hour-type="divisions"] [data-project-hours-btn="divisions"] { display: none !important; }

[data-hour-type="divisions"] [data-project-hours-btn="simple"] { display: inline-block !important; }

[data-hour-type="divisions"] #hour-append-container { display: block; animation: showHour 0.6s cubic-bezier(0.25, 0.1, 0.25, 1.2) both !important; }

@keyframes showHour { 0% { opacity: 0;
    transform: translateY(10px); }
  100% { opacity: 1; } }

[data-hour-type="divisions"] .hide-simple { visibility: hidden; }

[data-hour-type="divisions"] .hide-division { visibility: visible; }

html, body { -webkit-font-smoothing: antialiased; }

.pageloading { opacity: 0.95; pointer-events: none; transition: 0.3s; overflow: hidden !important; }

.pageloading:before { content: ''; animation: spin 0.5s infinite linear; background-image: url(/img/loading.png); background-repeat: no-repeat; background-size: 100% !important; position: fixed; height: 50px; width: 50px; top: 50%; left: 50%; margin-left: -35px; margin-top: -25px; z-index: 99999999999; }

#maintanence { position: fixed; bottom: 0px; left: 0px; background: red; display: block; width: 100%; padding: 10px 5px; z-index: 99999999; }

#maintanence b { font-size: 14px; }

#maintanence b span { font-size: 16px; }

#maintanence b a { color: #222; text-decoration: underline; }

#error { position: fixed; bottom: 0px; left: 0px; background: red; display: block; width: 100%; padding: 10px 5px; z-index: 99999999; }

#error b { font-size: 14px; }

#error b span { font-size: 16px; }

#error b a { color: #222; text-decoration: underline; }

#show-online { position: fixed; bottom: 15px; right: 15px; display: block; z-index: 100000000000; background: #4CBF4C; width: 50px; height: 50px; border: none; color: #fff; border-radius: 100%; font-size: 20px; animation: showUserOnline 0.2s 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.8) both; transform-origin: 50% 50%; box-shadow: 2px 2px 5px rgba(100, 100, 100, 0.2); }

@keyframes showUserOnline { 0% { opacity: 0;
    transform: translateY(10px); }
  100% { opacity: 1; } }

#show-online b { background: #444; width: 18px; height: 18px; line-height: 17px; text-align: center; border-radius: 100%; display: none; position: absolute; top: 0px; right: -2px; font-size: 8px; color: #fff; animation: showUserOnline 0.3s cubic-bezier(0.25, 0.1, 0.25, 0.8) both; transform-origin: 50% 50%; font-weight: bold; overflow: hidden; }

@keyframes showUserOnline { 0% { opacity: 0;
    transform: translateY(10px); }
  100% { opacity: 1; } }

.upload-container { padding: 10px; margin: -12px; }

.is-dragover { border: 1px dashed #aaa; border-radius: 3px; padding: 10px; }

.upload-file-input { display: none; }

.is-dragover .upload-file-input, .is-dragover .upload-input-photo { z-index: 10; border: 1px solid red !important; background: red; position: absolute; margin: 0; padding: 0; width: 100%; height: 100px; outline: none; display: block !important; opacity: 0; top: 10px; left: 0px; }

.inactive-project, [data-active="0"] { opacity: 0.8; -moz-filter: grayscale(100%) !important; -ms-filter: grayscale(100%) !important; -o-filter: grayscale(100%) !important; filter: grayscale(100%) !important; filter: url(grayscale.svg); /* Firefox 4+ */ filter: gray; /* IE 6-9 */ }

[data-active="0"] { position: relative; opacity: 1; }

[data-active="0"]:after { position: absolute; top: 10px; right: 55px; opacity: 0.5; font-size: 10px; }

[data-active="0"], [data-active="0"] td { background: #e3e3e3 !important; }

[data-active="2"] { background: #b61b17; }

.commentList.empty { background-image: url(/img/empty.gif); background-size: auto 100%; background-repeat: no-repeat; background-position: 50% 100%; background-color: #FBFEFB !important; }

#comments-settings { position: absolute; top: 0px; right: 15px; display: block; width: calc( 100% - 30px); height: 60px; text-align: right; padding-top: 4px; z-index: 10000; }

#comments-settings.search-active input { display: inline-block; animation: showSearchLine 0.1s cubic-bezier(0.25, 0.1, 0.25, 0.8) both; transform-origin: 50% 50%; }

@keyframes showSearchLine { 0% { opacity: 0;
    transform: translateX(70px); }
  100% { opacity: 1; } }

#comments-settings input { margin-top: 4px; display: none; position: absolute; left: 0px; top: -1px; text-size: 12px; width: calc(100% - 25px); }

#comments-settings #comment-search-link { position: absolute; right: 0px; top: 6px; width: 20px; height: 20px; }

#comments-settings a { color: #fff; opacity: 0.8; }

body .tooltip { z-index: 1000000000000000 !important; }

.ui-tooltip { padding: 3px 5px !important; color: white !important; border-radius: 2px !important; font-size: 12px !important; border: none !important; letter-spacing: 0px !important; text-transform: none !important; background: #444 !important; }

.nav-link { text-shadow: none !important; }

#add-favorite { cursor: pointer; position: relative; float: right; display: block; width: 95px; top: 3px; right: 45px; height: 30px; line-height: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #444; }

#add-favorite b { text-transform: uppercase; line-height: 30px; display: block; }

#add-favorite:hover i { color: #F9D9C0; }

#add-favorite .fa-star-o, #add-favorite .fa-bookmark-o { display: block; color: #aaa; opacity: 0.9; }

#add-favorite .fa-star, #add-favorite .fa-inbox, #add-favorite .fa-bookmark { display: none; }

#add-favorite.active .fa-star, #add-favorite.active .fa-inbox, #add-favorite.active .fa-bookmark { display: block; }

#add-favorite.active .fa-star-o, #add-favorite.active .fa-bookmark-o { display: none; }

#add-favorite i { position: absolute; right: 0px; top: -1px; color: #F9D9C0; font-size: 27px; margin-top: 3px; }

.page-header .navbar-nav .nav-item { animation: showUserOnline 0.15s 0.2s cubic-bezier(0.25, 0.1, 0.25, 0.8) both; }

#fav-dropdown .favorite-empty { top: 60% !important; left: 50%; position: absolute !important; transform: translate(-50%, -50%); }

#fav-dropdown, #notif-dropdown, #message-dropdown { animation: showUserOnline 0.15s 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.8) both; }

#fav-dropdown.empty .fa, #notif-dropdown.empty .fa, #message-dropdown.empty .fa { color: #888; opacity: 0.7; }

#fav-dropdown.empty .fa-bell, #fav-dropdown.empty .fa-bookmark, #notif-dropdown.empty .fa-bell, #notif-dropdown.empty .fa-bookmark, #message-dropdown.empty .fa-bell, #message-dropdown.empty .fa-bookmark { opacity: 0.5; }

#fav-dropdown.empty:hover .fa-star, #fav-dropdown.empty:hover .fa-inbox, #notif-dropdown.empty:hover .fa-star, #notif-dropdown.empty:hover .fa-inbox, #message-dropdown.empty:hover .fa-star, #message-dropdown.empty:hover .fa-inbox { color: #FFAC33 !important; opacity: 1; }

#fav-dropdown.empty .view-passed, #notif-dropdown.empty .view-passed, #message-dropdown.empty .view-passed { display: none; }

#fav-dropdown .fa-times, #notif-dropdown .fa-times, #message-dropdown .fa-times { cursor: pointer; }

#fav-dropdown .view-passed, #notif-dropdown .view-passed, #message-dropdown .view-passed { position: absolute; right: 30px; top: 10px; color: rgba(255, 255, 255, 0.7) !important; font-weight: normal; font-size: 11px; cursor: pointer; transition: 0.2s; }

#fav-dropdown .view-passed i, #notif-dropdown .view-passed i, #message-dropdown .view-passed i { color: #fff !important; }

#fav-dropdown .view-passed:hover, #notif-dropdown .view-passed:hover, #message-dropdown .view-passed:hover { color: #fff !important; opacity: 1; }

#fav-dropdown .message-users-list, #notif-dropdown .message-users-list, #message-dropdown .message-users-list { padding: 0; margin: 0; height: 100%; }

#fav-dropdown .message-users-list li, #notif-dropdown .message-users-list li, #message-dropdown .message-users-list li { list-style-type: none; display: block; height: 40px; padding: 5px 0 5px 10px; border-bottom: 1px solid rgba(249, 249, 249, 0.8); font-family: 'Quicksand', sans-serif !important; }

#fav-dropdown .message-users-list li:nth-child(2n), #notif-dropdown .message-users-list li:nth-child(2n), #message-dropdown .message-users-list li:nth-child(2n) { background-color: rgba(245, 246, 248, 0.2); }

#fav-dropdown .message-users-list li b, #notif-dropdown .message-users-list li b, #message-dropdown .message-users-list li b { margin-top: 4px; display: inline-block; position: relative; }

#fav-dropdown .favorite-empty, #notif-dropdown .favorite-empty, #message-dropdown .favorite-empty { display: none; width: 100%; height: 220px; padding: 20px 20px 10px 20px; box-sizing: border-box; text-align: center; position: relative; }

#fav-dropdown .favorite-empty span, #notif-dropdown .favorite-empty span, #message-dropdown .favorite-empty span { line-height: 18px; color: #555; }

#fav-dropdown .favorite-empty i, #notif-dropdown .favorite-empty i, #message-dropdown .favorite-empty i { font-size: 40px; display: block; text-align: center; color: #bbb; margin-bottom: 10px; }

#fav-dropdown .show-favorites i, #notif-dropdown .show-favorites i, #message-dropdown .show-favorites i { color: #FFAC33; font-size: 28px; margin-top: 0px; margin-left: -4px; display: block; position: relative; transition: 0.2s; }

#fav-dropdown .show-favorites b, #notif-dropdown .show-favorites b, #message-dropdown .show-favorites b { z-index: 10; display: block; top: 0px; left: 0px; width: 100%; height: 100%; }

#fav-dropdown .dropdown-menu, #notif-dropdown .dropdown-menu, #message-dropdown .dropdown-menu { width: 480px; top: 52px; min-height: 445px; position: fixed; top: 70px; right: 10px !important; height: auto; max-height: 445px; }

#fav-dropdown .dropdown-menu .posfix, #notif-dropdown .dropdown-menu .posfix, #message-dropdown .dropdown-menu .posfix { height: 100%; display: block; position: relative; width: 100%; box-sizing: inherit !important; }

#fav-dropdown .dropdown-menu .scroll, #notif-dropdown .dropdown-menu .scroll, #message-dropdown .dropdown-menu .scroll { max-height: 400px; }

#fav-dropdown.height-full .dropdown-menu, #notif-dropdown.height-full .dropdown-menu, #message-dropdown.height-full .dropdown-menu { width: 480px; top: 52px; min-height: 345px; position: fixed; top: 70px; right: 10px !important; height: calc( 100% - 85px); max-height: calc( 100% - 85px); }

#fav-dropdown.height-full .dropdown-menu .posfix, #notif-dropdown.height-full .dropdown-menu .posfix, #message-dropdown.height-full .dropdown-menu .posfix { height: 100%; display: block; position: relative; width: 100%; box-sizing: inherit !important; }

#fav-dropdown.height-full .dropdown-menu .scroll, #notif-dropdown.height-full .dropdown-menu .scroll, #message-dropdown.height-full .dropdown-menu .scroll { height: calc( 100% - 35px) !important; max-height: calc( 100% - 35px) !important; }

#fav-dropdown .dropdown-item, #notif-dropdown .dropdown-item, #message-dropdown .dropdown-item { position: relative; padding-left: 52px; overflow: hidden; display: block; }

#fav-dropdown .dropdown-item:nth-child(2n), #notif-dropdown .dropdown-item:nth-child(2n), #message-dropdown .dropdown-item:nth-child(2n) { background-color: rgba(245, 246, 248, 0.3); }

#fav-dropdown .dropdown-item:nth-child(2n) a, #notif-dropdown .dropdown-item:nth-child(2n) a, #message-dropdown .dropdown-item:nth-child(2n) a { background: transparent !important; }

#fav-dropdown .dropdown-item img, #notif-dropdown .dropdown-item img, #message-dropdown .dropdown-item img { height: 28px; position: absolute; left: 10px; top: 5px; display: block; }

#fav-dropdown .dropdown-item a, #notif-dropdown .dropdown-item a, #message-dropdown .dropdown-item a { display: block; line-height: 40px; margin-top: -10px; margin-bottom: -10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: calc(100% - 22px); font-size: 12.9px; }

#fav-dropdown .dropdown-item a span, #notif-dropdown .dropdown-item a span, #message-dropdown .dropdown-item a span { font-weight: bold; color: #676767; text-shadow: none; }

#fav-dropdown .scroll, #notif-dropdown .scroll, #message-dropdown .scroll { max-height: 350px; overflow-y: auto; overflow-x: hidden; }

#fav-dropdown .fav-delete, #notif-dropdown .fav-delete, #message-dropdown .fav-delete { position: absolute; right: 0px; top: 0px; background: transparent !important; z-index: 10; }

#fav-dropdown .fav-delete:hover, #notif-dropdown .fav-delete:hover, #message-dropdown .fav-delete:hover { color: #e4352c; }

.dropdown-menu { z-index: 9999999999999 !important; }

#notif-dropdown { margin-right: 1px; }

#notif-dropdown .dropdown-menu { min-height: 144px; }

#notif-dropdown .dropdown-menu .favorite-empty { padding-top: 70px; }

#fav-dropdown .show-favorites i { color: #F9D9C0; transition: 0.2s; }

body #fav-dropdown:hover a .fa, #fav-dropdown.show a .fa { color: #F9D9C0 !important; opacity: 1; }

#message-dropdown { margin-left: -1px; }

#message-dropdown.empty .fa-paper-plane { opacity: 0.5; color: #888; font-size: 26px; transition: 0.2s; }

#message-dropdown.empty .fa-paper-plane:hover, #message-dropdown.empty .fa-paper-plane.show { color: #006AFF; opacity: 1; }

.change-sound { animation: changeSound 0.15s cubic-bezier(0.25, 0.1, 0.25, 1.3) both; }

.change-sound #user-sound-date { color: #ef5350; animation: blink 1s infinite; display: block; margin-bottom: 5px; font-size: 13px; }

@keyframes changeSound { 0% { opacity: 0;
    transform: scale(0.9); }
  100% { opacity: 1; } }

#message-dropdown:hover .fa, #message-dropdown.show .fa { color: #006AFF; opacity: 1; }

body #notif-dropdown:hover, #notif-dropdown.show { z-index: 2; }

body #notif-dropdown:hover .fa-bell, #notif-dropdown.show .fa-bell { color: #FFAC33 !important; opacity: 1; }

#youtube-music { position: fixed; bottom: 40px; left: 37px; width: 430px; height: 242px; background: #000; z-index: 9999999999999; display: none; box-shadow: 7px 7px 30px rgba(0, 0, 0, 0.5); animation: showYouTube 0.45s cubic-bezier(0.25, 0.1, 0.25, 0.8) both; transform-origin: 50% 50%; }

@keyframes showYouTube { 0% { opacity: 0;
    transform: translateY(500px); }
  100% { opacity: 1; } }

#youtube-music iframe { height: 100%; width: 100%; border: 0 !important; }

#youtube-music button.close-video { position: absolute; top: -12px; z-index: 10; right: -12px; background: #e4352c; width: 25px; height: 25px; display: block; font-size: 12px; text-align: center; line-height: 14px; color: #fff; border-radius: 100%; border: none; }

.commenterImage, .userStatus { position: relative; display: inline-block; }

.commenterImage:after, .userStatus:after { background: #ddd; content: ''; width: 12px; height: 12px; border-radius: 100%; bottom: -1px; right: 0px; display: block; position: absolute; transform-origin: 50% 50%; border: 2px solid #fff; transition: 0.2s; }

.commenterImage.active:after, .userStatus.active:after { content: ''; background: #26A65B; width: 12px; height: 12px; border-radius: 100%; bottom: -1px; right: 0px; display: block; position: absolute; }

#page-viewers-container { position: fixed; top: 12px; z-index: 999999; left: 274px; }

@media screen and (max-width: 1000px) { #page-viewers-container { left: 35px; width: calc(100% - 40px); top: 42px; }
  #page-viewers-container #page-viewers img { border: 3px solid #fff; box-shadow: none !important; margin-right: 5px; } }

#page-viewers-container .icon { float: left; display: none; border: 1px solid red; line-height: 45px; height: 45px; }

#page-viewers-container #page-viewers { display: inline-block; position: relative; }

#page-viewers-container #page-viewers img { transition: 0.2s; height: 36px; border-radius: 100%; animation: showViewersPhoto 0.2s cubic-bezier(0.25, 0.1, 0.25, 0.8) both; transform-origin: 50% 50%; margin-right: -12px; position: relative; display: inline-block; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.15); }

#page-viewers-container #page-viewers img:hover { z-index: 10; }

#page-viewers-container #page-viewers img:nth-child(1) { animation-delay: 0.25s; z-index: 1; }

#page-viewers-container #page-viewers img:nth-child(2) { animation-delay: 0.45s; z-index: 2; }

#page-viewers-container #page-viewers img:nth-child(3) { animation-delay: 0.65s; z-index: 3; }

#page-viewers-container #page-viewers img:nth-child(4) { animation-delay: 0.85s; z-index: 4; }

#page-viewers-container #page-viewers img:nth-child(5) { animation-delay: 1.05s; z-index: 5; }

#page-viewers-container #page-viewers img:nth-child(6) { animation-delay: 1.25s; z-index: 6; }

#page-viewers-container #page-viewers img:nth-child(7) { animation-delay: 1.45s; z-index: 7; }

#page-viewers-container #page-viewers img:nth-child(8) { animation-delay: 1.65s; z-index: 8; }

#page-viewers-container #page-viewers img:nth-child(9) { animation-delay: 1.85s; z-index: 9; }

#page-viewers-container #page-viewers img:nth-child(10) { animation-delay: 2.05s; z-index: 10; }

#page-viewers-container #page-viewers img:nth-child(11) { animation-delay: 2.25s; z-index: 11; }

#page-viewers-container #page-viewers img:nth-child(12) { animation-delay: 2.45s; z-index: 12; }

#page-viewers-container #page-viewers img:nth-child(13) { animation-delay: 2.65s; z-index: 13; }

#page-viewers-container #page-viewers img:nth-child(14) { animation-delay: 2.85s; z-index: 14; }

#page-viewers-container #page-viewers img:nth-child(15) { animation-delay: 3.05s; z-index: 15; }

#page-viewers-container #page-viewers img:nth-child(16) { animation-delay: 3.25s; z-index: 16; }

#page-viewers-container #page-viewers img:nth-child(17) { animation-delay: 3.45s; z-index: 17; }

#page-viewers-container #page-viewers img:nth-child(18) { animation-delay: 3.65s; z-index: 18; }

#page-viewers-container #page-viewers img:nth-child(19) { animation-delay: 3.85s; z-index: 19; }

#page-viewers-container #page-viewers img:nth-child(20) { animation-delay: 4.05s; z-index: 20; }

#page-viewers-container #page-viewers img:nth-child(21) { animation-delay: 4.25s; z-index: 21; }

#page-viewers-container #page-viewers img:nth-child(22) { animation-delay: 4.45s; z-index: 22; }

#page-viewers-container #page-viewers img:nth-child(23) { animation-delay: 4.65s; z-index: 23; }

#page-viewers-container #page-viewers img:nth-child(24) { animation-delay: 4.85s; z-index: 24; }

#page-viewers-container #page-viewers img:nth-child(25) { animation-delay: 5.05s; z-index: 25; }

#page-viewers-container #page-viewers img:nth-child(26) { animation-delay: 5.25s; z-index: 26; }

#page-viewers-container #page-viewers img:nth-child(27) { animation-delay: 5.45s; z-index: 27; }

#page-viewers-container #page-viewers img:nth-child(28) { animation-delay: 5.65s; z-index: 28; }

#page-viewers-container #page-viewers img:nth-child(29) { animation-delay: 5.85s; z-index: 29; }

#page-viewers-container #page-viewers img:nth-child(30) { animation-delay: 6.05s; z-index: 30; }

#page-viewers-container #page-viewers img:nth-child(31) { animation-delay: 6.25s; z-index: 31; }

#page-viewers-container #page-viewers img:nth-child(32) { animation-delay: 6.45s; z-index: 32; }

#page-viewers-container #page-viewers img:nth-child(33) { animation-delay: 6.65s; z-index: 33; }

#page-viewers-container #page-viewers img:nth-child(34) { animation-delay: 6.85s; z-index: 34; }

#page-viewers-container #page-viewers img:nth-child(35) { animation-delay: 7.05s; z-index: 35; }

#page-viewers-container #page-viewers img:nth-child(36) { animation-delay: 7.25s; z-index: 36; }

#page-viewers-container #page-viewers img:nth-child(37) { animation-delay: 7.45s; z-index: 37; }

#page-viewers-container #page-viewers img:nth-child(38) { animation-delay: 7.65s; z-index: 38; }

#page-viewers-container #page-viewers img:nth-child(39) { animation-delay: 7.85s; z-index: 39; }

#page-viewers-container #page-viewers img:nth-child(40) { animation-delay: 8.05s; z-index: 40; }

#page-viewers-container #page-viewers img:nth-child(41) { animation-delay: 8.25s; z-index: 41; }

#page-viewers-container #page-viewers img:nth-child(42) { animation-delay: 8.45s; z-index: 42; }

#page-viewers-container #page-viewers img:nth-child(43) { animation-delay: 8.65s; z-index: 43; }

#page-viewers-container #page-viewers img:nth-child(44) { animation-delay: 8.85s; z-index: 44; }

#page-viewers-container #page-viewers img:nth-child(45) { animation-delay: 9.05s; z-index: 45; }

#page-viewers-container #page-viewers img:nth-child(46) { animation-delay: 9.25s; z-index: 46; }

#page-viewers-container #page-viewers img:nth-child(47) { animation-delay: 9.45s; z-index: 47; }

#page-viewers-container #page-viewers img:nth-child(48) { animation-delay: 9.65s; z-index: 48; }

#page-viewers-container #page-viewers img:nth-child(49) { animation-delay: 9.85s; z-index: 49; }

#page-viewers-container #page-viewers img:nth-child(50) { animation-delay: 10.05s; z-index: 50; }

#page-viewers-container #page-viewers img:nth-child(51) { animation-delay: 10.25s; z-index: 51; }

#page-viewers-container #page-viewers img:nth-child(52) { animation-delay: 10.45s; z-index: 52; }

#page-viewers-container #page-viewers img:nth-child(53) { animation-delay: 10.65s; z-index: 53; }

#page-viewers-container #page-viewers img:nth-child(54) { animation-delay: 10.85s; z-index: 54; }

#page-viewers-container #page-viewers img:nth-child(55) { animation-delay: 11.05s; z-index: 55; }

#page-viewers-container #page-viewers img:nth-child(56) { animation-delay: 11.25s; z-index: 56; }

#page-viewers-container #page-viewers img:nth-child(57) { animation-delay: 11.45s; z-index: 57; }

#page-viewers-container #page-viewers img:nth-child(58) { animation-delay: 11.65s; z-index: 58; }

#page-viewers-container #page-viewers img:nth-child(59) { animation-delay: 11.85s; z-index: 59; }

#page-viewers-container #page-viewers img:nth-child(60) { animation-delay: 12.05s; z-index: 60; }

#page-viewers-container #page-viewers img:nth-child(61) { animation-delay: 12.25s; z-index: 61; }

#page-viewers-container #page-viewers img:nth-child(62) { animation-delay: 12.45s; z-index: 62; }

#page-viewers-container #page-viewers img:nth-child(63) { animation-delay: 12.65s; z-index: 63; }

#page-viewers-container #page-viewers img:nth-child(64) { animation-delay: 12.85s; z-index: 64; }

#page-viewers-container #page-viewers img:nth-child(65) { animation-delay: 13.05s; z-index: 65; }

#page-viewers-container #page-viewers img:nth-child(66) { animation-delay: 13.25s; z-index: 66; }

#page-viewers-container #page-viewers img:nth-child(67) { animation-delay: 13.45s; z-index: 67; }

#page-viewers-container #page-viewers img:nth-child(68) { animation-delay: 13.65s; z-index: 68; }

#page-viewers-container #page-viewers img:nth-child(69) { animation-delay: 13.85s; z-index: 69; }

#page-viewers-container #page-viewers img:nth-child(70) { animation-delay: 14.05s; z-index: 70; }

#page-viewers-container #page-viewers img:nth-child(71) { animation-delay: 14.25s; z-index: 71; }

#page-viewers-container #page-viewers img:nth-child(72) { animation-delay: 14.45s; z-index: 72; }

#page-viewers-container #page-viewers img:nth-child(73) { animation-delay: 14.65s; z-index: 73; }

#page-viewers-container #page-viewers img:nth-child(74) { animation-delay: 14.85s; z-index: 74; }

#page-viewers-container #page-viewers img:nth-child(75) { animation-delay: 15.05s; z-index: 75; }

#page-viewers-container #page-viewers img:nth-child(76) { animation-delay: 15.25s; z-index: 76; }

#page-viewers-container #page-viewers img:nth-child(77) { animation-delay: 15.45s; z-index: 77; }

#page-viewers-container #page-viewers img:nth-child(78) { animation-delay: 15.65s; z-index: 78; }

#page-viewers-container #page-viewers img:nth-child(79) { animation-delay: 15.85s; z-index: 79; }

#page-viewers-container #page-viewers img:nth-child(80) { animation-delay: 16.05s; z-index: 80; }

#page-viewers-container #page-viewers img:nth-child(81) { animation-delay: 16.25s; z-index: 81; }

#page-viewers-container #page-viewers img:nth-child(82) { animation-delay: 16.45s; z-index: 82; }

#page-viewers-container #page-viewers img:nth-child(83) { animation-delay: 16.65s; z-index: 83; }

#page-viewers-container #page-viewers img:nth-child(84) { animation-delay: 16.85s; z-index: 84; }

#page-viewers-container #page-viewers img:nth-child(85) { animation-delay: 17.05s; z-index: 85; }

#page-viewers-container #page-viewers img:nth-child(86) { animation-delay: 17.25s; z-index: 86; }

#page-viewers-container #page-viewers img:nth-child(87) { animation-delay: 17.45s; z-index: 87; }

#page-viewers-container #page-viewers img:nth-child(88) { animation-delay: 17.65s; z-index: 88; }

#page-viewers-container #page-viewers img:nth-child(89) { animation-delay: 17.85s; z-index: 89; }

#page-viewers-container #page-viewers img:nth-child(90) { animation-delay: 18.05s; z-index: 90; }

#page-viewers-container #page-viewers img:nth-child(91) { animation-delay: 18.25s; z-index: 91; }

#page-viewers-container #page-viewers img:nth-child(92) { animation-delay: 18.45s; z-index: 92; }

#page-viewers-container #page-viewers img:nth-child(93) { animation-delay: 18.65s; z-index: 93; }

#page-viewers-container #page-viewers img:nth-child(94) { animation-delay: 18.85s; z-index: 94; }

#page-viewers-container #page-viewers img:nth-child(95) { animation-delay: 19.05s; z-index: 95; }

#page-viewers-container #page-viewers img:nth-child(96) { animation-delay: 19.25s; z-index: 96; }

#page-viewers-container #page-viewers img:nth-child(97) { animation-delay: 19.45s; z-index: 97; }

#page-viewers-container #page-viewers img:nth-child(98) { animation-delay: 19.65s; z-index: 98; }

#page-viewers-container #page-viewers img:nth-child(99) { animation-delay: 19.85s; z-index: 99; }

#page-viewers-container #page-viewers img:nth-child(100) { animation-delay: 20.05s; z-index: 100; }

#page-viewers-container #page-viewers img:nth-child(101) { animation-delay: 20.25s; z-index: 101; }

#page-viewers-container #page-viewers img:nth-child(102) { animation-delay: 20.45s; z-index: 102; }

#page-viewers-container #page-viewers img:nth-child(103) { animation-delay: 20.65s; z-index: 103; }

#page-viewers-container #page-viewers img:nth-child(104) { animation-delay: 20.85s; z-index: 104; }

#page-viewers-container #page-viewers img:nth-child(105) { animation-delay: 21.05s; z-index: 105; }

#page-viewers-container #page-viewers img:nth-child(106) { animation-delay: 21.25s; z-index: 106; }

#page-viewers-container #page-viewers img:nth-child(107) { animation-delay: 21.45s; z-index: 107; }

#page-viewers-container #page-viewers img:nth-child(108) { animation-delay: 21.65s; z-index: 108; }

#page-viewers-container #page-viewers img:nth-child(109) { animation-delay: 21.85s; z-index: 109; }

#page-viewers-container #page-viewers img:nth-child(110) { animation-delay: 22.05s; z-index: 110; }

#page-viewers-container #page-viewers img:nth-child(111) { animation-delay: 22.25s; z-index: 111; }

#page-viewers-container #page-viewers img:nth-child(112) { animation-delay: 22.45s; z-index: 112; }

#page-viewers-container #page-viewers img:nth-child(113) { animation-delay: 22.65s; z-index: 113; }

#page-viewers-container #page-viewers img:nth-child(114) { animation-delay: 22.85s; z-index: 114; }

#page-viewers-container #page-viewers img:nth-child(115) { animation-delay: 23.05s; z-index: 115; }

#page-viewers-container #page-viewers img:nth-child(116) { animation-delay: 23.25s; z-index: 116; }

#page-viewers-container #page-viewers img:nth-child(117) { animation-delay: 23.45s; z-index: 117; }

#page-viewers-container #page-viewers img:nth-child(118) { animation-delay: 23.65s; z-index: 118; }

#page-viewers-container #page-viewers img:nth-child(119) { animation-delay: 23.85s; z-index: 119; }

@keyframes showViewersPhoto { 0% { opacity: 0;
    transform: translateY(5px); }
  100% { opacity: 1; } }

body .notif-item { position: relative; overflow: hidden; display: block; padding: .6rem 1rem; padding-left: 97px; border-bottom: 1px solid rgba(249, 249, 249, 0.8); min-height: 105px; padding-bottom: 10px; cursor: pointer; transition: 0.08s; }

body .notif-item:before { position: absolute; text-transform: uppercase; right: 11px; top: 12px; font-size: 11px; border-radius: 100%; content: ''; text-transform: uppercase; color: #fff; width: 7px; height: 7px; display: block; text-align: center; transition: 0.15s; }

body .notif-item .delete-notif { position: absolute; left: 12px; bottom: 10px; opacity: 0; font-size: 14px; }

body .notif-item .delete-notif:hover .fa { opacity: 1 !important; color: #ef5350 !important; }

body .notif-item:hover .delete-notif { opacity: 1; animation: showDelete 0.2s cubic-bezier(0.25, 0.1, 0.25, 1.3) both; }

@keyframes showDelete { 0% { opacity: 0;
    transform: scale(0.5); }
  100% { opacity: 1; } }

body .notif-item.remove { animation: removeNotif 0.2s cubic-bezier(0.25, 0.1, 0.25, 1.1) both; transform-origin: 50% 50%; }

@keyframes removeNotif { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translateX(100%); } }

body .notif-item[data-notif-status="0"], body .notif-item[data-notif-status="4"] { box-shadow: 0 0px 12px rgba(200, 200, 200, 0.1); background: #fff !important; }

body .notif-item[data-notif-status="0"]:before, body .notif-item[data-notif-status="4"]:before { opacity: 1; }

body .notif-item[data-notif-status="0"] .delete-notif, body .notif-item[data-notif-status="4"] .delete-notif { display: none; }

body .notif-item[data-notif-status="0"]:after, body .notif-item[data-notif-status="4"]:after { content: ''; width: 2px; border-radius: 2px; height: 100%; z-index: 10; position: absolute; left: 1px; top: 0px; background: #FFAC33; opacity: 1; box-shadow: 0px 0 2px #FFAC33; opacity: 0.7; }

body .notif-item[data-notif-status="1"]:before, body .notif-item[data-notif-status="2"]:before { opacity: 0.1 !important; }

body .notif-item[data-notif-status="1"]:hover, body .notif-item[data-notif-status="2"]:hover { opacity: 1 !important; filter: grayscale(0%); box-shadow: none; transition: 0.2s; }

body .notif-item[data-notif-status="1"]:hover:before, body .notif-item[data-notif-status="2"]:hover:before { opacity: 0.8 !important; }

body .notif-item[data-notif-status="1"]:hover:after, body .notif-item[data-notif-status="2"]:hover:after { opacity: 0; }

body .notif-item[data-notif-priority="1"]:before, body .notif-item[data-notif-priority="0"]:before { background: #3a87ad !important; }

body .notif-item[data-notif-priority="2"]:before { background: #F7931E !important; }

body .notif-item[data-notif-priority="3"]:before { background: #d00 !important; animation: blink 1s infinite; }

body .notif-item .notif-image-small-right { width: 35%; background: #eee; border-radius: 3px; display: block; margin-bottom: 5px; margin-left: 5%; float: right; }

body .notif-item .giphy { width: 100%; border-radius: 3px; }

body .notif-item[data-notif-type="grf-robot-tropy"] .notif-message { width: 60%; min-height: 70px; padding-top: 2px; }

body .notif-item[data-notif-type="grf-robot-tropy"] .notif-message .you:before { content: '🏆'; display: inline-block; margin-right: 6px; }

body .notif-item[data-notif-type="grf-robot-tropy"] .comment-link { display: none; }

body .notif-item[data-notif-type="chat-new-message"] .notif-message { padding-left: 19px; }

body .notif-item[data-notif-type="chat-new-message"] .notif-message:before { content: "\f1d8"; font: normal normal normal 14px/1 FontAwesome; display: inline-block; margin-right: 5px; color: #006AFF; vertical-align: top; margin-top: 5px; float: left; position: absolute; top: 2px; left: 0px; }

body .notif-item[data-notif-type="ts-comment"] .notif-message { padding-left: 19px; background-color: #F2F2F2; padding: 5px 10px; font-size: 13px; border-radius: 15px; display: inline-block !important; margin-left: 22px; position: relative; width: auto !important; }

body .notif-item[data-notif-type="ts-comment"] .notif-message:before { content: "\f075"; font: normal normal normal 14px/1 FontAwesome; display: inline-block; margin-right: 5px; color: #006AFF; vertical-align: top; margin-top: 5px; float: left; position: absolute; top: 2px; left: -19px; }

body .notif-item:last-child { border-bottom: none; }

body .notif-item:nth-child(2n) { background-color: rgba(245, 246, 248, 0.2); }

body .notif-item:nth-child(2n) a { background: transparent !important; }

body .notif-item a { display: block; line-height: 40px; margin-top: -10px; margin-bottom: -10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: calc(100% - 22px); font-size: 12.9px; }

body .notif-item a span { font-weight: bold; color: #676767; text-shadow: none; }

body .notif-item .comment-link { position: absolute; bottom: 5px; right: 10px; font-size: 14px; }

body .notif-item .comment-link:hover { text-decoration: underline; }

body .notif-item .comment-link:hover span { text-decoration: underline; }

body .notif-item .comment-link span { line-height: 19px; display: inline-block; font-size: 11.4px; color: #7c7c7c; font-weight: 300; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 190px; }

body .notif-item .comment-link i { font-size: 10px; display: inline-block; margin-left: 5px !important; float: right; padding: 2px 3px !important; margin-top: 5px; right: 15px; color: #fff !important; }

body .notif-item .notif-avatar { float: left; border: 2px solid #ddd; height: 65px; width: 65px; display: block; border-radius: 100%; margin-right: 15px; position: relative; background: #eee; border: 2px solid #fff; box-shadow: 0 5px 10px 0 rgba(43, 43, 43, 0.15); margin-bottom: 7px; background-size: 100% auto; position: absolute; left: 15px; top: 10px; background-image: url(/img/user.png); }

body .notif-item .notif-avatar .project-photo { position: absolute; height: 25px; width: 25px; display: block; bottom: -5px; right: -5px; background-size: contain; background-repeat: no-repeat; background-position: 100% 50%; background-color: #fff; border-radius: 100%; box-shadow: 0 0 4px 0 rgba(43, 43, 43, 0.1); }

body .notif-item .notif-headline { font-size: 16px; display: block; font-weight: bold; font-size: 14px; color: #2a2a2a; transition: 0.1s; font-family: 'Quicksand', sans-serif !important; }

body .notif-item .notif-title { font-size: 12px !important; color: #777; display: block; margin-bottom: 2px; font-weight: 500; font-family: 'Quicksand', sans-serif !important; }

body .notif-item .notif-date { margin-top: 3px; display: block; color: #999; font-size: 10px; }

body .notif-item .notif-message { display: inline-block; font-size: 13px; font-weight: 500; position: relative; width: 100%; }

body .notif-item .notif-message .highlight-orange { background: #F7931E; font-weight: 900; color: #fff; border-radius: 3px; padding: 2px 5px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15); }

body .notif-item .notif-message .highlight-green { background: #9ccc65; font-weight: 900; color: #fff; border-radius: 3px; padding: 2px 5px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15); }

body .notif-item .chat { background-color: #F2F2F2; padding: 5px 10px; font-size: 13px; border-radius: 15px; display: inline-block; margin-left: 3px; position: relative; }

body .notif-item .chat img { max-width: 100%; border-radius: 10px; margin: 5px 0; }

body .notif-item .status { border-radius: 3px; padding: 1px 2px 1px 7px; background: #f8f9fa; box-shadow: 1px 1px 2px rgba(60, 60, 60, 0.1); margin: 2px 0 1px 0; position: relative; font-size: 12px !important; line-height: 20px; display: inline-block; color: #5b5b5b; float: left; }

body .notif-item .status:before { content: 'Új státusz: '; }

body .notif-item .status:after { font-weight: bold; }

body .notif-item .status b { font-weight: bold; }

body .notif-item .status[data-type="0"] { border-left: 3px solid orange; }

body .notif-item .status[data-type="0"]:after { content: 'nincs ❔'; }

body .notif-item .status[data-type="1"] { border-left: 3px solid green; }

body .notif-item .status[data-type="1"]:after { content: 'elfogadva ✅'; }

body .notif-item .status[data-type="2"] { border-left: 3px solid #B0402D; }

body .notif-item .status[data-type="2"]:after { content: 'visszaküldve 🚫'; }

body .notif-item .status[data-type="4"] { border-left: 3px solid lightblue; }

body .notif-item .status[data-type="4"]:after { content: 'felülvizsgálva, elfogadásra vár 🔍'; }

body .notif-item .status[data-type="3"] { border-left: 3px solid lightblue; }

body .notif-item .status[data-type="3"]:after { content: 'ütemezve 🕓'; }

body .modal #active-list { list-style-type: none; padding: 0; margin: 0; margin-bottom: 0px; text-align: left; display: block; }

body .modal #active-list li { width: 50%; display: inline-block; margin-bottom: 0px; padding: 6px 5px 70px 10px; text-align: left; float: left; height: 100px; position: relative; }

body .modal #active-list li .userStatus img { border: 2px solid #fff; box-shadow: 0 5px 10px 0 rgba(43, 43, 43, 0.15); margin-top: -3px; }

body .modal #active-list li .userStatus.active:after { width: 16px !important; height: 16px !important; right: 4px; }

body .modal #active-list li.active { display: inline-block; }

body .modal #active-list li .user-name { display: block; position: relative; margin-top: -2px; font-family: 'Quicksand', sans-serif !important; }

body .modal .browser { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: calc(100% - 80px); display: block !important; font-size: 8px; z-index: 100; margin-top: 5px; color: #aaa; position: relative; }

body .modal .browser i { font-size: 8px; color: #777; }

@media screen and (max-width: 1150px) { body .modal #active-list li { width: 48%; } }

body .modal #active-list li a { font-size: 11px; display: block; position: relative; margin-top: 0px !important; line-height: 11px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: calc(100% - 80px); display: block !important; }

body .modal #active-list li a b { text-decoration: none; color: #555; font-weight: normal; display: inline-block; margin-right: 6px; }

body .modal #active-list li a span { color: #999 !important; text-decoration: underline; font-size: 9px; }

#active-list li .job { text-decoration: none; color: #999; font-weight: normal; display: inline-block; margin-right: 6px; font-size: 10px; display: block; position: relative; margin-top: 4px !important; line-height: 11px; text-overflow: ellipsis; display: block !important; margin-bottom: 8px; }

#active-list li .job.blink { animation: blink 1s infinite; }

#active-list li .job.blink:before { content: '\f017'; font-family: ''; font: normal normal normal 14px/1 FontAwesome; display: inline-block; margin-right: 3px; font-size: 11px; }

#search-container { position: relative; display: block; width: 32%; margin-left: 9px; float: left; min-width: 390px; }

#search-container .icon { color: #444; font-size: 16px; position: absolute; top: 11px; left: 18.5px; }

#search-container #nav-search { border: none; background: #f2f3f5; border-radius: 3px; border-bottom: 2px solid #fafafa; line-height: 30px; width: 100%; padding: 0; padding-left: 50px; font-size: 14px; line-height: 35px; transition: 0.2s; margin-top: 2px; }

#search-container #nav-search:active, #search-container #nav-search:focus { background: #f5f6f8; }

#search-container #nav-find-container { position: absolute; width: 100%; top: 58px; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.4); box-shadow: 0 2px 5px rgba(50, 50, 93, 0.03), -10px 10px 10px rgba(50, 50, 93, 0.05); max-height: 350px; overflow-y: scroll; overflow-x: hidden; min-width: 300px; left: 0px; display: none; animation: showUserOnline 0.15s 0.2s cubic-bezier(0.25, 0.1, 0.25, 0.8) both; }

#search-container .posfix { position: relative; display: block; height: 100%; width: 100%; overflow: hidden; }

#search-container .header { display: block; padding: .5rem 1rem; margin-bottom: 0; font-size: .765625rem; color: #999; white-space: nowrap; text-transform: uppercase; font-weight: bold; text-align: left !important; padding: .6rem 1rem; background-color: #65b00f; color: #fff; text-align: center; text-transform: uppercase; top: 0px; left: 0px; z-index: 10; }

#search-container #nav-find-empty { display: none; padding: .5rem 1rem; margin-bottom: 0; font-size: .765625rem; color: #999; white-space: nowrap; text-transform: uppercase; font-weight: bold; text-align: left !important; padding: .6rem 1rem; background-color: red; color: #fff; text-align: center; text-transform: uppercase; top: 0px; left: 0px; z-index: 10; }

#search-container #nav-loading { display: block; content: ''; animation: spin 0.5s infinite linear; background-color: #f0f0f0; background-image: url(/img/loading.png); background-repeat: no-repeat; background-size: 100% !important; position: absolute; height: 17px; width: 17px; top: 11px; left: 10px; opacity: 0; }

#search-container #nav-find { left: 0px; padding: 0; margin: 0; background: #fff; }

#search-container #nav-find .search-item { position: relative; padding-left: 50px; overflow: hidden; display: block; border-bottom: 1px solid #dee2e6; background: #fbfbfb; }

#search-container #nav-find .search-item:last-child { border-bottom: none; }

#search-container #nav-find .search-item:focus, #search-container #nav-find .search-item:hover { color: #404040; text-decoration: none; background-color: #f3f4f6; }

#search-container #nav-find .search-item.active, #search-container #nav-find .search-item:active { color: #fff !important; text-decoration: none; background-color: #9ccc65; }

#search-container #nav-find .search-item.active a, #search-container #nav-find .search-item.active a span, #search-container #nav-find .search-item:active a, #search-container #nav-find .search-item:active a span { color: #fff !important; }

#search-container #nav-find .search-item.disabled, #search-container #nav-find .search-item:disabled { color: #999; background-color: transparent; }

#search-container #nav-find .search-item a { display: block; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: calc(100% - 22px); font-size: 12.9px; }

#search-container #nav-find .search-item a img { height: 28px; position: absolute; left: 10px; top: 5px; display: block; }

#search-container #nav-find .search-item a span { font-weight: bold; color: #676767; text-shadow: none; }

.sidebar-mobile-toggle { display: none !important; }

@media (max-width: 1000px) { .sidebar-mobile-toggle { display: block !important; }
  .navbar .navbar-brand { display: none !important; }
  .sidebar-mobile-toggle { margin-right: 0px !important; padding-right: 0px; }
  #search-container { width: calc(100% - 400px); min-width: calc(100% - 400px); position: absolute; left: 30px; } }

@media (max-width: 1180px) { .home .col-md-5, .home .col-md-7 { max-width: 100% !important; width: 100% !important; -ms-flex: inherit !important; flex: inherit !important; }
  #chart-box { margin-top: 100px !important; }
  #home-bg { height: 950px !important; } }

:root { --blue: #65b00f; --indigo: #3f51b5 ; --purple: #9c27b0; --pink: #e91e63; --red: #ef5350; --orange: #fdb244; --yellow: #ffca28; --green: #9ccc65; --teal: #009688; --cyan: #26c6da; --white: #fff; --gray: #999; --gray-dark: #4d4d4d; --secondary: #aaa; --success: #9ccc65; --info: #26c6da; --warning: #ffca28; --danger: #ef5350; --light: #f8f9fa; --dark: #444; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

.photo-preview { width: 400px; display: block; float: right; position: relative; }

.photo-preview .progress { position: absolute; top: 0px; height: 20px; width: 100%; }

.photo-preview img { max-width: 200px; max-height: 100px; float: right; }

.project-page h1 { color: #444; -webkit-font-smoothing: antialiased; font-family: Poppins, Arial, serif; }

.project-page h1 b { font-weight: 700 !important; }

.grf-id { display: inline-block; opacity: .6; }

.yadcf-filter-reset-button { background: transparent; border: none; }

.ui-widget-header { background: transparent !important; border: none !important; }

.ui-state-default { background: transparent !important; border-left: none; border-right: none; border-top: none; }

.yadcf-filter-wrapper { display: block; position: relative; box-sizing: border-box; }

@media print { *, :after, :before { text-shadow: none !important; box-shadow: none !important; }
  a:not(.btn) { text-decoration: underline; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  pre { white-space: pre-wrap !important; }
  blockquote, pre { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  img, tr { page-break-inside: avoid; }
  h2, h3, p { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  @page { size: a3; }
  .container, body { min-width: 992px !important; }
  .navbar { display: none; }
  .badge { border: 1px solid #000; }
  .table { border-collapse: collapse !important; }
  .table td, .table th { background-color: #fff !important; }
  .table-bordered td, .table-bordered th { border: 1px solid #ddd !important; } }

*, :after, :before { box-sizing: border-box; }

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; }

@-ms-viewport { width: device-width; }

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; font-size: .875rem; font-weight: 400; line-height: 1.5; color: #444; text-align: left; background-color: #fbf9f5; -webkit-font-smoothing: antialiased; }

[tabindex="-1"]:focus { outline: 0 !important; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; }

p { margin-top: 0; margin-bottom: 1rem; }

abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; }

address { font-style: normal; line-height: inherit; margin-bottom: 1rem; }

dl, ol, ul { margin-bottom: 1rem; }

dl, ol, ul { margin-top: 0; }

ol ol, ol ul { margin-bottom: 0; }

ul ol, ul ul { margin-bottom: 0; }

dt { font-weight: 500; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

dfn { font-style: italic; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

a { color: #757575; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; }

a:hover { color: #515151; text-decoration: none; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; background: #fefefe; border-radius: 5px; padding: 5px; }

pre .json-key { font-weight: bold; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; }

svg:not(:root) { overflow: hidden; }

table { border-collapse: collapse; }

caption { padding-top: .75rem; padding-bottom: .75rem; color: #999; text-align: left; caption-side: bottom; }

th { text-align: inherit; }

label { display: inline-block; margin-bottom: 0.5rem; }

button { border-radius: 0; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; }

button, select { text-transform: none; }

[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; }

input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }

input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }

[type=search] { outline-offset: -2px; -webkit-appearance: none; }

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 1rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; }

.h1, h1 { font-size: 2.1875rem; }

.h2, h2 { font-size: 1.75rem; }

.h3, h3 { font-size: 1.53125rem; }

.h4, h4 { font-size: 1.3125rem; }

.h5, h5 { font-size: 1.09375rem; }

.h6, h6 { font-size: 0.875rem; }

.lead { font-size: 1.09375rem; font-weight: 300; }

.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; }

.display-2 { font-weight: 300; line-height: 1.2; font-size: 5.5rem; }

.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; }

.display-4 { font-weight: 300; line-height: 1.2; font-size: 3.5rem; }

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(68, 68, 68, 0.1); }

.small, small { font-size: 80%; font-weight: 400; }

.mark, mark { padding: .2em; background-color: #fcf8e3; }

.list-inline, .list-unstyled { padding-left: 0; list-style: none; }

.list-inline-item { display: inline-block; }

.list-inline-item:not(:last-child) { margin-right: 0.5rem; }

.initialism { font-size: 90%; text-transform: uppercase; }

.blockquote { margin-bottom: 1rem; font-size: 1.09375rem; }

.blockquote-footer { display: block; font-size: 80%; color: #999; }

.blockquote-footer:before { content: "—   "; }

.img-fluid { max-width: 100%; height: auto; }

.img-thumbnail { max-width: 100%; height: auto; padding: .25rem; background-color: #efefef; border: 1px solid #dee2e6; }

.figure { display: inline-block; }

.figure-img { margin-bottom: .5rem; line-height: 1; }

.figure-caption { font-size: 90%; color: #999; }

code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; }

code { font-size: 87.5%; color: #e91e63; word-break: break-word; }

a > code { color: inherit; }

kbd { padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #4d4d4d; }

kbd kbd { padding: 0; font-size: 100%; font-weight: 500; }

pre { display: block; font-size: 87.5%; color: #4d4d4d; }

pre code { font-size: inherit; color: inherit; word-break: normal; }

.pre-scrollable { max-height: 340px; overflow-y: scroll; }

.container, .container-fluid { width: 100%; padding-right: 5px; padding-left: 5px; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) { .container { max-width: 540px; } }

@media (min-width: 768px) { .container { max-width: 720px; } }

@media (min-width: 992px) { .container { max-width: 960px; } }

@media (min-width: 1200px) { .container { max-width: 1140px; } }

.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.no-gutters { margin-right: 0; margin-left: 0; }

.no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; }

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }

.col-1, .col-auto { -webkit-box-flex: 0; }

.col-1 { -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333%; }

.col-2 { -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66667%; -webkit-box-flex: 0; }

.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

.col-4 { -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333%; -webkit-box-flex: 0; }

.col-5 { -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66667%; }

.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -webkit-box-flex: 0; }

.col-7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333%; }

.col-8 { -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66667%; -webkit-box-flex: 0; }

.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }

.col-10 { -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333%; -webkit-box-flex: 0; }

.col-11 { -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66667%; }

.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

.order-first { -ms-flex-order: -1; order: -1; }

.order-last { -ms-flex-order: 13; order: 13; }

.order-0 { -ms-flex-order: 0; order: 0; }

.order-1 { -ms-flex-order: 1; order: 1; }

.order-2 { -ms-flex-order: 2; order: 2; }

.order-3 { -ms-flex-order: 3; order: 3; }

.order-4 { -ms-flex-order: 4; order: 4; }

.order-5 { -ms-flex-order: 5; order: 5; }

.order-6 { -ms-flex-order: 6; order: 6; }

.order-7 { -ms-flex-order: 7; order: 7; }

.order-8 { -ms-flex-order: 8; order: 8; }

.order-9 { -ms-flex-order: 9; order: 9; }

.order-10 { -ms-flex-order: 10; order: 10; }

.order-11 { -ms-flex-order: 11; order: 11; }

.order-12 { -ms-flex-order: 12; order: 12; }

.offset-1 { margin-left: 8.33333%; }

.offset-2 { margin-left: 16.66667%; }

.offset-3 { margin-left: 25%; }

.offset-4 { margin-left: 33.33333%; }

.offset-5 { margin-left: 41.66667%; }

.offset-6 { margin-left: 50%; }

.offset-7 { margin-left: 58.33333%; }

.offset-8 { margin-left: 66.66667%; }

.offset-9 { margin-left: 75%; }

.offset-10 { margin-left: 83.33333%; }

.offset-11 { margin-left: 91.66667%; }

@media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-sm-1 { -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333%; }
  .col-sm-2 { -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66667%; }
  .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333%; }
  .col-sm-5 { -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66667%; }
  .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333%; }
  .col-sm-8 { -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66667%; }
  .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333%; }
  .col-sm-11 { -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66667%; }
  .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-sm-first { -ms-flex-order: -1; order: -1; }
  .order-sm-last { -ms-flex-order: 13; order: 13; }
  .order-sm-0 { -ms-flex-order: 0; order: 0; }
  .order-sm-1 { -ms-flex-order: 1; order: 1; }
  .order-sm-2 { -ms-flex-order: 2; order: 2; }
  .order-sm-3 { -ms-flex-order: 3; order: 3; }
  .order-sm-4 { -ms-flex-order: 4; order: 4; }
  .order-sm-5 { -ms-flex-order: 5; order: 5; }
  .order-sm-6 { -ms-flex-order: 6; order: 6; }
  .order-sm-7 { -ms-flex-order: 7; order: 7; }
  .order-sm-8 { -ms-flex-order: 8; order: 8; }
  .order-sm-9 { -ms-flex-order: 9; order: 9; }
  .order-sm-10 { -ms-flex-order: 10; order: 10; }
  .order-sm-11 { -ms-flex-order: 11; order: 11; }
  .order-sm-12 { -ms-flex-order: 12; order: 12; }
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.33333%; }
  .offset-sm-2 { margin-left: 16.66667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.33333%; }
  .offset-sm-5 { margin-left: 41.66667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.33333%; }
  .offset-sm-8 { margin-left: 66.66667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.33333%; }
  .offset-sm-11 { margin-left: 91.66667%; } }

@media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-md-1 { -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333%; }
  .col-md-2 { -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66667%; }
  .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333%; }
  .col-md-5 { -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66667%; }
  .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333%; }
  .col-md-8 { -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66667%; }
  .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333%; }
  .col-md-11 { -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66667%; }
  .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-md-first { -ms-flex-order: -1; order: -1; }
  .order-md-last { -ms-flex-order: 13; order: 13; }
  .order-md-0 { -ms-flex-order: 0; order: 0; }
  .order-md-1 { -ms-flex-order: 1; order: 1; }
  .order-md-2 { -ms-flex-order: 2; order: 2; }
  .order-md-3 { -ms-flex-order: 3; order: 3; }
  .order-md-4 { -ms-flex-order: 4; order: 4; }
  .order-md-5 { -ms-flex-order: 5; order: 5; }
  .order-md-6 { -ms-flex-order: 6; order: 6; }
  .order-md-7 { -ms-flex-order: 7; order: 7; }
  .order-md-8 { -ms-flex-order: 8; order: 8; }
  .order-md-9 { -ms-flex-order: 9; order: 9; }
  .order-md-10 { -ms-flex-order: 10; order: 10; }
  .order-md-11 { -ms-flex-order: 11; order: 11; }
  .order-md-12 { -ms-flex-order: 12; order: 12; }
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.33333%; }
  .offset-md-2 { margin-left: 16.66667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.33333%; }
  .offset-md-5 { margin-left: 41.66667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.33333%; }
  .offset-md-8 { margin-left: 66.66667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.33333%; }
  .offset-md-11 { margin-left: 91.66667%; } }

@media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-lg-1 { -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333%; }
  .col-lg-2 { -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66667%; }
  .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333%; }
  .col-lg-5 { -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66667%; }
  .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333%; }
  .col-lg-8 { -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66667%; }
  .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333%; }
  .col-lg-11 { -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66667%; }
  .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-lg-first { -ms-flex-order: -1; order: -1; }
  .order-lg-last { -ms-flex-order: 13; order: 13; }
  .order-lg-0 { -ms-flex-order: 0; order: 0; }
  .order-lg-1 { -ms-flex-order: 1; order: 1; }
  .order-lg-2 { -ms-flex-order: 2; order: 2; }
  .order-lg-3 { -ms-flex-order: 3; order: 3; }
  .order-lg-4 { -ms-flex-order: 4; order: 4; }
  .order-lg-5 { -ms-flex-order: 5; order: 5; }
  .order-lg-6 { -ms-flex-order: 6; order: 6; }
  .order-lg-7 { -ms-flex-order: 7; order: 7; }
  .order-lg-8 { -ms-flex-order: 8; order: 8; }
  .order-lg-9 { -ms-flex-order: 9; order: 9; }
  .order-lg-10 { -ms-flex-order: 10; order: 10; }
  .order-lg-11 { -ms-flex-order: 11; order: 11; }
  .order-lg-12 { -ms-flex-order: 12; order: 12; }
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.33333%; }
  .offset-lg-2 { margin-left: 16.66667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.33333%; }
  .offset-lg-5 { margin-left: 41.66667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.33333%; }
  .offset-lg-8 { margin-left: 66.66667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.33333%; }
  .offset-lg-11 { margin-left: 91.66667%; } }

@media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-xl-1 { -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333%; }
  .col-xl-2 { -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66667%; }
  .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333%; }
  .col-xl-5 { -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66667%; }
  .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333%; }
  .col-xl-8 { -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66667%; }
  .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333%; }
  .col-xl-11 { -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66667%; }
  .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-xl-first { -ms-flex-order: -1; order: -1; }
  .order-xl-last { -ms-flex-order: 13; order: 13; }
  .order-xl-0 { -ms-flex-order: 0; order: 0; }
  .order-xl-1 { -ms-flex-order: 1; order: 1; }
  .order-xl-2 { -ms-flex-order: 2; order: 2; }
  .order-xl-3 { -ms-flex-order: 3; order: 3; }
  .order-xl-4 { -ms-flex-order: 4; order: 4; }
  .order-xl-5 { -ms-flex-order: 5; order: 5; }
  .order-xl-6 { -ms-flex-order: 6; order: 6; }
  .order-xl-7 { -ms-flex-order: 7; order: 7; }
  .order-xl-8 { -ms-flex-order: 8; order: 8; }
  .order-xl-9 { -ms-flex-order: 9; order: 9; }
  .order-xl-10 { -ms-flex-order: 10; order: 10; }
  .order-xl-11 { -ms-flex-order: 11; order: 11; }
  .order-xl-12 { -ms-flex-order: 12; order: 12; }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.33333%; }
  .offset-xl-2 { margin-left: 16.66667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.33333%; }
  .offset-xl-5 { margin-left: 41.66667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.33333%; }
  .offset-xl-8 { margin-left: 66.66667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.33333%; }
  .offset-xl-11 { margin-left: 91.66667%; } }

.table { width: 100%; max-width: 100%; background-color: transparent; }

.table td, .table th { vertical-align: top; padding: 5px 10px 5px 15px !important; line-height: 34px; /*border-top: 1px solid #dee2e6*/ }

.table thead th { vertical-align: bottom; border-bottom: 1px solid #dee2e6; /*background-color: rgb(130, 130, 130); color: #fff;*/ }

.table tbody + tbody { border-top: 2px solid #dee2e6; }

.table .table { background-color: #efefef; }

.table-sm td, .table-sm th { padding: 0.3rem; }

.table-bordered { border: 1px solid #dee2e6; }

.table-bordered td, .table-bordered th { border: 1px solid #dee2e6; }

.table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; }

.table-striped tbody tr { box-shadow: 0 2px 1px rgba(50, 50, 93, 0.03), 0px -2px 2px rgba(200, 200, 200, 0.03); }

.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(245, 246, 248, 0.3); }

.table-hover tbody tr:hover { background-color: rgba(200, 200, 200, 0.03) !important; }

.table-primary { background-color: #cae6fc; }

.table-primary > td, .table-primary > th { background-color: #cae6fc; }

.table-hover .table-primary:hover { background-color: #b2dbfb; }

.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #b2dbfb; }

.table-secondary { background-color: #e7e7e7; }

.table-secondary > td, .table-secondary > th { background-color: #e7e7e7; }

.table-hover .table-secondary:hover { background-color: #dadada; }

.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #dadada; }

.table-success { background-color: #e3f1d4; }

.table-success > td, .table-success > th { background-color: #e3f1d4; }

.table-hover .table-success:hover { background-color: #d6ebc1; }

.table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #d6ebc1; }

.table-info { background-color: #c2eff5; }

.table-info > td, .table-info > th { background-color: #c2eff5; }

.table-hover .table-info:hover { background-color: #ace9f1; }

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #ace9f1; }

.table-warning { background-color: #fff0c3; }

.table-warning > td, .table-warning > th { background-color: #fff0c3; }

.table-hover .table-warning:hover { background-color: #ffeaaa; }

.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffeaaa; }

.table-danger { background-color: #fbcfce; }

.table-danger > td, .table-danger > th { background-color: #fbcfce; }

.table-hover .table-danger:hover { background-color: #f9b8b6; }

.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f9b8b6; }

.table-light { background-color: #fdfdfe; }

.table-light > td, .table-light > th { background-color: #fdfdfe; }

.table-hover .table-light:hover { background-color: #ececf6; }

.table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; }

.table-dark { background-color: #cbcbcb; }

.table-dark > td, .table-dark > th { background-color: #cbcbcb; }

.table-hover .table-dark:hover { background-color: #bebebe; }

.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #bebebe; }

.table-active { background-color: rgba(68, 68, 68, 0.075); }

.table-active > td, .table-active > th { background-color: rgba(68, 68, 68, 0.075); }

.table-hover .table-active:hover { background-color: rgba(55, 55, 55, 0.075); }

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(55, 55, 55, 0.075); }

.table .thead-dark th { color: #efefef; background-color: #444; border-color: #606060; }

.table .thead-light th { color: #717171; background-color: #e9ecef; border-color: #dee2e6; }

.table-dark { color: #efefef; background-color: #444; }

.table-dark td, .table-dark th, .table-dark thead th { border-color: #606060; }

.table-dark.table-bordered { border: 0; }

.table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); }

.table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-sm > .table-bordered { border: 0; } }

@media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-md > .table-bordered { border: 0; } }

@media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-lg > .table-bordered { border: 0; } }

@media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-xl > .table-bordered { border: 0; } }

.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

.table-responsive > .table-bordered { border: 0; }

.yadcf-filter-wrapper { width: 100%; }

.filter-box select { height: calc(2.0625rem + 7px); }

.yadcf-filter-wrapper-inner { border: none !important; width: 100%; }

.yadcf-filter-wrapper-inner input { width: 47% !important; float: left; }

.yadcf-filter-wrapper-inner .yadcf-filter-range-end { float: right; }

.dataTable thead { background: #f1f1f1; border-radius: 3px; overflow: hidden; position: relative; width: 100%; }

.dataTable thead th { border: 1px solid #e5e5e5; }

.th-top { border-bottom: 1px solid #ddd !important; }

.th-right { border-right: 1px black; }

.dataTables_paginate a.ui-state-default { padding: 4px 8px !important; }

.form-control.accept { font-weight: bold; color: #222; }

.form-control.accept .fa { color: green; }

.form-control, .filter-box input, .filter-box select, th input, th select, .chosen-container select { display: block; width: 100%; padding: .375rem .75rem; margin-bottom: 3px; font-size: .875rem; line-height: 1.8; color: #777; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 3px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.form-control::-ms-expand, .filter-box input::-ms-expand, .filter-box select::-ms-expand, th input::-ms-expand, th select::-ms-expand, .chosen-container select::-ms-expand { background-color: transparent; border: 0; }

.form-control:focus, .filter-box input:focus, .filter-box select:focus, th input:focus, th select:focus, .chosen-container select:focus { color: #777; background-color: #fff; border-color: #65b00f; outline: 0; box-shadow: none; }

.form-control::-webkit-input-placeholder, .form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-control::placeholder, .filter-box input::-webkit-input-placeholder, .filter-box input:-ms-input-placeholder, .filter-box input::-ms-input-placeholder, .filter-box input::placeholder, .filter-box select::-webkit-input-placeholder, .filter-box select:-ms-input-placeholder, .filter-box select::-ms-input-placeholder, .filter-box select::placeholder, th input::-webkit-input-placeholder, th input:-ms-input-placeholder, th input::-ms-input-placeholder, th input::placeholder, th select::-webkit-input-placeholder, th select:-ms-input-placeholder, th select::-ms-input-placeholder, th select::placeholder, .chosen-container select::-webkit-input-placeholder, .chosen-container select:-ms-input-placeholder, .chosen-container select::-ms-input-placeholder, .chosen-container select::placeholder { color: #999; opacity: 1; }

.form-control:disabled, .form-control[readonly], .filter-box input:disabled, .filter-box input[readonly], .filter-box select:disabled, .filter-box select[readonly], th input:disabled, th input[readonly], th select:disabled, th select[readonly], .chosen-container select:disabled, .chosen-container select[readonly] { background-color: #e9ecef; opacity: 1; }

select.form-control:not([size]):not([multiple]), th select:not([size]):not([multiple]) { height: calc(2.0625rem + 7px); }

select.form-control:focus::-ms-value, th select:focus::-ms-value { color: #777; background-color: #fff; }

th select, th input { height: calc(1.0625rem + 7px) !important; font-size: 12px; max-width: 117px; margin-left: -2px; }

.form-control-file, .form-control-range { display: block; width: 100%; }

.col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; }

.col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.09375rem; line-height: 1.5; }

.col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .765625rem; line-height: 1.5; }

.form-control-plaintext { display: block; width: 100%; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; line-height: 1.5; background-color: transparent; border: solid transparent; border-width: 1px 0; }

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0; }

.input-group-lg > .form-control-plaintext.form-control { padding-right: 0; padding-left: 0; }

.input-group-lg > .input-group-append > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text { padding-right: 0; padding-left: 0; }

.input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text { padding-right: 0; padding-left: 0; }

.input-group-sm > .form-control-plaintext.form-control { padding-right: 0; padding-left: 0; }

.input-group-sm > .input-group-append > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text { padding-right: 0; padding-left: 0; }

.input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text { padding-right: 0; padding-left: 0; }

.form-control-sm { padding: .25rem .5rem; font-size: .765625rem; line-height: 1.5; }

.input-group-sm > .form-control { padding: .25rem .5rem; font-size: .765625rem; line-height: 1.5; }

.input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text { padding: .25rem .5rem; font-size: .765625rem; line-height: 1.5; }

.input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { padding: .25rem .5rem; font-size: .765625rem; line-height: 1.5; }

.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]) { height: calc(1.6484375rem + 2px); }

.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]) { height: calc(1.6484375rem + 2px); }

.input-group-sm > select.form-control:not([size]):not([multiple]) { height: calc(1.6484375rem + 2px); }

select.form-control-sm:not([size]):not([multiple]) { height: calc(1.6484375rem + 2px); }

.form-control-lg { padding: .5rem 1rem; font-size: 1.09375rem; line-height: 1.5; }

.input-group-lg > .form-control { padding: .5rem 1rem; font-size: 1.09375rem; line-height: 1.5; }

.input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text { padding: .5rem 1rem; font-size: 1.09375rem; line-height: 1.5; }

.input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { padding: .5rem 1rem; font-size: 1.09375rem; line-height: 1.5; }

.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]) { height: calc(2.640625rem + 2px); }

.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]) { height: calc(2.640625rem + 2px); }

.input-group-lg > select.form-control:not([size]):not([multiple]) { height: calc(2.640625rem + 2px); }

select.form-control-lg:not([size]):not([multiple]) { height: calc(2.640625rem + 2px); }

.form-group { margin-bottom: 1rem; }

.form-text { display: block; margin-top: 0.25rem; }

.form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }

.form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; }

.form-check { position: relative; display: block; padding-left: 1.25rem; }

.form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem; }

.form-check-input:disabled ~ .form-check-label { color: #999; }

.form-check-label { margin-bottom: 0; }

.form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; }

.form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0; }

.valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #9ccc65; }

.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(156, 204, 102, 0.8); border-radius: 0.2rem; }

.custom-select.is-valid, .form-control.is-valid { border-color: #9ccc65; }

.was-validated .custom-select:valid, .was-validated .form-control:valid { border-color: #9ccc65; }

.custom-select.is-valid:focus, .form-control.is-valid:focus { border-color: #9ccc65; box-shadow: 0 0 0 0.2rem rgba(156, 204, 102, 0.25); }

.was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus { border-color: #9ccc65; box-shadow: 0 0 0 0.2rem rgba(156, 204, 102, 0.25); }

.custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; }

.form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; }

.was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip { display: block; }

.was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { display: block; }

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: #9ccc65; }

.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; }

.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block; }

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: #9ccc65; }

.custom-control-input.is-valid ~ .custom-control-label:before, .was-validated .custom-control-input:valid ~ .custom-control-label:before { background-color: #daecc5; }

.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; }

.was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip { display: block; }

.custom-control-input.is-valid:checked ~ .custom-control-label:before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label:before { background-color: #b5d98b; }

.custom-control-input.is-valid:focus ~ .custom-control-label:before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label:before { box-shadow: 0 0 0 1px #efefef, 0 0 0 0.2rem rgba(156, 204, 102, 0.25); }

.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: #9ccc65; }

.custom-file-input.is-valid ~ .custom-file-label:before, .was-validated .custom-file-input:valid ~ .custom-file-label:before { border-color: inherit; }

.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; }

.was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip { display: block; }

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(156, 204, 102, 0.25); }

.invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #ef5350; }

.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(239, 83, 80, 0.8); border-radius: 0.2rem; }

.custom-select.is-invalid, .form-control.is-invalid { border-color: #ef5350; }

.was-validated .custom-select:invalid, .was-validated .form-control:invalid { border-color: #ef5350; }

.custom-select.is-invalid:focus, .form-control.is-invalid:focus { border-color: #ef5350; box-shadow: 0 0 0 0.2rem rgba(239, 83, 80, 0.25); }

.was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus { border-color: #ef5350; box-shadow: 0 0 0 0.2rem rgba(239, 83, 80, 0.25); }

.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; }

.form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip { display: block; }

.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { display: block; }

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: #ef5350; }

.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block; }

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: #ef5350; }

.custom-control-input.is-invalid ~ .custom-control-label:before, .was-validated .custom-control-input:invalid ~ .custom-control-label:before { background-color: #fac6c5; }

.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip { display: block; }

.custom-control-input.is-invalid:checked ~ .custom-control-label:before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label:before { background-color: #f3817f; }

.custom-control-input.is-invalid:focus ~ .custom-control-label:before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label:before { box-shadow: 0 0 0 1px #efefef, 0 0 0 0.2rem rgba(239, 83, 80, 0.25); }

.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: #ef5350; }

.custom-file-input.is-invalid ~ .custom-file-label:before, .was-validated .custom-file-input:invalid ~ .custom-file-label:before { border-color: inherit; }

.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip { display: block; }

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(239, 83, 80, 0.25); }

.form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; }

.form-inline .form-check { width: 100%; }

@media (min-width: 576px) { .form-inline label { -ms-flex-align: center; -ms-flex-pack: center; justify-content: center; }
  .form-inline .form-group, .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 0; }
  .form-inline .form-group { -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; }
  .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
  .form-inline .form-control-plaintext { display: inline-block; }
  .form-inline .input-group { width: auto; }
  .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; }
  .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: .25rem; margin-left: 0; }
  .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
  .form-inline .custom-control-label { margin-bottom: 0; } }

a.btn, button.btn, a.button, button.button, .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: .875rem; line-height: 1.5; border-radius: 2px; box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.3) inset; /* 1px 1px 1px rgba(0,0,0,0.11) inset, */ transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

a.btn:focus, a.btn:hover, button.btn:focus, button.btn:hover, a.button:focus, a.button:hover, button.button:focus, button.button:hover { text-decoration: none; }

a.btn.focus, a.btn:focus, button.btn.focus, button.btn:focus, a.button.focus, a.button:focus, button.button.focus, button.button:focus { outline: 0; box-shadow: none; }

a.btn.disabled, a.btn:disabled, button.btn.disabled, button.btn:disabled, a.button.disabled, a.button:disabled, button.button.disabled, button.button:disabled { opacity: 0.65; }

a.btn:not(:disabled):not(.disabled), button.btn:not(:disabled):not(.disabled), a.button:not(:disabled):not(.disabled), button.button:not(:disabled):not(.disabled) { cursor: pointer; }

a.btn:not(:disabled):not(.disabled).active, a.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active, button.btn:not(:disabled):not(.disabled):active, a.button:not(:disabled):not(.disabled).active, a.button:not(:disabled):not(.disabled):active, button.button:not(:disabled):not(.disabled).active, button.button:not(:disabled):not(.disabled):active { background-image: none; }

a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; }

.btn-primary, .button { color: #fff; background-color: #65b00f; border-color: #65b00f; }

.btn-primary:hover, .button:hover { color: #fff; background-color: #58960c; border-color: #57960a; }

.btn-primary.focus, .btn-primary:focus, .button.focus, .button:focus { box-shadow: 0 0 0 0.2rem rgba(66, 165, 245, 0.5); }

.btn-primary.disabled, .btn-primary:disabled, .button.disabled, .button:disabled { color: #fff; background-color: #aaa; border-color: #aaa; }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .button:not(:disabled):not(.disabled).active, .button:not(:disabled):not(.disabled):active { color: #fff; background-color: #222; border-color: #222; }

.show > .btn-primary.dropdown-toggle { color: #fff; background-color: #84ab58; border-color: #84ab58; }

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgba(66, 165, 245, 0.5); }

.show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(66, 165, 245, 0.5); }

.btn-secondary { color: #fff; background-color: #aaa; border-color: #aaa; }

.btn-secondary:hover { color: #fff; background-color: #979797; border-color: #919090; }

.btn-secondary.focus, .btn-secondary:focus { box-shadow: 0 0 0 0.2rem rgba(171, 171, 171, 0.5); }

.btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #aaa; border-color: #aaa; }

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active { color: #fff; background-color: #919090; border-color: #8a8a8a; }

.show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #919090; border-color: #8a8a8a; }

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgba(171, 171, 171, 0.5); }

.show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(171, 171, 171, 0.5); }

.btn-success { color: #fff; background-color: #9ccc65; border-color: #9ccc65; }

.btn-success:hover { color: #fff; background-color: #8ac248; border-color: #83bf3f; }

.btn-success.focus, .btn-success:focus { box-shadow: 0 0 0 0.2rem rgba(156, 204, 102, 0.5); }

.btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #9ccc65; border-color: #9ccc65; }

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active { color: #fff; background-color: #83bf3f; border-color: #7db53c; }

.show > .btn-success.dropdown-toggle { color: #fff; background-color: #83bf3f; border-color: #7db53c; }

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgba(156, 204, 102, 0.5); }

.show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(156, 204, 102, 0.5); }

.btn-info { color: #fff; background-color: #26c6da; border-color: #26c6da; }

.btn-info:hover { color: #fff; background-color: #20a9ba; border-color: #1e9faf; }

.btn-info.focus, .btn-info:focus { box-shadow: 0 0 0 0.2rem rgba(38, 198, 218, 0.5); }

.btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #26c6da; border-color: #26c6da; }

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active { color: #fff; background-color: #1e9faf; border-color: #1c95a4; }

.show > .btn-info.dropdown-toggle { color: #fff; background-color: #1e9faf; border-color: #1c95a4; }

.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgba(38, 198, 218, 0.5); }

.show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 198, 218, 0.5); }

.btn-warning { color: #fff; background-color: #ffca28; border-color: #ffca28; }

.btn-warning:hover { color: #fff; background-color: #ffc102; border-color: #f4b800; }

.btn-warning.focus, .btn-warning:focus { box-shadow: 0 0 0 0.2rem rgba(255, 202, 40, 0.5); }

.btn-warning.disabled, .btn-warning:disabled { color: #fff; background-color: #ffca28; border-color: #ffca28; }

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active { color: #fff; background-color: #f4b800; border-color: #e7ae00; }

.show > .btn-warning.dropdown-toggle { color: #fff; background-color: #f4b800; border-color: #e7ae00; }

.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgba(255, 202, 40, 0.5); }

.show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 202, 40, 0.5); }

.btn-danger { color: #fff; background-color: #ef5350; border-color: #ef5350; }

.btn-danger:hover { color: #fff; background-color: #ec312d; border-color: #eb2521; }

.btn-danger.focus, .btn-danger:focus { box-shadow: 0 0 0 0.2rem rgba(239, 83, 80, 0.5); }

.btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #ef5350; border-color: #ef5350; }

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active { color: #fff; background-color: #eb2521; border-color: #ea1a16; }

.show > .btn-danger.dropdown-toggle { color: #fff; background-color: #eb2521; border-color: #ea1a16; }

.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgba(239, 83, 80, 0.5); }

.show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(239, 83, 80, 0.5); }

.btn-light { color: #4d4d4d; background-color: #f8f9fa; border-color: #f8f9fa; }

.btn-light:hover { color: #4d4d4d; background-color: #e2e6ea; border-color: #dae0e5; }

.btn-light.focus, .btn-light:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-light.disabled, .btn-light:disabled { color: #4d4d4d; background-color: #f8f9fa; border-color: #f8f9fa; }

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active { color: #4d4d4d; background-color: #dae0e5; border-color: #d3d9df; }

.show > .btn-light.dropdown-toggle { color: #4d4d4d; background-color: #dae0e5; border-color: #d3d9df; }

.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-dark { color: #fff; background-color: #444; border-color: #444; }

.btn-dark:hover { color: #fff; background-color: #313131; border-color: #2b2a2a; }

.btn-dark.focus, .btn-dark:focus { box-shadow: 0 0 0 0.2rem rgba(68, 68, 68, 0.5); }

.btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #444; border-color: #444; }

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active { color: #fff; background-color: #2b2a2a; border-color: #242424; }

.show > .btn-dark.dropdown-toggle { color: #fff; background-color: #2b2a2a; border-color: #242424; }

.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgba(68, 68, 68, 0.5); }

.show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(68, 68, 68, 0.5); }

.btn-outline-primary { color: #42a5f5; background-color: transparent; background-image: none; border-color: #42a5f5; }

.btn-outline-primary:hover { color: #fff; background-color: #42a5f5; border-color: #42a5f5; }

.btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 0.2rem rgba(66, 165, 245, 0.5); }

.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #42a5f5; background-color: transparent; }

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active { color: #fff; background-color: #42a5f5; border-color: #42a5f5; }

.show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #42a5f5; border-color: #42a5f5; }

.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgba(66, 165, 245, 0.5); }

.show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(66, 165, 245, 0.5); }

.btn-outline-secondary { color: #aaa; background-color: transparent; background-image: none; border-color: #aaa; }

.btn-outline-secondary:hover { color: #fff; background-color: #aaa; border-color: #aaa; }

.btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 0.2rem rgba(171, 171, 171, 0.5); }

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #aaa; background-color: transparent; }

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active { color: #fff; background-color: #aaa; border-color: #aaa; }

.show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #aaa; border-color: #aaa; }

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgba(171, 171, 171, 0.5); }

.show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(171, 171, 171, 0.5); }

.btn-outline-success { color: #9ccc65; background-color: transparent; background-image: none; border-color: #9ccc65; }

.btn-outline-success:hover { color: #fff; background-color: #9ccc65; border-color: #9ccc65; }

.btn-outline-success.focus, .btn-outline-success:focus { box-shadow: 0 0 0 0.2rem rgba(156, 204, 102, 0.5); }

.btn-outline-success.disabled, .btn-outline-success:disabled { color: #9ccc65; background-color: transparent; }

.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active { color: #fff; background-color: #9ccc65; border-color: #9ccc65; }

.show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #9ccc65; border-color: #9ccc65; }

.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgba(156, 204, 102, 0.5); }

.show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(156, 204, 102, 0.5); }

.btn-outline-info { color: #26c6da; background-color: transparent; background-image: none; border-color: #26c6da; }

.btn-outline-info:hover { color: #fff; background-color: #26c6da; border-color: #26c6da; }

.btn-outline-info.focus, .btn-outline-info:focus { box-shadow: 0 0 0 0.2rem rgba(38, 198, 218, 0.5); }

.btn-outline-info.disabled, .btn-outline-info:disabled { color: #26c6da; background-color: transparent; }

.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active { color: #fff; background-color: #26c6da; border-color: #26c6da; }

.show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #26c6da; border-color: #26c6da; }

.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgba(38, 198, 218, 0.5); }

.show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 198, 218, 0.5); }

.btn-outline-warning { color: #ffca28; background-color: transparent; background-image: none; border-color: #ffca28; }

.btn-outline-warning:hover { color: #fff; background-color: #ffca28; border-color: #ffca28; }

.btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: 0 0 0 0.2rem rgba(255, 202, 40, 0.5); }

.btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffca28; background-color: transparent; }

.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active { color: #fff; background-color: #ffca28; border-color: #ffca28; }

.show > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #ffca28; border-color: #ffca28; }

.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgba(255, 202, 40, 0.5); }

.show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 202, 40, 0.5); }

.btn-outline-danger { color: #ef5350; background-color: transparent; background-image: none; border-color: #ef5350; }

.btn-outline-danger:hover { color: #fff; background-color: #ef5350; border-color: #ef5350; }

.btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: 0 0 0 0.2rem rgba(239, 83, 80, 0.5); }

.btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #ef5350; background-color: transparent; }

.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active { color: #fff; background-color: #ef5350; border-color: #ef5350; }

.show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #ef5350; border-color: #ef5350; }

.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgba(239, 83, 80, 0.5); }

.show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(239, 83, 80, 0.5); }

.btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa; }

.btn-outline-light:hover { color: #4d4d4d; background-color: #f8f9fa; border-color: #f8f9fa; }

.btn-outline-light.focus, .btn-outline-light:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; }

.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active { color: #4d4d4d; background-color: #f8f9fa; border-color: #f8f9fa; }

.show > .btn-outline-light.dropdown-toggle { color: #4d4d4d; background-color: #f8f9fa; border-color: #f8f9fa; }

.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-outline-dark { color: #444; background-color: transparent; background-image: none; border-color: #444; }

.btn-outline-dark:hover { color: #fff; background-color: #444; border-color: #444; }

.btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: 0 0 0 0.2rem rgba(68, 68, 68, 0.5); }

.btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #444; background-color: transparent; }

.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active { color: #fff; background-color: #444; border-color: #444; }

.show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #444; border-color: #444; }

.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgba(68, 68, 68, 0.5); }

.show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(68, 68, 68, 0.5); }

.btn-link { font-weight: 400; color: #777; background-color: transparent; }

.btn-link:hover { color: #515151; text-decoration: none; background-color: transparent; border-color: transparent; }

.btn-link.focus, .btn-link:focus { text-decoration: none; border-color: transparent; box-shadow: none; }

.btn-link.disabled, .btn-link:disabled { color: #999; }

.btn-group-lg > .btn, .btn-lg { padding: .5rem 1rem; font-size: 1.09375rem; line-height: 1.5; border-radius: 0; }

.btn-group-sm > .btn, .btn-sm { padding: .25rem .5rem; font-size: .765625rem; line-height: 1.5; border-radius: 0; }

.btn-block { display: block; width: 100%; }

.btn-block + .btn-block { margin-top: 0.5rem; }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100%; }

.fade { opacity: 0; transition: opacity 0.15s linear; }

.fade.show { opacity: 1; }

.collapse { display: none; }

.collapse.show { display: block; }

tr.collapse.show { display: table-row; }

tbody.collapse.show { display: table-row-group; }

.collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; position: relative; }

.dropdown, .dropup { position: relative; }

.dropdown-toggle:after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; margin-top: 15px; float: right; }

.dropdown-toggle:empty:after { margin-left: 0; }

.ts-popup .dropdown-toggle:after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; margin-top: 10px; margin-left: 0.6em; float: right; }

.ts-popup .dropdown-toggle:empty:after { margin-left: 0; }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: .875rem; color: #444; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #dee2e6; border-radius: 2px; box-shadow: 2px 3px 4px rgba(100, 100, 100, 0.1); }

.dropup .dropdown-menu { margin-top: 0; margin-bottom: 0.125rem; }

.dropup .dropdown-toggle:after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty:after { margin-left: 0; }

.dropright .dropdown-menu { margin-top: 0; margin-left: 0.125rem; }

.dropright .dropdown-toggle:after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-bottom: .3em solid transparent; border-left: 0.3em solid; }

.dropright .dropdown-toggle:empty:after { margin-left: 0; }

.dropright .dropdown-toggle:after { vertical-align: 0; }

.dropleft .dropdown-menu { margin-top: 0; margin-right: 0.125rem; }

.dropleft .dropdown-toggle:after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; display: none; }

.dropleft .dropdown-toggle:before { display: inline-block; width: 0; height: 0; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: 0.3em solid transparent; }

.dropleft .dropdown-toggle:empty:after { margin-left: 0; }

.dropleft .dropdown-toggle:before { vertical-align: 0; }

.dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; }

.dropdown-item { display: block; width: 100%; padding: .6rem 1rem; clear: both; font-weight: 400; color: #4d4d4d; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }

.dropdown-item:focus, .dropdown-item:hover { color: #404040; text-decoration: none; background-color: #f8f9fa; }

.dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #9ccc65; }

.dropdown-item.disabled, .dropdown-item:disabled { color: #999; background-color: transparent; }

.dropdown { outline: none !important; box-shadow: none !important; }

.dropdown button, .dropdown button:focus { outline: none !important; box-shadow: none !important; z-index: 10003; }

.dropdown-menu.show { display: block; animation: showDropDownMenu 0.12s cubic-bezier(0.25, 0.1, 0.25, 1) both; transform-origin: 50% 50%; z-index: 10000; }

@keyframes showDropDownMenu { 0% { opacity: 0;
    transform: translateY(-3px); }
  100% { opacity: 1; } }

.dropdown-header { display: block; padding: .5rem 1rem; margin-bottom: 0; font-size: .765625rem; color: #999; white-space: nowrap; text-transform: uppercase; font-weight: bold; text-align: left !important; }

.dropdown-header .fa-times { position: absolute; top: 12px; right: 10px; color: #fff !important; }

.btn-group { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; }

.btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; }

.btn-group-vertical > .btn { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; }

.btn-group > .btn { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; }

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover { z-index: 1; }

.btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 1; }

.btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group { margin-left: -1px; }

.btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; }

.btn-group .btn + .btn, .btn-group .btn + .btn-group { margin-left: -1px; }

.btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; }

.btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; }

.btn-toolbar .input-group { width: auto; }

.btn-group > .btn:first-child { margin-left: 0; }

.dropdown-toggle-split { padding-right: .5625rem; padding-left: 0.5625rem; }

.dropdown-toggle-split:after { margin-left: 0; }

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: .375rem; padding-left: 0.375rem; }

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: .75rem; padding-left: 0.75rem; }

.btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; }

.btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; }

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group { margin-top: -1px; margin-left: 0; }

.btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; }

.btn-group-toggle > .btn { margin-bottom: 0; }

.btn-group-toggle > .btn-group > .btn { margin-bottom: 0; }

.btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }

.btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }

.input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; }

.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; }

.input-group > .custom-file:focus, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3; }

.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control { margin-left: -1px; }

.input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control { margin-left: -1px; }

.input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control { margin-left: -1px; }

.input-group > .custom-file { -ms-flex-align: center; align-items: center; }

.input-group-append, .input-group-prepend, .input-group > .custom-file { display: -ms-flexbox; display: flex; }

.input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2; }

.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text { margin-left: -1px; }

.input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text { margin-left: -1px; }

.input-group-prepend { margin-right: -1px; }

.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text { margin-left: -1px; }

.input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { margin-left: -1px; }

.input-group-append { margin-left: -1px; }

.input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: .875rem; font-weight: 400; line-height: 1.5; color: #777; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; }

.input-group-text input[type=checkbox], .input-group-text input[type=radio] { margin-top: 0; }

.custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; }

.custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; }

.custom-control-input { position: absolute; z-index: -1; opacity: 0; }

.custom-control-input:checked ~ .custom-control-label:before { color: #fff; background-color: #42a5f5; }

.custom-control-input:focus ~ .custom-control-label:before { box-shadow: 0 0 0 1px #efefef, none; }

.custom-control-input:active ~ .custom-control-label:before { color: #fff; background-color: #ecf6fe; }

.custom-control-input:disabled ~ .custom-control-label { color: #999; }

.custom-control-input:disabled ~ .custom-control-label:before { background-color: #e9ecef; }

.custom-control-label { margin-bottom: 0; }

.custom-control-label:before { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6; }

.custom-control-label:after, .custom-control-label:before { position: absolute; top: .25rem; left: 0; display: block; width: 1rem; height: 1rem; content: ""; }

.custom-control-label:after { background-repeat: no-repeat; background-position: 50%; background-size: 50% 50%; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before { background-color: #42a5f5; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before { background-color: #42a5f5; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label:before, .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label:before { background-color: rgba(66, 165, 245, 0.5); }

.custom-radio .custom-control-label:before { border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label:before { background-color: #42a5f5; }

.custom-radio .custom-control-input:checked ~ .custom-control-label:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label:before { background-color: rgba(66, 165, 245, 0.5); }

.custom-select { display: inline-block; width: 100%; height: calc(2.0625rem + 2px); padding: .375rem 1.75rem .375rem .75rem; line-height: 1.5; color: #777; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23575757' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: 0; -moz-appearance: none; appearance: none; }

.custom-select:focus { border-color: #bbdffb; outline: 0; box-shadow: inset 0 1px 2px rgba(68, 68, 68, 0.075), 0 0 5px rgba(187, 223, 251, 0.5); }

.custom-select:focus::-ms-value { color: #777; background-color: #fff; }

.custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none; }

.custom-select:disabled { color: #999; background-color: #e9ecef; }

.custom-select::-ms-expand { opacity: 0; }

.custom-select-sm { height: calc(1.6484375rem + 2px); font-size: 75%; }

.custom-select-lg, .custom-select-sm { padding-top: .375rem; padding-bottom: 0.375rem; }

.custom-select-lg { height: calc(2.640625rem + 2px); font-size: 125%; }

.custom-file { display: inline-block; margin-bottom: 0; position: relative; width: 100%; height: calc(2.0625rem + 2px); }

.custom-file-input { position: relative; width: 100%; height: calc(2.0625rem + 2px); z-index: 2; margin: 0; opacity: 0; }

.custom-file-input:focus ~ .custom-file-control { border-color: #bbdffb; box-shadow: none; }

.custom-file-input:focus ~ .custom-file-control:before { border-color: #bbdffb; }

.custom-file-input:lang(en) ~ .custom-file-label:after { content: "Browse"; }

.custom-file-label { left: 0; z-index: 1; height: calc(2.0625rem + 2px); background-color: #fff; border: 1px solid #ced4da; position: absolute; top: 0; right: 0; padding: .375rem .75rem; line-height: 1.5; color: #777; }

.custom-file-label:after { position: absolute; top: 0; right: 0; padding: .375rem .75rem; line-height: 1.5; color: #777; bottom: 0; z-index: 3; display: block; height: calc((2.0625rem + 2px) - 1px * 2); content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; }

.nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }

.nav-link { display: block; padding: 0.5rem 1rem; }

.nav-link:focus, .nav-link:hover { text-decoration: none; }

.nav-link.disabled { color: #999; }

.nav-tabs { border-bottom: 1px solid #dee2e6; }

.nav-tabs .nav-item { margin-bottom: -1px; }

.nav-tabs .nav-link { border: 1px solid transparent; }

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6; }

.nav-tabs .nav-link.disabled { color: #999; background-color: transparent; border-color: transparent; }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #999; background-color: #efefef; border-color: #dee2e6 #dee2e6 #efefef; border-top-left-radius: 1px; border-top-right-radius: 1px; }

.nav-tabs .dropdown-menu { margin-top: -1px; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #42a5f5; }

.nav-fill .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; }

.nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center; }

.tab-content > .tab-pane { display: none; }

.tab-content > .active { display: block; animation: showVideoBlock 0.22s cubic-bezier(0.25, 0.1, 0.25, 1.2) both; transform-origin: 50% 50%; }

@keyframes showVideoBlock { 0% { opacity: 0;
    transform: translateY(-3px) scale(0.99); }
  100% { opacity: 1; } }

.navbar { position: relative; padding-right: 20px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }

.navbar > .container, .navbar > .container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }

.navbar-brand { display: inline-block; padding-top: .3359375rem; padding-bottom: .3359375rem; margin-right: 1rem; font-size: 1.09375rem; line-height: inherit; white-space: nowrap; }

.navbar-brand:focus, .navbar-brand:hover { text-decoration: none; }

@keyframes flip { from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in; }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in; } }

.navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; }

.navbar-nav .nav-link { padding-right: 0; padding-left: 0; }

.navbar-nav .dropdown-menu { position: static; float: none; }

.navbar-text { display: inline-block; padding-top: .5rem; padding-bottom: 0.5rem; }

.navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; }

.navbar-toggler { padding: .25rem .75rem; font-size: 1.09375rem; line-height: 1; background-color: transparent; border: 1px solid transparent; }

.navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; }

.navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; }

.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat 50%; background-size: 100% 100%; }

@media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 576px) { .navbar-expand-sm { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; }
  .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; flex-direction: row; }
  .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-sm .navbar-nav .dropdown-menu-right { right: 0; left: auto; }
  .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: 0.5rem; }
  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; }
  .navbar-expand-sm .navbar-toggler { display: none; }
  .navbar-expand-sm .dropup .dropdown-menu { top: auto; bottom: 100%; } }

@media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 768px) { .navbar-expand-md { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; }
  .navbar-expand-md .navbar-nav { -ms-flex-direction: row; flex-direction: row; }
  .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-md .navbar-nav .dropdown-menu-right { right: 0; left: auto; }
  .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: 0.5rem; }
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; }
  .navbar-expand-md .navbar-toggler { display: none; }
  .navbar-expand-md .dropup .dropdown-menu { top: auto; bottom: 100%; } }

@media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 992px) { .navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; }
  .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row; }
  .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-lg .navbar-nav .dropdown-menu-right { right: 0; left: auto; }
  .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: 0.5rem; }
  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .navbar-expand-lg .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; }
  .navbar-expand-lg .navbar-toggler { display: none; }
  .navbar-expand-lg .dropup .dropdown-menu { top: auto; bottom: 100%; } }

@media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 1200px) { .navbar-expand-xl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; }
  .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row; }
  .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-xl .navbar-nav .dropdown-menu-right { right: 0; left: auto; }
  .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: 0.5rem; }
  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; }
  .navbar-expand-xl .navbar-toggler { display: none; }
  .navbar-expand-xl .dropup .dropdown-menu { top: auto; bottom: 100%; } }

.navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; }

.navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; }

.navbar-expand .navbar-nav { -ms-flex-direction: row; flex-direction: row; }

.navbar-expand .navbar-nav .dropdown-menu { position: absolute; }

.navbar-expand .navbar-nav .dropdown-menu-right { right: 0; left: auto; }

.navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: 0.5rem; }

.navbar-expand > .container, .navbar-expand > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; }

.navbar-expand .navbar-toggler { display: none; }

.navbar-expand .dropup .dropdown-menu { top: auto; bottom: 100%; }

.navbar-light .navbar-brand { color: rgba(68, 68, 68, 0.9); }

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(68, 68, 68, 0.9); }

.navbar-light .navbar-nav .nav-link { color: rgba(68, 68, 68, 0.5); }

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(68, 68, 68, 0.7); }

.navbar-light .navbar-nav .nav-link.disabled { color: rgba(68, 68, 68, 0.3); }

.navbar-light .navbar-nav .active > .nav-link { color: rgba(68, 68, 68, 0.9); }

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show { color: rgba(68, 68, 68, 0.9); }

.navbar-light .navbar-nav .show > .nav-link { color: rgba(68, 68, 68, 0.9); }

.navbar-light .navbar-toggler { color: rgba(68, 68, 68, 0.5); border-color: rgba(68, 68, 68, 0.1); }

.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(68, 68, 68, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.navbar-light .navbar-text { color: rgba(68, 68, 68, 0.5); }

.navbar-light .navbar-text a { color: rgba(68, 68, 68, 0.9); }

.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(68, 68, 68, 0.9); }

.navbar-dark .navbar-brand { color: #fff; }

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff; }

.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); }

.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .active > .nav-link { color: #fff; }

.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show { color: #fff; }

.navbar-dark .navbar-nav .show > .nav-link { color: #fff; }

.navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-text a { color: #fff; }

.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff; }

.button-maxwidth { max-width: 360px; }

.home .button-maxwidth { max-width: inherit !important; min-width: 350px; }

.card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px none; border-radius: 1px; overflow: hidden; }

.card > hr { margin-right: 0; margin-left: 0; }

.card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 25px; }

.card-title { margin-bottom: 1rem; }

.card-subtitle { margin-top: -0.5rem; margin-bottom: 0; }

.card-text:last-child { margin-bottom: 0; }

.card-link:hover { text-decoration: none; }

.card-link + .card-link { margin-left: 1rem; }

.card-header { padding: 25px; margin-bottom: 0; background-color: #fff; border-bottom: 1px none; }

.card-header + .list-group .list-group-item:first-child { border-top: 0; }

body .card-footer { padding: 7px 7px; background-color: #f8f9fa !important; border-top: 1px none; border-top: 1px solid #dee2e6; }

.card-header-tabs { margin-bottom: -1rem; border-bottom: 0; }

.card-header-pills, .card-header-tabs { margin-right: -.5rem; margin-left: -0.5rem; }

.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; }

.card-img, .card-img-bottom, .card-img-top { width: 100%; }

.card-deck { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }

.card-deck .card { margin-bottom: 15px; }

@media (min-width: 576px) { .card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; }
  .card-deck .card { display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } }

.card-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }

.card-group > .card { margin-bottom: 15px; }

@media (min-width: 576px) { .card-group { -ms-flex-flow: row wrap; flex-flow: row wrap; }
  .card-group > .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; }
  .card-group > .card + .card { margin-left: 0; border-left: 0; } }

.card-columns .card { margin-bottom: 1rem; }

@media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; }
  .card-columns .card { display: inline-block; width: 100%; } }

.copyright { margin-top: 20px; text-align: center; font-size: 13px; color: #999 !important; display: block; position: relative; }

.breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; }

.breadcrumb-item + .breadcrumb-item:before { display: inline-block; padding-right: .5rem; padding-left: .5rem; color: #999; content: "/"; }

.breadcrumb-item + .breadcrumb-item:hover:before { text-decoration: underline; text-decoration: none; }

.breadcrumb-item.active { color: #999; }

.pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; }

.page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #777; background-color: #fff; border: 1px solid #dee2e6; }

.page-link:hover { color: #515151; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; }

.page-link:focus { z-index: 2; outline: 0; box-shadow: none; }

.page-link:not(:disabled):not(.disabled) { cursor: pointer; }

.page-item:first-child .page-link { margin-left: 0; }

.page-item.active .page-link { z-index: 1; color: #fff; background-color: #42a5f5; border-color: #42a5f5; }

.page-item.disabled .page-link { color: #999; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; }

.pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.09375rem; line-height: 1.5; }

.pagination-sm .page-link { padding: .25rem .5rem; font-size: .765625rem; line-height: 1.5; }

.badge { display: inline-block; font-size: 10px; width: 20px; height: 20px; font-weight: 500; line-height: 19px; text-align: center; overflow: hidden; padding: 0 !important; vertical-align: middle; }

.badge:empty { display: none; }

.btn .badge { position: relative; top: -1px; }

.badge-pill { padding-right: .6em; padding-left: 0.6em; }

.badge-primary { color: #fff; background-color: #42a5f5; }

.badge-primary[href]:focus, .badge-primary[href]:hover { color: #fff; text-decoration: none; background-color: #F7931E; }

.badge-secondary { color: #fff; background-color: #aaa; }

.badge-secondary[href]:focus, .badge-secondary[href]:hover { color: #fff; text-decoration: none; background-color: #919090; }

.badge-success { color: #fff; background-color: #9ccc65; }

.badge-success[href]:focus, .badge-success[href]:hover { color: #fff; text-decoration: none; background-color: #83bf3f; }

.badge-info { color: #fff; background-color: #26c6da; }

.badge-info[href]:focus, .badge-info[href]:hover { color: #fff; text-decoration: none; background-color: #1e9faf; }

.badge-warning { color: #fff; background-color: #ffca28; }

.badge-warning[href]:focus, .badge-warning[href]:hover { color: #fff; text-decoration: none; background-color: #f4b800; }

.badge-danger { color: #fff; background-color: #ef5350; }

.badge-danger[href]:focus, .badge-danger[href]:hover { color: #fff; text-decoration: none; background-color: #eb2521; }

.badge-light { color: #4d4d4d; background-color: #f8f9fa; }

.badge-light[href]:focus, .badge-light[href]:hover { color: #4d4d4d; text-decoration: none; background-color: #dae0e5; }

.badge-dark { color: #fff; background-color: #444; }

.badge-dark[href]:focus, .badge-dark[href]:hover { color: #fff; text-decoration: none; background-color: #2b2a2a; }

.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; }

@media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } }

.jumbotron-fluid { padding-right: 0; padding-left: 0; }

.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 2px solid transparent; border-radius: 3px; }

.alert a { float: right; color: #fff; text-decoration: underline; }

.alert-heading { color: inherit; }

.alert-link { font-weight: 500; }

.alert-dismissible { padding-right: 3.8125rem; }

.alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .75rem 1.25rem; color: inherit; }

.alert-primary { color: #22567f; background-color: #d9edfd; border-color: #cae6fc; }

.alert-primary hr { border-top-color: #b2dbfb; }

.alert-primary .alert-link { color: #173b57; }

.alert-secondary { color: #585858; background-color: #eee; border-color: #e7e7e7; }

.alert-secondary hr { border-top-color: #dadada; }

.alert-secondary .alert-link { color: #3f3e3e; }

.alert-success { color: #516a35; background-color: #ebf5e0; border-color: #e3f1d4; }

.alert-success hr { border-top-color: #d6ebc1; }

.alert-success .alert-link { color: #374824; }

.alert-info { color: #146771; background-color: #d4f4f8; border-color: #c2eff5; }

.alert-info hr { border-top-color: #ace9f1; }

.alert-info .alert-link { color: #0c4046; }

.alert-warning { color: #856915; background-color: #fff4d4; border-color: #fff0c3; }

.alert-warning hr { border-top-color: #ffeaaa; }

.alert-warning .alert-link { color: #59460e; }

.alert-danger { color: #7c2b2a; background-color: #fcdddc; border-color: #fbcfce; }

.alert-danger hr { border-top-color: #f9b8b6; }

.alert-danger .alert-link { color: #561e1d; }

.alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; }

.alert-light hr { border-top-color: #ececf6; }

.alert-light .alert-link { color: #686868; }

.alert-dark { color: #232323; background-color: #dadada; border-color: #cbcbcb; }

.alert-dark hr { border-top-color: #bebebe; }

.alert-dark .alert-link { color: #0a0a0a; }

@keyframes progress-bar-stripes { 0% { background-position: 1rem 0; }
  to { background-position: 0 0; } }

.progress { height: 1rem; overflow: hidden; font-size: 10px; background-color: #fafafa; display: -ms-flexbox; display: flex; box-shadow: 0 2px 5px rgba(50, 50, 93, 0.03); }

.progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; background-color: #42a5f5; transition: width 0.6s ease; }

.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 75%, transparent 0, transparent); background-size: 1rem 1rem; }

.progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; }

.media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }

.media-body { -ms-flex: 1; flex: 1; }

.list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; }

.list-group-item-action { width: 100%; color: #777; text-align: inherit; }

.list-group-item-action:focus, .list-group-item-action:hover { color: #777; text-decoration: none; background-color: #f8f9fa; }

.list-group-item-action:active { color: #444; background-color: #e9ecef; }

.list-group-item { position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(68, 68, 68, 0.125); }

.list-group-item:last-child { margin-bottom: 0; }

.list-group-item:focus, .list-group-item:hover { z-index: 1; text-decoration: none; }

.list-group-item.disabled, .list-group-item:disabled { color: #999; background-color: #fff; }

.list-group-item.active { z-index: 2; color: #fff; background-color: #42a5f5; border-color: #42a5f5; }

.list-group-flush .list-group-item { border-right: 0; border-left: 0; }

.list-group-flush:first-child .list-group-item:first-child { border-top: 0; }

.list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; }

.list-group-item-primary { color: #22567f; background-color: #cae6fc; }

.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #22567f; background-color: #b2dbfb; }

.list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #22567f; border-color: #22567f; }

.list-group-item-secondary { color: #585858; background-color: #e7e7e7; }

.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #585858; background-color: #dadada; }

.list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #585858; border-color: #585858; }

.list-group-item-success { color: #516a35; background-color: #e3f1d4; }

.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #516a35; background-color: #d6ebc1; }

.list-group-item-success.list-group-item-action.active { color: #fff; background-color: #516a35; border-color: #516a35; }

.list-group-item-info { color: #146771; background-color: #c2eff5; }

.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #146771; background-color: #ace9f1; }

.list-group-item-info.list-group-item-action.active { color: #fff; background-color: #146771; border-color: #146771; }

.list-group-item-warning { color: #856915; background-color: #fff0c3; }

.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #856915; background-color: #ffeaaa; }

.list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856915; border-color: #856915; }

.list-group-item-danger { color: #7c2b2a; background-color: #fbcfce; }

.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #7c2b2a; background-color: #f9b8b6; }

.list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #7c2b2a; border-color: #7c2b2a; }

.list-group-item-light { color: #818182; background-color: #fdfdfe; }

.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #818182; background-color: #ececf6; }

.list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; }

.list-group-item-dark { color: #232323; background-color: #cbcbcb; }

.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #232323; background-color: #bebebe; }

.list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #232323; border-color: #232323; }

.close { float: right; font-size: 1.3125rem; font-weight: 500; line-height: 1; color: #444; text-shadow: 0 1px 0 #fff; opacity: 0.5; }

.close:focus, .close:hover { color: #444; text-decoration: none; opacity: 0.75; }

.close:not(:disabled):not(.disabled) { cursor: pointer; }

button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; }

.modal, .modal-open { overflow: hidden; }

.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; outline: 0; -webkit-backdrop-filter: blur(1px) grayscale(10%) brightness(90%); backdrop-filter: blur(1px) grayscale(10%) brightness(90%); background: rgba(100, 100, 100, 0.1); }

.modal .modal-dialog { margin-top: 90px; border-radius: 5px; z-index: 9999999999999999999; }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; }

.modal.fade .modal-dialog { transition: transform 0.15s cubic-bezier(0.25, 0.1, 0.25, 1.2); transform: scale(0.98) translateY(0%); transform-origin: 50% 50%; }

.modal.show .modal-dialog { transform: translate(0); }

.modal-dialog-centered { -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); }

.modal-content, .modal-dialog-centered { display: -ms-flexbox; display: flex; }

.modal-content { position: relative; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; box-shadow: 3px 5px 8px rgba(50, 50, 93, 0.1); border: 1px solid rgba(40, 40, 40, 0.1); outline: 0; border-radius: 5px; overflow: hidden; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #222; }

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop.show { opacity: 0.4; }

.modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 0.8rem; padding-left: 20px; border-bottom: 1px solid #e9ecef; }

.modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; }

.modal-header .close:hover { color: red !important; }

.modal-title { margin-bottom: 0; line-height: 1.5; font-weight: bold; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; }

.modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; }

.modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; }

.modal-footer > :not(:first-child) { margin-left: 0.25rem; }

.modal-footer > :not(:last-child) { margin-right: 0.25rem; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; }
  .modal-dialog-centered { min-height: calc(100% - 3.5rem); }
  .modal-sm { max-width: 300px; } }

@media (min-width: 992px) { .modal-lg { max-width: 800px; } }

.tsheets-loading { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important; }

.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .765625rem; word-wrap: break-word; opacity: 0; }

.tooltip.show { opacity: 0.9; }

.tooltip .arrow { position: absolute; display: block; width: .8rem; height: 0.4rem; }

.tooltip .arrow:before { position: absolute; content: ""; border-color: transparent; border-style: solid; }

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding: 0.4rem 0; }

.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { bottom: 0; }

.bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-top .arrow:before { top: 0; border-width: .4rem .4rem 0; border-top-color: #444; }

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding: 0 0.4rem; }

.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { left: 0; width: .4rem; height: 0.8rem; }

.bs-tooltip-auto[x-placement^=right] .arrow:before, .bs-tooltip-right .arrow:before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #444; }

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding: 0.4rem 0; }

.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { top: 0; }

.bs-tooltip-auto[x-placement^=bottom] .arrow:before, .bs-tooltip-bottom .arrow:before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #444; }

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 0.4rem; }

.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { right: 0; width: .4rem; height: 0.8rem; }

.bs-tooltip-auto[x-placement^=left] .arrow:before, .bs-tooltip-left .arrow:before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #444; }

.tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #444; }

.popover { top: 0; left: 0; z-index: 1060; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .765625rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(68, 68, 68, 0.2); position: absolute; display: block; }

.popover .arrow { position: absolute; display: block; width: 1rem; height: .5rem; margin: 0 0.3rem; }

.popover .arrow:after, .popover .arrow:before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; }

.bs-popover-auto[x-placement^=top], .bs-popover-top { margin-bottom: 0.5rem; }

.bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow { bottom: calc((.5rem + 1px) * -1); }

.bs-popover-auto[x-placement^=top] .arrow:after, .bs-popover-auto[x-placement^=top] .arrow:before { border-width: 0.5rem 0.5rem 0; }

.bs-popover-top .arrow:after, .bs-popover-top .arrow:before { border-width: 0.5rem 0.5rem 0; }

.bs-popover-auto[x-placement^=top] .arrow:before, .bs-popover-top .arrow:before { bottom: 0; border-top-color: rgba(68, 68, 68, 0.25); }

.bs-popover-auto[x-placement^=top] .arrow:after, .bs-popover-top .arrow:after { bottom: 1px; border-top-color: #fff; }

.bs-popover-auto[x-placement^=right], .bs-popover-right { margin-left: 0.5rem; }

.bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow { left: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: 0.3rem 0; }

.bs-popover-auto[x-placement^=right] .arrow:after, .bs-popover-auto[x-placement^=right] .arrow:before { border-width: 0.5rem 0.5rem 0.5rem 0; }

.bs-popover-right .arrow:after, .bs-popover-right .arrow:before { border-width: 0.5rem 0.5rem 0.5rem 0; }

.bs-popover-auto[x-placement^=right] .arrow:before, .bs-popover-right .arrow:before { left: 0; border-right-color: rgba(68, 68, 68, 0.25); }

.bs-popover-auto[x-placement^=right] .arrow:after, .bs-popover-right .arrow:after { left: 1px; border-right-color: #fff; }

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { margin-top: 0.5rem; }

.bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow { top: calc((.5rem + 1px) * -1); }

.bs-popover-auto[x-placement^=bottom] .arrow:after, .bs-popover-auto[x-placement^=bottom] .arrow:before { border-width: 0 0.5rem 0.5rem; }

.bs-popover-bottom .arrow:after, .bs-popover-bottom .arrow:before { border-width: 0 0.5rem 0.5rem; }

.bs-popover-auto[x-placement^=bottom] .arrow:before, .bs-popover-bottom .arrow:before { top: 0; border-bottom-color: rgba(68, 68, 68, 0.25); }

.bs-popover-auto[x-placement^=bottom] .arrow:after, .bs-popover-bottom .arrow:after { top: 1px; border-bottom-color: #fff; }

.bs-popover-auto[x-placement^=bottom] .popover-header:before, .bs-popover-bottom .popover-header:before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f7f7f7; }

.bs-popover-auto[x-placement^=left], .bs-popover-left { margin-right: 0.5rem; }

.bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow { right: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: 0.3rem 0; }

.bs-popover-auto[x-placement^=left] .arrow:after, .bs-popover-auto[x-placement^=left] .arrow:before { border-width: 0.5rem 0 0.5rem 0.5rem; }

.bs-popover-left .arrow:after, .bs-popover-left .arrow:before { border-width: 0.5rem 0 0.5rem 0.5rem; }

.bs-popover-auto[x-placement^=left] .arrow:before, .bs-popover-left .arrow:before { right: 0; border-left-color: rgba(68, 68, 68, 0.25); }

.bs-popover-auto[x-placement^=left] .arrow:after, .bs-popover-left .arrow:after { right: 1px; border-left-color: #fff; }

.popover-header { padding: .5rem .75rem; margin-bottom: 0; font-size: .875rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; }

.popover-header:empty { display: none; }

.popover-body { padding: .5rem .75rem; color: #444; }

.carousel { position: relative; }

.carousel-inner { position: relative; width: 100%; overflow: hidden; }

.carousel-item { position: relative; display: none; -ms-flex-align: center; align-items: center; width: 100%; transition: transform .6s ease; backface-visibility: hidden; perspective: 1000px; }

.carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; }

.carousel-item-next, .carousel-item-prev { position: absolute; top: 0; }

.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0); }

@supports (transform-style: preserve-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateZ(0); } }

.active.carousel-item-right, .carousel-item-next { transform: translateX(100%); }

@supports (transform-style: preserve-3d) { .active.carousel-item-right, .carousel-item-next { transform: translate3d(100%, 0, 0); } }

.active.carousel-item-left, .carousel-item-prev { transform: translateX(-100%); }

@supports (transform-style: preserve-3d) { .active.carousel-item-left, .carousel-item-prev { transform: translate3d(-100%, 0, 0); } }

.carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; }

.carousel-control-next:focus, .carousel-control-next:hover { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; }

.carousel-control-prev { left: 0; }

.carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; }

.carousel-control-next { right: 0; }

.carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat 50%; background-size: 100% 100%; }

.carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat 50%; background-size: 100% 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }

.carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }

.carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; }

.carousel-indicators li { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, 0.5); }

.carousel-indicators li:before { top: -10px; }

.carousel-indicators li:after, .carousel-indicators li:before { position: absolute; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; }

.carousel-indicators li:after { bottom: -10px; }

.carousel-indicators .active { background-color: #fff; }

.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; }

.align-baseline { vertical-align: baseline !important; }

.align-top { vertical-align: top !important; }

.align-middle { vertical-align: middle !important; }

.align-bottom { vertical-align: bottom !important; }

.align-text-bottom { vertical-align: text-bottom !important; }

.align-text-top { vertical-align: text-top !important; }

.bg-primary { background-color: #65b00f !important; }

.bg-darkgray { background-color: #444 !important; }

.bg-gray { background-color: #65b00f !important; }

a.bg-primary:focus, a.bg-primary:hover { background-color: #F7931E !important; }

button.bg-primary:focus, button.bg-primary:hover { background-color: #F7931E !important; }

.bg-secondary { background-color: #aaa !important; }

a.bg-secondary:focus, a.bg-secondary:hover { background-color: #919090 !important; }

button.bg-secondary:focus, button.bg-secondary:hover { background-color: #919090 !important; }

.bg-success { background-color: #9ccc65 !important; }

a.bg-success:focus, a.bg-success:hover { background-color: #83bf3f !important; }

button.bg-success:focus, button.bg-success:hover { background-color: #83bf3f !important; }

.bg-info { background-color: #26c6da !important; }

a.bg-info:focus, a.bg-info:hover { background-color: #1e9faf !important; }

button.bg-info:focus, button.bg-info:hover { background-color: #1e9faf !important; }

.bg-warning { background-color: #ffca28 !important; }

a.bg-warning:focus, a.bg-warning:hover { background-color: #f4b800 !important; }

button.bg-warning:focus, button.bg-warning:hover { background-color: #f4b800 !important; }

.bg-danger { background-color: #ef5350 !important; }

a.bg-danger:focus, a.bg-danger:hover { background-color: #eb2521 !important; }

button.bg-danger:focus, button.bg-danger:hover { background-color: #eb2521 !important; }

.bg-light { background-color: #f3f4f6 !important; }

a.bg-light:focus, a.bg-light:hover { background-color: #dae0e5 !important; }

button.bg-light:focus, button.bg-light:hover { background-color: #dae0e5 !important; }

.bg-dark { background-color: #444 !important; }

a.bg-dark:focus, a.bg-dark:hover { background-color: #2b2a2a !important; }

button.bg-dark:focus, button.bg-dark:hover { background-color: #2b2a2a !important; }

.bg-white { background-color: #fff !important; }

.bg-transparent { background-color: transparent !important; }

.border { border: 1px solid #dee2e6 !important; }

.border-top { border-top: 1px solid #dee2e6 !important; }

.border-right { border-right: 1px solid #dee2e6 !important; }

.border-bottom { border-bottom: 1px solid #dee2e6 !important; }

.border-left { border-left: 1px solid #dee2e6 !important; }

.border-0 { border: 0 !important; }

.border-top-0 { border-top: 0 !important; }

.border-right-0 { border-right: 0 !important; }

.border-bottom-0 { border-bottom: 0 !important; }

.border-left-0 { border-left: 0 !important; }

.border-primary { border-color: #42a5f5 !important; }

.border-secondary { border-color: #aaa !important; }

.border-success { border-color: #9ccc65 !important; }

.border-info { border-color: #26c6da !important; }

.border-warning { border-color: #ffca28 !important; }

.border-danger { border-color: #ef5350 !important; }

.border-light { border-color: #f8f9fa !important; }

.border-dark { border-color: #444 !important; }

.border-white { border-color: #fff !important; }

.rounded { border-radius: 0.25rem !important; }

.rounded-top { border-top-left-radius: 0.25rem !important; }

.rounded-right, .rounded-top { border-top-right-radius: 0.25rem !important; }

.rounded-bottom, .rounded-right { border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom { border-bottom-left-radius: 0.25rem !important; }

.rounded-left { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; }

.rounded-circle { border-radius: 50% !important; }

.rounded-0 { border-radius: 0 !important; }

.clearfix:after { display: block; clear: both; content: ""; }

.d-none { display: none !important; }

.d-inline { display: inline !important; }

.d-inline-block { display: inline-block !important; }

.d-block { display: block !important; }

.d-table { display: table !important; }

.d-table-row { display: table-row !important; }

.d-table-cell { display: table-cell !important; }

.d-flex { display: -ms-flexbox !important; display: flex !important; }

.d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

@media (min-width: 576px) { .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-row { display: table-row !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media (min-width: 768px) { .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-table { display: table !important; }
  .d-md-table-row { display: table-row !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media (min-width: 992px) { .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-row { display: table-row !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media (min-width: 1200px) { .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

@media print { .d-print-none { display: none !important; }
  .d-print-inline { display: inline !important; }
  .d-print-inline-block { display: inline-block !important; }
  .d-print-block { display: block !important; }
  .d-print-table { display: table !important; }
  .d-print-table-row { display: table-row !important; }
  .d-print-table-cell { display: table-cell !important; }
  .d-print-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }

.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; }

.embed-responsive:before { display: block; content: ""; }

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.embed-responsive-21by9:before { padding-top: 42.85714%; }

.embed-responsive-16by9:before { padding-top: 56.25%; }

.embed-responsive-4by3:before { padding-top: 75%; }

.embed-responsive-1by1:before { padding-top: 100%; }

.flex-row { -ms-flex-direction: row !important; flex-direction: row !important; }

.flex-column, .flex-row { }

.flex-column { -ms-flex-direction: column !important; flex-direction: column !important; }

.flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }

.flex-column-reverse, .flex-row-reverse { }

.flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }

.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }

.flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }

.flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }

.justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }

.justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }

.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; }

.justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }

.justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }

.align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; }

.align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; }

.align-items-center { -ms-flex-align: center !important; align-items: center !important; }

.align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }

.align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }

.align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }

.align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }

.align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; }

.align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }

.align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }

.align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }

.align-self-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; }

.align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }

.align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }

.align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; }

.align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }

.align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; }

@media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-sm-column, .flex-sm-row { }
  .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-sm-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; }
  .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-sm-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; }
  .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-sm-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } }

@media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-md-column, .flex-md-row { }
  .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-md-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; }
  .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-md-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; }
  .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-md-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } }

@media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-lg-column, .flex-lg-row { }
  .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-lg-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; }
  .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-lg-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; }
  .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-lg-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } }

@media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-xl-column, .flex-xl-row { }
  .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-xl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; }
  .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-xl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; }
  .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-xl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } }

.float-left { float: left !important; }

.float-right { float: right !important; }

.float-none { float: none !important; }

@media (min-width: 576px) { .float-sm-left { float: left !important; }
  .float-sm-right { float: right !important; }
  .float-sm-none { float: none !important; } }

@media (min-width: 768px) { .float-md-left { float: left !important; }
  .float-md-right { float: right !important; }
  .float-md-none { float: none !important; } }

@media (min-width: 992px) { .float-lg-left { float: left !important; }
  .float-lg-right { float: right !important; }
  .float-lg-none { float: none !important; } }

@media (min-width: 1200px) { .float-xl-left { float: left !important; }
  .float-xl-right { float: right !important; }
  .float-xl-none { float: none !important; } }

.position-static { position: static !important; }

.position-relative { position: relative !important; }

.position-absolute { position: absolute !important; }

.position-fixed { position: fixed !important; }

.position-sticky { position: sticky !important; }

.fixed-top { top: 0; }

.fixed-bottom, .fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; }

.fixed-bottom { bottom: 0; }

@supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; clip-path: none; }

.w-25 { width: 25% !important; }

.w-50 { width: 50% !important; }

.w-75 { width: 75% !important; }

.w-100 { width: 100% !important; }

.h-25 { height: 25% !important; }

.h-50 { height: 50% !important; }

.h-75 { height: 75% !important; }

.h-100 { height: 100% !important; }

.mw-100 { max-width: 100% !important; }

.mh-100 { max-height: 100% !important; }

.m-0 { margin: 0 !important; }

.mt-0, .my-0 { margin-top: 0 !important; }

.mr-0, .mx-0 { margin-right: 0 !important; }

.mb-0, .my-0 { margin-bottom: 0 !important; }

.ml-0, .mx-0 { margin-left: 0 !important; }

.m-1 { margin: 0.25rem !important; }

.mt-1, .my-1 { margin-top: 0.25rem !important; }

.mr-1, .mx-1 { margin-right: 0.25rem !important; }

.mb-1, .my-1 { margin-bottom: 0.25rem !important; }

.ml-1, .mx-1 { margin-left: 0.25rem !important; }

.m-2 { margin: 0.5rem !important; }

.mt-2, .my-2 { margin-top: 0.5rem !important; }

.mr-2, .mx-2 { margin-right: 0.5rem !important; }

.mb-2, .my-2 { margin-bottom: 0.5rem !important; }

.ml-2, .mx-2 { margin-left: 0.5rem !important; }

.m-3 { margin: 1rem !important; }

.mt-3, .my-3 { margin-top: 1rem !important; }

.mr-3, .mx-3 { margin-right: 1rem !important; }

.mb-3, .my-3 { margin-bottom: 1rem !important; }

.ml-3, .mx-3 { margin-left: 1rem !important; }

.m-4 { margin: 1.5rem !important; }

.mt-4, .my-4 { margin-top: 1.5rem !important; }

.mr-4, .mx-4 { margin-right: 1.5rem !important; }

.mb-4, .my-4 { margin-bottom: 1.5rem !important; }

.ml-4, .mx-4 { margin-left: 1.5rem !important; }

.m-5 { margin: 3rem !important; }

.mt-5, .my-5 { margin-top: 3rem !important; }

.mr-5, .mx-5 { margin-right: 3rem !important; }

.mb-5, .my-5 { margin-bottom: 3rem !important; }

.ml-5, .mx-5 { margin-left: 3rem !important; }

.p-0 { padding: 0 !important; }

.pt-0, .py-0 { padding-top: 0 !important; }

.pr-0, .px-0 { padding-right: 0 !important; }

.pb-0, .py-0 { padding-bottom: 0 !important; }

.pl-0, .px-0 { padding-left: 0 !important; }

.p-1 { padding: 0.25rem !important; }

.pt-1, .py-1 { padding-top: 0.25rem !important; }

.pr-1, .px-1 { padding-right: 0.25rem !important; }

.pb-1, .py-1 { padding-bottom: 0.25rem !important; }

.pl-1, .px-1 { padding-left: 0.25rem !important; }

.p-2 { padding: 0.5rem !important; }

.pt-2, .py-2 { padding-top: 0.5rem !important; }

.pr-2, .px-2 { padding-right: 0.5rem !important; }

.pb-2, .py-2 { padding-bottom: 0.5rem !important; }

.pl-2, .px-2 { padding-left: 0.5rem !important; }

.p-3 { padding: 1rem !important; }

.pt-3, .py-3 { padding-top: 1rem !important; }

.pr-3, .px-3 { padding-right: 1rem !important; }

.pb-3, .py-3 { padding-bottom: 1rem !important; }

.pl-3, .px-3 { padding-left: 1rem !important; }

.p-4 { padding: 1.5rem !important; }

.pt-4, .py-4 { padding-top: 1.5rem !important; }

.pr-4, .px-4 { padding-right: 1.5rem !important; }

.pb-4, .py-4 { padding-bottom: 1.5rem !important; }

.pl-4, .px-4 { padding-left: 1.5rem !important; }

.p-5 { padding: 3rem !important; }

.pt-5, .py-5 { padding-top: 3rem !important; }

.pr-5, .px-5 { padding-right: 3rem !important; }

.pb-5, .py-5 { padding-bottom: 3rem !important; }

.pl-5, .px-5 { padding-left: 3rem !important; }

.m-auto { margin: auto !important; }

.mt-auto, .my-auto { margin-top: auto !important; }

.mr-auto, .mx-auto { margin-right: auto !important; }

.mb-auto, .my-auto { margin-bottom: auto !important; }

.ml-auto, .mx-auto { margin-left: auto !important; }

@media (min-width: 576px) { .m-sm-0 { margin: 0 !important; }
  .mt-sm-0, .my-sm-0 { margin-top: 0 !important; }
  .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; }
  .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; }
  .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; }
  .m-sm-1 { margin: 0.25rem !important; }
  .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; }
  .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; }
  .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; }
  .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; }
  .m-sm-2 { margin: 0.5rem !important; }
  .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; }
  .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; }
  .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; }
  .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; }
  .m-sm-3 { margin: 1rem !important; }
  .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; }
  .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; }
  .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; }
  .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; }
  .m-sm-4 { margin: 1.5rem !important; }
  .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; }
  .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; }
  .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; }
  .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; }
  .m-sm-5 { margin: 3rem !important; }
  .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; }
  .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; }
  .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; }
  .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; }
  .p-sm-0 { padding: 0 !important; }
  .pt-sm-0, .py-sm-0 { padding-top: 0 !important; }
  .pr-sm-0, .px-sm-0 { padding-right: 0 !important; }
  .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; }
  .pl-sm-0, .px-sm-0 { padding-left: 0 !important; }
  .p-sm-1 { padding: 0.25rem !important; }
  .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; }
  .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; }
  .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; }
  .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; }
  .p-sm-2 { padding: 0.5rem !important; }
  .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; }
  .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; }
  .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; }
  .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; }
  .p-sm-3 { padding: 1rem !important; }
  .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; }
  .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; }
  .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; }
  .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; }
  .p-sm-4 { padding: 1.5rem !important; }
  .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; }
  .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; }
  .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; }
  .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; }
  .p-sm-5 { padding: 3rem !important; }
  .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; }
  .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; }
  .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; }
  .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; }
  .m-sm-auto { margin: auto !important; }
  .mt-sm-auto, .my-sm-auto { margin-top: auto !important; }
  .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; }
  .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; }
  .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } }

@media (min-width: 768px) { .m-md-0 { margin: 0 !important; }
  .mt-md-0, .my-md-0 { margin-top: 0 !important; }
  .mr-md-0, .mx-md-0 { margin-right: 0 !important; }
  .mb-md-0, .my-md-0 { margin-bottom: 0 !important; }
  .ml-md-0, .mx-md-0 { margin-left: 0 !important; }
  .m-md-1 { margin: 0.25rem !important; }
  .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; }
  .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; }
  .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; }
  .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; }
  .m-md-2 { margin: 0.5rem !important; }
  .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; }
  .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; }
  .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; }
  .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; }
  .m-md-3 { margin: 1rem !important; }
  .mt-md-3, .my-md-3 { margin-top: 1rem !important; }
  .mr-md-3, .mx-md-3 { margin-right: 1rem !important; }
  .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; }
  .ml-md-3, .mx-md-3 { margin-left: 1rem !important; }
  .m-md-4 { margin: 1.5rem !important; }
  .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; }
  .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; }
  .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; }
  .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; }
  .m-md-5 { margin: 3rem !important; }
  .mt-md-5, .my-md-5 { margin-top: 3rem !important; }
  .mr-md-5, .mx-md-5 { margin-right: 3rem !important; }
  .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; }
  .ml-md-5, .mx-md-5 { margin-left: 3rem !important; }
  .p-md-0 { padding: 0 !important; }
  .pt-md-0, .py-md-0 { padding-top: 0 !important; }
  .pr-md-0, .px-md-0 { padding-right: 0 !important; }
  .pb-md-0, .py-md-0 { padding-bottom: 0 !important; }
  .pl-md-0, .px-md-0 { padding-left: 0 !important; }
  .p-md-1 { padding: 0.25rem !important; }
  .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; }
  .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; }
  .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; }
  .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; }
  .p-md-2 { padding: 0.5rem !important; }
  .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; }
  .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; }
  .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; }
  .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; }
  .p-md-3 { padding: 1rem !important; }
  .pt-md-3, .py-md-3 { padding-top: 1rem !important; }
  .pr-md-3, .px-md-3 { padding-right: 1rem !important; }
  .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; }
  .pl-md-3, .px-md-3 { padding-left: 1rem !important; }
  .p-md-4 { padding: 1.5rem !important; }
  .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; }
  .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; }
  .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; }
  .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; }
  .p-md-5 { padding: 3rem !important; }
  .pt-md-5, .py-md-5 { padding-top: 3rem !important; }
  .pr-md-5, .px-md-5 { padding-right: 3rem !important; }
  .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; }
  .pl-md-5, .px-md-5 { padding-left: 3rem !important; }
  .m-md-auto { margin: auto !important; }
  .mt-md-auto, .my-md-auto { margin-top: auto !important; }
  .mr-md-auto, .mx-md-auto { margin-right: auto !important; }
  .mb-md-auto, .my-md-auto { margin-bottom: auto !important; }
  .ml-md-auto, .mx-md-auto { margin-left: auto !important; } }

@media (min-width: 992px) { .m-lg-0 { margin: 0 !important; }
  .mt-lg-0, .my-lg-0 { margin-top: 0 !important; }
  .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; }
  .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; }
  .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; }
  .m-lg-1 { margin: 0.25rem !important; }
  .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; }
  .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; }
  .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; }
  .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; }
  .m-lg-2 { margin: 0.5rem !important; }
  .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; }
  .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; }
  .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; }
  .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; }
  .m-lg-3 { margin: 1rem !important; }
  .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; }
  .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; }
  .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; }
  .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; }
  .m-lg-4 { margin: 1.5rem !important; }
  .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; }
  .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; }
  .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; }
  .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; }
  .m-lg-5 { margin: 3rem !important; }
  .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; }
  .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; }
  .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; }
  .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; }
  .p-lg-0 { padding: 0 !important; }
  .pt-lg-0, .py-lg-0 { padding-top: 0 !important; }
  .pr-lg-0, .px-lg-0 { padding-right: 0 !important; }
  .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; }
  .pl-lg-0, .px-lg-0 { padding-left: 0 !important; }
  .p-lg-1 { padding: 0.25rem !important; }
  .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; }
  .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; }
  .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; }
  .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; }
  .p-lg-2 { padding: 0.5rem !important; }
  .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; }
  .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; }
  .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; }
  .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; }
  .p-lg-3 { padding: 1rem !important; }
  .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; }
  .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; }
  .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; }
  .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; }
  .p-lg-4 { padding: 1.5rem !important; }
  .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; }
  .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; }
  .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; }
  .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; }
  .p-lg-5 { padding: 3rem !important; }
  .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; }
  .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; }
  .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; }
  .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; }
  .m-lg-auto { margin: auto !important; }
  .mt-lg-auto, .my-lg-auto { margin-top: auto !important; }
  .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; }
  .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; }
  .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } }

@media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; }
  .mt-xl-0, .my-xl-0 { margin-top: 0 !important; }
  .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; }
  .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; }
  .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; }
  .m-xl-1 { margin: 0.25rem !important; }
  .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; }
  .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; }
  .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; }
  .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; }
  .m-xl-2 { margin: 0.5rem !important; }
  .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; }
  .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; }
  .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; }
  .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; }
  .m-xl-3 { margin: 1rem !important; }
  .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; }
  .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; }
  .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; }
  .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; }
  .m-xl-4 { margin: 1.5rem !important; }
  .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; }
  .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; }
  .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; }
  .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; }
  .m-xl-5 { margin: 3rem !important; }
  .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; }
  .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; }
  .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; }
  .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; }
  .p-xl-0 { padding: 0 !important; }
  .pt-xl-0, .py-xl-0 { padding-top: 0 !important; }
  .pr-xl-0, .px-xl-0 { padding-right: 0 !important; }
  .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; }
  .pl-xl-0, .px-xl-0 { padding-left: 0 !important; }
  .p-xl-1 { padding: 0.25rem !important; }
  .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; }
  .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; }
  .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; }
  .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; }
  .p-xl-2 { padding: 0.5rem !important; }
  .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; }
  .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; }
  .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; }
  .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; }
  .p-xl-3 { padding: 1rem !important; }
  .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; }
  .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; }
  .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; }
  .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; }
  .p-xl-4 { padding: 1.5rem !important; }
  .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; }
  .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; }
  .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; }
  .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; }
  .p-xl-5 { padding: 3rem !important; }
  .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; }
  .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; }
  .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; }
  .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; }
  .m-xl-auto { margin: auto !important; }
  .mt-xl-auto, .my-xl-auto { margin-top: auto !important; }
  .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; }
  .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; }
  .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } }

.text-justify { text-align: justify !important; }

.text-nowrap { white-space: nowrap !important; }

.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

@media (min-width: 576px) { .text-sm-left { text-align: left !important; }
  .text-sm-right { text-align: right !important; }
  .text-sm-center { text-align: center !important; } }

@media (min-width: 768px) { .text-md-left { text-align: left !important; }
  .text-md-right { text-align: right !important; }
  .text-md-center { text-align: center !important; } }

@media (min-width: 992px) { .text-lg-left { text-align: left !important; }
  .text-lg-right { text-align: right !important; }
  .text-lg-center { text-align: center !important; } }

@media (min-width: 1200px) { .text-xl-left { text-align: left !important; }
  .text-xl-right { text-align: right !important; }
  .text-xl-center { text-align: center !important; } }

.text-lowercase { text-transform: lowercase !important; }

.text-uppercase { text-transform: uppercase !important; }

.text-capitalize { text-transform: capitalize !important; }

.font-weight-light { font-weight: 300 !important; }

.font-weight-normal { font-weight: 400 !important; }

.font-weight-bold { font-weight: 500 !important; }

.font-italic { font-style: italic !important; }

.text-white { color: #fff !important; }

.text-primary { color: #42a5f5 !important; }

a.text-primary:focus, a.text-primary:hover { color: #F7931E !important; }

.text-secondary { color: #aaa !important; }

a.text-secondary:focus, a.text-secondary:hover { color: #919090 !important; }

.text-success { color: #9ccc65 !important; }

a.text-success:focus, a.text-success:hover { color: #83bf3f !important; }

.text-info { color: #26c6da !important; }

a.text-info:focus, a.text-info:hover { color: #1e9faf !important; }

.text-warning { color: #ffca28 !important; }

a.text-warning:focus, a.text-warning:hover { color: #f4b800 !important; }

.text-danger { color: #ef5350 !important; }

a.text-danger:focus, a.text-danger:hover { color: #eb2521 !important; }

.text-light { color: #f8f9fa !important; }

a.text-light:focus, a.text-light:hover { color: #dae0e5 !important; }

.text-dark { color: #444 !important; }

a.text-dark:focus, a.text-dark:hover { color: #2b2a2a !important; }

.text-muted { color: #999 !important; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.visible { visibility: visible !important; }

.invisible { visibility: hidden !important; }

.page-wrapper { -ms-flex-direction: column; flex-direction: column; min-height: 100vh; z-index: 99; }

.main-container, .page-wrapper { display: -ms-flexbox; display: flex; }

.main-container { -ms-flex-direction: row; flex-direction: row; -ms-flex-positive: 1; flex-grow: 1; }

.content { padding: 30px 26px 30px 26px; min-width: 0; -ms-flex: 1; flex: 1; transition: 0.3s; overflow: hidden; }

.sidebar-fixed .content { margin-left: 240px; margin-top: 60px; }

body .main-container .sidebar { background: linear-gradient(90deg, #282828 0, #333 100%) !important; }

@media (min-width: 991.98px) and (max-width: 1350px) { #sidebar-ts-menu { max-width: 50px !important; }
  body.sidebar-fixed .content { margin-left: 66px; margin-top: 60px; }
  body.sidebar-fixed.sidebar-hidden .content { margin-left: 0px; margin-top: 60px; }
  body #sidebar-ts-menu b, body #sidebar-ts-menu #time-status, body #sidebar-ts-menu .fa-caret-left { visibility: hidden; }
  body .sidebar .nav-title { padding: .2rem 1rem .4rem 1rem !important; white-space: nowrap; }
  body .sidebar { width: 65px !important; }
  body .sidebar .sidebar-nav { overflow: hidden; }
  body .sidebar ul li a, body .sidebar ul li { white-space: nowrap; }
  body .sidebar ul li a .nav-dropdown-items, body .sidebar ul li .nav-dropdown-items { width: calc(100% +20px) !important; }
  body .sidebar ul li.nav-title, body .sidebar .bus-bubble-top { opacity: 0 !important; }
  body .sidebar ul li a span, body .sidebar ul li a .fa-caret-left { opacity: 0 !important; }
  body .sidebar ul li a .fa-caret-left { position: absolute; right: 20px; top: 10px; }
  body .sidebar #sidebar-ts-menu .nav-dropdown-items { display: none; }
  body .sidebar .time { opacity: 0; transition: 0s !important; }
  body .sidebar .time span { transition: 0s !important; }
  body .sidebar:hover { z-index: 9999999999999999999 !important; width: 250px !important; }
  body .sidebar:hover .bus-bubble-top { opacity: 1 !important; }
  body .sidebar:hover #sidebar-ts-menu { max-width: inherit !important; }
  body .sidebar:hover .time { opacity: 1; transition: 0; }
  body .sidebar:hover .time span { transition: 0 !important; }
  body .sidebar:hover #sidebar-ts-menu .nav-dropdown-items { display: block; }
  body .sidebar:hover #sidebar-ts-menu b, body .sidebar:hover #sidebar-ts-menu #time-status, body .sidebar:hover #sidebar-ts-menu .fa-caret-left { visibility: visible !important; }
  body .sidebar:hover .sidebar-nav { overflow-y: auto; overflow-x: hidden; }
  body .sidebar:hover ul li.nav-title { opacity: 0; animation: showHoverLink 0.2s cubic-bezier(0.25, 0.1, 0.25, 1) both; transition: 0.2s; }
  body .sidebar:hover ul li a span, body .sidebar:hover ul li a .fa-caret-left { opacity: 1 !important; animation: showHoverLink 0.2s 0.1s cubic-bezier(0.25, 0.1, 0.25, 1) both; transform-origin: 50% 50%; }
  @keyframes showHoverLink { 0% { opacity: 0; }
    100% { opacity: 1; } } }

@media (max-width: 991.98px) { .sidebar-fixed .content { margin-left: 0; } }

.header-fixed .content { margin-top: 60px; }

.sidebar-hidden .content { margin-left: 0; }

.sidebar-fixed .sidebar { position: fixed; margin-top: 60px; }

.sidebar-hidden .sidebar { margin-left: -240px; }

@media (max-width: 991.98px) { .sidebar { margin-left: -240px; }
  .sidebar-mobile-show .sidebar { margin-left: 0; } }

.header-fixed .page-header { position: fixed; }

.header-fixed .sidebar { margin-top: 60px; }

.sidebar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 240px; background-color: #272727; background: linear-gradient(90deg, #272727 0, #333 100%); box-shadow: 0 2px 15px rgba(50, 50, 93, 0.1); min-height: calc(100vh - 60px); -ms-flex-negative: 0; flex-shrink: 0; top: 0; bottom: 0; left: 0; transition: all .3s; z-index: 99; }

.sidebar .sidebar-nav { -ms-flex: 1; flex: 1; position: relative; width: 100%; overflow-y: auto; overflow-x: hidden; }

.sidebar .nav { width: 100%; list-style: none; }

.sidebar .nav-item { width: 100%; position: relative; }

.sidebar .nav-link { display: block; text-decoration: none; padding: 10px 22px; color: #858686; transition: 0.2s; overflow: hidden; position: relative; border-radius: 3px; }

.sidebar .nav-link i:first-of-type { display: inline-block; width: 25px; margin-right: 3px; color: #c4c3c3; font-size: 17px; }

.sidebar .nav-link:hover { color: #ddd; }

.sidebar .nav-link.active, .sidebar .nav-link:hover i { color: #fff !important; }

.sidebar .nav-link.active i { color: #4CBF4C !important; }

.sidebar .nav-dropdown-toggle i:last-of-type { float: right; margin-top: 4px; }

.sidebar .nav-title { font-size: 80%; text-transform: uppercase; padding: .8rem 1rem .4rem 1rem; color: #777; }

.sidebar .nav-dropdown .nav-dropdown-items li a { margin-top: -50px; opacity: 0.15; transition-timing-function: cubic-bezier(1.27, 0.32, 0.89, 0.18) both; }

.sidebar .nav-dropdown.open .nav-dropdown-items { max-height: 1000px !important; background-color: #222; }

.sidebar .nav-dropdown.open .nav-dropdown-toggle i:last-of-type { transform: rotate(270deg); }

.sidebar .nav-dropdown.open .nav-dropdown-items li a { margin-top: 0px; opacity: 1; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1) both; transition-duration: .12s !important; }

.sidebar .nav-dropdown.open .nav-dropdown-items li:nth-child(1) a { animation-delay: 1s !important; }

.sidebar .nav-dropdown.open .nav-dropdown-items li:nth-child(2) a { animation-delay: 2s !important; }

.sidebar .nav-dropdown.open .nav-dropdown-items li:nth-child(3) a { animation-delay: 3s !important; }

.sidebar .nav-dropdown.open .nav-dropdown-items li:nth-child(4) a { animation-delay: 4s !important; }

.sidebar .nav-dropdown.open .nav-dropdown-items li:nth-child(5) a { animation-delay: 5s !important; }

.sidebar .nav-dropdown.open .nav-dropdown-items li:nth-child(6) a { animation-delay: 6s !important; }

.sidebar .nav-dropdown.open .nav-dropdown-items li:nth-child(7) a { animation-delay: 7s !important; }

.sidebar .nav-dropdown.open .nav-dropdown-items li:nth-child(8) a { animation-delay: 8s !important; }

.sidebar .nav-dropdown.open .nav-dropdown-items li:nth-child(9) a { animation-delay: 9s !important; }

.sidebar .nav-dropdown.open .nav-dropdown-items li:nth-child(10) a { animation-delay: 10s !important; }

.sidebar .nav-dropdown-items { padding: 0; margin: 0; overflow: hidden; max-height: 0 !important; transition: max-height 0s ease-in-out; }

.sidebar .nav-dropdown-items .nav-item { padding: 0; list-style: none; }

.page-header { height: 60px; width: 100%; position: relative; background-color: #fff; /* -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);*/ border-bottom: 1px solid transparent; box-shadow: 0 2px 15px rgba(50, 50, 93, 0.1); margin: 0; z-index: 9999999999; -ms-flex-direction: row; flex-direction: row; }

.page-header .navbar-nav { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; }

.page-header .navbar-nav .nav-item { min-width: 50px; position: relative; }

.page-header .navbar-nav .nav-item .badge { position: absolute; top: 50%; margin-top: -17px; right: 17px; border-radius: 50%; }

.page-header .navbar-nav .dropdown-menu { padding: 0; min-width: 300px; position: absolute; top: 68px; right: -9px !important; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.4); box-shadow: 0 2px 5px rgba(50, 50, 93, 0.03), -10px 10px 10px rgba(50, 50, 93, 0.05); overflow: hidden; }

.page-header .navbar-nav .dropdown-menu.dropdown-menu-right { left: auto; right: 0; }

.page-header .navbar-nav .dropdown-menu .dropdown-header { padding: .6rem 1rem; background-color: #4CBF4C; color: #fff; text-align: center; text-transform: uppercase; }

.page-header .navbar-nav .dropdown-menu .dropdown-item { padding: .6rem 1rem; border-bottom: 1px solid #dee2e6; }

.page-header .navbar-nav .dropdown-menu .dropdown-item i { width: 20px; margin-right: 10px; color: #ccc; font-size: 0.8rem; }

.tab-content { box-shadow: 0 2px 5px rgba(50, 50, 93, 0.03), 0px 2px 2px rgba(200, 200, 200, 0.1) !important; }

.card { border: 1px solid #dee2e6; margin-bottom: 1.5rem; box-shadow: 0 2px 5px rgba(50, 50, 93, 0.03), 0px 2px 2px rgba(200, 200, 200, 0.1); }

.card.mini { transition: 0.2s; overflow: hidden; border-radius: 1px; background: #232526; background: linear-gradient(to right, #ccc, #aaa); background: linear-gradient(to right, #ccc, #aaa) !important; background-size: auto 100% !important; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.8); }

.card.mini i { font-size: 35px; opacity: 1; transition: 0.2s; color: #fff; font-size: 55px; position: absolute; top: 30px; right: 20px; }

.card.mini span { color: #fff !important; }

.card.mini:hover i { opacity: 1; }

.home { padding-bottom: 40px; }

body .home .card.mini { transition: 0.2s; background: linear-gradient(309.15deg, #58960c 0, #9ccc65 100%) !important; background-size: auto 100% !important; color: #fff; overflow: hidden; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.8); transition: 0.2s; background: #9ccc65 !important; background-size: auto 100% !important; color: #fff; overflow: hidden; border-radius: 1px; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); border: none; background: #4CBF4C !important; }

body .card.card-link { background: #4CBF4C !important; }

.home .card.mini i { color: #fff; font-size: 55px; position: absolute; top: 30px; right: 20px; }

.home .card.mini:hover { transform: translateY(-2px); }

.card.card-link { transition: 0.2s; background: linear-gradient(309.15deg, #4CBF4C 0, #4CBF4C 100%) !important; background-size: auto 100% !important; color: #fff; overflow: hidden; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.8); border: 1px solid rgba(255, 255, 255, 0.8); transition: 0.2s; background: #9ccc65 !important; background-size: auto 100% !important; color: #fff; overflow: hidden; border-radius: 1px; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); border: none; }

.card.card-link i { color: #fff; font-size: 55px; position: absolute; top: 30px; right: 24px; }

.card.card-link:hover { transform: translateY(-1px); }

.card.card-link:hover i { opacity: 1; transition: 0.2s; }

.home .card.mini .card-body, .card-link .card-body { padding-left: 10px !important; }

.card-actions { position: absolute; top: 0; right: 0; }

.card-actions a, .card-actions button { display: block; float: left; padding: 1rem; margin: 0 !important; text-align: center; background: transparent; }

.alert-primary { color: #fff; background-color: #55aef6; border-color: #65b00f; }

.alert-primary hr { border-top-color: #2a99f4; }

.alert-primary .alert-link { color: #fcc; }

.alert-secondary { color: #fff; background-color: #b4b4b4; border-color: #aaa; }

.alert-secondary hr { border-top-color: #9d9d9d; }

.alert-secondary .alert-link { color: #e6e5e5; }

.alert-success { color: #fff; background-color: #a6d174; border-color: #9ccc65; }

.alert-success hr { border-top-color: #90c652; }

.alert-success .alert-link { color: #ccf; }

.alert-info { color: #fff; background-color: #37cbdd; border-color: #26c6da; }

.alert-info hr { border-top-color: #22b3c5; }

.alert-info .alert-link { color: #e6e5e5; }

.alert-warning { color: #fff; background-color: #ffcf3c; border-color: #ffca28; }

.alert-warning hr { border-top-color: #ffc40f; }

.alert-warning .alert-link { color: #e6e5e5; }

.alert-danger { color: #fff; background-color: #f16563; border-color: #ef5350; }

.alert-danger hr { border-top-color: #ed3c39; }

.alert-danger .alert-link { color: #e6e5e5; }

.alert-light { color: #fff; background-color: #fff; border-color: #f8f9fa; }

.alert-light hr { border-top-color: #e9ecef; }

.alert-light .alert-link { color: #e6e5e5; }

.alert-dark { color: #c4c3c3; background-color: #4e4e4e; border-color: #444; }

.alert-dark hr { border-top-color: #373737; }

.alert-dark .alert-link { color: #aaa; }

.alert .close { font-size: 15px; padding: 1rem; }

.alert .close:focus { outline: none; }

.btn i { font-size: 0.875rem; }

.btn.btn-rounded { border-radius: 50px !important; }

.require:after { content: "*"; margin-left: 6px; color: #ef5350; }

.form-text { color: #999; }

.nav-tabs { border: none; }

.nav-tabs .nav-link { color: #444; padding: 10px 15px 10px 10px; font-size: 14px; color: #333; }

.nav-tabs .nav-link i { padding: 0 6px; color: #555; font-size: 15px; }

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:hover i { transition: 0.2s; color: #444; border-color: transparent; }

.nav-tabs .nav-link.active { color: #222; background: #fff; border-color: #dee2e6; border-bottom: none; }

.nav-tabs .nav-link.active:focus { background: #fff; border-color: #dee2e6; border-bottom-color: #fff; }

.nav-tabs .nav-link.active:hover { border-color: #dee2e6; }

.tab-content { margin-top: -1px; border: 1px solid #dee2e6; background: #fff; border-radius: 1px; box-shadow: 0 2px 5px rgba(50, 50, 93, 0.03); }

.tab-content .tab-pane { padding: 1rem; }

.navbar .navbar-brand { width: calc(240px - 1rem); margin-right: 0; }

@media (max-width: 575.98px) { .d-down-none { display: none !important; } }

@media (max-width: 767.98px) { .d-sm-down-none { display: none !important; } }

@media (max-width: 991.98px) { .sidebar-toggle.d-md-down-none { display: none !important; } }

@media (max-width: 1199.98px) { .d-lg-down-none { display: none !important; } }

.d-xl-down-none { display: none !important; }

.border-right { border-right: 1px solid #dee2e6; }

.border-left { border-left: 1px solid #dee2e6; }

.border-top { border-top: 1px solid #dee2e6; }

.border-bottom { border-bottom: 1px solid #dee2e6; }

.avatar { border-radius: 50em; }

.avatar-xs { width: 20px; }

.avatar-sm { width: 36px; }

.avatar-lg { width: 72px; }

.toggle-switch { display: inline-block; vertical-align: top; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.toggle-switch .ts-label { display: inline-block; margin: 0 15px 0 0; vertical-align: top; transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1); }

.toggle-switch .ts-helper { display: inline-block; position: relative; width: 40px; height: 16px; border-radius: 8px; background: rgba(0, 0, 0, 0.1); transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1); vertical-align: middle; cursor: pointer; }

.toggle-switch .ts-helper:before { content: ""; position: absolute; top: -4px; left: -4px; width: 24px; height: 24px; background: #fafafa; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28); border-radius: 50%; webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }

.toggle-switch:not(.disabled) .ts-helper:active:before { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1); }

.toggle-switch input { position: absolute; z-index: 1; width: 46px; margin: 0 0 0 -4px; height: 24px; opacity: 0; cursor: pointer; }

.toggle-switch input:checked + .ts-helper:before { left: 20px; }

.toggle-switch.disabled { opacity: 0.6; }

.toggle-switch[data-ts-color=primary] input:not(:disabled):checked + .ts-helper { background: #a3d3fa; }

.toggle-switch[data-ts-color=primary] input:not(:disabled):checked + .ts-helper:before { background: #65b00f; }

.toggle-switch[data-ts-color=secondary] input:not(:disabled):checked + .ts-helper { background: #ddd; }

.toggle-switch[data-ts-color=secondary] input:not(:disabled):checked + .ts-helper:before { background: #aaa; }

.toggle-switch[data-ts-color=success] input:not(:disabled):checked + .ts-helper { background: #cde5b2; }

.toggle-switch[data-ts-color=success] input:not(:disabled):checked + .ts-helper:before { background: #9ccc65; }

.toggle-switch[data-ts-color=info] input:not(:disabled):checked + .ts-helper { background: #7ddde9; }

.toggle-switch[data-ts-color=info] input:not(:disabled):checked + .ts-helper:before { background: #26c6da; }

.toggle-switch[data-ts-color=warning] input:not(:disabled):checked + .ts-helper { background: #ffe38e; }

.toggle-switch[data-ts-color=warning] input:not(:disabled):checked + .ts-helper:before { background: #ffca28; }

.toggle-switch[data-ts-color=danger] input:not(:disabled):checked + .ts-helper { background: #f8afad; }

.toggle-switch[data-ts-color=danger] input:not(:disabled):checked + .ts-helper:before { background: #ef5350; }

h1, h2, h3, h4, h5, h6 { font-weight: 300; margin-bottom: 1rem; }

/*# sourceMappingURL=maps/app.css.map */