:root {
--integrra-blue: #5293e4;
--integrra-green: #8dca0a;
--integrra-green-hover: #8dca0ae3;
--integrra-orange: #f98816;
--integrra-blue-btn: #2677DD;
--integrra-blue-btn-hover: #094692;
}
/* MAIN a and a:hover */
html {
background-color: #f5f5f5;
/*Jumping scrollbar fix:*/
/* margin-left: calc(100vw - 100%); */
/* overflow-y: scroll; */
}
body,
body input,
body textarea,
body select {
font-family: 'Mulish', sans-serif !important;
}
a {
color: #465056;
}
select::-ms-expand {
display: none;
}
select{
-webkit-appearance: none;
-moz-appearance: none;
text-align: left;
background: #fff url(images/select.png)!important;
background-repeat: no-repeat!important;
background-position: 99% center!important;
background-size: 11px 10px!important;
min-width:40px;
padding-right: 20px;
}
a:link {
color: #465056;
}
body a:hover{
color: black ;
text-decoration: underline;
}
body input[type="checkbox"],
body input[type="radio"] {
width: 16px !important;
height: 16px !important;
min-width: 16px !important;
min-height: 16px !important;
max-width: 16px !important;
max-height: 16px !important;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 2px solid var(--integrra-blue);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-print-color-adjust: exact;
color-adjust: exact;
padding: 0 !important;
margin: 0 3px 0 0 !important;
}
body input[type="checkbox"]:checked,
body input[type="radio"]:checked {
background-color: var(--integrra-blue);
border-color: var(--integrra-blue);
}
input:checked[type=checkbox] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
input:checked[type=radio] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
body input[type=radio] {
border-radius: 50%;
}
body input[type=checkbox] {
border-radius: 5px;
}
body input[type=checkbox]:focus,
body input[type=radio]:focus {
outline: 0;
}
body .integrra-block-active {
border: 2px solid var(--integrra-blue);
background-color: #ffffff;
border-radius: 23px;
padding: 15px;
margin-bottom: 15px;
box-shadow: none;
}
/*NEW STYLE BUTTONS*/
.whiteButton{
color: #000000;
font-size: 13px;
font-weight: 400;
vertical-align: middle;
max-height: 28px;
height: 28px;
border: 0;
background: white;
border-radius: 100px;
cursor: pointer;
margin: 4px 5px;
box-sizing: border-box;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
background-color: #ffffff;
padding: 0 10px;
line-height: 1;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
transition: 0.3s;
}
.whiteButton:hover,
.whiteButton:focus {
text-decoration: none;
outline: 0;
border: 0;
color: #000000;
background-color: #ebebeb;
}
.whiteButton i{
margin-right: 5px;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #efefef;
}
::-webkit-scrollbar {
width: 12px;
height: 12px;
background-color: #efefef;
}
::-webkit-scrollbar-thumb {
border: 3.5px solid rgba(0, 0, 0, 0);
border-radius: 100px;
background-clip: padding-box;
border-radius: 9999px;
background-color: #bfbfbf;
}
/* Buttons */
::-webkit-scrollbar-button:single-button {
background-color: #efefef;
display: block;
background-size: 8px;
background-repeat: no-repeat;
}
/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
height: 12px;
width: 12px;
background-position: center center;
background-image: url("data:image/svg+xml;utf8,");
}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
background-image: url("data:image/svg+xml;utf8,");
}
::-webkit-scrollbar-button:single-button:vertical:decrement:active {
background-image: url("data:image/svg+xml;utf8,");
}
/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
height: 12px;
width: 12px;
background-position: center center;
background-image: url("data:image/svg+xml;utf8,");
}
::-webkit-scrollbar-button:single-button:vertical:increment:hover {
background-image: url("data:image/svg+xml;utf8,");
}
::-webkit-scrollbar-button:single-button:vertical:increment:active {
background-image: url("data:image/svg+xml;utf8,");
}
#ajax_listOfOptions{
max-height: 100% !important;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #BFBFC0;
}
input::-moz-placeholder { /* Firefox 19+ */
color: #BFBFC0;
}
input:-ms-input-placeholder { /* IE 10+ */
color: #BFBFC0;
}
input:-moz-placeholder { /* Firefox 18- */
color: #BFBFC0;
}
/* global popup button */
.global-popup-button-container>input[type="button"], .global-popup-button-container>input[type="submit"] {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
border: 0;
margin: 5px 0;
display: flex;
align-items: center;
font-size: 13px;
font-weight: 400;
padding: 0 10px !important;
line-height: 1;
margin: 5px;
border-radius: 34px;
min-height: 28px;
}
.global-popup-button-container>input[type="button"]:hover, .global-popup-button-container>input[type="submit"]:hover {
background-color: #ebebeb;
text-decoration: none;
}
.global-popup-button-container>input[type="button"]:active{
background-color: #ebebeb;
text-decoration: none;
}
.global-popup-button-container{
display: inline-block;
margin: 5px 0 !important;
width: 180px;
position: relative !important;
background-repeat: no-repeat !important;
background-position: left !important;
}
.global-popup-button-container>.material-icons{
display: none;
}
/* MAIN fields AND Buttons */
select{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url(data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23c1c1c1'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E);
background-repeat: no-repeat;
background-position: right center;
padding-right: 25px;
background-size: 26px;
border: 2px solid #bfbfbf;
background-color: #ffffff;
width: 100%;
height: 41.25px;
color: #000;
font-size: 16px;
font-weight: 400;
border-radius: 34px;
padding: 4.5px 19.5px;
}
select:focus {
border: 2px solid var(--integrra-green);
outline: none;
}
select option {
border: 1px solid lightgrey;
background: #fff;
background-color: #fff;
border-radius: 3px;
outline: 0;
color: #000;
position: relative;
overflow: auto;
}
input[type="button"]{
color: #000000;
font-size: 13px;
font-weight: 400;
vertical-align: middle;
max-height: 28px;
height: 28px;
border: 0;
background: white;
border-radius: 100px;
cursor: pointer;
margin: 4px 5px;
box-sizing: border-box;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
background-color: #ffffff;
padding: 0 10px;
line-height: 1;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
transition: 0.3s;
}
.uploadable_file{
color: white;
font-size: 14px;
background: lightgrey url("images/to_right.png") no-repeat;
background-position: 98% 50%;
padding: 0 16px 0 0px;
border-radius: 3px;
border: 0;
width: auto;
height: 21.5px;
}
input[type="submit"] {
background: url("images/approve_button.png") 0px center no-repeat, linear-gradient(to bottom, #fff 0%, #e0e0e0 100%) repeat-x;
padding:0 10px 0 40px;
font-size: 14px;
font-weight: normal;
display: block;
margin-left: 0;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: top;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-radius: 2px;
text-shadow: 0 1px 0 #fff;
color: #333;
/*margin-top: 18px;
margin-bottom: 26px;*/
height: 30px;
border-color: #dbdbdb;
}
body .form-control,
input[type="text"]{
border: 2px solid #bfbfbf;
background-color: #ffffff;
width: 100%;
height: 41.25px;
color: #000;
font-size: 16px;
font-weight: 400;
border-radius: 34px;
padding: 4.5px 19.5px;
}
input.form-control:focus,
input[type="text"]:focus {
border: 2px solid var(--integrra-green) !important;
outline: none;
}
textarea {
border: 2px solid #bfbfbf;
background-color: #fff;
border-radius: 23px;
padding: 5px 14px;
font-size: 12px !important;
font-weight: 600 !important;
resize: vertical;
width: 100%;
min-height: 111px;
}
textarea:focus {
border: 2px solid var(--integrra-green);
outline: none;
}
#body-block{
background-color: #f5f5f5;
padding-left: 240px;
padding-top: 75px;
position: relative;
}
#main-content-middle {
min-height: 398px;
padding: 15px 10px 10px 10px;
background-color: #f5f5f5;
}
.main-content table thead th{ padding: 3px !important; text-align: center !important; vertical-align: middle !important; font-weight: 600 !important; }
main input[type="text"],
main input[type="number"] {
border: 2px solid #bfbfbf;
background-color: #ffffff;
width: 100%;
height: 41.25px;
color: #000;
font-size: 16px;
font-weight: 400;
border-radius: 34px;
padding: 4.5px 19.5px;
}
main input[type="textarea"] {
padding-left: 7px;
outline: none;
border-radius: 3px;
}
#main-content-middle .paggination { text-align: right; }
.fluid-control > * { margin-right: 215px }
#work-table .work-table-item a { text-decoration: underline; }
#work-table.search-result .fluid-control > * { margin-right: 0 }
#work-table.search-result > table{ width: 100%}
#work-table > div > table thead th, #work-table.search-result > table thead th{ text-align: center; padding:3px; font-weight: 600; padding-bottom: 5px; color: #465056; }
#work-table > div > table thead th:first-child, #work-table.search-result > table thead th:first-child { padding-left: 0; }
#work-table > div > table thead th:last-child, #work-table.search-result > table thead th:last-child { padding-right: 0; }
#work-table thead tr { background-color: #fdfeff; }
#work-table { font-size: 14px; }
#work-table th input { margin-top:3px; width: 100%; border: 2px solid #bfbfbf; min-height: 28px; padding: 5px 14px;}
#work-table th input:focus { border: 2px solid var(--integrra-green); outline: none;}
#work-table th .date-only label { position: absolute; color: black; top: 0.3em; left: 0.4em; font-weight: normal; margin-bottom:0; display: none; }
#work-table th .date-only label.label-to{ position: absolute; color: black; top: 2.2em; left: 0.4em; font-weight: normal; margin-bottom:0; }
#work-table th .date-only input { padding-right: 20px;}
#work-table #filterSearch,
input[value="Paأƒâ€¦أ‚آ¾ymأƒâ€أ¢â‚¬â€ti visus"],
input[value="Nuأƒâ€¦أ‚آ¾ymأƒâ€أ¢â‚¬â€ti visus"],
input[value="Eksportuoti"] {
background: #fff url("data:image/svg+xml,%0A%3Csvg fill='%235293e4' xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M400-240v-80h160v80H400ZM240-440v-80h480v80H240ZM120-640v-80h720v80H120Z'/%3E%3C/svg%3E");
color: #000000;
font-size: 13px;
font-weight: 400;
vertical-align: middle;
max-height: 28px;
height: 28px;
border: 0;
border-radius: 100px;
cursor: pointer;
margin: 4px 5px;
box-sizing: border-box;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
padding: 0 10px 0 38px;
line-height: 1;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
transition: 0.3s;
background-repeat: no-repeat;
background-position: 9px center;
background-size: 20px;
}
#work-table #filterSearch:hover,
input[value="Paأƒâ€¦أ‚آ¾ymأƒâ€أ¢â‚¬â€ti visus"]:hover,
input[value="Nuأƒâ€¦أ‚آ¾ymأƒâ€أ¢â‚¬â€ti visus"]:hover,
input[value="Eksportuoti"]:hover {
z-index: 2;
background-color: #ebebeb;
}
input[value="Paأƒâ€¦أ‚آ¾ymأƒâ€أ¢â‚¬â€ti visus"],
input[value="Nuأƒâ€¦أ‚آ¾ymأƒâ€أ¢â‚¬â€ti visus"],
input[value="Eksportuoti"] {
display: inline-flex;
margin: 5px 5px 8px 0;
}
.popup-action-container .date-selector {
width: 100%;
}
.date-selector {
position: relative;
width: 100%;
}
.date-only label{
display: block;
}
.date-only .date-selector span{
top: 11px;
position: absolute;
cursor: pointer;
right: 6px;
}
.date-only .date-selector label {
margin-bottom: 0;
}
.date-time>.date-selector span{
bottom: 21px;
position: absolute;
cursor: pointer;
right: 6px;
}
.popup-right-side-block .date-time>.date-selector span{
top: 0;
}
.date-time>.date-selector span.date i{
bottom: 0;
position: absolute;
cursor: pointer;
right: 6px;
z-index: 1;
color: var(--integrra-green);
}
#work-table .date-selector span{
position: absolute;
right: 5px;
cursor: pointer;
}
#work-table .reportDateContainer .date-selector span{
right:-3px;
}
#work-table .date-selector .ORDER_DATE_FROM, #work-table .date-selector .ORDER_DATE_TO, #work-table .date-selector .EXPIRE_DATE_FROM, #work-table .date-selector .EXPIRE_DATE_TO{
top: 14px;
}
#RSRV_CHOICE_DATE input{
width: 28px !important;
min-width: auto !important;
padding: 0;
height: auto;
text-align: center;
}
#work-table th .date-only { position: relative; }
#work-table .tr-spacer{ height: 15px !important;box-shadow: unset !important;border: 0 !important;visibility: hidden;margin: 0 !important;}
#work-table #dhsFilterForm tbody tr{cursor: default;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);border-radius: 34px; background-color: #fff;}
#work-table tbody tr{cursor: default; }
#work-table tbody tr td { position: relative;}
#work-table .settings-block tbody tr{ border: 0; }
#work-table .list-doc-type i { font-size: 18px;}
#work-table .list-doc-follow i { font-size: 18px;}
#work-table .list-doc-follow { display: block; width: 14px; height: 18px; }
#work-table .list-doc-follow span.followSpan{ display: block; height: 18px; width: 18px;}
#work-table .list-doc-follow span.followSpan a { z-index: 3; }
#work-table .time-expired { color: red}
#work-table .not-readed { font-weight: 600; color: #494949}
#work-table .not-new { color: #777777}
#work-table table { background-color: #f2f2f2;border-radius: 34px;padding: 15px;border: none;margin-bottom: 15px;}
#work-table table thead th {background-color: #f2f2f2;}
#work-table table tr {background-color: #fff;}
#work-table table thead tr:last-child th {padding-bottom: 10px !important;}
#work-table .user-added-feed table {background-color: #fff;}
.task-status-text{ display: inline-block; max-width: 80px; }
.task-status-icon.single-icon > *{ display: inline-block; vertical-align: middle;}
.task-status-icon.single-icon:before {
display: inline-block;
vertical-align: middle;
content: "";
height: 100%;
}
.fluid-control table th select#STATUS_ID {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* greitasis meniu */
#main-content-middle #work-table #dhsfiltercont {
margin-right: 15px;
}
form div#dok_block_right .dok_blok_b {
margin-right: 280px;
}
#work-table form div#dok_block_right #advertisement-block,
#main-content-middle #work-table + #advertisement-block {
position: absolute;
top: 108px;
right: 8px;
}
#dhsfiltercont table.dhs-filter select#ORDERTYPE {
width: 170px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-left: 4px;
margin-left: 3px;
}
/* end greitasis meniu */
/* mixin for multiline */
#work-table table tr>td:nth-child(3)>div, #work-table table tr>td:nth-child(4)>div{
display: block;
/* Fallback for non-webkit */
/*display: -webkit-box;*/
max-width: 100px;
/*max-height: 40px;*/
/* Fallback for non-webkit */
/*margin: 0 auto;*/
font-size: 14px;
line-height: 1.2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.task-status-icon {
display: inline-block;
float: right;
height: 39px;
}
.green-icon { color: #3d8f1a}
.yellow-icon{ color: #e4900b}
.blue-icon{ color: #19abcf}
.task-status-icon i {
display: inherit;
font-size: 19px;
}
.icheckbox_minimal, .iradio_minimal {
border-radius: 3px;
}
#work-table .date-only span {display: inline-block;font-size: 10px;color: var(--integrra-green);}
#work-table .date-only span i {font-size: 20px;}
.date-filter { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; text-transform: capitalize; }
.date-filter a { color: #000; margin: 0; font-size: 11px; position: relative; display: inline-block; width: 10px; height: 12px;}
.date-filter .date-caret-up { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid grey; position: absolute; top: 2px; }
.date-filter .date-caret-down { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid grey; position: absolute; top: 2px; }
.date-filter a:hover .date-caret-down { border-top: 10px solid black; }
.date-filter a:hover .date-caret-up { border-bottom: 10px solid black; }
.date-filter .filter-up {
background: url(images/filter_arrow_white.png) no-repeat center / contain;
height: 10px;
width: 10px;
display: inline-block;
}
.date-filter .filter-down {
background: url(images/filter_arrow_white.png) no-repeat center / contain;
height: 10px;
width: 10px;
display: inline-block;
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.date-filter .filter-down.active, .date-filter .filter-up.active{
background: url("images/filter_arrow_gray.png") no-repeat center / contain;
}
.input-with-filter { position: relative }
.input-with-filter .filter-up {
background: url("images/filter_arrow_white.png") no-repeat center / contain;
position: absolute;
height: 13px;
width: 13px;
top: 3px;
right: 13px;
}
.input-with-filter .filter-down {
background: url("images/filter_arrow_white.png") no-repeat center / contain;
position: absolute;
height: 13px;
width: 13px;
top: 4px;
right: 2px;
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.input-with-filter input { padding-right: 25px }
#work-table .date-only span > * {
vertical-align: -4px;
}
.form-top > div , .title-block > div {
width: 79.7%;
display: inline-block;
}
.form-top, .title-block {
padding: 0 5px 15px 5px;
font-weight: 700;
font-size: 25px;
}
.list-pagination-top > div , .title-block > div {
font-weight: 700;
font-size: 16px;
}
/**** pagination*****/
.list-pagination-top, .title-block {
padding: 0 5px 15px 5px;
font-size: 14px;
position: relative;
display: flex;
justify-content: space-between;
}
.paginate inactive {
display:none;
}
.list-pagination-top .paggination-control {
text-align: right;
}
.list-pagination-top .paggination-control>span{
text-align: right;
}
.list-pagination-top .pagination-actions i {
background-color: var(--integrra-blue);
color: #fff;
font-size: 21px;
border-radius: 100%;
cursor: pointer;
}
.list-pagination-top .pagination-actions a:hover,
.list-pagination-top .pagination-actions a:focus {
text-decoration: none;
}
.list-pagination-top .pagination-actions a:hover i {
background-color: var(--integrra-green);
}
/***WORK FLOW SLECT***/
.work-flow-show select#EMPLOYER_ID {
color: #333;
}
.work-flow-show .work-flow {
color: #000000;
font-size: 13px;
font-weight: 400;
vertical-align: middle;
max-height: 28px;
height: 28px;
border: 0;
background: white;
border-radius: 100px;
cursor: pointer;
margin: 4px 5px;
box-sizing: border-box;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
padding: 0 10px 0 38px;
line-height: 1;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
transition: 0.3s;
}
.work-flow-show .work-flow:hover{
z-index: 2;
text-decoration: none !important;
background-color: #ebebeb;
}
.work-flow-show {
text-align: right;
margin-bottom: 10px;
}
/***** SUB SYSTEM BLOCK ***/
.sub-sytem-block {
min-height: 31px;
}
.sub-sytem-block ul {
z-index: 9;
padding: 0;
list-style: none;
position: fixed;
left: 262px;
top: 48px;
margin: 0;
}
.sub-sytem-block.lower-index {
z-index: 1;
}
.sub-sytem-block ul li a {
text-decoration: none;
color: inherit;
}
.sub-sytem-block ul li:first-child {
border-left: 1px solid lightgray;
}
.sub-sytem-block ul li {
border: 1px solid lightgray;
border-left: none;
cursor: pointer;
vertical-align: bottom;
display: inline-block;
margin-left: -3px;
border-radius: 3px;
}
.sub-sytem-block ul li.active > div {
background-color: #15368e;
color: #fffff;
border-radius: 0;
}
.sub-sytem-block ul li div:hover{
background: lightgrey;
}
.sub-sytem-block ul li.active div:hover{
background: #15368e;
}
.sub-sytem-block ul li.active a{
color: #fff !important;
}
.sub-sytem-block ul li.active i {
color: #fff;
}
.sub-sytem-block ul li.active {
border: 2px solid #ebebeb;
border-radius: 0;
color: #fff;
}
.sub-sytem-block ul li div {
background-color: #fff;
padding: 10px;
/* border-top: 3px solid transparent; */
border-radius: 3px;
}
.sub-sytem-block ul li.add-sub-system div{
/* margin-top: 3px; */
background-color: #a3a8b0;
color: #fff;
font-size: 30px;
font-weight: 600;
width: 45px;
text-align: center;
line-height: 19px;
}
.sub-sytem-block ul li.add-sub-system {
/* border: 0; */
}
.sub-sytem-block i {
font-size: 19px;
display: block;
}
.dropdown-block{
display: none !important;
position: absolute;
top: 55px;
right: 0;
z-index: 1;
box-shadow: 0 3px 6px rgb(0 0 0 / 35%);
border-radius: 34px;
background-color: #ffffff;
padding: 15px;
}
.dropdown-block .arrow {
display: none;
}
.dropdown-block .popover-content {
padding: 0;
}
/******************** HEADER ****************/
header {position: fixed; top: 0; width: 100%; z-index: 999; left: 0}
.header-content{
height: 75px;
background-color: var(--integrra-blue);
padding: 0 10px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.46);
}
.header-content .header-search-block{
position: relative;
}
.header-content .header-search-block input[type='Submit']{
display: block;
width: 23px;
height: auto;
background: black;
position: absolute;
top: 0;
bottom: 0;
right: 9px;
color: transparent;
background: transparent;
padding: 0;
font-size: 0 !important;
border: 0;
}
.header-content .header-search-block input[type='Submit']:focus {
outline: none;
}
.header-logo { display: inline-block; height: 100%; }
.header-logo img { max-width: 140px;}
.header-logo img.logo-respo {display: none;}
.v-align-center * { display: inline-block; vertical-align: middle;}
.v-align-center:before {
display: inline-block;
vertical-align: middle;
content: "";
height: 100%;
}
#header-toolbox { float: right; height: 100%; color: #fff; }
#header-toolbox > ul { padding: 0; margin: 0; font-size: 12px; }
#header-toolbox > ul > li {
padding: 0 6px;
position: relative;
height: 75px;
margin: 0;
display: flex;
flex-direction: row;
align-items: center;
float:left;
}
#header-toolbox #info-for-enterprise .info-for-enterprise .material-icons{
margin-right: 5px;
}
#header-toolbox > ul > li:nth-child(2):hover, #header-toolbox > ul > li:nth-child(3):hover, #header-toolbox > ul > li:nth-child(4):hover, #header-toolbox > ul > #languageChangerLi:hover{
background: var(--integrra-green);
}
div#header-toolbox > ul > li:nth-child(6) span {
margin-right: 5px;
}
#header-toolbox .info-for-enterprise a, #header-toolbox .info-for-enterprise a:hover{
color: #fff !important;
}
#header-toolbox > ul > li.selected-plan-block {
background-color: var(--integrra-blue);
}
#header-toolbox > ul > li > div.plan-block {
display: flex;
flex-direction: column;
}
#header-toolbox > ul > li > div.plan-block .plan-block-item {
display: flex;
align-items: flex-end;
}
#header-toolbox > ul > li > div.plan-block .plan-block-item .plan-block-text {
font-size: 14px;
margin-left: 6px;
}
#header-toolbox > ul > li > div.plan-block .plan-block-item span.plan-block-text a {
color: #fff;
}
#header-toolbox > ul > li > div.plan-block .plan-block-item span.plan-block-text a:hover {
color: #fff!important;
}
#header-toolbox > ul > li > div.plan-block .plan-block-item img.selected-plan-img {
width: 20px;
}
/*** HEADER LOGO NAV ******/
.menu-icon-container>div{
width: 23px;
height: 3px;
background-color: #fff;
margin: 3px 0;
}
header .header-menu{
display:inline-block;
}
header .header-menu button{
background: none;
border:none;
padding: 0;
margin: 0 5px 5px 15px;
vertical-align: middle;
}
header .header-menu ul.dropdown-menu{
top:calc(100% + 10px);
left: 13px;
padding: 0;
box-shadow: 0 3px 6px rgb(0 0 0 / 35%);
border-radius: 34px;
background-color: #ffffff;
padding: 15px;
border: 0;
}
header .header-menu ul.dropdown-menu li a{
padding-left: 15px;
min-width: 200px;
}
header .header-menu ul.dropdown-menu li:last-child a{
border-bottom: none;
}
header .header-menu ul.dropdown-menu li a:hover{
background-color: #f5f5f5;
border-radius: 100px;
background-image: unset;
}
header .header-menu ul.dropdown-menu li a img{
max-height: 25px;
width: auto;
margin-right: 25px;
vertical-align: middle;
}
header .header-menu ul.dropdown-menu li a .material-icons{
font-size: 25px;
vertical-align: middle;
margin-right: 22px;
color: var(--integrra-blue);
}
/*** HEADER LOGO NAV ******/
/*** HEADER SEARCH BLOCK ******/
#header-search {
background: #fff url("images/header-search.png") no-repeat right 10px center / 18px;
position: relative;
outline: none;
border: 2px solid #bfbfbf;
background-color: #ffffff;
width: 100%;
min-height: 41.25px;
color: #000;
font-size: 16px;
font-weight: 400;
border-radius: 34px;
padding: 4.5px 33.5px 4.5px 19.5px;
}
#header-search:focus {
border: 2px solid var(--integrra-green);
outline: none;
}
/********* HEADER USER BLOCK*********/
#user-block { cursor: pointer}
.user-avatar-arrow > span { display: inline-block; }
#user-block .user-name-spec {
text-align: right;
font-size: 14px;
font-weight: 700;
margin-left: 8px;
margin-right: 8px;
}
.user-avatar-arrow .user-avatar i { font-size: 40px; }
.dropdown-block .popover-content .user-control-buttons .buttons {
font-size: 12px;
display: block;
}
.dropdown-block .popover-content .user-control-buttons .buttons .group {
color: #000000;
display: block;
margin-bottom: 4px;
}
.dropdown-block .popover-content .user-control-buttons .buttons .group:last-child { border-bottom: none}
.dropdown-block .popover-content .user-control-buttons .buttons .group i {
font-size: 20px;
float: right;
color: var(--integrra-blue);
}
.user-type-select, .user-control-buttons {
display: block;
}
.user-type-select ul {
list-style: none;
padding: 0;
color: #616161;
display: block;
}
.user-type-select ul li{
display: block;
padding: 0 30px 0 15px;
position: relative;
}
.user-type-select ul li a {
display: block;
padding: 4px 0;
text-decoration: none;
color: #000000;
}
#user-block .popover-content {
min-width: 140px;
}
.dropdown-block .popover-content .user-control-buttons .buttons .group{
padding: 4px 15px;
}
.user-type-select ul li:hover,
.dropdown-block .popover-content .user-control-buttons .buttons .group:hover{
background-color: #f5f5f5;
border-radius: 100px;
}
.user-type-select .selected-type:before {
font-family: 'Material Icons';
display: inline-block;
vertical-align: middle;
font-size: 17px;
content: "\E5CA";
float: right;
line-height: 1;
color: var(--integrra-blue);
position: absolute;
right: 15px;
transform: translate(0, -50%);
top: 50%;
}
.active-li .dropdown-block{
display: block !important;
}
/*******LANG CHANGER ******/
#language-changer .language-icon-text {
font-size: 11px;
cursor: pointer;
font-weight: bold;
border-radius: 50%;
border: 2px solid #fff;
width: 24px;
height: 24px;
background: #fff;
color: #878d95;
display: flex;
align-items: center;
justify-content: center;
}
#language-changer .language-icon-text span {
line-height: 1;
}
#language-changer .dropdown-block {
top: 49px;
color: #4c4c4c;
}
#language-changer ul {
padding: 0;
list-style: none;
display: block;
}
#language-changer ul > li{ display: block; position: relative;}
#language-changer ul > li> a {
display: block;
padding: 3px 20px 3px 20px;
position: relative;
}
#language-changer ul > li > a {
color: #4c4c4c;
text-decoration: none;
}
#language-changer ul > li:hover {
background-color: #f5f5f5;
border-radius: 100px;
}
#language-changer ul > li.selected-lang:before {
font-family: 'Material Icons';
display: inline-block;
vertical-align: middle;
font-size: 17px;
content: "\E5CA";
float: right;
line-height: 1;
position: absolute;
right: 2px;
top: 2px;
color: var(--integrra-blue);
}
/*********HEADER NOTIFICATION *****/
#notification-block .dropdown-block {
top: 49px;
right: -10px;
}
#notification-block .notification-icon {
cursor: pointer;
}
#notification-block .notification-icon .new-task-count{
vertical-align: middle;
position: absolute;
width: 19px;
display: flex;
left: -3px;
border-radius: 50%;
justify-content: space-around;
align-items: center;
min-width: 19px;
min-height: 19px;
max-width: 19px;
max-height: 19px;
top: 17px;
font-weight: normal;
text-align: left;
font-size: 10px;
z-index: 999;
background: rgb(85,84,84);
-webkit-box-shadow: 2px 2px 13px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 13px -3px rgba(0,0,0,0.75);
box-shadow: 2px 2px 13px -3px rgba(0,0,0,0.75);
}
#notification-block .notification-icon .late-task-count{
vertical-align: middle;
position: absolute;
min-width: 19px;
min-height: 19px;
max-width: 19px;
max-height: 19px;
display: flex;
left: -3px;
justify-content: space-around;
align-items: center;
height: 15px;
top: 17px;
font-weight: normal;
text-align: center;
font-size: 10px;
z-index: 999;
border-radius: 50%;
background: #c81d23;
-webkit-box-shadow: 2px 2px 13px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 13px -3px rgba(0,0,0,0.75);
box-shadow: 2px 2px 13px -3px rgba(0,0,0,0.75);
}
.notofications-list-block ul {
display: block;
min-width: 300px;
padding: 10px 0 0 0;
}
.main-notifications-list>table>tbody>tr>td:first-child{
width:50px;
}
.main-notifications-list>table>tbody>tr>td:last-child .notif-text-type>b{
display: block;
font-size: 14px;
color: #345984;
}
.flow-new-content .flow-form .submit-btn .edit-feed{
}
.flow-new-content .flow-form .submit-btn .post-feed{
}
.notofications-list-block ul li {
display: block;
padding: 0 10px;
}
.notofications-list-block ul li:hover {background-color: #f5f5f5;border-radius: 100px; }
.notofications-list-block ul li:hover .notif-actions {display: block }
.notofications-list-block ul li:last-child { border-bottom: none }
.notofications-list-block ul li a {
display: block;
padding: 5px 0;
position: relative;
text-decoration: none;
margin-bottom: 2px;
}
.notofications-list-block .notif-actions {
position: absolute;
top: 0;
right: 0;
display: none;
}
.notofications-list-block .notif-actions .view i {
color: lightgray;
font-size: 14px;
display: block;
}
.notofications-list-block .notif-actions .delete i {
color: red;
font-size: 14px;
display: block;
}
.notofications-list-block .notif-actions .okey i {
color: green;
font-size: 14px;
display: block;
}
.notofications-list-block .notif-type img {
width: 40px;
border-radius: 50%;
background-color: var(--integrra-blue);
}
.notofications-list-block .notif-text {
margin-left: 10px;
color: #5a5a5a;
font-size: 12px;
font-weight: 700;
}
.notofications-list-block .notif-text .notif-description {
max-width: 217px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-weight: 400;
}
/*.notif-description .notif-text-desc img, .notif-description .notif-text-desc iframe{
border: 1px solid grey;
}*/
.main-notifications-list .notif-description .notif-text-type a{
text-decoration: underline;
color: #465056;
}
.main-notifications-list .notif-description .notif-text-type a:hover{
text-decoration: underline;
color: color: black;
}
.notofications-list-block .see-more-notif {
display: block;
text-align: center;
}
.notofications-list-block .see-more-notif a {
text-decoration: none;
padding: 10px;
color: #fff;
font-size: 12px;
display: block;
width: 100%;
background-color: var(--integrra-green);
border-radius: 100px;
font-weight: 700;
margin-top: 15px;
}
.notofications-list-block .see-more-notif:hover a {
background-color: var(--integrra-green-hover);
}
/**** WRITE TO US EMAIL ******/
#write-to-us i.message-icon {
background: transparent url(images/messages.png) no-repeat center / contain;
height: 30px;
width: 30px;
cursor: pointer;
}
#write-to-us .dropdown-block { color: #4c4c4c; top: 51px; right: -125px; }
#write-to-us .dropdown-block .write-form-block { padding: 10px 20px; }
#write-to-us .dropdown-block h5 { font-weight: 600; margin-top: 0; }
#write-to-us .dropdown-block label { font-weight: normal; text-align: left}
#write-to-us .dropdown-block input {border: none;color: #fff;background-color: #a3a8b0;padding: 2px 20px;margin-top: 5px;}
#write-to-us .dropdown-block textarea {
width: 250px;
height: 100px;
border: 1px solid lightgray;
-moz-box-shadow: inset 3px 2px 12px -5px lightgray;
-webkit-box-shadow: inset 3px 2px 12px -5px lightgray;
box-shadow: inset 3px 2px 12px -5px lightgray;
text-align: left;
}
#write-to-us .dropdown-block .arrow { right: 126px; }
/************ NOTIFICATION ALL LIST AND MAIN *********/
ul.main-notifications-list,.work-flow-show {
padding: 0;
list-style: none;
margin-right: 215px;
}
ul.main-notifications-list li {
box-shadow: 0 3px 6px rgb(0 0 0 / 35%);
border-radius: 34px;
background-color: #ffffff;
padding: 15px;
position: relative;
font-size: 16px;
margin-bottom: 15px;
}
ul.main-notifications-list li > div {
display: inline-block;
vertical-align: top;
}
ul.main-notifications-list li .notif-avatar img {
max-width: 54px;
border-radius: 50%;
}
ul.main-notifications-list li .notif-description {
margin-left: 8px;
color: #465056;
width: 90%;
margin-bottom:10px;
}
ul.main-notifications-list li.user-added-feed .notif-description .notif-text-desc{
margin-bottom: 10px;
max-width: 100%;
width: 100%;
overflow: auto;
word-break: normal;
overflow-wrap: break-word;
display: flex;
flex-direction: column;
}
.notif-text-desc img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.system-added-feed .notif-text-desc{
max-width: 100%;
width: 100%;
overflow: auto;
}
ul.main-notifications-list li .notif-description b {
color: var(--integrra-blue);
font-size: 14px;
}
ul.main-notifications-list li .notif-description .notif-datetime {
margin-bottom: -12px;
display: block;
}
/*** All notifications*****/
ul.main-notifications-list li .notif-description .text {width: 100%;display: inline-block;vertical-align: top;color: #465056;}
ul.main-notifications-list li .notif-description img {
max-width: 100%;
padding: 0 15px;
}
ul.main-notifications-list li .notif-description .text h3 {
font-size: 16px;
margin-top: 0;
margin-bottom: 16px;
}
ul.main-notifications-list li .notfi-like {
position: absolute;
bottom: 10px;
right: 10px;
}
ul.main-notifications-list li .notfi-like img {
width: 24px;
}
ul.main-notifications-list li .notfi-like span {
display: inline-block;
margin-top: 7px;
margin-left: 5px;
vertical-align: middle;
}
ul.main-notifications-list .notifi-actions {
display: flex;
justify-content: flex-end;
margin-bottom: 10px;
}
ul.main-notifications-list .notifi-actions .notifi-actions-block {
margin-left: auto;
display:flex;
align-items: center;
justify-content: space-between;
}
ul.main-notifications-list .notifi-actions .notifi-actions-block a {
display: inline-flex;
justify-content: center;
align-content: center;
align-items: center;
margin-left: 10px;
}
ul.main-notifications-list .notifi-actions .notifi-actions-block a span .material-icons{
color: gray;
}
ul.main-notifications-list .notifi-actions .notifi-actions-block a .material-icons, ul.main-notifications-list .notifi-actions .notifi-actions-block a .material-icons:hover{
text-decoration: none;
}
ul.main-notifications-list .notifi-actions .notifi-actions-block a .material-icons.like-icon{
color: #e7cdb9;
}
ul.main-notifications-list .notifi-actions .notifi-actions-block a:hover, ul.main-notifications-list .notifi-actions .notifi-actions-block a:focus, ul.main-notifications-list .notifi-actions .notifi-actions-block a:visited{
text-decoration: none;
color: #333;
}
ul.main-notifications-list .notifi-actions .notifi-actions-block a:hover .material-icons{
color: #494949!important;
}
ul.main-notifications-list .notifi-actions .notifi-actions-block a:hover>div{
text-decoration: underline;
}
ul.main-notifications-list .notifi-actions .notifi-actions-block a span {
}
ul.main-notifications-list .notify-comment-form{
margin-top: 20px;
width: 100%;
}
ul.main-notifications-list .notify-comment-form>form>input:first-child{
width: 80%;
}
.flow-new-content .flow-form .submit-btn .edit-feed{
justify-content: center;
padding-right: 0!important;
min-width:130px;
height: 24px!important;
background: url(images/preziureti.png) 0px center no-repeat, linear-gradient(to bottom, #fff 0%, #e0e0e0 100%) repeat-x;
}
.flow-new-content .flow-form .submit-btn .post-feed{
justify-content: center;
padding-right: 0!important;
height: 24px!important;
min-width:130px;
background: url(images/skelbti.png) 0px center no-repeat, linear-gradient(to bottom, #fff 0%, #e0e0e0 100%) repeat-x;
}
.flow-new-content .flow-form .submit-btn .edit-feed,
.flow-new-content .flow-form .submit-btn .post-feed {
padding: 0 10px 0 40px;
font-size: 14px;
font-weight: normal;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-radius: 2px;
text-shadow: 0 1px 0 #fff;
color: #333;
height: 28px;
margin-left:0;
display: inline-flex;
margin-right: 10px;
border-color: #dbdbdb;
}
.flow-new-content .flow-form .submit-btn .edit-feed:hover{
z-index: 2;
background: url(images/preziureti.png) 0px center no-repeat, #e0e0e0;
border-color: #adadad;
}
.flow-new-content .flow-form .submit-btn .post-feed:hover{
z-index: 2;
background: url(images/skelbti.png) 0px center no-repeat, #e0e0e0;
border-color: #adadad;
}
ul.main-notifications-list .system-added-feed .notifi-actions{
display: none;
}
ul.main-notifications-list.preview-part li {
border:2px solid #f2f2f2;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.doc-desc-block.clearfix .container-desc-info {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 2px solid #f2f2f2;
margin-right: 3px;
}
.notify-follow-list{
display: none !important;
}
ul.main-notifications-list .notify-comment-form, .notify-comment-list{
margin: 0 !important;
}
ul.main-notifications-list .notify-comment-form.user-added-feed{
display: flex !important;
justify-content: center;
align-items: center;
align-content: center;
box-shadow: 0 3px 6px rgb(0 0 0 / 35%);
border-radius: 34px;
background-color: #ffffff;
padding: 15px;
}
ul.main-notifications-list .notify-comment-form form{
width: 100%;
display: inline-flex;
align-content: center;
align-items: center;
}
ul.main-notifications-list > li:nth-child(n+2){
margin-top: 5px;
}
ul.main-notifications-list .comment-user-foto{
display: inline-flex;
vertical-align: middle;
align-content: center;
align-items: center;
justify-content: center;
max-height: 40px;
padding: 0 10px;
}
ul.main-notifications-list .comment-user-foto img{
display: block;
max-height: 35px;
max-width: 35px;
border-radius: 50%;
}
ul.main-notifications-list .notify-comment-form>form>input:first-child{
width: 80%;
padding-left: 10px;
}
ul.main-notifications-list .notifi-actions i {float: right;color: gray;cursor: pointer;display: block;margin-right: 5px;}
ul.main-notifications-list .notifi-actions .notifi-actions-block a > div {display: inline-block; width: 67%}
/********* NOTIFICATION COMMENT LIST START *********/
ul.main-notifications-list .notify-comment-list{
position: relative;
border-radius: 6px;
margin: 0 0 0 auto;
margin-bottom: 5px;
margin-left: 32px;
width: 100%;
}
ul.main-notifications-list .notify-comment-list ul{
margin-bottom: 15px;
}
ul.main-notifications-list .notify-comment-list ul>li{
list-style-type: none;
background: none;
box-shadow: 0 3px 6px rgb(0 0 0 / 35%);
border-radius: 34px;
background-color: #ffffff;
padding: 15px;
position: relative;
font-size: 16px;
margin-top: 15px;
}
ul.main-notifications-list .notify-comment-list ul>li:last-child{
border-bottom:none;
}
ul.main-notifications-list .notify-comment-list ul{
padding:0;
}
ul.main-notifications-list .notify-comment-list li.comemnts-item .comment-name{
margin-left: 13px;
color: var(--integrra-blue);
font-size: 14px;
font-weight: 700;
}
ul.main-notifications-list .notify-comment-list li.comemnts-item .comment-date{
margin-left: 5px;
font-size: 11px;
color: #62666d;
}
ul.main-notifications-list .notify-comment-list .comemnts-item .notif-avatar{
float: left;
}
ul.main-notifications-list .notify-comment-list li.comemnts-item .comment-name, ul.main-notifications-list .notify-comment-list li.comemnts-item .comment-date{
font-weight: 600;
vertical-align: middle;
}
ul.main-notifications-list .notify-comment-list li:after{
content: "";
display: table;
clear: both;
}
ul.main-notifications-list .notify-comment-list ul>li .notif-avatar>img{
border-radius: 50%;
width: 30px;
}
ul.main-notifications-list .notify-comment-list .comment-text{
padding-left: 43px;
margin-top: 5px;
display: block;
max-width: 100%;
word-break: break-word;
font-weight: 600;
font-size: 12px;
color: #494949;
}
.menu-list ul#admin{
margin-bottom: 45px;
}
#adminbody .work-flow-show{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
align-items: flex-start;
justify-content: space-between;
}
#adminbody .work-flow-show a{
display: block;
margin-top: 2px;
}
/********* NOTIFICATION COMMENT LIST END *********/
/********************* LEFT SIDE MENIU ***********************/
.custom-badge {
display: inline-block;
min-width: 10px;
font-size: 10px;
line-height: 1;
text-align: center;
white-space: nowrap;
float: right;
color: #fff;
font-weight: 800;
background-color: #494949;
border-radius: 34px;
margin-left: auto;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.custom-badge+.custom-badge {
margin-left: 4px;
}
.custom-badge.red { background-color: #c81d23; font-weight: 600}
.custom-badge.bold { font-weight: 700}
.custom-badge.grey { background-color: #9f9f9f}
.custom-badge.green { background-color: #28a745}
.nav-side-menu {
overflow: auto;
font-size: 14px;
font-weight: 500;
background-color: #fff;
position: fixed;
top: 75px;
left: 0;
width: 240px;
height: 100%;
color: #e1ffff;
padding-bottom: 100px;
-webkit-box-shadow: 3px 0 5px lightgrey;
-moz-box-shadow: 3px 0 5px lightgray;
box-shadow: 3px 0 5px lightgrey;
}
.nav-side-menu .brand {
background-color: #fff;
color:#333;
display: block;
text-align: center;
font-size: 14px;
padding: 10px;
}
.nav-side-menu .brand img { width: 60%}
.nav-side-menu .toggle-btn {
display: none;
}
.nav-side-menu ul#menu-content {
padding: 0 12px 0 12px;
}
.nav-side-menu ul,
.nav-side-menu li {
list-style: none;
padding: 0px;
margin: 0px;
cursor: pointer;
}
.nav-side-menu ul li a {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
padding: 11px 15px 8px 18px;
color: #000;
word-break: break-word;
margin-bottom: 2px;
color: #000000;
font-size: 14px;
font-weight: 600;
position: relative;
border-radius: 34px;
}
.nav-side-menu ul li a:hover,
.nav-side-menu ul li a:focus {
background-color: #f5f5f5;
border-radius: 100px;
text-decoration: none;
}
.nav-side-menu ul.sub-menu li a {
font-size: 12px;
padding: 3px 15px 3px 28px;
}
.nav-side-menu ul#menu-content i {
color: var(--integrra-blue-btn);
margin: -2px;
float: left;
padding-right: 5px;
}
.nav-side-menu li .arrow {
margin-left: auto;
display: flex;
}
.nav-side-menu li .arrow:before {
font-family: 'Material Icons';
display: inline-block;
padding-left: 10px;
font-size: 24px;
content: "\E316";
color: #c1c1c1;
line-height: 0;
}
.nav-side-menu ul.collapse {
overflow: hidden;
}
.nav-side-menu li.collapsed .arrow:before { content: "\E313"; }
.nav-side-menu ul .active a,
.nav-side-menu li .active a {
background-color: #f5f5f5;
}
#ajax_listOfOptions {
max-height: 100%!important;
}
/* css for left sidebar menu */
.brand .arrow {
position: absolute;
right: 0;
}
.brand span.arrow:before {
padding:0;
padding-right:5px;
}
.nav-side-menu .select-container ul {
position: relative;
margin: 0;
padding: 0;
}
.nav-side-menu .select-container ul>span {
display: inline-block;
padding-right: 0;
margin-left: 7px;
}
.nav-side-menu .select-container ul li.item-style {
display: flex;
align-items: center;
width: 100%;
}
.nav-side-menu .select-container>ul>li.item-style {
width: 220px;
}
.nav-side-menu .select-container ul ul li.item-style {
border-radius: 0;
border-top: 0;
}
.nav-side-menu .select-container>ul>li.item-style:after {
position: absolute;
top:41px;
content: "";
width:100%;
left: 0;
display:block;
border-right:1px solid #e1e2e4;
border-left: 1px solid #e1e2e4;
}
.nav-side-menu .select-container>ul>li.item-style.collapsed:after {
display:none;
}
.nav-side-menu .select-container ul>ul {
position: relative;
max-height: 135px;
overflow-y: scroll;
overflow: auto;
}
.nav-side-menu .select-container ul ul li.item-style:last-child {
border-bottom: 0;
}
.nav-side-menu .select-container>ul>li.item-style div.item-text{
border-left:0;
}
.nav-side-menu .select-container>ul>li.item-style.collapsed div.item-text {
min-height: 45px;
height: auto;
}
.nav-side-menu .select-container>ul>li.item-style.collapsed {
width: 230px;
}
.nav-side-menu .select-container ul li.item-style .img-block-style {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
width: 35px;
height: 35px;
margin: 2px 4px;
border-radius: 100%;
}
.nav-side-menu .select-container ul li.item-style .img-block-style.submenu-img {
width: 30px;
height: 30px;
margin-right: 7px;
margin-left: 6px;
}
.nav-side-menu .select-container ul ul li div.img-block-style {
display: flex;
align-items: center;
width: 30px;
max-height: 30px;
height: auto;
margin: 6px;
margin-left: 1px solid #e1e2e4;
}
.nav-side-menu .select-container ul li.item-style .item-text {
display: flex;
flex-direction: column;
justify-content: center;
line-height: 10px;
max-width: 160px;
min-height: 40px;
height: auto;
}
.nav-side-menu .select-container ul li.item-style .item-text > p:first-child {
font-size: 12px;
font-weight: 600;
line-height: 1.2;
margin: 3px 0 0 7px;
text-align: left;
word-break: break-word;
}
.nav-side-menu .select-container ul li.item-style .item-text > p:last-child {
font-size: 10px;
font-weight: 600;
margin: 4px 0 4px 7px;
text-align: left;
}
.nav-side-menu .select-container ul li.item-style .item-text.main-input-text > p:first-child {
font-size: 16px;
}
.nav-side-menu .select-container ul button.btn-new-company {
position: absolute;
bottom: -45px;
left: 0;
background-color: var(--integrra-green);
color: #fff;
font-size: 15px;
font-weight: 700;
display: block;
width: 100%;
border-radius: 100px;
padding: 7px;
word-break: normal;
margin: 18.25px 0 0 0;
border: 0;
min-height: 41.25px;
max-height: 41.25px;
display: flex;
align-items: center;
justify-content: center;
}
.nav-side-menu .select-container ul button.btn-new-company:hover {
background-color: var(--integrra-green-hover);
}
.nav-side-menu .select-container ul button.btn-new-company i {
font-size: 18px;
color: #fff;
margin-right: 5px;
float: left;
}
.nav-side-menu .select-container ul>ul{
margin-bottom: 45px;
}
.nav-side-menu .select-container ul>ul.collapse + button.btn-new-company {
display: none;
}
.nav-side-menu .select-container ul>ul.collapse.in + button.btn-new-company {
display: flex;
}
/* END css for left sidebar menu */
@media (max-width: 767px) {
.nav-side-menu {
position: relative;
width: 100%;
margin-bottom: 10px;
}
.nav-side-menu .toggle-btn {
display: none;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
z-index: 10 !important;
padding: 3px;
background-color: #ffffff;
color: #000;
width: 40px;
text-align: center;
}
.brand {
text-align: left !important;
font-size: 22px;
padding-left: 20px;
line-height: 50px !important;
}
.container-fluid.user-settings{
height: auto !important;
width:100% !important;
margin-bottom: 60px;
}
.left-side-wrap .settings-nav-btn.changePasswordBtn.active-tab:after{
width: 0 !important;
}
.actions-block{
margin: 10px auto 10px auto;
}
.actions-block button{
max-width: 200px;
margin: 10px auto 10px auto;
}
iframe#documentCont {
min-height: 1500px !important;
}
}
@media (min-width: 767px) {
.nav-side-menu .menu-list .menu-content {
display: block;
}
#left-side-meniu + .nav-arrow {
display: none;
}
}
body {
margin: 0px;
padding: 0px;
background-color: #f5f5f5 !important;
overflow-y: scroll;
}
/*************** SETTING PAGE *********/
.settings-block form { padding: 10px }
.settings-block .form-column {
width: 49%;
display: inline-block;
vertical-align: top;
}
.delete_people a{
display:inline-block;
vertical-align: middle;
}
.delete_people .material-icons{
font-size: 18px;
vertical-align: middle;
margin-left: 5px;
}
.delete_people>span:nth-of-type(1){
display: inline-block !important;
float: left;
}
.settings-block .form-column .form-row >label {
width: 30%;
font-weight: 600;
}
.settings-block .form-column input {
width: auto;
}
.settings-block .form-column .form-row > * {display: inline-block;vertical-align: top;}
.settings-block .form-column .form-row {
margin-bottom: 10px;
}
.settings-block .form-column input.save-btn {
width: 100px;
}
.settings-block .title {
font-weight: 700;
font-size: 16px;
padding: 0 5px 15px 5px;
}
.settings-block .form-column .form-row .form-column > label {
width: 82%;
font-weight: 500;
font-size: 11px;
}
.settings-block .form-column .form-row .form-column > div {
vertical-align: top;
}
/********************** FOOTER **********************/
footer{
width:100%;
bottom:0;
z-index: 1;
background: #F5F5F5;
}
#container_copyright_main {
width: 100%;
display: inline-block;
text-align: center;
padding: 25px 0 5px;
background: #888d95;
box-shadow: 0px -2px 4px gray;
margin-top: 20px;
left:0;
bottom: 0;
z-index: 2;
}
#container_copyright_main #container_copyright_inner {
width: 1000px;
display: inline-block;
margin: 0 auto;
text-align: justify;
}
#container_copyright_main #container_copyright_inner #copyright_menus_and_news {
width: 100%;
display: inline-block;
}
#container_copyright_main .first_menu,
#container_copyright_main .second_menu,
#container_copyright_main .third_menu,
#container_copyright_main .fourth_menu,
#container_copyright_main .fiveth_menu,
#container_copyright_main .sixth_menu {
border-right: 1px solid #d3d3d3;
display: inline-block;
float: left;
padding: 0 10px;
}
#container_copyright_main .menu_title{
overflow: hidden;
color: #fff;
margin: 0 0 5px;
font-size: 14px;
}
#container_copyright_main .menu_content_links span{
color: #fff;
font-weight: 700;
font-size: 12px;
overflow: hidden;
display: block;
}
#container_copyright_main .menu_content_links span a,
#container_copyright_main .menu_content_links span a:visited{
color: #fff;
text-decoration: underline;
font-size: 12px;
font-weight: normal;
}
#container_copyright_main .sixth_menu {
height: 165px;
}
#container_copyright_main .sixth_menu .links_new {
display: inline-block;
height: 104px;
width: 114px;
margin-right: 10px;
float: right;
}
#container_copyright_main .sixth_menu .links_new #first {
margin-top: 30px;
}
#container_copyright_main .sixth_menu .links_new #second {
margin-top: 50px;
}
#container_copyright_main .sixth_menu .links_new .link2 {
float: right;
}
#container_copyright_main .sixth_menu .links_new .link2 b {
color: #fff;
font-weight: normal;
margin-right: 10px;
}
#container_copyright_main #links_new_and_apps {
width: 100%;
display: inline-block;
}
#container_copyright_main #links_new_and_apps img {
border-radius: 50%;
}
#container_copyright_main #links_new_and_apps #socials_links {
display: table;
margin: 5px auto 5px auto;
}
#container_copyright_main #links_new_and_apps #socials_links .link_left {
display: table-cell;
padding-right: 10px;
cursor: pointer;
}
#container_copyright_main #links_new_and_apps #socials_links .link_right {
display: table-cell;
padding-right: 10px;
cursor: pointer;
}
#container_copyright_main #links_new_and_apps #socials_links .link_left1 {
display: table-cell;
cursor: pointer;
}
#container_copyright_main #links_new_and_apps #socials_links .link_right1 {
display: table-cell;
cursor: pointer;
}
#container_copyright_main #container_copyright_inner .copyright_terms {
width: 100%;
display: inline-block;
text-align: center;
border-top: 1px solid #dadada;
padding: 15px 0 0;
margin-top: 8px;
color: #fff;
font-size: 12px;
}
#container_copyright_main #container_copyright_inner .copyright_terms > div span {
display: inline-block;
}
#container_copyright_main #container_copyright_inner .copyright_terms #left-side,
#container_copyright_main #container_copyright_inner .copyright_terms #right-side {
display: inline-block;
}
#container_copyright_main #container_copyright_inner .copyright_terms #right-side {
float: right;
margin-right: 50px;
}
#left-side-meniu{
z-index: 20;
position: relative;
}
/******* Reklama ****/
.main_infoblock_top10 {
max-width: 300px;
padding: 15px;
}
.main_infoblock_top10 ul {
margin: 0 !important;
padding: 0;
list-style: none;
}
.main_infoblock_top10 ul li {
border-bottom: 2px solid #c3c3c3;
margin-bottom: 10px;
padding-bottom: 5px;
list-style-image: none;
max-height: 96px;
}
.main_infoblock_top10 ul li > a {
display: block;
float: left;
}
.main_infoblock_top10 ul li:after {
content: "";
display: table;
clear: both;
}
.main_infoblock_top10 ul li > h3 {
display: block;
float: left;
max-width: 156px;
margin: 0 !important;
margin-left: 10px !important;
text-align: left;
padding: 0 !important;
font-size: 14px !important;
font-weight: bold !important;
}
a.number {
width: 26px;
height: 22px;
text-align: center;
padding-top: 2px;
color: #fff;
overflow: hidden;
margin-left: -16px;
margin-top: -12px;
background: url(https://www.manoknyga.lt/images/books_top01.png) no-repeat left top;
text-decoration: none;
font-size: 15px;
}
.main_infoblock_top10 ul li > a img {
width: 60px;
}
.main_infoblock_top10 ul li > h3 a {
color: #3f75ac;
font-size: 12px;
text-decoration: none;
}
.main_infoblock01_title {
color: gray;
font-weight: bold;
margin-bottom: 15px;
font-size: 20px;
}
#advertisement-block {
float: right;
display: flex;
flex-direction: column;
}
#banner2{
max-width: 265px;
float: right;
/* background-color: #fff;
border: 1px solid lightgray;*/
margin-bottom: 5px;
position: relative;
margin-top:5px;
display: block;
border-radius: 3px;
}
#advertisement-block .left-side {
float: left;
max-width:225px;
position: fixed;
overflow-y: auto;
top: 107px;
right: 0;
bottom: 0;
padding: 0 5px 0 10px;
text-align: center;
}
#advertisement-block .left-side img{
border: 1px solid lightgrey;
}
#advertisement-block .left-side img.logo-modifyer{
border: none;
width: 95%;
padding-top: 5px;
}
#advertisement-block #banner2 img{
border: 1px solid lightgrey;
}
/**** New doc popup *******/
.simple-popup-block.new-doc-popup { width: auto }
.simple-popup-block.new-doc-popup .simple-popup-content{ margin-bottom: 21px; }
.doc-type-new > * {vertical-align: top;display: inline-block;}
.col-md-6.doc-type-new span label {
font-size: 11px;
font-weight: 600;
width: 89px;
color: #465056;
}
.col-md-6.doc-type-new > label {
font-size: 13px;
width: 82px;
}
.doc-type-new span > * {
display: inline-block;
vertical-align: middle;
}
.new-register{
padding-top: 9px;
}
.new-register label {
font-size: 13px;
margin-right: 10px;
}
.default-btn.check-icon {
background: #a3a8b0 url("images/check_icon.png") no-repeat left 6px center;
}
.default-btn.delete-icon {
background: #a3a8b0 url("images/delete-icon.png") no-repeat left 6px center / 10px;
}
.default-btn.new-doc-icon {
background: #a3a8b0 url("images/new-doc-icon.png") no-repeat left 6px center / 15px;
}
.default-btn.reg-doc-icon {
background: #a3a8b0 url("images/reg-doc-icon.png") no-repeat left 6px center / 15px;
}
.default-btn.scanner-icon {
background: #a3a8b0 url("images/scanner-icon.png") no-repeat left 6px center / 15px;
}
.default-btn.next-icon{
background: #a3a8b0 url(images/next_icon.png) no-repeat right 3px center;
padding: 2px 14px 2px 8px;
}
.save-btn.next-icon{
background: url(images/arrow.png) right center no-repeat, #9A9A9A;
padding: 1px 39px 2px 13px;
-webkit-box-shadow: 0 3px 8px lightgray;
-moz-box-shadow: 0 3px 8px lightgray;
box-shadow: 0 3px 8px lightgray;
}
.simple-popup-content .table-title {
color: #465056;
font-weight: 600;
margin: 0 -10px;
background-color: #e1e1e1;
padding: 5px 10px;
box-shadow: 1px 4px 2px -2px lightgray;
}
.tpl-info .table-row {
box-shadow: 0 4px 2px -2px lightgray;
margin: 0 -10px 0;
padding: 0px 10px 2px;
font-size: 11px;
}
.tpl-info .table-row .th,.tpl-info .table-row .td {
display: inline-block;
margin: 0px 15px;
text-align: center;
}
.tpl-info .table-row .th:first-child, .tpl-info .table-row .td:first-child {
margin-left: 10px;
}
.tpl-info .table-row .th:last-child, .tpl-info .table-row .td:last-child {
margin-right: 10px;
}
.tpl-info .table-row .th label {
display: block;
margin: 0;
text-align: center;
}
.tpl-info .table-row .th input {
border: 1px solid lightgray;
box-shadow: 3px 2px 5px -1px lightgray;
width: 100%;
border-radius: 3px;
}
.tpl-info .table-row .th:nth-child(1), .tpl-info .table-row .td:nth-child(1) {
width: 10%;
}
.tpl-info .table-row .th:nth-child(2), .tpl-info .table-row .td:nth-child(2) {
width: 40%;
}
.tpl-info .table-row .th:nth-child(3), .tpl-info .table-row .td:nth-child(3) {
width: 17%;
}
.tpl-info .table-row .th:nth-child(4), .tpl-info .table-row .td:nth-child(4) {
width: 17%;
}
.tpl-info .table-row .td {
padding: 8px 0;
}
.tpl-info.choose-tpl {
padding: 7px 0;
}
.tpl-info.choose-tpl span b {
margin-right: 40px;
font-size: 13px;
}
.tpl-info.choose-tpl span {
font-size: 11px;
}
/***** new doc 4 page ******/
div#new-task-content,
.task-doc-form-field {
width: 750px;
}
.new-task-content-reg .custom-hide {
display: none;
}
.new-task-content-reg .text-center.accept-button{
text-align: right;
width: 55%;
padding-right: 9%;
}
div#new-task-content .left-side, div#new-task-content .right-side,
.task-doc-form-field .left-side, .task-doc-form-field .right-side {
display: inline-block;
vertical-align: top;
width: 49%;
}
div#new-task-content ul,
.task-doc-form-field ul {
padding-left: 0;
}
div#new-task-content ul li,
.task-doc-form-field ul li {
list-style: none;
margin-bottom: 15px;
}
div#new-task-content ul li > label,
.task-doc-form-field ul li > label {
width: 95px;
}
div#new-task-content ul li > label span,
.task-doc-form-field ul li > label span {
color: red;
}
div#new-task-content .left-side .duoble-input,
.task-doc-form-field .left-side .duoble-input {
width: 266px;
display: inline-block;
}
div#new-task-content .left-side .duoble-input .cs-select,
.task-doc-form-field .left-side .duoble-input .cs-select {
max-width: 83%;
}
div#new-task-content .left-side .duoble-input .second-level input, div#new-task-content .left-side .duoble-input .second-level textarea,
.task-doc-form-field .left-side .duoble-input .second-level input, .task-doc-form-field .left-side .duoble-input .second-level textarea {
width: 83%;
}
div#new-task-content .left-side .duoble-input .second-level .default-btn,
.task-doc-form-field .left-side .duoble-input .second-level .default-btn {
font-size: 10px;
padding-left: 4px;
padding-right: 4px;
}
div#new-task-content ul li > *,
.task-doc-form-field ul li > * {
display: inline-block;
vertical-align: top;
}
div#new-task-content .left-side .duoble-input .first-level,
.task-doc-form-field .left-side .duoble-input .first-level {
margin-bottom: 5px;
}
div#new-task-content ul li .duoble-items,
.task-doc-form-field ul li .duoble-items {
display: inline-block;
margin-right: 12px;
}
div#new-task-content ul li .duoble-items label,
.task-doc-form-field ul li .duoble-items label {
width: 118px;
}
div#new-task-content ul li label,
.task-doc-form-field ul li label {
font-size: 12px;
}
div#new-task-content ul li .duoble-items > *,
.task-doc-form-field ul li .duoble-items > * {
display: inline-block;
vertical-align: middle;
}
div#new-task-content .right-side,
.task-doc-form-field .right-side {
padding-left: 15px;
}
div#new-task-content ul li .duoble-btn button,
.task-doc-form-field ul li .duoble-btn button {
font-size: 12px;
}
div#new-task-content ul li input[type="text"],div#new-task-content ul li textarea,
.task-doc-form-field ul li input[type="text"],.task-doc-form-field ul li textarea {
border: 1px solid lightgray;
-moz-box-shadow: inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #000000;
box-shadow: inset 3px 2px 12px -5px black;
border-radius: 3px;
font-size: 11px;
}
div#new-task-content .right-side input, div#new-task-content .right-side textarea,
.task-doc-form-field .right-side input, .task-doc-form-field .right-side textarea {
width: 60%;
}
/***** SIMPLE POPUP SKELETON*****/
.simple-popup-block {
width: 700px;
position: fixed;
background-color: #fff;
border: 1px solid gray;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 5px 10px;
border-radius: 4px;
}
.simple-popup-block .title {
color: #465056;
font-size: 13px;
/*font-weight: 600;*/
}
.simple-popup-block .simple-popup-content {
margin-top: 21px;
}
/*****POPUP FLOW**/
.flow-popup-content {
min-width: 425px;
width: auto;
position: fixed;
background-color: #fff;
border: 1px solid gray;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 5px 10px;
border-radius: 4px;
}
.flow-popup-content .title {
color: #465056;
font-size: 16px;
font-weight: 600;
}
.flow-new-content .foto-name {
display: none;
}
.flow-new-content .flow-form {
width: 100%;
display: inline-block;
}
.reklama.specf .title {
text-align: center;
font-size: 18px;
color: #3c5675;
font-weight: 600;
border-bottom: 2px solid;
margin: 0 21px;
padding-bottom: 5px;
}
.reklama.specf {color: #3c5675;}
.reklama.specf ol {
text-align: left;
font-size: 15px;
}
.reklama.specf ol li {
font-weight: 600;
}
.reklama.specf ol li > span {
font-weight: normal;
}
/*.flow-new-content .flow-form a {
display: inline-block;
color: #fff;
border-radius: 3px;
padding: 2px 9px 2px 29px;
font-size: 12px;
background: #a3a8b0 url("images/add_img_ico.png") no-repeat left 7px center / 12px;
text-decoration: none;
}*/
.flow-form .group-select-container .icon-container{
width: 25%;
border-right: 1px solid grey;
}
.upload_input_spinner #wrapper>a, #scannerOFF a.scanner{
position: relative;
justify-content: center;
text-align: center;
touch-action: manipulation;
cursor: pointer;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 2px;
color: #333;
border-color: #9e9292;
background-image: unset !important;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
border: 0;
display: flex;
align-items: center;
font-size: 13px;
font-weight: 400;
padding: 0 10px !important;
line-height: 1;
margin: 5px;
border-radius: 34px;
min-height: 28px;
}
.upload_input_spinner #wrapper>a>.material-icons, #scannerOFF a.scanner>.material-icons{
display: flex;
}
.upload_input_spinner #wrapper>a:focus, #scannerOFF a.scanner:focus,
.upload_input_spinner #wrapper>a:hover, #scannerOFF a.scanner:hover{
background-color: #ebebeb;
text-decoration: none;
}
.flow-new-content {
margin-top: 21px;
}
.flow-new-content .flow-form textarea {
border-radius: 3px;
width: 100% !important;
height: 150px;
border-color: white;
}
.flow-table-buttons-right a .task-status-container>div:nth-child(1) .material-icons{
transform: none;
top:0;
}
.flow-new-content .flow-form input[type=submit], .flow-form input[type=button] {
border: 0;
color: #fff;
font-size: 14px;
padding: 2px 15px 6px 35px;
border-radius: 3px;
background: #a3a8b0 url("images/pen_icon.png") no-repeat left 9px center;
}
.flow-new-content .flow-form .submit-btn{
text-align: right;
}
.flow-form .uplouded_file a{
background: none;
color: #465056;
}
#upload_return .uplouded_file>a:last-child img{
max-height: 16px;
}
.flow-form .uplouded_file a:first-child, .flow-form .uplouded_file a:nth-child(2){
padding: 0;
word-break: break-all;
overflow-wrap: break-word;
}
.flow-form .uplouded_file a:nth-child(2) img{
width: 17px;
}
.flow-form .task-status .list-group{
display: flex;
max-height: 100%;
align-items: flex-end;
height: 100%;
flex-direction: column;
}
.flow-form .task-status ul>li:first-child .col-xs-3{
display: flex;
flex-direction: row;
align-items: center;
align-content: center;
justify-content: center;
}
.flow-form .task-status ul>li:first-child>div{
height: auto;
width: 205px;
}
.flow-form .task-status ul>li{
height: auto;
display: inline-block;
width: 205px;
}
.flow-form .task-status .task-status-container{
margin-left: 0 !important;
margin-top: 1px;
}
.flow-form .task-status {
float: right;
height: 100%;
width: 186px;
}
.flow-popup-content{
min-width: 640px;
}
.flow-form form{
display: flex;
}
.flow-form .flow-form-left{
width:68%;
}
.flow-form .flow-form-right{
width:32%;
margin-bottom: 3px;
border: 1px solid lightgrey;
border-radius: 5px;
}
.flow-form .flow-form-right .flow-table-desc-right{
background: #f2f2f2;
padding: 5px 5px 5px 13px;
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
}
.flow-form .flow-table-buttons-right{
height: 100%;
display: flex;
justify-content: center;
}
.flow-form .flow-table-block {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: row;
margin-bottom:3px;
justify-content: flex-start;
border: 1px solid lightgrey;
border-radius: 5px;
margin-right: 5px;
}
.flow-form .flow-table-block.textarea-block{
flex-direction: column;
}
.flow-form .flow-table-block.textarea-block .flow-table-desc{
width:100%;
}
.flow-form .flow-table-block .flow-table-desc{
display: flex;
width:30%;
justify-content:flex-start;
align-content: center;
align-items: center;
padding:5px 5px 5px 10px;
font-size: 14px;
font-weight: 600;
height:auto;
border-right: 1px solid rgb(228,228,228);
background: #f2f2f2;
}
.flow-form .flow-table-element .upload_input_spinner{
margin-top: 0;
}
.flow-form .flow-table-block .flow-table-element{
width: 70%;
display: flex;
justify-content: flex-start;
padding: 3px 8px;
align-items: center;
align-content: center;
}
.flow-form .flow-table-buttons-right .task-status-container{
border-color: #9e9e9e;
}
.flow-form .flow-table-element #groupSelectContainer{
border-color:#9e9e9e;
}
.flow-form .flow-table-block textarea{
height: 100%;
}
.flow-form .upload_input_spinner #file_input_conatainer{
display: none;
}
.upload_input_spinner .material-icons{
vertical-align: bottom;
}
.flow-form .submit-btn .preview-feed{
background: #a3a8b0 url("images/view_eye.png") no-repeat left 9px center;
}
.flow-form #groupSelectContainer{
display: inline-block;
padding: 3px;
}
.flow-form .task-status .list-group .list-group-item{
margin: 0 0 5px 0 !important;
width: auto !important;
}
.flow-form .group-select-container{
display: inline-block;
max-width: 210px;
margin-top: 1px;
}
.flow-form .upload_input_spinner{
margin-top: 10px;
}
.flow-form .submit-btn{
display: inline-block;
float: right;
}
.flow-form .feed-group-select{
display: inline-block;
}
.flow-form #contactSelectContainer>a:before{
content: "";
width:42px;
height:29px;
position: absolute;
display: block;
left: 0;
top:0;
border-right: 1px solid grey;
background: url("images/blue_icon_all.png") no-repeat center;
background-size: 25px 25px !important;
}
.flow-form #contactSelectContainer>a{
text-shadow: 0 1px 0 #fff;
background: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
background: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #dbdbdb;
border-color: #ccc;
border: 1px solid #ddd;
padding-top: 0;
padding-bottom: 0;
cursor: pointer;
height:30px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
margin-bottom: 10px;
padding-left:20%;
}
.flow-form #contactSelectContainer>a:hover{
background-color: #e0e0e0;
background-position: 0 -15px;
text-decoration: none;
color: inherit !important;
border: 1px solid lightgrey;
}
.flow-form .delete_people .material-icons{
vertical-align: middle;
margin-left: 5px;
font-size: 18px !important;
}
.flow-form #groupSelectContainer{
padding-left:20%;
text-shadow: 0 1px 0 #fff;
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #dbdbdb;
border-color: #ccc;
border-radius: 3px;
border: 1px solid #ddd;
padding-top: 0;
padding-bottom: 0;
cursor: pointer;
position: relative;
}
.flow-form #groupSelectContainer:before{
content: "";
width:42px;
height:42px;
position: absolute;
display: block;
background-size: 25px 25px !important;
left: 0;
top:0;
background: url("images/blue_icon.png") no-repeat center;
}
.flow-form #INPUT_CONTACT_ID__SEARCH{
width: 84% !important;
}
.flow-form #clienttypeSelect{
margin-bottom: 10px;
}
#clienttypeSelect{
margin-right: 5px;
}
#ajax_listOfOptions{
background: white !important;
z-index: 999999 !important;
}
#ajax_listOfOptions .optionDivSelected{
background: white !important;
color: black !important;
}
.flow-form #MULTIADD{
float:right;
padding: 10px 15px !important;
display:inline-block;
background: url(images/add_user.png) no-repeat center !important;
background-size: 20px 20px !important;
font-size: 1px;
}
.flow-form #MULTIADD:focus{
outline: none !important;
}
.flow-new-content .notif-description{
max-height: 600px;
overflow: auto;
}
.flow-form #groupSelectContainer:hover{
background-color: #e0e0e0;
background-position: 0 -15px;
border: 1px solid lightgrey;
}
.flow-form #groupSelectContainer a{
display: inline-block;
width: 100%;
border-left: 1px solid grey;
padding:0;
padding-left: 3%;
text-align: center;
}
.flow-form #groupSelectContainer a:hover{
color: inherit !important;
text-decoration: none;
}
.flow-form #MULTIADD{
background: #a3a8b0 url("images/add_circle.png") no-repeat left 9px center;
}
.flow-form #clienttypeSearchPart{
margin-bottom: 4px;
}
.flow-form .notifi-actions-block{
position: relative;
}
.main-notifications-list #activeFeedsPopup{
position: relative;
cursor: pointer;
display: inline-block;
font-size: 19px;
}
.main-notifications-list #activeFeedsPopup:hover{
text-decoration: underline;
}
.main-notifications-list span#feedsInfoPopup{
position: absolute;
z-index: 9999;
top: 100%;
width: auto;
padding: 5px;
left:0;
min-width: 120px;
max-width: 250px;
overflow: auto;
border: 1px solid grey;
background: white;
display: none;
}
/****POPUP EDVS ****/
.row-style-doc.full-height {
position: absolute;
height: 99%;
width: 100%;
}
.row-style-doc {
display:table;
border: 1px solid lightgray;
background-color: #fff;
-webkit-box-shadow: 0 4px 2px -2px lightgray;
-moz-box-shadow: 0 4px 2px -2px lightgray;
box-shadow: 0 4px 2px -2px lightgray;
padding: 5px 3px 5px 30px;
margin-bottom: 3px;
}
.create-time-title {
background-color: #e1e1e1;
padding: 5px;
box-shadow: 0 4px 2px -2px lightgray;
margin-bottom: 7px;
}
.left-doc-status, .right-doc-actions {
width: 99%;
vertical-align: top;
display: table-cell;
position: relative;
}
.doc-row-name, .doc-row-fulltext {
display: inline-block;
vertical-align: top;
font-size: 12px;
max-width: 620px;
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.doc-row-name, .doc-row-fulltext a, .doc-row-name, .doc-row-fulltext a:hover {
color: #465056;
}
.doc-content .left-doc-status .doc-row-fulltext {
width: 550px;
}
.doc-content .left-doc-status .doc-row-fulltext input {
width: 100%;
}
.doc-content .left-doc-status div.cs-skin-border {
width: 258px;
max-width: 100%;
}
.doc-content .left-doc-status .doc-row-fulltext.child-half > * {
width: 49%;
}
.doc-content .followSpan{
width: auto;
margin-left: 5px;
display: inline-flex;
position: relative;
top: -1px;
}
.doc-content .followSpan a{
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 10px;
padding: 1px 10px 1px 30px;
min-width:100px;
position: relative;
touch-action: manipulation;
user-select: none;
text-shadow: 0 1px 0 #fff;
border: 1px solid #dbdbdb;
border-radius: 2px;
text-decoration: none;
background: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%) repeat-x;
height: 11px;
}
.doc-content .followSpan a .material-icons{
font-size: 10px;
position: absolute;
top: 0;
left:0;
padding-left: 8px;
border-right: 1px solid grey;
width: 30px;
text-decoration: none;
}
.doc-content .followSpan a:hover{
z-index: 2;
text-decoration: none;
background: #e0e0e0;
border-color: #adadad;
}
.doc-row-name-top {
vertical-align: top;
}
.doc-row-name {width: 100px;font-weight: 600;}
.doc-history.row-style-doc ul {
list-style: none;
padding: 0;
}
.doc-history.row-style-doc ul > li{
margin-bottom: 5px;
}
.doc-history.row-style-doc ul > li > div {
display: inline-block;
vertical-align: middle;
}
.doc-history.row-style-doc ul > li .user-photo img {
width: 50px;
margin-right: 10px;
}
.user-photo {
display: table-cell;
}
.user-actions-text {
display: table-cell;
}
.doc-involved.row-style-doc table td {}
.doc-involved.row-style-doc table th,.doc-involved.row-style-doc table td {
padding: 0 5px;
}
.doc-involved.row-style-doc table td {
padding-bottom: 5px;
color: #465059;
}
.doc-involved.row-style-doc table th {text-align: center;}
.center {
text-align: center;
}
.text-center {
text-align: center;
}
td.doc-involved-status i {
font-size: 18px;
position: absolute;
right: 0;
top: -1px;
}
td.doc-involved-status div {
padding-right: 21px;
position: relative;
}
.doc-row-fulltext.text-and-icon > * {
display: inline-block;
vertical-align: middle;
}
.doc-row-fulltext.text-and-icon i {
font-size: 19px;
}
.right-doc-actions .actions a {
text-decoration: none;
display: block;
margin-bottom: 5px;
color: #465056;
}
.doc-remove-file-group .doc-file-name {
border: 1px solid lightgray;
-webkit-box-shadow: 0 4px 2px -2px lightgray;
-moz-box-shadow: 0 4px 2px -2px lightgray;
box-shadow: 0 4px 2px -2px lightgray;
padding: 2px;
max-width: 200px;
display: inline-block;
background-color: #fff;
line-height: 13px;
padding-right: 5px;
width: 130px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.doc-remove-file-group .doc-remove-file {
background-color: #a3a8b0;
color: #fff;
padding: 1px 4px;
-webkit-box-shadow: 0 4px 2px -2px lightgray;
-moz-box-shadow: 0 4px 2px -2px lightgray;
box-shadow: 0 4px 2px -2px lightgray;
border: 1px solid lightgray;
margin-left: -6px;
display: inline-block;
vertical-align: top;
cursor: pointer;
}
#VISA_EMPLOYER_ID_SHOW{
width: 100%;
display: block;
float: left;
}
.doc-attache-file{
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.doc-remove-file-group > *,.doc-row-fulltext.doc-files-attached > * {
display: inline-block;
vertical-align: middle;
}
a.file-pdf{
padding-right: 20px;
text-decoration: none;
background: url("images/pdf-file.png") no-repeat center right / contain;
}
a.file-word{
padding-right: 20px;
text-decoration: none;
background: url("images/word-file.png") no-repeat center right / contain;
}
.right-doc-actions .actions a i {
float: right;
font-size: 20px;
margin-left: 10px;
margin-top: -2px;
}
.input-styled{
line-height: 17px;
border: 1px solid lightgray;
width: 220px;
box-shadow: 4px 4px 2px -2px lightgray;
margin-top: 5px;
}
.popup-button{
background-color: #a5a6a9;
border: none;
color: #fff;
line-height: 12px;
padding: 1px 2px;
margin-top: 4px;
box-shadow: 4px 4px 2px -2px lightgray;
}
#body-block .doc-popup-content {
display: block;
width: 830px;
margin: 0 auto;
position: relative;
border-radius: 34px;
max-width: 100%;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
.doc-popup-content {
background-color: #ffffff;
padding: 15px;
}
.toggle_popup_main .doc-popup-content {
width: inherit;
}
#flowNew,
#adminPopup,
#adminToolsPopup {
margin-top: 28px;
}
#adminPopup,
#adminToolsPopup {
position: fixed;
}
.notif-text-desc iframe {
display: block;
margin: 0 auto;
max-width: 100%;
}
@media(min-width: 1200px) {
.toggle_popup_main #flowNew {
margin-top: 0;
}
}
#row_WPNAME img {
padding: inherit;
}
.doc-popup-content .close{
margin-top: 4px;
margin-right: 8px;
}
.popup {
position: absolute;
left: 0;
/*z-index: 10;*/
display: none;
bottom: 0;
top: 0;
right: 0;
z-index: 999;
}
.popup-bacground,
.popup-bacground_save_quick_menu {
background-color: rgba(0,0,0,0.25);
position: fixed;
left: 0;
right: 0;
top:0;
height: 100%;
}
/**************Popover ************/
.task-status-td:hover .custom-poover{
display: inline-block;
z-index: 99;
}
.custom-poover {
position: absolute;
right: 0;
min-width: 210px;
display: none;
}
.custom-poover .popover-contents {
z-index: 1;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
background-color: #ffffff;
border-radius: 23px;
padding: 15px;
border: none;
margin-bottom: 15px;
}
.popover-contents a {
text-decoration: none !important;
display: block;
margin-bottom: 9px;
position: relative;
text-align: left;
padding: 5px 27px 5px 15px;
}
.popover-contents a:hover{
text-decoration: none;
background-color: #f5f5f5;
border-radius: 100px
}
.popover-contents a i {font-size: 20px;position: absolute;right: 3px;top: 50%;transform: translate(0, -50%);}
/*************** Main Search ************/
.search-block {
background-color: #fff;
border: 1px solid lightgray;
box-shadow: 0 4px 2px -2px lightgray;
padding: 15px;
margin-bottom: 5px;
position: relative;
margin-top: 20px;
}
.search-block .fields-group > ul {
list-style: none;
padding: 0;
}
.fields-group label {
color: #465056;
font-weight: 600;
font-size: 13px;
width: 95px;
}
.fields-group li {
margin-bottom: 13px;
}
.fields-group li > *, .field-group-search .field-wrapper> * {
display: inline-block;
vertical-align: middle;
}
.fields-group input, .input-with-shadow {
border: 1px solid lightgray;
line-height: 18px;
padding: 0 5px;
font-size: 12px;
border-radius: 3px;
}
.fields-group {
width: 33%;
display: inline-block;
vertical-align: top;
}
.fields-group li input[type="text"]{
width: 60%;
}
.fields-group li.doubled-input input {
width: 29.5%;
}
.fields-group select {
width: 60%;
font-size: 12px;
}
.fields-group li button, .field-group-search button, .default-btn {color: #fff;background-color: #a3a8b0;border: navajowhite;padding: 2px 10px 2px 27px;box-shadow: 3px 4px 2px -1px lightgray;position: relative; border-radius: 3px}
.default-btn{
outline: none;
}
.default-btn.doc-file-add:before {
content: '+';
font-size: 22px;
position: absolute;
left: 7px;
top: 0;
line-height: 19px;
}
.field-group-search{text-align: center}
.field-group-search .field-wrapper { display: inline-block; }
.field-group-search .field-wrapper .checkbox-group { text-align: left }
.field-group-search button.search-history:before {
content: '\E8B3';
font-family: 'Material Icons';
font-size: 20px;
position: absolute;
left: 3px;
top: 0;
line-height: 24px;
}
td.text-center.actions > a {
display: inline-block;
}
td.text-center.actions {
width: 64px;
text-align: right;
}
.field-group-search button.search-fast-meniu {
background: #a3a8b0 url("images/fast-meniu-white.png") no-repeat left 5px center / 17px;
}
.field-group-search button.search-clear {
background: #a3a8b0 url("images/search-clear.png") no-repeat left 5px center / 17px;
margin-right: 20px;
}
.field-group-search button.search-in-result {
background: #a3a8b0 url("images/search-result.png") no-repeat left 5px center / 17px;
}
.field-group-search button.search-btn { padding: 5px 10px 5px 27px}
.fields-group li button.search-btn:before, .field-group-search button.search-btn:before {
content: '\E8B6';
font-family: 'Material Icons';
font-size: 23px;
position: absolute;
left: 3px;
top: 0;
}
input.date-range {
padding-left: 20px;
background: url('images/date.png');
background-repeat: no-repeat;
background-size: 13px;
background-position: 4px center;
}
span.border-right {
height: 45px;
width: 1px;
border-right: 1px solid lightgray;
margin-top: -6px;
margin-bottom: -6px;
}
.fast-meniu {
background: url("images/fast-meniu.png");
height: 20px;
width: 20px;
background-repeat: no-repeat;
margin-left: 10px;
margin-right: 10px;
}
/****pagination*****/
#main-content-middle .list-pagination-top .pagination-actions a{
float:left;
margin-right: 3px;
display: flex;
align-content: flex-start;
justify-content: center;
}
.paggination{
margin-top: 5px;
margin-bottom: 5px;
}
.paggination a.first-page:before {content: '\E314';font-family: 'Material Icons';}
.first-previous, .last-next {
font-size: 25px;
}
.give-revision-block{display: block}
.paggination a.first-page:after {
content: '\E314';
font-family: 'Material Icons';
margin-left: -15px;
}
.paggination a.previous-page:before {
content: '\E314';
font-family: 'Material Icons';
}
.paggination a.last-page:before {
content: '\E315';
font-family: 'Material Icons';
margin-right: -15px;
}
.paggination a.last-page:after {
content: '\E315';
font-family: 'Material Icons';
}
.paggination a.next-page:before{
content: '\E315';
font-family: 'Material Icons';
}
.paggination > * {
display: flex;
justify-content: flex-end;
}
.paggination {
text-align: center;
}
.paggination a, .paggination a:hover {
text-decoration: none;
}
.paggination a:hover{
color: #fff !important;
}
.paggination .pages a {
color: #fff;
background-color: var(--integrra-blue);;
padding: 8px 13px;
border-radius: 50%;
min-width: 40px;
max-width: 40px;
min-height: 40px;
max-height: 40px;
margin-left: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 19px;
}
.paggination .pages a:hover,
.paggination .pages a.active-page, .current {
background-color: var(--integrra-green);;
}
.fluid-control {
width: 100%;
margin-right: -290px;
}
.fluid-control tbody tr td span {
margin: 0 auto;
}
.main-content .fluid-control>table{
border-collapse: inherit;
border: 0;
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
background-color: #fff;
width: calc(100% - 215px);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
background-color: #ffffff;
border-radius: 23px;
padding: 15px;
border: none;
margin-bottom: 15px;
}
.main-content tr.not-new, .main-content tr.new, .main-content tr.time-expired{
outline: none;
}
.main-content tr.time-expired>td, .main-content tr.not-new>td, .main-content tr.new>td,
.main-content tr.not-readed>td {
border-top: 1px solid lightgray;
border-bottom: 1px solid lightgray;
}
.main-content tr.time-expired>td:first-child, .main-content tr.not-new>td:first-child, .main-content tr.new>td:first-child,
.main-content tr.not-readed>td:first-child{
border-left: 1px solid lightgray;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-left-style: solid;
}
.main-content tr.time-expired>td:last-child, .main-content tr.not-new>td:last-child, .main-content tr.new>td:last-child,
.main-content tr.not-readed>td:last-child{
border-right: 1px solid lightgray;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#dhsFilterForm .main-content tr.time-expired>td, #dhsFilterForm .main-content tr.not-new>td, #dhsFilterForm .main-content tr.new>td,
.main-content tr.not-readed>td {
border-top: 0;
border-bottom: 0;
}
#dhsFilterForm .main-content tr.time-expired>td:first-child, #dhsFilterForm .main-content tr.not-new>td:first-child, #dhsFilterForm .main-content tr.new>td:first-child,
#dhsFilterForm .main-content tr.not-readed>td:first-child{
border-left: 0;
border-top-left-radius: 34px;
border-bottom-left-radius: 34px;
border-left-style: solid;
padding: 15px;
}
#dhsFilterForm .main-content tr.time-expired>td:last-child, #dhsFilterForm .main-content tr.not-new>td:last-child, #dhsFilterForm .main-content tr.new>td:last-child,
#dhsFilterForm .main-content tr.not-readed>td:last-child{
border-right: 0;
border-top-right-radius: 34px;
border-bottom-right-radius: 34px;
padding: 15px 15px 15px 0;
}
.simple-block {
margin-bottom: 5px;
position: relative;
}
.simple-block .form-row {
padding-left: 10px;
margin: 5px 0;
}
.save-btn {
border: none;
color: #fff;
border-radius: 6px;
background: #a3a8b0;
padding: 2px;
}
/* SUBMIT TRUE/FALSE MESSAGES */
.submit-message-block-background{
position: fixed;
top:0;
left:0;
width: 100%;
height: 200%;
background: rgba(0,0,0,0.2);
z-index: 999999;
}
.submit-message-block{
position: fixed;
width: 300px;
min-height: 70px;
height: auto;
z-index: 2;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
background-color: #ffffff;
border-radius: 23px;
padding: 15px;
border: none;
margin-bottom: 15px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.submit-message-block .close-system-popup-button,
.close-terms-popup-button{
display:block;
text-align: right;
top:0;
left:0;
width: 100%;
}
.submit-message-block .close-system-popup-button>.material-icons,
.close-terms-popup-button>.material-icons{
cursor: pointer;
color: #333;
}
.submit-message-block .material-icons{
vertical-align: bottom;
font-size: 20px;
margin: 0;
margin-bottom: 7px;
}
.submit-message-block .message-true::before{
content: "";
display: block;
}
.submit-message-block .message-true{
color: #228B22;
position: relative;
z-index: 999;
text-align: center;
display: block;
width: 100%;
height: auto;
padding: 5px;
align-items: center;
justify-content: center;
word-wrap: break-word;
max-width:300px;
}
.submit-message-block .message-true i {
margin-bottom: 0;
}
.submit-message-block .message-false{
color: #b30000;
position: relative;
z-index: 999;
text-align: center;
display: flex;
align-items: center;
width: 100%;
}
#advertisement-block .simple-block-info_buttons a,
#advertisement-block .ad-block-info_buttons a {
font-size: 13px;
font-weight: 400;
padding: 7px 14px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
border-radius: 100px;
background-color: #fff;
line-height: 1;
background-image: unset;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-align-items: center;
justify-content: flex-start;
-webkit-justify-content: flex-start;
margin-bottom: 10px;
width: 100%;
min-height: 40px;
}
#advertisement-block a[onclick="openDocumentAction('1', 'generateServiceForm');"] {
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%232677DD'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M2.5 19h19v2h-19v-2zm19.57-9.36c-.21-.8-1.04-1.28-1.84-1.06L14.92 10l-6.9-6.43-1.93.51 4.14 7.17-4.97 1.33-1.97-1.54-1.45.39 2.59 4.49L21 11.49c.81-.23 1.28-1.05 1.07-1.85z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 9px center;
background-size: 20px;
padding-left: 38px;
}
#advertisement-block a[onclick="openDocumentAction('2', 'generateServiceForm');"] {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%232677DD'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3Cpath d='M16,4c0-1.11,0.89-2,2-2s2,0.89,2,2s-0.89,2-2,2S16,5.11,16,4z M20,22v-6h2.5l-2.54-7.63C19.68,7.55,18.92,7,18.06,7h-0.12 c-0.86,0-1.63,0.55-1.9,1.37l-0.86,2.58C16.26,11.55,17,12.68,17,14v8H20z M12.5,11.5c0.83,0,1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5 S11,9.17,11,10S11.67,11.5,12.5,11.5z M5.5,6c1.11,0,2-0.89,2-2s-0.89-2-2-2s-2,0.89-2,2S4.39,6,5.5,6z M7.5,22v-7H9V9 c0-1.1-0.9-2-2-2H4C2.9,7,2,7.9,2,9v6h1.5v7H7.5z M14,22v-4h1v-4c0-0.82-0.68-1.5-1.5-1.5h-2c-0.82,0-1.5,0.68-1.5,1.5v4h1v4H14z'/%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: 9px center;
background-size: 20px;
padding-left: 38px;
}
#advertisement-block a[onclick="openDocumentAction('3', 'generateServiceForm');"] {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%232677DD'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 9px center;
background-size: 20px;
padding-left: 38px;
}
#advertisement-block a[onclick="openDocumentAction('4', 'generateServiceForm');"],
#advertisement-block a[onclick="openDocumentAction('5', 'generateServiceForm');"] {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235293e4'%3E%3Cpath d='M160-120q-33 0-56.5-23.5T80-200v-440q0-33 23.5-56.5T160-720h160v-80q0-33 23.5-56.5T400-880h160q33 0 56.5 23.5T640-800v80h160q33 0 56.5 23.5T880-640v440q0 33-23.5 56.5T800-120H160Zm240-600h160v-80H400v80Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 9px center;
background-size: 20px;
padding-left: 38px;
}
#advertisement-block .simple-block-info_buttons a:hover,
#advertisement-block .simple-block-info_buttons a:focus,
#advertisement-block .ad-block-info_buttons a:hover,
#advertisement-block .ad-block-info_buttons a:focus {
background-color: #ebebeb;
text-decoration: none;
}
.simple-block-info_buttons {
text-align: left;
}
#advertisement-block .ad-block-container,
#advertisement-block .simple-block-container {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
background-color: #ffffff;
border-radius: 23px;
padding: 15px 10px;
border: none;
margin-bottom: 15px;
}
#advertisement-block .simple-block-container>a,
#advertisement-block .ad-block-container>a{
width: 100%;
display: block;
height: 100%;
z-index:99;
position:relative;
}
#advertisement-block .simple-block-container:last-child,
#advertisement-block .ad-block-container:last-child {
margin-bottom: 30px;
}
#advertisement-block .simple-block-container .simple-img-container,
#advertisement-block .ad-block-container .ad-img-container{
max-height: 70%;
margin: 0 auto;
display: block;
}
#advertisement-block .simple-block-container .simple-img-container img,
#advertisement-block .ad-block-container .ad-img-container img{
border-radius: 3px;
border: none;
}
#advertisement-block .simple-block-container .simple-img-container img.img-second,
#advertisement-block .ad-block-container .ad-img-container img.img-second {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 70%;
padding-top: 14%;
}
#advertisement-block .simple-block-container .simple-logo-title,
#advertisement-block .ad-block-container .ad-logo-title {
position: relative;
left: 18%;
padding-bottom: 20%;
font-size: 19px;
font-weight: 600;
color: #3c5675;
border-top: 2px solid #465155;
width: 31%;
}
#advertisement-block .simple-block-container .simple-text-container,
#advertisement-block .ad-block-container .ad-text-container{
height: 100%;
display: block;
}
#advertisement-block .simple-block-container .simple-text-container .simple-title,
#advertisement-block .ad-block-container .ad-text-container .ad-title{
display: block;
text-align: center;
font-size: 14px;
padding-bottom: 5px;
margin-bottom: 10px;
color: #465056;
font-weight: 600;
border-bottom: 2px solid var(--integrra-green);
}
#advertisement-block .simple-block-container .simple-text-container,
#advertisement-block .ad-block-container .ad-text-container{
color: #767676;
font-size: 12px;
}
#advertisement-block .simple-block-container a.simple-seperate-block:hover .simple-text-container .simple-title,
#advertisement-block .ad-block-container a.ad-seperate-block:hover .ad-text-container .ad-title{
text-decoration: underline;
}
#advertisement-block .simple-block-container a.simple-seperate-block:hover,
#advertisement-block .ad-block-container a.ad-seperate-block:hover{
text-decoration: none;
}
@media (min-width: 1690px) {
#advertisement-block .left-side {
display: block;
}
.fluid-control {
margin-right: -612px;
}
ul.main-notifications-list, .work-flow-show, .fluid-control > * {
margin-right: 215px;
}
#work-table.search-result .fluid-control > * { margin-right: 0}
#banner2 { max-width: 290px; min-width: 290px; margin-top: 0; visibility: hidden;}
#advertisement-block { min-width: 200px; flex-direction: row}
/* greitasis meniu */
#main-content-middle #work-table #dhsfiltercont {
width: 84%;
}
form div#dok_block_right .dok_blok_b {
width: 63%;
}
#work-table form div#dok_block_right #advertisement-block,
#main-content-middle #work-table + #advertisement-block {
position: absolute;
top: 108px;
right: 8px;
}
/* end greitasis meniu */
}
.avatar-user-photo {
border-radius: 50%;
width: 50px;
margin-right: 10px;
}
/* POPUP CHANGES, TASK EDIT START */
.doc-popup-content .col-xs-12, .col-md-8, .col-md-12, .col-lg-12, .col-sm-2, .col-xs-4, .col-sm-12, .col-lg-10, .col-md-10, .col-xs-9, .col-md-9, .col-lg-9, .col-sm-10, .col-xs-2, .col-xs-10, .col-xs-9, .col-xs-3{
padding:0 !important;
}
.doc-popup-content .user-photo, .user-actions-text{
display: inline-block;
}
.doc-popup-content .row{
margin-right: 0;
margin-left: 0;
}
.create-doc-type-title{
padding: 0;
margin-bottom: 0;
}
.doc-desc-info{
margin:10px 0 0 0;
}
.doc-popup-content .left-title-block{
background-color: #f2f2f2;
}
.popup-middle-left-block .panel{
margin-bottom: 0;
}
.middle-popup-table-top td, .middle-popup-table-bottom td, .middle-popup-table-bottom th{
border-top: none !important;
}
.popup-middle-left-block .panel{
border: none !important;
position: relative;
border-radius: 0 !important;
}
.mutual-documents-container .panel table{
display: block;
border: 2px solid #f2f2f2;
max-height: 400px;
/*width: calc(100% - 50px);*/
width: 100%;
overflow: auto;
}
.mutual-documents-container{
max-height: 400px;
font-size: 12px;
overflow-y: auto;
}
.mutual-documents-container .panel table thead th{
border: none !important;
text-align: center;
padding: 0;
vertical-align: middle;
}
.doc-popup-content .list-group-item{
padding:5px !important;
border: none !important;
}
.doc-popup-content .task-users-history{
position: relative;
width: 100%;
max-width: 100%;
}
.doc-popup-content .user-photo, .doc-popup-content .user-photo img{
width:40px;
height: 40px;
border-radius: 50%;
}
.other-table-full th.left-title-block + td{
border-right: 2px solid #f2f2f2;
border-top: 2px solid #f2f2f2 !important;
border-bottom: 2px solid #f2f2f2;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px !important;
}
table.other-table-full tbody tr:last-child {
border-bottom: 1px solid #f2f2f2;
}
.doc-popup-content .user-photo, .user-actions-text{
vertical-align: middle;
font-size: 12px;
display: table-cell;
}
.doc-popup-content .task-users-history .user-actions-text{
padding-left: 5px;
}
.task-followers .user-photo img, .task-followers .user-photo{
width:45px;
position: relative;
height: 45px;
}
.doc-popup-content .left-title-block{
/*width:128.33px;*/
width: 111px;
border-right: 1px solid #eaeaea;
text-align: left !important;
/*padding-left: 15px !important;*/
padding-left: 10px !important;
font-size: 12px;
background-color: #f2f2f2;
min-width: 111px;
padding: 0 10px;
vertical-align: middle;
}
.task-files-actions{
display: inline-block;
vertical-align: middle;
}
.task-files-actions>a{
display: inline-block;
vertical-align: top;
}
.task-files-actions>a>img{
width: 20px;
opacity: 0.75;
height: 20px;
}
.doc-popup-content .btn.btn-default>.material-icons{
font-size: 20px !important;
vertical-align: middle;
}
.doc-popup-content .task-status-container .btn-group>.btn.btn-default:nth-child(1){
padding:5.5px 6px !important;
}
.task-actions .list-group{
margin-bottom: 0;
}
.task-actions .list-group-item{
padding:0 !important;
background-color: transparent !important;
}
.task-actions .container.btn{
border-radius: 100px !important;
}
.task-actions .list-group .list-group-item .container{
display: flex;
display: -webkit-box;
display: -webkit-flex;
background-image: unset !important;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
border: 0;
margin: 5px 0;
display: flex;
align-items: center;
font-size: 13px;
font-weight: 400;
padding: 5px 10px !important;
line-height: 1;
}
.task-actions .list-group .list-group-item .container div {
width: auto !important;
}
.task-actions .list-group .list-group-item .container i {
margin-right: 5px;
font-size: 18px;
}
.task-actions .list-group .list-group-item .container:hover {
background-color: #ebebeb
}
.task-actions .list-group .list-group-item .container {
min-height: 28px;
}
.task-actions .list-group .list-group-item a .container>div{
white-space: normal;
text-align: left !important;
}
.task-actions .list-group .list-group-item a .container>div:nth-child(1){
padding: 0;
}
.task-actions .list-group .list-group-item a .container>div:nth-child(1) .material-icons{
vertical-align: middle;
position: relative;
}
.popup-right-block {
float:right !important;
}
.popup-right-block .followers-block{
display: inline-block;
}
.popup-right-block .add-follower-button:hover .material-icons{
color: #727272;
}
.popup-right-block .add-follower-button .material-icons{
font-size: 35px;
margin-top: -3px;
color: #828282;
vertical-align: middle;
}
.task-followers .task-followers-text{
font-size: 14px;
margin-bottom: 5px;
font-weight: 600;
}
.popup-right-block .task-actions-text{
font-size: 14px;
margin-bottom: 5px;
font-weight: 600;
padding-left: 10px;
background: #f2f2f2;
}
.popup-action-container .loadingMsg img{
max-width: 70px;
}
.popup-action-container .popup-right-side-block .date-selector span .material-icons{
font-size: 20px;
color: var(--integrra-green);
bottom: -10px;
}
.task-actions .list-group{
box-shadow: none !important;
margin-left:0;
padding: 0 5px;
}
/* action button colors */
.task-actions .list-group .list-group-item a.register .container>div:nth-child(1){
color: #eab557;
}
.task-actions .list-group .list-group-item a.transfer-view .container>div:nth-child(1){
color: #e37a76;
}
.task-actions .list-group .list-group-item a.transfer-sign .container>div:nth-child(1){
color: #a8cf89;
}
.task-actions .list-group .list-group-item a.delete .container>div:nth-child(1){
color: #f44444;
}
.task-actions .list-group .list-group-item a.join-doc .container>div:nth-child(1){
color: #a8cf89;
}
.task-actions .list-group .list-group-item a.create-doc-copy .container>div:nth-child(1){
color: #1e41dc;
}
.task-actions .list-group .list-group-item a.print-doc .container>div:nth-child(1){
color: #4c9d9e;
}
.task-actions .list-group .list-group-item a.add .container>div:nth-child(1){
color: #830b82;
}
.task-files-actions a, .task-files-actions a:hover{
color: #3f3f3f;
}
.task-status .task-status-container{
border-radius: 1px !important;
}
.task-status .task-status-container a, .task-status .task-status-container a:hover, .task-status .task-status-container a:focus{
color:#333;
}
.task-status .task-status-container a>div:nth-child(1){
border-right: 1px solid #bebebe;
}
.task-status .task-status-container a>div:nth-child(1) .material-icons{
color: #e4900b;
vertical-align: middle;
display: inline;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.task-status .task-status-container a>div:nth-child(2){
line-height: 1.7;
margin: auto;
vertical-align: middle;
}
.popup-middle-left-block .left-title-block{
font-size: 12px !important;
/*padding-left: 25px;*/
border-right: 1px solid #eaeaea;
}
.task-receiver{
max-height: 200px;
overflow-y: auto;
}
.doc-popup-content .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
padding: 5px 3px !important;
}
.popup-middle-left-block{
font-size: 12px;
max-height: 545px;
overflow-y: auto;
overflow-x: hidden;
height: auto;
}
@media(max-height: 736px) {
.popup-middle-left-block{
max-height: 411px;
}
}
.popup-middle-left-block a, .popup-middle-left-block a:hover{
color: #3f3f3f;
/*text-decoration: underline;*/
}
.middle-popup-table-top>tbody>tr>td, .middle-popup-table-bottom>tbody>tr>td{
background-color: #fff;
}
.task-users-history{
background-color: #fff;
}
.doc-popup-content .close{
margin-top: 4px;
margin-right: 8px;
}
.popup .close-popup-button{
display: inline-block;
float:right;
height: 23px;
font-size: 12px;
vertical-align: middle;
cursor: pointer;
}
.close-popup-button .material-icons{
cursor: pointer;
}
.popup .close-popup-button>*{
font-size: 20px !important;
margin-top: 3px;
margin-right:1px;
}
.popup input#DATE_FROM, input#DATE_TO {
width: 140px;
}
.mutual-documents-container>.panel>table>thead>tr>th:nth-child(2){
width: 70px;
}
.mutual-documents-container>.panel>table>thead>tr>th:nth-child(3){
max-width: 55px;
width: 55px;
text-align: center;
}
.mutual-documents-container>.panel>table>thead>tr>th:nth-child(4){
max-width: 170px;
}
.mutual-documents-container>.panel>table>thead>tr>th:nth-child(6){
width: 130px;
}
.mutual-documents-container>.panel>table>thead>tr>th:nth-child(7){
padding-right: 20px !important;
}
.mutual-documents-container>.panel>table>thead>tr>th:nth-child(1){
width: 40px;
}
.mutual-documents-container>.panel>table>tbody>tr>td:nth-child(7){
padding-right: 20px;
}
.doc-create-time .edit-field a>*{
font-size: 18px !important;
color: #3f3f3f;
}
.doc-create-time .edit-field a:hover{
color: #3f3f3f;
}
.doc-popup-content .doc-create-time .edit-field{
right: 7px;
top: 2px;
}
.doc-popup-content .edit-field{
position: absolute;
right: 0px;
top: 2px;
}
.doc-popup-content .edit-field a>*{
font-size: 18px !important;
color:#3f3f3f;
}
.task-file-container .remove-file{
display: inline-block;
}
.task-file-container .remove-file a{
font-size:16px !important;
color: #3f3f3f;
}
.task-file-container .remove-file>a>*{
font-size: 16px !important;
}
.task-file-container .remove-file a:hover{
font-size:16px !important;
color: #3f3f3f;
}
.task-files-actions>a:nth-child(1) .material-icons{
vertical-align: middle;
}
.task-file-container {
overflow: hidden;
max-width: 495px;
text-overflow: ellipsis;
padding-left: 5px;
}
.popup-bacground{
height: 140% !important;
}
.doc-desc-text{
max-height: 100%;
overflow-y: auto;
}
.mutual-documents-container table{
overflow: auto;
}
.mutual-documents-container table a{
overflow: hidden;
overflow-wrap: break-word;
text-overflow: ellipsis;
}
.task-users-history {
overflow-y: auto;
max-height: 400px;
}
.task-files-wrapper{
max-height: 300px;
overflow-y: auto;
margin-right: 20px;
}
.mutual-documents-container .text-center{
/*max-width: 120px;*/
max-width: 95px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* doc create styles */
#dhsform tr>th:first-child{
//padding-left: 10px !important;
/*vertical-align: middle;*/
}
#dhsform tr>th.left-title-block {
vertical-align: middle;
}
#dhsform .info_table tbody>tr:first-child>td{
padding-top: 3px;
vertical-align: baseline;
}
#dhsform .delete_template .material-icons{
font-size: 18px;
vertical-align: bottom;
}
#dhsform .info_table tbody>tr>td.short{
width:120px;
padding-top: 3px;
}
/* POPUP CHANGES, TASK EDIT END */
/* POPUP GLOBAL BUTTONS */
/* task edit card new changes*/
.popup .popup-head{
height:15px;
background: #fff;
margin-bottom: 10px !important;
}
.popup .popup-head .popup-head-title{
padding:2px 0px 0 10px !important;
display: inline-block;
font-size: 12px;
margin-bottom: 0;
font-weight: 600;
}
.doc-popup-content .doc-desc-block{
background: #fff;
padding: 0 !important;
}
.doc-popup-content .container-desc-info{
border: 2px solid #f2f2f2;
border-radius: 5px;
margin-right:5px;
max-height: 215px;
overflow-y: auto;
}
.doc-popup-content .doc-create-time{
background: #f2f2f2;
font-size: 14px;
font-weight: 600;
padding-left: 10px;
}
.doc-popup-content .doc-desc-block .doc-desc-text{
padding: 10px 5px 10px 10px;
}
.doc-popup-content .doc-desc-block .doc-desc-info{
padding: 10px 5px 10px 10px;
margin-top: 0 ;
}
.doc-popup-content .popup-right-block{
padding-left: 5px !important;
}
.popup-right-block .task-followers{
max-height: 215px;
border: 2px solid #f2f2f2;
border-radius: 5px;
}
.popup-right-block .task-followers .task-followers-text{
background: #f2f2f2;
padding-left: 10px;
}
.popup-right-block .task-actions{
border: 2px solid #f2f2f2;
border-radius: 5px;
}
.popup-middle-left-block{
background: white;
border: none;
margin-top: 2px;
padding-right: 5px !important;
}
table.middle-popup-table-top, table.other-table-full{
border-collapse: separate;
border-spacing: 0 3px;
width: 100%;
margin-bottom: -6px;
}
table.middle-popup-table-top tr{
border-radius: 10px;
background: white;
}
table.middle-popup-table-top tr>th, table.middle-popup-table-bottom th{
border-left: 2px solid #f2f2f2;
border-top: 2px solid #f2f2f2!important;
border-bottom: 2px solid #f2f2f2;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
/*table.middle-popup-table-top th {
border-left: 2px solid #f2f2f2;
border-top: 2px solid #f2f2f2!important;
border-bottom: 2px solid #f2f2f2;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
*/
/*SYSTEM INFO TABLE STYLE*/
table#system-info-table-content tr th {
border: none;
}
#system-info-table-content {
margin: 10px 0;
width: 95%;
text-align: left;
border-collapse: inherit;
border: 1px solid lightgrey;
border-bottom: 2px solid #f2f2f2;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
table-layout: fixed;
}
#system-info-table-content td {
border-top: 1px solid lightgrey;
border-bottom: 1px solid lightgrey;
padding: 3px 5px;
color: #333;
}
#system-info-table-content td:first-child {
border-left: 1px solid lightgrey;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-left-style: solid;
}
#system-info-table-content td:last-child {
border-right: 1px solid lightgrey;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-right-style: solid;
}
#system-info-table-content tr:first-child {
border: 1px solid lightgrey;
border-radius: 6px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
table#system-info-table-content tr th {
border-bottom: 1px solid lightgrey;
border-radius: 0;
padding: 5px 3px;
text-align: center;
}
table#system-info-table-content tr th:first-child {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
border-left: 1px solid lightgrey;
}
table#system-info-table-content tr th:last-child {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
border-right: 1px solid lightgrey;
}
table#system-info-table-content tbody {
border: 1px solid #f2f2f2;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
table#system-info-table-content tr:last-child td {
border: none;
border-bottom: 1px solid lightgrey;
}
#system-info-table-content.system-info-statistics-table tr:last-child td:first-child {
border-left: 1px solid lightgrey;
}
#system-info-table-content.system-info-statistics-table tr:last-child td:last-child {
border-right: 1px solid lightgrey;
}
/*END SYSTEM INFO TABLE STYLE*/
table.other-table-full>tbody>tr>th{
border-left: 2px solid #f2f2f2;
border-top: 2px solid #f2f2f2 !important;
border-bottom: 2px solid #f2f2f2;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
table.other-table-full .task-nr{
overflow-x: auto;
/*max-width: 100%;*/
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.task-nr{
overflow-x:auto;
}
.task-nr a#adminEndHref span .material-icons,
.task-nr a.more-settings span .material-icons {
vertical-align: middle;
}
.task-nr a.more-settings {
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
}
.task-nr a.more-settings:focus {
color: #3f3f3f
}
.task-nr > div.select-holder {
width: 100%;
}
.task-nr > div.select-holder select {
width: 100%!important;
margin-bottom: 8px;
}
.task-nr input[type="text"],
.task-nr input[type="text"] #FOREIGN_NR ,
.task-nr textarea,
.task-nr select,
.toggle_popup_main textarea {
border: 2px solid #bfbfbf;
background-color: #ffffff;
width: 100%;
height: 41.25px;
color: #000;
font-size: 16px;
font-weight: 400;
border-radius: 34px;
padding: 4.5px 19.5px;
}
.task-nr input[type="text"]:focus,
.task-nr textarea:focus,
.task-nr select:focus {
border: 2px solid var(--integrra-green);
outline: none;
}
table.table.middle-popup-table-top>tbody>tr>th {
cursor: default;
}
table.table.middle-popup-table-top>tbody>tr>td {
vertical-align: middle;
}
table.other-table-full .task-nr .followSpan{
margin-left: 5px;
}
.middle-popup-table-top>tbody>tr>td, .middle-popup-table-bottom>tbody>tr>td{
border-right: 2px solid #f2f2f2;
border-top: 2px solid #f2f2f2 !important;
border-bottom: 2px solid #f2f2f2;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px !important;
overflow-y: auto;
}
table.middle-popup-table-bottom{
border-collapse: separate;
border-spacing: 0 3px;
}
table .phsTable {
table-layout: fixed;
}
table .phsTable tbody tr:nth-child(n+2) td:first-child {
padding-left: 10px;
}
table .phsTable tr th {
vertical-align: top;
}
.task-status .task-status-container{
height: 30px;
position: relative;
display: flex;
display: -webkit-box;
display: -webkit-flex;
width: 186px;
margin-left: 2.6px !important;
white-space: normal !important;
line-height: normal !important;
padding: 0 !important;
text-align: left;
border-radius: 1px;
position: relative;
align-items: center;
}
.task-status-container .card-status-text {
position: relative;
display: flex;
margin: 0 10px 0 0px;
font-size: 13px;
font-weight: 600;
}
.task-status-container .card-status-icon {
display: flex;
align-items: center;
}
.card-status-icon .material-icons {
font-size: 20px;
}
.task-status .list-group .list-group-item{
border: 0;
margin: 0 10px 5px 0 !important;
padding: 0 !important;
height: 30px;
width: 140px;
display: inline-block;
}
a .task-status-container>div:nth-child(1){
text-align: center;
}
a .task-status-container>div:nth-child(1) .material-icons{
vertical-align: middle;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.task-status .list-group{
margin: 0;
border: none;
padding: 0;
margin-bottom: 0;
max-height: 70px;
height: auto;
box-shadow: none;
overflow-y: auto;
max-width: 432px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.mutual-documents-container .material-done{
color: #6fe300;
transition: 0.3s;
}
.mutual-documents-container .material-done:hover{
color: #95e300;
transition: 0.3s;
}
.mutual-documents-container .material-registered{
color: #00cc99;
transition: 0.3s;
}
.mutual-documents-container .material-registered:hover{
transition: 0.3s;
color: #00cdbc;
}
.mutual-documents-container a, .mutual-documents-container a:hover{
color: #465056;
}
.mutual-documents-container .material-icons{
vertical-align: middle;
float: right;
}
.mutual-documents-container tbody>tr>th:first-child{
vertical-align: top !important;
padding-top:7px !important;
}
.mutual-documents-container>.panel, .task-users-history .list-group{
margin-bottom: 0;
border: none;
}
.mutual-documents-container th, .mutual-documents-container td{
border-top: none !important;
}
.mutual-documents-container td:nth-child(6), .mutual-documents-container td:nth-child(7){
text-align:center;
vertical-align: middle;
}
.task-users-history .user-actions-text{
width: 95%;
max-width: 555px;
word-break: break-word;
}
.task-users-history .list-group-item{
display: table;
width: calc(100% - 111px);
}
.middle-popup-table-top{
box-shadow: none !important;
}
/* task edit card new changes*/
.popup-button-action{
z-index:9999;
position: fixed;
top: 28px;
left: 50%;
height: auto;
width: 100%;
max-height: calc(100vh - 60px);
overflow-y: visible;
box-shadow: 0 3px 6px rgb(0 0 0 / 35%);
border-radius: 34px;
background-color: #ffffff;
padding: 15px;
max-width: 513.75px;
transform: translate(-50%, 0);
}
.popup-action-container .datepicker_popup_block,
.popup-middle-left-block .datepicker_popup_block {
position:fixed!important;
}
.popup-button-action .popup-action-background{
max-height: 500px;
overflow: auto;
padding-right: 15px;
}
.popup-button-action strong{
margin-right: 5px;
color: #676767;
font-size: 14px;
font-weight: 700;
}
.popup-button-action select{
border: 2px solid #bfbfbf;
background-color: #ffffff;
width: 100%;
height: 41.25px;
color: #000;
font-size: 16px;
font-weight: 400;
border-radius: 34px;
padding: 4.5px 19.5px;
}
.popup-button-action select:hover {
border: 2px solid var(--integrra-green);
outline: none;
}
.popup-button-action .close-popup-button{
display: inline-block;
float: right;
height: 23px;
font-size: 12px;
vertical-align: middle;
cursor: pointer;
}
.popup-button-action .close-popup-button>*{
font-size: 20px !important;
margin-top: 1px;
margin-right: 0;
color: #333;
}
.action-container{
display: table;
}
.popup-action-container .popup-left-side-block{
display: table-cell;
text-align:left;
padding-right: 5px;
vertical-align: middle;
width: 100%;
}
.popup-action-container textarea{
font-size: 16px !important;
font-weight: 400 !important;
}
.popup-action-container #clienttypeSearchPart #MULTIADD{
margin-top: 5px;
}
.popup-action-container .popup-right-side-block #upload_return{
display: block;
width: 100%;
}
.popup-action-container .popup-right-side-block{
display: flex;
flex-wrap: wrap;
vertical-align: middle;
width: 100%;
text-align: start;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.popup-action-container .popup-right-side-block .select-holder {
font-size: 12px;
}
.popup-action-container .popup-right-side-block .date-selector label {
display: inline;
}
.popup-action-container .popup-right-side-block #DOC_ACCOMPLISH{
min-height:100px;
}
.popup-button-action input[type="text"]{
border: 2px solid #bfbfbf;
background-color: #ffffff;
width: 100%;
height: 41.25px;
color: #000;
font-size: 16px;
font-weight: 400;
border-radius: 34px;
padding: 4.5px 19.5px;
}
.popup-button-action input[type="text"]:focus {
border: 2px solid var(--integrra-green);
outline: none;
}
.popup-action-container .popup-right-side-block div.upload_input_spinner {
display: inline-flex;
}
.popup-action-container .popup-right-side-block input[type="checkbox"],
.popup-action-container .popup-right-side-block input[type="radio"] {
margin: 4px 4px 0 0;
width: auto;
}
#relatedAdvancedSearch input {
margin-bottom: 5px;
}
#relatedAdvancedSearchToggle {
margin: 2.5px 0;
}
#scannerOFF{
height: auto;
display: inline-flex;
margin-bottom: 0 !important;
align-items: flex-end;
align-content: center;
margin-left: 10px;
margin-top: 0;
}
#scannerOFF .scanner .material-icons{
vertical-align: bottom;
}
#scannerON .closeScanner{
text-align: right;
width: auto;
display: inline-block;
}
#scannerOFF .material-icons, #scannerOFF .material-icons:hover{
text-decoration: none !important;
}
/* big loader */
#docPopup-loader{
z-index: 999999;
}
.loader-popup{
position: relative;
z-index: 9999999;
}
.popup .fullscreen-load{
width: 100%;
position: relative;
z-index: 99999999;
height: 70%;
display: flex;
justify-content: center;
align-items: center;
}
.popup-button-action input[type="button"]{
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
border: 0;
margin: 5px 0;
display: flex;
align-items: center;
font-size: 13px;
font-weight: 400;
padding: 0 10px !important;
line-height: 1;
margin: 5px;
border-radius: 34px;
min-height: 28px;
background: #fff;
}
.list-group-item.clickedButton .container.btn-default>.col-xs-9{
background-color: #8d8d8d;
color: white;
font-weight: 600;
text-shadow: none;
}
.main-notifications-list .notify-follow-list{
display:block;
width: 100%;
border-radius: 5px;
background: rgb(249,250,251);
}
.main-notifications-list .notify-follow-list .comments-group{
padding-left: 0;
background: rgb(249,250,251);
border-radius: 5px;
}
.main-notifications-list .notify-follow-list .comments-group li{
background: rgb(249,250,251);
border-top: 0;
}
.main-notifications-list .notify-follow-list .comments-group li .comment-text{
float:left;
padding-top: 5px;
vertical-align: middle;
margin-right: 5px;
}
.main-notifications-list .notify-follow-list .comments-group li img{
max-width: 30px;
}
.attached-files{
float: right;
vertical-align: middle;
display:block;
}
.attached-files .material-icons{
vertical-align: middle;
}
/* rules window styles */
.rules-container p {
margin-bottom: 5px;
}
.rules-container p.title{
font-size: 16px;
font-weight: 600;
color: #465056;
padding:8px 25px 8px 8px;
}
.rules-container div.rules{
border: none;
padding:0 8px;
width: 100% !important;
resize: none !important;
color: #465056;
height: 500px;
overflow-y: auto;
}
.rules-container div.rules h4:first-child {
margin-top: 5px;
}
.rules-container div.rules h4 {
margin: 25px 0 10px 0;
}
.rules-container div.rules .case-mod {
font-size: 16px;
}
.rules-container .rules-choice{
display: table;
width:100%;
margin: 0 auto;
}
.rules-container .rules-choice ul{
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
justify-content: center;
margin-bottom: 7px;
}
.rules-container .rules-choice li{
display: flex;
}
.rules-container .task-status-container{
border: 1px solid #ddd;
height: 30px;
position: relative;
display: flex;
display: -webkit-box;
display: -webkit-flex;
width: 225px;
margin-left: 2.6px !important;
white-space: normal !important;
line-height: normal !important;
padding: 0 !important;
text-align: left;
border-radius: 1px;
position: relative;
margin-bottom: 5px;
}
.rules-container .rules-choice li:nth-child(1) .material-icons{
color: #b30000;
font-size: 25px;
}
.rules-container .rules-choice li:nth-child(2) .material-icons{
color: green;
font-weight: bold;
font-size: 26px;
}
.rules-container .rules-choice li .task-status-container > div:nth-child(2) {
display: flex;
justify-content: center;
align-items: center;
border-left: 1px solid #ddd;
}
table.info_table.registryTable tr > th:nth-child(n+1) {
width: 18%!important;
min-width: 12%;
}
table.info_table.registryTable tr > th:nth-child(1) {
width: 12%!important;
}
/* info table */
#special_visit_block {
display: block;
z-index: 999;
}
#work-table .info_table, #work-table .search_history_table{
width: 100%;
text-align: left;
border-collapse: inherit;
background-color: #fdfeff;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
background-color: #ffffff;
border-radius: 23px;
padding: 15px;
border: none;
margin-bottom: 15px;
}
#work-table .settings-block.simple-block {
margin-top: 10px;
}
#work-table .settings-block.simple-block .info_table {
border-left: none;
border-right: none;
}
#work-table .settings-block.simple-block .info_table tr td {
padding: 5px 0;
}
#work-table .search_history_table td {
border-top: 1px solid lightgray;
border-bottom: 1px solid lightgray;
}
#work-table .search_history_table td:first-child {
border-left: 1px solid lightgray;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-left-style: solid;
}
#work-table .search_history_table td:last-child {
border-right: 1px solid lightgray;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-right-style: solid;
}
#work-table .search_history_table .task-status-text {
min-height: 28px;
}
table.info_table tr:nth-child(2) td label {
font-weight: normal;
vertical-align: inherit;
}
#work-table tr td.task-status-td:last-child {
min-width: 91px;
}
#publicTemplateSpan table tr:nth-child(2) td:nth-child(3) a {
text-decoration: underline;
}
.info_table * {
color: #333;
font-size: 12px;
}
.info_table .timespan-selection-container{
text-align:left;
}
.info_table .timespan-selection-container a{
display: inline-block;
padding: 3px 11px 3px 5px;
border-right: 1px solid grey;
}
.info_table .timespan-selection-container a:first-child{
padding: 3px 11px 3px 0;
}
#work-table .info_table td:first-child, #work-table .info_table th:first-child{
margin-left: 15px;
}
.info_table .selectAndInput>table tr select>option:last-child{
border-bottom: 1px solid lightgrey;
}
.info_table .selectAndInput #journal_id{
border: 1px solid lightgrey;
}
.info_table .selectAndInput>table tr select>option{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-top: 1px solid lightgrey;
border-bottom:none;
border-left: 1px solid lightgrey;
border-right: 1px solid lightgrey;
}
.info_table .selectAndInput table>tbody>tr>td:first-child{
width: 120px;
}
.info_table .date-selector label{
position: absolute;
color: black;
font-weight: normal;
margin-bottom: 0;
top: 12px;
left: 9px;
}
.info_table .date-selector .material-icons{
font-size: 20px;
}
.info_table .reportDateContainer .date-only .date-selector input#d1,
.info_table .reportDateContainer .date-only .date-selector input#d2 {
padding-left: 45px;
}
.info_table .info-timespan-selection .reportDateContainer{
display:inline-block;
margin-right: 15px;
margin-bottom: 5px;
}
.info_table textarea {
border: 2px solid #bfbfbf;
background-color: #fff;
border-radius: 23px;
padding: 5px 14px;
resize: vertical;
width: 100%;
min-height: 111px;
font-size: 16px !important;
font-weight: 400 !important;
}
.info_table textarea:focus {
border: 2px solid var(--integrra-green);
outline: none;
}
.info_table select{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url(data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23c1c1c1'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E);
background-repeat: no-repeat;
background-position: right center;
padding-right: 25px;
background-size: 26px;
border: 2px solid #bfbfbf;
background-color: #ffffff;
width: 100%;
height: 41.25px;
color: #000;
font-size: 16px;
font-weight: 400;
border-radius: 34px;
padding: 4.5px 19.5px;
}
.info_table select:focus {
border: 2px solid var(--integrra-green);
outline: none;
}
.info_table input[type="number"]:focus,
.info_table input[type="text"]:focus {
border: 2px solid var(--integrra-green);
outline: none;
}
.icheckbox_minimal.checked{
border: 1px solid #bdbdbd;
position: relative;
height: 17px;
width: 17px;
}
.info_table td.short{
max-width: 170px;
width: 170px;
padding-right: 5px;
text-align: right;
}
.info_table td.long #VISATPL_ID{
margin-bottom: 2px;
}
.info_table .date-only .date-selector input{
width: auto;
min-width:92px;
}
.info_table td.long tr>td:nth-child(1), .info-receiver table>tbody>tr>td:nth-child(1){
padding-left: 0 !important;
width: auto !important;
}
#dateSelectContainer table>tbody>tr>td{
padding-top: 3px;
padding-bottom:5px;
}
#dateSelectContainer .info-receiver>td:last-child{
padding-top: 10px;
}
#dateSelectContainer #scannerOFF{
margin-left:0;
}
.info_table .timespan-selection-container a:last-child{
border-right: none;
}
.info_table .timespan-selection-container a:hover{
text-decoration: none;
}
.info_table .periodLabel{
margin:5px 0;
}
.info_table{
position: relative;
}
table.info_table tr td.long {
position: relative;
vertical-align: middle;
}
table.info_table + table {
width: 100%;
}
/*.info_table .selectAndInput{
padding-left: 0 !important;
display: inline-block;
position: absolute !important;
bottom: 5px;
left: 290px;
}*/
.info_table .selectAndInput>table tr{
border-left: none !important;
}
.info_table .selectAndInput>table tr:first-child{
border: none !important;
}
.info_table .selectAndInput>table>tbody>tr>td{
width:auto;
text-align:left;
}
.info_table .selectAndInput .info-sender span{
max-width:220px !important;
display: inline-block;
}
.info_table .selectAndInput .info-sender span #INPUT_sender_id__SEARCH{
width: 130%;
margin-right: 5px;
vertical-align: baseline;
}
.info_table .info-timespan-selection{
padding-bottom: 5px;
}
.info_table #MULTIADD{
float:right;
padding: 10px 15px !important;
display:inline-block;
background: url(images/add_user.png) no-repeat center !important;
background-size: 20px 20px !important;
font-size: 1px;
}
.info_table .info-registry select, .info_table .info-receiver select{
border: none !important;
}
.info_table .info-registry select, .info_table .info-sender select{
margin: 10px 0;
}
.info_table .info-receiver select{
margin-top: 10px;
margin-bottom: 10px;
}
.info_table .info-timespan select{
margin: 5px 0;
}
.info_table .info-priority-control>td{
padding-top: 5px;
padding-bottom: 5px;
}
.selectAndInput .info-submit-button{
margin: 5px 0;
}
/* date calendar */
.datepicker_popup_block{
z-index: 111 !important;
}
.datepicker_popup_blockTitle {
background-color: white !important;
font-size: 14px !important;
text-align: center;
font-weight: 600 !important;
padding: 0 !important;
color: grey !important;
}
.datepicker_popup_block .closeDatepicker{
left: inherit !important;
right: 0 !important;
}
div#years_month_select div {
color: grey !important;
border-bottom: 0 !important;
}
table#month_days_view>tbody>tr:first-child {
border-right: 1px solid grey !important;
border: 0;
}
table#month_days_view>tbody>tr:first-child>td{
padding: 0 !important;
}
#month_days_view>tbody>tr, #month_days_view>tbody>tr>td{
border:0 !important;
}
#month_days_view>tbody>tr>td{
padding: 2px 3px !important;
}
#month_days_view>tbody>tr>td a{
border-radius: 7px;
}
#month_days_view{
height: 160px;
}
#years_month_select div.select_month a.first_link img, #years_month_select div.select_month a.second_link img{
border: 0 !important;
padding: 0 !important;
width: 8px !important;
height: 13px !important;
opacity: 0.45;
}
#month_days_view .t.weekend_day_link a {
height: 20px !important;
line-height: 21px !important;
}
#termsContent .doc-popup-content{
width: 640px;
margin-top: 20px;
}
#dateSelectContainer #SAVE{
margin: 0;
}
#dateSelectContainer .list-pagination-top .button-create-new, #dateSelectContainer .list-pagination-top .button-create-search{
display: inline-block !important;
}
.main-content #JOURNALSET, #dateSelectContainer input[type="button"], #dateSelectContainer input[type="submit"], #dateSelectContainer #Create, #dateSelectContainer .list-pagination-top .button-create-new, #dateSelectContainer .list-pagination-top .button-create-search,input#Choose {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' fill='%238dca0a' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z'/%3E%3C/svg%3E") !important;
color: #000000;
font-size: 13px;
font-weight: 400;
vertical-align: middle;
max-height: 28px;
height: 28px;
border: 0;
background: white;
border-radius: 100px;
cursor: pointer;
margin: 4px 5px;
box-sizing: border-box;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
padding: 0 10px 0 38px;
line-height: 1;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
transition: 0.3s;
background-position: 10px center;
background-repeat: no-repeat;
}
.inputPreloader {
background: url(/edvs/css/integrra/images/loading_anim_main.gif) left no-repeat, linear-gradient(to bottom, #fff 0%, #e0e0e0 100%) repeat-x !important;
background-size: contain !important;
}
.main-content #JOURNALSET:hover, #dateSelectContainer input[type="submit"]:hover, #dateSelectContainer #Create:hover, #dateSelectContainer .list-pagination-top .button-create-new:hover, #dateSelectContainer .list-pagination-top .button-create-search:hover,
input#Choose:hover, #relatedAdvancedSearch input[type="button"]:hover {
z-index: 2;
background-color: #ebebeb;
}
/* POPUP GLOBAL BUTTONS END */
iframe#documentCont{
min-height: 477px;
width:100%;
}
iframe#WPIFRAME{
height: calc(100vh - 119px);
}
@media (max-width: 1200px){
.info-block-container .plans-table-container {
padding: 25px 420px 20px 0px;
}
}
.popup-right-side-block #journalTable {
margin-top: 2.5px!important;
width: 100%;
max-width: 100%;
}
.popup-right-side-block .select-holder {
width: 100%;
max-width: 100%;
}
a[title="Nepatvirtinti ir grأƒâ€أ¢â‚¬آ¦أƒâ€¦أ‚آ¾inti"] .col-xs-9{
font-size: 13px;
white-space: nowrap;
}
span#DIV_SENDER_ID>*, span#DIV_RECEIVER_ID>*, .popup-right-side-block>* {
margin: 2.5px 0;
}
.popup-right-side-block,
.popup-right-side-block div {
width: 100%;
}
/* masinis dokumento pasirasymas */
.file_input_conatainer {
display: flex;
}
a.delete_people:hover,
a.delete_people:focus {
text-decoration: none;
}
.delete-documents {
display: flex;
}
a#natural-person,
a#legal-person,
a.add-file,
a.download-file {
color: #000000;
font-size: 13px;
font-weight: 400;
vertical-align: middle;
max-height: 28px;
height: 28px;
border: 0;
background: white;
border-radius: 100px;
cursor: pointer;
margin: 4px 5px;
box-sizing: border-box;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
padding: 0 10px;
line-height: 1;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
transition: 0.3s;
}
a.add-file,
a.download-file {
margin: 3px 9px 10px 0;
}
a#natural-person:hover,
a#natural-person:focus,
a#legal-person:hover,
a#legal-person:focus,
a.add-file:hover,
a.add-file:focus,
a.download-file:hover,
a.download-file:focus {
background-color: #ebebeb;
text-decoration: none;
}
a#natural-person .material-icons,
a#legal-person .material-icons,
a.add-file .material-icons,
a.download-file .material-icons {
color: var(--integrra-blue);
font-size: 14px;
margin-right: 5px;
}
a.add-file .material-icons,
a.download-file .material-icons {
color: #333;
}
.info_table input[type="text"],
.info_table select,
.info_table textarea {
width: 100%;
}
#dhsform #dateSelectContainer .info_table input[type="text"] {
margin-bottom: 10px;
}
td.long input[type="text"] + select {
margin-top: 3px
}
td.long select#SEARCH_METHOD {
display: block;
}
td.long select#JOURNAL_ID {
width: 350px;
}
.multi-doc-msg .sumDoc b,
.doc-desc-text .sumDoc b {
color: #19abcf;
}
.multi-doc-msg .correctEmail b,
.doc-desc-text .correctEmail b {
color: green;
}
.multi-doc-msg .wrongEmail b,
.doc-desc-text .wrongEmail b {
color: red;
}
#docNotes td.short {
vertical-align: middle;
}
.popup-middle-content.multi-doc .doc-desc-block .doc-desc-text {
display: flex;
flex-wrap: wrap;
}
.popup-middle-content.multi-doc .doc-desc-block .doc-desc-text div {
margin-right: 10px;
}
#multiDocAll,
#multiDocAll table,
#multiDocGood table,
#multiDocBad table {
width: 100%;
}
#multiDocAll .multi-doc-popup-header,
#multiDocGood .multi-doc-popup-header,
#multiDocBad .multi-doc-popup-header {
display: flex;
align-items: center;
padding: 7px 13px;
margin-bottom: 10px;
font-size: 13px;
border: 1px solid rgb(242, 242, 242);
border-radius: 3px;
}
.middle-popup-table-top tr.multi-doc-popup-list td:nth-child(-n+4) {
border-right: none;
border-top-right-radius: none;
border-bottom-right-radius: none!important;
}
.multi-doc-popup-header td:nth-child(1){
display: flex;
justify-content: flex-start;
width: 10%;
}
.multi-doc-popup-header td:nth-child(5) {
display: flex;
justify-content: flex-end;
width: 10%;
}
.multi-doc-popup-header td:nth-child(n+2):nth-child(-n+4) {
display: flex;
justify-content: center;
width: 26.6%;
}
.multi-doc-popup-list td:nth-child(1),
.multi-doc-popup-list td:nth-child(5) {
width: 10%;
text-align: center;
}
.multi-doc-popup-list td:nth-child(n+2):nth-child(-n+4) {
width: 26.6%;
text-align: center;
}
.popup-middle-left-block .panel {
box-shadow: none;
}
#browseAndScanCreateDoc td:first-child {
vertical-align: middle;
}
#work-table .info_table {
/*margin-bottom: 10px;*/
}
#secret td:nth-child(2) {
vertical-align: inherit;
}
/* end masinis dokumento pasirasymas */
.uplouded_file .material-icons{
font-size: 18px;
}
.uplouded_file .material-icons{
font-size: 18px;
}
.icheckbox_minimal, .iradio_minimal{
transform: scale(0.7);
}
td input[type="radio"] {
margin: 2px 3px 0 0;
}
/* ataskaitos */
.settings-block .info_table>tbody>tr>th:first-child{
padding-left: 0!important;
min-width: 36px;
}
.settings-block .info_table>tbody>tr>th{
text-align: center;
padding-bottom:5px;
}
.settings-block .info_table>tbody>tr>th:nth-child(2){
min-width: 100px;
}
.alignedCenter{
text-align:center;
}
/* about us section */
.info-block-container .col-md-12{
padding-left: 15px !important;
padding-right: 15px!important;
}
.firm-blocks-container{
display: flex;
flex-direction: column;
}
.firm-info-block{
position: relative;
margin-bottom:8px;
background: #fff;
border:1px solid lightgrey;
}
.firm-info-block-contact,
.firm-info-block-aboutus {
background-color: #fff;
}
.firm-info-block .info-title{
display: flex;
justify-content: center;
align-items: center;
margin:0 0 40px 0;
text-align: center;
font-size: 2.5em;
color: #345985;
font-weight:600;
}
.firm-info-block .info-title.info-title-about {
height: 85px;
background: url(images/integrra-front-page-images/apie-mus.jpg) center;
color: #fff;
margin: 0 0 10px 0;
}
.firm-info-block .info-title.info-title-contact {
height: 85px;
margin: 0 0 20px 0;
background: url(images/integrra-front-page-images/kontaktai.jpg) center;
color: #fff;
}
.firm-info-block .text ul li{
text-align:left;
line-height:2;
}
.firm-info-block .statistics-wrapper .statistics-1 > div,
.firm-info-block .statistics-wrapper .statistics-2 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
/*height: 100%*/
}
.firm-info-block .statistics-wrapper .statistics-1 div img {
max-width: 110px;
height: auto;
}
.firm-info-block .statistics-wrapper .statistics-1 > div > div {
font-size: 2.5em;
font-weight: 600;
margin: 0 20px;
}
.firm-info-block .statistics-wrapper .statistics-1 > div p {
text-align: center;
}
.firm-info-block .statistics-wrapper .statistics-2 p {
font-size: 1.8em;
margin-bottom: 22px;
text-align: center;
}
.firm-info-block .statistics-wrapper .statistics-2 button {
width: 280px;
min-height: 60px;
text-transform: uppercase;
font-size: 1.2em;
border: none;
}
.firm-info-block.plan-block-container + .row {
margin: 0 0 17px 0;
}
.col-lg-6.col-corection-1,
.col-md-6.col-corection-1,
.col-sm-6.col-corection-1 {
padding-left: 0;
padding-right: 6px;
}
.col-lg-6.col-corection-2,
.col-md-6.col-corection-2,
.col-sm-6.col-corection-2 {
padding-right: 0;
padding-left: 6px;
}
.info-block-container .text{
text-align: left;
padding:20px 15px;
line-height: 1.4;
font-size: 0.9em;
}
.info-block-container .text.text-mod {
padding-bottom: 0;
}
.info-block-container .text p{
margin-bottom: 10px;
text-align: justify;
}
/* PLANAI (iki ~715px ir nuo 1260px-1400px) */
.firm-info-block.plan-block-container {
background: #f2f2f2;
border: none;
padding-bottom: 70px;
border: 1px solid lightgrey;
}
.firm-info-block.plan-block-container .info-title {
height: 95px;
background: url(images/integrra-front-page-images/plan.jpg) center;
color: #fff;
}
.info-block-container .plans-table-container{
display: flex;
justify-content: center;
padding:25px 0px 20px 0px;
max-width:1400px;
margin:0 auto;
font-size: 10px;
}
/* this selector is for overriding selector #work-table tbody tr td */
.info-block-container #plans-table.plans-table-container table tbody tr td {
padding-left: 0;
}
.info-block-container .plans-table-container #plans-table tbody tr {
cursor: default;
height: 60px;
}
.info-block-container .plans-table-container #plans-table tbody tr:nth-child(2) {
height: auto;
cursor: default;
overflow: hidden;
}
/*.info-block-container .plans-table-container table #plans-table tbody tr:last-child td {
border-bottom-left-radius: 10px;
}
.info-block-container .plans-table-container table #plans-table tbody tr:last-child td {
border-bottom-right-radius: 10px;
}*/
.plans-table-container #plans-table.table-1 tr:nth-child(n+3):nth-child(-n+12) td,
.plans-table-container #plans-table.table-2 tr:nth-child(n+3):nth-child(-n+12) td,
.plans-table-container #plans-table.table-3 tr:nth-child(n+3):nth-child(-n+12) td,
.plans-table-container #plans-table.table-4 tr:nth-child(n+3):nth-child(-n+12) td {
display: flex;
justify-content: center;
align-items: center;
}
.info-block-container .plans-table-container table{
width:100%;
}
.info-block-container .plans-table-container table tr>td,
.info-block-container .plans-table-container table tr>th{
height: 100%;
text-align: center;
}
.info-block-container .plans-table-container table tr:last-child>td{
background:none;
}
.info-block-container .plans-table-container .table-0 tr:last-child td {
display: block;
}
.info-block-container .plans-table-container .table-0 {
position: relative;
width: 12%;
max-width: 12%;
margin: 4px;
border-collapse: separate;
table-layout: fixed;
}
.info-block-container .plans-table-container .table-0 tr {
display: flex;
flex-direction: column;
border: none;
height: 60px;
}
.info-block-container .plans-table-container .table-0 tr > td {
display: flex;
flex-direction: column;
justify-content: center;
font-size: 11px;
font-weight: 900;
text-align: right;
line-height: 1.5;
}
.info-block-container #plans-table.plans-table-container .table-0 tr {
background-color: transparent;
height: 60px;
}
.info-block-container .plans-table-container .table-0 #plans-table-discription {
height: auto;
padding: 8px 0 4px 0;
}
.info-block-container .plans-table-container .table-0 tr:nth-child(n+6):nth-child(-n+8) td {
text-decoration: underline;
cursor: pointer;
}
.info-block-container .plans-table-container .table-0 tr:nth-child(n+10):nth-child(-n+12) td {
text-decoration: underline;
cursor: pointer;
}
.info-block-container .plans-table-container .table-2 #plans-table-discription,
.info-block-container .plans-table-container .table-4 #plans-table-discription,
.info-block-container .plans-table-container .table-5 #plans-table-discription {
padding: 8px 0 4px 0;
}
.info-block-container .plans-table-container .table-3 {
position: relative;
/*top: -17px;*/
}
.info-block-container .plans-table-container .table-3 #plans-table-discription {
position: relative;
/*padding-top: 20px;*/
}
.info-block-container .plans-table-container .table-1,
.info-block-container .plans-table-container .table-2,
.info-block-container .plans-table-container .table-3,
.info-block-container .plans-table-container .table-4,
.info-block-container .plans-table-container .table-5 {
width: 19%;
max-width: 17%;
margin: 2px;
border-collapse: separate;
table-layout: fixed;
background-color: #fff;
}
.info-block-container .plans-table-container table tbody tr td a:hover {
text-decoration: none;
}
.plans-table-container table tr:not(:last-child) {
border-right: 1px solid lightgrey;
border-left:1px solid lightgrey;
border-bottom: 1px solid lightgrey;
}
.plans-table-container table#plans-table.table-3 .plans-table-head-cor {
border-top: 1px solid #ffbf14;
border-left: 1px solid #ffbf14;
border-right: 1px solid #ffbf14;
border-bottom: 2px solid #ffbf14;
}
.plans-table-container table#plans-table.table-3 tr:nth-last-child(2) {
border-bottom: 2px solid #ffbf14;
}
.plans-table-container table#plans-table.table-3 tr:nth-child(n+2):nth-child(-n+12) {
border-left: 2px solid #ffbf14;
border-right: 2px solid #ffbf14;
}
.plans-table-container table#plans-table.table-3 tr:last-child(2) td {
border-left: 2px solid #277bc1;
border-right: 2px solid #277bc1;
}
.plans-table-container table#plans-table.table-3 tr td#plans-table-discription {
border-left: 2px solid #ffbf14;
border-right: 2px solid #ffbf14;
border-top: 2px solid #ffbf14;
}
.plans-table-container table#plans-table.table-3 .plan-ribbon {
position: absolute;
width: 24px;
height: 5px;
background-color: #ffbf14;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
left: -8px;
top: 4px;
box-shadow: 0px 2px 3px rgba(0,0,0,.7);
}
.plans-table-container .table-1 tr:last-child td:last-child {
border-bottom: none;
}
.info-block-container .plans-table-container .table-0 tr th.plans-table-head {
border: none;
}
.info-block-container .plans-table-container .table-0 #plans-table-discription td {
color: transparent;
}
.info-block-container .plans-table-container table tr th.plans-table-head {
height: 75px;
padding: 5px 0;
font-size: 19px;
color: #15368e;
border: 2px solid lightgrey;
letter-spacing: -1px;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor {
display: flex;
justify-content: center;
color: #15368e;
border: 2px solid lightgrey;
}
.info-block-container .plans-table-container table.table-3 tr.plans-table-head-cor td:nth-child(n+1):nth-child(-n+4) {
color: #ffbf14;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:first-child {
font-size: 11px;
color: green;
line-height: 2.5;
font-weight: 900;
color: #317a0d;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(2) {
font-size: 28px;
font-weight: 900;
line-height: 1.7;
color: #317a0d;
letter-spacing: -2px;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(3) {
font-size: 18px;
font-weight: 400;
line-height: 3;
color: #317a0d;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(4) {
width: 34px;
text-align: left;
line-height: 1;
vertical-align: middle;
font-size: 8px;
display: flex;
align-items: center;
padding-left: 4px;
color: #317a0d;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(5) {
font-size: 10px;
line-height: 4.3;
padding-left: 5px;
font-weight: 900;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(6) {
font-size: 14px;
font-weight: 900;
line-height: 3.5;
letter-spacing: -1px;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(7) {
font-size: 11px;
font-weight: 400;
line-height: 4.7;
padding-left: 2px;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(8) {
width: 20px;
font-size: 8px;
line-height: 1;
display: flex;
align-items: center;
padding-top: 5px;
}
.info-block-container .plans-table-container #plans-table-discription {
display: flex;
flex-direction: column;
padding: 8px 0 4px 0;
background-color: #15368e;
color: #fff;
}
.info-block-container .plans-table-container #plans-table-discription > td:first-child,
.info-block-container .plans-table-container .table-3 #plans-table-discription > td:nth-child(2) {
display: flex;
justify-content: center;
margin: 0;
text-transform: uppercase;
font-size: 15px;
font-weight: 900;
}
.info-block-container .plans-table-container #plans-table-discription > td:last-child {
display: flex;
justify-content: center;
padding-bottom: 8px;
font-size: 9px;
}
.info-block-container .plans-table-container .plans-table-row {
display: flex;
flex-direction: column;
color: #15368e;
font-size: 12px;
font-weight: bolder;
}
/* Planأƒâ€¦أ‚آ³ mygtukai */
.info-block-container .btn-labeled {
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
align-items: center;
width: 100%;
height: 75px;
padding: 0;
font-size: 12px;
font-weight: 900;
border: none;
color:#fff;
transition:0.3s ease-in-out;
}
.info-block-container .btn-label{
position: relative;
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
flex-basis: 25%;
left: 0;
float: left;
height: 75px;
padding: 5px 4px;
align-items: center;
justify-content: center;
border-right:1px solid #fff;
transition:0.3s ease-in-out;
background: none;
}
.info-block-container .btn-labeled.btn-contact span.btn-label-2,
.info-block-container .btn-labeled.btn-order span.btn-label-2,
.info-block-container .btn-labeled.btn-register span.btn-label-2,
.info-block-container .btn-labeled.btn-modified span.btn-label-2 {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-basis: 75%;
justify-content: center;
padding-right: 5px;
height: 100%;
align-items: center;
}
/* .info-block-container .btn-labeled.btn-modified,
.info-block-container .btn-labeled.btn-modified .btn-label {
height: 60px;
}
.info-block-container .btn-labeled.btn-modified {
font-size: 14px;
}
.info-block-container .btn-labeled.btn-modified .btn-label {
flex-basis: 25%;
border-right: 1px solid #491500;
}
.info-block-container .btn-labeled.btn-modified .btn-label .material-icons {
font-size: 30px;
}*/
.info-block-container .plans-table-container .btn-labeled.btn-register {
background-color: #15368e;
}
.info-block-container .plans-table-container .btn-labeled.btn-register:hover,
.info-block-container .plans-table-container .btn-labeled.btn-register:focus,
.info-block-container .plans-table-container .btn-labeled.btn-register:active {
background-color: #102b71;
}
.info-block-container .plans-table-container .btn-labeled.btn-order,
.info-block-container .plans-table-container .btn-labeled.btn-contact {
background-color: #317a0d;
}
.info-block-container .plans-table-container .btn-labeled.btn-order:hover,
.info-block-container .plans-table-container .btn-labeled.btn-order:focus,
.info-block-container .plans-table-container .btn-labeled.btn-order:active,
.info-block-container .plans-table-container .btn-labeled.btn-contact:hover,
.info-block-container .plans-table-container .btn-labeled.btn-contact:focus,
.info-block-container .plans-table-container .btn-labeled.btn-contact:active {
background-color: #276508;
}
.info-block-container .plans-table-container .btn-labeled.btn-modified {
background-color: #ffbf14;
color: #491500;
}
.info-block-container .plans-table-container .btn-labeled.btn-modified:hover,
.info-block-container .plans-table-container .btn-labeled.btn-modified:focus,
.info-block-container .plans-table-container .btn-labeled.btn-modified:active {
background-color: #ecae05;
}
/* end Planأƒâ€¦أ‚آ³ mygtukai */
/* Planأƒâ€¦أ‚آ³ celiأƒâ€¦أ‚آ³ أƒâ€¦أ‚آ¾enklأƒâ€¦أ‚آ³ stiliai */
.plans-table-container table.table-1 tr:nth-child(n+6):nth-child(-n+12) td,
.plans-table-container table.table-2 tr:nth-child(6) td,
.plans-table-container table.table-2 tr:nth-child(n+10):nth-child(-n+12) td {
color: #c81d23;
}
.plans-table-container table.table-2 tr:nth-child(9) td,
.plans-table-container table.table-3 tr:nth-child(6) td,
.plans-table-container table.table-3 tr:nth-child(n+9):nth-child(-n+12) td,
.plans-table-container table.table-4 tr:nth-child(6) td,
.plans-table-container table.table-4 tr:nth-child(n+9):nth-child(-n+12) td {
color: #317a0d;
font-size: 17px;
}
/* end Planأƒâ€¦أ‚آ³ celiأƒâ€¦أ‚آ³ أƒâ€¦أ‚آ¾enklأƒâ€¦أ‚آ³ stiliai */
/* end PLANAI (iki ~715px ir nuo 1260px-1400px) */
.contact-info-tabs-container{
display: flex;
flex-wrap: wrap;
padding:0 15px;
margin-bottom: 15px;
}
.contact-info-tabs-container .contact-info-tab{
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
padding-top: 9px;
justify-content: flex-start;
align-items: center;
align-content: center;
display: flex;
}
/* css for enterprise-front-page */
.wrapper-middle .container-fluid.enterprise {
background-color: #f5f5f5;
padding-bottom: 25px;
}
/* imones info blokas */
.logo-block-container.enterprise {
display: flex;
justify-content: center;
align-items: center;
background: #fff;
margin: 65px 0 8px 0;
border: 1px solid lightgrey;
border-radius: 3px;
}
.logo-block-container.enterprise .col-modifier {
display: flex;
justify-content: center;
align-items: center;
}
.logo-block {
border: 1px solid lightgrey;
width: auto;
height: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 30px;
}
.logo-block-container.enterprise .enterprise-logo {
width: auto;
height: 100%;
margin: 0 auto;
}
.enterprise-header {
text-transform: uppercase;
font-size: 50px;
}
/* end imones info blokas */
/* kontaktai blokas*/
.firm-info-block.firm-info-block-contact.enterprise {
height: auto;
border: 1px solid lightgrey;
border-radius: 3px;
}
.firm-info-block-contact.enterprise .info-title.info-title-contact {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.contact-info-tabs-container.enterprise {
align-items: flex-start;
}
.contact-info-tabs-container .contact-info-tab.enterprise {
justify-content: flex-start;
margin-top: 10px;
}
.contact-info-tabs-container .contact-info-tab.enterprise .contact-info-icon img {
width: 35px;
}
.contact-info-tabs-container .contact-info-tab.number-tab-enterprise,
.contact-info-tabs-container .contact-info-tab.mail-tab-enterprise {
justify-content: flex-start;
}
/* end kontaktai blokas */
/* ivykiu blokas */
.info-title.info-title-feeds {
display: flex;
justify-content: center;
font-size: 2.5em;
color: #fff;
align-items: center;
font-weight: 600;
height: 85px;
background: url(images/header-feeds.png) center;
background-repeat: no-repeat;
background-size: 100%;
border: 1px solid lightgrey;
border-radius: 3px;
margin-bottom: 3px;
}
ul.main-notifications-list.enterprise {
margin-right: 0;
}
ul.main-notifications-list.enterprise li {
border-radius: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
ul.main-notifications-list.enterprise .notif-avatar {
position: relative;
width: 54px;
height: 54px;
overflow: hidden;
border-radius: 50%;
margin: 5px;
}
ul.main-notifications-list.enterprise .notif-avatar img {
height: 100%;
width: auto;
margin: 0 auto;
}
ul.main-notifications-list.enterprise .notif-text-type {
margin-top: 6px;
}
.notify-comment-form.enterprise {
height: 40px;
padding: 7px;
border: 1px solid lightgrey;
border-top: none;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.notify-comment-form.enterprise + li .notif-text-desc {
font-size: 12px;
}
ul.main-notifications-list.enterprise .notify-comment-form.enterprise form {
justify-content: space-between;
}
ul.main-notifications-list.enterprise .notify-comment-form.enterprise form input:first-child {
width: 85%;
border: 1px solid lightgrey;
}
ul.main-notifications-list.enterprise .notify-comment-form.enterprise form input:last-child {
width: 13%;
}
/* end ivykiu blokas */
/* end css for enterprise-front-page */
.contact-info-tabs-container .contact-info-tab .contact-info-icon{
margin-right:10px;
line-height: 0.8;
}
.contact-info-tabs-container .contact-info-tab .contact-info-icon .material-icons{
font-size: 2.6em;
color: #806b94;
}
.contact-info-tabs-container .contact-info-tab .contact-info-text{
line-height:1.4;
font-size: 0.9em;
}
.info-block-container .location-container{
padding: 0 15px 15px 15px;
}
.info-block-container .location-container iframe{
width:100%;
height:177px;
}
#FOREIGN_NR{
margin-top: 10px;
}
/* new edvs */
input#WP_NAME{
color: #333!important;
}
.btn._jsonform-array-deleteitem{
background:url(images/remove-min.png) 0px center no-repeat, linear-gradient(to bottom, #fff 0%, #e0e0e0 100%) repeat-x!important;
}
.btn._jsonform-array-addmore{
background:url(images/add-min.png) 0px center no-repeat, linear-gradient(to bottom, #fff 0%, #e0e0e0 100%) repeat-x!important;
background-size:100%;
}
.btn._jsonform-array-addmore:active{
background-image:url('images/add-min.png') no-repeat center!important;
}
.btn._jsonform-array-deleteitem:active{
background-image:url('images/remove-min.png') no-repeat center!important;
}
.btn._jsonform-array-addmore:hover{
background-image:url('images/add-min.png') no-repeat center!important;
}
.btn._jsonform-array-deleteitem:hover{
background-image:url('images/remove-min.png') no-repeat center!important;
}
.btn._jsonform-array-addmore:hover, .btn._jsonform-array-deleteitem:hover,
.btn._jsonform-array-addmore:active, .btn._jsonform-array-deleteitem:active{
background-position:center!important;
box-shadow:none;
border:none;
outline:none;
}
.btn._jsonform-array-deleteitem>i, .btn._jsonform-array-addmore>i{
display:none!important;
}
/*new edvs brand */
.brand .brand-title{
text-align: left;
font-weight:600;
color:#465056;
font-size:14px;
margin-bottom:5px;
}
.brand .brand-select{
width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
padding-left:5px;
height:23px;
}
.brand .brand-select option{
max-width:229px;
width:100%;
text-overflow:ellipsis;
overflow:hidden;
}
.brand .btn-labeled{
height:23px;
margin-top:10px;
width:100%;
position:relative;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: top;
padding-right:10px;
padding-left:45px;
line-height:normal;
font-size: 14px;
font-weight: normal;
background:linear-gradient(to bottom, #fff 0%, #e0e0e0 100%) repeat-x;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-radius: 2px;
text-shadow: 0 1px 0 #fff;
color: #333;
border-color: #dbdbdb;
}
.brand .btn-labeled:hover{
z-index: 2;
background: #e0e0e0;
border-color: #adadad;
}
.brand .btn-label{
padding:0 5px;
color:green;
height:22px;
width:43px;
display:inline-flex;
justify-content: center;
top:0;
left:0;
border-radius: 3px 0 0 3px;
border-right:1px solid grey;
position:absolute;
}
.brand .btn-label .material-icons{
font-size:22px;
}
.brand option.selected {
width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.brand .brand-photo{
display:none;
}
.brand.with-photo .brand-photo{
display:block;
width:140px;
margin-right:5px;
margin-top:10px;
border-radius:50%;
height:30px;
}
.brand.with-photo .brand-photo img{
width:100%;
border-radius:50%;
height:auto;
}
.brand.with-photo{
width:100%;
max-width:299px;
display:inline-flex;
}
/* TITULINIS RESPONSIVE */
@media (min-width:310px) and (max-width:568px) {
#activeContentDiv.container-fluid {
padding-right: 8px;
padding-left: 8px;
}
/* statistikos blokas */
.firm-info-block .statistics-wrapper {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
height: auto;
}
.firm-info-block .statistics-wrapper .statistics-1 {
display: flex;
flex-direction: column;
align-items: center;
}
.firm-info-block .statistics-wrapper .statistics-1 > div,
.firm-info-block .statistics-wrapper .statistics-2 {
margin-top: 20px;
}
.firm-info-block .statistics-wrapper .statistics-1 > div p {
text-align: center;
}
.firm-info-block .statistics-wrapper .statistics-2 p {
margin: 5px 15px 15px;
line-height: 1.2;
}
.firm-info-block .statistics-wrapper .statistics-2 button {
width: auto;
padding: 10px 25px;
margin-bottom: 30px;
}
/* end statistikos blokas */
/* PLanai */
.info-block-container .plans-table-container {
flex-direction: column;
align-items: center;
}
.info-block-container .plans-table-container .table-1,
.info-block-container .plans-table-container .table-2,
.info-block-container .plans-table-container .table-3,
.info-block-container .plans-table-container .table-4,
.info-block-container .plans-table-container .table-5 {
width: 95%;
max-width: 95%;
margin-top: 15px;
}
.info-block-container .plans-table-container #plans-table-discription > td:first-child,
.info-block-container .plans-table-container .table-3 #plans-table-discription > td:nth-child(2) {
font-size: 18px;
}
.info-block-container .plans-table-container #plans-table-discription > td:last-child {
font-size: 11px;
}
.info-block-container .plans-table-container .plans-table-row {
flex-direction: row;
justify-content: space-around;
}
.info-block-container .plans-table-container table tr th.plans-table-head {
font-size: 26px;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:first-child,
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(5) {
font-size: 13px;
line-height: 2.5;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(2),
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(6) {
font-size: 36px;
line-height: 1.5;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(3),
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(7) {
font-size: 22px;
line-height: 2.5;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(4),
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(8) {
font-size: 10px;
margin-right: 10px;
}
.info-block-container .btn-labeled {
font-size: 17px;
}
/* .info-block-container .btn-labeled.btn-modified {
font-size: 19px;
}*/
.info-block-container .plans-table-container .plans-table-row td {
width: 40%;
line-height: 1.1;
}
.info-block-container .plans-table-container .table-3 {
top: 0;
}
.info-block-container .plans-table-container .plans-table-row td:nth-child(1),
.plans-table-container table.table-1 tr:nth-child(n+6):nth-child(-n+12) td:nth-child(1),
.plans-table-container table.table-2 tr:nth-child(6) td:nth-child(1),
.plans-table-container table.table-2 tr:nth-child(n+10):nth-child(-n+12) td:nth-child(1),
.plans-table-container table.table-3 tr:nth-child(n+9):nth-child(-n+12) td:nth-child(1),
.plans-table-container table.table-4 tr:nth-child(n+9):nth-child(-n+12) td:nth-child(1) {
font-size: 11px;
color: #333;
}
.firm-info-block.plan-block-container {
padding-bottom: 15px;
}
.firm-info-block.plan-block-container .info-title {
margin-bottom: 5px;
}
.info-block-container .plans-table-container .table-1 tr:nth-child(n+6):nth-child(-n+8) td:nth-child(1),
.info-block-container .plans-table-container .table-2 tr:nth-child(n+6):nth-child(-n+8) td:nth-child(1),
.info-block-container .plans-table-container .table-3 tr:nth-child(n+6):nth-child(-n+8) td:nth-child(1),
.info-block-container .plans-table-container .table-4 tr:nth-child(n+6):nth-child(-n+8) td:nth-child(1) {
text-decoration: underline;
cursor: pointer;
}
.info-block-container .plans-table-container .table-1 tr:nth-child(n+10):nth-child(-n+12) td:nth-child(1),
.info-block-container .plans-table-container .table-2 tr:nth-child(n+10):nth-child(-n+12) td:nth-child(1),
.info-block-container .plans-table-container .table-3 tr:nth-child(n+10):nth-child(-n+12) td:nth-child(1),
.info-block-container .plans-table-container .table-4 tr:nth-child(n+10):nth-child(-n+12) td:nth-child(1) {
text-decoration: underline;
cursor: pointer;
}
.info-block-container .plans-table-container .table-5 #plans-table-discription td:nth-child(2) {
padding: 3px 5px;
}
/* end PLanai */
/* apie mus ,kontaktai */
.firm-info-block-contact,
.firm-info-block-aboutus {
height: auto;
}
.contact-info-tabs-container {
flex-wrap: wrap;
justify-content: space-around;
margin-bottom: 0;
}
.contact-info-tabs-container .contact-info-tab {
width: auto;
margin-bottom: 10px;
}
#aboutus_about + .col-corection-1 {
padding-right: 0;
}
#aboutus_contact + .col-corection-2 {
padding-left: 0;
}
/* end apie mus ,kontaktai */
}
@media (min-width:310px) and (max-width:768px) {
/* titulinio headeris neprisijungus */
.header-content {
height: auto;
padding: 0 14px;
}
.header-content .header-menu {
margin-right: 15px;
}
header .header-menu .dropdown button {
margin: 16px 12px 0 0;
}
.notification-icon i.material-icons {
font-size: 30px;
}
.menu-icon-container > div {
width: 32px;
height: 5px;
}
#header-toolbox .xs-log-button {
margin-left: 13px;
}
#header-toolbox .xs-log-button i.material-icons {
font-size: 25px;
}
#header-toolbox i.material-icons.log-in {
font-size: 35px;
}
#language-changer .language-icon-text{
font-size: 18px;
margin-left: 10px;
}
.header-logo img.integr-logo {display: none;}
.header-logo img.logo-respo {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
max-width: 47px;
margin-right: auto;
margin-left: auto;
}
#user-block .user-name-spec {
display: none;
}
/* end titulinio headeris neprisijungus */
/* headeris prisijungus */
.header-content.resp {
height: 125px;
width: 100vw;
}
.nav-side-menu {
top: 125px;
}
.header-content .header-search-block.resp {
position: absolute;
top: 76px;
width: 95vw;
display: flex;
align-items: center;
gap: 5px;
}
#quickSearchForm {
flex: 1;
}
.header-content.resp .header-menu {
position: absolute;
top: 28px;
padding: 0 10px;
margin-right: 0;
}
.header-content.resp .logo-respo {
position: absolute;
top: 42px;
left: 75px;
}
.header-content.resp .dropdown-toggle {
margin-top: 0;
}
.header-content.resp .v-align-center * {
vertical-align: text-bottom;
}
.header-content.resp .v-align-center .user-arrow .material-icons {
vertical-align: super;
}
.header-search-block.resp input {
width: 99%;
height: 40px;
}
.header-content.resp .dropdown-block .arrow {
display: none;
}
.header-content.resp .dropdown-block .user-control-buttons .group {
font-size: 15px;
}
.header-content.resp .dropdown-block .user-control-buttons .group span {
width: 70%;
}
#notification-block .dropdown-block.resp {
position: fixed;
width: 100vw;
top: 124px;
left: 0;
}
#notification-block .dropdown-block.resp .popover-content #miniFeeds{
position: relative;
width: 100vw;
}
.notofications-list-block .notif-text {
font-size: 12px;
}
.notofications-list-block .notif-type img {
width: 50px;
}
.notofications-list-block .see-more-notif a {
font-size: 15px;
}
#notification-block .nav-arrow {
position: relative;
top: 10px;
left: 10px;
margin-bottom: 15px;
}
.dropdown-block.msg .nav-arrow {
position: relative;
top: 10px;
left: 10px;
margin-bottom: 40px;
}
.nav-arrow + .write-form-block {
font-size: 15px;
line-height: 1.3;
}
.nav-arrow + .write-form-block h5 {
font-size: 18px;
}
#miniDocs {
width: 100vw;
}
#header-toolbox > ul > li:nth-child(-n+2):hover {
transition: 0.3s;
background: grey;
}
/* end headeris prisijungus */
/* dropdown hamburger meniu */
header .header-menu ul.dropdown-menu li a {
padding: 10px 20px;
}
header .header-menu ul.dropdown-menu li a .material-icons {
font-size: 37px;
}
.header-menu .dropdown-closure {
color: #fff;
font-weight: 900;
}
.header-menu .dropdown-closure.in {
position: absolute;
top: 3px;
color: #fff;
font-weight: 900;
}
.background-cover-resp {
position: fixed;
width: 100%;
height: 110%;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.25);
z-index: 200;
overflow: hidden;
}
/* end dropdown hamburger meniu */
/* kairinis meniu */
.nav-side-menu .menu-list .menu-content {
display: block;
}
#left-side-meniu {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
#left-side-meniu + .nav-arrow {
position: absolute;
top: 135px;
left: 74vw;
z-index: 10;
}
/* end kairinis meniu */
#main-content-middle {
display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
}
#advertisement-block .left-side,
#main-content-middle #work-table + #advertisement-block {
position: inherit;
}
#main-content-middle #work-table + #advertisement-block,
#advertisement-block .left-side,
#advertisement-block .simple-block-container {
width: 100%;
max-width: 100%;
}
#advertisement-block .simple-block-info_buttons a {
min-height: inherit;
}
/* sukurti nauja ivyki popupas */
#flowNew .doc-popup-content {
width: 100%;
top: 132px;
border-radius: 6px;
}
.popup-bacground.resp {
top: 125px;
}
.doc-popup-content .popup-right-block {
padding-left: 0px !important;
}
.doc-desc-block.clearfix .container-desc-info {
margin-right: 0px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-right: 0;
}
.popup .popup-head {
border-radius: 6px;
}
ul.main-notifications-list.preview-part .user-added-feed {
width: 97%;
margin: 0 5px 5px 5px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border: 2px solid #f2f2f2;
}
.popup-middle-content,
.doc-content.clearfix {
margin-bottom: 3px;
}
/* end sukurti nauja ivyki popupas */
/* mano darbu saraso langas */
.list-pagination-top {
display: flex;
justify-content: space-between;
border-radius: 3px;
font-size: 12px;
}
.list-pagination-top > div {
width: initial;
}
.list-pagination-top img {
width: 20px;
margin-left: 10px;
}
.work-flow-show {
margin-bottom: 5px;
display: inline-block;
}
.work-flow-show .work-flow {
margin-left: 10px;
margin-bottom: 10px;
}
.work-flow-show .left-menu img {
float: left;
}
#body-block {
padding-left: 0;
}
#main-content-middle {
display: flex;
margin-top: 50px;
}
#work-table {
width: 100%;
}
#work-table table tr {
display: flex;
//flex-direction: column;
}
.main-content .fluid-control>table {
background-color: transparent;
}
#work-table table tr:nth-child(3n+1) {
display: flex;
flex-direction: row;
align-items: center;
font-size: 16px;
height: auto;
margin-top: 5px;
border: 1px solid lightgrey;
background: #fff;
}
#work-table table tr:nth-child(3n+1) th {
width: 100%;
}
#work-table table tr:nth-child(3n+2) {
border-top: none;
}
#work-table table tr:nth-child(3n+2) td:last-child {
margin-bottom: 5px;
}
#work-table .list-doc-type {
position: relative;
}
#work-table .list-doc-type i {
font-size: 19px;
vertical-align: text-top;
}
.task-status-td .work-table-item {
margin-left: 8px;
}
.sub-sytem-block {
display: none;
}
.work-flow-show,
.list-pagination-top {
margin-right: 0;
}
.main-content .fluid-control>table,
#work-table tbody tr td,
.custom-poover .popover-contents {
border: none;
}
#work-table tr td {
display: block;
word-break: break-all;
width: 16%;
}
.fluid-control > * {
margin-right: 0;
}
.main-content .fluid-control > table {
width: 100%;
}
.info_table #searchArchive {
display: flex;
flex-direction: row-reverse;
display: flex;
align-items: center;
flex-wrap: nowrap;
justify-content: flex-end;
}
.info_table #searchArchive .long{
width: 15px !important;
}
/* end mano darbu saraso langas */
/* dokumento kortele */
#docPopup .doc-popup-content.clearfix {
top: 132px!important;
border-radius: 6px;
width: 100%;
}
.popup .doc-popup-content.clearfix {
width: 100%;
}
.popup-button-action {
width: 100%;
}
.task-users-history {
max-width: 100vw;
overflow-x: auto;
}
.mutual-documents-container {
max-width: calc(100vw - 81px);
overflow-x: auto;
}
#work-table .form-top + .info_table {
display: flex;
flex-direction: column;
}
.popup-right-side-block .select-holder {
width: 100%;
}
.popup-right-side-block .select-holder select {
width: 100%!important;
}
#scannerOFF {
margin-left: 0;
}
div input[type="checkbox"], input[type="radio"] {
vertical-align: text-top;
}
/*#FOREIGN_NR {
margin: 2.5px 0 0px 5px;
}*/
/* end dokumento kortele */
/* kurti nauja imone popup */
.popup-bacground {
top: 125px;
}
.login-window.login-window-interprise {
width: 100%;
}
.popup .doc-popup-content.clearfix {
//top: 133px!important;
width: 100%;
border-radius: 3px;
}
.doc-popup-content .popup-right-block {
position: relative;
width: 98%;
left: 0;
float: left!important;
padding-left: 5px!important;
}
.doc-popup-content.new-edvs.clearfix {
top: 0!important;
}
.new-edvs legend {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
height: 60px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
padding-right: 80px;
}
.doc-desc-block + .popup-middle-left-block,
.doc-popup-content .doc-desc-block {
width: 97%;
margin-left: 5px;
margin-right: 5px;
}
/* end kurti nauja imone popup */
/* ivykiu langas */
.work-flow-show .work-flow.add-flow {
background-size: contain;
}
ul.main-notifications-list {
margin-right: 0;
}
.user-added-feed .avatar-notif-descripion {
display: flex;
}
ul.main-notifications-list .notifi-actions {
position: relative;
display: flex;
margin-top: 10px;
}
.avatar-notif-descripion + .notif-text-desc {
width: 100%;
margin: 10px 0;
}
.notif-text-desc img {
display: flex;
margin: 15px auto;
}
.notif-text-desc .text h3 {
margin: 0;
}
ul.main-notifications-list .avatar-notif-descripion {
display: flex;
}
ul.main-notifications-list .notifi-actions .notifi-actions-block a span .material-icons,
ul.main-notifications-list .notifi-actions .notifi-actions-block a .material-icons.like-icon {
font-size: 26px;
}
ul.main-notifications-list .notifi-actions .notifi-actions-block a {
margin-left: 13px;
}
.work-flow-show .nav-arrow {
float: left;
}
/* end ivykiu langas */
.settings-container{
width: 100% !important;
}
.card-inner-content{
flex-direction: column;
}
.card-inner-content .left-side{
/*width:100% !important;*/
margin-right: 0 !important;
}
.avatar-view{
width: 150px !important;
height: 150px !important;
margin-top: 0 !important;
}
.card-inner-content .right-side{
width:100% !important;
}
.user-info-block li{
display: block !important;
}
.user-info-block{
flex-direction: column;
}
.name-block{
text-align: center;
}
.settings-container .left-side button{
max-width: 200px;
}
tr#searchCreateDateFrom, tr#searchCreateDateTo, tr#searchRegisterDateFrom, tr#searchRegisterDateTo, tr#searchExpireDateFrom, tr#searchExpireDateTo, tr#searchProlongDateFrom, tr#searchProlongDateTo{
display:inline-flex !important;
flex-direction: column !important;
width: 46% !important;
margin:0px 5px !important;
}
tr#searchCreateDateFrom input, tr#searchCreateDateTo input, tr#searchRegisterDateFrom input, tr#searchRegisterDateTo input, tr#searchExpireDateFrom input, tr#searchExpireDateTo input, tr#searchProlongDateFrom input, tr#searchProlongDateTo input{
min-width: unset !important;
}
tr#searchCreateDateFrom td, tr#searchCreateDateTo td, tr#searchRegisterDateFrom td, tr#searchRegisterDateTo td, tr#searchExpireDateFrom td, tr#searchExpireDateTo td, tr#searchProlongDateFrom td, tr#searchProlongDateTo td{
margin:0 auto !important;
max-width: unset !important;
padding-top: 0;
}
#row_JOURNAL_ID table tr td:first-child {
width: calc(100% - 20px);
}
#row_JOURNAL_ID table tr td:nth-child(2) {
width: 20px;
}
#row_JOURNAL_ID table tr td:last-child {
width: auto;
}
}
@media (min-width:569px) and (max-width:768px) {
/* statistikos blokas */
.firm-info-block .statistics-wrapper {
flex-direction: column;
height: auto;
}
.statistics-wrapper .statistics-1 {
margin: 40px 15px;
}
.firm-info-block .statistics-wrapper .statistics-1 div img {
display: block;
width: 50%;
height: auto;
min-height: 1px;
}
.firm-info-block .statistics-wrapper .statistics-2 button {
margin-bottom: 30px;
}
/* end statistikos blokas */
/* PLanai */
.info-block-container .plans-table-container {
flex-direction: column;
align-items: center;
width: 60%;
}
.info-block-container .plans-table-container .table-1,
.info-block-container .plans-table-container .table-2,
.info-block-container .plans-table-container .table-3,
.info-block-container .plans-table-container .table-4,
.info-block-container .plans-table-container .table-5 {
width: 95%;
max-width: 95%;
margin-top: 15px;
}
.info-block-container .plans-table-container #plans-table-discription > td:first-child,
.info-block-container .plans-table-container .table-3 #plans-table-discription > td:nth-child(2) {
font-size: 18px;
}
.info-block-container .plans-table-container #plans-table-discription > td:last-child {
font-size: 11px;
}
.info-block-container .plans-table-container .plans-table-row {
flex-direction: row;
justify-content: space-around;
}
.info-block-container .plans-table-container table tr th.plans-table-head {
font-size: 26px;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:first-child,
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(5) {
font-size: 13px;
line-height: 2.5;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(2),
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(6) {
font-size: 36px;
line-height: 1.5;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(3),
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(7) {
font-size: 22px;
line-height: 2.5;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(4),
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(8) {
font-size: 10px;
margin-right: 10px;
}
.info-block-container .btn-labeled {
font-size: 17px;
}
/* .info-block-container .btn-labeled.btn-modified {
font-size: 19px;
}*/
.info-block-container .plans-table-container .plans-table-row td {
width: 40%;
line-height: 1.1;
}
.info-block-container .plans-table-container .table-3 {
top: 0;
}
.info-block-container .plans-table-container .plans-table-row td:nth-child(1),
.plans-table-container table.table-1 tr:nth-child(n+6):nth-child(-n+12) td:nth-child(1),
.plans-table-container table.table-2 tr:nth-child(6) td:nth-child(1),
.plans-table-container table.table-2 tr:nth-child(n+10):nth-child(-n+12) td:nth-child(1),
.plans-table-container table.table-3 tr:nth-child(n+9):nth-child(-n+12) td:nth-child(1),
.plans-table-container table.table-4 tr:nth-child(n+9):nth-child(-n+12) td:nth-child(1) {
font-size: 11px;
color: #333;
}
.firm-info-block.plan-block-container {
padding-bottom: 15px;
}
.firm-info-block.plan-block-container .info-title {
margin-bottom: 5px;
}
.info-block-container .plans-table-container .table-1 tr:nth-child(n+6):nth-child(-n+8) td:nth-child(1),
.info-block-container .plans-table-container .table-2 tr:nth-child(n+6):nth-child(-n+8) td:nth-child(1),
.info-block-container .plans-table-container .table-3 tr:nth-child(n+6):nth-child(-n+8) td:nth-child(1),
.info-block-container .plans-table-container .table-4 tr:nth-child(n+6):nth-child(-n+8) td:nth-child(1) {
text-decoration: underline;
cursor: pointer;
}
.info-block-container .plans-table-container .table-1 tr:nth-child(n+10):nth-child(-n+12) td:nth-child(1),
.info-block-container .plans-table-container .table-2 tr:nth-child(n+10):nth-child(-n+12) td:nth-child(1),
.info-block-container .plans-table-container .table-3 tr:nth-child(n+10):nth-child(-n+12) td:nth-child(1),
.info-block-container .plans-table-container .table-4 tr:nth-child(n+10):nth-child(-n+12) td:nth-child(1) {
text-decoration: underline;
cursor: pointer;
}
.info-block-container .plans-table-container .table-5 #plans-table-discription td:nth-child(2) {
padding: 3px 5px;
}
/* end PLanai */
/* apie mus ,kontaktai */
.firm-info-block-contact,
.firm-info-block-aboutus {
height: auto;
}
/* end apie mus ,kontaktai */
}
@media (min-width:769px) and (max-width:1024px){
/* statistikos blokas */
.firm-info-block .statistics-wrapper .statistics-1 div img {
max-width: 75px;
}
.statistics-wrapper .statistics-1 {
display: flex;
align-items: baseline;
}
.firm-info-block .statistics-wrapper .statistics-1 > div > div {
font-size: 2em;
}
.statistics-wrapper .statistics-1 .count-num + p {
text-align: center;
}
/* end statistikos blokas */
/* PLanai */
.firm-info-block.plan-block-container {
background: #f2f2f2;
border: none;
padding-bottom: 70px;
}
.firm-info-block.plan-block-container .info-title {
background: url(images/integrra-front-page-images/plan.jpg);
color: #fff;
}
.info-block-container .plans-table-container{
display: flex;
justify-content: center;
padding:25px 0px 20px 0px;
max-width:1400px;
margin:0 auto;
font-size: 10px;
}
.info-block-container .plans-table-container #plans-table tbody tr {
cursor: default;
height: 60px;
}
.info-block-container .plans-table-container #plans-table tbody tr:nth-child(2) {
height: auto;
cursor: default;
overflow: hidden;
}
.plans-table-container #plans-table.table-1 tr:nth-child(n+3):nth-child(-n+12) td,
.plans-table-container #plans-table.table-2 tr:nth-child(n+3):nth-child(-n+12) td,
.plans-table-container #plans-table.table-3 tr:nth-child(n+3):nth-child(-n+12) td,
.plans-table-container #plans-table.table-4 tr:nth-child(n+3):nth-child(-n+12) td {
display: flex;
justify-content: center;
align-items: center;
}
.info-block-container .plans-table-container table{
width:100%;
}
.info-block-container .plans-table-container table tr>td,
.info-block-container .plans-table-container table tr>th{
height: 100%;
text-align: center;
}
.info-block-container .plans-table-container table tr:last-child>td{
background:none;
}
.info-block-container .plans-table-container .table-0 {
position: relative;
width: 10%;
max-width: 10%;
margin: 4px;
border-collapse: separate;
table-layout: fixed;
}
.info-block-container .plans-table-container .table-0 tr {
display: flex;
flex-direction: column;
border: none;
height: 75px;
}
.info-block-container .plans-table-container .table-0 tr > td {
display: flex;
flex-direction: column;
justify-content: center;
font-size: 11px;
font-weight: 900;
text-align: right;
}
.info-block-container .plans-table-container .table-0 tr:nth-child(n+4):nth-child(-n+6) td {
text-decoration: underline;
cursor: pointer;
}
.info-block-container .plans-table-container .table-0 tr:nth-child(n+8):nth-child(-n+10) td {
text-decoration: underline;
cursor: pointer;
}
.info-block-container .plans-table-container .table-2 #plans-table-discription,
.info-block-container .plans-table-container .table-4 #plans-table-discription,
.info-block-container .plans-table-container .table-5 #plans-table-discription {
padding: 8px 6px 4px 6px;
}
.info-block-container .plans-table-container .table-3 {
position: relative;
/*top: -17px;*/
}
.info-block-container .plans-table-container .table-3 #plans-table-discription {
position: relative;
/*padding-top: 20px;*/
}
.info-block-container .plans-table-container .table-3 #plans-table-discription td:nth-child(3) {
font-size: 11px;
padding-bottom: 12px;
}
.info-block-container .plans-table-container .table-1,
.info-block-container .plans-table-container .table-2,
.info-block-container .plans-table-container .table-3,
.info-block-container .plans-table-container .table-4,
.info-block-container .plans-table-container .table-5 {
width: 19%;
max-width: 17%;
margin: 2px;
border-collapse: separate;
table-layout: fixed;
background-color: #fff;
}
.info-block-container .plans-table-container table tbody tr td a:hover {
text-decoration: none;
}
.plans-table-container table tr:not(:last-child) {
border-right: 1px solid lightgrey;
border-left:1px solid lightgrey;
border-bottom: 1px solid lightgrey;
}
.plans-table-container table#plans-table.table-3 .plans-table-head-cor {
border-top: 1px solid #ffbf14;
border-left: 1px solid #ffbf14;
border-right: 1px solid #ffbf14;
border-bottom: 2px solid #ffbf14;
}
.plans-table-container table#plans-table.table-3 tr:nth-last-child(2) {
border-bottom: 2px solid #ffbf14;
}
.plans-table-container table#plans-table.table-3 tr:nth-child(n+2):nth-child(-n+12) {
border-left: 2px solid #ffbf14;
border-right: 2px solid #ffbf14;
}
.plans-table-container table#plans-table.table-3 tr:last-child(2) td {
border-left: 2px solid #277bc1;
border-right: 2px solid #277bc1;
}
.plans-table-container table#plans-table.table-3 tr td#plans-table-discription {
border-left: 2px solid #ffbf14;
border-right: 2px solid #ffbf14;
border-top: 2px solid #ffbf14;
}
.plans-table-container table#plans-table.table-3 .plan-ribbon {
position: absolute;
width: 24px;
height: 5px;
background-color: #ffbf14;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
left: -8px;
top: 4px;
box-shadow: 0px 2px 3px rgba(0,0,0,.7);
}
.plans-table-container .table-1 tr:last-child td:last-child {
border-bottom: none;
}
.info-block-container .plans-table-container .table-0 tr th.plans-table-head {
border: none;
}
.info-block-container .plans-table-container .table-0 #plans-table-discription td {
color: transparent;
}
.info-block-container .plans-table-container table tr th.plans-table-head {
padding: 5px 0;
font-size: 20px;
color: #15368e;
border: 2px solid lightgrey;
letter-spacing: -1px;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor {
display: flex;
justify-content: center;
color: #15368e;
border: 2px solid lightgrey;
}
.info-block-container .plans-table-container table.table-3 tr.plans-table-head-cor td:nth-child(n+1):nth-child(-n+4) {
color: #ffbf14;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:first-child {
font-size: 11px;
color: green;
line-height: 2.5;
font-weight: 900;
color: #317a0d;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(2) {
font-size: 24px;
font-weight: 900;
line-height: 1.4;
color: #317a0d;
letter-spacing: -1px;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(3) {
font-size: 16px;
font-weight: 400;
line-height: 3;
color: #317a0d;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(4) {
width: 33px;
text-align: left;
line-height: 1;
vertical-align: middle;
font-size: 8px;
display: flex;
align-items: center;
padding-left: 4px;
color: #317a0d;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(5) {
font-size: 11px;
line-height: 3;
padding-left: 5px;
font-weight: 900;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(6) {
font-size: 16px;
font-weight: 900;
line-height: 2.5;
letter-spacing: -1px;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(7) {
font-size: 15px;
font-weight: 400;
line-height: 3;
padding-left: 2px;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor > td:nth-child(8) {
width: 24px;
font-size: 8px;
line-height: 1;
display: flex;
align-items: center;
padding-top: 0;
}
.info-block-container .plans-table-container #plans-table-discription {
display: flex;
flex-direction: column;
height: auto;
padding: 8px 0 4px 0;
background-color: #15368e;
color: #fff;
}
.info-block-container .plans-table-container #plans-table-discription > td:first-child,
.info-block-container .plans-table-container .table-3 #plans-table-discription > td:nth-child(2) {
margin: 0;
text-transform: uppercase;
font-size: 16px;
font-weight: 900;
}
.info-block-container .plans-table-container #plans-table-discription > td:last-child {
padding-bottom: 8px;
font-size: 12px;
}
.info-block-container .plans-table-container .plans-table-row {
display: flex;
flex-direction: column;
color: #15368e;
font-size: 12px;
font-weight: bolder;
}
/* Planأƒâ€¦أ‚آ³ mygtukai */
.info-block-container .btn-labeled {
display: inline-flex;
align-items: center;
width: 100%;
height: 75px;
padding: 0;
font-size: 14px;
font-weight: 900;
border: none;
color:#fff;
transition:0.3s ease-in-out;
}
.info-block-container .btn-label{
position: relative;
display: inline-flex;
left: 0;
height: 75px;
width: calc(100% - 77%);
padding: 5px 4px;
align-items: center;
justify-content: center;
margin-right: calc(100% - 87%);
border-right:1px solid #fff;
transition:0.3s ease-in-out;
background: none;
}
.plans-table-container .table-1 .btn-label {
margin-right: calc(100% - 90%);
}
/* .info-block-container .btn-labeled.btn-modified,
.info-block-container .btn-labeled.btn-modified .btn-label {
height: 60px;
}
.info-block-container .btn-labeled.btn-modified {
font-size: 17px;
}
.info-block-container .btn-labeled.btn-modified .btn-label {
margin-right: calc(100% - 92%);
}
.info-block-container .btn-labeled.btn-modified .btn-label .material-icons {
font-size: 30px;*/
}
.info-block-container .plans-table-container .btn-labeled.btn-register {
background-color: #15368e;
}
.info-block-container .plans-table-container .btn-labeled.btn-register:hover,
.info-block-container .plans-table-container .btn-labeled.btn-register:focus,
.info-block-container .plans-table-container .btn-labeled.btn-register:active {
background-color: #102b71;
}
.info-block-container .plans-table-container .btn-labeled.btn-order,
.info-block-container .plans-table-container .btn-labeled.btn-contact {
background-color: #317a0d;
}
.info-block-container .plans-table-container .btn-labeled.btn-order:hover,
.info-block-container .plans-table-container .btn-labeled.btn-order:focus,
.info-block-container .plans-table-container .btn-labeled.btn-order:active,
.info-block-container .plans-table-container .btn-labeled.btn-contact:hover,
.info-block-container .plans-table-container .btn-labeled.btn-contact:focus,
.info-block-container .plans-table-container .btn-labeled.btn-contact:active {
background-color: #276508;
}
.info-block-container .plans-table-container .btn-labeled.btn-modified {
background-color: #ffbf14;
}
.info-block-container .plans-table-container .btn-labeled.btn-modified:hover,
.info-block-container .plans-table-container .btn-labeled.btn-modified:focus,
.info-block-container .plans-table-container .btn-labeled.btn-modified:active {
background-color: #ecae05;
}
/* end Planأƒâ€¦أ‚آ³ mygtukai */
/* end PLanai */
/* apie mus blokas */
.info-block-container .text {
font-size: 12px;
line-height: 1.4;
padding: 5px 15px;
}
.info-block-container .text p {
margin-bottom: 8px;
}
/* end apie mus blokas */
/* kontaktu blokas */
.contact-info-tabs-container .contact-info-tab .contact-info-text {
line-height: 1.4;
font-size: 12px;
}
.info-block-container .location-container iframe {
height: 177px;
}
/* end kontaktu blokas */
}
@media (min-width:1025px) and (max-width:1260px){
/* planu blokas */
.info-block-container .plans-table-container .table-1,
.info-block-container .plans-table-container .table-2,
.info-block-container .plans-table-container .table-3,
.info-block-container .plans-table-container .table-4,
.info-block-container .plans-table-container .table-5 {
margin: 1px;
}
.info-block-container .plans-table-container #plans-table-discription > td:last-child {
font-size: 11px;
}
.info-block-container .plans-table-container .table-0 #plans-table-discription {
height: auto;
padding: 8px 4px 4px 4px;
}
.info-block-container .plans-table-container .table-2 #plans-table-discription,
.info-block-container .plans-table-container .table-4 #plans-table-discription,
.info-block-container .plans-table-container .table-5 #plans-table-discription {
padding: 8px 4px 4px 4px;
}
/* end planu blokas */
/* statistikos blokas */
.firm-info-block .statistics-wrapper .statistics-1 div img {
max-width: 75px;
}
.statistics-wrapper .statistics-1 {
display: flex;
align-items: baseline;
}
.firm-info-block .statistics-wrapper .statistics-1 > div > div {
font-size: 2em;
}
.statistics-wrapper .statistics-1 .count-num + p {
text-align: center;
}
/* end statistikos blokas */
/* apie mus blokas */
.info-block-container .text {
padding-top: 10px;
}
/* end apie mus blokas */
/* kontaktu blokas */
.firm-info-block.plan-block-container + .row .contact-info-icon {
margin-right: 5px;
}
.firm-info-block.plan-block-container + .row .contact-info-icon .material-icons {
font-size: 2em;
}
.firm-info-block.plan-block-container + .row .contact-info-text {
font-size: 0.8em;
}
.firm-info-block.plan-block-container + .row .location-container iframe {
height: 202px;
}
/* end kontaktu blokas */
}
@media (min-width: 1400px) {
/* PLanai */
.firm-info-block.plan-block-container {
background: #f2f2f2;
border: 1px solid lightgrey;
padding-bottom: 70px;
}
.firm-info-block.plan-block-container .info-title {
background: url(images/integrra-front-page-images/plan.jpg);
color: #fff;
}
.info-block-container .plans-table-container{
display: flex;
justify-content: center;
padding:25px 0px 20px 0px;
max-width:1400px;
margin:0 auto;
font-size: 10px;
}
.info-block-container .plans-table-container #plans-table tbody tr {
cursor: default;
height: 60px;
}
.info-block-container .plans-table-container #plans-table tbody tr:nth-child(2) {
height: auto;
cursor: default;
overflow: hidden;
}
.plans-table-container #plans-table.table-1 tr:nth-child(n+3):nth-child(-n+12) td,
.plans-table-container #plans-table.table-2 tr:nth-child(n+3):nth-child(-n+12) td,
.plans-table-container #plans-table.table-3 tr:nth-child(n+3):nth-child(-n+12) td,
.plans-table-container #plans-table.table-4 tr:nth-child(n+3):nth-child(-n+12) td {
display: flex;
justify-content: center;
align-items: center;
}
.info-block-container .plans-table-container table{
width:100%;
}
.info-block-container .plans-table-container table tr>td,
.info-block-container .plans-table-container table tr>th{
height: 100%;
text-align: center;
}
.info-block-container .plans-table-container table tr:last-child>td{
background:none;
}
.info-block-container .plans-table-container .table-0 tr th.plans-table-head {
border: none;
}
.info-block-container #plans-table.plans-table-container .table-0 tr {
background-color: transparent;
}
.info-block-container .plans-table-container .table-0 #plans-table-discription td {
color: transparent;
}
.info-block-container .plans-table-container .table-0 tr > td {
display: block;
}
.info-block-container .plans-table-container .table-0 tr#plans-table-discription {
height: 80px;
}
.info-block-container .plans-table-container .table-0 {
position: relative;
width: 10%;
max-width: 10%;
margin: 4px;
border-collapse: separate;
table-layout: fixed;
}
.info-block-container .plans-table-container .table-0 tr {
display: flex;
flex-direction: column;
border: none;
height: 60px;
}
.info-block-container .plans-table-container .table-0 tr > td {
display: flex;
flex-direction: column;
justify-content: center;
font-size: 11px;
font-weight: 900;
text-align: right;
}
.info-block-container .plans-table-container .table-0 tr:nth-child(n+4):nth-child(-n+6) td {
text-decoration: underline;
cursor: pointer;
}
.info-block-container .plans-table-container .table-0 tr:nth-child(n+8):nth-child(-n+10) td {
text-decoration: underline;
cursor: pointer;
}
.info-block-container .plans-table-container .table-2 #plans-table-discription,
.info-block-container .plans-table-container .table-4 #plans-table-discription,
.info-block-container .plans-table-container .table-5 #plans-table-discription {
padding: 8px 6px 4px 6px;
}
.info-block-container .plans-table-container .table-3 {
position: relative;
/*top: -17px;*/
}
.info-block-container .plans-table-container .table-3 #plans-table-discription {
/*padding-top: 20px;*/
position: relative;
}
.info-block-container .plans-table-container .table-1,
.info-block-container .plans-table-container .table-2,
.info-block-container .plans-table-container .table-3,
.info-block-container .plans-table-container .table-4,
.info-block-container .plans-table-container .table-5 {
width: 19%;
max-width: 17%;
margin: 2px;
border-collapse: separate;
table-layout: fixed;
background-color: #fff;
}
.info-block-container .plans-table-container table tbody tr td a:hover {
text-decoration: none;
}
.plans-table-container table tr:not(:last-child) {
border-right: 1px solid lightgrey;
border-left:1px solid lightgrey;
border-bottom: 1px solid lightgrey;
}
.plans-table-container table#plans-table.table-3 .plans-table-head-cor {
border-top: 1px solid #ffbf14;
border-left: 1px solid #ffbf14;
border-right: 1px solid #ffbf14;
border-bottom: 2px solid #ffbf14;
}
.plans-table-container table#plans-table.table-3 tr:nth-last-child(2) {
border-bottom: 2px solid #ffbf14;
}
.plans-table-container table#plans-table.table-3 tr:nth-child(n+2):nth-child(-n+12) {
border-left: 2px solid #ffbf14;
border-right: 2px solid #ffbf14;
}
.plans-table-container table#plans-table.table-3 tr:last-child(2) td {
border-left: 2px solid #277bc1;
border-right: 2px solid #277bc1;
}
.plans-table-container table#plans-table.table-3 tr td#plans-table-discription {
border-left: 2px solid #ffbf14;
border-right: 2px solid #ffbf14;
border-top: 2px solid #ffbf14;
}
.plans-table-container table#plans-table.table-3 .plan-ribbon {
position: absolute;
width: 24px;
height: 5px;
background-color: #ffbf14;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
left: -8px;
top: 4px;
box-shadow: 0px 2px 3px rgba(0,0,0,.7);
}
.plans-table-container .table-1 tr:last-child td:last-child {
border-bottom: none;
}
.info-block-container .plans-table-container table tr th.plans-table-head {
padding: 5px 0;
font-size: 26px;
color: #15368e;
border: 2px solid lightgrey;
letter-spacing: -1px;
}
.info-block-container .plans-table-container table tr.plans-table-head-cor {
display: flex;
justify-content: center;
color: #15368e;
border: 2px solid lightgrey;
}
.info-block-container .plans-table-container table.table-3 tr.plans-table-head-cor td:nth-child(n+1):nth-child(-n+4) {
color: #ffbf14;
}
.info-block-container .plans-table-container .table-0 #plans-table-discription {
padding-bottom: 10px;
}
.info-block-container .plans-table-container #plans-table-discription {
display: flex;
flex-direction: column;
height: auto;
padding: 8px 0 4px 0;
background-color: #15368e;
color: #fff;
}
.info-block-container .plans-table-container #plans-table-discription > td:first-child,
.info-block-container .plans-table-container .table-3 #plans-table-discription > td:nth-child(2) {
display: flex;
justify-content: center;
margin: 0;
text-transform: uppercase;
font-size: 20px;
font-weight: 900;
}
.info-block-container .plans-table-container #plans-table-discription > td:last-child {
padding-bottom: 8px;
font-size: 12px;
}
.info-block-container .plans-table-container .plans-table-row {
display: flex;
flex-direction: column;
color: #15368e;
font-size: 12px;
font-weight: bolder;
}
/* Planأƒâ€¦أ‚آ³ mygtukai */
.info-block-container .btn-labeled {
display: inline-flex;
align-items: center;
width: 100%;
height: 75px;
padding: 0;
font-size: 14px;
font-weight: 900;
border: none;
color:#fff;
transition:0.3s ease-in-out;
}
.info-block-container .btn-label{
position: relative;
display: inline-flex;
flex-basis: 25%;
float: left;
left: 0;
height: 75px;
width: calc(100% - 77%);
padding: 5px 4px;
align-items: center;
justify-content: center;
border-right:1px solid #fff;
transition:0.3s ease-in-out;
background: none;
}
/* .info-block-container .btn-labeled.btn-modified,
.info-block-container .btn-labeled.btn-modified .btn-label {
height: 60px;
}
.info-block-container .btn-labeled.btn-modified {
font-size: 18px;
}*/
.info-block-container .btn-labeled.btn-modified .btn-label {
/*margin-right: calc(100% - 87%);*/
/*flex-basis: 25%;*/
}
.info-block-container .btn-labeled.btn-modified .btn-label .material-icons {
/*font-size: 30px;*/
}
.info-block-container .plans-table-container .btn-labeled.btn-register {
background-color: #15368e;
}
.info-block-container .plans-table-container .btn-labeled.btn-register:hover,
.info-block-container .plans-table-container .btn-labeled.btn-register:focus,
.info-block-container .plans-table-container .btn-labeled.btn-register:active {
background-color: #102b71;
}
.info-block-container .plans-table-container .btn-labeled.btn-order,
.info-block-container .plans-table-container .btn-labeled.btn-contact {
background-color: #317a0d;
}
.info-block-container .plans-table-container .btn-labeled.btn-order:hover,
.info-block-container .plans-table-container .btn-labeled.btn-order:focus,
.info-block-container .plans-table-container .btn-labeled.btn-order:active,
.info-block-container .plans-table-container .btn-labeled.btn-contact:hover,
.info-block-container .plans-table-container .btn-labeled.btn-contact:focus,
.info-block-container .plans-table-container .btn-labeled.btn-contact:active {
background-color: #276508;
}
.info-block-container .plans-table-container .btn-labeled.btn-modified {
background-color: #ffbf14;
}
.info-block-container .plans-table-container .btn-labeled.btn-modified:hover,
.info-block-container .plans-table-container .btn-labeled.btn-modified:focus,
.info-block-container .plans-table-container .btn-labeled.btn-modified:active {
background-color: #ecae05;
}
/* end Planأƒâ€¦أ‚آ³ mygtukai */
}
/* end PLanai */
/* end TITULINIS RESPONSIVE */
/* 'KURTI NAUJأƒâ€أ¢â‚¬إ¾ أƒâ€أ‚آ®MONأƒâ€أ‹إ“' popupo css */
/* nauji stiliai 'Kurti naujأƒâ€أ¢â‚¬آ¦ أƒâ€أ‚آ¯monأƒâ€أ¢â€آ¢' popupui */
.login-window.login-window-interprise {
min-height: 160px;
}
.material-icons.material-icons-plus {
font-size: 18px;
color: #fff;
margin-right: 5px;
float: left;
}
.tab-pane input[type="text"],
.tab-pane input[type="email"],
.tab-pane select {
padding: 3px 6px;
}
/* END nauji stiliai 'Kurti naujأƒâ€أ¢â‚¬آ¦ أƒâ€أ‚آ¯monأƒâ€أ¢â€آ¢' popupui */
/* popupo stiliai iأƒâ€¦أ‚آ، login-style.css */
.background-cover-popup {
position: fixed;
width: 100%;
height: 110%;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.25);
z-index: 9999;
}
.login-window {
position: fixed;
top: 28px;
left: 50%;
height: auto;
width: 100%;
z-index: 120;
max-height: calc(100vh - 60px);
overflow: auto;
box-shadow: 0 3px 6px rgb(0 0 0 / 35%);
border-radius: 34px;
background-color: #ffffff;
padding: 15px;
max-width: 513.75px;
transform: translate(-50%, 0);
}
.login-window .close-popup {
display: inline-block;
float: right;
height: 23px;
font-size: 12px;
vertical-align: middle;
cursor: pointer;
}
.login-window .close-popup > * {
font-size: 20px !important;
margin-top: 3px;
margin-right: 1px;
}
.form-wrapper {
margin-top: 30px;
position: relative;
}
.form-wrapper .info-input,
.form-wrapper .info-input-radio {
margin: 10px 15px;
}
.form-wrapper .info-input label {
color: #676767;
font-size: 14px;
font-weight: 700;
margin-left: 16px;
margin-bottom: 6px;
}
.form-wrapper .info-input input {
border: 2px solid #bfbfbf;
background-color: #ffffff;
width: 100%;
height: 41.25px;
color: #000;
font-size: 16px;
font-weight: 400;
border-radius: 34px;
padding: 4.5px 19.5px;
}
.emptySpace {
border: 1px solid red !important;
border-bottom: 1px solid red !important;
border-top: 1px solid red !important;
}
.submit-button-block {
margin-top: 10px;
margin-bottom: 15px;
margin-left: 15px;
margin-right: 15px;
}
.submit-button-block .submit-button {
background-color: var(--integrra-green);
color: #fff;
font-size: 15px;
font-weight: 700;
display: block;
width: 100%;
border-radius: 100px;
padding: 7px;
word-break: normal;
margin: 18.25px 0 0 0;
border: 0;
min-height: 41.25px;
display: flex;
align-items: center;
justify-content: center;
}
.submit-button-block .submit-button:hover {
background: var(--integrra-green-hover);
}
/* END popupo stiliai iأƒâ€¦أ‚آ، login-style.css */
/* END 'KURTI NAUJأƒâ€أ¢â‚¬إ¾ أƒâ€أ‚آ®MONأƒâ€أ‹إ“' popupo css */
/* USER SETTINGS POPUP */
/* css for main user settings window */
#main-content-middle {
width: 100%;
}
.settings-container {
box-shadow: 0 3px 6px rgb(0 0 0 / 35%);
border-radius: 34px;
background-color: #ffffff;
padding: 15px;
margin-right: 270px;
}
.first-line-main-usr {
display: flex;
justify-content: flex-end;
}
.first-line-text {
padding-left: 15px;
font-size: 16px;
font-weight: 600;
}
.first-line-main-usr .material-icons-cor {
font-size: 20px;
}
.card-inner-content {
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 30px 0;
}
.card-inner-content .left-side {
display: flex;
flex-direction: column;
align-items: center;
/*width: 30%;*/
width: auto;
margin-right: 30px;
}
.card-inner-content .left-side .avatar-view {
margin-bottom: 20px;
border-radius: 50%;
}
.card-inner-content-img {
width: 45%;
height: auto;
border: 1px solid lightgray;
margin-bottom: 25px;
}
/* button */
.btn.btn-settings {
color: #000000;
font-size: 13px;
font-weight: 400;
vertical-align: middle;
max-height: 28px;
height: 28px;
border: 0;
background: white;
border-radius: 100px;
cursor: pointer;
margin: 4px 5px;
box-sizing: border-box;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
padding: 0 10px 0 10px;
line-height: 1;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
transition: 0.3s;
position: relative;
}
.btn.btn-settings:focus {
outline: none;
}
.btn.btn-settings:hover {
background-color: #ebebeb;
}
.btn.btn-settings:last-child {
margin-bottom: 15px;
}
button .btn-settings-label i {
font-size: 13px;
margin-right: 4px;
float: left;
}
.material-icons-picture {
font-size: 18px;
color: #3d8f1a;
}
/* end button */
.card-inner-content .right-side {
width: 40%;
}
.name-block .name {
font-size: 22px;
font-weight: 600;
margin-bottom: 5px;
}
.name-block .position {
font-size: 12px;
}
.user-info-block {
display: flex;
}
.user-info-list {
list-style-type: none;
padding-left: 0;
margin: 30px 15px 0 0;
}
.user-info-list .user-info-list-item {
font-size: 12px;
display: flex;
margin-bottom: 10px;
word-break: break-word;
}
.user-info-list .list-material-icons {
margin-right: 10px;
font-size: 20px;
max-width: 20px;
}
@media (min-width: 1690px) {
#main-content-middle {
width: 100%;
}
.settings-container {
/*width: 64%; */
margin-right: 592px;
}
}
/* end css for main user settings window */
.first-line-usr {
display: flex;
justify-content: flex-start;
}
.container-fluid.user-settings,
.container-fluid.change-password,
.container-fluid.email-settings {
position: fixed;
top: 50%;
left: 50%;
height: 450px;
padding: 10px;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
border-radius: 5px;
width: 770px;
z-index: 120;
background-color: #fff;
font-size: 14px;
}
.left-side-wrap .inputs-container {
height: 340px;
border: 1px solid lightgrey;
padding: 20px 20px 25px 20px;
margin-top: 15px;
border-radius: 3px;
overflow-y: auto;
}
.inputs-container.checkbox-container {
height: 340px;
overflow-y: auto;
padding-bottom: 10px;
}
.container-fluid.user-settings .close-popup .material-icons,
.container-fluid.change-password .close-popup .material-icons,
.container-fluid.email-settings .close-popup .material-icons {
position: absolute;
top: -4px;
right: -5px;
font-size: 20px !important;
color: #333;
cursor: pointer;
}
.left-side-wrap .settings-nav {
display: flex;
justify-content: space-between;
width: 100%;
}
.left-side-wrap .settings-nav > div a {
font-weight: 600;
color: #333;
text-decoration: none;
}
.left-side-wrap .settings-nav > div a:visited,
.left-side-wrap .settings-nav > div a:hover,
.left-side-wrap .settings-nav > div a:active {
color: #333;
}
.left-side-wrap .settings-nav-btn {
width: 32%;
text-align: center;
background: #e1e1e1;
padding: 3px 12px;
border-radius: 3px;
}
.left-side-wrap .settings-nav-btn.active-tab {
border: 1px solid lightgrey;
background: #fff;
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.left-side-wrap .settings-nav-btn.personalSettingsBtn.active-tab:after {
content: "";
position: absolute;
height: 20px;
width: 32%;
left: 0;
top: 23px;
border-left: 1px solid lightgrey;
border-right: 1px solid lightgrey;
background: #fff;
z-index: 2;
}
.left-side-wrap .settings-nav-btn.changePasswordBtn.active-tab:after {
content: "";
position: absolute;
height: 20px;
width: 32%;
left: 191px;
top: 23px;
border-left: 1px solid lightgrey;
border-right: 1px solid lightgrey;
background: #fff;
z-index: 2;
}
.left-side-wrap .settings-nav-btn.emailSettingsBtn.active-tab:after {
content: "";
position: absolute;
height: 20px;
width: 32%;
right: 0px;
top: 23px;
border-left: 1px solid lightgrey;
border-right: 1px solid lightgrey;
background: #fff;
z-index: 2;
}
.left-side-wrap .input-row {
display: flex;
}
#personalSettingsForm .input-row,
#changePasswordForm .input-row {
flex-direction: column;
margin-bottom: 7px;
}
.left-side-wrap .input-row-mod {
width: 100%;
padding: 10px 30px 10px 0;
}
.left-side-wrap .input-row .input-wrap {
width: 50%;
padding: 10px 30px 10px 0;
}
.inputs-container .input-row input {
width: 100%;
height: 30px;
}
#changePasswordForm .inputs-container .input-row:last-child {
display: flex;
justify-content: flex-end;
}
.input-wrap.checkbox-block .icheckbox_minimal {
min-width: 20px;
}
.inputs-container .input-row.list-label > p {
font-weight: 600;
}
.inputs-container .input-row select {
width: 95%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-left: 4px;
}
.inputs-container .input-row .checkbox-heading {
background: lightgrey;
width: 95%;
border-radius: 3px;
padding: 4px 11px;
font-weight: 600;
margin-top: 17px;
}
.inputs-container .input-row .input-wrap.checkbox-block {
display: flex;
}
.inputs-container .input-row .input-wrap.checkbox-block > label {
padding-left: 7px;
line-height: 1.3;
font-weight: 400;
}
.left-side-wrap .input-row .input-wrap .gender-radio-wrap {
display: flex;
align-items: center;
}
.left-side-wrap .input-row .input-wrap .gender-radio-wrap > input {
width: 4%;
}
.left-side-wrap .input-row .input-wrap .gender-radio-wrap > span {
padding: 0 33px 0 10px;
}
.personalSettingsForm .input-wrap label:after,
.personalSettingsForm .input-row-mod label:after,
.changePasswordForm .input-wrap label:after {
content: "*";
color: red;
}
.personalSettingsForm .input-row:last-child .input-wrap:last-child label:after {
content: "";
}
.col-lg-3.col-mod {
padding-right: 0;
}
.actions-block {
width: 100%;
height: 100%;
box-shadow: 0 3px 6px rgb(0 0 0 / 35%);
border-radius: 34px;
background-color: #ffffff;
padding: 15px;
}
.action-header {
padding: 5px 5px 5px 13px;
font-size: 14px;
font-weight: 600;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.material-icons-save {
color: #3d8f1a; /* green */
}
.material-icons-delete {
color: #c81d23;
font-size: 18px;
}
a.yt-ad img{
width:100%;
height: auto;
padding:30px 0px;
}
a.yt-ad span{
font-size:18px !important;
}
#print{
background: url('../../css/integrra/images/print.png') no-repeat;
background-size: 20px;
background-position: center center;
width:30px;
padding: 0;
margin-right: 0;
color: transparent;
}
#export_xls{
background: url('../../css/integrra/images/export_xls_new.png') no-repeat;
background-size: 15px;
background-position: center center;
padding: 6px 0 5px 0;
margin-right: 0;
color: transparent;
font-size: 0;
width: 30px;
}
#allJobs, #allFeeds{
background-image: url('../../css/integrra/images/icons/list2.png');
background-size: 19px;
background-position: 12px center;
background-repeat: no-repeat;
}
#myFollowed{
background-image: url('../../css/integrra/images/icons/eye.png');
background-size: 20px;
background-position: 12px center;
background-repeat: no-repeat;
}
#myJobs, #myFeeds, #dhstasklistreport {
background-image: url('../../css/integrra/images/icons/list.png');
background-size: 22px;
background-position: 12px center;
background-repeat: no-repeat;
}
#search-simple{
background-image: url('../../css/integrra/images/search.png');
background-size: 20px;
background-position: 12px center;
background-repeat: no-repeat;
}
#search-advanced{
background-image: url('../../css/integrra/images/search-adv.png');
background-size: 20px;
background-position: 12px center;
background-repeat: no-repeat;
}
#search-history{
background-image: url('../../css/integrra/images/search2.png');
background-size: 20px;
background-position: 12px center;
background-repeat: no-repeat;
}
#searchResults, #myCreated{
background-image: url('../../css/integrra/images/icons/list3.png');
background-size: 21px;
background-position: 12px center;
background-repeat: no-repeat;
}
#correctSearchResults{
background-image: url('../../css/integrra/images/icons/edit.png');
background-size: 18px;
background-position: 12px center;
background-repeat: no-repeat;
}
#createNewFeed{
background-image: url('../../css/integrra/images/icons/edit_blue.png');
background-size: 18px;
background-position: 12px center;
background-repeat: no-repeat;
}
#lastSearchResults{
background-image: url('../../css/integrra/images/icons/search_pic.png');
background-size: 20px;
background-position: 12px center;
background-repeat: no-repeat;
}
#saveToQuick{
background-image: url('../../css/integrra/images/icons/checklist.png');
background-size: 20px;
background-position: 12px center;
background-repeat: no-repeat;
}
@media (max-width: 450px) {
#header-toolbox > ul > li.selected-plan-block{
display:none;
}
a#natural-person, a#legal-person, div.upload_input_spinner #wrapper a{
font-size:10px;
width:110px;
}
a#natural-person .material-icons, a#legal-person .material-icons, div.upload_input_spinner #wrapper a .material-icons{
font-size:16px;
width:30px;
}
ul.main-notifications-list li {
font-size: 12px;
}
}
/* END USER SETTINGS POPUP */
/*ENTERPRISE SETTINGS POPUPS*/
.select_admin_actions_juornal select {
width: 97px;
}
@media (min-width:310px) and (max-width:768px) {
#work-table table tr.table-doc-nr, #work-table table tr.table-doc-content {
padding: 15px;
}
.task-status-text {
max-width: none;
}
.attached-files i {
font-size: 19px;
}
#work-table table {
word-break: break-word;
}
#work-table table tr td, #work-table table tr th {
word-break: break-word;
font-size: 10px;
width: 100%;
}
.col-lg-3.col-cor {
padding-top: 15px;
}
td.long {
width: 100%;
}
#work-table table tr.table-doc-nr td:first-child {
width: auto;
}
#work-table table tr.table-doc-nr td, #work-table table tr.table-doc-nr span{
font-size: 14px;
}
#work-table table tr.table-doc-content td {
font-size: 14px;
display: flex;
padding-bottom: 10px;
}
#work-table table tr.table-doc-content td.task-status-td .custom-poover {
width: auto;
float: none;
}
#work-table table tr.table-doc-content td b {
width: 85px;
text-transform: capitalize;
}
#work-table table tr.table-doc-content td .task-status-text {
flex: 1
}
#work-table table tr.table-doc-content>td.task-status-td>span {
vertical-align: middle;
}
.fluid-control tbody tr td span {
margin: 0;
}
#work-table table tr td span.task-status-icon {
margin: 0 0 0 auto;
}
}
/*@media screen and (min-width:570px) {
#work-table table tr td, #work-table table tr th {
font-size: 14px;
}
}
*/
@media screen and (max-width:768px) {
#work-table table tr:nth-child(3n+1) {
font-size: 14px;
}
#work-table table tr:nth-child(4) {
font-size: 13px;
}
#work-table table {
padding-left: 5px;
padding-right: 2%;
}
#work-table table tr {
flex-wrap: wrap;
width: 100%;
}
#work-table table tr > th.short, #work-table table tr td.long {
width: 100%;
flex-direction: column;
}
.work-flow-show {
text-align: left;
}
#advertisement-block {
float: inherit;
}
}
@media (min-width:310px) and (max-width:768px) {
#work-table tr td {
width: 100%;
}
#work-table table#system-info-table-wrapper td.long {
width: 100%;
}
#work-table table#system-info-table-wrapper table#system-info-table-content tr td,
#work-table table#system-info-table-wrapper table#system-info-table-content tr th {
width: 20%;
text-align: left;
}
}
.popup-middle-left-block div.task-status a, .popup-middle-left-block div.task-status a:hover {
color: #23527c;
cursor: default;
}
a.material-registered, a.material-registered i{
cursor:default;
}
.work-flow-show a.active-flow{
background-color: #f2f2f2;
}
.work-flow-show a:active{
box-shadow: inset 0px 0px 6px 2px lightgrey;
}
#headjobs, #headJobs, #edelivery, #dhsdocreceiverorgnodereport, #dhsdocpeoplereport, #dhsdocjournalreport, #dhstaskorgnodereport, #dhstaskpeoplereport, #dhstaskscenarioreport {
background-size: 22px;
background-position: 12px center;
background-repeat: no-repeat;
}
#headjobs {
background-size: 20px;
background-image: url('../../css/integrra/images/icons/subordinate-jobs.png');
}
#headjobs i.material-icons.manage-worker-icon {
position: relative;
font-size: 20px;
color: #444;
}
#manageWorkerContainerHref {
display: flex;
align-items: center;
}
#edelivery {
background-image: url('../../css/integrra/images/icons/e-delivery.png');
}
#dhsdocreceiverorgnodereport, #dhstaskorgnodereport {
background-image: url('../../css/integrra/images/icons/unit.png');
}
#dhsdocpeoplereport, #dhstaskpeoplereport {
background-image: url('../../css/integrra/images/icons/person.png');
}
#dhsdocjournalreport {
background-image: url('../../css/integrra/images/icons/register.png');
}
#dhstaskscenarioreport {
background-image: url('../../css/integrra/images/icons/type.png');
}
.work-flow-show a#manageWorkerHref {
padding: 2.5px 20px;
}
.work-flow-show select#EMPLOYER_ID {
height: 20px;
top: -1px;
}
.selectAndInput td{
padding-right: 8px;
min-width: 150px;
}
#tableForedelivery input[type="Submit"]{
margin: 8px auto !important;
}
#tableFordhsdocreceiverorgnodereport select, #tableFordhsdocpeoplereport select{
padding-left: 0;
}
input#INPUT_sender_id__SEARCH[type="text"]{
padding-left: 7px;
}
#tableFordhsdocreceiverorgnodereport #DIV_sender_id, #tableFordhsdocpeoplereport #DIV_sender_id{
margin-left: 0;
}
#tableFordhsdocreceiverorgnodereport .date.d1, #tableFordhsdocpeoplereport .date.d1{
right: -2px;
}
#tableForedelivery .date-selector span.d1, #tableFordhsdocjournalreport .date-selector span.d1, #tableFordhsdocreceiverorgnodereport .date-selector span.d1, #tableFordhsdocpeoplereport .date-selector span.d1, #tableFordhstasklistreport .date-selector span.d1, #tableFordhstaskscenarioreport .date-selector span.d1, #tableFordhstaskorgnodereport .date-selector span.d1, #tableFordhstaskpeoplereport .date-selector span.d1{
right: 2px;
}
#tableForedelivery .date-selector span.d2, #tableFordhsdocjournalreport .date-selector span.d2, #tableFordhsdocreceiverorgnodereport .date-selector span.d2, #tableFordhsdocpeoplereport .date-selector span.d2, #tableFordhstasklistreport .date-selector span.d2, #tableFordhstaskscenarioreport .date-selector span.d2, #tableFordhstaskorgnodereport .date-selector span.d2, #tableFordhstaskpeoplereport .date-selector span.d2{
right: 5px;
}
@media (min-width: 768px) {
tr#searchCreateDateFrom, tr#searchRegisterDateFrom, tr#searchExpireDateFrom, tr#searchProlongDateFrom{
margin:0px 10px 0px 10px;
}
tr#searchCreateDateTo, tr#searchRegisterDateTo, tr#searchExpireDateTo, tr#searchProlongDateTo{
margin:0px 10px;
}
tr#searchCreateDateFrom>td.short, tr#searchCreateDateTo>td.short, tr#searchRegisterDateFrom>td.short, tr#searchRegisterDateTo>td.short, tr#searchExpireDateFrom>td.short, tr#searchExpireDateTo>td.short, tr#searchProlongDateFrom>td.short, tr#searchProlongDateTo>td.short{
margin-left:0 !important;
}
}
/** PLANS **/
/* new styles for plans starting */
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
.plan_price,
.plan_name,
.plan_price {
display: -webkit-flex;
display: flex;
}
.plan_price {
-webkit-flex-direction: column;
flex-direction: column;
}
.plan_price,
.plan_name {
justify-content: center;
-webkit-justify-content: center;
}
.plan_name {
-webkit-align-items: flex-end;
align-items: flex-end;
}
.center_alignment .right_info,
.plan_price {
-webkit-align-items: center;
align-items: center;
}
.plans_wrapper {
background: #fff;
padding-bottom: 149px;
}
.plans_wrapper .plans_title,
.plan_name,
.plan_price {
line-height: 0.8;
}
.middle_info .left_info,
.middle_info .right_info,
.bottom_info,
.plan_button a {
line-height: 1;
}
.plans_wrapper .plans_title,
.plan_name,
.plan_price,
.middle_info .right_info {
font-weight: 600;
}
.single_plan .plan_price
.plan_button {
font-weight: 700;
}
.single_plan:nth-child(2) .plan_price,
.single_plan:nth-child(4) .plan_price {
font-size: 36px;
}
.plans_wrapper .plans_title{
text-align: center;
font-size: 59.02px;
color: #41729b;
padding: 42px 0 69px 0;
}
.plans_container {
width: 100%;
padding-right: 10px;
padding-left: 10px;
margin-right: auto;
margin-left: auto;
}
.plans_container,
.single_plan,
.middle_info .left_info {
box-sizing: border-box;
}
.plans_container {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.single_plan {
width: 100%;
float: left;
padding: 0 15px;
border-radius: 10px;
background: #fff;
display: inline-block;
-webkit-box-shadow: 0px 0px 21px -9px rgb(0 0 0 / 40%);
-moz-box-shadow: 0px 0px 21px -9px rgba(0,0,0,0.4);
box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 40%);
}
.plan_image {
text-align: center;
position: relative;
padding: 48px 0 20px 0;
}
.most_popular {
position: absolute;
top: 37px;
right: -22px;
}
.most_popular_text {
position: absolute;
color: #fff;
font-size: 9px;
right: 8px;
top: 32px;
transform: rotate(4deg);
font-weight: 600;
}
.plan_image .most_popular img {
max-width: 138px;
}
.plan_name,
.plan_price {
font-size: 25px;
}
.plan_name,
.plan_price {
text-align: center;
}
.plan_name {
text-transform: uppercase;
color: #41729b;
min-height: 24px;
}
.plan_price {
color: #f1836c;
min-height: 76px;
padding-bottom: 23px;
padding-top: 10px;
}
.plan_price span {
font-size: 16px;
padding-top: 5px;
min-height: 17px;
}
.plan_price .plan_price-no_pvm {
font-size: 9px;
display: block;
line-height: 11px;
}
.simple_line {
background-color: #e0e8eb;
height: 1px;
}
.single_plan:nth-child(3) {
background: #41729b;
}
.single_plan:nth-child(3) .plan_name {
font-size: 30px;
}
.single_plan:nth-child(3) .plan_price {
font-size: 40px;
}
.single_plan:nth-child(3) .plan_price,
.single_plan:nth-child(3) .plan_name,
.single_plan:nth-child(3) .left_info,
.single_plan:nth-child(3) .right_info,
.single_plan:nth-child(3) .bottom_info li {
color: #fff;
}
.middle_info .left_info {
font-size: 20px;
color: #7e7e7e;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.middle_info .right_info {
font-size: 20px;
color: #41729b;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.middle_info {
padding: 17px 0 12px 0;
}
.single_info_block {
padding: 5px 0;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.middle_info .left_info {
padding-right: 5px;
}
.bottom_info {
padding: 11.6px 0;
}
.bottom_info li {
list-style-type: none;
padding: 6.4px 0 6.4px 35px;
background: url('images/check_icon.png') no-repeat left top 8px;
text-align: left;
}
.bottom_info ul {
margin: 0;
padding: 0;
font-size: 20px;
color: #7e7e7e;
}
.plan_button {
min-height: 46.4px;
position: relative;
text-align: center;
}
.plan_button a {
background: #fff;
display: block;
margin: 0 auto;
font-size: 20px;
color: #41729b;
text-decoration: none;
border: 1px solid #f36d56;
border-radius: 100px;
min-width: 209px;
width: 209px;
padding: 17px 0;
text-align: center;
}
.single_plan:nth-child(3) .plan_button a {
border: 1px solid #41729b;
}
.button_wrapper {
position: absolute;
width: 100%;
top: 20px;
}
.single_plan:nth-child(3) {
margin-top: -20px;
}
.space_holder {
height: 20px;
}
@media (min-width: 1640px){
.plans_container {
max-width: 1640px;
position: relative;
}
}
@media (min-width: 1024px) {
.single_plan:nth-child(4n) {
margin-right: 0;
}
.center_alignment,
.center_alignment .right_info {
display: -webkit-flex;
display: flex;
}
}
@media(max-width: 1400px) {
.middle_info .left_info {
width: 60%;
}
.most_popular {
top: -2px;
}
}
@media (max-width: 1023px) {
.single_plan {
width: 49%;
margin: 0 0 40px 0;
}
.single_plan:nth-child(2n) {
margin-left: 2%;
}
.single_plan:nth-child(3) {
margin-top: 0;
}
.space_holder {
display: none;
}
.most_popular {
top: 37px;
}
}
@media(max-width: 500px) {
.single_plan {
width: 100%;
}
.single_plan:nth-child(2n) {
margin: 0 0 40px 0;
}
.plans_wrapper {
padding-bottom: 20px;
}
.middle_info .left_info {
width: 70%;
}
}
/* new styles for plans ending */
/* new popup styles starting */
.popup_buttons_main .btn,
#wrapper i,
.popup_buttons_main .btn-default .button_text{
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.toggle_popup_main {
display: -webkit-flex;
display: flex;
}
#wrapper {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: end;
-webkit-align-items: end;
}
#wrapper i {
font-size: 14px;
}
#wpform td {
border-color: #fff;
}
.toggle_popup_main textarea {
height: 70px;
resize: none;
font-size: 12px;
}
#newFeedContent .notif-avatar {
display: inline-block;
vertical-align: top;
float: left;
margin: 0 8px 0 2px;
}
#newFeedContent .notif-avatar img {
max-width: 54px;
border-radius: 50%;
}
.toggle_popup_main .doc-popup-content {
position: absolute;
top: -32px;
left: 0;
right: 0;
}
ul.main-notifications-list .toggle_popup_main .notif-description {
width: 100%;
}
@media(max-width: 1200px) {
#flowNew,
#adminPopup,
#adminToolsPopup {
position: fixed;
margin-top: 40px;
left: 15px;
right: 15px;
}
}
@media(max-width: 768px) {
#flowNew {
position: fixed;
margin-top: 40px;
left: 15px;
right: 15px;
}
.popup_buttons_main {
padding-left: 15px;
}
#wrapper {
flex-direction: column;
}
.brand.with-photo .select-container,
.brand.with-photo {
max-width: 100%;
width: 100%;
}
}
@media(max-width: 400px) {
.popup_buttons_main {
padding-left: 0;
}
body .table tbody #row_WPNAME td{
width: 100%;
}
.upload_return {
min-height: 130px;
}
.popup_buttons_main {
margin-top: 15px;
}
}
.contact-list-item div.delete_people {
box-shadow: 0 3px 6px rgb(0 0 0 / 35%);
border-radius: 100px;
padding: 1px 4px 2px 7px;
margin: 3px;
background: #fff;
}
/* new popup styles ending */
.icon_preloader {
font-size: 0 !important;
}
.loading_anim .btn .col-xs-3 i {
visibility: hidden;
}
.loading_anim .btn .col-xs-3,
.icon_preloader {
background: url('/edvs/css/integrra/images/loading_anim_main.gif') center no-repeat;
background-size: contain;
}
/* custom fixes */
#row_JOURNAL_ID :is(.task-nr table td:first-child, .task-nr table td:last-child),
#row_CASE_ID :is(.task-nr table td:first-child, .task-nr table td:last-child) {
width: 50%;
}
.similar-doc-actions .atachtedDocs {
font-size: 0;
}
.similar-doc-actions .atachtedDocs img {
margin: 2px 0 0 0;
float: left;
}
#searchJournalCase #journalTable .case-choose {
margin-top: 10px;
}
#searchJournalCase #journalTable .case-choose-label {
position: absolute;
left: -29px;
font-weight: 600;
}
#previewframe:empty {
background: url(/edvs/css/integrra/images/loading_anim_main.gif);
background-position: center center;
background-repeat: no-repeat;
background-size: 34px;
}
body .modal-content {
box-shadow: 0 3px 6px rgb(0 0 0 / 35%);
border-radius: 34px;
background-color: #ffffff;
padding: 15px;
}
body select[multiple], body select[size] {
height: auto;
background-image: none !important;
border-radius: 0;
}
body select[multiple] option, body select[size] option {
border: 2px solid #bfbfbf;
margin-bottom: 3px;
padding: 5px;
border-radius: 34px;
}
.integrra_datepicker,
.integrra_datetimepicker {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%238dca0a'%3E%3Cpath d='M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z'/%3E%3C/svg%3E");
background-size: 18px;
background-repeat: no-repeat;
background-position: right 6px center;
padding-right: 25px !important;
}
@media(max-width:991px){
input,
select,
select:focus,
textarea {
font-size: 16px !important;
}
}
.simpleMainMenuToggleButton i {
background: white;
border-radius: 50%;
color: var(--integrra-blue);
font-size: 34px;
float: left;
max-width: 34px;
overflow: hidden;
}
@media (max-width: 767px) {
.task-files-actions {
display: block;
padding-top: 5px 0 5px 0;
}
}