/* * Created on : 20.03.2017, 8:42:18 * Author : kudralex */ body {font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;height:100%;} .form-group.required .control-label:after,.form-group.required label:after {content: "*";margin-left: 2px;color:red;} .icon-section {margin: 0 0 3em;clear: both;overflow: hidden;} .icon-name {color: #aaa;margin-left: 35px;font-size: .8em;transition: .3s;} .places-buttons .btn{margin-bottom: 30px} .left-align {text-align: left !important;} .sidebar .nav > li.active-pro{position: absolute;width: 100%;bottom: 10px;} .sidebar .nav > li.active-pro a{background: rgba(255, 255, 255, 0.14);opacity: 1;color: #FFFFFF;} .table-upgrade td:nth-child(2), .table-upgrade td:nth-child(3) {text-align: center;} .logo-avatar {position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.1);/*height: 130px;*/padding-bottom: 6px;margin-bottom: 10px;background-repeat: no-repeat;background-position: 0% 100%;/*background-image: url('../images/usersplash.jpg');*/background-size: cover;margin-right: 1px;background-color: gray;} .logo-avatar-container {position: absolute;left: 16px;top: 16px;margin:0px !important;} .logo-options {padding: 0px 16px 0px 0px;display: inline-flex;position: absolute;top: 16px;right: 0px;} .logo-options .button-wbutton {line-height: 30px;height: 30px;width: 30px;margin: 0px 0px 0px 10px;} .logo-options .button-wbutton .material-icons {color:white;} .logo-avatar .logo-avatar-container .logo-avatar-div {width: 50px;height: 50px;border-radius: 50%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;margin: 0 auto;} .logo-avatar-settings {position: absolute;width: 30px;height: 30px;border-radius: 15px;background-color: gray;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);text-align: center;top: 100px;right: 70px;font-size: 18px;text-align: center;color: rgb(255, 255, 255);} .logo-avatar-settings .fa {width:20px;line-height: 30px;} .btn:hover {background-color:initial;color:initial;} .breadcrumb {padding: 0px 15px;margin: 10px 0px 10px 0px;list-style: none;background-color: #ffffff;border-radius: 2px;line-height: 40px;font-size: 13px;} .breadcrumb li {max-width: 100%;text-overflow: ellipsis;overflow-x: hidden;vertical-align: middle;} .modal-footer .btn + .btn {margin-bottom: 5px;background-repeat: no-repeat;} .navbar-collapse .logo-avatar-settings .fa {line-height: 0.75em;} .logo-avatar-settings:hover, .logo-avatar-settings:focus {color:white;opacity: 1;} .logo-avatar-name {display: block;color: white;font-size: 1.3em;padding: 74px 16px 2px 16px;font-weight: 300;/*white-space: nowrap;*/overflow-x: hidden;text-overflow: ellipsis;max-height: 290px;overflow-y: hidden;} .material-button.inviteInFastRoomBigBTN {height: 30px;padding: 0px 5px;} .material-button.inviteInFastRoomBigBTN .material-icons {margin-right: 2px;font-size: 1.7em !important;} .logo-avatar-notifications {position: absolute;top: 0px;right: 30px;background-color: rgba(255, 255, 255, 0.82);border-radius: 26px;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);} .off-canvas-sidebar .logo-avatar {margin-right: 0px;margin-left: -9px;} .off-canvas-sidebar .logo-options {padding: 5px 25px 5px 10px;} .off-canvas-sidebar .logo-avatar-container {left:15px;} .off-canvas-sidebar .logo-avatar-name {padding: 75px 25px 2px 15px;} .off-canvas-sidebar .li-buttons-tasks {padding-left: 7px;} .li-buttons-tasks.li-button-task-create {margin-bottom: 20px;margin-top: 20px;} .off-canvas-sidebar .li-buttons-tasks.li-button-task-create {margin-left: -9px;margin-right: 4px;padding-left: initial;} .logo-avatar-name.logo-avatar-role-name {padding-top: 0px;color: #d2d2d2;font-size: 1.1em;} .smallUserAvatarInTables {width: 40px;height: 40px;border-radius: 20px;} .landing-navbar {width: 65px;position: absolute;z-index: 30;right: 0px;background-color: rgba(225, 225, 225, 0.75);border-bottom: 0px;color: white;top: 0px;right: 0px;border-radius: 0px 0px 0px 2px;} .card-blue {background-color: rgb(41, 202, 255);color: white;} .card-blue:hover {background-color: rgb(0, 192, 255);} .card-purple {background-color: rgba(162, 100, 213, 0.73);color: white;} .card-purple:hover {background-color: rgba(135, 57, 200, 0.7);} .card-yellow {background-color: rgba(240, 162, 3, 0.7);color: white;} .card-yellow:not(.disabled):hover {background-color: rgba(255, 180, 27, 0.7);} .card-gray {background-color: rgba(69, 69, 69, 0.85);color: white;} .card-gray:not(.disabled):hover {background-color: rgba(39, 39, 39, 0.9);} .card.disabled {opacity: 0.4;} .landing-top-button {height: 110px;position: relative;overflow: hidden;cursor: pointer;margin:5px;} .landing-top-button .content {font-size: 18px;} .landing-top-button-video-image {right:0px;} .room-card {height: 84px;border-bottom: 1px solid #e4e6e9;box-shadow: none;} .room-panel {position: initial;margin: 5px 0px 5px 0px !important;} .room-card.workflow-task-panel {height: initial;} .room-card.workflow-task-panel .room-image {height:129px;border-radius: 2px 0px 0px 2px;width: 90px;} .room-card.workflow-task-panel .room-content-buttons {line-height: 40px;} .roomsRow .workflow-task-panel .room-creator-avatar {top:5px;} .workflow-task-panel.completed .room-card-wrapper {background-color: #fff8ef;} .workflow-task-panel .room-avatar-container {position: absolute;top: 0px;left: 0px;} .workflow-task-panel .room-avatar-container .room-creator-avatar {top: 5px;left:75px;} .workflow-task-panel.room-card .content {padding: 0px 0px 0px 0px;} .landing-top-button-image {position: absolute;right: -40px;bottom: -10px;opacity: 0.4;} .room-image-container {height: 74px;width: 74px;position: absolute;} .edit-room-image-container {height: 105px;width: 150px;margin-bottom: 5px;} .room-image {background: url('../images/zaglushka.jpg') no-repeat scroll 50% 50% transparent;width: 74px;height: 74px;background-size: cover;border-radius: 50%;} .room-avatar-td .room-image {border-radius: 0px;} .room-avatar-td .room-play-button {border-radius: 0px;} .poll-image {background: url('../images/vote.jpg') no-repeat scroll 50% 50% transparent;width: 100%;height: 100%;background-size: cover;border-radius: 6px 0px 0px 6px;} .conf-image {width: 190px;margin-bottom: 5px;background-position: 50% 50%;height: 60px;background-size: cover;border-radius: 0px;background-color: gray;} .populated-rooms-container-translations {padding: 0px 15px;} .right-text {text-align: right;} .task-body .material-button {margin-top: 5px;} .button-wbutton .fa {color: #929eb0;} .app-users-one-user-container.preselected {background-color: #4bb987;color: white;} .app-users-one-user-container.preselected .button-wbutton .material-icons {color:white;} .app-users-one-user-container.preselected .item-selecting-options.selected .button-wbutton .material-icons:not(.not-selectable) {color:white;} @keyframes roominput { 0% {opacity:0.0} 50% {opacity:0.4} 100% {opacity:0.8;} } @keyframes roomoutput { 0% {opacity:0.8} 50% {opacity:0.4} 100% {opacity:0;} } .room-play-button {background: url('../images/icon_32_enter.png') no-repeat scroll 50% 50% rgb(109, 155, 188);position: absolute;height: 100%;width: 100%;z-index: 10;cursor: pointer;opacity: 0;animation-name: roomoutput;animation-duration: 0.1s;border-radius: 50%;} .room-play-button:hover {opacity: 0.8;animation-name: roominput;animation-duration: 0.3s;} .room-play-link {position: absolute;top: 0px;height: 74px;width: 74px;} .room-card .content {padding:0px 0px 0px 80px;height: 100%;} .room-content-title {padding-bottom:20px;font-size: 16px;padding-left: 10px;text-overflow: ellipsis;overflow: hidden;position: relative;width: calc(100% - 170px);white-space: nowrap;} .room-content-labels {font-size: 14px;padding-left: 10px;text-overflow: ellipsis;overflow: hidden;position: relative;line-height: 37px;width: calc(100% - 170px);white-space: nowrap;vertical-align: middle;color: #929eb0;} .room-content-one-label {margin-right: 7px;cursor: pointer;} .room-content-labels .material-icons {vertical-align: middle;font-size: 22px;} .roomsRow .room-creator-avatar {top: 50px;left: 50px;} .room-content-title a {color: #003760;} .room-content-title a:hover {color: #0E4975;} .room-content-buttons {position: absolute;right: 5px;text-align: right;line-height: 74px;top:0px;} .room-content-buttons .btn-xs {line-height: 18px;height: 26px;} .room-content-buttons .btn-xs .fa {line-height: 18px;} .underlined-text {text-decoration: underline;} .landing-rooms-link {margin-top: 15px;margin-right: 5px;} .roomAccessLevelsContainer {overflow-y: auto;overflow-x: hidden;border: 1px solid #CCC5B9;border-radius: 3px;margin-bottom: 4px;} .roomAccessLevelsUserContainer {height: 50px;padding: 0px 10px;max-height: 50px;} .roomAccessLevelsAvatar, .roomAccessLevelsRole, .roomAccessLevelsInfo,.roomAccessLevelsDel, .projectAccessLevelsInfo, .projectAccessLevelsRole, .projectAccessLevelsDel,.room-access-levels-del {display:inline-block;padding-top: 3px !important;border-top: 1px solid #d4d4d4;} .roomAccessLevelsAvatar {overflow: hidden;} .roomAccessLevelsAvatar img, .loadedSearchedUser img{vertical-align: bottom;} .roomAccessLevelsRole, .projectAccessLevelsRole {text-align: center;line-height: 37px;} .roomAccessLevelsInfo span, .loadedSearchedUserLogin, .projectAccessLevelsInfo span {color: rgb(161, 161, 161);font-size: 12px;} .roomAccessLevelsDel .glyphicon, .roomAccessLevelsDel .fa, .projectAccessLevelsDel .glyphicon {font-size: 18px;color: rgb(113, 108, 108);margin-top: 10px;cursor:pointer;} .roomAccessLevelsDel .glyphicon:hover, .roomAccessLevelsDel .fa:hover , .projectAccessLevelsDel .glyphicon:hover {color: black;} .roomAccessLevelsCreatorContainer, .projectAccessLevelsMasterContainer {background-color: rgb(241, 242, 255);} .roomAccessLevelsSecondaryMastersContainer, .projectAccessLevelsSecondaryMastersContainer {background-color: rgb(247, 255, 240);} .roomAccessLevelsParticipantsContainer, .projectAccessLevelsParticipantsContainer {background-color: rgb(231, 255, 249);} .roomAccessLevelsSearchContainer .row {padding: 0px 15px 20px;} #roomSearchRoleButtonSpanID .spinner-sm {width:20px !important;height:20px !important;} #userAjaxLoadPanelID {background-color: white;min-width:50px;min-height:10px;z-index:400;display:none;width:100%;position: absolute;left: 0;padding: 0px 15px;top:40px;} .row.loadedSearchedUser {padding: 5px 0px;} .loadedSearchedUser:hover {background-color: rgb(243, 243, 243);cursor:pointer;} .notFoundedData,.not-founded-data {font-style: italic;font-size: 13px;color: gray;margin: 15px 0px;} .room-access-levels-del .fa {font-size: 18px;color: rgb(113, 108, 108);margin-top: 10px;cursor:pointer;} .room-access-levels-del .fa:hover {color: black;} #inputEditUserTag {border-radius: 4px 4px 4px 4px;} #roomSearchRoleButtonID {border-radius: 0px 4px 4px 0px;} .roomAccessLevelsSearchContainer .input-group {width:100%;} #userAjaxLoadPanelID .spinner-sm {width: 40px;height: 40px;margin: 10px auto;} .wordWrapTD {word-wrap: break-word;max-width: 300px;} .one-tk-tag {background-color: #5BC0DE;padding: 1px 5px;color: white;border: 1px solid #46B8DA;border-radius: 4px;margin: 2px 5px 4px 0px;display: inline-block;font-size: 12px;} .users-table-card .cart-invite-button:not(.btn-success) {} .cart-invite-button {padding: 0px;border-radius: 50%;height: 25px;width: 25px;text-align: center;margin-left: 5px;line-height: 25px;border-width: 2px;font-size: 12px;margin-bottom: 3px;} .cart-invite-button .fa {line-height: 22px !important;margin: 0px !important;vertical-align: top} .invite-user-name {line-height: 2;} .users-table-card .user-row:hover .btn {display:inline-block;} .users-table-card td {font-size: 15px;} .users-table-card {margin: 15px 0px 5px 0px;} .card.card-without-background > .content {padding: 15px 0px 10px 0px;} .user-row:hover td {background-color: rgba(215, 215, 215, 0.36);} .center-align {text-align: center;} .mini-avatar-td {width: 40px;} .schedule-alert {word-wrap: break-word;color: black;margin: 0} .schedule-alert a {color: #7E7E7E;} .spinner-сontainer {min-height: 100px;padding: 20px;} .spinner-container-label {font-size: 15px;font-style: italic;line-height: 60px;vertical-align: middle;} .hiddenSpan,.hidden-span {display:none;} .user-in-cart-status {width: 80px;} .sortedTableFooter {text-align: right;background-color: #FFF7EC;} .sortTablefilter {display: inline-block;float: left;} .user-current-room {font-size: 10px;word-wrap: break-word;color: gray;cursor: pointer;} .sort-glyph {margin-left: 5px;} .not-founded-data-td {font-style: italic;} .user-name-long-td {width:350px} .user-favorite-status {font-size: 14px;cursor: pointer;z-index: 5;color: #ccc;} .user-favorite-status .fa {width:22px;} .user-favorite-status .fa-star {color: #ecd000;} .user-favorite-you-status .fa {width: 20px;} .state-td {width: 100px;} .user-subheader {font-size: 10px;color: gray;padding-left: 25px;} .card .header .sub-header {font-size: 10px;color: gray;} .user-subheader.notify-subheader {padding-left: 0px;} .big-user-avatar {width:400px;} .small-user-avatar {width:50px;border-radius: 25px;height: 50px;background-size: cover;} .conf-user-avatar {width: 200px;height: 200px;border-radius: 50%;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;margin: 10px auto;} .date-long-td {width:110px;} .date-short-td {width:120px;} .user-name-short-td {width: 200px;} .manyEvents {font-size: 11px;} .btn-default .fa {margin: 3px;} .id-td {width:50px;} .count-td {width:100px;} .wide-count-td {width:150px;} .td-subtitle {font-size: 12px;font-weight: 200;font-style: italic;word-break: break-all;margin: 0px;} .actions-td {width:150px;} .wide-actions-td {width:200px;} .verywide-actions-td {width:240px;} .user-row .user-name-container {font-weight: bold;} .user-row .user-photo-wrapper {position: relative;} .user-row.user-blocked td {background-color: #f2dede;} .tab-content > .tab-pane {padding-top: 0px;} .tab-content.transparent-tab > .tab-pane {padding-top: 10px;} .tab-content > .tab-pane > .card {padding-top: 15px;} .user-row .user-photo-container .user-current-room {position: absolute;top: 0px;left: 0px;background-color: white;border-radius: 50%;width: 30px;text-align: center;height: 30px;} .user-row .user-photo-container .user-current-room .material-icons {vertical-align: middle;line-height: 30px;} .navbar-subheader {display: block;font-size: 12px;font-weight: 300;margin-top: 5px;} .header-tools {position: absolute;top: 14px;right: 0px;text-align: right;} .room-panel-favorite-status {position: absolute;background-color: rgba(68, 68, 68, 0.53);width: 20px;height: 20px;z-index: 40;left: 5px;border-radius: 2px;font-size: 14px;padding: 0px;cursor: pointer;top:0.4em;line-height: 20px;} .room-panel-thread-status {position: absolute;background-color: rgba(68, 68, 68, 0.53);width: 1.5em;height: 1.5em;z-index: 40;left: 4px;border-radius: 2px;bottom: 8px;color: white;padding: 0px;line-height: 1.5em;text-align: center;} .room-panel-thread-status img {height: 1.2em;} .room-panel-favorite-status .fa-star-o {color: #fff187;} .room-panel-favorite-status .fa-star-o:hover, .room-panel-favorite-status .fa-spin {color: white;} .room-panel-favorite-status .fa-star {color: #ecd000;} .room-panel-favorite-status .fa-star:hover {color: rgb(234, 212, 45);} .room-panel-online-status {position: absolute;left: 0em;top:0.4em;text-align:center;background-color:rgba(56, 142, 60, 0.8);border-radius:1.5em;line-height:1.5em;color: white;z-index: 40;padding:3px 8px;cursor: pointer;} .room-favorite-status i {vertical-align: middle;font-size: 18px;line-height: 18px;color: gray;} .room-panel {background-color: #EBEBEB;} .room-panel-header-connection-not-invited-false {background-color: rgba(51, 122, 183, 0.31);} .form-control {border-bottom: 1px solid #CCC5B9;border-radius: 0px;background-color: rgba(255, 255, 255, 0.7);padding: 5px 2px;height: 36px;} textarea.form-control {max-width: 100%;padding: 5px 5px;} .help-block {color: #959595;margin-top: 3px;} .input-group-addon {background-color: white;border: medium none;border-radius: 2px;padding: 0px 12px;} .room-content-buttons .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) .fa {margin: 1px 0px 0px 2px;} .table > thead > tr > th {text-align: center;} .roomAccessLevelsContainer .dropdown-menu > li > a {padding: 4px 8px;} .roomVideoSeekCanvasContainer {text-align: center;} input[type="file"] {display: block;padding: 0px;} p.text-justify {text-align: justify;text-indent: 30px;} .stimeline_video_block.btn.btn-xs {border-radius: 2px;background-color: white;padding: 3px 2px;} #videoboxPlayout {text-align: center;margin-top: 10px;} .date-inactive-status {color: gray;font-size: 12px !important;} .word-wrap-td {word-wrap: break-word;max-width: 300px;} .form-control-static {font-size: 14px;word-wrap: break-word;padding-top: 8px;} .schedule-title {color: #66615B;font-weight: 300;text-transform: uppercase;} .table-responsive td {font-size: 14px;} p.filter-subheader {color: #736b69;font-size: 12px;line-height: 1.2em;} .nav > li:not(.active) {margin-right: 5px;} .card-tools-filter-link {cursor:pointer;margin-right:5px;} .checkbox-td {width:20px;} .tab-pane .card {margin: 0px;/*border-radius: 0px 0px 6px 6px;border-right: 1px solid #ddd;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;*/} .streaming-splash-waiting {line-height: 30px;text-align: center;font-style: italic;} .fa-streaming-wating {margin-left: 5px;} .calendar-schedule-event .room-panel-online-status{top: 8px;right: 10px;left: initial;} .page-header {margin: 0px;text-align: right;padding-bottom: 0px;} .clear-filter-form {margin-left:10px;} .initial-width {width:initial;} .form-horizontal .checkbox {padding-top: 0px;} .form-divider-high {margin-bottom: 10px;} .table-responsive th {font-size: 14px !important;} .form-group .checkbox label {font-size: 14px;} blockquote .form-group {margin-bottom: 0px;} blockquote .form-horizontal {margin-bottom: 0px;} .poll-submit-btn-container {margin: 30px 0px;} .chronometria-block, .stat-block {width:100%;} .chronometria-sub-header {padding: 10px;} .stat-block canvas {position: absolute;} .form-divider {border-bottom: 1px solid rgba(154, 154, 154, 0.3);color: rgb(154, 154, 154);height: 9px;margin-bottom: 5px;} .form-divider-title {position: absolute;background-color: white;padding: 0px 5px;margin-left: 13px;} .poll-results-card .form-control-static {line-height: 20px;} .poll-answer-text {position: absolute;margin: 3px 5px;} .stat-block-value {position: absolute;font-size: 50px;color: #4a4a4a;width: 100%;text-align: center;cursor: pointer;} .stat-block-value-footer {font-size: 24px;bottom: 10px;} .stat-block-image {padding-right: 40px;color: rgba(206, 206, 206, 0.61);} .stat-block-value-main {letter-spacing: 4px;font-weight: bold;} .stat-block-value-footer span {font-size: 14px;} .landing-help-fa {cursor:pointer;} .landing-top-button-description {font-size: 12px;} .landing-top-button-description .im-daemon-label {color: rgb(114, 112, 112);} .im-threads-creating {padding: 8px 16px 0px 15px !important;} .im-threads-create {padding: 8px 16px 0px 80px !important;} .im-card {min-height: 250px;min-width: 700px;} .im-without-border-top {border-top: initial !important;} .im-threads-header {padding: 8px 16px 0px 50px;font-weight: bold;position:relative;height:49px;border-bottom: solid 1px #e7e8ec;} .im-threads-header.im-threads-archive {height: 79px;} .im-threads-creating-subheader {font-weight: 300;color: #5a5a5a;font-size: 10px;line-height: 10px;} .im-create-switcher, .im-create-close-switcher {position: absolute;top:0px;right:10px;cursor:pointer;} .im-create-close-switcher .material-icons {line-height: 48px;} .im-threads-container, .im-users-container, .im-restoring-container,.im-record-users-list {padding: 0px;border-bottom: solid 1px #e7e8ec;overflow-y: auto;} .im-users-email {font-weight: 200;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .im-restoring-container {border-top: solid 1px #e7e8ec;} .im-spinner-ul, .im-restoring-container ul {padding-left:0px;} .im-spinner-ul .im-dialog {border-top:0px;} .user-chip {padding: 1px 5px 1px 0px;color: rgba(0,0,0,0.6);background-color: #e4e4e4;font-size: 12px;display: inline-block;margin: 0px 1px 2px 0px;line-height: 24px;border-radius: 12px;margin-right: 5px;} .user-chip span {margin-left: 3px;} .im-restoring-thread-participant.user-chip {font-size:11px;} .user-chip .user-chip-avatar {width: 24px;height: 24px;border-radius: 50%;background-color: rgb(250, 251, 252);background-size: cover;background-position: 50% center;display: inline-block;vertical-align: middle;} .im-restoring-thread-line {height: initial !important;} .im-threads-container ul, .im-users-container ul, .im-record-users-list ul {list-style-type: none;padding: 0px;margin-bottom: 0px;} .im-dialog {height:63px;box-sizing: border-box;padding:0 0 0 10px;display:block;width:100%;cursor:pointer;position: relative;border-top:solid 1px #e7e8ec;overflow: hidden;} .im-starred-thread-line {background-color: rgb(255, 249, 218);} .im-frozen-thread {background-color:rgb(227,227,227);} .im-frozen-thread:hover {background-color:rgb(202, 202, 202);} .room-card-wrapper.im-frozen-thread {background-color: initial;} .im-new-for-user-thread-line {background-color: #dcedc8;} .im-page-dialogs {width: 340px;position: absolute;z-index: 4;height: 100%;border-right: 1px solid rgb(228, 230, 233);} .im-dialog:hover:not(.im-dialog-selected):not(.im-user-to-thread):not(.im-thread-for-restoring):not(.poll-user-to-poll):not(.im-thread-group-description):not(.im-frozen-thread):not(.selected) {background: #f5f7fa;} .im-dialog-selected {background:#7293b6;cursor:pointer;color:white;} .im-dialog-photo {border-color: #fff;padding:9px 7px 8px 0;float:left;position: relative;} .im-messages-container {min-height: 25px;} .im-peer {width:46px;height:46px;position: relative;} .im-dialog-photo .im-peer-avatar {width:46px;height:46px;border-radius: 50%;position:absolute;top:0;left:0;background-size: cover;background-position: 50%;} .im-one-letter-wrapper .im-peer.im-dialog-photo {float:initial;margin-bottom: 15px;} .im-dialog-content {padding-right: 10px;margin-left:57px;position:relative;display: block;text-decoration: none;} .im-dialog-cw {padding: 6px 0;position: relative;} .im-dialog-date {color:#777e8c;font-size: 11px;position: absolute;top:14px;right:0;opacity: 0.7;} .im-dialog-name {font-size: 12.5px;font-weight: 500;margin-bottom: 4px;margin-top:6px;width:100%;position: relative;} .im-dialog-name-w {color:#222;max-width: calc(100% - 90px);white-space: nowrap;display:inline-block;text-overflow: ellipsis;overflow: hidden;padding-bottom: 1px;vertical-align: middle;} .im-dialog-selected .im-dialog-date {color:#fff;} .im-dialog-selected .im-dialog-name-w {color:#fff;} .im-dialog-name-w a {color: #42648b !important;} .im-dialog-close {z-index: 20;} .im-dialog-close .material-icons {font-size: 14px;z-index: 40;line-height: 16px;width: 16px;} .im-dialog-text-preview {width: calc(100% - 30px);white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;font-size: 11px;color:#656565;padding-bottom:1px;line-height: 16px;} .im-full-text {width:100%;max-height: 20px;} .im-dialog-selected .im-dialog-text-preview {color: #fff;} .im-dialog-selected .im-dialog-text-preview-typing .im-dialog-text-preview {color:white;} .im-pages{position: relative;height: 100%;} .im-page-history {display:block;width:100%;table-layout: fixed;box-sizing: border-box;position: absolute;height: 100%;top: 0;right: 0;padding-left: 340px;overflow-y: hidden;overflow-x: hidden;} .im-page-one-thread {position: relative;display: block;width: 100%;height: 100%;border-left: solid 1px #e4e6e9;} .im-page-header {position: absolute;z-index: 6;max-width: 100%;width: 100%;height: 48px;background: #fff;white-space: nowrap;font-size: 13px;line-height: 18px;} .im-page-header-in {width:100%;height:100%;border-bottom: solid 1px #e4e6e9;} .im-page-title {position: relative;display: -webkit-flex;display: flex;align-items:center;-webkit-align-items: center;overflow: hidden;padding:15px 10px 15px 20px;height:48px;text-overflow: ellipsis;line-height: 18px;} .im-page-title-main {align-items:center;max-width: 100%;font-size: 14px;width:100%;} .im-page-title-main-in {display:block;flex:1 1 auto;align-items:center;box-sizing: border-box;max-width: 100%;color:#222;} .im-page-title-main-inner {font-weight: 500;color: black;max-width: 100%;white-space: nowrap;text-overflow: ellipsis;display: block;overflow: hidden;padding-right: 115px;} .im-page-toolsw {position: relative;height:49px;background: #fff;border-bottom: 1px solid #e4e6e9;} .im-page-body {display: block;height: 100%;width: 100%;position: absolute;margin-top: 48px;overflow: auto;overflow-x: hidden;} #tasksContainer .im-page-toolsw .im-page-options {text-align: left;width: 100%;} #tasksContainer .im-page-toolsw .im-page-thread-attachments, #tasksContainer .im-page-toolsw .im-page-options-elem {float: initial;} .tasks-additional-menu {position: absolute;right: 0px;top: 0px;} .im-page-header-in.im-page-header-options .im-page-options{right:0px;} .im-page-header-in.im-page-header-options .room-dropdown-menu-wrapper {margin-top: -40px;margin-right: 10px;} .im-page-input {position: absolute;width: 100%;bottom: 0px;background: #fafbfc;z-index: 10;border-radius: 0px 0px 6px 0px;} .im-input {padding:12px 0 0 10px;box-sizing: border-box;border-top:solid 1px #e4e6e9;background:#fafbfc;position:relative;} .im-page-splash {height: 100%;width: 100%;text-align: center;color: #929eb0;border-left: solid 1px #e7e8ec;padding: 50px;line-height: 50px;} .im-page-splash .fa {font-size: 80px;width: 80px;} .im-input-textarea {width:100%;/*float:left;*/padding: 0px 50px 10px 40px;} .im-input-txt-wrap {position: relative;cursor:text;background:#fff;border-radius: 3px;border: solid 1px #d3d9de;} .im-input-text {outline: 0;min-height: 36px;width:100%;resize: none;max-height: 200px;overflow-y: auto;overflow-x: hidden;border-radius: 3px;line-height: 17px;padding: 9px 40px 10px 11px;margin-bottom: 0px;word-wrap: break-word;box-sizing: border-box;border:none;transition: border-bottom-color 0.3s linear;color: #000;box-shadow: none;} .im-placeholder {position: absolute;top:10px;left:10px;width:100%;cursor: text;-webkit-user-select: none;-moz-user-select: none;-ms-user-select:none;user-select: none;z-index: 3;cursor:text;pointer-events: none;} .im-placeholder-input {border-color: transparent;line-height: 16px;color: #000;position: absolute;} .im-placeholder-content {color: #828282;transition: color 0.2s ease;padding:1px;filter:none;} .im-submit-buttons {position: absolute;right: 0px;width: 44px;text-align: center;bottom: 0px;padding-bottom: 16px;} .im-send-button:not(.button-wbutton), .im-send-record-button:not(.button-in-menu) {outline: 0px none;border: 0px none;background: transparent;height: 36px;color: #929eb0;} .im-send-record-button:not(.button-in-menu) {border-radius: 50%;width: 34px;height: 34px;background-color: rgb(255, 255, 255);border: 1px solid rgba(128, 128, 128, 0.3);box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);margin: 10px 5px 0px;color: red;font-size: 11px;padding: 1px 0px 0px 1px;line-height: 11px;} .im-spinner-dialog,.im-button-dialog {text-align: center;padding: 20px;color: #929eb0;} .im-spinner-dialog .fa {color: #929eb0;} .im-placeholder-unactive .im-placeholder-content {color: #b9b9b9;} .im-send-record-button:hover {background-color: rgb(242, 242, 242);} .im-button-dialog {padding: 12px;} .im-users-dialog .im-dialog-cw {padding: 16px 0;} .im-departments-list-with-selected {background-color: rgb(236, 209, 255);} .im-users-dialog .im-dialog-name-w {max-width: 100%;} .im-creating-buttons .btn,.im-inviting-buttons .btn {margin: 18px;} .im-user-to-thread,.im-thread-for-restoring {background: rgb(122, 204, 131) none repeat scroll 0% 0%;} .im-bottom-buttons.im-creating-buttons,.im-inviting-buttons {height: 60px;position: absolute;bottom: 0px;text-align: right;width: 100%;background: #fafbfc;line-height: 60px;vertical-align: middle;display: table-row;padding: 0px 12px;} .im-user-to-thread .im-dialog-name-w, .im-thread-for-restoring .im-dialog-name-w {color: white;font-weight: bold;} .im-mess-stack {position: relative;min-height: 60px;padding-bottom: 10px;padding-top: 10px;} .im-mess-stack-photo {position: absolute;left: 25px;z-index: 2;padding: 0px 7px 8px 0;} .im-mess-text {outline: 0;line-height: 18px;word-wrap: break-word;} .im-mess-text > img {width:50%;margin-top: 5px;} .im-mess-stack-content {position: relative;width: 100%;padding-left: 80px;padding-top: 0px;} .im-message-author {font-weight: bold;margin-right: 5px;} a.im-message-author {color: #42648b;} .fa-prepend-spinner {margin-right: 5px;} .im-mess-stack:hover {background: rgb(247, 249, 254) none repeat scroll 0% 0%;} .im-message-time {color: grey;margin-right: 10px;} .im-mess-unread {background-color: #edf0f5;} .im-page-title-wrapper {position:relative;} .im-dialog-newmessages {top: 35px;color: white;background-color: rgb(114, 147, 182);border-radius: 15px;padding:0px 3px;min-width: 22px;text-align: center;height: 22px;line-height: 22px;} .im-dialog-newmessages.im-dialog-uncorfirmed-label {background-color: rgb(243, 178, 94);} .im-dialog-selected .im-dialog-newmessages.im-dialog-uncorfirmed-label {color: rgb(255, 255, 255);background-color: rgb(254, 193, 103);} .im-dialog-newmessages.im-dialog-uncorfirmed-emergency-label {background-color: rgb(255, 19, 19);} .im-dialog-selected .im-dialog-newmessages {color: rgb(114, 147, 182);background-color: white;} .im-peer-online-status {position: absolute;width: 10px;height: 10px;background-color: rgb(91, 164, 99);right: 8px;bottom: 8px;border: 2px solid white;border-radius: 5px;} .im-just-online-status {position:absolute;left:0em;top:0.4em;text-align:center;background-color:rgba(56,142,60,0.8);border-radius:50%;line-height:1em;color:white;z-index:40;padding:3px 6px;cursor:pointer;} .im-peer-initiated-room-status {position: absolute;width: 18px;height: 18px;background-color: rgba(68, 68, 68, 0.53);left: 0px;bottom: 8px;color: white;border-radius: 50%;font-size: 10px;text-align: center;line-height: 18px;vertical-align: middle;} .im-peer-initiated-room-status .fa {width: 18px;line-height: 19px;} .im-page-options {position: absolute;font-size: 16px;top: 0px;right: 10px;color: #929eb0;display: inline-block;text-align: right;height: 100%;line-height: 48px;} .im-mess-text .im-payload-container {border-radius: 2px;position: inherit;margin-top: 3px;} .im-page-options a:not(.dropdown-menu-a) {color: #929eb0 !important;} .im-payload-container {position: relative;} .im-payload-preview img{opacity: 0.7;width: 300px;min-height: 150px;} .im-payload-preview:hover img {opacity: 0.9;} .im-payload-preview {display: block;width: 100%;position: relative;cursor:pointer;} .im-payload-play-splash {position: absolute;top: 60px;left: 96px;cursor: pointer;color: rgb(146, 158, 176);font-size: 3em;height: 3em;text-align: center;border-radius: 50%;} .im-payload-play-splash .material-icons {font-size: 3em;} .im-page-thread-participants {position: relative;float: right;margin: 0px 5px;} .im-page-thread-participants span {font-size: 12px;line-height: 16px;vertical-align: middle;} .im-payload-play-splash:hover {background-color: rgba(128, 128, 128, 0.54);color: white;} .im-payload-container:hover .fa {color: #7293b6;} .im-page-participant-line {height: 60px;} .im-page-participant-line .im-dialog-cw {padding:0px;} .im-page-participants-container {text-align: left;} .im-page-participants-container .im-dialog-name-w {font-weight: bold;max-width: calc(100% - 60px);} .im-record-videobox-panel {border-radius: 2px;} .im-record-options-panel {display: inline-block;border: 1px solid #ebebeb;position: relative;padding: 5px 10px;border-radius: 4px;box-shadow: 1px 2px 2px #ebebeb;} .im-dialog-selected .im-peer-online-status {border: 2px solid #7293b6;} .room-video-admin-container .no-video-container {padding-top: 40px;} .im-page-participants-container .im-dialog-content {margin-left: 70px;font-weight: bold;padding-right: 0px;} .im-messages-spinner-dialog {height: 50px;text-align: center;padding: 10px;color: #929eb0;} .im-dialog-subname {display: block;font-size: 12px;color: gray;} .im-threads-search-input-element.disabled,.im-input-text.disabled, .im-submit-buttons.disabled, .im-send-record-button.disabled, .im-page-options-elem.disabled, .im-message-options-elem.disabled, .im-dialog-name-w.disabled, .im-status-msg-link.disabled, .item-selecting-options.disabled {pointer-events: none;opacity: 0.4;cursor:default;} .im-button {outline: 0px none;border: 0px none;background: transparent;height: 36px;color: #929eb0;} .im-pre-input-buttons {position: absolute;left: 0px;width: 50px;text-align: center;bottom: 0px;padding-bottom: 16px;z-index: 10;} .im-button:hover .fa {color: #7293b6;} .im-message-participants {display: inline;} .im-message-participants .im-message-participants-container {display: inline-block;vertical-align: middle;} .im-message-participants .im-mess-stack-photo {position: relative;} .im-message-participants .im-dialog-photo {padding: 0px 2px;} .im-files-container .im-dialog-cw {padding:0px;max-width: calc(100% - 40px);} .im-message-participants .im-dialog-photo .im-peer,.im-files-container .im-dialog-photo .im-peer {width: 15px;height: 15px;} .im-message-participants .im-dialog-photo .im-peer-avatar, .im-files-container .im-dialog-photo .im-peer-avatar{width: 15px;height: 15px;} .im-call-initiator-widget .im-dialog-photo .im-peer-avatar{width: 25px;height: 25px;opacity: 0.5;} .call_accept .im-peer-avatar,.call_reject .im-peer-avatar {opacity: 1 !important;} .call_accept .im-peer-avatar {border: 3px solid #48a448;} .call_reject .im-peer-avatar {border: 3px solid red;} .call-initiator-widget-top .progress {width: calc(100% - 50px);position: relative;} .call-initiator-widget-top .widget-button {position: absolute;right: 10px;top: 10px;} .im-call-initiator-widget .im-peer {width: 30px;height: 25px;} .im-call-initiator-widget .im-mess-stack-photo {position: initial;} .im-files-container .im-dialog-name {margin-top:2px;margin-bottom: 2px;} .im-files-container .im-dialog-photo {padding: 0px 4px 0px 0px;position: relative;left: 0px;} .im-files-container .im-message-participants-container {position: absolute;height:16px;} .im-files-container {/*margin-top: 15px;*/} .im-mess-stack-content .im-files-container {margin-top: 15px;} .im-files-container.files-container-no-margin {margin-top:0px;} .im-file-line:hover {background: rgb(247, 249, 254) none repeat scroll 0% 0%;} .im-file-icon-container {position:absolute;top: 0px;} .im-file-line {border-top: 0px solid rgb(212, 212, 212);background: rgb(250, 251, 252) none repeat scroll 0% 0%;height: 60px;cursor:pointer;position: relative;margin-bottom: 5px;} .im-file-icon {width: 60px;background-size: cover;background-repeat: no-repeat;background-position: 50%;height: 60px;} .im-record-preview {width: 120px;background-size: cover;height: 100px;background-position: 50% 50%;background-repeat: no-repeat;border-radius: 2px 0px 0px 2px;} .im-record-line {cursor: pointer;position: relative;height: 100px;width: 100%;overflow: hidden;} .im-file-content {padding-right: 5px;position: relative;display: block;text-decoration: none;text-align: left;width: calc(100% - 70px);margin-left: 70px;} .im-attachments-container {display: table;width:100%;} .im-additionals-container,.im-reply-container {padding-right: 0px;padding-left: 50px;margin-bottom: 5px;position: relative;width: calc(100% - 50px);} .im-additionals-attachments-container {padding-right: 0px;margin-bottom: 5px;position: relative;width: 100%;} .im-additionals-container {/*margin-top: 50px;*/} .im-reply-container {width: calc(100% - 55px);padding-right: 36px;margin-bottom: 10px;} .im-reply-container-content {border-left: 3px solid green;/*margin-top: 50px;*/padding: 5px 10px 5px 10px;max-height: 240px;overflow-y: auto;} .im-reply-container-options {position: absolute;top: 0px;color: #929eb0;right: 0px;} .im-mess-text .im-reply-container-content {margin-top: 10px;border-left: 3px solid #e7e8ec;} .im-additionals-records-container {padding-right: 50px;padding-left: 50px;} .im-attachments-container .im-file-line {height: initial;border-top: initial;width: 100%;margin-bottom: 10px;} .im-attachments-container .im-file-icon {width:40px;height:40px;} .im-attachment-remove-button {position: absolute;top: 0px;right: 4px;color: #929eb0;} .im-additionals-attachments-container .im-file-content {margin-left: 0px;padding-left: 50px;} .im-additionals-attachments-container .im-file-content.im-file-without-icon {padding-left: 0px;} .im-additionals-attachments-container .im-file-content .im-dialog-cw .im-dialog-name {margin-bottom: 0px;display: inline-flex;margin-top:2px;} .im-additionals-attachments-container .im-file-content .im-message-options-elem, .im-files-container .im-file-content .im-message-options-elem {font-weight: bold;color: #929eb0 !important;} .im-attachment-remove-button.im-attachment-remove-record-button {top:4px;} .card .roomAccessLevelsContainer [class*="col-"] {padding:0px !important;padding-top: 5px !important;} .noteCanvasContainer {width:100%;height:700px;background-image:url(../images/wood-texture-138.jpg);background-size: cover;background-repeat: no-repeat;background-position: center center;opacity: 0.6;} .im-page-thread-drop-participant, .im-page-thread-attachments, .im-page-options-elem {position: relative;float: right;margin: 0px 5px;cursor: pointer;color: #929eb0 !important;} .im-menu-label,.menu-label {background-color: white;color:#212120;margin-left: 5px;padding:2px 4px;border-radius: 4px;} .im-message-options-elem {margin: 0px 5px;display: inline;color: #929eb0 !important;} .im-additionals-attachments-container .im-file-content .im-dialog-cw {padding: 0px;} .im-attachment-remove-button:hover {color: #7293b6;} .im-record-buttons {width: 200px;} .avatar-in-pre-text-header img {height: 20px;width: 20px;border-radius: 50%;} .im-dialog-text-preview-typing {position: relative;} .anim {opacity:1;animation: callhand 2s infinite;} @keyframes callhand { 0% {opacity:0.3;} 50% {opacity:1;} 100% {opacity:0.3;} } .im-dialog-text-preview-typing .im-dialog-text-preview {color: #91adbb;} .im-daemon-label.im-label-mobile-back {position: absolute;top: 1px;left: 20px;border-radius: 15px;background-color: #929eb0;color: white;font-size: 10px;padding: 0px 6px;} .im-additionals-attachments-container .im-file-line {background: transparent;} .buildingMapCanvasContainer,.noteCanvasContainer {position: absolute;background-color: white;width: calc(100% - 30px);} .canvas-container {z-index:40;} .fontsizeWidth input,.lineWidth input,.opacityValue input,.colorPicker input {width: 50px;display: inline-block;margin: 0px 3px;} .im-page-options-elem:hover, .im-message-options-elem:hover {color: #7293b6 !important;} .im-menu-label,.menu-label {cursor:pointer;} .im-mess-event .im-mess-text, .im-mess-call .im-mess-text {font-style: italic;} .im-dialog-name-w .photo {display: block;} .im-status-msg-link:hover {color: #42648b;} .im-file-bold-name {font-weight: bold;} .im-mess-event, .im-mess-call {min-height: initial !important;} .im-status-msg-link {font-weight: bold;color: rgb(99, 144, 195);cursor: pointer;} .im-attachments-new-version {margin-left: 5px;background-color: #5ba463;width: 10px;height: 10px;display: inherit;border-radius: 5px;} .im-page-thread-attachments .im-attachments-new-version {position: absolute;top: 8px;right: 2px;width: 8px;height: 8px;} .im-page-options-elem-separator {border-left: 1px solid gray;height: 20px;cursor: default;} .im-attachment-image {max-height: 100px;max-width: 300px;} .im-mess-stack-content .im-files-container.im-attachments-container {width: 100%;} .im-page-input .im-files-container.im-attachments-container {width: 100%;padding-bottom: 0px;background-color: #ececec;border-radius: 2px;margin-bottom: 5px;} .im-page-input .im-file-line.im-attachment {margin-bottom: 2px;border-radius: 2px;height: 42px;position: relative;background-color: #ececec;} .im-page-input .im-file-content {position: absolute;display: block;text-decoration: none;text-align: left;top: 0px;width: 100%;height: 42px;padding-left: 50px;margin-left:0px;line-height: 42px;} .im-page-input .im-dialog-cw {padding: 0px;} .im-page-input .im-file-content .im-dialog-name {margin-top:0px;} .im-page-input .im-file-icon {border-radius: 2px 0px 0px 2px;} .im-send-button:hover{background-color: rgb(85, 138, 90);} .help-block {margin-bottom: 0px;} .edit-room-image-container .room-image {border-radius: 6px;} .im-additionals-attachments-container .im-dialog-name {/*display: inline-flex !important;*/} .im-additionals-attachments-container .im-message-options-elem {margin: 3px 4px;} .modal-backdrop:nth-child(2) {/*z-index: 1050;*/} .tasks-spinner-dialog {text-align: center;} .im-mage-preview-close:hover {opacity:1;} .im-image-preview-user .im-dialog-cw {padding: 10px 0px;} .im-send-button:not(.button-wbutton) {padding: 4px 6px 2px 4px;border-radius: 50%;width: 34px;height: 34px;background-color: rgb(91, 164, 99);border: 1px solid rgba(128, 128, 128, 0.3);box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);margin: 10px 5px 0px;color: white;font-size: 10px;} .bootbox-confirm .modal-dialog {/*width: 500px;*/margin: 60px auto;} .input-group-addon {border: 1px solid #CCC5B9;cursor: pointer;} .im-file-line .im-page-options {font-size: 14px;top: 20px;right: 0px;} .core-alert {border-radius: 6px;margin: 15px 4px 25px 4px;} .im-page-mobile-back {margin: 5px 5px 0px 0px;cursor: pointer;color: #929eb0 !important;} .im-page-mobile-back .material-icons {font-size: 2.2em;} .im-image-preview-overlay,.rooms-creating-widget-overlay {background: url(../images/overlay.png) repeat 0 0;position: fixed;width: 100%;height: 100%;opacity: 0.7;cursor: pointer;visibility: visible;display: block;top: 0;left: 0;z-index: 1044;overflow: hidden;} .im-image-preview-close {position: absolute !important;right: 5px !important;top: 5px !important;width: 30px !important;height: 30px !important;background-repeat: no-repeat !important;background-size: cover !important;background-image: url("../images/icon_32_close.png") !important;background-color: initial !important;cursor:pointer;z-index: 10000;opacity:0.8;} .im-image-preview-close-black {position: absolute !important;right: 5px !important;top: 5px !important;width: 24px !important;height: 24px !important;background-repeat: no-repeat !important;background-size: cover !important;background-color: white;cursor: pointer;z-index: 10000;opacity: 0.8;border-radius: 50%;} .im-image-preview-close-black:hover {opacity: 1;} .im-image-preview-content, .rooms-creating-widget-content-wrapper {position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;padding: 50px;z-index: 1049;} .im-image-preview-image-info {width: 100%;background-color: white;z-index: 1060;position: relative;border-bottom: 1px solid rgb(220, 220, 220);} .im-image-preview-image {height: calc(100% - 140px) !important;width: calc(100% - 100px) !important;position: fixed;left: 0px;z-index: 1045;padding: 0px 0px 0px 0px;margin-left: 50px;} .im-image-preview-image-div {max-width: 100%;background-repeat: no-repeat;background-position: 50%;background-color: white;background-size: contain;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0;margin: auto;position: absolute;min-width: 20%;} .im-message-image-container-wrapper {height: 100px;display: block;margin: 3px 0px;min-height: 40px;} .im-message-image-container {height: 100%;background-repeat: no-repeat;background-size: contain;} .navbar-collapse .logo-avatar-settings {right: 40px;padding: 0px;} .navbar-collapse .add-btn-in-header {border-radius: 20px;box-sizing: border-box;border-width: 2px;transition: all 150ms linear;font-weight: 500 !important;font-size: 14px !important;opacity: 1 !important;line-height: 14px;} .off-canvas-sidebar .nav > li > a.add-btn-in-header i {font-size: 20px;margin-right: 0px;margin-left: 10px;line-height: 20px;} .off-canvas-sidebar .add-btn-in-header {color:white;} .im-link-object {color: #929eb0 !important;cursor:pointer;} .form-control.room-filter-control {max-width: 200px;float: left;height: 38px;} .im-link-object-underlined {text-decoration: underline;} .im-users-container-list .im-dialog-cw {padding: 6px 0;} .im-threads-search-fa {padding: 0px;} .im-threads-search-fa .material-icons {line-height: 28.5px;} .im-threads-search-input-element:focus {border-bottom: 1px solid #929eb0;} .im-page-client-options-elem:hover {color: #7293b6 !important;} .im-thread-creating-container {border-top: solid 1px #e7e8ec;padding: 0px 15px 10px 15px;} .im-thread-creating-label {color: #66615b;font-size: 12px;margin-top: 5px;margin-bottom: 2px;} .im-thread-creating-text-fields {background: rgb(255, 255, 255) none repeat scroll 0% 0%;border-radius: 3px;border: 1px solid rgb(211, 217, 222);width: 100%;padding: 5px;font-size: 12px;} .im-users-tags .one-tk-tag {font-size:10px;margin: 2px 5px 10px 0px;padding: 1px 3px;} .im-threads-search-wrapper {display: inline-flex;width: 100%;color: #929eb0;padding-right: 30px;margin-top: 4px;} .im-threads-search-wrapper.with-sorting {width: calc(100% - 82px);} .im-page-lastheartbeat {color: gray;font-size: 12px;} .im-threads-search-input {width: 100%;position: relative;} .im-threads-search-input-element {width: 100%;padding: 5px;font-size:12px;border: 0px;border-bottom: 1px solid rgb(211, 217, 222);font-weight: 500;background-color: white;} .logo-avatar-settings.active {background-color: white;opacity: 1;color: #EB5E28;} .im-page-client-options-elem {margin: 0px 5px;cursor: pointer;color:#929eb0 !important;} .im-page-client-options-elem .material-icons {font-size: 1.2em;} .im-participant-room-status {position: absolute;width:25px;height:25px;right: 0px;bottom: 2px;border:2px solid white;border-radius: 50%;background-color: white;line-height: 20px;text-align: center;font-size: 14px;cursor: pointer;color: rgb(91, 164, 99);} .im-page-thread-in-room-count, .button-wbutton-label {position: absolute;font-size:10px;background-color:#7293b6;color:white;border-radius:7px;padding:0px 4px;top:5px;line-height:13px;right:2px;} .button-wbutton-label.button-wbutton-label-large {top: -3px;font-size: 12px;padding: 0px 5px;right: -3px;line-height: 16px;} .top-alert{position: fixed;top: -5px;width: 100%;padding:30px 0 0px 0px;text-align: center;-webkit-transform: translate3d(0px, -100%, 0px);-ms-transform: translate3d(0px, -100%, 0px);transform: translate3d(0px,-100%, 0px);-webkit-transition: -webkit-transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;cursor: pointer;z-index: 1130;background-color: initial !important;} .top-alert.show {-webkit-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);} .top-alert .alert-wrapper{max-width: 600px;display: inline-block;vertical-align: top;margin: 0 auto;border-radius: 2px;color: #FFFFFF;font-size: 13px;text-align: left;overflow: hidden;/*box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);*/} .top-alert .alert {display: table;padding: 0px 0px 0px 0px;margin-bottom: 0px;} .top-alert .alert-line{display: table-row;} .top-alert .alert-line > div{display: table-cell;vertical-align: middle;background-color: #242424;padding: 20px 30px;} .top-alert .alert-line > div.alert-icon{width: 22px;padding-right: 0px;border-radius: 2px 0px 0px 2px;} .top-alert .icon{display: block;width: 22px;height: 22px;content: '';background-position: center;background-repeat: no-repeat;background-size: 22px;} .top-alert .alert-line > div.alert-text {border-radius: 0px 2px 2px 0px;} .top-alert.success .icon{background-image: url("../images/alert_ok.png");} .top-alert.danger .icon{background-image: url("../images/alert_error.png");} .top-alert .alert-text p {font-size: 14px;} .im-creating-buttons .fa-spin {margin-right: 5px;} .im-page-options-elem.button-wbutton {line-height: 36px;margin: 6px 4px 6px 4px;} .button-wbutton-selected {background-color: rgb(230, 230, 230);} .sidebar .nav li > a.menu-special-button, .off-canvas-sidebar .nav li > a.menu-special-button {display: inline-block;width: 40px;text-align: center;padding: initial;margin: 0px;line-height: 36px;border-radius: 3px;background-color: #fb8700;margin-left: 20px;vertical-align: top;} .sidebar .nav li > a.menu-special-button i, .off-canvas-sidebar .nav li > a.menu-special-button i {float: initial;margin: initial;} .sidebar .nav li > a.menu-special-button-link, .off-canvas-sidebar .nav li > a.menu-special-button-link {display: inline-block !important;line-height: 34px;font-size: 1.1em;font-weight: 400;text-transform: uppercase;padding: 0px 16px;margin-left: 10px;border: 1px solid white;border-radius: 3px;vertical-align: top;margin-top: 0px;} .sidebar .nav li:hover > a.menu-special-button, .sidebar .nav li:hover > a.menu-special-button-link {opacity: .7;} .sidebar .nav li > a.menu-special-button:hover, .sidebar .nav li > a.menu-special-button-link:hover {opacity: 1;} .sidebar .nav li > a {white-space: nowrap;} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .top-alert.success .icon{background-image: url("../images/alert_ok@2x.png");} .top-alert.danger .icon{background-image: url("../images/alert_error@2x.png");} } .im-create-switcher {color: #929eb0;top: calc(50% - 11px);} .im-create-switcher .fa {line-height: 23px;width: 22px;display: inherit;} .im-create-switcher:hover {color: #717172;} .im-dialog-event-placeholder {background-image: url("../images/gray_arrow.png");position: absolute;left: -54px;height: calc(100% - 20px);width: 106px;background-position: 50% 50%;background-repeat: no-repeat;} .im-dialog-call-placeholder {position: absolute;left: -54px;height: calc(100% - 20px);width: 106px;text-align: right;color: gray;vertical-align: middle;} .im-dialog-call-placeholder i {line-height: 40px;} .flm-upload-progress {margin-top: 15px;} .flm-dialog-name-w {max-width: 90%;} .fa-in-btn-group-without-text {line-height: 18px;} .ifm-image-preview-close, .flm-image-preview-close {position:fixed !important;} .im-archive-button {text-align: right;} .im-footer-additional-buttons {height: 60px;position: absolute;bottom: 0px;text-align: right;width: 100%;background: rgb(250, 251, 252) none repeat scroll 0% 0%;padding: 0px 20px;line-height: 60px;} .poll-subheader {font-size: 14px;color: gray;overflow: hidden;max-height: 20px;} .poll-result-preview {width: 100%;height: 100%;background-repeat: no-repeat;background-position: 50%;background-color: white;background-size: contain;border-left: solid 1px #7293b6;padding: 10px;overflow-y: auto;overflow-x: hidden;} .div-as-link {cursor:pointer;color: #005695;} .div-as-link:hover {color: #0E4975;} .poll-quest-one-line {box-sizing: border-box;padding: 5px 5px 5px 15px;display: block;width: 100%;cursor: pointer;position: relative;border-bottom: solid 1px #e7e8ec;font-size:14px;} .poll-quest-one-line:hover:not(.poll-quest-one-line-selected) {background: #f5f7fa;} .poll-quest-type {font-size: 12px;color: gray;} .poll-quest-one-line-selected {background: #7293b6;cursor: pointer;color: white;} .poll-quest-one-line-selected .poll-quest-type {color: #ececec;} .poll-quest-respondents {bottom: 5px;color: white;background-color: rgb(114, 147, 182);border-radius: 15px;padding: 3px;min-width: 18px;text-align: center;position: absolute;right: 5px;font-size: 10px;line-height: 10px;} .poll-quest-one-line-selected .poll-quest-respondents {color: rgb(114, 147, 182);background-color: white;} .poll-result-preview-title {font-size: 16px;} .poll-result-preview-description {font-size: 12px;color: rgb(66, 66, 66);} .poll-result-preview-chart {margin-top:30px;} .poll-results-preview-name {font-size: 18px;padding: 15px;border-bottom: 1px solid rgb(231, 232, 236);} .poll-results-preview-info {width: 300px;height: calc(100% - 100px);background-color: white;z-index: 1060;position: absolute;overflow-y: auto;overflow-x: hidden;} .poll-user-to-poll {background: rgb(122, 204, 131) none repeat scroll 0% 0%;} .poll-user-to-poll .im-dialog-name-w {color: white;font-weight: bold;} .polls-users-container ul {padding: 0px;} .poll-result-preview-var {font-weight: bold;margin-top: 5px;} .poll-quest-one-var-container {margin-bottom: 20px;} .spinner-title {font-size: 14px;margin-bottom: 10px;font-style: italic;} .sked-template-avatar {width: 50px;height: 50px;background-size: cover;border-radius: 6px 0px 0px 6px;} .sked-template-title {margin-top: 10px;} .sked-template-buttons-container {margin-top: 10px;text-align: right;position: absolute;top: 0px;right: 5px;} .sked-template-param {font-weight: bold;} .notification-fa {cursor:pointer;} .avatar-container-users-list {position: relative;padding: 8px;width: 60px;} .spinner-scan-icon {background-image: url('../images/icon_scan.gif');width: 64px;height: 64px;margin: 0 auto;background-position: 50% 50%;background-repeat: no-repeat;} .header-tools-checkbox {float: left;margin: 0px 10px;line-height: 38px;display: inline-flex;} .header-tools-checkbox-container {padding-top: 2px;margin-right: 4px;margin-left: 4px;} .card .content.card-tools-container {padding: 15px 15px 15px 15px;background-color: #eaeaea;text-align: right;} .rooms-creating-widget-content {width: 100%;height: 100%;background-color: white;overflow-y: auto;padding: 0px 20px 20px 20px;} .app-users-one-user-container:not(.room-user-to-invite):not(.preselected):hover {background-color: rgba(255, 255, 255, 0.49);} .app-users-one-user-container .user-options {position: absolute;right: 5px;top: 10px;} .room-user-to-invite {background: rgb(122, 204, 131) none repeat scroll 0% 0%;} .room-user-to-invite .app-users-one-user-name {color: white;font-weight: bold;} .files-creating-title-subheader {color: gray;margin-bottom: 3px;} .app-invite-additional-modules {font-size: 14px;line-height: 30px;text-align: center;margin: 10px 0px;font-style: italic;font-weight: 300;} .app-searched-users-container {padding: 5px 0px;} .one-tk-tag {background-color: #5BC0DE;padding: 1px 5px;color: white;border: 1px solid #46B8DA;border-radius: 4px;margin: 2px 5px 4px 0px;display: inline-block;font-size: 12px;} .app-users-one-user-login {color: gray;font-size: 12px;} .room-btn-container {text-align: right;margin: 5px 0px;} .room-user-to-invite {background: rgb(122, 204, 131) none repeat scroll 0% 0%;} .room-user-to-invite .app-users-one-user-name {color: white;font-weight: bold;} .room-fa-prepend-spinner {margin-right: 5px;} .app-invite-over-main-control {display:inline-block;width:49.8%;} .app-invite-over-main-control-right {float: right;} .system-users-one-user-name-container {padding-left: 55px;width:100%;padding-top: 5px;min-height: 50px;} .app-users-one-user-name-wrapper {max-width: calc(100% - 20px);white-space: nowrap;display: inline-block;text-overflow: ellipsis;overflow: hidden;padding-bottom: 1px;} .app-users-one-user-name {font-size: 14px;font-weight: 300;margin-top: 0px !important;width: 100%;vertical-align: initial !important;} .app-users-one-user-container {margin-bottom: 5px;padding: 2px;border-radius: 2px;cursor:pointer;position: relative;overflow: hidden;height: 55px;border-bottom: 1px solid whitesmoke;} .users-one-user-subdescription {font-size: 12px;color: gray;} .app-users-one-user-avatar {position: absolute;height: 100%;width: 46px;left: 5px;} .app-users-one-user-peer-avatar {width:46px;height:46px;border-radius: 50%;position:absolute;top:0;left:0;background-color:#fafbfc;background-size: cover;background-position: 50%;margin-top: 2px;} .im-files-container .im-file-line .im-page-options {top: 18px;} .content.card-tools-container-pro {padding: 15px 15px 15px 15px;text-align: right;background-color: #f2f2f2;} .app-file-options-elem.app-file-options-filerename {margin:0px 5px;} .app-file-options-elem.app-file-options-fileremove {margin:1px 5px;} .app-file-options-elem:hover {color: #7293b6 !important;} .rooms-not-found-wrapper {padding: 10px 20px 10px 15px;color: gray;} .form-errors {color: #F00;font-weight: bold;text-align: left;margin: 3px 0px 5px 0px;} .form-error {color:#F00;} .im-alert-message {color: #F00;} a.disabled, li.disabled, .tasks-solve-option.disabled {pointer-events: none;cursor: not-allowed;opacity: 0.5;filter: alpha(opacity=50);} #appKOFilemanagerID .app-file-preview-image-spinner {top: 0px;height: 100%;width: 100%;} .panel-full-size .card.im-card {margin:0px;} .streaming-frame iframe {min-height: 600px;} .im-mess-double {min-height: initial;padding-top: 6px;} .im-mess-double .im-message-participants .im-mess-stack-photo {left: initial;} .room-filter-control-group .btn {margin-left: 5px !important;} .im-thread-group-description {height: 40px;vertical-align: bottom;font-weight: bold;text-transform: uppercase;line-height: 40px;} .im-page-starred-thread {color: #fc0 !important;} .im-page-options-elem.im-page-starred-thread:hover {color: #f5c400 !important;} .room-dropdown-menu-wrapper, .tasks-dropdown-menu-wrapper {position: relative;width: 265px;} .room-dropdown-menu {z-index: 456;position: absolute;background-color: white;width: 100%;border-radius: 3px;margin-top: 5px;padding: 0px;border: 1px solid #ddd;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);} .card.inherit-card {position: inherit;} .room-dropdown-menu li {padding: 7px 20px;text-align: left;list-style: none;font-size: 14px;line-height: 24px;cursor: pointer;text-overflow: ellipsis;overflow: hidden;} .room-dropdown-menu li .fa {margin-right: 5px;} .room-dropdown-menu li:hover {background-color: #f6f6f6;} .room-dropdown-menu li:not(:last-child) {border-bottom: 1px solid rgb(228, 228, 228);} .room-dropdown-menu .material-icons {float: left;margin-right: 5px;} .fa-danger {color: #EB5E28 !important;} .fa-warning,.mi-warning {color: #F3BB45 !important;} .room-card-wrapper {position: relative;height: 100%;background-color: #ffffff;} .button-wbutton {display: inline-block;line-height: 36px;cursor: pointer;margin-left: 1px;width: 36px;text-align: center;vertical-align: middle;position: relative;user-select: none;} .button-wbutton:hover {background-color: rgba(204, 204, 204, 0.4);border-radius: 50%;} .button-wbutton.wbutton-lg {line-height: 44px;width: 44px;} .button-wbutton.wbutton-lg img {width:32px;} .button-wbutton-separator {width: 10px;display: inline-block;} .button-wbutton.button-wbutton-mini {width: 20px;height: 20px;line-height: 20px;} .button-wbutton.button-wbutton-mini .material-icons {line-height: 20px;width: 20px;font-size: 16px;vertical-align: top;} .populated-rooms-container .room-content-title {width: calc(100% - 110px);} .populated-rooms-container .room-panel {background-color: #ffffff;} .fa-success {color:rgb(91, 164, 99) !important;} .room-dropdown-menu a,.room-dropdown-menu li > div {color:#778293;} .card.card-without-background {box-shadow: none;background-color: transparent;} .card.tools-card {padding: 0px;margin: 15px 0px 5px 0px;} .users-list-one-user .avatar-container-users-list {width:100%;} .users-list-one-user .user-subheader {padding-left: 0px;} .users-list-user-header .im-image-preview-user .im-dialog-cw {line-height: 1em;padding: 5px 0px 0px;} .im-page-thread-search-tools {line-height: 46px;display: inline-flex;} .im-page-thread-search-tools input {line-height: 22px;} .im-image-preview-image-div-options {height: 30px;background-color: rgba(0, 0, 0, 0.69);position: relative;margin-top: -30px;width: 100%;text-align: right;} .im-messages-not-found-label {color: #656565;} .im-image-preview-container.im-image-preview-container-for-one-file {z-index: 1039;position: absolute;} .users-list-user-header {padding: 10px 5px;border-radius: 2px;min-height: 135px;} .user-photo-wrapper .user-online-status {position: absolute;width: 15px;height: 15px;background-color: rgb(91, 164, 99);right: calc(50% - 40px);bottom: 5px;border: 2px solid white;border-radius: 50%;} .users-list-user-header .user-photo-container {text-align: center;} .users-list-user-header .user-statuses {text-align: center;padding: 10px;position: absolute;bottom: 0px;width: 100%;left: 0px;} .users-list-user-header .user-statuses .button-wbutton {margin-left:5px;margin-right: 5px;} .users-list-user-header .user-photo-wrapper {position: relative;} .users-list-user-header .user-photo-wrapper .user-photo-avatar {width: 90px;height: 90px;border-radius: 50%;background-color:#fafbfc;background-size: cover;background-position: 50%;margin:auto;} .users-list-user-header .user-name-container {white-space: nowrap;display: inline-block;text-overflow: ellipsis;overflow: hidden;padding-bottom: 1px;vertical-align: middle;color:#424242;font-size: 1.2em;width: 100%;text-align: center;margin: 10px 5px 0px 5px;} .users-list-user-header .user-name-subcontainer {white-space: nowrap;display: inline-block;text-overflow: ellipsis;overflow: hidden;vertical-align: middle;color:#6b6b6b;font-size: 1em;width: 100%;text-align: center;margin: 0px 5px;} .users-list-user-header .user-favorite-container {position: absolute;right: 10px;z-index: 4;} .users-list-user-header .user-favorite-you-status {position: absolute;right: 0.75em;z-index: 4;top: 3em;} .users-list-user-header .user-last-date-container {position: absolute;font-size: 10px;color: gray;z-index: 3;left: 10px;bottom: 10px;height: 1em;} .users-list-user-header .user-favorite-container .user-favorite-status {font-size: 1.4em;} .users-list-user-header .user-current-room {font-size: 10px;word-wrap: break-word;color: gray;cursor: pointer;white-space: nowrap;position: absolute;top: 15px;text-overflow: ellipsis;max-width: 120px;overflow: hidden;} .users-list-user-header .avatar-container-tags-list {max-height: 25px;overflow: hidden;text-align: center;} .card-tools-container-table {display: table;width: 100%;} .card-tools-container-table-cell {display: table-cell;vertical-align: middle;text-align: center;position: relative;} .card-tools-container-table-cell.card-tools-container-table-cell-pull-right {text-align: right;} .users-filter-control {width: 170px;} .users-filter-control.disabled {pointer-events: none;cursor: not-allowed;opacity: 0.5;filter: alpha(opacity=50);} .users-starred-control {width: 40px;} .log-list-one-log {min-height:75px;padding: 5px 5px 10px 90px;} .log-list-one-log .user-photo-container {position: absolute;left: 10px;top: 5px;width: 66px;height: 66px;} .log-list-one-log .user-photo-wrapper {position: relative;} .log-list-one-log .user-photo-wrapper .user-photo-avatar,.user-row .user-photo-wrapper .user-photo-avatar {width:66px;height:66px;border-radius: 50%;background-color:#fafbfc;background-size: cover;background-position: 50%;margin:auto;} .mini-avatar-td .user-photo-wrapper .user-photo-avatar {width:30px;height:30px;border-radius: 50%;background-color:#fafbfc;background-size: cover;background-position: 50%;margin:auto;} .avatar-td {width:90px;} .log-list-one-log .user-photo-wrapper .user-online-status {right: calc(50% - 33px);bottom: 3px;} .log-list-one-log .log-date {color: gray;font-size: 0.85em;} .log-list-one-log .user-name-container, .post-list-one-post .post-name-container {white-space: nowrap;display: inline-block;text-overflow: ellipsis;overflow: hidden;padding-bottom: 1px;vertical-align: middle;color:#424242;font-size: 1.2em;width: 100%;margin: 0px 5px 0px 0px;} .post-list-one-post .post-name-container {white-space: initial;} .log-list-one-log .log-status, .post-list-one-post .post-description {color: gray;} .log-list-one-log.log-short {min-height: initial;padding: 10px 5px 10px 15px;} .log-list-one-log.log-list-one-new-log {background-color: #e9eaed;} .log-list-one-log.notification-readed {background-color: #beecbe;} .feedback-list-one-log {min-height:70px;padding: 10px;} .feedback-list-one-log .log-date {color: gray;font-size: 0.85em;} .feedback-list-one-log .user-name-container {white-space: nowrap;display: inline-block;text-overflow: ellipsis;overflow: hidden;padding-bottom: 1px;vertical-align: middle;color:#424242;font-size: 1.2em;width: 100%;margin: 0px 5px 0px 0px;} .feedback-list-one-log .feedback-status {margin-top:10px;} .express-room-users-container .user-row {padding-left: 10px;} .express-room-users-container .table tbody tr > td {border-top:0px;} .button-wbutton.disabled {pointer-events: none;cursor: not-allowed;opacity: 0.5;filter: alpha(opacity=50);} .ul-full-text ul {font-size: 16px;} .right-align {text-align: right;} .room-dropdown-menu-top .room-dropdown-menu {bottom: 24px;} .room-dropdown-menu li div {line-height: 24px;vertical-align: middle;outline: none;} .im-pre-input-buttons .button-wbutton {margin-left: 0px;} .im-page-splash-fa-container i {font-size: 7em;} .im-participants-typing-statuses {text-align: center;font-size: 0.9em;background-color: oldlace;} .im-participants-typing-statuses div {padding: 0.5em;color: gray;} .im-participants-typing-statuses .material-icons {font-size: 0.9em;vertical-align: middle;line-height: 1.5em;} .my-files-card .im-files-container .im-dialog-cw {max-width: calc(100% - 105px);} .button-wbutton .fa-circle-o-notch.fa-spin {width: 28px;text-align: center;line-height: 28px;font-size: 14px;color: #929eb0;} .button-wbutton .material-icons {line-height: 36px;width: 36px;vertical-align: middle;color:#929eb0;} .wbutton-success {color: #55A15E} .im-image-preview-manager {position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 50;} .files-bucket-is-empty {font-size: 12px !important;color: gray;} .app-file-name-zone .im-message-participants-container .im-mess-stack-photo {position: relative;} .app-file-name-zone .im-message-participants-container .im-dialog-photo .im-peer {width:15px;height:15px;} .app-file-name-zone .im-message-participants-container .im-dialog-photo .im-peer-avatar {width: 15px;height:15px;} .im-page-one-thread .app-file-preview-image-spinner {width: 100%;height: 100%;top:0px;padding-top: 50px;} .im-page-one-thread .app-file-preview-image-spinner.file-preview-thumb-failed {height: calc(100% - 30px);} .file-preview-thumb-failed .material-icons {font-size: 5em;color: #f3bb45;cursor:pointer;} .landing-top-background {background-repeat: no-repeat;background-position: 50% 50%;/*background-image:url('../images/loft2.jpg');*/position: relative;width: 100%;height: 250px;background-size: cover;border-radius: 2px;background-color: gray;} .landing-profile-container {position: absolute;bottom: 0px;width: 100%;display: inline;padding: 0px 20px 20px 20px;height: 66px;} .landing-avatar-wrapper {background-repeat: no-repeat;background-position: 50% 50%;height: 46px;width: 46px;border-radius: 50%;border: 2px solid white;display: inline-block;background-size: cover;position: absolute;bottom: 20px;z-index: 1;} .landing-name-wrapper {position: absolute;height: 46px;background-color: rgba(100,100,100,0.5);padding: 0px 10px 0px 60px;border-radius: 23px 2px 2px 23px;overflow-y: hidden;} .landing-profile-name {font-weight: 400;color: white;font-size: 1.4em;} .landing-profile-rooms {color: white;font-weight: 300;font-size: 1.2em;} .landing-buttons-container {position: absolute;right: 0px;bottom: 0px;padding: 0px 20px 25px 0px;} .landing-button {display: inline-block;line-height: 36px;font-size: 1.3em;vertical-align: middle;color: black;background-color: rgba(255, 255, 255, 0.8);border-radius: 2px;padding: 0px 10px;margin-left: 5px;cursor: pointer} .landing-button:hover {background-color: rgb(237, 237, 237);} .landing-room-card-wrapper {height: 170px;padding: 0px 0px 0px 0px;box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);} .landing-room-card-wrapper:hover {box-shadow: 0 2px 2px rgba(204, 197, 185, 0.8)} .landing-room-card-wrapper .room-panel-thread-status {top: 10px;left: 10px;} .landing-room-card-wrapper .room-image-container {position: relative;width: 100%;text-align: center;height: 125px;z-index: 2;} .landing-room-card-wrapper .room-image-container .room-image {margin: auto;height: 125px;width: 100%;border-radius: 2px 2px 0px 0px;} .landing-room-card-wrapper .room-image-container .room-play-link {position: absolute;top: 0px;height: 125px;width: 100%;left: 0px;} .landing-room-card-wrapper .room-image-container .room-play-link .room-play-button {border-radius: 2px 2px 0px 0px;width: 100%;height: 100%;} .landing-room-card-wrapper .room-content-title {width: 100%;padding: 0px 10px;text-align: center;line-height: 3em;} .landing-room-card-wrapper .room-content-title a {font-weight: 300;} .landing-room-card-wrapper .room-content-buttons {width: 100%;position: relative;text-align: center;right: initial;height: 3em;line-height: 2em;max-width: 100%;} .landing-big-plus-button {cursor:pointer;} .landing-big-plus-button .plus-button-icon-container {text-align: center;} .landing-big-plus-button .plus-button-icon-container i {font-size: 4em;line-height: 125px;color: #929eb0;} .landing-big-plus-button .plus-button-title-container {text-align: center;color:#929eb0;font-size: 1.3em;line-height: 3em;} .landing-big-more-button .more-button-icon-container {text-align: center;} .landing-big-more-button .more-button-icon-container i {line-height: 195px;font-size: 3em;color: #929eb0;} .room-creator-avatar {position: absolute;top: 110px;left:10px;z-index: 15;} .room-creator-avatar-wrapper {width: 30px;height: 30px;border-radius: 50%;background-size: cover;background-position: 50%;border: 1px solid white;} .users-list-one-landing-user .users-list-user-header {height: 110px;} .users-list-one-landing-user .users-list-user-header .user-photo-wrapper .user-photo-avatar {width:90px;height:90px;} .card.file-card {padding: 0px;border-radius: 2px;height: 150px;margin: 5px 0px 10px 0px;} .file-card .im-file-icon-container {top: 0px;height: 110px;width: 100%;} .file-card .im-file-line {height: 40px;position: absolute;bottom: 0px;width: 100%;width: 100%;line-height: 40px;vertical-align: middle;} .file-card .im-file-line .im-file-content {margin-left: 5px;width: calc(100% - 45px);padding-right: 0px;} .file-card .im-file-icon-container .app-file-icon {width: 100%;height: 110px;background-position: 50% 0%;} .file-card .im-file-line .im-file-content .im-dialog-name-w {font-weight: 300 !important;max-width: 100%;} .file-card .app-file-options {line-height: 40px;bottom: 0px;top: initial;} .material-spinner {background-image: url('../images/loading_spinner.gif');width: 40px;height: 40px;margin: auto;background-position: 50%;background-size: cover;} .material-button-floating {transition: .3s ease-out;width: 24px;height: 24px;line-height: 24px;} .material-button:hover,.material-button-floating:hover {} .material-button {transition: .3s ease-out;text-align: center;border-radius: 3px;height:36px;line-height: 36px;padding: 0 1em;text-transform: uppercase;vertical-align: middle;font-size: 1em;display: inline-block;position: relative;cursor: pointer;border: 0px;margin: 0px 5px 5px 0px;overflow-x: hidden;white-space: nowrap;text-overflow: ellipsis;overflow-y: hidden;} .material-button-primary {background-color: rgb(0, 144, 186);color:white;} .material-button-primary:hover {background-color: rgb(41, 168, 206) !important;color: white;} .material-button-primary:focus,.material-button-warning:focus,.material-button-success:focus {color:white;} .material-button-warning {background-color: #d32f2f;color:white;} .material-button-warning:hover {background-color: #e53935 !important;color: white;} .material-button-success {background-color: #388e3c;color:white;} .material-button-success:hover {background-color: #43a047 !important;color: white;} .button-wbutton.material-button-success,.button-wbutton.material-button-warning, .button-wbutton.material-button-primary {border-radius: 50%;} .button-wbutton.material-button-success .material-icons,.button-wbutton.material-button-warning .material-icons, .button-wbutton.material-button-primary .material-icons {color:white;} .material-button .material-spinner, .tasks-interface-widget-section-header .material-spinner {line-height: 36px;display: inline-block;width: 26px;height: 26px;margin-right: 5px;vertical-align: middle;} .material-button-free-height {white-space: normal;width: 160px;height: initial;line-height: 24px;} .material-button-lg {width: 100%;} .button-wbutton.button-wbutton-success .material-icons {color:#388e3c;} .button-wbutton.button-wbutton-primary .material-icons {color:rgb(0, 144, 186);} .button-wbutton.button-wbutton-warning .material-icons {color:#ec971f;} .button-wbutton.button-wbutton-danger .material-icons {color:#d32f2f;} .im-page-thread-participants {overflow-y: auto;} .im-page-participant-line .button-wbutton {margin-right: 0px;} .material-button-counter {position: absolute;top: 0px;right: -20%;line-height: 1.5em;font-size: 0.9em;color: white;background-color: #17b300;border-radius: 0.75em;padding: 0em 0.4em;} .material-button-counter-im-warning {position: absolute;top: -2px;line-height: 1.5em;font-size: 0.9em;color: white;padding: 0px;left: 35px;} .navbar-collapse .material-button-counter-im-warning {top: 2px;left:10px;} .material-button-counter-im-warning .material-icons {font-size: 18px !important;line-height: 18px !important;vertical-align: middle;color: #f3bb45;} .modal-footer .material-spinner {display: inline-block;} .material-button.disabled {pointer-events: none;opacity: 0.4;cursor:default;} .material-button .material-icons {line-height: inherit;float: left;margin-right: 5px;} .im-user-selector-in-creating {width: 40px;line-height: 5em;height: 63px;vertical-align: middle;text-align: center;} .im-dialog-content.im-dialog-content-with-option {padding-right: 55px;} .im-user-selected-to-thread .im-page-options .material-icons {color:rgb(0, 144, 186);} .im-threads-creating-adding-title, .im-threads-creating-inviting-title {font-size: 1.2em;font-weight: 300;} .im-page-splash-fa-container .material-spinner {width: 80px;height: 80px;} .more-button-container {padding:2em;} .modal-content {border-radius: 2px;border: initial;} .button-wbutton .material-spinner {width: 30px;height: 30px;display: inline-block;vertical-align: middle;} .label {padding: 2px 5px;border-radius: 10px;font-size: 100%;cursor:pointer;} .label-success {color:white;} .room-inviting-users-searching-input {margin-bottom: 10px;} .room-inviting-users-container .app-users-one-user-container.notinvited {opacity: 0.7;background-color: #ececec;} .room-inviting-users-container .app-users-one-user-name {font-size: 1.2em;} .room-inviting-users-container .system-users-one-user-name-container {padding-right: 100px;} .room-inviting-users-container .system-users-one-user-name-container .users-one-user-new-status {display: inline-block;height: 10px;width: 10px;background-color: #ababff;border-radius: 50%;margin-left: 5px;} .room-inviting-users-container .item-selecting-options {position: absolute;top: 0px;right: 5px;height: 100%;line-height: 55px;} .landing-title {color: #66615B;font-weight: 300;text-transform: uppercase;} .room-dropdown-menu li .material-spinner {line-height: 24px;display: inline-block;vertical-align: middle;width: 24px;height: 24px;} .card.schedule-card, .card.sked-card, .feedback-list-one-log.card, .card.api-card, .card.tasks-card {margin:15px 0px 5px 0px;} .im-image-preview-container-for-one-file .app-file-preview-image-spinner {padding-top: 100px;/*margin-left: 300px;*/position: relative;top: 0px;width:100%;} .im-image-preview-container .card-tools-container-table-cell {float: left;} .my-files-card .app-file-preview-image-spinner {padding-top:100px;} .user-status-span .material-icons {font-size: 16px;margin-left: 5px;vertical-align: middle;} .user-status-span.user-status-checked {color: #0090ba;vertical-align: top;cursor: pointer;} .im-mess-header {margin-bottom: 3px;} .im-mess-header .material-spinner {height: 12px;display: inline-block;width: 12px;} .control-label.additional-offset {margin: 15px 0px 10px 0px;} .app-files-document-container.app-files-im-document-viewer {height: 100%;top: 0em;} .card-options {position: absolute;right: 0px;line-height: 76px;top: 0px;width: 50px;text-align: center;} #myNotificationsTable .user-name-container {padding-right: 50px;} #myNotificationsTable .log-status {padding-right: 50px;} .index-one-record {padding: 10px;margin-top: 5px;} .index-one-record-date {font-size: 0.9em;color: gray;} .im-peer-newyear-avatar {background-repeat: no-repeat;background-position: 0% 100%;background-image: url('../images/newyear.png');background-size: cover;position: absolute;width: 30px;height: 30px;left: -10px;top: -5px;} .im-image-preview-content .app-files-layout-splash{top: 50px;height: calc(100% - 100px);width: calc(100% - 100px);left: 50px;} .im-image-preview-content iframe {background-color: white;} .files-widget-preview-option.im-files-widget-preview-option {display: inline-flex;} .files-widget-preview-option.im-files-widget-preview-option .material-icons {line-height: 30px;margin-right: 3px;} .room-dropdown-menu-wrapper .material-icons, .tasks-dropdown-menu-wrapper .material-icons {color:#929eb0;} #roomInfoUsers .card {margin-top: 5px;} .error.red-text {font-size: 14px;margin-bottom: 10px;} .tab-content {padding-top: 0px;} .tab-content-without-padding {padding-top:0px;} .tab-pane .card > .content {padding-top: 0px;padding-bottom: 10px;} .nav.nav-tabs a .label {margin-left: 5px;} .one-tag {padding: 1px 5px 1px 8px;color: rgba(0,0,0,0.6);background-color: #e4e4e4;display: inline-block;margin: 0px 1px 2px 0px;line-height: 24px;border-radius: 12px;margin-right: 5px;} .one-tag .material-icons {line-height: 24px;font-size: 16px;vertical-align: middle;cursor: pointer;} .load_panel_list.tags-list {list-style-type: none;padding-left: 0px;} .load_panel_list.tags-list li {padding: 5px 0px 5px 5px;} .load_panel_list.tags-list li.active {background-color: rgb(204, 197, 185);} .translations-buttons-container {text-align: right;margin-top:10px;} .user-photo-avatar-with-preview {cursor: pointer;} .post-list-one-post {padding: 10px 130px 10px 10px;min-height: 100px;} .post-list-one-post .post-list-one-post {min-height: 60px;} .post-list-one-post .app-file-options {right: 5px;} .card-tools-container-streaming-link {width: calc(100% - 100px);text-align: left;} .im-dialog-resolution {padding-left: 20px;} .card-tools-container-table-cell .items-counter {line-height: 36px;cursor: pointer;margin-left: 5px;width: 36px;text-align: center;display: inline-block;vertical-align: middle;} .card-tools-items-counter {text-align: left;} .button-wbutton.button-archive {position: absolute;left: 0px;top: 6px;} .im-radio-checker li {line-height: 2.5em;vertical-align: middle;position: relative;padding-left: 40px;} .im-radio-checker-container {position: absolute;font-size: 16px;top: 0px;left: 0px;color: #929eb0;display: inline-block;text-align: right;height: 100%;line-height: 2.5em;} .im-radio-checker-container-buttons {width: 40px;line-height: 2.5em;height: 30px;vertical-align: middle;text-align: center;cursor:pointer;} .im-radio-checker-title {cursor: pointer;} .im-feed-switcher {color: #929eb0;top: calc(50% - 18px);position: absolute;left: 36px;cursor: pointer;} .im-page-thread-info {width: 100%;table-layout: fixed;box-sizing: border-box;position: absolute;height: 100%;top: 0;right: 0;padding-left: 340px;overflow-y: auto;} .im-page-thread-info .row {margin-right: 0;margin-left: 0;margin-top: 20px;} .im-page-thread-info-avatar {width: 200px;height: 200px;border-radius: 50%;background-color: #fafbfc;background-size: cover;background-position: 50%;margin: auto;} .im-page-thread-info-close {position: absolute;cursor: pointer;z-index: 450;right: 10px;top: 10px;color: #939fb0;} .im-remove-thread-title {font-weight: bold;} .im-page-thread-info-name {font-weight: bold;line-height: 2em;margin-top: 20px;} .im-page-thread-info-date, .im-page-thread-info-participants {line-height: 2em;} .im-peer-initiated-room-status.im-peer-badge .material-icons {font-size: 1.2em;line-height: 18px;vertical-align: middle;display: block;} .im-pre-name-badge .material-icons {font-size: 16px;vertical-align: middle;} .im-dialog-demo-name {background-color: rgba(228, 228, 228, 0.54);width: 80%;line-height: 1em;height: 1.4em;border-radius: 8px;} .im-dialog-demo-date {background-color: rgba(228, 228, 228, 0.54);width: 40px;line-height: 1em;height: 1.6em;border-radius: 8px;top: 15px;} .im-peer.im-msg-severity-important {line-height: 46px;vertical-align: middle;text-align: center;color: #fff;cursor: pointer;} .im-peer.im-msg-severity-important .material-icons {vertical-align: middle;} .im-confirm-important-container {margin-top: 10px;} .im-confirm-important-container .material-button {line-height: 30px;height: 30px;} .im-message-confirmed .im-peer-avatar {border: 2px solid rgb(255, 117, 0);} .im-message-severity-type-important {background-color:#f4bc60;} .im-message-severity-type-important:hover {background-color:#f0b068;} .im-message-severity-type-important .im-message-time {color:white;} .im-message-severity-type-emergency {background-color:#f47a60;} .im-message-severity-type-emergency:hover {background-color:#f46a60;} .im-message-severity-type-emergency .im-message-time {color:white;} .im-dialog-with-icon {height: 90px;} .department-container-one-wrapper {border-radius: 2px;cursor: pointer;position: relative;overflow: hidden;line-height: 50px;border-bottom: 1px solid #f1f1f1;} .department-container-one-wrapper .department-container-one-name {height: 50px;} .department-container-one-wrapper .department-container-one-name.with-second-line {height: initial;} .department-container-one-wrapper .department-container-one-name .container-line-second-line {margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .department-container-one-wrapper.with-subtitle {height: initial;line-height: initial;min-height: 50px;} .department-container-one-wrapper.with-subtitle .department-container-one-name {line-height: initial;} .department-container-one-wrapper.with-subtitle .app-users-one-user-name {line-height: 50px;} .department-container-one-wrapper:hover {background-color: rgba(204, 204, 204, 0.4);} .container-one-wrapper-additional {padding: 10px;line-height: initial;} .container-one-wrapper-additional .week-table .td-records-container {border-bottom: 1px solid #cbcbcb;} .department-selecting-container .department-container-one-wrapper.notselected {opacity: 0.7;background-color: #ececec;} .department-container-one-name-wrapper .subtitle {line-height: 1.5em;padding: 0px 4px;background-color: rgb(174, 174, 174);border-radius: 2px;color: white;display: inline-block;margin-right: 3px;} .department-container-one-name {width: 100%;padding: 0px 45px 0px 10px;vertical-align: middle;} .department-container-one-name-wrapper {width: 100%;white-space: nowrap;display: inline-block;text-overflow: ellipsis;overflow: hidden;font-weight: 300;} .department-container-one-wrapper.department-container-free-height {height: initial;line-height: initial;} .department-selecting-container {line-height: initial;} .department-container-one-wrapper.department-container-free-height .department-container-one-name {height: initial;} .item-selecting-options {position: absolute;top: 0px;right: 5px;height: 100%;line-height: 50px;text-align: center;} .item-selecting-options.selected .button-wbutton .material-icons:not(.not-selectable) {color: rgb(0, 144, 186);} .button-wbutton .material-icons.active {color: rgb(0, 144, 186);} .slider-container {padding-top: 24px;} .slider-value-container {padding-top: 14px;font-size: 1.2em;} .im-emergency-background {position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 300;background-color: rgb(244, 122, 96);opacity: 0.8;padding: 12px 30px;} .im-emergency-message {position: fixed;top: 60px;left: 30px;z-index: 400;background-color: white;padding: 20px;width: calc(100% - 60px);height: calc(100% - 90px);overflow-y: auto;box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);border-radius: 2px;} .im-confirm-emergency-container {margin-top: 20px;} .card-fixed-height-300 {height:300px;} .card-fixed-height-340 {height:340px;} .card-fixed-height-255 {height:255px;} .card-with-image .card-image {height: 180px;width: 100%;} .card-with-image .card-image .card-image-background {width: 100%;height: 100%;background-size: cover;border-radius: 2px 2px 0px 0px;background-position: 50% 50%;background-repeat: no-repeat;border-bottom: 1px solid rgba(204, 197, 185, 0.34);} .card-with-image .card-content {padding:1.5em;} .card-with-image .card-content .card-title {font-size: 1.7em;font-weight: 300;margin-bottom: 8px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 8px;} .card-with-image .card-content .card-description {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .card-with-image .card-buttons-container {position: absolute;top: 160px;text-align: right;width: 100%;padding: 0px 20px;z-index: 30;} .card-with-image .card-badge-container {line-height: 1.5em;position: absolute;top: 1em;left: 1em;padding: 0em 0.5em;background-color: rgba(128, 128, 128, 0.45);border-radius: 0.5em;color: white;font-size: 1.2em;} .card-with-image .card-badge-container.right-badge {left: initial;right: 1em;} .card-badge-container.help-badge {line-height: 1.2em;padding: 0em 0.25em;cursor: pointer;} .card-badge-container.help-badge i {line-height: 1.2em;font-size: 1.2em;vertical-align: middle;} .card-badge-container.second {left: initial;right: 1em;border-radius: 50%;vertical-align: middle;width: 2.7em;line-height: 2.7em;top: 3em;cursor: pointer;} .card-badge-container.second i {vertical-align: middle;} .card-content.card-responsible-content {padding: 1.5em 1em;} .card-content.card-responsible-content .card-title {margin:5px 0px;font-size: 1.5em;} .collapsible-list {border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;margin:.5rem 0 1rem 0;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);} .collapsible-header {cursor:pointer;line-height: 1.5em;padding: 1rem 1rem 1rem 1rem;border-bottom: 1px solid #ddd;margin: 0px !important;position: relative;} .collapsible-body {border-bottom: 1px solid #ddd;padding: 1rem;} .collapsible-header-button {position: absolute;right: 1rem;top: 0em;line-height: 4rem;} .collapsible-header-button i {vertical-align: middle;} .collapsible-header-content.collapsible-header-content-with-status {/*width: calc(100% - 150px);*/} .collapsible-header-status {/*max-width: 140px;position: absolute;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;right: 1rem;top: 1rem;*/font-size: 12px;text-align: right;background-color: #7293b6;color: white;border-radius: 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0px 5px;display: inline-block;} .button-wbutton-flat .material-icons {color: white;} .button-wbutton-flat-primary {background-color: rgb(0, 144, 186);} .button-wbutton.button-wbutton-flat-primary:hover {background-color: rgb(41, 168, 206);} .button-wbutton-flat-default {background-color: rgb(164, 164, 164);} .button-wbutton.button-wbutton-flat-default:hover {background-color: rgb(183, 183, 183);} .button-wbutton-flat-danger {background-color: #d32f2f;} .button-wbutton.button-wbutton-flat-danger:hover {background-color: #e53935;} .button-wbutton-flat-optionally {background-color: #502fd3;} .button-wbutton.button-wbutton-flat-optionally:hover {background-color: #502fd3;} .button-wbutton-flat {border-radius: 50%;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);} .button-wbutton-flat:hover {box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0px rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);} #im-header-for-qqc {background-repeat: no-repeat;background-image: url('../images/usersplash.jpg');background-size: cover;line-height: 3em;color: white;font-size: 1.5em;padding: 0px 12px;font-weight: 400;} .tasks-workflow-structure-modal-content {width: 100%;height: 100%;background-color: white;border-radius: 2px;padding: 15px 15px;overflow-x: auto;position: relative;} .tasks-workflow-structure-modal-content-fit-vert {width: 100%;background-color: white;border-radius: 2px;padding: 15px 15px;overflow-x: auto;position: relative;} .preview-close-black {position: fixed !important;right: 20px !important;top: 20px !important;width: 24px !important;height: 24px !important;background-repeat: no-repeat !important;background-size: cover !important;background-color: white;cursor: pointer;z-index: 10000;opacity: 0.8;border-radius: 50%;} .preview-close-black:hover {opacity: 1;} .tasks-workflow-structure-modal-content h4 {font-weight: 400;margin-top: 0px;} .tasks-workflow-structure-modal-content-row {background-color: rgb(240, 240, 240);margin: 0px 0px 10px 0px;padding: 0px;} .tasks-workflow-description {font-size: 14px;color: #8c8c8c;line-height: 1em;} .tasks-workflow-department {font-size: 12px;color: #8c8c8c;line-height: 1em;} .tasks-workflow-department .material-icons {font-size: 16px;line-height: 1.2em;display: inline;vertical-align: middle;color: #F3BB45;} .directories-selecting-container {max-height: 200px;overflow-y: auto;} .modal-step-container label {width: 100%;line-height: 2em;} .tasks-workflow-structure-modal-content .row {margin-right: 0px;margin-left: 0px;} .tasks-master-container {position: relative;} .tasks-master-header {padding: 0px;} .tasks-master-header {background-color: #f1f1f1;padding: 10px 15px;width: calc(100% + 30px);margin: -15px -15px 0px -15px;border-radius: 2px 2px 0px 0px;-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);} .tasks-master-header h4 {font-weight: 600;color: rgb(102, 97, 91);} .tasks-master-header.with-big-button {padding-right: 185px;} .tasks-master-options {position: absolute;bottom: 0px;line-height: 64px;height: 64px;vertical-align: middle;padding: 0px 0px;text-align: right;width: 100%;width: calc(100% - 30px);} .card-triple-string-content {padding: 2em 0.5em 1.5em 0.5em !important;height: 95px;overflow: hidden;} .card-triple-string-content .card-double-title {margin: 0px 0px;font-size: 1.3em;white-space: initial;height: 4.4em;overflow: hidden;} .tasks-master-step-container {padding: 0px;height: calc(100% - 155px);position: absolute;overflow-y: auto;width: calc(100% - 30px);margin-top: 5px;} .tasks-master-step-container.after-big-header {top:100px;height: calc(100% - 180px);} .tasks-master-step-container.after-big-header.after-big-big-header {top: 120px;height: calc(100% - 190px);} .tasks-master-step-container.after-big-header.after-big-big-header.with-tabs {height: calc(100% - 210px);} .tasks-master-step-container.after-big-header.master-step-without-options {height: calc(100% - 120px);} .tasks-master-step-container.after-big-header.after-big-big-header {top: 140px;} .tasks-master-step-container .room-inviting-users-container .system-users-one-user-name-container {padding-right: 0px;} .tasks-master-step-container .room-inviting-users-container .system-users-one-user-name-container .app-users-one-user-name-wrapper {max-width: initial;width: 100%;} .tasks-master-step-container .room-inviting-users-container .system-users-one-user-name-container .app-users-one-user-name-wrapper div {max-width: calc(100% - 40px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .material-button-group {display: inline-block;} .tasks-master-frame-container {padding: 0px;overflow-y: hidden;} .tasks-master-frame-container p {padding: 0px 15px;} .tasks-master-options .material-button, .master-side-footer .material-button {margin:0px;} .modal-step-container .form-group {position: relative;margin-top: 20px;} .form-group-label-button {position: absolute;right: 5px;top: -10px;} .on-left-bord {padding-left: 0px;} .one-line-p {white-space: nowrap;text-overflow: ellipsis;max-width: 100%;overflow-x: hidden;} .card-priority-important {background-color: #ffe27e;} .card-priority-emergency {background-color: rgba(255, 0, 0, 0.19);} .task-content-title {font-size: 16px;padding-left: 20px;text-overflow: ellipsis;overflow: hidden;position: relative;width: calc(100% - 160px);white-space: nowrap;} .task-content-title p {line-height: 1.4em;font-size: 12px;color: #5a5a5a;text-overflow: ellipsis;white-space: nowrap;overflow-x: -moz-hidden-unscrollable;margin:0px;} .card-title-caps {color: #66615B;font-weight: 300;text-transform: uppercase;} .user-departments-widget {font-size: 10px;word-wrap: break-word;color: gray;cursor: pointer;white-space: nowrap;position: absolute;top: 35px;} .user-departments-widget div {display: block;max-width: 140px;overflow: hidden;text-overflow: ellipsis;} .im-peer-online-status.im-peer-online-mobile-status {border: 1px solid white;height: 16px;width: 16px;right: 8px;bottom: 4px;background-color: white;border-radius: 50%;padding: 0px;text-align: center;line-height: 12px;} .im-peer-online-status.im-peer-online-tablet-status {border: 1px solid white;height: 16px;width: 18px;right: 6px;bottom: 4px;background-color: white;border-radius: 4px;padding: 0px 2px;line-height: 12px;} .im-peer-online-status .material-icons {color: rgb(91, 164, 99);font-size: 12px;vertical-align: middle;line-height: 12px;} .im-users-container-list.im-departments-list {margin: 5px -15px;} .im-users-container-list.im-departments-list .im-dialog-content.im-dialog-content-with-option {padding-right: 0px;} .im-users-container-list.im-departments-list .im-dialog-content {margin-left: 0px;} .im-departments-description {font-weight: 200;font-size: 10px;white-space: nowrap;text-overflow: ellipsis;padding-right: 55px;overflow-x: hidden;} .tasks-users-container-list {padding-left: 0px;margin-top: 10px;} .tasks-responsible-selector-window p {line-height: 1em;} .task-step-input-data-time {line-height: 1.5em;font-size: 14px;margin-top: 0.75em;margin-bottom: 0.5em;} .task-step-input-data p {font-size: 1em;} .tasks-master-step-container h5 {font-weight: bold;} .bolded-text {font-weight: bold;} .files-widget-main-btn-group.manager-title {text-align: left;font-size: 1.3em;white-space: nowrap;text-overflow: ellipsis;overflow-x: hidden;} .list-row-with-checking {padding-right: 55px;position: relative;display: block;text-decoration: none;} .tasks-workflow-visualizer-frame {height: calc(100% - 10px);} .master-header-with-tools p,.master-header-with-tools h4 {width:calc(100% - 200px);} .form-control.disabled {pointer-events: none;opacity: 0.4;cursor:default;} .form-control[readonly] {background-color: #FFF;color: #66615b;} .master-header-tools-container {position: absolute;top: 15px;right: 15px;width: 200px;text-align: right;} .material-button.test-finish-button {position: absolute;bottom: 5px;right: 5px;} .tabs-header {border-bottom: 1px solid #e5e5e5;width:100%;} .tabs-links {margin-bottom: 0;border-bottom: 0;display: flex;padding: 0;margin: 0;list-style: none;height: auto;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .tabs-links li {display: flex;} .tabs-links li > div {padding: 16px 15px 11px;font-size: 14px;line-height: 28px;border-bottom: 2px solid transparent;white-space: nowrap;cursor:pointer;} .tabs-links li > div:hover {text-decoration: none;color: #000;border-bottom: 2px solid #c4c4c4;} .tabs-links li.active > div {border-bottom-color: #6666c4;color: #000;font-weight: 600;} .tab-tools {background-color: white;padding: 16px 15px 11px;} .unactive-flow .card-image,.unactive-flow .card-content {opacity: .4;} .task-step-new-status {margin-right: 5px;background-color: #7293b6;width: 10px;height: 10px;display: inline-block;border-radius: 5px;} /* .fc button {display: inline-block;line-height: 36px;cursor: pointer;margin-left: 1px;text-align: center;vertical-align: middle;position: relative;border: 1px none;padding: 0px;height: 36px;border-radius: 2px;background-color: initial;background-image: none;text-shadow: none;box-shadow: none;padding: 0px 6px;} .fc-icon {line-height: 36px;height: 36px;margin: 0px;font-size: 1.5em;} .fc-icon-left-single-arrow::after,.fc-icon-right-single-arrow::after {top:0px;} .fc button .fc-icon {margin: 0px;} .fc-next-button.fc-button, .fc-prev-button.fc-button {border-radius: 36px !important;} .fc-state-default.fc-corner-left,.fc-state-default.fc-corner-right {border-radius: 2px;} .fc button:hover{background-color: rgba(204, 204, 204, 0.4);} .fc-button.fc-state-active {background-color: rgba(204, 204, 204, 0.2) !important;} .fc .fc-button-group > * {margin:0 0 0 1px;} .fc-list-empty {padding: 10px;} .fc h2 {font-size: 2em;} .fc-event {border-radius: 2px;box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);} .fc-hover-end {font-size: 90%;position: absolute;opacity: .9;z-index: 40;background-color: #969696;color: white;border-radius: 2px;padding: 2px;max-width: 200px;} */ .td-avatar-container div {width: 70px;height: 50px;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;} .td-no-padding {padding: 0 !important;} .table-card {margin-top: 15px;background-color: white;} .table thead td {color: gray;} .table tr.closed td {color: #b3b3b3;} .tasks-master-step-container p {font-size: 14px;line-height: initial;} .tasks-master-step-container .workflow-description p {font-size: initial;} .im-note-container {padding: 0px 10px;border-left: 3px solid rgb(245, 171, 98);} .im-note-header {font-size: 1.2em;font-weight: bold;} .im-note-body p {font-size: 12px;} .im-note-body h1 {margin: 10px 0px;} .im-svg-preview-container {background-size: contain;background-position: 50% center;height: 150px;width: 150px;background-repeat: no-repeat;background-color: white;cursor:pointer;} .im-note-draw {border-left: 3px solid rgb(1, 174, 95);padding: 10px;} .modal-step-container-full {height: calc(100% - 60px);} #svgViewerID {cursor:move;} #editor {min-height: 300px;} .floating-modal .tasks-workflow-structure-modal-content {height: initial;padding: 0px 15px;max-height: 100%;} .floating-modal .tasks-master-step-container {position: relative;width: 100%;height:initial;} .floating-modal .tasks-master-options {position: relative;width: 100%;} .images-preview-container {margin-top: 0px;text-align: center;vertical-align: middle;background-color: white;} .images-preview-container .im-image-preview-image-div-options {position: absolute;bottom: 0px;z-index: 2;} .im-message-help-button {height: 36px;float: initial;} .im-message-help-button:hover {background-color: initial;} .master-header-spinner-container {display: inline-block;} .records-viewer-container {position: absolute;z-index: 2000;} .records-viewer-container .preview-close-black {z-index: 10025} .records-manager-container {border-radius: 2px;box-shadow: 0px 2px 2px rgba(204, 197, 185, 0.5);border: 1px solid rgb(228, 230, 233);} .password-warning-label,.licenses-warning-label {margin-top: -11px;margin-bottom: 10px;padding: 10px 30px;background-color: #959493;margin-right: 1px;color: white;font-size: 1.4em;} .menu-info-label {margin-top: -11px;margin-bottom: 10px;padding: 10px 30px;margin-right: 1px;color: white;font-size: 1.4em;background-color: rgb(0, 144, 186);} .architect-warning-label {margin-top: -11px;margin-bottom: 10px;padding: 10px 30px;background-color: rgb(146, 174, 239);margin-right: 1px;color: white;font-size: 1.4em;} .im-submit-buttons .button-wbutton{float:left;} .im-submit-buttons-caret {position: absolute;right: 5px;width: 40px;text-align: center;} .room-dropdown-menu-left .room-dropdown-menu {right: 236px;} .im-submit-buttons .button-wbutton + .room-dropdown-menu-wrapper.room-dropdown-menu-top .room-dropdown-menu {bottom: -10px;} #chart1Area, #chart2Area {width: 100%;max-width: 30em;height: 10em;display: block;margin: 0 auto;} .room-dropdown-menu .divider {height: 5px;padding: 0px;cursor: default;background-color: rgb(228, 228, 228);} .im-mess-text p {font-size: 12px;line-height: 18px;} @keyframes callinput {50% {opacity:0}} .im-ringing-icon {line-height: 46px;font-size: 46px;text-align: center;animation: callinput 1.5s linear infinite;} .im-ringing-icon .material-icons {font-size: 32px;} .one-page-thread .im-page-input {position: fixed;} .im-call-initiator-widget {position: absolute;top: 48px;width: 50%;min-height: 100px;background-color: white;z-index: 6;padding: 5px 10px;right: 0px;min-width: 275px; border-bottom: 1px solid #e4e6e9;border-bottom-left-radius: 2px;border-left: 1px solid #e4e6e9;} .im-call-initiator-widget .im-message-participants-container {width: calc(100% - 140px);} .call-initiator-widget-gtr-button {position: absolute;right: 10px;top: 10px;} .call-initiator-widget-gtr-button .im-page-options-elem {margin: 8px 0px 0px 0px;} .call-initiator-widget-circle {position: absolute;top: 10px;right: 50px;} .calls-accept-container {width: 500px;max-height: 100%;position: absolute;right: 50px;top: 50px;overflow-y: auto;} .calls-accept-container .im-image-preview-overlay {opacity: 0.3;} .calls-accept-container-content {width: 100%;height: 150px;background-color: rgba(255, 255, 255, 0.9);z-index: 1045;position: relative;border-radius: 2px;display: inline-block;} .call-thread-avatar-container {float: left;padding: 15px;height: 100%;vertical-align: middle;position: relative;display: block;} .call-thread-avatar-container .im-page-thread-info-avatar {width: 120px;height: 120px;vertical-align: middle;position: relative;top: 50%;margin-top: -60px;} .call-thread-info-container {float: left;padding: 15px 15px 0px 0px;height: calc(100% - 60px);width: calc(100% - 150px);overflow-y: hidden;} .call-thread-buttons-container {text-align: right;position: absolute;bottom: 15px;right: 15px;} .call-thread-buttons-container .im-ringing-icon {font-size: initial;margin-left: 15px;} .room-avatar-td {padding: 0px !important;width: 65px;position: relative;} .table-card .room-dropdown-menu-wrapper {position: absolute;right: 5px;} tr.unactive-row td {background-color:#dedede;} .im-input-txt-wrap .button-wbutton {position: absolute;bottom: 1px;right: 2px;} .room-dropdown-menu-wrapper.room-dropdown-stickers-menu-wrapper {position: absolute;width: 280px;bottom: 55px;background-color: #fff;height: 250px;right: 50px;z-index: 50;border: 1px solid #e4e6e9;padding: 0px;border: 1px solid #ddd;box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);border-radius: 2px;overflow: auto;} .modal-center {text-align: center;margin-top: calc(50% - 3em) !important;} .stickers-one-sticker {width: 80px;height: 80px;background-size: cover;background-position: 50%;display: inline-block;margin: 0px 3px 3px 0px;cursor:pointer;} .stickers-one-sticker:hover {background-color: #efefef;} .im-sticker-mess {width: 130px;height: 130px;background-size: cover;background-position: 50%;} .stickers-pack-name {padding: 10px 10px;color: gray;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .logo-options .material-button-counter i.fa.fa-warning {line-height: 16px;width: 12px;} .im-dialog-file-buttons {position: absolute;width: 50px;top: 0px;left: -50px;} .im-day-header {padding: 15px 10px 5px 10px;font-size: 14px;border-bottom: 1px solid #e7e8ec;} .im-message-operations {position: absolute;right: 0px;top: 0px;z-index: 4;padding: 3px;border-radius: 0px 0px 0px 2px;background-color: white;border: 1px solid #e7e8ec;} .poll-answer-image {width: 60px;height: 42px;text-align: center;line-height: 42px;border: 1px solid #ccc5b9;border-radius: 2px;display: inline-block;vertical-align: top;background-size: cover;background-position: 50%;} .poll-answer-line .poll-answer-text {width: calc(100% - 100px);display: inline-block;margin: 0px 5px;} .poll-answer-text .form-control {height: 42px;} .poll-answer-line {margin-bottom: 10px;min-height: 30px;} .poll-answer-text-pre {margin-left: 65px !important;} .poll-answer-text .form-group {margin-top: 0px;margin-bottom: 0px;} .poll-answer-text .form-group label {margin-bottom: 0px;} .poll-answer-line .poll-answer-text.poll-answer-text-woptions {width: calc(100% - 150px);} .poll-answer-options {display: inline-block;float: right;margin: 3px 5px 0px 0px;} .poll-manager-step {overflow-y: auto;height: calc(100% - 105px);} .users-list-one-user .user-photo-container {width: 100px;height: 100%;position: absolute;} .users-list-one-user .users-list-user-header .user-name-container {width: calc(100% - 130px);margin-left: 105px;text-align: left;margin-top: 0px;} .users-list-one-user .users-list-user-header .user-name-subcontainer {width: calc(100% - 105px);text-align: left;margin-left: 105px;} .users-list-one-user .user-statuses {width: calc(100% - 100px);text-align: left;margin-left: 100px;padding: 0px 0px 5px 0px;position:relative;} .im-poll-notification {height: 40px;line-height: 40px;vertical-align: middle;padding: 0px 5px;background-color: #5ba463;color: white;} .im-notification-text {white-space: nowrap;max-width: calc(100% - 120px);text-overflow: ellipsis;overflow: hidden;} .im-notification-text span {font-weight: bold} .im-notification-options {position: absolute;right: 5px;top: 0px;color: white;} .im-notification-options .button-wbutton .material-icons {color:white;} .im-notification-options .material-button {margin: 0px;} .poll-answer-line.poll-answer-line-not-adding {min-height:42px;border: 1px solid #dadada;line-height:42px;cursor: pointer;border-radius: 2px;} .poll-answer-line.poll-answer-line-not-adding:hover {background-color: #f7f7f7;} .poll-answer-line.poll-answer-line-not-adding .poll-answer-options {line-height: 42px;margin: 0px;} .poll-answer-result {margin: 0px 5px;font-weight: bold;font-size: 1.2em;} .poll-answer-line.poll-answer-line-not-adding .poll-answer-options .button-wbutton {margin: 1px 5px;} .users-list-one-user .log-list-one-log .user-photo-container {width:70px;} .im-first-local-message {width: 100%;height: 200px;vertical-align: middle;margin: auto;text-align: center;padding: 15px;color: #929eb0;} .im-first-local-message .material-icons {font-size: 3em;margin-top: 1em;} .im-first-local-message.empty {position: absolute;bottom: 0px;} .lic-status.lic-warning td {background-color: #f2dede;} .lic-status.lic-unactive td {background-color: #f5f5f5;color: #a8a8a8;} .label-td {margin-left: 10px;} .table-list {padding-left: 25px;list-style-type: disclosure-closed;margin-bottom: 0px;} li.limits a {margin: 0px 10px;} .pagination > li.limits > a {border-radius: 4px;} .material-icons + .sort-suffix {display: inline-block;vertical-align: top;} .sort-suffix {display: inline-block;vertical-align: middle;} .sort-suffix .material-icons {vertical-align: bottom;} .tr-bordered-top td {border-top: 1px solid #CCC5B9;} .padd-table td {padding: 8px;} .pagination a .material-icons {vertical-align: top;line-height: 24px;} .pagination .borders a {padding: 2px 12px;line-height: 25px;vertical-align: middle;} .modal-table {table-layout: fixed;} .im-page-thread-info.im-full-width-thread-info {padding-left: 0px;} .im-restoring-thread-line .im-dialog-name-w {max-width: 100%;} .im-dialog-name-w .material-icons {font-size: 16px;vertical-align: top;line-height: 18px;} .room-avatar {width: 120px;height: 120px;margin: 10px auto;border-radius: 50%;background-color: #fafbfc;background-size: cover;background-position: 50%;} #imContainer{margin: 5px 0px 0px 0px;} .user-name-org-alias {position: absolute;bottom: 0px;width: 100%;margin: 0px;text-align: left;border-top: 1px solid #eceff1;left: 0px;padding: 5px 10px;white-space: nowrap;text-overflow: ellipsis;color: #6f6b6f;overflow: hidden;} .user-photo-container {position: relative;} .nav>li>a {padding: 10px 4px;} .card-filter-option {width: 33%;display: inline-block;float: left;padding: 10px 10px 10px 34px;cursor:pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;} .card-filter-option:not(.selected):hover {background-color: #f7f7f7;} .card-filter-option.selected {background-color: #eaf3ff;} .card-filter-option .material-icons {line-height: 12px;vertical-align: top;position: absolute;left: 5px;} .im-control {border: 0px;border-bottom: 1px solid #d3d9de;min-width: 220px;background-color: white;padding: 5px;color: #929eb0;font-size: 12px;} .im-control:focus {border-bottom: 1px solid #929eb0;} .settings-switcher {line-height: 36px;vertical-align: middle;display: inline-block;cursor: pointer;margin-left: 1px;width: 36px;transition: .3s;} .settings-switcher-wide {width:initial;margin-left: 10px;} .settings-switcher-label {max-width: 85%;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 36px;vertical-align: middle;} .settings-switcher-toggler {float: right;margin-top: 1px;cursor: pointer;} .settings-switcher-toggler .switcher-toggler-border {width: 30px;border: 1px solid #a8a8a8;height: 18px;border-radius: 9px;position: relative;line-height: 36px;vertical-align: middle;display: inline-block;} .settings-switcher-toggler .switcher-toggler-border .switcher-toggler-circle {position: absolute;background-color: silver;width: 14px;height: 14px;border-radius: 50%;top: 1px;left: 1px;border: 1px solid rgb(171, 167, 167);} .settings-switcher-toggler .switcher-toggler-circle-spin {line-height: 16px;text-align: center;width: 100%;vertical-align: middle;} .settings-switcher-toggler.active .switcher-toggler-border .switcher-toggler-circle {background-color: rgb(87, 167, 236);border: 1px solid rgb(67, 153, 228);right: 1px;left: initial;line-height: 12px;} .settings-switcher-wide .settings-switcher-toggler {float: initial;display: inline-block;} .settings-switcher.disabled {pointer-events: none;cursor: not-allowed;box-shadow: none;opacity: 0.45;} .settings-switcher-toggler.disabled {pointer-events: none;cursor: not-allowed;box-shadow: none;opacity: 0.65;} .settings-switcher-prefix, .settings-switcher-suffix {display: inline-block;line-height: 36px;vertical-align: middle;} .settings-switcher-prefix {margin-right: 10px;} .settings-switcher-suffix {margin-left: 10px;} .settings-switcher-prefix.active, .settings-switcher-suffix.active {font-weight: bold;} .activity-action-td {width: 68px;} .simple-list {list-style-type: none;} .im-dialog-text-preview-typing .im-dialog-text-preview {position: absolute;} .im-reply-comment {font-weight: bold;color: green;margin-bottom: 6px;} .im-message-status {color: grey;margin-right: 0px;cursor: pointer;} .im-message-status .material-icons {font-size: 16px;vertical-align: top;line-height: 16px;} .muted {color: gray;} .im-message-status.starred {color: gold;} .im-message-status.pinned {color:#7293b6;} .im-message-status.liked {margin-right: 5px;} .im-pinned-letter-widget {position: absolute;top: 48px;width: 100%;background-color: white;z-index: 5;right: 0px;border-bottom: 1px solid #e4e6e9;padding: 15px 120px 15px 48px;height: 48px;text-overflow: ellipsis;line-height: 18px;} .im-pinned-letter-icon {color: #7293b6;position: absolute;left: 12px;top: 12px;} .im-pinned-letter-text {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;max-height: 18px;} .im-pinned-letter-options {position: absolute;top: 6px;right: 6px;} .im-one-letter-container {position: absolute;z-index: 40;padding: 40px;width: 100%;height: 100%;background-color: rgba(39, 39, 39, 0.8);} .im-one-letter-wrapper {width:100%;background-color: white;height: 100%;border-radius: 4px;padding: 15px;overflow-y: auto;} .im-one-letter-date {margin-bottom: 20px;} .im-one-letter-thread-name {font-weight: 300;font-size: 1.3em;margin-bottom: 20px;} .room-files-special-wrapper .files-widget-preview-image {width: calc(100% - 360px);} .im-message-operations i {font-size: 20px;} .im-message-operations .button-wbutton {width: 32px;height: 32px;line-height: 32px;} .im-message-operations .button-wbutton .material-icons {height: 32px;line-height: 32px;width: 32px;} .room-card-avatar-wrapper {position: absolute;padding: 5px 0px 0px 5px;height:84px;} .card-labels .material-icons {vertical-align: middle;} .card-labels span {line-height: 36px;font-size: 24px;margin-right: 5px;vertical-align: middle;} .post-list-one-post.one-post-not-root {padding-left: 30px;} .department-users-dialog.selected {background-color: #dfdfff;} .user-container-orgs-list {margin-top: 5px;} .one-org {display: inline-block;background-color: rgb(0, 144, 186);color: white;padding: 0px 7px;border-radius: 7px;line-height: 1.7em;margin-bottom: 2px;} .department-container-one-name-wrapper .material-icons {vertical-align: middle !important;line-height: 40px;} .department-container-one-name-wrapper .app-users-one-user-name {vertical-align: middle !important;line-height: 40px;} .department-container-one-wrapper.department-container-double-wrapper {height:80px;} .department-container-one-wrapper.department-container-double-wrapper .item-selecting-options {line-height: 80px;} .days-selector-container {width:100%;text-align: center;} .days-selector-block {display: inline-block;} .days-selector-option {width: 80px;display: inline-block;} .days-selector-value {border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 10px 15px;} .days-selector-value-number {font-size: 20px;font-weight: bold;} .days-selector-btn {padding: 5px 0px;} .users-list-user-header.landing-items-list {min-height: 110px;margin: 0px 0px 10px 0px;} .material-icons.inline {line-height: 1em !important;font-size: 1em;vertical-align: middle !important;margin-right: 5px;cursor: pointer;width: initial !important;} .user-name-container.old-status {text-decoration: line-through;} .panel-body.seating-panel-body {padding: 0px;} .seating-panel-image {height: 140px;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;} #canvasControlPanel {background-color: white;border-bottom: 1px solid #eceff1;padding: 5px;} .seating-draggable-el {border-radius: 0px;padding: 0px 5px;color: black;line-height: 2em;height: 2em;width: 70px;vertical-align: middle;display: block;position: absolute;z-index: 50;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);border: 0px solid #808080;background: rgba(231, 231, 231, 1);text-align: center;font-size: 14px;} .seating-elements-containter {position: absolute;} .seating-one-flat-block,.seating-one-arm-block {box-shadow: initial;border: 0px;} .seating-draggable-el.seating-one-cam-block {border-radius: 50%;width: 36px;height: 36px;padding: 0px;cursor: pointer;} .seating-one-radial-block-elements {position: absolute;top: -39px;left: -1px;} .seating-one-radial-block-title {color: #eb5e28;line-height: 36px;margin-top: 4px;} .seating-one-radial-block-title.blue {color: rgb(41, 168, 206);} .seating-one-square-block-link {width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .seating-one-square-block-elements {position: absolute;width: 100%;left: 17px;top: -44px;background-color: #e7e7e7;border-radius: 50%;width: 36px;height: 36px;padding: 0px;cursor: pointer;line-height: 2em;vertical-align: middle;padding: 5px 0px;color: purple;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);border: 0px solid #808080;} .seating-one-square-block-elements.green {color: #3a8f3e;} .card-tools-items-date {font-size: 10px;padding: 0px 5px;} .card-tools-items-date div {white-space: nowrap;background-color: #fb8501;border-radius: 2px;margin: 3px 0px;color: white;padding: 3px;line-height: 1em !important;width: 100px;text-align: center;} .card.structure-org {background-color: rgb(235, 250, 255);} .first-page-header {margin-top:10px;} .material-button-short {width: 100px;} .tasks-solve-options-list {-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);margin: 10px 0px 10px 0px;width: calc(100% - 5px);} .tasks-solve-option {padding: 10px;border: 1px solid #f1eae0;cursor: pointer;font-size: 14px;} .tasks-solve-option:first-child {border-top-left-radius:2px;border-top-right-radius: 2px;} .tasks-solve-option:last-child {border-bottom-right-radius: 2px;border-bottom-left-radius: 2px;} .tasks-solve-option.solve-option-selected {background-color: rgb(0, 144, 186);color: white;border: 1px solid rgb(0, 144, 186);} .reference-data-container {font-size: 16px;line-height: 2em;} .departments-org-options {width: 120px;line-height: 40px;top: 10px;right: 10px;font-size: 14px;position: absolute;color: #929eb0;display: inline-block;text-align: right;} .childs-container {background-color: white;padding: 5px 5px 10px 5px;margin: 0px 5px 0px 5px;} .tree li, .tree ins{ background-image:url("../images/tree.png"); background-repeat:no-repeat; background-color:transparent; } .tree li { background-position:-90px 0; background-repeat:repeat-y; } .tree li { display:block; min-height:18px; line-height:18px; white-space:nowrap; margin-left:18px; min-width:18px; } .tree li div {vertical-align: top;font-size: 14px;display: inline-block;margin-top: 2px;} .tree ul, .tree li { display:block; margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; } .tree li { display:block; min-height:18px; line-height:18px; white-space:nowrap; margin-left:18px; min-width:18px; } .tree > ul > li { margin-left:0px; } .tree li.last { background:transparent; } .tree .open > ins { background-position:-72px 0;} .tree .closed > ins { background-position:-54px 0;} .tree .leaf > ins { background-position:-36px 0;} .tree ins { display:inline-block; text-decoration:none; width:18px; height:18px; margin:0 0 0 0; padding:0; } li.open > ul { display:block; } li.closed > ul { display:none; } .material-icons-post-statuses .material-icons {line-height: initial;font-size: 14px;color: #0090ba;margin-left: 5px;} .menu-button {background-color:#4CAF50;color: white !important;opacity: 1 !important;margin: -10px -4px 5px 0px !important;} .menu-button:hover,.menu-button:focus {background-color: #43a047 !important;} .im-threads-header.tasks-interface-header {padding: 8px 16px 0px 40px !important;height: initial;} .im-thread-status {width: calc(100% - 115px);white-space: nowrap;text-overflow: ellipsis;display: block;overflow: hidden;font-size: 11px;margin-bottom: 2px;} .im-thread-status span {background-color: #7293b6;color: white;padding: 0px 5px;border-radius: 2px;} #tasksContainer{margin: 5px 0px 0px 0px;} .tasks-interface-container .task-content-title {width: 100%;font-size: 13px;padding: 15px 20px 15px 20px;} .tasks-interface-container .task-content-title a {white-space: normal;} #tasksContainer .room-panel {margin:0px !important;overflow: hidden;border-radius: 0px;} #tasksContainer .room-card.workflow-task-panel .room-image {border-radius: 0px;} #tasksContainer .room-card-wrapper:hover {background-color: #f5f7fa;cursor: pointer;} #tasksContainer .room-card-wrapper.card-priority-important:hover {background-color: #fbd966;} #tasksContainer .room-card-wrapper.card-priority-emergency:hover {background-color: rgba(255, 0, 0, 0.30);} #tasksContainer .room-card-wrapper.tasks-interface-selected:hover {background-color: #218f9b !important;} .tasks-interface-container .tasks-interface-selected .task-content-title a {color: white;} .tasks-interface-selected {background-color: rgb(114, 147, 182) !important;cursor: pointer;color: white;} .tasks-interface-selected .task-content-title p {color: white;} .tasks-interface-selected .room-content-title a {color:white;} .tasks-interface-selected .task-step-new-status {background-color: white;} .task-step-header {height: 24px;line-height: 24px;vertical-align: middle;} .task-step-time {color: #777e8c;font-size: 11px;position: absolute;right: 20px;opacity: 0.7;} .task-step-current-name {position: absolute;left: 20px;max-width: calc(100% - 130px);color: white;background-color: #7293b6;height: 20px;vertical-align: middle;line-height: 20px;border-radius: 2px;padding: 0px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .tasks-interface-selected .task-step-current-name {color: #7293b6;background-color: white;} .tasks-interface-selected .task-step-time {color: white;} .task-flow-name-title {font-weight: 600;line-height: 14px;} .room-content-title .task-flow-name-title {line-height: 1.7em;} .taks-page-body {margin-top:0px;position: relative;} .task-body {padding: 0px 20px 20px 20px;width: 55%;position: absolute;top: 48px;overflow-y: auto;height: calc(100% - 58px);} .taks-page-body h4 {margin: 15px 0px 5px 0px;border-bottom: 1px solid #ccc5b9;padding-bottom: 5px;font-size: 15px;} .taks-page-body h4.second {margin-top: 30px;} .taks-page-body h5 {margin: 5px 0px 5px 0px;font-size: 14px;} .taks-page-body.im-mess-text {padding: 0px 6px 0px 0px;} .taks-page-body .im-dialog-name {margin-top: 0px;} .task-body .tasks-info-card {margin-top: 5px;padding: 0px;margin-bottom: 20px;} .task-body .tasks-info-card .tasks-info-card-content {padding: 15px 15px 20px 15px;} .task-body .tasks-info-card .tasks-info-card-header {margin-top: 0px;} .tasks-info-card-field-value-bold {font-size: 16px;font-weight: 600;} .tasks-info-card-footer {padding: 15px;border-top: 1px solid #ccc;text-align: right;} .tasks-info-card-footer a {color:#68B3C8;text-transform: uppercase;font-weight: 600;font-size: 14px;} .tasks-info-card-title .card-title-text {line-height: 40px;padding: 0px 40px 0px 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .tasks-info-card-title .card-title-collapse-btn {position: absolute;right: 10px;top: 9px;cursor: pointer;font-size: 14px;} .tasks-info-card-title ~ .tasks-info-card-content {padding-top:0px !important;} .tasks-info-card .tasks-info-card-title {cursor: pointer;} .master-step-content-tabs {height: calc(100% - 60px);} .master-step-content-tabs .tab-content {height: calc(100% - 2px);} .select-placeholder {position: absolute;top: 0px;line-height: 36px;padding: 0px 5px;color: rgb(235, 225, 221);font-size: 14px;left: 12px;transition: ease-out .2s;} .select-placeholder.active {top:-16px;font-size: 10px;z-index: 40;} .search-selector .select-placeholder {padding: 0px;left: 0px;} .select-form-option {padding-left: 0;list-style-type: none;position: absolute;background-color: white;z-index: 30;-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);} .select-form-option li {clear: both;color: rgba(0,0,0,0.87);cursor: pointer;min-height: 50px;line-height: 1.5rem;width: 100%;text-align: left;} .select-form-option li:hover {background-color: #eee;} .select-form-option li > span {font-size: 14px;color:black;display: block;line-height: 22px;padding: 14px 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .select-form-input {position: absolute;top: 0px;z-index: 20;background-color: initial;} .highlighted {color: #289ba8;} .tabs-links li .button-wbutton {height: 24px;width: 24px;} .tabs-links li .button-wbutton .material-icons {line-height: 24px;font-size: 16px;vertical-align: top;width: 24px;} #tasksContainer .im-page-title-main {font-size: 16px;} #tasksContainer .im-page-title-main.after-status {margin-top: 22px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} #tasksContainer .im-page-title {padding: 15px 10px 15px 10px;} #tasksContainer .im-page-title .task-step-current-name {left: 10px;top: 6px;height: 18px;line-height: 18px;font-size: 12px;} #tasksContainer .im-page-title.with-back .task-step-current-name {left: 44px;} #tasksContainer .im-threads-search-wrapper {padding-right: initial;padding-left: 36px;} #tasksContainer .im-threads-search-wrapper.long {padding-left: 0px;} #tasksContainer .im-page-header-in {width: 55%;} #tasksContainer .im-page-header-in.im-page-header-options {width: 45%;display: block;position: absolute;right: 0px;top: 0px;height: 49px;background-color: #e4e6e9;} #tasksContainer .im-page-header-in.im-page-header-options .im-page-toolsw {background: initial;border-bottom: 1px solid #eceff1;} #tasksContainer .im-page-title-main-inner {padding-right: 0px;} #tasksContainer .button-wbutton-tab.button-wbutton-tab-selected.button-wbutton i {color:#4caf50;} .button-wbutton .fa {vertical-align: middle;} #tasksContainer .button-wbutton-tab i {color:black;font-size: 20px;} .tasks-master-step-container.tasks-master-nolimit-height {height: initial;} .tasks-master-step-container.tasks-master-limit-height {height: calc(100% - 60px);} .tasks-solving-back {padding: 5px 0px;border-bottom: 1px solid #9b9b9b;font-size: 14px;} .task-step-current-name-text {display:inline-block;line-height: 24px;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: calc(100% - 45px);} .tasks-solving-directory-frame {height: calc(100% - 52px);} .taks-page-body .tasks-master-step-container {position: relative;width: 100%;overflow-x: hidden;padding-left: 5px;} .taks-page-body .tasks-workflow-visualizer-frame {height: 700px;} .tasks-solve-option .material-spinner {position: relative;display: inline-block;width: 14px;height: 14px;vertical-align: middle;} .tasks-solve-option {border-radius: 0px;} .tasks-im-widget {position: absolute;top: 48px;z-index: 5;right: 0px;border-left: 1px solid #e4e6e9;padding: 0px;height: calc(100% - 48px);width: 45%;background-color: #e4e6e9;} .tasks-im-widget.tasks-im-widget-no-frame {padding: 10px;overflow-x: auto;} .tasks-im-widget-subheader {color: gray;} .sidebar .nav p.menu-sub-button {margin-left: 34px;} .tasks-info-card {background-color: #FFFFFF;color: #252422;position: relative;z-index: 1;margin: 15px 5px 5px 0px;padding: 10px;border-radius: 4px;-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.47843137254902);-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.47843137254902);box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.47843137254902);} .tasks-info-card-header {vertical-align: middle;font-size: 18px;font-weight: 600;margin-top: 30px;} .tasks-info-card-header .material-icons {vertical-align: middle;} .tasks-info-card-header.unactive {color: gray;} .tasks-info-card-subheader {font-size: 12px;color: gray;margin: 12px 0px 0px 0px;line-height: 1.5em;} .tasks-info-card-field-value {line-height: 1.5em;} h4.task-current-name {border-bottom: initial;padding-bottom: 5px;font-size: 18px;} .tasks-info-card-content p {line-height: 1.5em;margin: 0px;font-size: 14px;} .tasks-info-card.main-info {background-color: #E4F1FF;} .tasks-info-card.main-subject {background-color: #C4FFC7;} .interface-second-switcher {color: #929eb0;top: 6px;position: absolute;left: 36px;} .interface-second-header{width: 100%;/*position: absolute;top: 48px;*/left: 0px;text-align: center;color: #929eb0;line-height: 26px;/*border-top: 1px solid #e4e6e9;*/margin: 12px 0px 0px -12px;} .filter-tags-container {text-align: left;line-height: 26px;margin: 6px 0px 6px 0px;} .filter-tag {position: relative;text-align: left;border-radius: 2px;background-color: #e6e6e6;height: 26px;margin-bottom: 10px;} .filter-tag-title {position: absolute;width: 110px;text-align: left;background-color: #f1efef;border-radius: 2px 0px 0px 2px; padding: 0px 5px;} .filter-tag-value {width: calc(100% - 150px);padding: 0px 5px;overflow: hidden;position: absolute;left: 110px;white-space: nowrap;text-overflow: ellipsis;color:#4c4c4c;} .filter-tag-btn {position: absolute;width: 30px;text-align: center;right: 0px;line-height: 24px;} .filter-tag-btn .button-wbutton.button-wbutton-mini {vertical-align: middle;line-height: 26px;} .week-table {width: 100%;} .week-table thead td {font-weight: bold;text-align: center;width: calc(100% / 7);} .week-table td {padding: 5px 5px;border: 1px solid #cbcbcb;} .week-table .td-records-container {border-bottom: 0px;padding: 5px 3px;} .week-table .td-button-container {text-align: right;padding:5px 5px;border-top: 0px;width:46px;border-left: 0px;} .week-table .td-slider-container {border-right: 0px;border-top: 0px;text-align: center;} .min-hour-number {width: 42px;} .week-table .td-slider-container .min-hour-number {display: inline-block;} .form-control.error {border-bottom: 1px solid red;} .schedule-slot-range {background-color: #e8e7e7;display: inline-block;padding: 2px;border-radius: 2px;margin: 0px 1px 2px 0px;font-size: 12px;} .schedule-slot-range span {display: inline-block;vertical-align: middle;line-height: 20px;} .schedule-slot-button {padding: 3px 5px;background-color: rgb(0, 144, 186);color: white;cursor: pointer;} .schedule-slot-button:hover {background-color: rgb(0, 134, 173);} .params-table thead {font-weight: 700;} .params-table td {padding: 10px;} .params-table .group-label-td {width: 140px;} .tasks-solve-option .material-icons {line-height: 18px;font-size: 18px;vertical-align: middle;} .tasks-solve-option.solve-option-farward {background-color: #4caf50;color: white;border-color: #4caf50;} .tasks-solve-option.solve-option-farward:hover {background-color: #43a047} .tasks-solve-option.solve-option-close {background-color: #ec971f;color: white;border-color: #ec971f;} .tasks-solve-option.solve-option-close:hover {background-color:#e2880a;} .container-line-sublabel {font-weight: bold;} .master-step-tools {text-align: right;} .master-step-tools-label {line-height: 36px;vertical-align: middle;display: inline-block;font-weight: bold;margin: 0px 5px;} .tab-content > .table {margin-top: -1px;} .data-not-found {color: gray;} .schedule-slot-button.selected {background-color: rgb(0, 100, 130);} .schedule-slot-button .material-icons.status {font-size: 18px;line-height: 18px;vertical-align: middle;} .tabs-links li .material-spinner {display: inline-block;width: 16px;height: 16px;margin-left: 5px;line-height: 18px;vertical-align: middle;} .bootbox-body {font-size: 1.2em;} .big-button-in-master-header {position: absolute;top: 20px;right: 15px;} .master-side-panel {position: absolute;background-color: white;top: 0px;right: 0px;width: 350px;height: 100%;z-index: 300;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);} .master-side-header {position: absolute;width: 100%;height: 58px;border-bottom: 1px solid #EEE;} .master-side-body {position: absolute;height: calc(100% - 122px);top:58px;width: 100%;} .master-side-footer {position: absolute;bottom: 0px;width: 100%;text-align: right;height: 64px;line-height: 64px;vertical-align: middle;padding: 0px 10px;border-top: 1px solid #EEE;} .master-side-body.master-side-body-step-height {height: calc(100% - 70px);} .tab-content > .card{margin-top:0px;} .card-tools-container-table-cell .clear-button, .im-threads-search-input .clear-button {position: absolute;top: 8px;right: 5px;} .im-threads-search-input .clear-button {top: 4px;} .initial-a-color {color: #68B3C8;} .tabs-header.tab-tools .card-tools-container-table-cell .clear-button, .clear-add-margin.clear-button {top: 12px;} .im-page-thread-search-tools .button-wbutton.button-wbutton-mini {position: absolute;left: 215px;} .item-options-subtitles {text-overflow: ellipsis;overflow: hidden;} .off-canvas-sidebar .menu-info-label {margin-left: -9px;} .modal-step-container .checkbox label {line-height: 1.6em;} .items-collection {padding-left: 0;list-style-type: none;} .items-collection-one {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;padding-left: 0;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;line-height: 1.5rem;margin: 0;padding: 10px 20px 10px 0px;border-bottom: 1px solid #e0e0e0;background-color: #fff;position: relative;} .items-collection-one-content {width: calc(100% - 180px);} .items-collection-one-title-area {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .items-collection-one-title {color: #6b6f82;font-weight: 700;font-size: 12px;} .items-collection-one-title-badge {cursor:pointer;font-size: 11px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;padding-right: 8px;color: #616161;border-radius: 2px;background-color: #e0e0e0 !important;margin-top: -webkit-calc(.75rem - 11px);margin-top: -moz-calc(.75rem - 11px);margin-top: calc(.75rem - 11px);line-height: 1.8em;vertical-align: middle;padding-left: 2px;} .items-collection-one-title-badge i {font-size: 12px;line-height: 1.5em;margin-right: .25rem !important;vertical-align: middle;} .purple-text {color: #9c27b0 !important;} .items-collection-one-desc {font-size:12px;line-height: 1.35rem;margin-top: .25rem;color: #9e9e9e;} .items-collection-one-left {color: #746f82;} .items-collection-one-right {text-align: center;} .items-collection-one-btns {margin-top: 5px;} .items-collection-one.unactive-item .items-collection-one-title {color: #aaa;} .item-circle-status.disabled {opacity: 0.5;} .items-collection-dropdown-menu-wrapper {position: absolute;width: 330px;right: 40px;top: 45px;} .item-circle-status {margin: 4px auto 4px auto;width: 10px;height: 10px;border-radius: 50%;background-color: #388e3c;} .item-circle-status.warning {background-color: #fc9c00;} .item-circle-status.danger {background-color: #fb0c00;} .workflows-container .item-circle-status {display: inline-block;line-height: 50px;margin: 0px 2px 0px 0px;vertical-align: middle;} .button-wbutton.button-wbutton-tab:hover {border-radius: 2px;} .button-wbutton.button-wbutton-tab.button-wbutton-tab-selected {border-bottom: 3px solid #4caf50;border-radius: 2px 2px 0px 0px;margin: 0px 0px 0px 0px;line-height: 48px;height: 48px;width: 42px;} .pre-label .material-icons {line-height: 20px;font-size: 20px;vertical-align: middle;} .pre-label.success {color: #55A15E;} #cert_info {background-image: url('../images/cert.png');border: 5px double #5a9251;margin-top: 10px;padding: 0px 15px 10px 15px;} #cert_info p {font-size: 12px;} .table td a i.material-icons {display: inline;vertical-align: middle;} .tags-help-container {margin: 10px 0px;} .tags-help-context {margin-bottom: 5px;} .tags-help-element {} .tags-help-code {padding: 0px 5px;border-radius: 2px;line-height: 20px;border: 1px solid gray;cursor: pointer;} .tasks-interface-widget-fields {width: 100%;position: absolute;top: 0px;left: 0px;height:100%;z-index: 100;overflow-y: auto;padding-right: calc(100% - 300px);} .tasks-interface-widget-sections {position: absolute;left: 310px;z-index:110;overflow-y: auto;top: 0px;height: 100%;border-left: 1px solid #f1f1f1;width: calc(100% - 310px);padding: 0px 20px 0px 10px;} .tasks-interface-widget-directory h5 {margin-top: 10px;} .tasks-interface-widget-field {padding: 5px;border: 1px solid #d2d2d2;cursor:pointer;background-color: white;margin-bottom: 1px;} .tasks-interface-widget-field:hover {background-color: #f9f9f9;} .tasks-interface-widget-field:first-child {border-top-left-radius:2px;border-top-right-radius: 2px;} .tasks-interface-widget-field:last-child {border-bottom-right-radius: 2px;border-bottom-left-radius: 2px;} .tasks-interface-widget-directory-name {font-weight: bold;margin-top: 10px;margin-bottom: 5px;} .tasks-interface-widget-section {margin-bottom: 15px;} .tasks-interface-widget-section-header {cursor: pointer;font-size: 16px;color: #289ba8;} .tasks-interface-widget-section.active .tasks-interface-widget-section-header {font-weight: bold;} .tasks-interface-widget-section-header .form-control {display: inline-block;width: calc(100% - 136px);} .tasks-interface-widget-section-header-description {font-style: italic;} .tasks-interface-widget-section-fields {padding: 10px;border-left: 1px solid #289ba8;} .tasks-interface-widget-section-fields.waiting {border:1px solid #d2d2d2;background-color: #d2d2d2;border-radius: 2px;padding-bottom: 40px;} .tasks-input-data-container-list {background-color: white;} #tasksContainer .im-page-toolsw .tasks-additional-menu .im-page-options-elem {float:right;margin-top: 8px;} .im-page-header-in.im-page-header-options .tasks-additional-menu .room-dropdown-menu-wrapper {margin-top: 45px;} .section-field {padding: 2px 5px;border: 1px solid #d2d2d2;cursor: pointer;background-color: white;border-radius: 2px;margin-bottom: 5px;position: relative;height: 40px;} .section-field-name {position: absolute;width: calc(100% - 50px);line-height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .section-field-options {position: absolute;right: 2px;} .section-field.ext, .tasks-interface-widget-field.ext {background-color: #f3f6ff;} .tasks-page-collaps-button {position: absolute;bottom: 30px;z-index: 100;background-color: #e4e6e9;line-height: 34px;vertical-align: middle;border-radius: 50%;height: 36px;width: 36px;text-align: center;left: 322px;cursor: pointer;box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);} .tasks-page-collaps-button i {vertical-align: middle;} .tasks-page-collaps-button:hover {background-color: #e1e3e6;} .tasks-page-collaps-button.collapsed {left: initial;left: 0px;border-radius: 0 50% 50% 0;} .tasks-info-files-ul {padding-left: 20px;} .im-page-dialogs.collapsed {width: 100%;} .im-page-dialogs.minimized {width: 0%;overflow: hidden;} .im-page-history.collapsed {width: 100%;padding-left: 0px;} .im-page-history.minimized {width: 0%;} .architect-warning-label a {text-decoration: underline;color: #000;} .architect-warning-label a:hover {color:#001b95;} .tasks-chapters-links {margin: 30px 0px 10px 0px;line-height:30px;font-size: 14px;} .tasks-chapters-links .div-as-link {line-height: 30px;font-size: 14px;color: rgb(40, 155, 168) !important;} .im-page-dialogs.collapsed.after-filter {width: calc(100% - 340px);right: 0px;} .tasks-filter {position: absolute;width: 340px;height: 100%;border-right: 2px solid #eceff1;overflow: auto;z-index: 50;background-color: white;} .filter-close-container {position: absolute;top: 8px;right: 8px;} .filter-container {padding: 15px;border-top: 1px solid #eceff1;} .form-group.search-selector {position: relative;} .search-selector .button-wbutton {position: absolute;top: 0px;right: 0px;} .filter-container .form-group {margin-bottom: 30px;} .filter-buttons {position: relative;text-align: right;} .filter-buttons a {float: left;line-height: 36px;} .filter-buttons .material-button {margin-right: 0px;} .filter-title {position: absolute;top: 8px;line-height: 36px;left: 15px;font-size: 16px;color: gray;} .filter-links {margin-top: 50px;padding: 0px 15px 15px 15px;} .filter-links div {line-height: 30px;font-size: 14px;} .filter-links div.div-as-link {color: rgb(40, 155, 168) !important;} @media (max-width: 550px) { .calls-accept-container {width: calc(100% - 20px);right:10px;} .im-one-letter-container {padding: 42px 15px 15px 15px;} } @media (min-width: 500px) and (max-width: 768px) { .col-xxs-6 {width: 50%;} } @media (min-width: 769px) { .im-image-preview-close-board-mobile {display: none;} .room-dropdown-menu-wrapper.room-dropdown-stickers-menu-wrapper {width: 370px;height: 280px;} .stickers-one-sticker {width: 110px;height: 110px;} .im-sticker-mess {width: 140px;height: 140px;} } @media (max-width: 768px) { .im-image-preview-close-board-full {display:none;} .im-image-preview-close-board-mobile {display: block;} .im-image-preview-image-info {width: 100% !important;height: initial;position: relative;border-right: initial;border-bottom: 1px solid rgb(217, 219, 220);} .room-image-container {width:64px;} .roomsRow .room-image {width: 74px;} .roomsRow .room-play-link {width: 74px;} .roomsRow .room-creator-avatar {left: 49px;} .room-card .content {padding: 0px 0px 0px 74px;} .workflow-task-panel .room-avatar-container .room-creator-avatar {top: 5px;left: 48px;} .workflow-task-panel .room-avatar-container .room-image-container .room-image {height:149px;width: 64px;} .workflow-task-panel.room-card .content {padding: 0px 0px 0px 0px;} .room-card.workflow-task-panel {min-height: 150px;} .workflow-task-panel .room-content-buttons {max-width: initial;padding-right: 10px;position: initial;} .room-content-title.task-content-title {padding: 10px 15px 10px 15px;} .room-panel-online-status {left: 45px;} .app-file-options {position: initial !important;} .my-files-card .im-files-container .im-dialog-cw {max-width:100%;} .im-mess-stack-content {padding-left: 60px;} .im-file-line {height: 100px;} .app-file-icon {height: 100px !important;width: 60px !important;} .im-files-container .app-file-icon {width: initial !important;} .im-files-container .app-file-options {position: absolute !important;bottom: 5px !important;right: 10px;} .im-file-icon {height: 100px !important;width: 60px !important;} .im-attachments-container .im-file-icon {height: 40px !important;width: 40px !important;} .app-file-line .app-file-icon {height: 60px !important;} .im-mess-stack-photo {left: 5px;} .room-content-buttons {max-width: 195px;} .room-image-container{height:64px;} .room-content-buttons .btn-xs .fa {line-height: 16px;} .card .card-container {padding: 5px 5px 5px 5px;} .roomAccessLevelsContainer {font-size: 10px;} .roomAccessLevelsAvatar,.roomAccessLevelsInfo,.roomAccessLevelsRole {padding: 0px 2px;vertical-align: top;} .roomAccessLevelsInfo span, .loadedSearchedUserLogin, .projectAccessLevelsInfo span {font-size: 10px;} .smallUserAvatarInTables {width: 30px;height: 30px;} .roomAccessLevelsInfo {max-width: 50%;width:50%;} .roomAccessLevelsRole {max-width: 20%;width:20%;} .roomAccessLevelsAvatar {max-width:20%;width:20%} .im-page-lastheartbeat {font-size: 9px;} .im-dialog-event-placeholder,.im-dialog-call-placeholder {left: -64px;} .btn-xs:not(.cart-invite-button) {font-size: 10px;padding: 0px 2px;margin-bottom: 3px;} .room-content-title {font-size: 14px;/*max-height: 75px;*/} .room-content-buttons .btn-xs {line-height: 7px;height: 20px;} .roomAccessLevelsRole .btn {padding: 4px;font-size: 12px;} .roomAccessLevelsDel {max-width: 10%;text-align: center;padding: 0px 5px;} .header-tools-checkbox {float:right;} .form-control.room-filter-control {float: right;margin: 10px 0px;display: none;} .im-card .files-widget-preview-collection {width:100%;} .im-card .files-widget-preview-image {display: none;} .rooms-index-preview-manager .files-widget-preview-collection {width:100%;} .rooms-index-preview-manager .files-widget-preview-image {display: none;} .app-file-options.show-on-mobile {display: block !important;} .show-on-tablet {display: block !important;} .im-card .files-widget-preview-collection .app-file-dialog-name-wrapper, .im-card .app-file-subname {max-width: calc(100% - 90px);} .landing-buttons-container {display: none;} .main-panel > .content {padding: 0px 0px;} .users-filter-control {width: 140px;} .main-panel:not(.panel-full-size) {/*overflow-y: hidden;*/} .navbar-header .navbar-toggle {margin: 10px 15px 10px 0 !important;} .im-image-preview-content-board-editor {padding: 0px !important;} .im-image-preview-content, .rooms-creating-widget-content-wrapper {padding: 50px 10px 10px;} .tasks-workflow-structure-modal-content {padding: 10px;} .records-manager-container {width: calc(100% - 20px);} .im-image-preview-image {height: calc(100% - 70px) !important;width: 100% !important;position: relative;margin: 0px !important;padding: 0px;} .im-page-thread-info {padding-left: 0px;} .im-create-close-switcher.im-link-object {display: block !important;} .im-card {margin: 0px;} } @media (min-width: 991px) { .im-image-preview-overlay, .rooms-creating-widget-overlay {left: initial;right: 0px;width: calc(100% - 260px);} .panel-full-size .im-image-preview-overlay, .rooms-creating-widget-overlay {width: 100%;} .im-image-preview-content, .rooms-creating-widget-content-wrapper,.files-create-container-content {left: initial;right: 0px;width: calc(100% - 260px);} .panel-full-size .im-image-preview-content, .rooms-creating-widget-content-wrapper,.files-create-container-content {width:100%;} .im-image-preview-manager {left: initial;right: 0px;width: calc(100% - 260px);} .panel-full-size .im-image-preview-manager {width: 100%} .im-image-preview-image {left:initial;right:50px;width: calc(100% - 360px) !important;height: calc(100% - 180px) !important;} .poll-results-container .im-image-preview-image {width: calc(100% - 660px) !important;height: calc(100% - 100px) !important;} .panel-full-size .im-image-preview-image {width: calc(100% - 100px) !important;} .im-emergency-background {right: 0px;left:initial;width: calc(100% - 260px);} .panel-full-size .im-emergency-background {width: 100%;} .im-emergency-message {width: calc(100% - 320px);left: initial;right: 30px;} .im-image-preview-image.im-image-preview-image-with-predescription {height: calc(100% - 230px) !important;} } @media (max-width: 991px) { .navbar-brand {padding: 15px 10px !important;width: calc(100% - 55px);height: initial;} .main-panel > .content {padding: 0px 0px;} .navbar-header .navbar-toggle {margin: 10px 0px 10px 0px;} .show-on-tablet {display: block !important;} .landing-top-background {border-radius: 0px;} .navbar-default:not(.landing-navbar) {background-repeat: no-repeat;/*background-image: url('../images/usersplash.jpg');*/background-size: cover;background-color: gray;} .navbar-default:not(.landing-navbar) .navbar-toggle .icon-bar {background-color: white;} .navbar-default:not(.landing-navbar) .navbar-brand {color: white;} .navbar-default:not(.landing-navbar) .navbar-brand:focus, .navbar-default .navbar-brand:hover {color: white;} #imContainer{margin: 0px 0px 0px 0px;} #tasksContainer{margin: 0px 0px 0px 0px;} } @media (max-width: 370px) { .im-page-title-main-inner {padding-right: 150px;} .im-page-thread-participants.im-page-options-elem {display: none;} .im-page-options-elem {margin: 0px 2px;font-size: 12px;} .im-files-container .im-file-line .im-page-options {top:40px;} .button-wbutton {margin-left: 0px !important;} .room-content-title {width: calc(100% - 160px);} .call-thread-avatar-container {display: none;} .call-thread-info-container {width:100%;padding:15px 15px 0px 15px;} } .notification-body {font-size:1em !important;line-height:1em !important;margin:0 !important} span.notification-body > p {font-size:1.1em !important;line-height:1em !important;margin:0 !important} .room-content-closed-label { padding-right: 20px; text-align: right; color: silver; } .qr-code { position: relative; } .qr-code .qr-expired-hover { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); padding: 40% 30px 0 30px; font-size: 20px; } .qr-timer { }